@oracle/oraclejet-preact 14.0.15 → 14.0.16

package/amd/UNSAFE_NumberInputText.js

@@ -1,2 +1,2 @@
-define(["exports","./NumberInputText-ea4da437","preact/jsx-runtime","preact","preact/compat","preact/hooks","./hooks/UNSAFE_useFocusableTextField","./tslib.es6-baf3cb2c","./hooks/UNSAFE_useFocusWithin","./useFocusWithin-8709d986","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useTextField","./hooks/UNSAFE_useId","./UNSAFE_Label","./utils/UNSAFE_classNames","./classNames-4fa03ef2",'module',"./hooks/UNSAFE_usePrefixSuffix","./UNSAFE_PrefixSuffix","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./UNSAFE_TextField","./ReadonlyTextFieldInput-1da0c096","./hooks/UNSAFE_useTabbableMode","./utils/UNSAFE_interpolations/text","./keys-e733f329","./_curry1-b8c79089","./_has-f7daf036","./utils/UNSAFE_mergeInterpolations","./_curry3-9b155fdc","./_curry2-52e3b69d","./FormControlUtils-05d612b2","./hooks/UNSAFE_useTranslationBundle","./UNSAFE_LabelValueLayout","./UNSAFE_Flex","./Flex-feea6d33","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_interpolations/flexbox","./flexbox-08558092","./utils/UNSAFE_interpolations/flexitem","./flexitem-ed3f79c3","./TextFieldInput-3c4b3298","./hooks/UNSAFE_useTextFieldInputHandlers","./utils/PRIVATE_clientHints","./clientHints-bf4c3a51","./hooks/UNSAFE_useDebounce","./UNSAFE_LiveRegion","./UNSAFE_UserAssistance","./InlineHelpSource-b84f4d4c","./UNSAFE_ComponentMessage","./ComponentMessage-d6eabb8b","./PRIVATE_Message","./utils/PRIVATE_timer","./MessageCloseButton-e3eff42e","./UNSAFE_Button","./Button-68100aa2","./UNSAFE_BaseButton","./BaseButton-ebed03fc","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useActive","./utils/UNSAFE_mergeProps","./index-00100f49","./index-d0610934","./UNSAFE_Icon","./Icon-734f5882","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-cde13417","./index-c3b7e6c4","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-b2ac75fe","./hooks/UNSAFE_useTheme","./MessageDetail-1be1c95e","./MessageFormattingUtils-1513fdd8","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-d751fc14","./Message.types-aa2b436b","./MessageStartIcon-eb47a169","./MessageSummary-89b4de95","./MessageTimestamp-05386412","./MessageUtils-d672d8cf","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-e153ba77","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext","./UNSAFE_HiddenAccessible","./HiddenAccessible-7a830f5b","./ComponentMessageContainer-9d207766","./UNSAFE_Grid","./utils/UNSAFE_interpolations/grid","./hooks/UNSAFE_useCurrentValueReducer"],function(e,s,t,o,i,n,u,a,l,F,A,_,U,r,E,N,S,c,d,b,f,g,x,h,m,p,k,T,I,M,y,C,P,R,B,V,H,L,v,j,D,G,O,W,z,q,w,J,K,Q,X,Y,Z,$,ee,se,te,oe,ie,ne,ue,ae,le,Fe,Ae,_e,Ue,re,Ee,Ne,Se,ce,de,be,fe,ge,xe,he,me,pe,ke,Te,Ie,Me,ye,Ce,Pe,Re,Be,Ve,He,Le,ve,je,De,Ge,Oe,We,ze,qe,we,Je,Ke,Qe,Xe){"use strict";e.NumberInputText=s.NumberInputText,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./NumberInputText-f18531b0","preact/jsx-runtime","preact","preact/compat","preact/hooks","./hooks/UNSAFE_useFocusableTextField","./tslib.es6-925f910c","./hooks/UNSAFE_useFocusWithin","./useFocusWithin-ca350665","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useTextField","./hooks/UNSAFE_useId","./UNSAFE_Label","./utils/UNSAFE_classNames","./classNames-ee48f57b",'module',"./hooks/UNSAFE_usePrefixSuffix","./UNSAFE_PrefixSuffix","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./UNSAFE_TextField","./ReadonlyTextFieldInput-56711dee","./hooks/UNSAFE_useTabbableMode","./utils/UNSAFE_interpolations/text","./keys-9f636d55","./_curry1-e0cd66f4","./_has-710e4a41","./utils/UNSAFE_mergeInterpolations","./_curry3-9b2d7c26","./_curry2-1b99ddfe","./FormControlUtils-dae9e648","./hooks/UNSAFE_useTranslationBundle","./UNSAFE_LabelValueLayout","./UNSAFE_Flex","./Flex-09e74761","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_interpolations/flexbox","./flexbox-b1f9a1f0","./utils/UNSAFE_interpolations/flexitem","./flexitem-da0f34e5","./TextFieldInput-d18240f2","./hooks/UNSAFE_useTextFieldInputHandlers","./utils/PRIVATE_clientHints","./clientHints-8af07605","./hooks/UNSAFE_useDebounce","./UNSAFE_LiveRegion","./UNSAFE_UserAssistance","./InlineHelpSource-c2887059","./UNSAFE_ComponentMessage","./ComponentMessage-3afec011","./PRIVATE_Message","./utils/PRIVATE_timer","./MessageCloseButton-15992223","./UNSAFE_Button","./Button-90c6e9f9","./UNSAFE_BaseButton","./BaseButton-174b82cf","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useActive","./utils/UNSAFE_mergeProps","./index-35690f89","./index-140c213a","./UNSAFE_Icon","./Icon-0f001e22","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-0746d380","./index-c24bc5fd","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-002088aa","./hooks/UNSAFE_useTheme","./MessageDetail-e60f3a62","./MessageFormattingUtils-3182a53c","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-064b3cbb","./Message.types-07e4afec","./MessageStartIcon-2b34bbc2","./MessageSummary-4be22c0e","./MessageTimestamp-f06381d6","./MessageUtils-8f1f842d","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-f08bf90d","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext","./UNSAFE_HiddenAccessible","./HiddenAccessible-14957c32","./ComponentMessageContainer-bc250349","./UNSAFE_Grid","./utils/UNSAFE_interpolations/grid","./hooks/UNSAFE_useCurrentValueReducer"],function(e,s,t,o,i,n,u,l,a,F,A,_,U,r,E,N,S,c,d,f,b,g,x,h,m,p,k,T,I,M,y,C,P,R,B,V,H,L,v,j,D,G,O,W,z,q,w,J,K,Q,X,Y,Z,$,ee,se,te,oe,ie,ne,ue,le,ae,Fe,Ae,_e,Ue,re,Ee,Ne,Se,ce,de,fe,be,ge,xe,he,me,pe,ke,Te,Ie,Me,ye,Ce,Pe,Re,Be,Ve,He,Le,ve,je,De,Ge,Oe,We,ze,qe,we,Je,Ke,Qe,Xe){"use strict";e.NumberInputText=s.NumberInputText,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_NumberInputText.js.map

package/amd/UNSAFE_PrefixSuffix.css

@@ -1,8 +1,8 @@
-.wg3mo5{display:flex;align-items:center;white-space:nowrap;box-sizing:border-box;font-family:inherit;line-height:inherit;font-weight:inherit;font-size:100%;border:0;background-color:transparent;color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color);}
-._1mn8dt9{opacity:.45;}
-._1i3hm9r{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color-disabled);}
-.r7vv0o{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-padding-top);}
-._1ctphbx{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding);}
-.gs4wnl{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding);}
-._1d1135o{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);}
-.wkdovj{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);}
+._1c5zpcv{display:flex;align-items:center;white-space:nowrap;box-sizing:border-box;font-family:inherit;line-height:inherit;font-weight:inherit;font-size:100%;border:0;background-color:transparent;color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color);}
+.f94gcd{opacity:.45;}
+.ci4wa8{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color-disabled);}
+._169yhzo{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-padding-top);}
+._1m4apee{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding);}
+.oe0fxw{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding);}
+._2jhwgq{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);}
+._1h1iss3{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);}

package/amd/UNSAFE_PrefixSuffix.js

@@ -1,2 +1,2 @@
-define(["exports","preact/jsx-runtime","css!./UNSAFE_PrefixSuffix.css","./utils/UNSAFE_classNames","./classNames-4fa03ef2"],function(s,e,i,t,n){"use strict";s.PrefixSuffix=function({hasEndContent:s,hasInsideLabel:i,hasStartContent:t,id:a,isDisabled:r,isFocused:c,text:d,variant:f}){const l="wg3mo5",o="_1mn8dt9",u="_1i3hm9r",x="r7vv0o",h="_1ctphbx",m="gs4wnl",p="_1d1135o",_="wkdovj",j=n.classNames([l,"suffix"===f&&s&&m,i&&x,"prefix"===f&&t&&h,c&&o,r&&u,"prefix"===f&&!t&&p,"suffix"===f&&!s&&_]);return e.jsx("div",Object.assign({class:j,id:a},{children:e.jsx("span",{children:d})}))},Object.defineProperty(s,"__esModule",{value:!0})});
+define(["exports","preact/jsx-runtime","css!./UNSAFE_PrefixSuffix.css","./utils/UNSAFE_classNames","./classNames-ee48f57b"],function(e,s,i,a,t){"use strict";e.PrefixSuffix=function({hasEndContent:e,hasInsideLabel:i,hasStartContent:a,id:n,isDisabled:c,isFocused:f,text:r,variant:d}){const l="_1c5zpcv",u="f94gcd",x="ci4wa8",o="_169yhzo",h="_1m4apee",p="oe0fxw",_="_2jhwgq",j="_1h1iss3",b=t.classNames([l,"suffix"===d&&e&&p,i&&o,"prefix"===d&&a&&h,f&&u,c&&x,"prefix"===d&&!a&&_,"suffix"===d&&!e&&j]);return s.jsx("div",Object.assign({class:b,id:n},{children:s.jsx("span",{children:r})}))},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_PrefixSuffix.js.map

package/amd/UNSAFE_PrefixSuffix.js.map

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

package/amd/UNSAFE_ProgressBar.css

@@ -1,6 +1,6 @@
-._1shbfgf{height:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-height);position:relative;box-sizing:border-box;overflow-x:hidden;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color);}
-._1s29etb{margin:0;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color);height:100%;box-sizing:border-box;}
-.pd3ip5{width:25%;height:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-height);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color);position:relative;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite;}
-.wdkluw{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-border-radius);}
-._1e2impe{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation-rtl);}
-.ljav39{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation);}
+._141c7vs{height:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-height);position:relative;box-sizing:border-box;overflow-x:hidden;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color);}
+.weqlje{margin:0;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color);height:100%;box-sizing:border-box;}
+.kd0uhz{width:25%;height:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-height);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color);position:relative;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite;}
+._63bh48{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-border-radius);}
+._51fhie{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation-rtl);}
+.wixix{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation);}

package/amd/UNSAFE_ProgressBar.js

@@ -1,2 +1,2 @@
-define(["exports","./tslib.es6-baf3cb2c","preact/jsx-runtime","./utils/UNSAFE_classNames","css!./UNSAFE_ProgressBar.css","./hooks/UNSAFE_useUser","./hooks/UNSAFE_useTranslationBundle","./PRIVATE_Meter","./classNames-4fa03ef2","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat"],function(e,a,s,r,n,t,l,i,o,c,u,d,m,v){"use strict";const b=({accessibleLabel:e,id:a,width:r,edge:n="none"})=>{const{direction:c}=t.useUser(),u=o.classNames([x.value,x.indeterminate,x[c]]),d=o.classNames([x.base,"none"===n&&x.standalone]),m=l.useTranslationBundle("@oracle/oraclejet-preact"),v={"aria-valuetext":e||m.progressIndeterminate(),role:"progressbar"};return s.jsx(i.BarTrack,Object.assign({id:a,ariaProps:v,class:d,length:r},{children:s.jsx(i.BarValue,{class:u})}))},p=({value:e=0,max:a=100,id:r,width:n,edge:t="none"})=>{const l=100*Math.min(Math.max(0,e/a),1)+"%",c=o.classNames([x.base,"none"===t&&x.standalone]),u={};return u["aria-valuemin"]=null!=e?"0":void 0,u["aria-valuemax"]=null!=e?`${a}`:void 0,u["aria-valuenow"]=null!=e?`${e}`:void 0,u.role="progressbar",s.jsx(i.BarTrack,Object.assign({ariaProps:u,id:r,length:n,class:c},{children:s.jsx(i.BarValue,{class:x.value,length:l})}))},x={base:"_1shbfgf",value:"_1s29etb",indeterminate:"pd3ip5",standalone:"wdkluw",rtl:"_1e2impe",ltr:"ljav39"};e.ProgressBar=function(e){var{value:r,max:n}=e,t=a.__rest(e,["value","max"]);return"indeterminate"===r?s.jsx(b,Object.assign({},t)):s.jsx(p,Object.assign({value:r,max:n},t))},Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./tslib.es6-925f910c","preact/jsx-runtime","./utils/UNSAFE_classNames","css!./UNSAFE_ProgressBar.css","./hooks/UNSAFE_useUser","./hooks/UNSAFE_useTranslationBundle","./PRIVATE_Meter","./classNames-ee48f57b","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat"],function(e,a,s,r,n,t,l,i,o,c,u,d,m,v){"use strict";const x=({accessibleLabel:e,id:a,width:r,edge:n="none"})=>{const{direction:c}=t.useUser(),u=o.classNames([h.value,h.indeterminate,h[c]]),d=o.classNames([h.base,"none"===n&&h.standalone]),m=l.useTranslationBundle("@oracle/oraclejet-preact"),v={"aria-valuetext":e||m.progressIndeterminate(),role:"progressbar"};return s.jsx(i.BarTrack,Object.assign({id:a,ariaProps:v,class:d,length:r},{children:s.jsx(i.BarValue,{class:u})}))},b=({value:e=0,max:a=100,id:r,width:n,edge:t="none"})=>{const l=100*Math.min(Math.max(0,e/a),1)+"%",c=o.classNames([h.base,"none"===t&&h.standalone]),u={};return u["aria-valuemin"]=null!=e?"0":void 0,u["aria-valuemax"]=null!=e?`${a}`:void 0,u["aria-valuenow"]=null!=e?`${e}`:void 0,u.role="progressbar",s.jsx(i.BarTrack,Object.assign({ariaProps:u,id:r,length:n,class:c},{children:s.jsx(i.BarValue,{class:h.value,length:l})}))},h={base:"_141c7vs",value:"weqlje",indeterminate:"kd0uhz",standalone:"_63bh48",rtl:"_51fhie",ltr:"wixix"};e.ProgressBar=function(e){var{value:r,max:n}=e,t=a.__rest(e,["value","max"]);return"indeterminate"===r?s.jsx(x,Object.assign({},t)):s.jsx(b,Object.assign({value:r,max:n},t))},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_ProgressBar.js.map

package/amd/UNSAFE_ProgressBar.js.map

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

package/amd/UNSAFE_ProgressCircle.css

@@ -1,6 +1,6 @@
-._1vd53bq{position:relative;overflow-x:hidden;overflow-y:hidden;display:inline-block;max-width:100%;max-height:100%;width:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-size);}
-._1eipwti{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-circle-rotation-animation);animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;}
-._1s072nd{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-track-width);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color);border-style:solid;width:100%;height:100%;box-sizing:border-box;border-radius:50%;animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-circle-length-animation);animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;position:absolute;}
-.ynk65w{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-track-width);width:100%;height:100%;box-sizing:border-box;border-radius:50%;position:absolute;border-style:solid;}
-.gnbvgb{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color);}
-.x9412z{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color);}
+._1evkro7{position:relative;overflow-x:hidden;overflow-y:hidden;display:inline-block;max-width:100%;max-height:100%;width:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-size);}
+._1f4jnw9{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-circle-rotation-animation);animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;}
+.sqvtve{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-track-width);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color);border-style:solid;width:100%;height:100%;box-sizing:border-box;border-radius:50%;animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-circle-length-animation);animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;position:absolute;}
+._1pw9d3m{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-track-width);width:100%;height:100%;box-sizing:border-box;border-radius:50%;position:absolute;border-style:solid;}
+._19hag14{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color);}
+.zysz9t{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color);}

