@oracle/oraclejet-preact 14.0.0 → 14.0.2

package/amd/PRIVATE_List.css

@@ -1,17 +1,17 @@
-._125rbix{height:100%;user-select:none;overflow-y:inherit;}._125rbix:focus{outline-style:none;}
-._1pkto0e{position:absolute;top:0;width:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);z-index:1;display:block;background-image:var(--oj-c-PRIVATE-DO-NOT-USE-collection-sparkle-img);background-repeat:no-repeat;background-size:100% 100%;}
-.ga0mug{position:relative;}
+._1fsnixv{height:100%;user-select:none;overflow-y:inherit;}._1fsnixv:focus{outline-style:none;}
+.n1v5l1{position:absolute;top:0;width:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);z-index:1;display:block;background-image:var(--oj-c-PRIVATE-DO-NOT-USE-collection-sparkle-img);background-repeat:no-repeat;background-size:100% 100%;}
+.vohvty{position:relative;}
 
-._1ddtev8{height:100%;overflow-x:hidden;overflow-y:hidden;}
+._2g27wh{height:100%;overflow-x:hidden;overflow-y:hidden;}
 
-._1wn6f50{display:flex;align-items:center;min-height:var(--oj-collection-list-row-height);box-sizing:border-box;background-image:linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color),var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color));background-size:0;background-position:0 100%;background-repeat:no-repeat;border-top:1px solid transparent;}
-._1dc6pox{background-size:100% 1px;}
-.nnr2us{background-image:linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color),var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)),linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color),var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color));background-position:0 100%,0 -1px;background-size:100% 1px,100% 1px;}
-._4uelk0:hover{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
-._10mlafw{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-selected);}
-.q0skrr{border-top:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-border-color-selected);box-shadow:inset 0 -1px var(--oj-c-PRIVATE-DO-NOT-USE-core-border-color-selected);}
-._1y1oej7{background-size:100% 1px;}
-.nqkbzw{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
-._8n57a5{outline-style:dotted;outline-width:1px;outline-color:var(---oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:-1px;}
-._18oorz8{flex-grow:1;}
-._152l2dq{display:flex;}
+.g2p5wz{display:flex;align-items:center;min-height:var(--oj-collection-list-row-height);box-sizing:border-box;background-image:linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color),var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color));background-size:0;background-position:0 100%;background-repeat:no-repeat;border-top:1px solid transparent;}
+._1hax77t{background-size:100% 1px;}
+._1k8t7vg{background-image:linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color),var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)),linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color),var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color));background-position:0 100%,0 -1px;background-size:100% 1px,100% 1px;}
+._1ikkuln:hover{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
+._1thzsi8{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-selected);}
+.njto9c{border-top:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-border-color-selected);box-shadow:inset 0 -1px var(--oj-c-PRIVATE-DO-NOT-USE-core-border-color-selected);}
+.ar8mj7{background-size:100% 1px;}
+.bu4c1h{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
+.qd61dp{outline-style:dotted;outline-width:1px;outline-color:var(---oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:-1px;}
+.tcy7g9{flex-grow:1;}
+._2fz5kv{display:flex;}

package/amd/PRIVATE_List.js

@@ -1,2 +1,2 @@
-define(["exports","./List-56a1055e","preact/jsx-runtime","preact/hooks","css!./PRIVATE_List.css","./utils/UNSAFE_classNames","./classNames-3c307969","./utils/UNSAFE_mergeProps","./utils/UNSAFE_keys","./LoadMoreCollection-60a7b2a5","./PRIVATE_Collection","./Collection-0cd076bf","preact","./hooks/UNSAFE_useViewportIntersect","./PRIVATE_VirtualizedCollection","./VirtualizedCollection-45f2c32e","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useTabbableMode","./UNSAFE_FocusTrap","./FocusTrap-444cf340","preact/compat","./utils/PRIVATE_tabbableUtils","./_curry1-b9493cf6","./_curry2-b02f6247","./_curry3-8ffdde1d","./hooks/UNSAFE_useId","./hooks/PRIVATE_useSelection","./hooks/PRIVATE_useCurrentKey","./hooks/PRIVATE_useCollectionFocusRing","./hooks/PRIVATE_useTabbableModeSet","./hooks/PRIVATE_useItemAction","./utils/PRIVATE_collectionUtils","./UNSAFE_Skeleton","./Skeleton-6261f735","./tslib.es6-d070fafc","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./utils/UNSAFE_mergeInterpolations","./_has-fad415e9","./utils/UNSAFE_interpolations/borders","./UNSAFE_Flex","./Flex-0dec0de8","./utils/UNSAFE_interpolations/boxalignment","./keys-9d7cdf1f","./utils/UNSAFE_interpolations/flexbox","./flexbox-b8de8bb4","./utils/UNSAFE_interpolations/flexitem","./flexitem-d8628091","./UNSAFE_Selector","./index-55b2db15","./index-bd92b0b3","./UNSAFE_Icon","./Icon-87f4ca0b","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-a320db48","./index-2f5333e8","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-8e4e9999","./hooks/UNSAFE_useTheme","./hooks/UNSAFE_useTranslationBundle"],(function(e,o,s,t,i,l,n,u,a,_,r,A,E,c,F,S,U,N,d,b,k,f,h,T,p,I,m,x,V,P,R,C,g,y,L,M,v,z,j,O,w,B,H,K,q,D,G,J,Q,W,X,Y,Z,$,ee,oe,se,te,ie,le,ne,ue,ae,_e,re,Ae,Ee,ce,Fe,Se,Ue){"use strict";e.List=o.List,e.SkeletonContainer=o.SkeletonContainer,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./List-468ffcb6","preact/jsx-runtime","preact/hooks","css!./PRIVATE_List.css","./utils/UNSAFE_classNames","./classNames-e580c7c7","./utils/UNSAFE_mergeProps","./utils/UNSAFE_keys","./LoadMoreCollection-b395a4ad","./PRIVATE_Collection","./Collection-805cf4b4","preact","./hooks/UNSAFE_useViewportIntersect","./PRIVATE_VirtualizedCollection","./VirtualizedCollection-83b0641b","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useTabbableMode","./UNSAFE_FocusTrap","./FocusTrap-4796ed88","preact/compat","./utils/PRIVATE_tabbableUtils","./_curry1-9eeaf6ed","./_curry2-466cc994","./_curry3-167fa665","./hooks/UNSAFE_useId","./hooks/PRIVATE_useSelection","./hooks/PRIVATE_useCurrentKey","./hooks/PRIVATE_useCollectionFocusRing","./hooks/PRIVATE_useTabbableModeSet","./hooks/PRIVATE_useItemAction","./utils/PRIVATE_collectionUtils","./UNSAFE_Skeleton","./Skeleton-3ccbc4fc","./tslib.es6-fa3971d7","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./utils/UNSAFE_mergeInterpolations","./_has-aa07e02d","./utils/UNSAFE_interpolations/borders","./UNSAFE_Flex","./Flex-bfc6c229","./utils/UNSAFE_interpolations/boxalignment","./keys-992a0824","./utils/UNSAFE_interpolations/flexbox","./flexbox-37da5c1b","./utils/UNSAFE_interpolations/flexitem","./flexitem-f592cd81","./UNSAFE_Selector","./index-03ab344e","./index-4d399da7","./UNSAFE_Icon","./Icon-66acac47","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-863a4a52","./index-17cde748","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-215b2be2","./hooks/UNSAFE_useTheme","./hooks/UNSAFE_useTranslationBundle"],function(e,o,s,t,i,l,n,a,u,c,_,r,A,E,F,S,U,N,b,d,k,h,T,f,p,I,m,x,V,P,R,C,g,y,L,M,v,z,j,O,w,B,H,K,q,D,G,J,Q,W,X,Y,Z,$,ee,oe,se,te,ie,le,ne,ae,ue,ce,_e,re,Ae,Ee,Fe,Se,Ue){"use strict";e.List=o.List,e.SkeletonContainer=o.SkeletonContainer,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=PRIVATE_List.js.map

package/amd/PRIVATE_Message.css

@@ -1,34 +1,34 @@
-.qy3t0k{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-background-color);border-bottom:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color);}.qy3t0k:focus-visible{outline-style:dotted;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:1px;}
-._1f2uwhl{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-background-color);border-radius:6px;box-shadow:var(--oj-c-PRIVATE-DO-NOT-USE-core-box-shadow-sm);width:fit-content;}._1f2uwhl:focus-visible{outline-style:dotted;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:1px;}
-._10q4nvx{border:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg);}
-.w084rn{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);}
-._1x2d7uj{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-start,var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x));padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-end,var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x));}
-.c8bywp{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);}
+.kubhj1{overflow-wrap:anywhere;}
+._1wv6n6v{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-font-size);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
+._1jr63f5{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-font-size);color:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-detail-text-color);}
 
-._149k7j3{overflow-wrap:anywhere;}
-._15gqlr3{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-font-size);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
-._8cb62b{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-font-size);color:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-detail-text-color);}
+.lo2yy9{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-background-color);border-bottom:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color);}.lo2yy9:focus-visible{outline-style:dotted;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:1px;}
+.qj0keg{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-background-color);border-radius:6px;box-shadow:var(--oj-c-PRIVATE-DO-NOT-USE-core-box-shadow-sm);width:fit-content;}.qj0keg:focus-visible{outline-style:dotted;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:1px;}
+.h5cvmn{border:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg);}
+._1r9qprh{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);}
+.lv5d4w{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-start,var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x));padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-end,var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x));}
+._46v1b3{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);}
 
-._1pqzdb4{align-self:flex-start;display:flex;}
-._1bfnhff{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);margin-inline-end:calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x));margin-top:calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x));margin-bottom:calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x));}
-._1dislpv{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);margin-inline-end:calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x) / 2);margin-top:calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x) / 2);margin-bottom:calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x) / 2);}
+._1082zdl{align-self:flex-start;display:flex;}
+._1stj2rx{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);margin-inline-end:calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x));margin-top:calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x));margin-bottom:calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x));}
+._10d3vur{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);margin-inline-end:calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x) / 2);margin-top:calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x) / 2);margin-bottom:calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x) / 2);}
 
-._1d9hv8b{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);display:flex;align-self:flex-start;}
-._1roldm7{color:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-start-icon-color);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-start-icon-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height);}
-.owa2z3{color:var(--oj-c-PRIVATE-DO-NOT-USE-message-inline-start-icon-color);font-size:1rem;}
-._1yb0u3l{color:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-color);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size);}
-.ml53dk{height:100%;}
+._1nx9dd4{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);display:flex;align-self:flex-start;}
+._1j2uhzi{color:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-start-icon-color);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-start-icon-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height);}
+.jxsba8{color:var(--oj-c-PRIVATE-DO-NOT-USE-message-inline-start-icon-color);font-size:1rem;}
+.hrj7xn{color:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-color);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size);}
+._1tdpzpo{height:100%;}
 
-.t65d78{flex:1;overflow-wrap:anywhere;}
-._1i99nfe{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-weight);color:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-color);}
-.m0ty6g{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-font-size);font-weight:400;color:var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-text-color);line-height:1.333;}
-._91dl5{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-summary-text-size);color:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-summary-text-color);}
+._1ax0i5j{flex:1;overflow-wrap:anywhere;}
+.cfcein{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-weight);color:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-color);}
+.ndktay{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-font-size);font-weight:400;color:var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-text-color);line-height:1.333;}
+.qd13ct{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-summary-text-size);color:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-summary-text-color);}
 
-._4e9xiq{flex-shrink:0;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-font-size);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);}
+.w33tak{flex-shrink:0;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-font-size);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);}
 
-._1ssxatk{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);align-self:flex-start;display:flex;}
-._1dd95zq{height:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size);}
+.hals9l{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);align-self:flex-start;display:flex;}
+._1mk3n8a{height:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size);}
 
-.jwogc{box-sizing:border-box;display:flex;flex-wrap:wrap;flex-direction:row;}@media screen and (max-width:599.9px){.jwogc{flex-direction:column;}}
-.oretv0{line-height:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height);}
-._13dem6l{line-height:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size);}
+._17p86gu{box-sizing:border-box;display:flex;flex-wrap:wrap;flex-direction:row;}@media screen and (max-width:599.9px){._17p86gu{flex-direction:column;}}
+.bmnh26{line-height:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height);}
+._62e1pr{line-height:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size);}

package/amd/PRIVATE_Message.js