package/amd/UNSAFE_ProgressCircle.js

@@ -1,2 +1,2 @@
-define(["exports","./tslib.es6-baf3cb2c","preact/jsx-runtime","./utils/UNSAFE_classNames","css!./UNSAFE_ProgressCircle.css","./PRIVATE_Meter","./utils/PRIVATE_meterUtils","./hooks/UNSAFE_useTranslationBundle","./classNames-4fa03ef2","preact/compat","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer"],function(e,a,r,s,n,i,t,l,c,o,u,m,d,p){"use strict";const b=({accessibleLabel:e,id:a,size:s="md"})=>{const n=c.classNames([x.base,`oj-c-progress-circle-${s}`,x.indeterminateOuter]),t=l.useTranslationBundle("@oracle/oraclejet-preact"),o={"aria-valuetext":e||t.progressIndeterminate(),role:"progressbar"};return r.jsx(i.CircleWrapper,Object.assign({id:a,ariaProps:o,class:n},{children:r.jsx(i.CircleInner,{class:x.indeterminateInner})}))},v=({value:e=0,max:a=100,id:s,size:n="md"})=>{const l=Math.min(Math.max(0,e/a),1),o=c.classNames([x.base,`oj-c-progress-circle-${n}`]),u=t.getClipPath(90,360*l,!1,"full"),m={};return m["aria-valuemin"]=null!=e?"0":void 0,m["aria-valuemax"]=null!=e?`${a}`:void 0,m["aria-valuenow"]=null!=e?`${e}`:void 0,m.role="progressbar",r.jsxs(i.CircleWrapper,Object.assign({id:s,ariaProps:m,class:o},{children:[r.jsx(i.CircleInner,{class:c.classNames([x.determinateInner,x.track])}),r.jsx(i.CircleInner,{class:c.classNames([x.determinateInner,x.value]),clipPath:u})]}))},x={base:"_1vd53bq",indeterminateOuter:"_1eipwti",indeterminateInner:"_1s072nd",determinateInner:"ynk65w",track:"gnbvgb",value:"x9412z"};e.ProgressCircle=function(e){var{value:s,max:n}=e,i=a.__rest(e,["value","max"]);return"indeterminate"===s?r.jsx(b,Object.assign({},i)):r.jsx(v,Object.assign({value:s,max:n},i))},Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./tslib.es6-925f910c","preact/jsx-runtime","./utils/UNSAFE_classNames","css!./UNSAFE_ProgressCircle.css","./PRIVATE_Meter","./utils/PRIVATE_meterUtils","./hooks/UNSAFE_useTranslationBundle","./classNames-ee48f57b","preact/compat","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer"],function(e,a,r,s,n,t,i,l,c,o,u,m,d,p){"use strict";const v=({accessibleLabel:e,id:a,size:s="md"})=>{const n=c.classNames([x.base,`oj-c-progress-circle-${s}`,x.indeterminateOuter]),i=l.useTranslationBundle("@oracle/oraclejet-preact"),o={"aria-valuetext":e||i.progressIndeterminate(),role:"progressbar"};return r.jsx(t.CircleWrapper,Object.assign({id:a,ariaProps:o,class:n},{children:r.jsx(t.CircleInner,{class:x.indeterminateInner})}))},j=({value:e=0,max:a=100,id:s,size:n="md"})=>{const l=Math.min(Math.max(0,e/a),1),o=c.classNames([x.base,`oj-c-progress-circle-${n}`]),u=i.getClipPath(90,360*l,!1,"full"),m={};return m["aria-valuemin"]=null!=e?"0":void 0,m["aria-valuemax"]=null!=e?`${a}`:void 0,m["aria-valuenow"]=null!=e?`${e}`:void 0,m.role="progressbar",r.jsxs(t.CircleWrapper,Object.assign({id:s,ariaProps:m,class:o},{children:[r.jsx(t.CircleInner,{class:c.classNames([x.determinateInner,x.track])}),r.jsx(t.CircleInner,{class:c.classNames([x.determinateInner,x.value]),clipPath:u})]}))},x={base:"_1evkro7",indeterminateOuter:"_1f4jnw9",indeterminateInner:"sqvtve",determinateInner:"_1pw9d3m",track:"_19hag14",value:"zysz9t"};e.ProgressCircle=function(e){var{value:s,max:n}=e,t=a.__rest(e,["value","max"]);return"indeterminate"===s?r.jsx(v,Object.assign({},t)):r.jsx(j,Object.assign({value:s,max:n},t))},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_ProgressCircle.js.map

package/amd/UNSAFE_ProgressCircle.js.map

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

package/amd/UNSAFE_RatingGauge.css

@@ -1,22 +1,22 @@
-._15xygwu{display:inline-flex;}._15xygwu:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;}
-._1ovlqr0{cursor:pointer;touch-action:none;}
-._1fwl6kh{height:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-lg-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-lg-size);margin:0px 2px;}
-.mj7lov{height:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-md-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-md-size);margin:0px 1px;}
-._31ipqn{height:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-sm-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-sm-size);margin:0px 1px;}
-.d8sso2{position:relative;}
+.uamzdi{display:inline-flex;}.uamzdi:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;}
+._1619m8b{cursor:pointer;touch-action:none;}
+._770cl0{height:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-lg-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-lg-size);margin:0px 2px;}
+._176gb1x{height:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-md-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-md-size);margin:0px 1px;}
+._1nl9qdo{height:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-sm-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-sm-size);margin:0px 1px;}
+.ygwcix{position:relative;}
 
-._1q1gdcw{top:0px;left:0px;position:absolute;width:100%;height:100%;}
+.a5e7xs{top:0px;left:0px;position:absolute;width:100%;height:100%;}
 
-._1g1sduj{position:absolute;}
-.u12u83{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected);}
-._1ys5y79{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected);}
-.sczvtf{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected);}
-._1pac5mo{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected);}
-._1blqpwy{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly);}
-._17p3j2l{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-readonly);}
-._1dhg5f1{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-readonly);}
-._1wn8n6t{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-readonly);}
-.lvfvt8{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-disabled);}
-._3uw90y{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-disabled);}
-._16s2a1p{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-disabled);}
-._1a8abl0{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-disabled);}
+.kbcu81{position:absolute;}
+.lijk9m{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected);}
+.w4t6rp{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected);}
+._1rk3dfa{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected);}
+.cfc7bb{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected);}
+._13a6hu7{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly);}
+._1tilrfx{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-readonly);}
+.l8mdut{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-readonly);}
+._14syahj{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-readonly);}
+._118eva7{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-disabled);}
+._18xflyl{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-disabled);}
+._1ss8bj5{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-disabled);}
+.f2w5i{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-disabled);}

package/amd/UNSAFE_RatingGauge.js