@@ -1,2 +1,2 @@
-define(["exports","preact/jsx-runtime","css!./PRIVATE_Message.css","preact/hooks","./UNSAFE_Flex","./utils/PRIVATE_timer","./utils/UNSAFE_classNames","./MessageCloseButton-c76a52a8","./classNames-3c307969","./MessageDetail-43b9aea2","./MessageFormattingUtils-b6297ef3","./MessageStartIcon-6ef050cb","./MessageSummary-6829e689","./MessageTimestamp-663c8997","./MessageUtils-d33dd1be","./Flex-0dec0de8","./MessagesManager-d5b3671c","./Message.types-2209616d","./tslib.es6-d070fafc","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-b9493cf6","./utils/UNSAFE_mergeInterpolations","./_curry3-8ffdde1d","./_curry2-b02f6247","./_has-fad415e9","./utils/UNSAFE_interpolations/boxalignment","./keys-9d7cdf1f","./utils/UNSAFE_interpolations/flexbox","./flexbox-b8de8bb4","./utils/UNSAFE_interpolations/flexitem","./flexitem-d8628091","./UNSAFE_Button","./Button-18083439","./UNSAFE_BaseButton","./BaseButton-c6deca8c","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","preact/compat","./utils/PRIVATE_clientHints","./clientHints-7d8b1c52","./hooks/UNSAFE_useTabbableMode","preact","./utils/UNSAFE_mergeProps","./index-55b2db15","./index-bd92b0b3","./UNSAFE_Icon","./Icon-87f4ca0b","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-a320db48","./index-2f5333e8","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-8e4e9999","./hooks/UNSAFE_useTheme","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-48915fb5","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext"],(function(e,s,t,a,n,o,i,r,l,c,u,d,g,m,b,S,_,f,E,F,A,U,p,N,x,v,M,y,h,j,k,T,I,B,C,R,V,O,P,w,D,q,H,z,L,W,G,K,J,Q,X,Y,Z,$,ee,se,te,ae,ne,oe,ie,re,le,ce,ue,de,ge,me,be,Se,_e,fe,Ee,Fe){"use strict";const Ae="_1ssxatk",Ue="_1dd95zq";function pe({item:e,renderer:t}){const a=l.classNames([Ae,Ue]);return s.jsx("div",Object.assign({class:a,role:"presentation"},{children:t(e)}))}const Ne={base:"jwogc",banner:"oretv0",inline:void 0,toast:"_13dem6l"};function xe({children:e,variant:t="banner"}){const a=l.classNames([Ne.base,Ne[t]]);return s.jsx("div",Object.assign({role:"presentation",class:a},{children:e}))}function ve(e){return u.isValidValueForProp(e,"severity")&&"none"!==e}const Me={base:{banner:"qy3t0k",toast:"_1f2uwhl"},section:"_10q4nvx",content:{base:"w084rn",banner:"_1x2d7uj",toast:"c8bywp"}};e.MessageCloseButton=r.MessageCloseButton,e.MessageDetail=c.MessageDetail,e.formatTimestamp=u.formatTimestamp,e.isValidValueForProp=u.isValidValueForProp,e.MessageStartIcon=d.MessageStartIcon,e.MessageSummary=g.MessageSummary,e.MessageTimestamp=m.MessageTimestamp,e.getRenderer=b.getRenderer,e.getRendererWithoutIndex=b.getRendererWithoutIndex,e.isSeverityIconNeeded=b.isSeverityIconNeeded,e.playSound=b.playSound,e.severityBasedStyleClass=b.severityBasedStyleClass,e.throwError=b.throwError,e.MessagesManager=_.MessagesManager,e.severities=f.severities,e.Message=function({closeButtonRenderer:e,detailRenderer:t,iconRenderer:n,index:i=-1,item:_,onClose:f,messageRef:E=(()=>{}),variant:F="pageBanner",translations:A}){const{closeAffordance:U="on",severity:p="error",sound:N,summary:x,timestamp:v}=_.data,{autoTimeout:M="off"}=_.data,y=function(e){return"pageBanner"===e||"sectionBanner"===e?"banner":"toast"}(F),h=a.useCallback((()=>{null==f||f(_)}),[_,f]),j=a.useCallback((e=>{"Escape"===e.key&&"on"===U&&(null==f||f(_))}),[U,_,f]),k="toast"===y&&"off"!==M,T=a.useRef(),I="on"===M?5e3:"number"==typeof M?M:5e3,B=a.useCallback((()=>{T.current||(T.current=new o.Timer(h,I))}),[h,I]),C=a.useCallback((()=>{T.current&&(T.current.clear(),T.current=void 0)}),[]),R=a.useCallback((()=>{var e;null===(e=T.current)||void 0===e||e.pause()}),[]),V=a.useCallback((()=>{var e;null===(e=T.current)||void 0===e||e.resume()}),[]);a.useEffect((()=>(u.isValidValueForProp(N)&&b.playSound(N),k&&B(),()=>{C()})),[]);const O=l.classNames([Me.base[y],"toast"!==F&&b.severityBasedStyleClass(p,y),"sectionBanner"===F&&Me.section]),P=l.classNames([Me.content.base,Me.content[y]]);return s.jsx("div",Object.assign({ref:E,class:O,role:"alert","aria-atomic":"true",tabIndex:0,onKeyUp:j,onfocusin:R,onfocusout:V},{children:s.jsxs("div",Object.assign({class:P},{children:[n?s.jsx(pe,{item:Object.assign(Object.assign({},_),{index:i}),renderer:n}):ve(p)?s.jsx(d.MessageStartIcon,{severity:p,variant:y,translations:A}):null,s.jsxs(S.Flex,Object.assign({direction:"column",flex:"1",gap:"--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x"},{children:[s.jsxs(xe,Object.assign({variant:y},{children:[s.jsx(g.MessageSummary,{variant:y,text:x}),u.isValidValueForProp(v,"timestamp")&&"toast"!==F&&s.jsx(m.MessageTimestamp,{variant:y,value:v})]})),s.jsx(c.MessageDetail,{variant:y,item:Object.assign(Object.assign({},_),{index:i}),renderer:t})]})),"on"===U&&s.jsx(r.MessageCloseButton,{buttonRenderer:e,title:null==A?void 0:A.close,variant:y,onAction:h})]}))}))},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","preact/jsx-runtime","css!./PRIVATE_Message.css","preact/hooks","./UNSAFE_Flex","./utils/PRIVATE_timer","./utils/UNSAFE_classNames","./MessageCloseButton-8366a158","./classNames-e580c7c7","./MessageDetail-d500a9a3","./MessageFormattingUtils-bdfaac26","./MessageStartIcon-20e17ea1","./MessageSummary-c91f9b00","./MessageTimestamp-de77475d","./MessageUtils-8216ac4e","./Flex-bfc6c229","./MessagesManager-615b69fb","./Message.types-eb760bd7","./tslib.es6-fa3971d7","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-9eeaf6ed","./utils/UNSAFE_mergeInterpolations","./_curry3-167fa665","./_curry2-466cc994","./_has-aa07e02d","./utils/UNSAFE_interpolations/boxalignment","./keys-992a0824","./utils/UNSAFE_interpolations/flexbox","./flexbox-37da5c1b","./utils/UNSAFE_interpolations/flexitem","./flexitem-f592cd81","./UNSAFE_Button","./Button-26513e96","./UNSAFE_BaseButton","./BaseButton-a31275cc","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","preact/compat","./utils/PRIVATE_clientHints","./clientHints-914fecb1","./hooks/UNSAFE_useTabbableMode","preact","./utils/UNSAFE_mergeProps","./index-03ab344e","./index-4d399da7","./UNSAFE_Icon","./Icon-66acac47","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-863a4a52","./index-17cde748","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-215b2be2","./hooks/UNSAFE_useTheme","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-e3a47803","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext"],function(e,s,t,a,n,o,r,i,l,c,u,d,g,m,b,S,_,E,F,p,A,U,N,f,v,x,h,M,y,j,k,T,I,B,C,R,V,O,P,D,w,H,q,L,W,z,G,K,J,Q,X,Y,Z,$,ee,se,te,ae,ne,oe,re,ie,le,ce,ue,de,ge,me,be,Se,_e,Ee,Fe,pe){"use strict";const Ae="hals9l",Ue="_1mk3n8a";function Ne({item:e,renderer:t}){const a=l.classNames([Ae,Ue]);return s.jsx("div",Object.assign({class:a,role:"presentation"},{children:t(e)}))}const fe={base:"_17p86gu",banner:"bmnh26",inline:void 0,toast:"_62e1pr"};function ve({children:e,variant:t="banner"}){const a=l.classNames([fe.base,fe[t]]);return s.jsx("div",Object.assign({role:"presentation",class:a},{children:e}))}function xe(e){return u.isValidValueForProp(e,"severity")&&"none"!==e}const he={base:{banner:"lo2yy9",toast:"qj0keg"},section:"h5cvmn",content:{base:"_1r9qprh",banner:"lv5d4w",toast:"_46v1b3"}};e.MessageCloseButton=i.MessageCloseButton,e.MessageDetail=c.MessageDetail,e.formatTimestamp=u.formatTimestamp,e.isValidValueForProp=u.isValidValueForProp,e.MessageStartIcon=d.MessageStartIcon,e.MessageSummary=g.MessageSummary,e.MessageTimestamp=m.MessageTimestamp,e.getRenderer=b.getRenderer,e.getRendererWithoutIndex=b.getRendererWithoutIndex,e.isSeverityIconNeeded=b.isSeverityIconNeeded,e.playSound=b.playSound,e.severityBasedStyleClass=b.severityBasedStyleClass,e.throwError=b.throwError,e.MessagesManager=_.MessagesManager,e.severities=E.severities,e.Message=function({closeButtonRenderer:e,detailRenderer:t,iconRenderer:n,index:r=-1,item:_,onClose:E,messageRef:F=(()=>{}),variant:p="pageBanner",translations:A}){const{closeAffordance:U="on",severity:N="error",sound:f,summary:v,timestamp:x}=_.data,{autoTimeout:h="off"}=_.data,M=function(e){return"pageBanner"===e||"sectionBanner"===e?"banner":"toast"}(p),y=a.useCallback(()=>{null==E||E(_)},[_,E]),j=a.useCallback(e=>{"Escape"===e.key&&"on"===U&&(null==E||E(_))},[U,_,E]),k="toast"===M&&"off"!==h,T=a.useRef(),I="on"===h?5e3:"number"==typeof h?h:5e3,B=a.useCallback(()=>{T.current||(T.current=new o.Timer(y,I))},[y,I]),C=a.useCallback(()=>{T.current&&(T.current.clear(),T.current=void 0)},[]),R=a.useCallback(()=>{var e;null===(e=T.current)||void 0===e||e.pause()},[]),V=a.useCallback(()=>{var e;null===(e=T.current)||void 0===e||e.resume()},[]);a.useEffect(()=>(u.isValidValueForProp(f)&&b.playSound(f),k&&B(),()=>{C()}),[]);const O=l.classNames([he.base[M],"toast"!==p&&b.severityBasedStyleClass(N,M),"sectionBanner"===p&&he.section]),P=l.classNames([he.content.base,he.content[M]]);return s.jsx("div",Object.assign({ref:F,class:O,role:"alert","aria-atomic":"true",tabIndex:0,onKeyUp:j,onfocusin:R,onfocusout:V},{children:s.jsxs("div",Object.assign({class:P},{children:[n?s.jsx(Ne,{item:Object.assign(Object.assign({},_),{index:r}),renderer:n}):xe(N)?s.jsx(d.MessageStartIcon,{severity:N,variant:M,translations:A}):null,s.jsxs(S.Flex,Object.assign({direction:"column",flex:"1",gap:"--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x"},{children:[s.jsxs(ve,Object.assign({variant:M},{children:[s.jsx(g.MessageSummary,{variant:M,text:v}),u.isValidValueForProp(x,"timestamp")&&"toast"!==p&&s.jsx(m.MessageTimestamp,{variant:M,value:x})]})),s.jsx(c.MessageDetail,{variant:M,item:Object.assign(Object.assign({},_),{index:r}),renderer:t})]})),"on"===U&&s.jsx(i.MessageCloseButton,{buttonRenderer:e,title:null==A?void 0:A.close,variant:M,onAction:y})]}))}))},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=PRIVATE_Message.js.map

package/amd/PRIVATE_Message.js.map

@@ -1 +1 @@
-{"version":3,"file":"PRIVATE_Message.js","sources":["../../src/PRIVATE_Message/MessageCustomStartIcon.tsx","../../src/PRIVATE_Message/MessageHeader.tsx","../../src/PRIVATE_Message/Message.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 { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageRendererDataItem } from './Message.types';\n\nconst messageStartIconStyles = {\n  base: cssProps`${{\n    marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n    alignSelf: 'flex-start',\n    display: 'flex'\n  }}`,\n  toast: cssProps`${{\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size)'\n  }}`\n};\n\n/**\n * Props for the StartIcon component\n */\ntype Props<K, D> = {\n  /**\n   * The data item for rendering the start icon\n   */\n  item: MessageRendererDataItem<K, D>;\n\n  /**\n   * A custom renderer for rendering the start icon\n   */\n  renderer: (item: MessageRendererDataItem<K, D>) => ComponentChildren;\n};\n\n/**\n * Component for rendering custom icon/content for start icon in Message\n */\nfunction MessageCustomStartIcon<K, D>({ item, renderer }: Props<K, D>) {\n  const classes = classNames([\n    messageStartIconStyles.base,\n    // for now only toast has support for custom icon\n    messageStartIconStyles.toast\n  ]);\n  return (\n    <div class={classes} role=\"presentation\">\n      {renderer(item)}\n    </div>\n  );\n}\n\nexport { MessageCustomStartIcon };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageVariant } from './Message.types';\n\nconst messageHeaderStyles = {\n  base: cssProps`${{\n    boxSizing: 'border-box',\n\n    // TODO: Replace with Flex and ResponsiveProps when creating oj-c-message-banner\n    display: 'flex',\n    flexWrap: 'wrap',\n    flexDirection: 'row',\n    '@media screen and (max-width: 599.9px)': {\n      flexDirection: 'column'\n    }\n  }}`,\n  banner: cssProps`${{\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height)'\n  }}`,\n  inline: undefined,\n  toast: cssProps`${{\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size)'\n  }}`\n};\n\n/**\n * Props for the MessageHeader component\n */\ntype MessageHeaderProps = {\n  variant?: MessageVariant;\n  children?: ComponentChildren;\n};\n/**\n * A component that styles the header for the message component\n * @param param0 Props\n * @returns MessageHeader component instance\n */\nexport function MessageHeader({ children, variant = 'banner' }: MessageHeaderProps) {\n  const rootClasses = classNames([messageHeaderStyles.base, messageHeaderStyles[variant]]);\n  return (\n    <div role=\"presentation\" class={rootClasses}>\n      {children}\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 */\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren, Ref, VNode } from 'preact';\nimport { useCallback, useEffect, useRef } from 'preact/hooks';\nimport { Flex } from '../UNSAFE_Flex';\nimport { MessageToastItem } from '../UNSAFE_MessageToast';\nimport { Timer } from '../utils/PRIVATE_timer';\nimport { classNames as cx } from '../utils/UNSAFE_classNames';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { MessageRendererDataItem, MessageSeverity } from './Message.types';\nimport { MessageCloseButton } from './MessageCloseButton';\nimport { MessageCustomStartIcon } from './MessageCustomStartIcon';\nimport { MessageDetail } from './MessageDetail';\nimport { isValidValueForProp } from './MessageFormattingUtils';\nimport { MessageHeader } from './MessageHeader';\nimport { MessageStartIcon } from './MessageStartIcon';\nimport { MessageSummary } from './MessageSummary';\nimport { MessageTimestamp } from './MessageTimestamp';\nimport { playSound, severityBasedStyleClass } from './MessageUtils';\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 Message component.\n */\nexport type MessageItem = {\n  /**\n   * Defines whether or not to include the close icon for the message\n   *\n   * @default 'on'\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?: MessageSeverity;\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 * Props for the Message Component\n */\ntype Props<Key, Data> = {\n  /**\n   * A ref object for holding reference to this component\n   */\n  messageRef?: Ref<HTMLDivElement>;\n\n  /**\n   * The index of the current message instance\n   */\n  index?: number;\n\n  /**\n   * The message item with all the necessary data in it\n   */\n  item: Item<Key, Data>;\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  /**\n   * A custom renderer for rendering the detail content\n   */\n  detailRenderer?: (item: MessageRendererDataItem<Key, Data>) => ComponentChildren;\n\n  /**\n   * A custom renderer for rendering the start icon\n   */\n  iconRenderer?: (item: MessageRendererDataItem<Key, Data>) => ComponentChildren;\n\n  /**\n   * Triggered when a user tries to close a message through UI interaction. The parent\n   * should listen to this event and remove the corresponding message item from the data\n   * which would then result in the message to be removed from the DOM. If the parent\n   * fails to remove the message item from the data, then no change will be done in the\n   * UI by the component.\n   */\n  onClose?: (item: Item<Key, Data>) => void;\n\n  /**\n   * A message can be a Banner message or Toast message.\n   *\n   * Furthermore, 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  variant?: 'pageBanner' | 'sectionBanner' | 'toast';\n\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\n/**\n * Determines the base variant of the message - banner or toast\n *\n * @param variant The message variant\n * @returns The base variant\n */\nfunction getBaseVariant(variant: 'pageBanner' | 'sectionBanner' | 'toast') {\n  if (variant === 'pageBanner' || variant === 'sectionBanner') {\n    return 'banner';\n  }\n  return 'toast';\n}\n\n/**\n * Determines if a severity icon is needed based on the component severity\n *\n * @param severity The component severity\n * @returns Whether or not to render the severity icon\n */\nfunction isSeverityIconNeeded(\n  severity: MessageSeverity\n): severity is Exclude<MessageSeverity, 'none'> {\n  const isValidSeverity = isValidValueForProp(severity, 'severity');\n  return isValidSeverity && severity !== 'none';\n}\n\n/**\n * CSS styles for various components\n */\nconst messageStyles = {\n  base: {\n    banner: cssProps`${{\n      backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-background-color)',\n      borderBottom: '1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)',\n\n      '&:focus-visible': {\n        outlineStyle: 'dotted',\n        outlineWidth: '1px',\n        outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n        outlineOffset: '1px'\n      }\n    }}`,\n    toast: cssProps`${{\n      backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-background-color)',\n      borderRadius: '6px',\n      boxShadow: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-box-shadow-sm)',\n      width: 'fit-content',\n\n      '&:focus-visible': {\n        outlineStyle: 'dotted',\n        outlineWidth: '1px',\n        outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n        outlineOffset: '1px'\n      }\n    }}`\n  },\n  section: cssProps`${{\n    border: '1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg)'\n  }}`,\n  // TODO: Replace with Flex and View components to handle padding and flex\n  content: {\n    base: cssProps`${{\n      alignItems: 'center',\n      boxSizing: 'border-box',\n      display: 'flex',\n      flexWrap: 'wrap',\n      paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)',\n      paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)'\n    }}`,\n    banner: cssProps`${{\n      paddingInlineStart:\n        'var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-start, var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x))',\n      paddingInlineEnd:\n        'var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-end, var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x))'\n    }}`,\n    toast: cssProps`${{\n      paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)',\n      paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)'\n    }}`\n  }\n} as const;\n\n/**\n * Default timeout duration for autoTimeout in milliseconds\n */\nconst MIN_SECONDS = 5;\nconst DEFAULT_TIMEOUT = MIN_SECONDS * 1000;\n\n/**\n * Component that renders an individual message\n */\nfunction Message<K extends string | number = string | number, D extends MessageItem = MessageItem>({\n  closeButtonRenderer,\n  detailRenderer,\n  iconRenderer,\n  index = -1,\n  item,\n  onClose,\n  messageRef = () => {},\n  variant = 'pageBanner',\n  translations\n}: Props<K, D>) {\n  const { closeAffordance = 'on', severity = 'error', sound, summary, timestamp } = item.data;\n  const { autoTimeout = 'off' } = item.data as MessageToastItem;\n  const baseVariant = getBaseVariant(variant);\n\n  /**\n   * Handles clicking on the close icon of the message\n   */\n  const handleClose = useCallback(() => {\n    onClose?.(item);\n  }, [item, onClose]);\n\n  /**\n   * Handles closing the message on pressing Esc\n   */\n  const handleCloseOnEsc = useCallback(\n    (event: KeyboardEvent) => {\n      // Close the message only when closeAffordance is on\n      if (event.key === 'Escape' && closeAffordance === 'on') {\n        onClose?.(item);\n      }\n    },\n    [closeAffordance, item, onClose]\n  );\n\n  /**\n   * Set auto timeout for toast messages\n   */\n  const shouldTimeout = baseVariant === 'toast' && autoTimeout !== 'off';\n  const currentTimerRef = useRef<Timer>();\n  const timeout = typeof autoTimeout === 'number' ? autoTimeout : DEFAULT_TIMEOUT;\n  const timeoutDuration = autoTimeout === 'on' ? DEFAULT_TIMEOUT : timeout;\n\n  const startTimer = useCallback(() => {\n    if (currentTimerRef.current) return;\n\n    currentTimerRef.current = new Timer(handleClose, timeoutDuration);\n  }, [handleClose, timeoutDuration]);\n\n  const clearTimer = useCallback(() => {\n    if (!currentTimerRef.current) return;\n\n    currentTimerRef.current.clear();\n    currentTimerRef.current = undefined;\n  }, []);\n\n  const pauseTimer = useCallback(() => {\n    currentTimerRef.current?.pause();\n  }, []);\n\n  const resumeTimer = useCallback(() => {\n    currentTimerRef.current?.resume();\n  }, []);\n\n  useEffect(() => {\n    if (isValidValueForProp(sound)) {\n      // It is sufficient to check for the value to be a\n      // non-empty string. The playSound method takes care of the rest.\n      playSound(sound);\n    }\n\n    // on mount, start timer for toast messages if needed\n    if (shouldTimeout) {\n      startTimer();\n    }\n\n    return () => {\n      // clear out any pending timer\n      clearTimer();\n    };\n    // eslint-disable-next-line\n  }, []); // No deps to run this only on mount\n\n  const rootClasses = cx([\n    messageStyles.base[baseVariant],\n    // for now, we do not have severity based styling on toast. So, we ignore this class for toasts\n    variant !== 'toast' && severityBasedStyleClass(severity, baseVariant),\n    variant === 'sectionBanner' && messageStyles.section\n  ]);\n\n  const contentClasses = cx([messageStyles.content.base, messageStyles.content[baseVariant]]);\n\n  // We will be animating the root div, so add padding to an inner wrapper div so that\n  // when animating height looks smooth. If padding were to be added to the root\n  // div, the animation will not be smooth as height will never reach 0 due to the\n  // padding.\n  return (\n    <div\n      ref={messageRef}\n      class={rootClasses}\n      role=\"alert\"\n      aria-atomic=\"true\"\n      tabIndex={0}\n      onKeyUp={handleCloseOnEsc}\n      onfocusin={pauseTimer}\n      onfocusout={resumeTimer}>\n      <div class={contentClasses}>\n        {iconRenderer ? (\n          <MessageCustomStartIcon item={{ ...item, index }} renderer={iconRenderer} />\n        ) : isSeverityIconNeeded(severity) ? (\n          <MessageStartIcon severity={severity} variant={baseVariant} translations={translations} />\n        ) : null}\n        <Flex direction=\"column\" flex=\"1\" gap=\"--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x\">\n          <MessageHeader variant={baseVariant}>\n            <MessageSummary variant={baseVariant} text={summary} />\n            {isValidValueForProp(timestamp, 'timestamp') && variant !== 'toast' && (\n              <MessageTimestamp variant={baseVariant} value={timestamp!} />\n            )}\n          </MessageHeader>\n          <MessageDetail\n            variant={baseVariant}\n            item={{ ...item, index }}\n            renderer={detailRenderer}\n          />\n        </Flex>\n        {closeAffordance === 'on' && (\n          <MessageCloseButton\n            buttonRenderer={closeButtonRenderer}\n            title={translations?.close}\n            variant={baseVariant}\n            onAction={handleClose}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport { Message };\n"],"names":["messageStartIconStyles","MessageCustomStartIcon","item","renderer","_jsx","Object","assign","class","classes","role","children","messageHeaderStyles","inline","undefined","MessageHeader","variant","rootClasses","classNames","base","isSeverityIconNeeded","severity","messageStyles","content","closeButtonRenderer","detailRenderer","iconRenderer","index","onClose","messageRef","translations","closeAffordance","sound","summary","timestamp","data","baseVariant","getBaseVariant","handleClose","useCallback","handleCloseOnEsc","event","currentTimerRef","useRef","timeoutDuration","autoTimeout","MIN_SECONDS","startTimer","clearTimer","current","clear","pauseTimer","_a","pause","resumeTimer","resume","isValidValueForProp","shouldTimeout","section","contentClasses","cx"],"mappings":"wgEAaA,MAAAA,GAAA,WAAAA,cA8BA,SAAAC,IAAAC,KAAAA,EAAAC,SAAAA,0BAEIH,GAEAA,KAEF,OAAAI,MAAA,MAAAC,OAAAC,OAAA,CAAAC,MAAAC,EAAAC,KAAA,gBAAA,CAAAC,SAAAP,EAAAD,MCpCF,MAAAS,GAAA,MAAA,eAAA,SAeEC,YAAAC,oBAkBF,SAAAC,IAAAJ,SAAAA,EAAAK,QAAAA,EAAA,WACE,MAAAC,EAAAC,EAAAA,WAAA,CAAAN,GAAAO,KAAAP,GAAAI,KACA,OAAAX,MAAA,MAAAC,OAAAC,OAAA,CAAAG,KAAA,eAAAF,MAAAS,GAAA,CAAAN,SAAAA,KC0HF,SAAAS,GAAAC,GAIE,4CAAA,SAAAA,EAMF,MAAAC,GAAA,CACEH,KAAA,QAAA,mCADF,WAgCEI,QAAA,MAAA,gBAAA,glBA+BF,UAAAC,oBAAAA,EAAAC,eAAAA,EAAAC,aAAAA,EAAAC,MAAAA,GAAA,EAAAxB,KAAAA,EAAAyB,QAAAA,EAAAC,WAAAA,EAAA,SAAAb,QAAAA,EAAA,aAAAc,aAAAA,IAWE,MAAAC,gBAAAA,EAAA,KAAAV,SAAAA,EAAA,QAAAW,MAAAA,EAAAC,QAAAA,EAAAC,UAAAA,GAAA/B,EAAAgC,kCAEAC,EAnGF,SAAApB,GACE,MAAA,eAAAA,GAAA,kBAAAA,EACE,SAEF,QA+FAqB,CAAArB,GAKAsB,EAAAC,EAAAA,aAAA,KACEX,MAAAA,GAAAA,EAAAzB,KACF,CAAAA,EAAAyB,IAKAY,EAAAD,EAAAA,aAAAE,iCAIMb,MAAAA,GAAAA,EAAAzB,wCAUNuC,EAAAC,EAAAA,SAEAC,EAAA,OAAAC,EA9CFC,IA6CE,iBAAAD,EAAAA,EA7CFC,IAgDEC,EAAAR,EAAAA,aAAA,+CAIA,CAAAD,EAAAM,IAEAI,EAAAT,EAAAA,aAAA,iBAGEG,EAAAO,QAAAC,QACAR,EAAAO,aAAAnC,SAGFqC,EAAAZ,EAAAA,aAAA,WACE,QAAAa,EAAAV,EAAAO,eAAA,IAAAG,GAAAA,EAAAC,cAGFC,EAAAf,EAAAA,aAAA,WACE,QAAAa,EAAAV,EAAAO,eAAA,IAAAG,GAAAA,EAAAG,iCAIAC,EAAAA,oBAAAxB,mBAOAyB,GACEV,IAGF,KAEEC,OAGJ,0BAGE1B,GAAAH,KAAAiB,+CAGA,kBAAApB,GAAAM,GAAAoC,UAGFC,EAAAC,EAAAA,WAAA,CAAAtC,GAAAC,QAAAJ,KAAAG,GAAAC,QAAAa"}
+{"version":3,"file":"PRIVATE_Message.js","sources":["../../src/PRIVATE_Message/MessageCustomStartIcon.tsx","../../src/PRIVATE_Message/MessageHeader.tsx","../../src/PRIVATE_Message/Message.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 { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageRendererDataItem } from './Message.types';\n\nconst messageStartIconStyles = {\n  base: cssProps`${{\n    marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n    alignSelf: 'flex-start',\n    display: 'flex'\n  }}`,\n  toast: cssProps`${{\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size)'\n  }}`\n};\n\n/**\n * Props for the StartIcon component\n */\ntype Props<K, D> = {\n  /**\n   * The data item for rendering the start icon\n   */\n  item: MessageRendererDataItem<K, D>;\n\n  /**\n   * A custom renderer for rendering the start icon\n   */\n  renderer: (item: MessageRendererDataItem<K, D>) => ComponentChildren;\n};\n\n/**\n * Component for rendering custom icon/content for start icon in Message\n */\nfunction MessageCustomStartIcon<K, D>({ item, renderer }: Props<K, D>) {\n  const classes = classNames([\n    messageStartIconStyles.base,\n    // for now only toast has support for custom icon\n    messageStartIconStyles.toast\n  ]);\n  return (\n    <div class={classes} role=\"presentation\">\n      {renderer(item)}\n    </div>\n  );\n}\n\nexport { MessageCustomStartIcon };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageVariant } from './Message.types';\n\nconst messageHeaderStyles = {\n  base: cssProps`${{\n    boxSizing: 'border-box',\n\n    // TODO: Replace with Flex and ResponsiveProps when creating oj-c-message-banner\n    display: 'flex',\n    flexWrap: 'wrap',\n    flexDirection: 'row',\n    '@media screen and (max-width: 599.9px)': {\n      flexDirection: 'column'\n    }\n  }}`,\n  banner: cssProps`${{\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height)'\n  }}`,\n  inline: undefined,\n  toast: cssProps`${{\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size)'\n  }}`\n};\n\n/**\n * Props for the MessageHeader component\n */\ntype MessageHeaderProps = {\n  variant?: MessageVariant;\n  children?: ComponentChildren;\n};\n/**\n * A component that styles the header for the message component\n * @param param0 Props\n * @returns MessageHeader component instance\n */\nexport function MessageHeader({ children, variant = 'banner' }: MessageHeaderProps) {\n  const rootClasses = classNames([messageHeaderStyles.base, messageHeaderStyles[variant]]);\n  return (\n    <div role=\"presentation\" class={rootClasses}>\n      {children}\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 */\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren, Ref, VNode } from 'preact';\nimport { useCallback, useEffect, useRef } from 'preact/hooks';\nimport { Flex } from '../UNSAFE_Flex';\nimport { MessageToastItem } from '../UNSAFE_MessageToast';\nimport { Timer } from '../utils/PRIVATE_timer';\nimport { classNames as cx } from '../utils/UNSAFE_classNames';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { MessageRendererDataItem, MessageSeverity } from './Message.types';\nimport { MessageCloseButton } from './MessageCloseButton';\nimport { MessageCustomStartIcon } from './MessageCustomStartIcon';\nimport { MessageDetail } from './MessageDetail';\nimport { isValidValueForProp } from './MessageFormattingUtils';\nimport { MessageHeader } from './MessageHeader';\nimport { MessageStartIcon } from './MessageStartIcon';\nimport { MessageSummary } from './MessageSummary';\nimport { MessageTimestamp } from './MessageTimestamp';\nimport { playSound, severityBasedStyleClass } from './MessageUtils';\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 Message component.\n */\nexport type MessageItem = {\n  /**\n   * Defines whether or not to include the close icon for the message\n   *\n   * @default 'on'\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?: MessageSeverity;\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 * Props for the Message Component\n */\ntype Props<Key, Data> = {\n  /**\n   * A ref object for holding reference to this component\n   */\n  messageRef?: Ref<HTMLDivElement>;\n\n  /**\n   * The index of the current message instance\n   */\n  index?: number;\n\n  /**\n   * The message item with all the necessary data in it\n   */\n  item: Item<Key, Data>;\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  /**\n   * A custom renderer for rendering the detail content\n   */\n  detailRenderer?: (item: MessageRendererDataItem<Key, Data>) => ComponentChildren;\n\n  /**\n   * A custom renderer for rendering the start icon\n   */\n  iconRenderer?: (item: MessageRendererDataItem<Key, Data>) => ComponentChildren;\n\n  /**\n   * Triggered when a user tries to close a message through UI interaction. The parent\n   * should listen to this event and remove the corresponding message item from the data\n   * which would then result in the message to be removed from the DOM. If the parent\n   * fails to remove the message item from the data, then no change will be done in the\n   * UI by the component.\n   */\n  onClose?: (item: Item<Key, Data>) => void;\n\n  /**\n   * A message can be a Banner message or Toast message.\n   *\n   * Furthermore, 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  variant?: 'pageBanner' | 'sectionBanner' | 'toast';\n\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\n/**\n * Determines the base variant of the message - banner or toast\n *\n * @param variant The message variant\n * @returns The base variant\n */\nfunction getBaseVariant(variant: 'pageBanner' | 'sectionBanner' | 'toast') {\n  if (variant === 'pageBanner' || variant === 'sectionBanner') {\n    return 'banner';\n  }\n  return 'toast';\n}\n\n/**\n * Determines if a severity icon is needed based on the component severity\n *\n * @param severity The component severity\n * @returns Whether or not to render the severity icon\n */\nfunction isSeverityIconNeeded(\n  severity: MessageSeverity\n): severity is Exclude<MessageSeverity, 'none'> {\n  const isValidSeverity = isValidValueForProp(severity, 'severity');\n  return isValidSeverity && severity !== 'none';\n}\n\n/**\n * CSS styles for various components\n */\nconst messageStyles = {\n  base: {\n    banner: cssProps`${{\n      backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-background-color)',\n      borderBottom: '1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)',\n\n      '&:focus-visible': {\n        outlineStyle: 'dotted',\n        outlineWidth: '1px',\n        outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n        outlineOffset: '1px'\n      }\n    }}`,\n    toast: cssProps`${{\n      backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-background-color)',\n      borderRadius: '6px',\n      boxShadow: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-box-shadow-sm)',\n      width: 'fit-content',\n\n      '&:focus-visible': {\n        outlineStyle: 'dotted',\n        outlineWidth: '1px',\n        outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n        outlineOffset: '1px'\n      }\n    }}`\n  },\n  section: cssProps`${{\n    border: '1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg)'\n  }}`,\n  // TODO: Replace with Flex and View components to handle padding and flex\n  content: {\n    base: cssProps`${{\n      alignItems: 'center',\n      boxSizing: 'border-box',\n      display: 'flex',\n      flexWrap: 'wrap',\n      paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)',\n      paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)'\n    }}`,\n    banner: cssProps`${{\n      paddingInlineStart:\n        'var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-start, var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x))',\n      paddingInlineEnd:\n        'var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-end, var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x))'\n    }}`,\n    toast: cssProps`${{\n      paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)',\n      paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)'\n    }}`\n  }\n} as const;\n\n/**\n * Default timeout duration for autoTimeout in milliseconds\n */\nconst MIN_SECONDS = 5;\nconst DEFAULT_TIMEOUT = MIN_SECONDS * 1000;\n\n/**\n * Component that renders an individual message\n */\nfunction Message<K extends string | number = string | number, D extends MessageItem = MessageItem>({\n  closeButtonRenderer,\n  detailRenderer,\n  iconRenderer,\n  index = -1,\n  item,\n  onClose,\n  messageRef = () => {},\n  variant = 'pageBanner',\n  translations\n}: Props<K, D>) {\n  const { closeAffordance = 'on', severity = 'error', sound, summary, timestamp } = item.data;\n  const { autoTimeout = 'off' } = item.data as MessageToastItem;\n  const baseVariant = getBaseVariant(variant);\n\n  /**\n   * Handles clicking on the close icon of the message\n   */\n  const handleClose = useCallback(() => {\n    onClose?.(item);\n  }, [item, onClose]);\n\n  /**\n   * Handles closing the message on pressing Esc\n   */\n  const handleCloseOnEsc = useCallback(\n    (event: KeyboardEvent) => {\n      // Close the message only when closeAffordance is on\n      if (event.key === 'Escape' && closeAffordance === 'on') {\n        onClose?.(item);\n      }\n    },\n    [closeAffordance, item, onClose]\n  );\n\n  /**\n   * Set auto timeout for toast messages\n   */\n  const shouldTimeout = baseVariant === 'toast' && autoTimeout !== 'off';\n  const currentTimerRef = useRef<Timer>();\n  const timeout = typeof autoTimeout === 'number' ? autoTimeout : DEFAULT_TIMEOUT;\n  const timeoutDuration = autoTimeout === 'on' ? DEFAULT_TIMEOUT : timeout;\n\n  const startTimer = useCallback(() => {\n    if (currentTimerRef.current) return;\n\n    currentTimerRef.current = new Timer(handleClose, timeoutDuration);\n  }, [handleClose, timeoutDuration]);\n\n  const clearTimer = useCallback(() => {\n    if (!currentTimerRef.current) return;\n\n    currentTimerRef.current.clear();\n    currentTimerRef.current = undefined;\n  }, []);\n\n  const pauseTimer = useCallback(() => {\n    currentTimerRef.current?.pause();\n  }, []);\n\n  const resumeTimer = useCallback(() => {\n    currentTimerRef.current?.resume();\n  }, []);\n\n  useEffect(() => {\n    if (isValidValueForProp(sound)) {\n      // It is sufficient to check for the value to be a\n      // non-empty string. The playSound method takes care of the rest.\n      playSound(sound);\n    }\n\n    // on mount, start timer for toast messages if needed\n    if (shouldTimeout) {\n      startTimer();\n    }\n\n    return () => {\n      // clear out any pending timer\n      clearTimer();\n    };\n    // eslint-disable-next-line\n  }, []); // No deps to run this only on mount\n\n  const rootClasses = cx([\n    messageStyles.base[baseVariant],\n    // for now, we do not have severity based styling on toast. So, we ignore this class for toasts\n    variant !== 'toast' && severityBasedStyleClass(severity, baseVariant),\n    variant === 'sectionBanner' && messageStyles.section\n  ]);\n\n  const contentClasses = cx([messageStyles.content.base, messageStyles.content[baseVariant]]);\n\n  // We will be animating the root div, so add padding to an inner wrapper div so that\n  // when animating height looks smooth. If padding were to be added to the root\n  // div, the animation will not be smooth as height will never reach 0 due to the\n  // padding.\n  return (\n    <div\n      ref={messageRef}\n      class={rootClasses}\n      role=\"alert\"\n      aria-atomic=\"true\"\n      tabIndex={0}\n      onKeyUp={handleCloseOnEsc}\n      onfocusin={pauseTimer}\n      onfocusout={resumeTimer}>\n      <div class={contentClasses}>\n        {iconRenderer ? (\n          <MessageCustomStartIcon item={{ ...item, index }} renderer={iconRenderer} />\n        ) : isSeverityIconNeeded(severity) ? (\n          <MessageStartIcon severity={severity} variant={baseVariant} translations={translations} />\n        ) : null}\n        <Flex direction=\"column\" flex=\"1\" gap=\"--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x\">\n          <MessageHeader variant={baseVariant}>\n            <MessageSummary variant={baseVariant} text={summary} />\n            {isValidValueForProp(timestamp, 'timestamp') && variant !== 'toast' && (\n              <MessageTimestamp variant={baseVariant} value={timestamp!} />\n            )}\n          </MessageHeader>\n          <MessageDetail\n            variant={baseVariant}\n            item={{ ...item, index }}\n            renderer={detailRenderer}\n          />\n        </Flex>\n        {closeAffordance === 'on' && (\n          <MessageCloseButton\n            buttonRenderer={closeButtonRenderer}\n            title={translations?.close}\n            variant={baseVariant}\n            onAction={handleClose}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport { Message };\n"],"names":["messageStartIconStyles","MessageCustomStartIcon","item","renderer","_jsx","Object","assign","class","classes","role","children","messageHeaderStyles","inline","undefined","MessageHeader","variant","rootClasses","classNames","base","isSeverityIconNeeded","severity","messageStyles","content","closeButtonRenderer","detailRenderer","iconRenderer","index","onClose","messageRef","translations","closeAffordance","sound","summary","timestamp","data","baseVariant","getBaseVariant","handleClose","useCallback","handleCloseOnEsc","event","currentTimerRef","useRef","timeoutDuration","autoTimeout","MIN_SECONDS","startTimer","clearTimer","current","clear","pauseTimer","_a","pause","resumeTimer","resume","isValidValueForProp","shouldTimeout","section","contentClasses","cx"],"mappings":"ugEAaA,MAAAA,GAAA,SAAAA,cA8BA,SAAAC,IAAAC,KAAAA,EAAAC,SAAAA,0BAEIH,GAEAA,KAEF,OAAAI,MAAA,MAAAC,OAAAC,OAAA,CAAAC,MAAAC,EAAAC,KAAA,gBAAA,CAAAC,SAAAP,EAAAD,MCpCF,MAAAS,GAAA,MAAA,kBAAA,SAeEC,YAAAC,mBAkBF,SAAAC,IAAAJ,SAAAA,EAAAK,QAAAA,EAAA,WACE,MAAAC,EAAAC,EAAAA,WAAA,CAAAN,GAAAO,KAAAP,GAAAI,KACA,OAAAX,MAAA,MAAAC,OAAAC,OAAA,CAAAG,KAAA,eAAAF,MAAAS,GAAA,CAAAN,SAAAA,KC0HF,SAAAS,GAAAC,GAIE,4CAAA,SAAAA,EAMF,MAAAC,GAAA,CACEH,KAAA,QAAA,iCADF,SAgCEI,QAAA,MAAA,kBAAA,+kBA+BF,UAAAC,oBAAAA,EAAAC,eAAAA,EAAAC,aAAAA,EAAAC,MAAAA,GAAA,EAAAxB,KAAAA,EAAAyB,QAAAA,EAAAC,WAAAA,EAAA,SAAAb,QAAAA,EAAA,aAAAc,aAAAA,IAWE,MAAAC,gBAAAA,EAAA,KAAAV,SAAAA,EAAA,QAAAW,MAAAA,EAAAC,QAAAA,EAAAC,UAAAA,GAAA/B,EAAAgC,kCAEAC,EAnGF,SAAApB,GACE,MAAA,eAAAA,GAAA,kBAAAA,EACE,SAEF,QA+FAqB,CAAArB,GAKAsB,EAAAC,EAAAA,YAAA,KACEX,MAAAA,GAAAA,EAAAzB,IACF,CAAAA,EAAAyB,IAKAY,EAAAD,EAAAA,YAAAE,iCAIMb,MAAAA,GAAAA,EAAAzB,uCAUNuC,EAAAC,EAAAA,SAEAC,EAAA,OAAAC,EA9CFC,IA6CE,iBAAAD,EAAAA,EA7CFC,IAgDEC,EAAAR,EAAAA,YAAA,8CAIA,CAAAD,EAAAM,IAEAI,EAAAT,EAAAA,YAAA,iBAGEG,EAAAO,QAAAC,QACAR,EAAAO,aAAAnC,QAGFqC,EAAAZ,EAAAA,YAAA,WACE,QAAAa,EAAAV,EAAAO,eAAA,IAAAG,GAAAA,EAAAC,aAGFC,EAAAf,EAAAA,YAAA,WACE,QAAAa,EAAAV,EAAAO,eAAA,IAAAG,GAAAA,EAAAG,+BAIAC,EAAAA,oBAAAxB,mBAOAyB,GACEV,IAGF,KAEEC,MAGJ,0BAGE1B,GAAAH,KAAAiB,+CAGA,kBAAApB,GAAAM,GAAAoC,UAGFC,EAAAC,EAAAA,WAAA,CAAAtC,GAAAC,QAAAJ,KAAAG,GAAAC,QAAAa"}

package/amd/PRIVATE_MessageLayer.css

@@ -1,7 +1,7 @@
-._5jei2g{position:absolute;pointer-events:initial;width:max-content;}
-.o1qkql{left:var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset);top:var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset);}
-._18h57zf{left:calc(50% + var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset));top:var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset);transform:translateX(-50%);}
-._16ofodn{right:var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset);top:var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset);}
-._1xp2c8n{left:var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset);bottom:var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset);}
-._1lvzhsw{left:calc(50% + var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset));bottom:var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset);transform:translateX(-50%);}
-._13rpput{right:var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset);bottom:var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset);}
+.dhd7ho{position:absolute;pointer-events:initial;width:max-content;}
+._1dh781h{left:var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset);top:var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset);}
+.v3o39h{left:calc(50% + var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset));top:var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset);transform:translateX(-50%);}
+.hs66t4{right:var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset);top:var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset);}
+._15ahis8{left:var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset);bottom:var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset);}
+._12y0q3j{left:calc(50% + var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset));bottom:var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset);transform:translateX(-50%);}
+.icrcgc{right:var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset);bottom:var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset);}