@@ -1,2 +1,2 @@
-define(["exports","./tslib.es6-baf3cb2c","preact/jsx-runtime","preact","preact/hooks","css!./UNSAFE_RatingGauge.css","./utils/UNSAFE_classNames","./classNames-4fa03ef2","./hooks/UNSAFE_useUser","./hooks/UNSAFE_useTooltip","./utils/UNSAFE_mergeProps","./hooks/UNSAFE_useTabbableMode","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-cde13417","./index-c3b7e6c4","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-b2ac75fe"],function(e,s,t,o,a,i,l,r,n,c,d,u,b,p,h,m,y,v,x,_,g,f,w,A,R,j,U,D,E){"use strict";const k=({isSelected:e,isDisabled:s,isReadOnly:o,color:a})=>{const i=`${e?"selected":"unselected"}${s&&"Disabled"||o&&"Readonly"||""}`,l=N[`${i}Color`],n=N[`${i}BorderColor`];return t.jsx("svg",Object.assign({viewBox:"0 0 36 36",height:"100%",width:"100%",class:r.classNames([N.base,`oj-c-rating-gauge-${a}`])},{children:t.jsxs("g",{children:[t.jsx("path",{class:l,d:"m18 1 5.0061 11.9524 12.9939 1.0344-9.9 8.4215 3.0246 12.5917-11.1246-6.7476-11.12461 6.7476 3.02461-12.5917-9.9-8.4215 12.9939-1.0344z"}),t.jsx("path",{class:n,d:"m23.0061 12.9524-5.0061-11.9524-5.0061 11.9524-12.9939 1.0344 9.9 8.4215-3.02461 12.5917 11.12461-6.7476 11.1246 6.7476-3.0246-12.5917 9.9-8.4215zm10.5043 1.8394-8.5262 7.2528 2.6077 10.8562-9.5919-5.818-9.59192 5.818 2.60772-10.8562-8.52615-7.2528 11.19115-.891 4.3192-10.31227 4.3192 10.31227z"})]})}))},N={base:"_1g1sduj",selectedColor:"u12u83",selectedBorderColor:"_1ys5y79",unselectedColor:"sczvtf",unselectedBorderColor:"_1pac5mo",selectedReadonlyColor:"_1blqpwy",selectedReadonlyBorderColor:"_17p3j2l",unselectedReadonlyColor:"_1dhg5f1",unselectedReadonlyBorderColor:"_1wn8n6t",selectedDisabledColor:"lvfvt8",unselectedDisabledColor:"_3uw90y",selectedDisabledBorderColor:"_16s2a1p",unselectedDisabledBorderColor:"_1a8abl0"},C=({fillRatio:e,isDisabled:s,isReadonly:a,color:i})=>{const{direction:l}=n.useUser(),r="rtl"===l;return 1===e||0===e?t.jsx(k,{isSelected:1===e,isDisabled:s,isReadOnly:a,color:i}):t.jsxs(o.Fragment,{children:[t.jsx("div",Object.assign({class:F.base,style:{clipPath:`inset(0% ${r?100*(1-e):0}% 0% ${r?0:100*e}%)`}},{children:t.jsx(k,{isSelected:!1,isDisabled:s,isReadOnly:a,color:i})})),t.jsx("div",Object.assign({class:F.base,style:{clipPath:`inset(0% ${r?0:100*(1-e)}% 0% ${r?100*(1-e):0}%)`}},{children:t.jsx(k,{isSelected:!0,isDisabled:s,isReadOnly:a,color:i})}))]})},F={base:"_1q1gdcw"};function S(e,s,t,o,a){const i=o.current;if(!i||0===i.width)return-1;const l=e-i.x,r=s*(a?i.width-l:l)/i.width/t;return r<.5?0:Math.ceil(r)*t}function M(e){if(!e)return{width:0,x:0};const s=e.getBoundingClientRect();return{width:Math.round(s.width),x:Math.round(s.x+window.scrollX)}}const B={base:"_15xygwu",interactive:"_1ovlqr0",lg:"_1fwl6kh",md:"mj7lov",sm:"_31ipqn",item:"d8sso2"};e.RatingGauge=function(e){var{max:i=5,value:l=0,size:b="md",color:p="neutral",step:h=1,isReadonly:m,isDisabled:y}=e,v=s.__rest(e,["max","value","size","color","step","isReadonly","isDisabled"]);const x=a.useRef(null),_=a.useRef(M(null)),g=!m&&!y;a.useEffect(()=>{_.current=M(x.current)},[b,i]);const f=((e,s,t,o,i,l,r,c)=>{const d=a.useRef(),{direction:u}=n.useUser();if(!l)return{};const b="rtl"===u,p=e=>{null==c||c({value:e}),d.current=e},h=e=>{e.preventDefault(),e.stopPropagation()};return{onPointerUp:t=>{const o=S(t.pageX,e,s,i,b);-1!==o&&(null==r||r({value:o}))},onBlur:()=>{null==r||r({value:t})},onPointerMove:t=>{const o=S(t.pageX,e,s,i,b);-1!==o&&o!=d.current&&p(o)},onKeyUp:s=>{switch(s.key){case"Enter":null==r||r({value:t});break;case"Tab":p(t);break;case"Home":p(0);break;case"End":p(e)}h(s)},onKeyDown:o=>{switch(o.key){case"Tab":return;case"ArrowDown":p(Math.max(0,t-s));break;case"ArrowUp":p(Math.min(e,t+s));break;case"ArrowLeft":{const o=b?Math.min(e,t+s):Math.max(0,t-s);p(o);break}case"ArrowRight":{const o=b?Math.max(0,t-s):Math.min(e,t+s);p(o);break}}h(o)},onPointerLeave:()=>{p(void 0)},onPointerEnter:()=>{i.current=M(o.current)}}})(i,h,l,x,_,g,v.onCommit,v.onInput),{tooltipContent:w,tooltipProps:A}=function({max:e,value:s,isReadonly:t,isDisabled:o,tooltip:i,datatip:l,ariaDescribedBy:r,width:n}){const[d,u]=a.useState(!1),b=t&&!o?"tooltip":"datatip",p=o||!("tooltip"===b&&i||"datatip"===b&&l),h=Math.max(1,Math.ceil(s)),m="tooltip"===b?0:(h-Math.ceil(e/2))*n/e,{tooltipContent:y,tooltipProps:v}=c.useTooltipControlled({text:"tooltip"===b?i:l,isOpen:d,anchor:{x:"element",y:"element"},position:"bottom",offset:{mainAxis:8,crossAxis:m},isDisabled:p,onToggle:({value:e})=>u(e),variant:b});return v["aria-describedby"]=[r,v["aria-describedby"]].filter(Boolean).join(" "),{tooltipContent:y,tooltipProps:v}}({max:i,value:l,isReadonly:m,isDisabled:y,tooltip:v.tooltip,datatip:v.datatip,width:_.current.width,ariaDescribedBy:v.ariaDescribedBy}),R=d.mergeProps(f,A),j=(e=>e.accessibleLabel?e.accessibleLabel:e.tooltip&&e.isReadonly&&!e.isDisabled?e.tooltip:void 0)({accessibleLabel:v.accessibleLabel,tooltip:v.tooltip,isReadonly:m,isDisabled:y}),{isTabbable:U}=u.useTabbableMode();return t.jsxs(o.Fragment,{children:[t.jsx("div",Object.assign({ref:x,class:r.classNames([B.base,g?B.interactive:void 0]),"aria-label":j,role:"slider","aria-valuemin":"0","aria-valuenow":l,"aria-valuemax":i,"aria-valuetext":l,"aria-labelledby":v.ariaLabelledBy,tabIndex:U&&!y?0:-1,"aria-disabled":y?"true":void 0,"aria-readonly":m&&!y?"true":void 0},R,{children:[...Array(i)].map((e,s)=>{const o=Math.min(Math.max(0,l-s),1);return t.jsx("div",Object.assign({className:r.classNames([B[b],B.item])},{children:t.jsx(C,{fillRatio:o,isDisabled:y,isReadonly:m,color:p})}))})})),w]})},Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./tslib.es6-925f910c","preact/jsx-runtime","preact","preact/hooks","css!./UNSAFE_RatingGauge.css","./utils/UNSAFE_classNames","./classNames-ee48f57b","./hooks/UNSAFE_useUser","./hooks/UNSAFE_useTooltip","./utils/UNSAFE_mergeProps","./hooks/UNSAFE_useTabbableMode","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-0746d380","./index-c24bc5fd","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-002088aa"],function(e,s,t,a,o,i,l,r,n,c,d,u,b,h,p,m,x,y,v,f,g,_,A,R,j,w,U,k,D){"use strict";const E=({isSelected:e,isDisabled:s,isReadOnly:a,color:o})=>{const i=`${e?"selected":"unselected"}${s&&"Disabled"||a&&"Readonly"||""}`,l=N[`${i}Color`],n=N[`${i}BorderColor`];return t.jsx("svg",Object.assign({viewBox:"0 0 36 36",height:"100%",width:"100%",class:r.classNames([N.base,`oj-c-rating-gauge-${o}`])},{children:t.jsxs("g",{children:[t.jsx("path",{class:l,d:"m18 1 5.0061 11.9524 12.9939 1.0344-9.9 8.4215 3.0246 12.5917-11.1246-6.7476-11.12461 6.7476 3.02461-12.5917-9.9-8.4215 12.9939-1.0344z"}),t.jsx("path",{class:n,d:"m23.0061 12.9524-5.0061-11.9524-5.0061 11.9524-12.9939 1.0344 9.9 8.4215-3.02461 12.5917 11.12461-6.7476 11.1246 6.7476-3.0246-12.5917 9.9-8.4215zm10.5043 1.8394-8.5262 7.2528 2.6077 10.8562-9.5919-5.818-9.59192 5.818 2.60772-10.8562-8.52615-7.2528 11.19115-.891 4.3192-10.31227 4.3192 10.31227z"})]})}))},N={base:"kbcu81",selectedColor:"lijk9m",selectedBorderColor:"w4t6rp",unselectedColor:"_1rk3dfa",unselectedBorderColor:"cfc7bb",selectedReadonlyColor:"_13a6hu7",selectedReadonlyBorderColor:"_1tilrfx",unselectedReadonlyColor:"l8mdut",unselectedReadonlyBorderColor:"_14syahj",selectedDisabledColor:"_118eva7",unselectedDisabledColor:"_18xflyl",selectedDisabledBorderColor:"_1ss8bj5",unselectedDisabledBorderColor:"f2w5i"},C=({fillRatio:e,isDisabled:s,isReadonly:o,color:i})=>{const{direction:l}=n.useUser(),r="rtl"===l;return 1===e||0===e?t.jsx(E,{isSelected:1===e,isDisabled:s,isReadOnly:o,color:i}):t.jsxs(a.Fragment,{children:[t.jsx("div",Object.assign({class:F.base,style:{clipPath:`inset(0% ${r?100*(1-e):0}% 0% ${r?0:100*e}%)`}},{children:t.jsx(E,{isSelected:!1,isDisabled:s,isReadOnly:o,color:i})})),t.jsx("div",Object.assign({class:F.base,style:{clipPath:`inset(0% ${r?0:100*(1-e)}% 0% ${r?100*(1-e):0}%)`}},{children:t.jsx(E,{isSelected:!0,isDisabled:s,isReadOnly:o,color:i})}))]})},F={base:"a5e7xs"};function S(e,s,t,a,o){const i=a.current;if(!i||0===i.width)return-1;const l=e-i.x,r=s*(o?i.width-l:l)/i.width/t;return r<.5?0:Math.ceil(r)*t}function M(e){if(!e)return{width:0,x:0};const s=e.getBoundingClientRect();return{width:Math.round(s.width),x:Math.round(s.x+window.scrollX)}}const B={base:"uamzdi",interactive:"_1619m8b",lg:"_770cl0",md:"_176gb1x",sm:"_1nl9qdo",item:"ygwcix"};e.RatingGauge=function(e){var{max:i=5,value:l=0,size:b="md",color:h="neutral",step:p=1,isReadonly:m,isDisabled:x}=e,y=s.__rest(e,["max","value","size","color","step","isReadonly","isDisabled"]);const v=o.useRef(null),f=o.useRef(M(null)),g=!m&&!x;o.useEffect(()=>{f.current=M(v.current)},[b,i]);const _=((e,s,t,a,i,l,r,c)=>{const d=o.useRef(),{direction:u}=n.useUser();if(!l)return{};const b="rtl"===u,h=e=>{null==c||c({value:e}),d.current=e},p=e=>{e.preventDefault(),e.stopPropagation()};return{onPointerUp:t=>{const a=S(t.pageX,e,s,i,b);-1!==a&&(null==r||r({value:a}))},onBlur:()=>{null==r||r({value:t})},onPointerMove:t=>{const a=S(t.pageX,e,s,i,b);-1!==a&&a!=d.current&&h(a)},onKeyUp:s=>{switch(s.key){case"Enter":null==r||r({value:t});break;case"Tab":h(t);break;case"Home":h(0);break;case"End":h(e)}p(s)},onKeyDown:a=>{switch(a.key){case"Tab":return;case"ArrowDown":h(Math.max(0,t-s));break;case"ArrowUp":h(Math.min(e,t+s));break;case"ArrowLeft":{const a=b?Math.min(e,t+s):Math.max(0,t-s);h(a);break}case"ArrowRight":{const a=b?Math.max(0,t-s):Math.min(e,t+s);h(a);break}}p(a)},onPointerLeave:()=>{h(void 0)},onPointerEnter:()=>{i.current=M(a.current)}}})(i,p,l,v,f,g,y.onCommit,y.onInput),{tooltipContent:A,tooltipProps:R}=function({max:e,value:s,isReadonly:t,isDisabled:a,tooltip:i,datatip:l,ariaDescribedBy:r,width:n}){const[d,u]=o.useState(!1),b=t&&!a?"tooltip":"datatip",h=a||!("tooltip"===b&&i||"datatip"===b&&l),p=Math.max(1,Math.ceil(s)),m="tooltip"===b?0:(p-Math.ceil(e/2))*n/e,{tooltipContent:x,tooltipProps:y}=c.useTooltipControlled({text:"tooltip"===b?i:l,isOpen:d,anchor:{x:"element",y:"element"},position:"bottom",offset:{mainAxis:8,crossAxis:m},isDisabled:h,onToggle:({value:e})=>u(e),variant:b});return y["aria-describedby"]=[r,y["aria-describedby"]].filter(Boolean).join(" "),{tooltipContent:x,tooltipProps:y}}({max:i,value:l,isReadonly:m,isDisabled:x,tooltip:y.tooltip,datatip:y.datatip,width:f.current.width,ariaDescribedBy:y.ariaDescribedBy}),j=d.mergeProps(_,R),w=(e=>e.accessibleLabel?e.accessibleLabel:e.tooltip&&e.isReadonly&&!e.isDisabled?e.tooltip:void 0)({accessibleLabel:y.accessibleLabel,tooltip:y.tooltip,isReadonly:m,isDisabled:x}),{isTabbable:U}=u.useTabbableMode();return t.jsxs(a.Fragment,{children:[t.jsx("div",Object.assign({ref:v,class:r.classNames([B.base,g?B.interactive:void 0]),"aria-label":w,role:"slider","aria-valuemin":"0","aria-valuenow":l,"aria-valuemax":i,"aria-valuetext":l,"aria-labelledby":y.ariaLabelledBy,tabIndex:U&&!x?0:-1,"aria-disabled":x?"true":void 0,"aria-readonly":m&&!x?"true":void 0},j,{children:[...Array(i)].map((e,s)=>{const a=Math.min(Math.max(0,l-s),1);return t.jsx("div",Object.assign({className:r.classNames([B[b],B.item])},{children:t.jsx(C,{fillRatio:a,isDisabled:x,isReadonly:m,color:h})}))})})),A]})},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_RatingGauge.js.map

package/amd/UNSAFE_RatingGauge.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_RatingGauge.js","sources":["../../src/UNSAFE_RatingGauge/RatingStar.tsx","../../src/UNSAFE_RatingGauge/RatingGaugeItem.tsx","../../src/UNSAFE_RatingGauge/RatingUtils.ts","../../src/UNSAFE_RatingGauge/RatingGauge.tsx","../../src/UNSAFE_RatingGauge/useEvents.tsx","../../src/UNSAFE_RatingGauge/useTooltipOrDatatip.ts"],"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 { classNames } from '../utils/UNSAFE_classNames';\n\ntype Props = {\n  isSelected: boolean;\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n  color?: 'neutral' | 'gold';\n};\n\nconst RatingStar = ({ isSelected, isDisabled, isReadOnly, color }: Props) => {\n  const selectionState = isSelected ? 'selected' : 'unselected';\n  const disabledState = isDisabled && 'Disabled';\n  const readonlyState = isReadOnly && 'Readonly';\n  const styleStatePrefix = `${selectionState}${disabledState || readonlyState || ''}`;\n  const innerStyleClass =\n    ratingStarStyles[`${styleStatePrefix}Color` as keyof typeof ratingStarStyles];\n  const outerStyleClass =\n    ratingStarStyles[`${styleStatePrefix}BorderColor` as keyof typeof ratingStarStyles];\n\n  return (\n    <svg\n      viewBox=\"0 0 36 36\"\n      height=\"100%\"\n      width=\"100%\"\n      class={classNames([ratingStarStyles.base, `oj-c-rating-gauge-${color}`])}>\n      <g>\n        <path\n          class={innerStyleClass}\n          d=\"m18 1 5.0061 11.9524 12.9939 1.0344-9.9 8.4215 3.0246 12.5917-11.1246-6.7476-11.12461 6.7476 3.02461-12.5917-9.9-8.4215 12.9939-1.0344z\"\n        />\n        <path\n          class={outerStyleClass}\n          d=\"m23.0061 12.9524-5.0061-11.9524-5.0061 11.9524-12.9939 1.0344 9.9 8.4215-3.02461 12.5917 11.12461-6.7476 11.1246 6.7476-3.0246-12.5917 9.9-8.4215zm10.5043 1.8394-8.5262 7.2528 2.6077 10.8562-9.5919-5.818-9.59192 5.818 2.60772-10.8562-8.52615-7.2528 11.19115-.891 4.3192-10.31227 4.3192 10.31227z\"\n        />\n      </g>\n    </svg>\n  );\n};\n\nconst ratingStarStyles = {\n  base: cssProps`${{\n    position: 'absolute'\n  }}`,\n  selectedColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected)'\n  }}`,\n  selectedBorderColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected)'\n  }}`,\n  unselectedColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected)'\n  }}`,\n  unselectedBorderColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected)'\n  }}`,\n  selectedReadonlyColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly)'\n  }}`,\n  selectedReadonlyBorderColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-readonly)'\n  }}`,\n  unselectedReadonlyColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-readonly)'\n  }}`,\n  unselectedReadonlyBorderColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-readonly)'\n  }}`,\n  selectedDisabledColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-disabled)'\n  }}`,\n  unselectedDisabledColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-disabled)'\n  }}`,\n  selectedDisabledBorderColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-disabled)'\n  }}`,\n  unselectedDisabledBorderColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-disabled)'\n  }}`\n};\nexport { RatingStar };\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 { Fragment } from 'preact';\nimport { RatingStar } from './RatingStar';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useUser } from '../hooks/UNSAFE_useUser';\n\ntype Props = {\n  fillRatio: number;\n  isDisabled?: boolean;\n  isReadonly?: boolean;\n  color?: 'neutral' | 'gold';\n};\n\nconst RatingGaugeItem = ({ fillRatio, isDisabled, isReadonly, color }: Props) => {\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  if (fillRatio === 1 || fillRatio === 0) {\n    return (\n      <RatingStar\n        isSelected={fillRatio === 1}\n        isDisabled={isDisabled}\n        isReadOnly={isReadonly}\n        color={color}\n      />\n    );\n  }\n\n  // if fillRatio is not 1 or zero, absolutely position selected star above the\n  // unselected star and clip both to form partially selected star.\n\n  return (\n    <Fragment>\n      <div\n        class={fractionalStar.base}\n        style={{\n          clipPath: `inset(0% ${isRtl ? (1 - fillRatio) * 100 : 0}% 0% ${\n            isRtl ? 0 : fillRatio * 100\n          }%)`\n        }}>\n        <RatingStar\n          isSelected={false}\n          isDisabled={isDisabled}\n          isReadOnly={isReadonly}\n          color={color}\n        />\n      </div>\n      <div\n        class={fractionalStar.base}\n        style={{\n          clipPath: `inset(0% ${isRtl ? 0 : (1 - fillRatio) * 100}% 0% ${\n            isRtl ? (1 - fillRatio) * 100 : 0\n          }%)`\n        }}>\n        <RatingStar\n          isSelected={true}\n          isDisabled={isDisabled}\n          isReadOnly={isReadonly}\n          color={color}\n        />\n      </div>\n    </Fragment>\n  );\n};\n\nconst fractionalStar = {\n  base: cssProps`${{\n    top: '0px',\n    left: '0px',\n    position: 'absolute',\n    width: '100%',\n    height: '100%'\n  }}`\n};\n\nexport { RatingGaugeItem };\n","import type { Ref } from 'preact/hooks';\n\nexport function getValue(\n  pageX: number,\n  max: number,\n  step: number,\n  dimensionsRef: Ref<{ width: number; x: number }>,\n  isRtl: boolean\n): number {\n  const dimensions = dimensionsRef.current;\n  if (!dimensions || dimensions.width === 0) {\n    return -1;\n  }\n  const width = pageX - dimensions.x;\n  const val = (max * (isRtl ? dimensions.width - width : width)) / dimensions.width;\n  const numSteps = val / step;\n  return numSteps < 0.5 ? 0 : Math.ceil(numSteps) * step;\n}\n\nexport function getDimensions(element: HTMLElement | null) {\n  if (!element) {\n    return {\n      width: 0,\n      x: 0\n    };\n  }\n\n  const rect = element.getBoundingClientRect();\n  return {\n    width: Math.round(rect.width),\n    x: Math.round(rect.x + window.scrollX)\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 { Fragment } from 'preact';\nimport { useEffect, useRef } from 'preact/hooks';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { RatingGaugeItem } from './RatingGaugeItem';\nimport { CommitDetail, InputDetail, useEvents } from './useEvents';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { getDimensions } from './RatingUtils';\nimport { useTooltipOrDatatip } from './useTooltipOrDatatip';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\n/**\n * Props for the RatingGauge\n */\ntype Props = {\n  /**\n   * Defines whether the rating gauge should be read only. User interaction is prevented if set to true.\n   */\n  isReadonly?: boolean;\n\n  /**\n   * Defines whether the gauge is disabled or not. User interaction is prevented and the rating gauge is hidden from screen readers if set to true.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * The size of the individual rating gauge items.\n   */\n  size?: 'sm' | 'md' | 'lg';\n\n  /**\n   * The color of the individual rating gauge items.\n   */\n  color?: 'neutral' | 'gold';\n\n  /**\n   * The value of the rating gauge.\n   */\n  value?: number;\n\n  /**\n   * Specifies the increment by which values can be changed.\n   */\n  step?: number;\n\n  /**\n   * Integer value specifying the maximum value of the gauge, which determines the number of items that are displayed\n   */\n  max?: number;\n\n  /**\n   * The callback called in response to hover or focus interactions with the rating gauge items.\n   */\n  onInput?: (detail: InputDetail) => void;\n\n  /**\n   * The callback called when value of gauge changes on blur or Enter or click.\n   */\n  onCommit?: (detail: CommitDetail) => void;\n\n  /**\n   * The rating gauge tooltip. Tooltip is only used for read only rating gauges. If accessibleLabel is not specified, tooltip will be used as the accessible label.\n   */\n  tooltip?: string;\n\n  /**\n   * The rating gauge datatip string. Datatip is used for interactive rating gauges.\n   */\n  datatip?: string;\n\n  /**\n   * A label to be used for accessibility purposes. Default label will be used if not provided.\n   */\n  accessibleLabel?: string;\n\n  /**\n   * One or more ids (separated by spaces) of elements that label the rating gauge.\n   */\n  ariaLabelledBy?: string;\n\n  /**\n   * One or more ids (separated by spaces) of elements that describe the rating gauge.\n   */\n  ariaDescribedBy?: string;\n};\n\nconst getAriaLabel = (\n  props: Pick<Props, 'accessibleLabel' | 'tooltip' | 'isReadonly' | 'isDisabled'>\n) => {\n  return props.accessibleLabel\n    ? props.accessibleLabel\n    : props.tooltip && props.isReadonly && !props.isDisabled\n    ? props.tooltip\n    : undefined;\n};\n/**\n * A rating gauge displays information graphically, typically displaying or accepting user feedback on a product or service.\n */\nexport function RatingGauge({\n  max = 5,\n  value = 0,\n  size = 'md',\n  color = 'neutral',\n  step = 1,\n  isReadonly,\n  isDisabled,\n  ...props\n}: Props) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const dimensionsRef = useRef(getDimensions(null));\n\n  const isInteractive = !isReadonly && !isDisabled;\n\n  // Since the dimension are compute lazily after render, store width and x in ref\n  // This is used to identify hovered and clicked star.\n  // width of the gauge depends on size and max so passing them as dependencies for useEffect\n  useEffect(() => {\n    dimensionsRef.current = getDimensions(rootRef.current);\n  }, [size, max]);\n\n  const eventProps = useEvents(\n    max,\n    step,\n    value,\n    rootRef,\n    dimensionsRef,\n    isInteractive,\n    props.onCommit,\n    props.onInput\n  );\n\n  const { tooltipContent, tooltipProps } = useTooltipOrDatatip({\n    max,\n    value,\n    isReadonly,\n    isDisabled,\n    tooltip: props.tooltip,\n    datatip: props.datatip,\n    width: dimensionsRef.current.width,\n    ariaDescribedBy: props.ariaDescribedBy\n  });\n\n  const mergedEventProps = mergeProps(eventProps, tooltipProps);\n  const ariaLabel = getAriaLabel({\n    accessibleLabel: props.accessibleLabel,\n    tooltip: props.tooltip,\n    isReadonly,\n    isDisabled\n  });\n  const { isTabbable } = useTabbableMode();\n  return (\n    <Fragment>\n      <div\n        ref={rootRef}\n        class={classNames([\n          ratingStyles.base,\n          isInteractive ? ratingStyles.interactive : undefined\n        ])}\n        aria-label={ariaLabel}\n        role=\"slider\"\n        aria-valuemin=\"0\"\n        aria-valuenow={value}\n        aria-valuemax={max}\n        aria-valuetext={value}\n        aria-labelledby={props.ariaLabelledBy}\n        tabIndex={isTabbable && !isDisabled ? 0 : -1}\n        aria-disabled={isDisabled ? 'true' : undefined}\n        aria-readonly={isReadonly && !isDisabled ? 'true' : undefined}\n        {...mergedEventProps}>\n        {[...Array(max)].map((_, index: number) => {\n          const fillRatio = Math.min(Math.max(0, value - index), 1);\n          return (\n            <div className={classNames([ratingStyles[size], ratingStyles.item])}>\n              <RatingGaugeItem\n                fillRatio={fillRatio}\n                isDisabled={isDisabled}\n                isReadonly={isReadonly}\n                color={color}\n              />\n            </div>\n          );\n        })}\n      </div>\n      {tooltipContent}\n    </Fragment>\n  );\n}\n\nconst ratingStyles = {\n  base: cssProps`${{\n    display: 'inline-flex',\n    '&:focus-visible': {\n      outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n      outlineStyle: 'dotted',\n      outlineWidth: '1px'\n    }\n  }}`,\n  interactive: cssProps`${{\n    cursor: 'pointer',\n    touchAction: 'none'\n  }}`,\n  lg: cssProps`${{\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-lg-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-lg-size)',\n    margin: '0px 2px'\n  }}`,\n  md: cssProps`${{\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-md-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-md-size)',\n    margin: '0px 1px'\n  }}`,\n  sm: cssProps`${{\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-sm-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-sm-size)',\n    margin: '0px 1px'\n  }}`,\n  item: cssProps`${{\n    position: 'relative'\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 { useRef } from 'preact/hooks';\nimport type { Ref, MutableRef } from 'preact/hooks';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { getValue, getDimensions } from './RatingUtils';\n\nexport type CommitDetail = {\n  value: number;\n};\n\nexport type InputDetail = {\n  value?: number;\n};\n\nexport const useEvents = (\n  max: number,\n  step: number,\n  value: number,\n  rootRef: Ref<HTMLElement>,\n  dimensionsRef: MutableRef<{ width: number; x: number }>,\n  isInteractive: boolean,\n  onCommit?: (detail: CommitDetail) => void,\n  onInput?: (detail: InputDetail) => void\n) => {\n  const currentInput = useRef<number>();\n  const { direction } = useUser();\n\n  if (!isInteractive) {\n    return {};\n  }\n\n  const isRtl = direction === 'rtl';\n\n  const handleInput = (inputValue: number | undefined) => {\n    onInput?.({ value: inputValue } as InputDetail);\n    currentInput.current = inputValue;\n  };\n\n  const cancelEvent = (event: Event) => {\n    event.preventDefault();\n    event.stopPropagation();\n  };\n\n  const pointerUpHandler = (event: PointerEvent) => {\n    const val = getValue(event.pageX, max, step, dimensionsRef, isRtl);\n    if (val !== -1) {\n      onCommit?.({ value: val } as CommitDetail);\n    }\n  };\n\n  // When the document or rating gauge parent scrolls, we need to update the dimensionRef.current.x.\n  // Instead of updating it for every scroll event, recalculate the dims the first time mouse enters\n  // so we get fresh dimension value.\n  const pointerEnterHandler = () => {\n    dimensionsRef.current = getDimensions(rootRef.current);\n  };\n\n  const hoverHandler = (event: PointerEvent) => {\n    const val = getValue(event.pageX, max, step, dimensionsRef, isRtl);\n    if (val !== -1 && val != currentInput.current) {\n      handleInput(val);\n    }\n  };\n\n  const blurHandler = () => {\n    onCommit?.({ value: value } as CommitDetail);\n  };\n\n  const pointerLeaveHandler = () => {\n    handleInput(undefined);\n  };\n\n  const keyDownHandler = (event: KeyboardEvent) => {\n    const key = event.key;\n\n    switch (key) {\n      case 'Tab':\n        return;\n      case 'ArrowDown':\n        handleInput(Math.max(0, value - step));\n        break;\n      case 'ArrowUp':\n        handleInput(Math.min(max, value + step));\n        break;\n      case 'ArrowLeft': {\n        const inputValue = isRtl ? Math.min(max, value + step) : Math.max(0, value - step);\n        handleInput(inputValue);\n        break;\n      }\n      case 'ArrowRight': {\n        const inputValue = isRtl ? Math.max(0, value - step) : Math.min(max, value + step);\n        handleInput(inputValue);\n        break;\n      }\n    }\n    cancelEvent(event);\n  };\n\n  const keyUpHandler = (event: KeyboardEvent) => {\n    const key = event.key;\n\n    switch (key) {\n      case 'Enter':\n        onCommit?.({ value: value } as CommitDetail);\n        break;\n      case 'Tab':\n        handleInput(value);\n        break;\n      case 'Home':\n        handleInput(0);\n        break;\n      case 'End':\n        handleInput(max);\n        break;\n    }\n    cancelEvent(event);\n  };\n\n  return {\n    onPointerUp: pointerUpHandler,\n    onBlur: blurHandler,\n    onPointerMove: hoverHandler,\n    onKeyUp: keyUpHandler,\n    onKeyDown: keyDownHandler,\n    onPointerLeave: pointerLeaveHandler,\n    onPointerEnter: pointerEnterHandler\n  };\n};\n","import { ComponentChild } from 'preact';\nimport { useState } from 'preact/hooks';\nimport { useTooltipControlled } from '../hooks/UNSAFE_useTooltip';\n\ntype Props = {\n  max: number;\n  value: number;\n  isReadonly?: boolean;\n  isDisabled?: boolean;\n  tooltip?: string;\n  datatip?: string;\n  ariaDescribedBy?: string;\n  width: number;\n};\n\nexport function useTooltipOrDatatip({\n  max,\n  value,\n  isReadonly,\n  isDisabled,\n  tooltip,\n  datatip,\n  ariaDescribedBy,\n  width\n}: Props): {\n  tooltipContent: ComponentChild;\n  tooltipProps: Record<string, any>;\n} {\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n\n  const tooltipVariant = isReadonly && !isDisabled ? 'tooltip' : 'datatip';\n  const disabled =\n    isDisabled ||\n    !((tooltipVariant === 'tooltip' && tooltip) || (tooltipVariant === 'datatip' && datatip));\n  const datatipIndex = Math.max(1, Math.ceil(value));\n  const offset =\n    tooltipVariant === 'tooltip' ? 0 : ((datatipIndex - Math.ceil(max / 2)) * width) / max;\n\n  const { tooltipContent, tooltipProps } = useTooltipControlled({\n    text: tooltipVariant === 'tooltip' ? tooltip : datatip,\n    isOpen,\n    anchor: {\n      x: 'element',\n      y: 'element'\n    },\n    position: 'bottom',\n    offset: {\n      mainAxis: 8, // redwood tooltip design spec\n      crossAxis: offset\n    },\n    isDisabled: disabled,\n    onToggle: ({ value }) => setIsOpen(value),\n    variant: tooltipVariant\n  });\n\n  tooltipProps['aria-describedby'] = [ariaDescribedBy, tooltipProps['aria-describedby']]\n    .filter(Boolean)\n    .join(' ');\n\n  return {\n    tooltipContent,\n    tooltipProps\n  };\n}\n"],"names":["RatingStar","isSelected","isDisabled","isReadOnly","color","ratingStarStyles","RatingGaugeItem","fillRatio","isReadonly","direction","useUser","isRtl","_jsxs","Fragment","children","_jsx","jsx","Object","assign","class","fractionalStar","base","style","clipPath","getValue","pageX","max","step","dimensionsRef","dimensions","current","width","x","numSteps","Math","ceil","getDimensions","element","rect","getBoundingClientRect","round","window","scrollX","ratingStyles","_a","value","size","props","__rest","rootRef","useRef","isInteractive","onCommit","onInput","currentInput","handleInput","inputValue","cancelEvent","event","preventDefault","stopPropagation","onPointerUp","val","onBlur","onPointerMove","onKeyUp","key","onKeyDown","min","onPointerLeave","undefined","onPointerEnter","tooltipContent","tooltipProps","tooltip","datatip","ariaDescribedBy","isOpen","setIsOpen","useState","tooltipVariant","disabled","datatipIndex","offset","useTooltipControlled","text","anchor","y","position","mainAxis","crossAxis","onToggle","variant","filter","Boolean","join","useTooltipOrDatatip","isTabbable","useTabbableMode","ref","classNames","ariaLabel","role","ariaLabelledBy","tabIndex","mergedEventProps","Array","map","_","index","className","item"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_RatingGauge.js","sources":["../../src/UNSAFE_RatingGauge/RatingStar.tsx","../../src/UNSAFE_RatingGauge/RatingGaugeItem.tsx","../../src/UNSAFE_RatingGauge/RatingUtils.ts","../../src/UNSAFE_RatingGauge/RatingGauge.tsx","../../src/UNSAFE_RatingGauge/useEvents.tsx","../../src/UNSAFE_RatingGauge/useTooltipOrDatatip.ts"],"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 { classNames } from '../utils/UNSAFE_classNames';\n\ntype Props = {\n  isSelected: boolean;\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n  color?: 'neutral' | 'gold';\n};\n\nconst RatingStar = ({ isSelected, isDisabled, isReadOnly, color }: Props) => {\n  const selectionState = isSelected ? 'selected' : 'unselected';\n  const disabledState = isDisabled && 'Disabled';\n  const readonlyState = isReadOnly && 'Readonly';\n  const styleStatePrefix = `${selectionState}${disabledState || readonlyState || ''}`;\n  const innerStyleClass =\n    ratingStarStyles[`${styleStatePrefix}Color` as keyof typeof ratingStarStyles];\n  const outerStyleClass =\n    ratingStarStyles[`${styleStatePrefix}BorderColor` as keyof typeof ratingStarStyles];\n\n  return (\n    <svg\n      viewBox=\"0 0 36 36\"\n      height=\"100%\"\n      width=\"100%\"\n      class={classNames([ratingStarStyles.base, `oj-c-rating-gauge-${color}`])}>\n      <g>\n        <path\n          class={innerStyleClass}\n          d=\"m18 1 5.0061 11.9524 12.9939 1.0344-9.9 8.4215 3.0246 12.5917-11.1246-6.7476-11.12461 6.7476 3.02461-12.5917-9.9-8.4215 12.9939-1.0344z\"\n        />\n        <path\n          class={outerStyleClass}\n          d=\"m23.0061 12.9524-5.0061-11.9524-5.0061 11.9524-12.9939 1.0344 9.9 8.4215-3.02461 12.5917 11.12461-6.7476 11.1246 6.7476-3.0246-12.5917 9.9-8.4215zm10.5043 1.8394-8.5262 7.2528 2.6077 10.8562-9.5919-5.818-9.59192 5.818 2.60772-10.8562-8.52615-7.2528 11.19115-.891 4.3192-10.31227 4.3192 10.31227z\"\n        />\n      </g>\n    </svg>\n  );\n};\n\nconst ratingStarStyles = {\n  base: cssProps`${{\n    position: 'absolute'\n  }}`,\n  selectedColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected)'\n  }}`,\n  selectedBorderColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected)'\n  }}`,\n  unselectedColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected)'\n  }}`,\n  unselectedBorderColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected)'\n  }}`,\n  selectedReadonlyColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly)'\n  }}`,\n  selectedReadonlyBorderColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-readonly)'\n  }}`,\n  unselectedReadonlyColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-readonly)'\n  }}`,\n  unselectedReadonlyBorderColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-readonly)'\n  }}`,\n  selectedDisabledColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-disabled)'\n  }}`,\n  unselectedDisabledColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-disabled)'\n  }}`,\n  selectedDisabledBorderColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-disabled)'\n  }}`,\n  unselectedDisabledBorderColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-disabled)'\n  }}`\n};\nexport { RatingStar };\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 { Fragment } from 'preact';\nimport { RatingStar } from './RatingStar';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useUser } from '../hooks/UNSAFE_useUser';\n\ntype Props = {\n  fillRatio: number;\n  isDisabled?: boolean;\n  isReadonly?: boolean;\n  color?: 'neutral' | 'gold';\n};\n\nconst RatingGaugeItem = ({ fillRatio, isDisabled, isReadonly, color }: Props) => {\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  if (fillRatio === 1 || fillRatio === 0) {\n    return (\n      <RatingStar\n        isSelected={fillRatio === 1}\n        isDisabled={isDisabled}\n        isReadOnly={isReadonly}\n        color={color}\n      />\n    );\n  }\n\n  // if fillRatio is not 1 or zero, absolutely position selected star above the\n  // unselected star and clip both to form partially selected star.\n\n  return (\n    <Fragment>\n      <div\n        class={fractionalStar.base}\n        style={{\n          clipPath: `inset(0% ${isRtl ? (1 - fillRatio) * 100 : 0}% 0% ${\n            isRtl ? 0 : fillRatio * 100\n          }%)`\n        }}>\n        <RatingStar\n          isSelected={false}\n          isDisabled={isDisabled}\n          isReadOnly={isReadonly}\n          color={color}\n        />\n      </div>\n      <div\n        class={fractionalStar.base}\n        style={{\n          clipPath: `inset(0% ${isRtl ? 0 : (1 - fillRatio) * 100}% 0% ${\n            isRtl ? (1 - fillRatio) * 100 : 0\n          }%)`\n        }}>\n        <RatingStar\n          isSelected={true}\n          isDisabled={isDisabled}\n          isReadOnly={isReadonly}\n          color={color}\n        />\n      </div>\n    </Fragment>\n  );\n};\n\nconst fractionalStar = {\n  base: cssProps`${{\n    top: '0px',\n    left: '0px',\n    position: 'absolute',\n    width: '100%',\n    height: '100%'\n  }}`\n};\n\nexport { RatingGaugeItem };\n","import type { Ref } from 'preact/hooks';\n\nexport function getValue(\n  pageX: number,\n  max: number,\n  step: number,\n  dimensionsRef: Ref<{ width: number; x: number }>,\n  isRtl: boolean\n): number {\n  const dimensions = dimensionsRef.current;\n  if (!dimensions || dimensions.width === 0) {\n    return -1;\n  }\n  const width = pageX - dimensions.x;\n  const val = (max * (isRtl ? dimensions.width - width : width)) / dimensions.width;\n  const numSteps = val / step;\n  return numSteps < 0.5 ? 0 : Math.ceil(numSteps) * step;\n}\n\nexport function getDimensions(element: HTMLElement | null) {\n  if (!element) {\n    return {\n      width: 0,\n      x: 0\n    };\n  }\n\n  const rect = element.getBoundingClientRect();\n  return {\n    width: Math.round(rect.width),\n    x: Math.round(rect.x + window.scrollX)\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 { Fragment } from 'preact';\nimport { useEffect, useRef } from 'preact/hooks';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { RatingGaugeItem } from './RatingGaugeItem';\nimport { CommitDetail, InputDetail, useEvents } from './useEvents';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { getDimensions } from './RatingUtils';\nimport { useTooltipOrDatatip } from './useTooltipOrDatatip';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\n/**\n * Props for the RatingGauge\n */\ntype Props = {\n  /**\n   * Defines whether the rating gauge should be read only. User interaction is prevented if set to true.\n   */\n  isReadonly?: boolean;\n\n  /**\n   * Defines whether the gauge is disabled or not. User interaction is prevented and the rating gauge is hidden from screen readers if set to true.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * The size of the individual rating gauge items.\n   */\n  size?: 'sm' | 'md' | 'lg';\n\n  /**\n   * The color of the individual rating gauge items.\n   */\n  color?: 'neutral' | 'gold';\n\n  /**\n   * The value of the rating gauge.\n   */\n  value?: number;\n\n  /**\n   * Specifies the increment by which values can be changed.\n   */\n  step?: number;\n\n  /**\n   * Integer value specifying the maximum value of the gauge, which determines the number of items that are displayed\n   */\n  max?: number;\n\n  /**\n   * The callback called in response to hover or focus interactions with the rating gauge items.\n   */\n  onInput?: (detail: InputDetail) => void;\n\n  /**\n   * The callback called when value of gauge changes on blur or Enter or click.\n   */\n  onCommit?: (detail: CommitDetail) => void;\n\n  /**\n   * The rating gauge tooltip. Tooltip is only used for read only rating gauges. If accessibleLabel is not specified, tooltip will be used as the accessible label.\n   */\n  tooltip?: string;\n\n  /**\n   * The rating gauge datatip string. Datatip is used for interactive rating gauges.\n   */\n  datatip?: string;\n\n  /**\n   * A label to be used for accessibility purposes. Default label will be used if not provided.\n   */\n  accessibleLabel?: string;\n\n  /**\n   * One or more ids (separated by spaces) of elements that label the rating gauge.\n   */\n  ariaLabelledBy?: string;\n\n  /**\n   * One or more ids (separated by spaces) of elements that describe the rating gauge.\n   */\n  ariaDescribedBy?: string;\n};\n\nconst getAriaLabel = (\n  props: Pick<Props, 'accessibleLabel' | 'tooltip' | 'isReadonly' | 'isDisabled'>\n) => {\n  return props.accessibleLabel\n    ? props.accessibleLabel\n    : props.tooltip && props.isReadonly && !props.isDisabled\n    ? props.tooltip\n    : undefined;\n};\n/**\n * A rating gauge displays information graphically, typically displaying or accepting user feedback on a product or service.\n */\nexport function RatingGauge({\n  max = 5,\n  value = 0,\n  size = 'md',\n  color = 'neutral',\n  step = 1,\n  isReadonly,\n  isDisabled,\n  ...props\n}: Props) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const dimensionsRef = useRef(getDimensions(null));\n\n  const isInteractive = !isReadonly && !isDisabled;\n\n  // Since the dimension are compute lazily after render, store width and x in ref\n  // This is used to identify hovered and clicked star.\n  // width of the gauge depends on size and max so passing them as dependencies for useEffect\n  useEffect(() => {\n    dimensionsRef.current = getDimensions(rootRef.current);\n  }, [size, max]);\n\n  const eventProps = useEvents(\n    max,\n    step,\n    value,\n    rootRef,\n    dimensionsRef,\n    isInteractive,\n    props.onCommit,\n    props.onInput\n  );\n\n  const { tooltipContent, tooltipProps } = useTooltipOrDatatip({\n    max,\n    value,\n    isReadonly,\n    isDisabled,\n    tooltip: props.tooltip,\n    datatip: props.datatip,\n    width: dimensionsRef.current.width,\n    ariaDescribedBy: props.ariaDescribedBy\n  });\n\n  const mergedEventProps = mergeProps(eventProps, tooltipProps);\n  const ariaLabel = getAriaLabel({\n    accessibleLabel: props.accessibleLabel,\n    tooltip: props.tooltip,\n    isReadonly,\n    isDisabled\n  });\n  const { isTabbable } = useTabbableMode();\n  return (\n    <Fragment>\n      <div\n        ref={rootRef}\n        class={classNames([\n          ratingStyles.base,\n          isInteractive ? ratingStyles.interactive : undefined\n        ])}\n        aria-label={ariaLabel}\n        role=\"slider\"\n        aria-valuemin=\"0\"\n        aria-valuenow={value}\n        aria-valuemax={max}\n        aria-valuetext={value}\n        aria-labelledby={props.ariaLabelledBy}\n        tabIndex={isTabbable && !isDisabled ? 0 : -1}\n        aria-disabled={isDisabled ? 'true' : undefined}\n        aria-readonly={isReadonly && !isDisabled ? 'true' : undefined}\n        {...mergedEventProps}>\n        {[...Array(max)].map((_, index: number) => {\n          const fillRatio = Math.min(Math.max(0, value - index), 1);\n          return (\n            <div className={classNames([ratingStyles[size], ratingStyles.item])}>\n              <RatingGaugeItem\n                fillRatio={fillRatio}\n                isDisabled={isDisabled}\n                isReadonly={isReadonly}\n                color={color}\n              />\n            </div>\n          );\n        })}\n      </div>\n      {tooltipContent}\n    </Fragment>\n  );\n}\n\nconst ratingStyles = {\n  base: cssProps`${{\n    display: 'inline-flex',\n    '&:focus-visible': {\n      outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n      outlineStyle: 'dotted',\n      outlineWidth: '1px'\n    }\n  }}`,\n  interactive: cssProps`${{\n    cursor: 'pointer',\n    touchAction: 'none'\n  }}`,\n  lg: cssProps`${{\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-lg-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-lg-size)',\n    margin: '0px 2px'\n  }}`,\n  md: cssProps`${{\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-md-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-md-size)',\n    margin: '0px 1px'\n  }}`,\n  sm: cssProps`${{\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-sm-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-sm-size)',\n    margin: '0px 1px'\n  }}`,\n  item: cssProps`${{\n    position: 'relative'\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 { useRef } from 'preact/hooks';\nimport type { Ref, MutableRef } from 'preact/hooks';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { getValue, getDimensions } from './RatingUtils';\n\nexport type CommitDetail = {\n  value: number;\n};\n\nexport type InputDetail = {\n  value?: number;\n};\n\nexport const useEvents = (\n  max: number,\n  step: number,\n  value: number,\n  rootRef: Ref<HTMLElement>,\n  dimensionsRef: MutableRef<{ width: number; x: number }>,\n  isInteractive: boolean,\n  onCommit?: (detail: CommitDetail) => void,\n  onInput?: (detail: InputDetail) => void\n) => {\n  const currentInput = useRef<number>();\n  const { direction } = useUser();\n\n  if (!isInteractive) {\n    return {};\n  }\n\n  const isRtl = direction === 'rtl';\n\n  const handleInput = (inputValue: number | undefined) => {\n    onInput?.({ value: inputValue } as InputDetail);\n    currentInput.current = inputValue;\n  };\n\n  const cancelEvent = (event: Event) => {\n    event.preventDefault();\n    event.stopPropagation();\n  };\n\n  const pointerUpHandler = (event: PointerEvent) => {\n    const val = getValue(event.pageX, max, step, dimensionsRef, isRtl);\n    if (val !== -1) {\n      onCommit?.({ value: val } as CommitDetail);\n    }\n  };\n\n  // When the document or rating gauge parent scrolls, we need to update the dimensionRef.current.x.\n  // Instead of updating it for every scroll event, recalculate the dims the first time mouse enters\n  // so we get fresh dimension value.\n  const pointerEnterHandler = () => {\n    dimensionsRef.current = getDimensions(rootRef.current);\n  };\n\n  const hoverHandler = (event: PointerEvent) => {\n    const val = getValue(event.pageX, max, step, dimensionsRef, isRtl);\n    if (val !== -1 && val != currentInput.current) {\n      handleInput(val);\n    }\n  };\n\n  const blurHandler = () => {\n    onCommit?.({ value: value } as CommitDetail);\n  };\n\n  const pointerLeaveHandler = () => {\n    handleInput(undefined);\n  };\n\n  const keyDownHandler = (event: KeyboardEvent) => {\n    const key = event.key;\n\n    switch (key) {\n      case 'Tab':\n        return;\n      case 'ArrowDown':\n        handleInput(Math.max(0, value - step));\n        break;\n      case 'ArrowUp':\n        handleInput(Math.min(max, value + step));\n        break;\n      case 'ArrowLeft': {\n        const inputValue = isRtl ? Math.min(max, value + step) : Math.max(0, value - step);\n        handleInput(inputValue);\n        break;\n      }\n      case 'ArrowRight': {\n        const inputValue = isRtl ? Math.max(0, value - step) : Math.min(max, value + step);\n        handleInput(inputValue);\n        break;\n      }\n    }\n    cancelEvent(event);\n  };\n\n  const keyUpHandler = (event: KeyboardEvent) => {\n    const key = event.key;\n\n    switch (key) {\n      case 'Enter':\n        onCommit?.({ value: value } as CommitDetail);\n        break;\n      case 'Tab':\n        handleInput(value);\n        break;\n      case 'Home':\n        handleInput(0);\n        break;\n      case 'End':\n        handleInput(max);\n        break;\n    }\n    cancelEvent(event);\n  };\n\n  return {\n    onPointerUp: pointerUpHandler,\n    onBlur: blurHandler,\n    onPointerMove: hoverHandler,\n    onKeyUp: keyUpHandler,\n    onKeyDown: keyDownHandler,\n    onPointerLeave: pointerLeaveHandler,\n    onPointerEnter: pointerEnterHandler\n  };\n};\n","import { ComponentChild } from 'preact';\nimport { useState } from 'preact/hooks';\nimport { useTooltipControlled } from '../hooks/UNSAFE_useTooltip';\n\ntype Props = {\n  max: number;\n  value: number;\n  isReadonly?: boolean;\n  isDisabled?: boolean;\n  tooltip?: string;\n  datatip?: string;\n  ariaDescribedBy?: string;\n  width: number;\n};\n\nexport function useTooltipOrDatatip({\n  max,\n  value,\n  isReadonly,\n  isDisabled,\n  tooltip,\n  datatip,\n  ariaDescribedBy,\n  width\n}: Props): {\n  tooltipContent: ComponentChild;\n  tooltipProps: Record<string, any>;\n} {\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n\n  const tooltipVariant = isReadonly && !isDisabled ? 'tooltip' : 'datatip';\n  const disabled =\n    isDisabled ||\n    !((tooltipVariant === 'tooltip' && tooltip) || (tooltipVariant === 'datatip' && datatip));\n  const datatipIndex = Math.max(1, Math.ceil(value));\n  const offset =\n    tooltipVariant === 'tooltip' ? 0 : ((datatipIndex - Math.ceil(max / 2)) * width) / max;\n\n  const { tooltipContent, tooltipProps } = useTooltipControlled({\n    text: tooltipVariant === 'tooltip' ? tooltip : datatip,\n    isOpen,\n    anchor: {\n      x: 'element',\n      y: 'element'\n    },\n    position: 'bottom',\n    offset: {\n      mainAxis: 8, // redwood tooltip design spec\n      crossAxis: offset\n    },\n    isDisabled: disabled,\n    onToggle: ({ value }) => setIsOpen(value),\n    variant: tooltipVariant\n  });\n\n  tooltipProps['aria-describedby'] = [ariaDescribedBy, tooltipProps['aria-describedby']]\n    .filter(Boolean)\n    .join(' ');\n\n  return {\n    tooltipContent,\n    tooltipProps\n  };\n}\n"],"names":["RatingStar","isSelected","isDisabled","isReadOnly","color","ratingStarStyles","RatingGaugeItem","fillRatio","isReadonly","direction","useUser","isRtl","_jsxs","Fragment","children","_jsx","jsx","Object","assign","class","fractionalStar","base","style","clipPath","getValue","pageX","max","step","dimensionsRef","dimensions","current","width","x","numSteps","Math","ceil","getDimensions","element","rect","getBoundingClientRect","round","window","scrollX","ratingStyles","_a","value","size","props","__rest","rootRef","useRef","isInteractive","onCommit","onInput","currentInput","handleInput","inputValue","cancelEvent","event","preventDefault","stopPropagation","onPointerUp","val","onBlur","onPointerMove","onKeyUp","key","onKeyDown","min","onPointerLeave","undefined","onPointerEnter","tooltipContent","tooltipProps","tooltip","datatip","ariaDescribedBy","isOpen","setIsOpen","useState","tooltipVariant","disabled","datatipIndex","offset","useTooltipControlled","text","anchor","y","position","mainAxis","crossAxis","onToggle","variant","filter","Boolean","join","useTooltipOrDatatip","isTabbable","useTabbableMode","ref","classNames","ariaLabel","role","ariaLabelledBy","tabIndex","mergedEventProps","Array","map","_","index","className","item"],"mappings":"6vBAkBA,MAAAA,EAAA,EAAAC,WAAAA,EAAAC,WAAAA,EAAAC,WAAAA,EAAAC,MAAAA,6CAEEF,GAAA,YACAC,GAAA,gtBA2BFE,EAAA,MAAA,uBAAA,6BAAA,yBAAA,iCAAA,+BAAA,uCAAA,mCAAA,uCAAA,iCAAA,mCAAA,uCAAA,kDC5BAC,EAAA,EAAAC,UAAAA,EAAAL,WAAAA,EAAAM,WAAAA,EAAAJ,MAAAA,MACE,MAAAK,UAAAA,GAAAC,EAAAA,UACAC,EAAA,QAAAF,EAEA,OAAA,IAAAF,GAAA,IAAAA,gEAcAK,EAAAA,KAAAC,EAAAA,SAAA,CAAAC,SAAA,CAAAC,EAAAC,IAAA,MAAAC,OAAAC,OAAA,CAAAC,MAAAC,EAAAC,KAAAC,MAAA,CAKQC,SAAA,YAAAZ,EAAA,KAAA,EAAAJ,GAAA,SAAAI,EAAA,EAAA,IAAAJ,QAGD,CAAAO,SAAAC,EAAAC,IAAAhB,EAAA,CAAAC,YAAA,EAAAC,WAAAA,EAAAC,WAAAK,EAAAJ,MAAAA,OAAAW,EAAAC,IAAA,MAAAC,OAAAC,OAAA,CAAAC,MAAAC,EAAAC,KAAAC,MAAA,CAWCC,SAAA,YAAAZ,EAAA,EAAA,KAAA,EAAAJ,UAAAI,EAAA,KAAA,EAAAJ,GAAA,oFAeVa,EAAA,gBCtEM,SAAUI,EACdC,EACAC,EACAC,EACAC,EACAjB,GAEA,MAAMkB,EAAaD,EAAcE,QACjC,IAAKD,GAAmC,IAArBA,EAAWE,MAC5B,OAAQ,EAEV,MAAMA,EAAQN,EAAQI,EAAWG,EAE3BC,EADOP,GAAOf,EAAQkB,EAAWE,MAAQA,EAAQA,GAAUF,EAAWE,MACrDJ,EACvB,OAAOM,EAAW,GAAM,EAAIC,KAAKC,KAAKF,GAAYN,EAG9C,SAAUS,EAAcC,GAC5B,IAAKA,EACH,MAAO,CACLN,MAAO,EACPC,EAAG,GAIP,MAAMM,EAAOD,EAAQE,wBACrB,MAAO,CACLR,MAAOG,KAAKM,MAAMF,EAAKP,OACvBC,EAAGE,KAAKM,MAAMF,EAAKN,EAAIS,OAAOC,UCoKlC,MAAAC,EAAA,MAAA,qBAAA,cAAA,aAAA,cAAA,wCA1FA,SAAAC,GAA4B,IAAAlB,IAAAA,EAAA,EAAAmB,MAAAA,EAAA,EAAAC,KAAAA,EAAA,KAAA1C,MAAAA,EAAA,UAAAuB,KAAAA,EAAA,EAAAnB,WAAAA,EAAAN,WAAAA,GAAA0C,EAAAG,EAAAC,EAAAA,OAAAJ,EAAA,CAAA,MAAA,QAAA,OAAA,QAAA,OAAA,aAAA,eAU1B,MAAAK,EAAAC,SAAA,0BAGAC,GAAA3C,IAAAN,2CAOA,CAAA4C,EAAApB,YCvGuB,EACvBA,EACAC,EACAkB,EACAI,EACArB,EACAuB,EACAC,EACAC,KAEA,MAAMC,EAAeJ,EAAAA,UACfzC,UAAEA,GAAcC,EAAAA,UAEtB,IAAKyC,EACH,MAAO,GAGT,MAAMxC,EAAsB,QAAdF,EAER8C,EAAeC,IACnBH,MAAAA,GAAAA,EAAU,CAAER,MAAOW,IACnBF,EAAaxB,QAAU0B,GAGnBC,EAAeC,IACnBA,EAAMC,iBACND,EAAME,mBA8ER,MAAO,CACLC,YA5EwBH,IACxB,MAAMI,EAAMtC,EAASkC,EAAMjC,MAAOC,EAAKC,EAAMC,EAAejB,IAC/C,IAATmD,IACFV,MAAAA,GAAAA,EAAW,CAAEP,MAAOiB,MA0EtBC,OAxDkB,KAClBX,MAAAA,GAAAA,EAAW,CAAEP,MAAOA,KAwDpBmB,cAhEoBN,IACpB,MAAMI,EAAMtC,EAASkC,EAAMjC,MAAOC,EAAKC,EAAMC,EAAejB,IAC/C,IAATmD,GAAcA,GAAOR,EAAaxB,SACpCyB,EAAYO,IA8DdG,QAxBoBP,IAGpB,OAFYA,EAAMQ,KAGhB,IAAK,QACHd,MAAAA,GAAAA,EAAW,CAAEP,MAAOA,IACpB,MACF,IAAK,MACHU,EAAYV,GACZ,MACF,IAAK,OACHU,EAAY,GACZ,MACF,IAAK,MACHA,EAAY7B,GAGhB+B,EAAYC,IAQZS,UAnDsBT,IAGtB,OAFYA,EAAMQ,KAGhB,IAAK,MACH,OACF,IAAK,YACHX,EAAYrB,KAAKR,IAAI,EAAGmB,EAAQlB,IAChC,MACF,IAAK,UACH4B,EAAYrB,KAAKkC,IAAI1C,EAAKmB,EAAQlB,IAClC,MACF,IAAK,YAAa,CAChB,MAAM6B,EAAa7C,EAAQuB,KAAKkC,IAAI1C,EAAKmB,EAAQlB,GAAQO,KAAKR,IAAI,EAAGmB,EAAQlB,GAC7E4B,EAAYC,GACZ,MAEF,IAAK,aAAc,CACjB,MAAMA,EAAa7C,EAAQuB,KAAKR,IAAI,EAAGmB,EAAQlB,GAAQO,KAAKkC,IAAI1C,EAAKmB,EAAQlB,GAC7E4B,EAAYC,GACZ,OAGJC,EAAYC,IA6BZW,eAxD0B,KAC1Bd,OAAYe,IAwDZC,eAxE0B,KAC1B3C,EAAcE,QAAUM,EAAca,EAAQnB,gDD4EhD0C,eAAAA,EAAAC,aAAAA,aE1HkC/C,IAClCA,EAAGmB,MACHA,EAAKrC,WACLA,EAAUN,WACVA,EAAUwE,QACVA,EAAOC,QACPA,EAAOC,gBACPA,EAAe7C,MACfA,IAKA,MAAO8C,EAAQC,GAAaC,EAAQA,UAAU,GAExCC,EAAiBxE,IAAeN,EAAa,UAAY,UACzD+E,EACJ/E,KACsB,YAAnB8E,GAAgCN,GAAgC,YAAnBM,GAAgCL,GAC5EO,EAAehD,KAAKR,IAAI,EAAGQ,KAAKC,KAAKU,IACrCsC,EACe,YAAnBH,EAA+B,GAAME,EAAehD,KAAKC,KAAKT,EAAM,IAAMK,EAASL,GAE/E8C,eAAEA,EAAcC,aAAEA,GAAiBW,uBAAqB,CAC5DC,KAAyB,YAAnBL,EAA+BN,EAAUC,EAC/CE,OAAAA,EACAS,OAAQ,CACNtD,EAAG,UACHuD,EAAG,WAELC,SAAU,SACVL,OAAQ,CACNM,SAAU,EACVC,UAAWP,GAEbjF,WAAY+E,EACZU,SAAU,EAAG9C,MAAAA,KAAYiC,EAAUjC,GACnC+C,QAASZ,IAOX,OAJAP,EAAa,oBAAsB,CAACG,EAAiBH,EAAa,qBAC/DoB,OAAOC,SACPC,KAAK,KAED,CACLvB,eAAAA,EACAC,aAAAA,GF4EFuB,CAAA,6EAOEjE,MAAAH,EAAAE,QAAAC,gEApDJgB,CAAAA,uCAKIA,EAAA2B,SAAA3B,EAAAvC,aAAAuC,EAAA7C,+GA0DF+F,WAAAA,GAAAC,EAAAA,kBACA,OAAAtF,EAAAA,KAAAC,EAAAA,SAAA,CAAAC,SAAA,CAAAC,EAAAC,IAAA,MAAAC,OAAAC,OAAA,CAAAiF,IAAAlD,EAAA9B,MAAAiF,EAAAA,WAAA,CAKQzD,EAAAtB,8BAED,aAAAgF,EAAAC,KAAA,SAAA,gBAAA,IAAA,gBAAAzD,EAAA,gBAAAnB,EAAA,iBAAAmB,EAAA,kBAAAE,EAAAwD,eAAAC,SAAAP,IAAA/F,EAAA,GAAA,EAAA,gBAAAA,EAAA,YAAAoE,EAAA,gBAAA9D,IAAAN,EAAA,YAAAoE,GAAAmC,EAAA,CAAA3F,SAAA,IAAA4F,MAAAhF,IAAAiF,IAAA,CAAAC,EAAAC,KAaC,MAAAtG,EAAA2B,KAAAkC,IAAAlC,KAAAR,IAAA,EAAAmB,EAAAgE,GAAA,GACA,OAAA9F,MAAA,MAAAE,OAAAC,OAAA,CAAA4F,UAAAV,EAAAA,WAAA,CAAAzD,EAAAG,GAAAH,EAAAoE,QAAA,CAAAjG,SAAAC,EAAAC,IAAAV,EAAA,CAAAC,UAAAA,EAAAL,WAAAA,EAAAM,WAAAA,EAAAJ,MAAAA,YAUFoE"}

package/amd/UNSAFE_SelectMultiple.css

@@ -1 +1 @@
-._105vsqi{display:inline-flex;}
+.dozbji{display:inline-flex;}

package/amd/UNSAFE_SelectMultiple.js

@@ -1,2 +1,2 @@
-define(["exports","./SelectMultiple-dfb5b765","preact/jsx-runtime","preact","preact/compat","./hooks/UNSAFE_useFocusableTextField","./tslib.es6-baf3cb2c","preact/hooks","./hooks/UNSAFE_useFocusWithin","./useFocusWithin-8709d986","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./hooks/UNSAFE_useLoadingIndicatorTimer","./hooks/UNSAFE_useTimer","./hooks/UNSAFE_useTextField","./hooks/UNSAFE_useId","./UNSAFE_Flex","./Flex-feea6d33","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-b8c79089","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-4fa03ef2","./_curry3-9b155fdc","./_curry2-52e3b69d","./_has-f7daf036","css!./UNSAFE_SelectMultiple.css","./utils/UNSAFE_interpolations/boxalignment","./keys-e733f329","./utils/UNSAFE_interpolations/flexbox","./flexbox-08558092","./utils/UNSAFE_interpolations/flexitem","./flexitem-ed3f79c3","./UNSAFE_Label","./UNSAFE_LiveRegion","./UNSAFE_TextField","./ReadonlyTextFieldInput-1da0c096","./hooks/UNSAFE_useTabbableMode","./utils/UNSAFE_interpolations/text","./FormControlUtils-05d612b2","./hooks/UNSAFE_useTranslationBundle","./UNSAFE_Environment","./UNSAFE_Layer","./UNSAFE_LabelValueLayout","./TextFieldInput-3c4b3298","./hooks/UNSAFE_useTextFieldInputHandlers","./utils/PRIVATE_clientHints","./clientHints-bf4c3a51","./hooks/UNSAFE_useDebounce","./UNSAFE_UserAssistance","./InlineHelpSource-b84f4d4c","./UNSAFE_ComponentMessage","./ComponentMessage-d6eabb8b","./PRIVATE_Message","./utils/PRIVATE_timer","./MessageCloseButton-e3eff42e","./UNSAFE_Button","./Button-68100aa2","./UNSAFE_BaseButton","./BaseButton-ebed03fc","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./utils/UNSAFE_mergeProps","./index-00100f49","./index-d0610934","./UNSAFE_Icon","./Icon-734f5882","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-cde13417","./index-c3b7e6c4","./hooks/UNSAFE_useUser","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-b2ac75fe","./hooks/UNSAFE_useTheme","./MessageDetail-1be1c95e","./MessageFormattingUtils-1513fdd8","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-d751fc14","./Message.types-aa2b436b","./MessageStartIcon-eb47a169","./MessageSummary-89b4de95","./MessageTimestamp-05386412","./MessageUtils-d672d8cf","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-e153ba77","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext","./UNSAFE_HiddenAccessible","./HiddenAccessible-7a830f5b","./ComponentMessageContainer-9d207766","./PRIVATE_SelectCommon","./UNSAFE_HighlightText","./HighlightText-0dcc56c8","./PRIVATE_List","./List-70e50ac0","./utils/UNSAFE_keys","./LoadMoreCollection-d975953c","./PRIVATE_Collection","./Collection-7f6d38b2","./hooks/UNSAFE_useViewportIntersect","./PRIVATE_VirtualizedCollection","./VirtualizedCollection-297a10c2","./UNSAFE_FocusTrap","./FocusTrap-c829bbb6","./utils/PRIVATE_tabbableUtils","./hooks/PRIVATE_useSelection","./hooks/PRIVATE_useCurrentKey","./hooks/PRIVATE_useCollectionFocusRing","./hooks/PRIVATE_useTabbableModeSet","./hooks/PRIVATE_useItemAction","./utils/PRIVATE_collectionUtils","./UNSAFE_Skeleton","./Skeleton-fc198bf2","./utils/UNSAFE_interpolations/borders","./UNSAFE_Selector","./UNSAFE_Chip","./Chip-27950497","./hooks/UNSAFE_useActionable"],function(e,s,o,t,i,l,n,a,u,A,_,F,c,E,U,S,r,N,d,b,h,T,k,g,f,p,m,I,x,M,V,C,P,R,y,L,H,B,v,z,j,D,O,W,w,G,K,q,J,Q,X,Y,Z,$,ee,se,oe,te,ie,le,ne,ae,ue,Ae,_e,Fe,ce,Ee,Ue,Se,re,Ne,de,be,he,Te,ke,ge,fe,pe,me,Ie,xe,Me,Ve,Ce,Pe,Re,ye,Le,He,Be,ve,ze,je,De,Oe,We,we,Ge,Ke,qe,Je,Qe,Xe,Ye,Ze,$e,es,ss,os,ts,is,ls,ns,as,us,As,_s,Fs,cs,Es,Us,Ss,rs,Ns,ds,bs,hs,Ts){"use strict";e.SelectMultiple=s.SelectMultiple,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./SelectMultiple-1f77445b","preact/jsx-runtime","preact","preact/compat","./hooks/UNSAFE_useFocusableTextField","./tslib.es6-925f910c","preact/hooks","./hooks/UNSAFE_useFocusWithin","./useFocusWithin-ca350665","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./hooks/UNSAFE_useLoadingIndicatorTimer","./hooks/UNSAFE_useTimer","./hooks/UNSAFE_useTextField","./hooks/UNSAFE_useId","./UNSAFE_Flex","./Flex-09e74761","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-e0cd66f4","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-ee48f57b","./_curry3-9b2d7c26","./_curry2-1b99ddfe","./_has-710e4a41","css!./UNSAFE_SelectMultiple.css","./utils/UNSAFE_interpolations/boxalignment","./keys-9f636d55","./utils/UNSAFE_interpolations/flexbox","./flexbox-b1f9a1f0","./utils/UNSAFE_interpolations/flexitem","./flexitem-da0f34e5","./UNSAFE_Label","./UNSAFE_LiveRegion","./UNSAFE_TextField","./ReadonlyTextFieldInput-56711dee","./hooks/UNSAFE_useTabbableMode","./utils/UNSAFE_interpolations/text","./FormControlUtils-dae9e648","./hooks/UNSAFE_useTranslationBundle","./UNSAFE_Environment","./UNSAFE_Layer","./UNSAFE_LabelValueLayout","./TextFieldInput-d18240f2","./hooks/UNSAFE_useTextFieldInputHandlers","./utils/PRIVATE_clientHints","./clientHints-8af07605","./hooks/UNSAFE_useDebounce","./UNSAFE_UserAssistance","./InlineHelpSource-c2887059","./UNSAFE_ComponentMessage","./ComponentMessage-3afec011","./PRIVATE_Message","./utils/PRIVATE_timer","./MessageCloseButton-15992223","./UNSAFE_Button","./Button-90c6e9f9","./UNSAFE_BaseButton","./BaseButton-174b82cf","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./utils/UNSAFE_mergeProps","./index-35690f89","./index-140c213a","./UNSAFE_Icon","./Icon-0f001e22","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-0746d380","./index-c24bc5fd","./hooks/UNSAFE_useUser","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-002088aa","./hooks/UNSAFE_useTheme","./MessageDetail-e60f3a62","./MessageFormattingUtils-3182a53c","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-064b3cbb","./Message.types-07e4afec","./MessageStartIcon-2b34bbc2","./MessageSummary-4be22c0e","./MessageTimestamp-f06381d6","./MessageUtils-8f1f842d","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-f08bf90d","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext","./UNSAFE_HiddenAccessible","./HiddenAccessible-14957c32","./ComponentMessageContainer-bc250349","./PRIVATE_SelectCommon","./UNSAFE_HighlightText","./HighlightText-444c1227","./PRIVATE_List","./List-e404fd42","./utils/UNSAFE_keys","./LoadMoreCollection-298a8d03","./PRIVATE_Collection","./Collection-9df1abea","./hooks/UNSAFE_useViewportIntersect","./PRIVATE_VirtualizedCollection","./VirtualizedCollection-e1dc1d4d","./UNSAFE_FocusTrap","./FocusTrap-d3e74e81","./utils/PRIVATE_tabbableUtils","./hooks/PRIVATE_useSelection","./hooks/PRIVATE_useCurrentKey","./hooks/PRIVATE_useCollectionFocusRing","./hooks/PRIVATE_useTabbableModeSet","./hooks/PRIVATE_useItemAction","./utils/PRIVATE_collectionUtils","./UNSAFE_Skeleton","./Skeleton-26929f8e","./utils/UNSAFE_interpolations/borders","./UNSAFE_Selector","./UNSAFE_Chip","./Chip-fc2e4a70","./hooks/UNSAFE_useActionable"],function(e,s,o,t,i,l,n,a,u,A,_,F,E,c,U,S,r,N,d,h,b,T,f,k,g,p,m,I,x,M,V,C,P,R,y,L,H,B,v,z,j,D,O,W,w,G,K,q,J,Q,X,Y,Z,$,ee,se,oe,te,ie,le,ne,ae,ue,Ae,_e,Fe,Ee,ce,Ue,Se,re,Ne,de,he,be,Te,fe,ke,ge,pe,me,Ie,xe,Me,Ve,Ce,Pe,Re,ye,Le,He,Be,ve,ze,je,De,Oe,We,we,Ge,Ke,qe,Je,Qe,Xe,Ye,Ze,$e,es,ss,os,ts,is,ls,ns,as,us,As,_s,Fs,Es,cs,Us,Ss,rs,Ns,ds,hs,bs,Ts){"use strict";e.SelectMultiple=s.SelectMultiple,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_SelectMultiple.js.map

package/amd/UNSAFE_SelectSingle.js

@@ -1,2 +1,2 @@
-define(["exports","./SelectSingle-46465b7e","preact/jsx-runtime","preact","preact/compat","./hooks/UNSAFE_useFocusableTextField","./tslib.es6-baf3cb2c","preact/hooks","./hooks/UNSAFE_useFocusWithin","./useFocusWithin-8709d986","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./hooks/UNSAFE_useLoadingIndicatorTimer","./hooks/UNSAFE_useTimer","./hooks/UNSAFE_useTextField","./hooks/UNSAFE_useId","./UNSAFE_Label","./utils/UNSAFE_classNames","./classNames-4fa03ef2",'module',"./UNSAFE_LiveRegion","./UNSAFE_TextField","./ReadonlyTextFieldInput-1da0c096","./hooks/UNSAFE_useTabbableMode","./utils/UNSAFE_interpolations/text","./keys-e733f329","./_curry1-b8c79089","./_has-f7daf036","./utils/UNSAFE_mergeInterpolations","./_curry3-9b155fdc","./_curry2-52e3b69d","./FormControlUtils-05d612b2","./hooks/UNSAFE_useTranslationBundle","./UNSAFE_Environment","./UNSAFE_Layer","./UNSAFE_LabelValueLayout","./UNSAFE_Flex","./Flex-feea6d33","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_interpolations/flexbox","./flexbox-08558092","./utils/UNSAFE_interpolations/flexitem","./flexitem-ed3f79c3","./TextFieldInput-3c4b3298","./hooks/UNSAFE_useTextFieldInputHandlers","./utils/PRIVATE_clientHints","./clientHints-bf4c3a51","./hooks/UNSAFE_useDebounce","./UNSAFE_UserAssistance","./InlineHelpSource-b84f4d4c","./UNSAFE_ComponentMessage","./ComponentMessage-d6eabb8b","./PRIVATE_Message","./utils/PRIVATE_timer","./MessageCloseButton-e3eff42e","./UNSAFE_Button","./Button-68100aa2","./UNSAFE_BaseButton","./BaseButton-ebed03fc","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./utils/UNSAFE_mergeProps","./index-00100f49","./index-d0610934","./UNSAFE_Icon","./Icon-734f5882","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-cde13417","./index-c3b7e6c4","./hooks/UNSAFE_useUser","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-b2ac75fe","./hooks/UNSAFE_useTheme","./MessageDetail-1be1c95e","./MessageFormattingUtils-1513fdd8","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-d751fc14","./Message.types-aa2b436b","./MessageStartIcon-eb47a169","./MessageSummary-89b4de95","./MessageTimestamp-05386412","./MessageUtils-d672d8cf","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-e153ba77","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext","./UNSAFE_HiddenAccessible","./HiddenAccessible-7a830f5b","./ComponentMessageContainer-9d207766","./PRIVATE_SelectCommon","./UNSAFE_HighlightText","./HighlightText-0dcc56c8","./PRIVATE_List","./List-70e50ac0","./utils/UNSAFE_keys","./LoadMoreCollection-d975953c","./PRIVATE_Collection","./Collection-7f6d38b2","./hooks/UNSAFE_useViewportIntersect","./PRIVATE_VirtualizedCollection","./VirtualizedCollection-297a10c2","./UNSAFE_FocusTrap","./FocusTrap-c829bbb6","./utils/PRIVATE_tabbableUtils","./hooks/PRIVATE_useSelection","./hooks/PRIVATE_useCurrentKey","./hooks/PRIVATE_useCollectionFocusRing","./hooks/PRIVATE_useTabbableModeSet","./hooks/PRIVATE_useItemAction","./utils/PRIVATE_collectionUtils","./UNSAFE_Skeleton","./Skeleton-fc198bf2","./utils/UNSAFE_interpolations/borders","./UNSAFE_Selector"],function(e,s,o,t,i,l,n,a,u,A,_,F,c,E,S,U,r,N,d,b,h,g,T,k,f,m,p,I,x,V,P,R,M,C,y,L,H,B,v,z,j,D,O,W,w,G,K,q,J,Q,X,Y,Z,$,ee,se,oe,te,ie,le,ne,ae,ue,Ae,_e,Fe,ce,Ee,Se,Ue,re,Ne,de,be,he,ge,Te,ke,fe,me,pe,Ie,xe,Ve,Pe,Re,Me,Ce,ye,Le,He,Be,ve,ze,je,De,Oe,We,we,Ge,Ke,qe,Je,Qe,Xe,Ye,Ze,$e,es,ss,os,ts,is,ls,ns,as,us,As,_s,Fs,cs,Es,Ss,Us,rs,Ns,ds){"use strict";e.SelectSingle=s.SelectSingle,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./SelectSingle-d6e91617","preact/jsx-runtime","preact","preact/compat","./hooks/UNSAFE_useFocusableTextField","./tslib.es6-925f910c","preact/hooks","./hooks/UNSAFE_useFocusWithin","./useFocusWithin-ca350665","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./hooks/UNSAFE_useLoadingIndicatorTimer","./hooks/UNSAFE_useTimer","./hooks/UNSAFE_useTextField","./hooks/UNSAFE_useId","./UNSAFE_Label","./utils/UNSAFE_classNames","./classNames-ee48f57b",'module',"./UNSAFE_LiveRegion","./UNSAFE_TextField","./ReadonlyTextFieldInput-56711dee","./hooks/UNSAFE_useTabbableMode","./utils/UNSAFE_interpolations/text","./keys-9f636d55","./_curry1-e0cd66f4","./_has-710e4a41","./utils/UNSAFE_mergeInterpolations","./_curry3-9b2d7c26","./_curry2-1b99ddfe","./FormControlUtils-dae9e648","./hooks/UNSAFE_useTranslationBundle","./UNSAFE_Environment","./UNSAFE_Layer","./UNSAFE_LabelValueLayout","./UNSAFE_Flex","./Flex-09e74761","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_interpolations/flexbox","./flexbox-b1f9a1f0","./utils/UNSAFE_interpolations/flexitem","./flexitem-da0f34e5","./TextFieldInput-d18240f2","./hooks/UNSAFE_useTextFieldInputHandlers","./utils/PRIVATE_clientHints","./clientHints-8af07605","./hooks/UNSAFE_useDebounce","./UNSAFE_UserAssistance","./InlineHelpSource-c2887059","./UNSAFE_ComponentMessage","./ComponentMessage-3afec011","./PRIVATE_Message","./utils/PRIVATE_timer","./MessageCloseButton-15992223","./UNSAFE_Button","./Button-90c6e9f9","./UNSAFE_BaseButton","./BaseButton-174b82cf","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./utils/UNSAFE_mergeProps","./index-35690f89","./index-140c213a","./UNSAFE_Icon","./Icon-0f001e22","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-0746d380","./index-c24bc5fd","./hooks/UNSAFE_useUser","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-002088aa","./hooks/UNSAFE_useTheme","./MessageDetail-e60f3a62","./MessageFormattingUtils-3182a53c","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-064b3cbb","./Message.types-07e4afec","./MessageStartIcon-2b34bbc2","./MessageSummary-4be22c0e","./MessageTimestamp-f06381d6","./MessageUtils-8f1f842d","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-f08bf90d","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext","./UNSAFE_HiddenAccessible","./HiddenAccessible-14957c32","./ComponentMessageContainer-bc250349","./PRIVATE_SelectCommon","./UNSAFE_HighlightText","./HighlightText-444c1227","./PRIVATE_List","./List-e404fd42","./utils/UNSAFE_keys","./LoadMoreCollection-298a8d03","./PRIVATE_Collection","./Collection-9df1abea","./hooks/UNSAFE_useViewportIntersect","./PRIVATE_VirtualizedCollection","./VirtualizedCollection-e1dc1d4d","./UNSAFE_FocusTrap","./FocusTrap-d3e74e81","./utils/PRIVATE_tabbableUtils","./hooks/PRIVATE_useSelection","./hooks/PRIVATE_useCurrentKey","./hooks/PRIVATE_useCollectionFocusRing","./hooks/PRIVATE_useTabbableModeSet","./hooks/PRIVATE_useItemAction","./utils/PRIVATE_collectionUtils","./UNSAFE_Skeleton","./Skeleton-26929f8e","./utils/UNSAFE_interpolations/borders","./UNSAFE_Selector"],function(e,s,o,t,i,l,n,a,u,A,_,F,E,S,c,U,r,N,d,h,g,T,b,k,f,m,p,I,x,V,P,R,M,C,y,L,H,B,v,z,j,D,O,W,w,G,K,q,J,Q,X,Y,Z,$,ee,se,oe,te,ie,le,ne,ae,ue,Ae,_e,Fe,Ee,Se,ce,Ue,re,Ne,de,he,ge,Te,be,ke,fe,me,pe,Ie,xe,Ve,Pe,Re,Me,Ce,ye,Le,He,Be,ve,ze,je,De,Oe,We,we,Ge,Ke,qe,Je,Qe,Xe,Ye,Ze,$e,es,ss,os,ts,is,ls,ns,as,us,As,_s,Fs,Es,Ss,cs,Us,rs,Ns,ds){"use strict";e.SelectSingle=s.SelectSingle,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_SelectSingle.js.map

package/amd/UNSAFE_Selector.css

@@ -1,5 +1,5 @@
-._1pvnqzj{position:relative;}._1pvnqzj:active{transform:var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-input-transform-active);transition-property:transform;transition-duration:var(--oj-c-PRIVATE-DO-NOT-USE-animation-duration-xshort);transition-timing-function:var(--oj-c-PRIVATE-DO-NOT-USE-animation-ease-in-out);}
-._90xgmo{display:inline-block;}
-._9282hj{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-input-size);line-height:0;}
-.z26uid{color:var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-unselected);}
-._7fohud{color:var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-selected);}
+._12higuy{position:relative;}._12higuy:active{transform:var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-input-transform-active);transition-property:transform;transition-duration:var(--oj-c-PRIVATE-DO-NOT-USE-animation-duration-xshort);transition-timing-function:var(--oj-c-PRIVATE-DO-NOT-USE-animation-ease-in-out);}
+.zqpdfs{display:inline-block;}
+.didiss{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-input-size);line-height:0;}
+.shp2ju{color:var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-unselected);}
+._7d1xuv{color:var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-selected);}