package/amd/PRIVATE_MessageLayer.js

@@ -1,2 +1,2 @@
-define(["exports","./MessageLayer-75166056","preact/jsx-runtime","css!./PRIVATE_MessageLayer.css","./hooks/UNSAFE_useUser","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_classNames","./classNames-3c307969","./UNSAFE_Flex","./Flex-0dec0de8","./tslib.es6-d070fafc","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./_curry1-b9493cf6","./utils/UNSAFE_mergeInterpolations","./_curry3-8ffdde1d","./_curry2-b02f6247","./_has-fad415e9","./utils/UNSAFE_interpolations/boxalignment","./keys-9d7cdf1f","./utils/UNSAFE_interpolations/flexbox","./flexbox-b8de8bb4","./utils/UNSAFE_interpolations/flexitem","./flexitem-d8628091","./UNSAFE_WindowOverlay"],(function(e,s,i,t,a,r,o,l,n,_,c,u,d,f,F,N,U,p,E,A,S,x,y,b,m,g,L,M,h,k){"use strict";e.MessageLayer=s.MessageLayer,e.positions=s.positions,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./MessageLayer-21a1fac3","preact/jsx-runtime","css!./PRIVATE_MessageLayer.css","./hooks/UNSAFE_useUser","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_classNames","./classNames-e580c7c7","./UNSAFE_Flex","./Flex-bfc6c229","./tslib.es6-fa3971d7","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./_curry1-9eeaf6ed","./utils/UNSAFE_mergeInterpolations","./_curry3-167fa665","./_curry2-466cc994","./_has-aa07e02d","./utils/UNSAFE_interpolations/boxalignment","./keys-992a0824","./utils/UNSAFE_interpolations/flexbox","./flexbox-37da5c1b","./utils/UNSAFE_interpolations/flexitem","./flexitem-f592cd81","./UNSAFE_WindowOverlay"],function(e,s,a,i,t,r,o,l,n,c,_,u,F,N,U,p,E,f,A,S,x,y,d,m,b,g,L,M,h,k){"use strict";e.MessageLayer=s.MessageLayer,e.positions=s.positions,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=PRIVATE_MessageLayer.js.map

package/amd/PRIVATE_Meter.js

@@ -1,2 +1,2 @@
-define(["exports","./tslib.es6-d070fafc","preact/jsx-runtime","preact/compat"],(function(r,t,o,i){"use strict";const e=i.forwardRef(((r,i)=>{var{id:e,length:d="100%",children:s,color:l,orientation:a="horizontal",ariaProps:c}=r,h=t.__rest(r,["id","length","children","color","orientation","ariaProps"]);const n="horizontal"===a;return o.jsx("div",Object.assign({id:e,ref:i,class:h.class},c,{style:{width:n?d:void 0,height:n?void 0:d,backgroundColor:l}},{children:s}))})),d=i.forwardRef(((r,i)=>{var{id:e,children:d,color:s,clipPath:l,borderWidth:a,ariaProps:c}=r,h=t.__rest(r,["id","children","color","clipPath","borderWidth","ariaProps"]);return o.jsx("div",Object.assign({id:e,ref:i},c,{class:h.class,style:{borderColor:s,borderWidth:a,clipPath:l}},{children:d}))}));r.BarTrack=e,r.BarValue=r=>{var{length:i="100%",size:e="100%",orientation:d="horizontal",color:s}=r,l=t.__rest(r,["length","size","orientation","color"]);const a="horizontal"===d;return o.jsx("div",{class:l.class,style:{width:a?i:e,height:a?e:i,backgroundColor:s}})},r.CircleInner=r=>{var{clipPath:i,color:e,height:d,width:s,size:l,section:a="full"}=r,c=t.__rest(r,["clipPath","color","height","width","size","section"]);const h=function(r,t){const o={borderTopWidth:t,borderBottomWidth:t,borderRightWidth:t,borderLeftWidth:t};return"top"===r&&(o.borderBottomWidth=void 0),"bottom"===r&&(o.borderTopWidth=void 0),"left"===r&&(o.borderRightWidth=void 0),"right"===r&&(o.borderLeftWidth=void 0),o}(a,l);return o.jsx("div",{class:c.class,style:Object.assign({clipPath:i,borderColor:e,height:d,width:s},h)})},r.CircleWrapper=d,Object.defineProperty(r,"__esModule",{value:!0})}));
+define(["exports","./tslib.es6-fa3971d7","preact/jsx-runtime","preact/compat"],function(r,t,o,i){"use strict";const e=i.forwardRef((r,i)=>{var{id:e,length:d="100%",children:s,color:l,orientation:a="horizontal",ariaProps:c}=r,h=t.__rest(r,["id","length","children","color","orientation","ariaProps"]);const n="horizontal"===a;return o.jsx("div",Object.assign({id:e,ref:i,class:h.class},c,{style:{width:n?d:void 0,height:n?void 0:d,backgroundColor:l}},{children:s}))}),d=i.forwardRef((r,i)=>{var{id:e,children:d,color:s,clipPath:l,borderWidth:a,ariaProps:c}=r,h=t.__rest(r,["id","children","color","clipPath","borderWidth","ariaProps"]);return o.jsx("div",Object.assign({id:e,ref:i},c,{class:h.class,style:{borderColor:s,borderWidth:a,clipPath:l}},{children:d}))});r.BarTrack=e,r.BarValue=r=>{var{length:i="100%",size:e="100%",orientation:d="horizontal",color:s}=r,l=t.__rest(r,["length","size","orientation","color"]);const a="horizontal"===d;return o.jsx("div",{class:l.class,style:{width:a?i:e,height:a?e:i,backgroundColor:s}})},r.CircleInner=r=>{var{clipPath:i,color:e,height:d,width:s,size:l,section:a="full"}=r,c=t.__rest(r,["clipPath","color","height","width","size","section"]);const h=function(r,t){const o={borderTopWidth:t,borderBottomWidth:t,borderRightWidth:t,borderLeftWidth:t};return"top"===r&&(o.borderBottomWidth=void 0),"bottom"===r&&(o.borderTopWidth=void 0),"left"===r&&(o.borderRightWidth=void 0),"right"===r&&(o.borderLeftWidth=void 0),o}(a,l);return o.jsx("div",{class:c.class,style:Object.assign({clipPath:i,borderColor:e,height:d,width:s},h)})},r.CircleWrapper=d,Object.defineProperty(r,"__esModule",{value:!0})});
 //# sourceMappingURL=PRIVATE_Meter.js.map

package/amd/PRIVATE_Meter.js.map

@@ -1 +1 @@
-{"version":3,"file":"PRIVATE_Meter.js","sources":["../../src/PRIVATE_Meter/LinearMeter.tsx","../../src/PRIVATE_Meter/CircularMeter.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 { Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<\n  HTMLAttributesSignalExcluded<HTMLDivElement>,\n  'id' | 'class' | 'children'\n>;\n\ntype TrackProps = IntrinsicProps & {\n  length?: string;\n  color?: string;\n  orientation?: 'vertical' | 'horizontal';\n  ariaProps?: {\n    'aria-valuenow'?: string;\n    'aria-valuemin'?: string;\n    'aria-valuemax'?: string;\n    'aria-valuetext'?: string;\n    'aria-label'?: string;\n    role?: string;\n  };\n};\n\nexport const BarTrack = forwardRef(\n  (\n    {\n      id,\n      length = '100%',\n      children,\n      color,\n      orientation = 'horizontal',\n      ariaProps,\n      ...otherProps\n    }: TrackProps,\n    ref?: Ref<HTMLDivElement>\n  ) => {\n    const isHoriz = orientation === 'horizontal';\n    return (\n      <div\n        id={id}\n        ref={ref}\n        class={otherProps.class}\n        {...ariaProps}\n        style={{\n          width: isHoriz ? length : undefined,\n          height: isHoriz ? undefined : length,\n          backgroundColor: color\n        }}>\n        {children}\n      </div>\n    );\n  }\n);\n\ntype ValueProps = Pick<IntrinsicProps, 'class'> & {\n  length?: string;\n  size?: string;\n  orientation?: 'vertical' | 'horizontal';\n  color?: string;\n};\n\nexport const BarValue = ({\n  length = '100%',\n  size = '100%',\n  orientation = 'horizontal',\n  color,\n  ...otherProps\n}: ValueProps) => {\n  const isHoriz = orientation === 'horizontal';\n  return (\n    <div\n      class={otherProps.class}\n      style={{\n        width: isHoriz ? length : size,\n        height: isHoriz ? size : length,\n        backgroundColor: 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 { forwardRef, ForwardedRef } from 'preact/compat';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<\n  HTMLAttributesSignalExcluded<HTMLDivElement>,\n  'id' | 'class' | 'children'\n>;\ntype WrapperProps = IntrinsicProps & {\n  color?: string;\n  borderWidth?: string;\n  ariaProps?: {\n    'aria-valuenow'?: string;\n    'aria-valuemin'?: string;\n    'aria-valuemax'?: string;\n    'aria-valuetext'?: string;\n    'aria-label'?: string;\n    role?: string;\n  };\n  clipPath?: string;\n};\n\nexport const CircleWrapper = forwardRef(\n  (\n    { id, children, color, clipPath, borderWidth, ariaProps, ...otherProps }: WrapperProps,\n    ref: ForwardedRef<HTMLDivElement>\n  ) => {\n    return (\n      <div\n        id={id}\n        ref={ref}\n        {...ariaProps}\n        class={otherProps.class}\n        style={{\n          borderColor: color,\n          borderWidth: borderWidth,\n          clipPath: clipPath\n        }}>\n        {children}\n      </div>\n    );\n  }\n);\n\ntype CircleInnerProps = Pick<IntrinsicProps, 'class'> & {\n  clipPath?: string;\n  color?: string;\n  width?: string;\n  height?: string;\n  size?: string;\n  section?: string;\n};\n\nfunction getBorderWidth(section: string, borderWidth: string | undefined) {\n  const border: Record<string, string | undefined> = {\n    borderTopWidth: borderWidth,\n    borderBottomWidth: borderWidth,\n    borderRightWidth: borderWidth,\n    borderLeftWidth: borderWidth\n  };\n  if (section === 'top') {\n    border['borderBottomWidth'] = undefined;\n  }\n\n  if (section === 'bottom') {\n    border['borderTopWidth'] = undefined;\n  }\n\n  if (section === 'left') {\n    border['borderRightWidth'] = undefined;\n  }\n\n  if (section === 'right') {\n    border['borderLeftWidth'] = undefined;\n  }\n  return border;\n}\n\nexport const CircleInner = ({\n  clipPath,\n  color,\n  height,\n  width,\n  size,\n  section = 'full',\n  ...otherProps\n}: CircleInnerProps) => {\n  const borderWidth = getBorderWidth(section, size);\n  return (\n    <div\n      class={otherProps.class}\n      style={{\n        clipPath: clipPath,\n        borderColor: color,\n        height: height,\n        width: width,\n        ...borderWidth\n      }}></div>\n  );\n};\n"],"names":["BarTrack","forwardRef","_a","ref","id","length","children","color","orientation","ariaProps","otherProps","__rest","isHoriz","_jsx","Object","assign","class","style","width","undefined","height","backgroundColor","CircleWrapper","clipPath","borderWidth","borderColor","size","section","border","borderTopWidth","borderBottomWidth","borderRightWidth","borderLeftWidth","getBorderWidth","jsx"],"mappings":"+GA8Ba,MAAAA,EAAWC,EAAUA,YAChC,CACEC,EASAC,SATAC,GACEA,EADFC,OAEEA,EAAS,OAFXC,SAGEA,EAHFC,MAIEA,EAJFC,YAKEA,EAAc,aALhBC,UAMEA,GAASP,EACNQ,EAAUC,EAAAA,OAAAT,EAPf,8DAWA,MAAMU,EAA0B,eAAhBJ,EAChB,OACEK,EAAAA,IACE,MAAAC,OAAAC,OAAA,CAAAX,GAAIA,EACJD,IAAKA,EACLa,MAAON,EAAWM,OACdP,EAAS,CACbQ,MAAO,CACLC,MAAON,EAAUP,OAASc,EAC1BC,OAAQR,OAAUO,EAAYd,EAC9BgB,gBAAiBd,IAElB,CAAAD,SAAAA,QC1BIgB,EAAgBrB,EAAUA,YACrC,CACEC,EACAC,KADA,IAAAC,GAAEA,EAAFE,SAAMA,EAANC,MAAgBA,EAAhBgB,SAAuBA,EAAvBC,YAAiCA,EAAjCf,UAA8CA,GAAwCP,EAA1BQ,EAAUC,EAAAA,OAAAT,EAAtE,gEAGA,OACEW,EAAAA,IACE,MAAAC,OAAAC,OAAA,CAAAX,GAAIA,EACJD,IAAKA,GACDM,EAAS,CACbO,MAAON,EAAWM,MAClBC,MAAO,CACLQ,YAAalB,EACbiB,YAAaA,EACbD,SAAUA,IAEX,CAAAjB,SAAAA,gCDuBgBJ,IAAA,IAAAG,OACvBA,EAAS,OADcqB,KAEvBA,EAAO,OAFgBlB,YAGvBA,EAAc,aAHSD,MAIvBA,GAAKL,EACFQ,EAAUC,EAAAA,OAAAT,EALU,yCAOvB,MAAMU,EAA0B,eAAhBJ,EAChB,OACEK,EAAAA,WACEG,MAAON,EAAWM,MAClBC,MAAO,CACLC,MAAON,EAAUP,EAASqB,EAC1BN,OAAQR,EAAUc,EAAOrB,EACzBgB,gBAAiBd,oBCGGL,IAAA,IAAAqB,SAC1BA,EAD0BhB,MAE1BA,EAF0Ba,OAG1BA,EAH0BF,MAI1BA,EAJ0BQ,KAK1BA,EAL0BC,QAM1BA,EAAU,QAAMzB,EACbQ,EAAUC,SAAAT,EAPa,wDAS1B,MAAMsB,EAlCR,SAAwBG,EAAiBH,GACvC,MAAMI,EAA6C,CACjDC,eAAgBL,EAChBM,kBAAmBN,EACnBO,iBAAkBP,EAClBQ,gBAAiBR,GAiBnB,MAfgB,QAAZG,IACFC,EAAM,uBAAwBT,GAGhB,WAAZQ,IACFC,EAAM,oBAAqBT,GAGb,SAAZQ,IACFC,EAAM,sBAAuBT,GAGf,UAAZQ,IACFC,EAAM,qBAAsBT,GAEvBS,EAYaK,CAAeN,EAASD,GAC5C,OACEb,EAAAqB,IAAA,MAAA,CACElB,MAAON,EAAWM,MAClBC,MAAKH,OAAAC,OAAA,CACHQ,SAAUA,EACVE,YAAalB,EACba,OAAQA,EACRF,MAAOA,GACJM"}
+{"version":3,"file":"PRIVATE_Meter.js","sources":["../../src/PRIVATE_Meter/LinearMeter.tsx","../../src/PRIVATE_Meter/CircularMeter.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 { Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<\n  HTMLAttributesSignalExcluded<HTMLDivElement>,\n  'id' | 'class' | 'children'\n>;\n\ntype TrackProps = IntrinsicProps & {\n  length?: string;\n  color?: string;\n  orientation?: 'vertical' | 'horizontal';\n  ariaProps?: {\n    'aria-valuenow'?: string;\n    'aria-valuemin'?: string;\n    'aria-valuemax'?: string;\n    'aria-valuetext'?: string;\n    'aria-label'?: string;\n    role?: string;\n  };\n};\n\nexport const BarTrack = forwardRef(\n  (\n    {\n      id,\n      length = '100%',\n      children,\n      color,\n      orientation = 'horizontal',\n      ariaProps,\n      ...otherProps\n    }: TrackProps,\n    ref?: Ref<HTMLDivElement>\n  ) => {\n    const isHoriz = orientation === 'horizontal';\n    return (\n      <div\n        id={id}\n        ref={ref}\n        class={otherProps.class}\n        {...ariaProps}\n        style={{\n          width: isHoriz ? length : undefined,\n          height: isHoriz ? undefined : length,\n          backgroundColor: color\n        }}>\n        {children}\n      </div>\n    );\n  }\n);\n\ntype ValueProps = Pick<IntrinsicProps, 'class'> & {\n  length?: string;\n  size?: string;\n  orientation?: 'vertical' | 'horizontal';\n  color?: string;\n};\n\nexport const BarValue = ({\n  length = '100%',\n  size = '100%',\n  orientation = 'horizontal',\n  color,\n  ...otherProps\n}: ValueProps) => {\n  const isHoriz = orientation === 'horizontal';\n  return (\n    <div\n      class={otherProps.class}\n      style={{\n        width: isHoriz ? length : size,\n        height: isHoriz ? size : length,\n        backgroundColor: 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 { forwardRef, ForwardedRef } from 'preact/compat';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<\n  HTMLAttributesSignalExcluded<HTMLDivElement>,\n  'id' | 'class' | 'children'\n>;\ntype WrapperProps = IntrinsicProps & {\n  color?: string;\n  borderWidth?: string;\n  ariaProps?: {\n    'aria-valuenow'?: string;\n    'aria-valuemin'?: string;\n    'aria-valuemax'?: string;\n    'aria-valuetext'?: string;\n    'aria-label'?: string;\n    role?: string;\n  };\n  clipPath?: string;\n};\n\nexport const CircleWrapper = forwardRef(\n  (\n    { id, children, color, clipPath, borderWidth, ariaProps, ...otherProps }: WrapperProps,\n    ref: ForwardedRef<HTMLDivElement>\n  ) => {\n    return (\n      <div\n        id={id}\n        ref={ref}\n        {...ariaProps}\n        class={otherProps.class}\n        style={{\n          borderColor: color,\n          borderWidth: borderWidth,\n          clipPath: clipPath\n        }}>\n        {children}\n      </div>\n    );\n  }\n);\n\ntype CircleInnerProps = Pick<IntrinsicProps, 'class'> & {\n  clipPath?: string;\n  color?: string;\n  width?: string;\n  height?: string;\n  size?: string;\n  section?: string;\n};\n\nfunction getBorderWidth(section: string, borderWidth: string | undefined) {\n  const border: Record<string, string | undefined> = {\n    borderTopWidth: borderWidth,\n    borderBottomWidth: borderWidth,\n    borderRightWidth: borderWidth,\n    borderLeftWidth: borderWidth\n  };\n  if (section === 'top') {\n    border['borderBottomWidth'] = undefined;\n  }\n\n  if (section === 'bottom') {\n    border['borderTopWidth'] = undefined;\n  }\n\n  if (section === 'left') {\n    border['borderRightWidth'] = undefined;\n  }\n\n  if (section === 'right') {\n    border['borderLeftWidth'] = undefined;\n  }\n  return border;\n}\n\nexport const CircleInner = ({\n  clipPath,\n  color,\n  height,\n  width,\n  size,\n  section = 'full',\n  ...otherProps\n}: CircleInnerProps) => {\n  const borderWidth = getBorderWidth(section, size);\n  return (\n    <div\n      class={otherProps.class}\n      style={{\n        clipPath: clipPath,\n        borderColor: color,\n        height: height,\n        width: width,\n        ...borderWidth\n      }}></div>\n  );\n};\n"],"names":["BarTrack","forwardRef","_a","ref","id","length","children","color","orientation","ariaProps","otherProps","__rest","isHoriz","_jsx","Object","assign","class","style","width","undefined","height","backgroundColor","CircleWrapper","clipPath","borderWidth","borderColor","size","section","border","borderTopWidth","borderBottomWidth","borderRightWidth","borderLeftWidth","getBorderWidth","jsx"],"mappings":"8GA8Ba,MAAAA,EAAWC,EAAUA,WAChC,CACEC,EASAC,SATAC,GACEA,EADFC,OAEEA,EAAS,OAFXC,SAGEA,EAHFC,MAIEA,EAJFC,YAKEA,EAAc,aALhBC,UAMEA,GAASP,EACNQ,EAAUC,EAAAA,OAAAT,EAPf,8DAWA,MAAMU,EAA0B,eAAhBJ,EAChB,OACEK,EAAAA,IACE,MAAAC,OAAAC,OAAA,CAAAX,GAAIA,EACJD,IAAKA,EACLa,MAAON,EAAWM,OACdP,EAAS,CACbQ,MAAO,CACLC,MAAON,EAAUP,OAASc,EAC1BC,OAAQR,OAAUO,EAAYd,EAC9BgB,gBAAiBd,IAElB,CAAAD,SAAAA,OC1BIgB,EAAgBrB,EAAUA,WACrC,CACEC,EACAC,KADA,IAAAC,GAAEA,EAAFE,SAAMA,EAANC,MAAgBA,EAAhBgB,SAAuBA,EAAvBC,YAAiCA,EAAjCf,UAA8CA,GAAwCP,EAA1BQ,EAAUC,EAAAA,OAAAT,EAAtE,gEAGA,OACEW,EAAAA,IACE,MAAAC,OAAAC,OAAA,CAAAX,GAAIA,EACJD,IAAKA,GACDM,EAAS,CACbO,MAAON,EAAWM,MAClBC,MAAO,CACLQ,YAAalB,EACbiB,YAAaA,EACbD,SAAUA,IAEX,CAAAjB,SAAAA,+BDuBgBJ,IAAA,IAAAG,OACvBA,EAAS,OADcqB,KAEvBA,EAAO,OAFgBlB,YAGvBA,EAAc,aAHSD,MAIvBA,GAAKL,EACFQ,EAAUC,EAAAA,OAAAT,EALU,yCAOvB,MAAMU,EAA0B,eAAhBJ,EAChB,OACEK,EAAAA,WACEG,MAAON,EAAWM,MAClBC,MAAO,CACLC,MAAON,EAAUP,EAASqB,EAC1BN,OAAQR,EAAUc,EAAOrB,EACzBgB,gBAAiBd,oBCGGL,IAAA,IAAAqB,SAC1BA,EAD0BhB,MAE1BA,EAF0Ba,OAG1BA,EAH0BF,MAI1BA,EAJ0BQ,KAK1BA,EAL0BC,QAM1BA,EAAU,QAAMzB,EACbQ,EAAUC,SAAAT,EAPa,wDAS1B,MAAMsB,EAlCR,SAAwBG,EAAiBH,GACvC,MAAMI,EAA6C,CACjDC,eAAgBL,EAChBM,kBAAmBN,EACnBO,iBAAkBP,EAClBQ,gBAAiBR,GAiBnB,MAfgB,QAAZG,IACFC,EAAM,uBAAwBT,GAGhB,WAAZQ,IACFC,EAAM,oBAAqBT,GAGb,SAAZQ,IACFC,EAAM,sBAAuBT,GAGf,UAAZQ,IACFC,EAAM,qBAAsBT,GAEvBS,EAYaK,CAAeN,EAASD,GAC5C,OACEb,EAAAqB,IAAA,MAAA,CACElB,MAAON,EAAWM,MAClBC,MAAKH,OAAAC,OAAA,CACHQ,SAAUA,EACVE,YAAalB,EACba,OAAQA,EACRF,MAAOA,GACJM"}

package/amd/PRIVATE_SelectCommon.css

@@ -1,18 +1,18 @@
-.rodq5u{box-sizing:border-box;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-popup-bg-color);border:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-popup-border-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);box-shadow:var(--oj-c-PRIVATE-DO-NOT-USE-core-dropdown-box-shadow);display:flex;flex-direction:column;max-height:400px;}
+.hjyvp9{display:inline-flex;align-items:center;justify-content:center;padding-inline:0;padding-block:0;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg);}
+.wz3maf{width:2.75rem;height:2.75rem;line-height:2.75rem;}
+._1n6no3s{width:2.25rem;height:2.25rem;line-height:2.25rem;}
+._1lhru71{cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}._1lhru71:hover{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);border-color:transparent;}
+.jh7y5o{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
 
-._1yyyqzd{padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);}
+.qp5j8z{border-top-color:rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190),0.1);border-top-style:solid;border-top-width:1px;padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
 
-._1p4a3mx{display:inline-flex;align-items:center;justify-content:center;padding-inline:0;padding-block:0;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg);}
-._1rgdb4j{width:2.75rem;height:2.75rem;line-height:2.75rem;}
-._1ofqe55{width:2.25rem;height:2.25rem;line-height:2.25rem;}
-._1wv2eih{cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}._1wv2eih:hover{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);border-color:transparent;}
-._1ky568z{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
+.r8bc0n{padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);}
 
-._1q6vvtt{padding-left:0;padding-right:0;margin:1px 0 2px 0;position:relative;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;display:flex;flex-direction:column;}
-._150xyb6{padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
-._11gmmhj{padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
-._1616wls{min-height:calc(10 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x));}
+.hkjv2j{box-sizing:border-box;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-popup-bg-color);border:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-popup-border-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);box-shadow:var(--oj-c-PRIVATE-DO-NOT-USE-core-dropdown-box-shadow);display:flex;flex-direction:column;max-height:400px;}
 
-.tx33v5{border-top-color:rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190),0.1);border-top-style:solid;border-top-width:1px;padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
+.dhlyng{padding-left:0;padding-right:0;margin:1px 0 2px 0;position:relative;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;display:flex;flex-direction:column;}
+._1wla1iu{padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
+._6ixi3z{padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
+._13gb2gj{min-height:calc(10 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x));}
 
-._1bg2e2a{padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);}
+._14074q5{padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);}