package/amd/UNSAFE_Selector.js

@@ -1,2 +1,2 @@
-define(["exports","preact/jsx-runtime","css!./UNSAFE_Selector.css","./utils/UNSAFE_classNames","./utils/UNSAFE_keys","./hooks/PRIVATE_useSelection","./hooks/UNSAFE_useTabbableMode","./index-00100f49","./UNSAFE_Flex","./hooks/UNSAFE_useTranslationBundle","./classNames-4fa03ef2","./index-d0610934","./Flex-feea6d33","preact/hooks","./utils/UNSAFE_arrayUtils","preact","./UNSAFE_Icon","./Icon-734f5882","./tslib.es6-baf3cb2c","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-cde13417","preact/compat","./index-c3b7e6c4","./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","./utils/UNSAFE_mergeProps","./hooks/UNSAFE_useAnimation","./useAnimation-b2ac75fe","./hooks/UNSAFE_useTheme","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./_curry1-b8c79089","./utils/UNSAFE_mergeInterpolations","./_curry3-9b155fdc","./_curry2-52e3b69d","./_has-f7daf036","./utils/UNSAFE_interpolations/boxalignment","./keys-e733f329","./utils/UNSAFE_interpolations/flexbox","./flexbox-08558092","./utils/UNSAFE_interpolations/flexitem","./flexitem-ed3f79c3"],function(e,s,o,c,i,t,l,n,a,r,u,_,d,b,h,F,A,S,k,E,U,N,x,f,g,p,j,m,y,T,v,C,I,O,P,L,z,K,M,R,V,w,B,q,H,D,G,J,Q,W,X,Y){"use strict";const Z="_1pvnqzj",$="_90xgmo",ee="_9282hj",se="z26uid",oe="_7fohud";function ce(e){const{isTabbable:o}=l.useTabbableMode(),c=u.classNames([ee,e.checked?oe:se]),i=r.useTranslationBundle("@oracle/oraclejet-preact"),t=e.checked?i.selector_selected():i.selector_unselected();return s.jsx("div",Object.assign({class:c,tabIndex:o?0:-1,type:"checkbox",checked:e.checked,"aria-label":e.accessibleLabel||t,onClick:e.onClick},{children:e.checked?s.jsx(_.SvgCheckboxOn,{}):s.jsx(_.SvgCheckboxOff,{})}))}const ie=e=>{e.stopPropagation()};e.Selector=function({accessibleLabel:e,rowKey:o,selectedKeys:c,onChange:l}){const{selectionProps:n}=t.useSelection(()=>o,c,"multiple",!1,"toggle",l);return s.jsx("div",Object.assign({class:$},(e=>{const s=e.onClick;return s?(e.onClick=e=>{s(e),ie(e)},e):{onClick:ie}})(n),{children:s.jsx("div",Object.assign({class:Z},{children:s.jsx(d.Flex,Object.assign({align:"center",justify:"center",width:"11x",height:"11x"},{children:s.jsx(ce,{checked:i.containsKey(c,o),accessibleLabel:e})}))}))}))},Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","preact/jsx-runtime","css!./UNSAFE_Selector.css","./utils/UNSAFE_classNames","./utils/UNSAFE_keys","./hooks/PRIVATE_useSelection","./hooks/UNSAFE_useTabbableMode","./index-35690f89","./UNSAFE_Flex","./hooks/UNSAFE_useTranslationBundle","./classNames-ee48f57b","./index-140c213a","./Flex-09e74761","preact/hooks","./utils/UNSAFE_arrayUtils","preact","./UNSAFE_Icon","./Icon-0f001e22","./tslib.es6-925f910c","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-0746d380","preact/compat","./index-c24bc5fd","./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","./utils/UNSAFE_mergeProps","./hooks/UNSAFE_useAnimation","./useAnimation-002088aa","./hooks/UNSAFE_useTheme","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./_curry1-e0cd66f4","./utils/UNSAFE_mergeInterpolations","./_curry3-9b2d7c26","./_curry2-1b99ddfe","./_has-710e4a41","./utils/UNSAFE_interpolations/boxalignment","./keys-9f636d55","./utils/UNSAFE_interpolations/flexbox","./flexbox-b1f9a1f0","./utils/UNSAFE_interpolations/flexitem","./flexitem-da0f34e5"],function(e,s,o,i,t,c,l,n,a,r,u,d,_,h,b,F,A,S,k,E,U,N,x,f,p,g,j,m,y,T,v,C,I,O,P,L,K,M,R,V,w,z,B,q,H,D,G,J,Q,W,X,Y){"use strict";const Z="_12higuy",$="zqpdfs",ee="didiss",se="shp2ju",oe="_7d1xuv";function ie(e){const{isTabbable:o}=l.useTabbableMode(),i=u.classNames([ee,e.checked?oe:se]),t=r.useTranslationBundle("@oracle/oraclejet-preact"),c=e.checked?t.selector_selected():t.selector_unselected();return s.jsx("div",Object.assign({class:i,tabIndex:o?0:-1,type:"checkbox",checked:e.checked,"aria-label":e.accessibleLabel||c,onClick:e.onClick},{children:e.checked?s.jsx(d.SvgCheckboxOn,{}):s.jsx(d.SvgCheckboxOff,{})}))}const te=e=>{e.stopPropagation()};e.Selector=function({accessibleLabel:e,rowKey:o,selectedKeys:i,onChange:l}){const{selectionProps:n}=c.useSelection(()=>o,i,"multiple",!1,"toggle",l);return s.jsx("div",Object.assign({class:$},(e=>{const s=e.onClick;return s?(e.onClick=e=>{s(e),te(e)},e):{onClick:te}})(n),{children:s.jsx("div",Object.assign({class:Z},{children:s.jsx(_.Flex,Object.assign({align:"center",justify:"center",width:"11x",height:"11x"},{children:s.jsx(ie,{checked:t.containsKey(i,o),accessibleLabel:e})}))}))}))},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_Selector.js.map