package/amd/PRIVATE_SelectCommon.js

@@ -1,2 +1,2 @@
-define(["exports","preact/jsx-runtime","preact/hooks","css!./PRIVATE_SelectCommon.css","./UNSAFE_HighlightText","./PRIVATE_List","./UNSAFE_Flex","./UNSAFE_Skeleton","./utils/UNSAFE_logger","./Flex-0dec0de8","./HighlightText-a2b5f4e4","./List-56a1055e","./Skeleton-6261f735","./UNSAFE_Floating","./UNSAFE_Layer","./utils/UNSAFE_arrayUtils","./Floating-a320db48","./hooks/UNSAFE_usePress","./index-55b2db15","./utils/UNSAFE_classNames","./classNames-3c307969","./index-bd92b0b3","./hooks/UNSAFE_useFormFieldContext","./UNSAFE_UserAssistance","./hooks/UNSAFE_useTranslationBundle","./utils/PRIVATE_clientHints","./clientHints-7d8b1c52","./utils/UNSAFE_mergeProps","./utils/UNSAFE_keys","./LoadMoreCollection-60a7b2a5","./PRIVATE_Collection","./Collection-0cd076bf","preact","./hooks/UNSAFE_useViewportIntersect","./PRIVATE_VirtualizedCollection","./VirtualizedCollection-45f2c32e","./hooks/UNSAFE_useTabbableMode","./UNSAFE_FocusTrap","./FocusTrap-444cf340","preact/compat","./utils/PRIVATE_tabbableUtils","./_curry1-b9493cf6","./_curry2-b02f6247","./_curry3-8ffdde1d","./hooks/UNSAFE_useId","./hooks/PRIVATE_useSelection","./hooks/PRIVATE_useCurrentKey","./hooks/PRIVATE_useCollectionFocusRing","./hooks/PRIVATE_useTabbableModeSet","./hooks/PRIVATE_useItemAction","./utils/PRIVATE_collectionUtils","./tslib.es6-d070fafc","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./utils/UNSAFE_mergeInterpolations","./_has-fad415e9","./utils/UNSAFE_interpolations/borders","./utils/UNSAFE_interpolations/boxalignment","./keys-9d7cdf1f","./utils/UNSAFE_interpolations/flexbox","./flexbox-b8de8bb4","./utils/UNSAFE_interpolations/flexitem","./flexitem-d8628091","./UNSAFE_Selector","./UNSAFE_Icon","./Icon-87f4ca0b","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-8e4e9999","./index-2f5333e8","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useTheme","./InlineHelpSource-7fec4994","./UNSAFE_ComponentMessage","./ComponentMessage-3a247b9a","./PRIVATE_Message","./utils/PRIVATE_timer","./MessageCloseButton-c76a52a8","./UNSAFE_Button","./Button-18083439","./UNSAFE_BaseButton","./BaseButton-c6deca8c","./hooks/UNSAFE_useActive","./MessageDetail-43b9aea2","./MessageFormattingUtils-b6297ef3","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-48915fb5","./Message.types-2209616d","./MessageStartIcon-6ef050cb","./MessageSummary-6829e689","./MessageTimestamp-663c8997","./MessageUtils-d33dd1be","./utils/UNSAFE_soundUtils","./MessagesManager-d5b3671c","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext","./UNSAFE_HiddenAccessible","./HiddenAccessible-061a4f41","./ComponentMessageContainer-eaa98f45","./hooks/UNSAFE_useFormContext"],(function(e,t,s,n,o,i,a,l,r,c,u,d,f,A,E,_,h,b,F,S,g,m,v,p,T,U,C,x,N,k,y,w,I,R,D,P,j,L,M,O,K,H,V,B,G,z,W,q,Y,$,J,Q,X,Z,ee,te,se,ne,oe,ie,ae,le,re,ce,ue,de,fe,Ae,Ee,_e,he,be,Fe,Se,ge,me,ve,pe,Te,Ue,Ce,xe,Ne,ke,ye,we,Ie,Re,De,Pe,je,Le,Me,Oe,Ke,He,Ve,Be,Ge,ze,We,qe,Ye,$e,Je,Qe,Xe,Ze,et){"use strict";function tt(e,t){var s;if("string"!=typeof t)return t(e);if(null===(s=e.data)||void 0===s?void 0:s.hasOwnProperty(t)){const s=e.data[t];return String(s)}r.Logger.error("SelectMultiple: itemText specifies field that does not exist: "+t)}const st=()=>{};const nt=t.jsx(d.SkeletonContainer,Object.assign({minimumCount:3},{children:()=>t.jsx(c.Flex,Object.assign({height:"12x",align:"center"},{children:t.jsx(f.Skeleton,{height:"4x"})}))})),ot={TAB:"Tab",ENTER:"Enter",ESC:"Escape",SPACE:"Space",LEFT:"ArrowLeft",UP:"ArrowUp",RIGHT:"ArrowRight",DOWN:"ArrowDown",SHIFT_LEFT:"ShiftLeft",SHIFT_RIGHT:"ShiftRight",CTRL_LEFT:"ControlLeft",CTRL_RIGHT:"ControlRight",ALT_LEFT:"AltLeft",ALT_RIGHT:"AltRight",PAGE_UP:"PageUp",PAGE_DOWN:"PageDown",HOME:"Home",END:"End",BACKSPACE:"Backspace",DELETE:"Delete"},it=e=>{switch(e.code){case ot.SHIFT_LEFT:case ot.SHIFT_RIGHT:case ot.CTRL_LEFT:case ot.CTRL_RIGHT:case ot.ALT_LEFT:case ot.ALT_RIGHT:return!0;default:return e.metaKey||e.ctrlKey}},at=e=>/\bF([1-9]|1[0-2])\b/i.test(e.code),lt=e=>it(e)||at(e),rt=e=>0===e.button&&!e.ctrlKey,ct=e=>{e.currentTarget===e.target&&e.preventDefault()},ut=e=>{var t;return null!==(t=null==e?void 0:e.ownerDocument)&&void 0!==t?t:document},dt=({isDisabled:e=!1,ref:t,handler:n})=>{s.useEffect((()=>{const s=_.coerceArray(t);if(!n||e||s.length>0&&s.findIndex((e=>null===e.current))>-1)return;const o=e=>{((e,t)=>{const s=e.target;if(s&&!ut(s).contains(s))return!1;return t.every((e=>{var t;return!(null===(t=e.current)||void 0===t?void 0:t.contains(s))}))})(e,s)&&(null==n||n(e))},i=s[0],a=ut(i.current);return a?(a.addEventListener("mousedown",o,!0),()=>{a.removeEventListener("mousedown",o,!0)}):void 0}),[e,n,t])},ft="rodq5u";const At="_1p4a3mx",Et="_1rgdb4j",_t="_1ofqe55",ht="_1wv2eih",bt="_1ky568z",Ft=()=>{};const St="_1q6vvtt",gt="_150xyb6",mt="_11gmmhj",vt="_1616wls";e.DefaultList=function({accessibleSummary:e,currentItemVariant:n,currentKey:o,data:i,itemText:a,onCurrentKeyChange:l,onItemAction:r,onLoadRange:f=st,onSelectionChange:A,searchText:E,selectedKeys:_,selectionMode:h}){const b=s.useCallback((e=>{const s=tt({data:e.data,key:e.metadata.key,metadata:e.metadata},a);return t.jsxs(c.Flex,{children:[e.selector&&e.selector(),t.jsx("div",Object.assign({class:"_1yyyqzd"},{children:t.jsx(u.HighlightText,Object.assign({matchText:E},{children:s}))}))]})}),[a,E]),F=s.useMemo((()=>({all:!1,keys:null!=_?_:new Set})),[_]);return t.jsx(d.List,Object.assign({accessibleSummary:e,allowTabbableMode:!1,currentItemVariant:n,currentKey:o,data:null!=i?i:null,loadingIndicator:nt,onCurrentKeyChange:l,onItemAction:r,onLoadRange:f,onSelectionChange:A,role:"listbox",selectedKeys:F,selectionMode:h},{children:e=>b(e)}))},e.Dropdown=function({anchorRef:e,children:n,dropdownRef:o,id:i,isOpen:a,onAutoDismiss:l}){var r;const c=s.useCallback((e=>{null==l||l(e)}),[l]),u=s.useCallback((e=>{if(!e.defaultPrevented&&!lt(e))switch(e.code){case ot.ESC:case ot.TAB:c(e)}}),[c]);dt({isDisabled:!a,ref:[e,o],handler:c});const d={minWidth:`${null===(r=e.current)||void 0===r?void 0:r.offsetWidth}px`};return a?t.jsx(E.Layer,Object.assign({logicalParentRef:e},{children:t.jsx(h.Floating,Object.assign({anchorRef:e,ref:o,placement:"bottom-start",offsetValue:{mainAxis:4,crossAxis:0}},{children:t.jsx("div",Object.assign({class:ft,id:i,style:d,onKeyDown:u,onMouseDown:ct},{children:n}))}))})):null},e.DropdownArrow=function({isDisabled:e=!1,onClick:n,size:o="md"}){const i=s.useCallback((e=>{e.preventDefault()}),[]),{pressProps:a}=b.usePress(null!=n?n:Ft,{isDisabled:e}),l=g.classNames([At,"sm"===o?_t:Et,e?bt:ht]);return t.jsx("span",Object.assign({"aria-hidden":"true",class:l,tabIndex:-1,onMouseDown:i},a,{children:t.jsx(m.SvgIcoCaretDown,{})}))},e.DropdownList=function({children:e,hasBottomGap:s=!0,isLoading:n=!1}){const o=g.classNames([St,gt,s&&mt,n&&vt]);return t.jsx("div",Object.assign({class:o,onMouseDown:ct},{children:e}))},e.DropdownUserAssistance=function(e){const n=s.useCallback((e=>{var t;"A"!==(null===(t=e.target)||void 0===t?void 0:t.tagName)&&e.preventDefault()}),[]);return t.jsx(v.FormFieldContext.Provider,Object.assign({value:{isFocused:!0}},{children:t.jsx("div",Object.assign({class:"tx33v5",onMouseDown:n},{children:t.jsx(p.InlineUserAssistance,Object.assign({},e))}))}))},e.EmptyResults=function(){const e=T.useTranslationBundle("@oracle/oraclejet-preact");return t.jsx("div",Object.assign({class:"_1bg2e2a",onMouseDown:ct},{children:e.select_noMatchesFound()}))},e.KEYS=ot,e.isBeforeDataFetch=function(e){return"atLeast"===e.sizePrecision&&0===e.totalSize},e.isControlKey=it,e.isControlOrFunctionKey=lt,e.isFunctionKey=at,e.isMobile=function(){const e=C.getClientHints().deviceType;return"phone"===e||"tablet"===e},e.isSimpleClick=rt,e.preventDefaultForCurrentTarget=ct,e.renderItemText=tt,e.useSelectCommon=function({data:e,inputRef:t,isFocused:n,onFilter:o}){const i=s.useRef(null),a=s.useRef(null),[l,r]=s.useState(!1),[c,u]=s.useState({rowKey:void 0}),[d,f]=s.useState(),[A,E]=s.useState(!1),[_,h]=s.useState(),[b,F]=s.useState(),S=s.useCallback((e=>{!e.defaultPrevented&&rt(e)&&(l||r(!0),setTimeout((function(){var e;null===(e=t.current)||void 0===e||e.focus()}),0))}),[l]),g=s.useCallback((()=>{var e;r(!l),null===(e=t.current)||void 0===e||e.focus()}),[l]),m=s.useCallback((e=>{var s,n,o;if(l)switch(r(!1),null==e?void 0:e.type){case"keydown":if(e.code===ot.ESC)null===(s=t.current)||void 0===s||s.focus();break;case"mousedown":(null===(n=a.current)||void 0===n?void 0:n.contains(document.activeElement))&&(null===(o=t.current)||void 0===o||o.focus())}}),[l]),v=s.useCallback((t=>{var s,n,o,i;if(l){const t=null===(s=a.current)||void 0===s?void 0:s.querySelector('[tabindex="0"]');null==t||t.focus(),void 0!==e&&void 0===c.rowKey&&u({rowKey:null===(i=null===(o=null===(n=null==e?void 0:e.data)||void 0===n?void 0:n[0])||void 0===o?void 0:o.metadata)||void 0===i?void 0:i.key})}else r(!0);t.preventDefault()}),[c,e,l]),p=s.useCallback((e=>{if(!lt(e))switch(e.code){case ot.PAGE_UP:case ot.PAGE_DOWN:return void e.preventDefault();case ot.UP:case ot.DOWN:e.preventDefault();break;case ot.ESC:l&&(r(!1),e.preventDefault(),e.stopPropagation())}}),[l]),T=s.useCallback((e=>{if(!lt(e))switch(e.code){case ot.UP:case ot.DOWN:v(e)}}),[v]),U=s.useCallback((e=>{var t;l||r(!0),E(!0),h(e.value);const s=null===(t=e.value)||void 0===t?void 0:t.trim();F(s),null==o||o({searchText:s})}),[l,o]),C=s.useCallback((e=>{u({rowKey:e.value})}),[]),x=s.useCallback((()=>{E(!1),h(""),F("")}),[]);return s.useEffect((()=>{l||n||!A||x()}),[l,n,A]),s.useEffect((()=>{l&&!A&&(null==o||o({searchText:void 0}))}),[l,A,o]),{currentRow:c,dropdownRef:a,handleDropdownArrowClick:g,handleDropdownAutoDismiss:m,handleInput:U,handleMainFieldKeyDown:p,handleMainFieldKeyUp:T,handleUpDownArrowKeys:v,isDropdownOpen:l,isFocused:n||l,isUserFiltering:A,mainFieldRef:i,onCurrentKeyChange:C,onMouseDown:S,searchText:b,selectedKeys:d,setCurrentRow:u,setDropdownOpen:r,setSelectedKeys:f,stopFiltering:x,userInput:_}},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","preact/jsx-runtime","preact/hooks","css!./PRIVATE_SelectCommon.css","./UNSAFE_HighlightText","./PRIVATE_List","./UNSAFE_Flex","./UNSAFE_Skeleton","./utils/UNSAFE_logger","./Flex-bfc6c229","./HighlightText-1bbd084b","./List-468ffcb6","./Skeleton-3ccbc4fc","./UNSAFE_Floating","./UNSAFE_Layer","./utils/UNSAFE_arrayUtils","./Floating-863a4a52","./hooks/UNSAFE_usePress","./index-03ab344e","./utils/UNSAFE_classNames","./classNames-e580c7c7","./index-4d399da7","./hooks/UNSAFE_useFormFieldContext","./UNSAFE_UserAssistance","./hooks/UNSAFE_useTranslationBundle","./utils/PRIVATE_clientHints","./clientHints-914fecb1","./utils/UNSAFE_mergeProps","./utils/UNSAFE_keys","./LoadMoreCollection-b395a4ad","./PRIVATE_Collection","./Collection-805cf4b4","preact","./hooks/UNSAFE_useViewportIntersect","./PRIVATE_VirtualizedCollection","./VirtualizedCollection-83b0641b","./hooks/UNSAFE_useTabbableMode","./UNSAFE_FocusTrap","./FocusTrap-4796ed88","preact/compat","./utils/PRIVATE_tabbableUtils","./_curry1-9eeaf6ed","./_curry2-466cc994","./_curry3-167fa665","./hooks/UNSAFE_useId","./hooks/PRIVATE_useSelection","./hooks/PRIVATE_useCurrentKey","./hooks/PRIVATE_useCollectionFocusRing","./hooks/PRIVATE_useTabbableModeSet","./hooks/PRIVATE_useItemAction","./utils/PRIVATE_collectionUtils","./tslib.es6-fa3971d7","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./utils/UNSAFE_mergeInterpolations","./_has-aa07e02d","./utils/UNSAFE_interpolations/borders","./utils/UNSAFE_interpolations/boxalignment","./keys-992a0824","./utils/UNSAFE_interpolations/flexbox","./flexbox-37da5c1b","./utils/UNSAFE_interpolations/flexitem","./flexitem-f592cd81","./UNSAFE_Selector","./UNSAFE_Icon","./Icon-66acac47","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-215b2be2","./index-17cde748","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useTheme","./InlineHelpSource-87132e33","./UNSAFE_ComponentMessage","./ComponentMessage-9e802f39","./PRIVATE_Message","./utils/PRIVATE_timer","./MessageCloseButton-8366a158","./UNSAFE_Button","./Button-26513e96","./UNSAFE_BaseButton","./BaseButton-a31275cc","./hooks/UNSAFE_useActive","./MessageDetail-d500a9a3","./MessageFormattingUtils-bdfaac26","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-e3a47803","./Message.types-eb760bd7","./MessageStartIcon-20e17ea1","./MessageSummary-c91f9b00","./MessageTimestamp-de77475d","./MessageUtils-8216ac4e","./utils/UNSAFE_soundUtils","./MessagesManager-615b69fb","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext","./UNSAFE_HiddenAccessible","./HiddenAccessible-4801c573","./ComponentMessageContainer-2bfa2078","./hooks/UNSAFE_useFormContext"],function(e,t,s,n,o,i,a,l,r,c,u,d,A,h,E,f,_,b,F,S,g,m,p,v,T,U,C,x,N,k,y,w,I,R,D,P,j,L,M,O,K,H,V,B,G,z,W,q,Y,$,J,Q,X,Z,ee,te,se,ne,oe,ie,ae,le,re,ce,ue,de,Ae,he,Ee,fe,_e,be,Fe,Se,ge,me,pe,ve,Te,Ue,Ce,xe,Ne,ke,ye,we,Ie,Re,De,Pe,je,Le,Me,Oe,Ke,He,Ve,Be,Ge,ze,We,qe,Ye,$e,Je,Qe,Xe,Ze,et){"use strict";function tt(e,t){var s;if("string"!=typeof t)return t(e);if(null===(s=e.data)||void 0===s?void 0:s.hasOwnProperty(t)){const s=e.data[t];return String(s)}r.Logger.error("SelectMultiple: itemText specifies field that does not exist: "+t)}const st=()=>{};const nt=t.jsx(d.SkeletonContainer,Object.assign({minimumCount:3},{children:()=>t.jsx(c.Flex,Object.assign({height:"12x",align:"center"},{children:t.jsx(A.Skeleton,{height:"4x"})}))})),ot={TAB:"Tab",ENTER:"Enter",ESC:"Escape",SPACE:"Space",LEFT:"ArrowLeft",UP:"ArrowUp",RIGHT:"ArrowRight",DOWN:"ArrowDown",SHIFT_LEFT:"ShiftLeft",SHIFT_RIGHT:"ShiftRight",CTRL_LEFT:"ControlLeft",CTRL_RIGHT:"ControlRight",ALT_LEFT:"AltLeft",ALT_RIGHT:"AltRight",PAGE_UP:"PageUp",PAGE_DOWN:"PageDown",HOME:"Home",END:"End",BACKSPACE:"Backspace",DELETE:"Delete"},it=e=>{switch(e.code){case ot.SHIFT_LEFT:case ot.SHIFT_RIGHT:case ot.CTRL_LEFT:case ot.CTRL_RIGHT:case ot.ALT_LEFT:case ot.ALT_RIGHT:return!0;default:return e.metaKey||e.ctrlKey}},at=e=>/\bF([1-9]|1[0-2])\b/i.test(e.code),lt=e=>it(e)||at(e),rt=e=>0===e.button&&!e.ctrlKey,ct=e=>{e.currentTarget===e.target&&e.preventDefault()},ut=e=>{var t;return null!==(t=null==e?void 0:e.ownerDocument)&&void 0!==t?t:document},dt=({isDisabled:e=!1,ref:t,handler:n})=>{s.useEffect(()=>{const s=f.coerceArray(t);if(!n||e||s.length>0&&s.findIndex(e=>null===e.current)>-1)return;const o=e=>{((e,t)=>{const s=e.target;if(s&&!ut(s).contains(s))return!1;return t.every(e=>{var t;return!(null===(t=e.current)||void 0===t?void 0:t.contains(s))})})(e,s)&&(null==n||n(e))},i=s[0],a=ut(i.current);return a?(a.addEventListener("mousedown",o,!0),()=>{a.removeEventListener("mousedown",o,!0)}):void 0},[e,n,t])},At="hkjv2j";const ht="hjyvp9",Et="wz3maf",ft="_1n6no3s",_t="_1lhru71",bt="jh7y5o",Ft=()=>{};const St="dhlyng",gt="_1wla1iu",mt="_6ixi3z",pt="_13gb2gj";e.DefaultList=function({accessibleSummary:e,currentItemVariant:n,currentKey:o,data:i,itemText:a,onCurrentKeyChange:l,onItemAction:r,onLoadRange:A=st,onSelectionChange:h,searchText:E,selectedKeys:f,selectionMode:_}){const b=s.useCallback(e=>{const s=tt({data:e.data,key:e.metadata.key,metadata:e.metadata},a);return t.jsxs(c.Flex,{children:[e.selector&&e.selector(),t.jsx("div",Object.assign({class:"r8bc0n"},{children:t.jsx(u.HighlightText,Object.assign({matchText:E},{children:s}))}))]})},[a,E]),F=s.useMemo(()=>({all:!1,keys:null!=f?f:new Set}),[f]);return t.jsx(d.List,Object.assign({accessibleSummary:e,allowTabbableMode:!1,currentItemVariant:n,currentKey:o,data:null!=i?i:null,loadingIndicator:nt,onCurrentKeyChange:l,onItemAction:r,onLoadRange:A,onSelectionChange:h,role:"listbox",selectedKeys:F,selectionMode:_},{children:e=>b(e)}))},e.Dropdown=function({anchorRef:e,children:n,dropdownRef:o,id:i,isOpen:a,onAutoDismiss:l}){var r;const c=s.useCallback(e=>{null==l||l(e)},[l]),u=s.useCallback(e=>{if(!e.defaultPrevented&&!lt(e))switch(e.code){case ot.ESC:case ot.TAB:c(e)}},[c]);dt({isDisabled:!a,ref:[e,o],handler:c});const d={minWidth:`${null===(r=e.current)||void 0===r?void 0:r.offsetWidth}px`};return a?t.jsx(E.Layer,Object.assign({logicalParentRef:e},{children:t.jsx(_.Floating,Object.assign({anchorRef:e,ref:o,placement:"bottom-start",offsetValue:{mainAxis:4,crossAxis:0}},{children:t.jsx("div",Object.assign({class:At,id:i,style:d,onKeyDown:u,onMouseDown:ct},{children:n}))}))})):null},e.DropdownArrow=function({isDisabled:e=!1,onClick:n,size:o="md"}){const i=s.useCallback(e=>{e.preventDefault()},[]),{pressProps:a}=b.usePress(null!=n?n:Ft,{isDisabled:e}),l=g.classNames([ht,"sm"===o?ft:Et,e?bt:_t]);return t.jsx("span",Object.assign({"aria-hidden":"true",class:l,tabIndex:-1,onMouseDown:i},a,{children:t.jsx(m.SvgIcoCaretDown,{})}))},e.DropdownList=function({children:e,hasBottomGap:s=!0,isLoading:n=!1}){const o=g.classNames([St,gt,s&&mt,n&&pt]);return t.jsx("div",Object.assign({class:o,onMouseDown:ct},{children:e}))},e.DropdownUserAssistance=function(e){const n=s.useCallback(e=>{var t;"A"!==(null===(t=e.target)||void 0===t?void 0:t.tagName)&&e.preventDefault()},[]);return t.jsx(p.FormFieldContext.Provider,Object.assign({value:{isFocused:!0}},{children:t.jsx("div",Object.assign({class:"qp5j8z",onMouseDown:n},{children:t.jsx(v.InlineUserAssistance,Object.assign({},e))}))}))},e.EmptyResults=function(){const e=T.useTranslationBundle("@oracle/oraclejet-preact");return t.jsx("div",Object.assign({class:"_14074q5",onMouseDown:ct},{children:e.select_noMatchesFound()}))},e.KEYS=ot,e.isBeforeDataFetch=function(e){return"atLeast"===e.sizePrecision&&0===e.totalSize},e.isControlKey=it,e.isControlOrFunctionKey=lt,e.isFunctionKey=at,e.isMobile=function(){const e=C.getClientHints().deviceType;return"phone"===e||"tablet"===e},e.isSimpleClick=rt,e.preventDefaultForCurrentTarget=ct,e.renderItemText=tt,e.useSelectCommon=function({data:e,inputRef:t,isFocused:n,onFilter:o}){const i=s.useRef(null),a=s.useRef(null),[l,r]=s.useState(!1),[c,u]=s.useState({rowKey:void 0}),[d,A]=s.useState(),[h,E]=s.useState(!1),[f,_]=s.useState(),[b,F]=s.useState(),S=s.useCallback(e=>{!e.defaultPrevented&&rt(e)&&(l||r(!0),setTimeout(function(){var e;null===(e=t.current)||void 0===e||e.focus()},0))},[l]),g=s.useCallback(()=>{var e;r(!l),null===(e=t.current)||void 0===e||e.focus()},[l]),m=s.useCallback(e=>{var s,n,o;if(l)switch(r(!1),null==e?void 0:e.type){case"keydown":if(e.code===ot.ESC)null===(s=t.current)||void 0===s||s.focus();break;case"mousedown":(null===(n=a.current)||void 0===n?void 0:n.contains(document.activeElement))&&(null===(o=t.current)||void 0===o||o.focus())}},[l]),p=s.useCallback(t=>{var s,n,o,i;if(l){const t=null===(s=a.current)||void 0===s?void 0:s.querySelector('[tabindex="0"]');null==t||t.focus(),void 0!==e&&void 0===c.rowKey&&u({rowKey:null===(i=null===(o=null===(n=null==e?void 0:e.data)||void 0===n?void 0:n[0])||void 0===o?void 0:o.metadata)||void 0===i?void 0:i.key})}else r(!0);t.preventDefault()},[c,e,l]),v=s.useCallback(e=>{if(!lt(e))switch(e.code){case ot.PAGE_UP:case ot.PAGE_DOWN:return void e.preventDefault();case ot.UP:case ot.DOWN:e.preventDefault();break;case ot.ESC:l&&(r(!1),e.preventDefault(),e.stopPropagation())}},[l]),T=s.useCallback(e=>{if(!lt(e))switch(e.code){case ot.UP:case ot.DOWN:p(e)}},[p]),U=s.useCallback(e=>{var t;l||r(!0),E(!0),_(e.value);const s=null===(t=e.value)||void 0===t?void 0:t.trim();F(s),null==o||o({searchText:s})},[l,o]),C=s.useCallback(e=>{u({rowKey:e.value})},[]),x=s.useCallback(()=>{E(!1),_(""),F("")},[]);return s.useEffect(()=>{l||n||!h||x()},[l,n,h]),s.useEffect(()=>{l&&!h&&(null==o||o({searchText:void 0}))},[l,h,o]),{currentRow:c,dropdownRef:a,handleDropdownArrowClick:g,handleDropdownAutoDismiss:m,handleInput:U,handleMainFieldKeyDown:v,handleMainFieldKeyUp:T,handleUpDownArrowKeys:p,isDropdownOpen:l,isFocused:n||l,isUserFiltering:h,mainFieldRef:i,onCurrentKeyChange:C,onMouseDown:S,searchText:b,selectedKeys:d,setCurrentRow:u,setDropdownOpen:r,setSelectedKeys:A,stopFiltering:x,userInput:f}},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=PRIVATE_SelectCommon.js.map