@oracle/oraclejet-preact 15.1.2 → 15.1.4

package/amd/UNSAFE_RatingGauge/themes/redwood/RatingGaugeVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../RatingGaugeStyles.styles.css', 'css!./../../../RatingGaugeVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-9d536a1b'], (function(t,a,e,i){"use strict";var s=i.createRuntimeFn({defaultClassName:"",variantClassNames:{size:{sm:"RatingGaugeVariants_multiVariantStyles_size_sm__vs4x6x0",md:"RatingGaugeVariants_multiVariantStyles_size_md__vs4x6x1",lg:"RatingGaugeVariants_multiVariantStyles_size_lg__vs4x6x2"},color:{neutral:"RatingGaugeVariants_multiVariantStyles_color_neutral__vs4x6x3",gold:"RatingGaugeVariants_multiVariantStyles_color_gold__vs4x6x4",success:"RatingGaugeVariants_multiVariantStyles_color_success__vs4x6x5",warning:"RatingGaugeVariants_multiVariantStyles_color_warning__vs4x6x6",danger:"RatingGaugeVariants_multiVariantStyles_color_danger__vs4x6x7"},selectionState:{isSelected:"",isNotSelected:""},disabledState:{isDisabled:"",isNotDisabled:""},readonlyState:{isReadonly:"",isNotReadonly:""},highContrastState:{isHighContrast:"",isNotHighContrast:""}},defaultVariants:{size:"md"},compoundVariants:[[{selectionState:"isSelected",disabledState:"isDisabled",readonlyState:"isNotReadonly",highContrastState:"isNotHighContrast"},"RatingGaugeVariants_multiVariantStyles_compound_0__vs4x6xg"],[{selectionState:"isSelected",readonlyState:"isReadonly",disabledState:"isNotDisabled",highContrastState:"isNotHighContrast"},"RatingGaugeVariants_multiVariantStyles_compound_1__vs4x6xh"],[{selectionState:"isNotSelected",disabledState:"isDisabled",readonlyState:"isNotReadonly",highContrastState:"isNotHighContrast"},"RatingGaugeVariants_multiVariantStyles_compound_2__vs4x6xi"],[{selectionState:"isNotSelected",readonlyState:"isReadonly",disabledState:"isNotDisabled",highContrastState:"isNotHighContrast"},"RatingGaugeVariants_multiVariantStyles_compound_3__vs4x6xj"],[{selectionState:"isNotSelected",disabledState:"isNotDisabled",readonlyState:"isNotReadonly",highContrastState:"isNotHighContrast"},"RatingGaugeVariants_multiVariantStyles_compound_4__vs4x6xk"],[{selectionState:"isSelected",highContrastState:"isHighContrast",disabledState:"isNotDisabled"},"RatingGaugeVariants_multiVariantStyles_compound_5__vs4x6xl"],[{selectionState:"isNotSelected",highContrastState:"isHighContrast",disabledState:"isNotDisabled"},"RatingGaugeVariants_multiVariantStyles_compound_6__vs4x6xm"],[{highContrastState:"isHighContrast",disabledState:"isDisabled"},"RatingGaugeVariants_multiVariantStyles_compound_7__vs4x6xn"]]});t.multiVariantStyles=s,Object.defineProperty(t,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../RatingGaugeStyles.styles.css', 'css!./../../../RatingGaugeVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-e41f3afc'], (function(t,a,e,i){"use strict";var s=i.createRuntimeFn({defaultClassName:"",variantClassNames:{size:{sm:"RatingGaugeVariants_multiVariantStyles_size_sm__vs4x6x0",md:"RatingGaugeVariants_multiVariantStyles_size_md__vs4x6x1",lg:"RatingGaugeVariants_multiVariantStyles_size_lg__vs4x6x2"},color:{neutral:"RatingGaugeVariants_multiVariantStyles_color_neutral__vs4x6x3",gold:"RatingGaugeVariants_multiVariantStyles_color_gold__vs4x6x4",success:"RatingGaugeVariants_multiVariantStyles_color_success__vs4x6x5",warning:"RatingGaugeVariants_multiVariantStyles_color_warning__vs4x6x6",danger:"RatingGaugeVariants_multiVariantStyles_color_danger__vs4x6x7"},selectionState:{isSelected:"",isNotSelected:""},disabledState:{isDisabled:"",isNotDisabled:""},readonlyState:{isReadonly:"",isNotReadonly:""},highContrastState:{isHighContrast:"",isNotHighContrast:""}},defaultVariants:{size:"md"},compoundVariants:[[{selectionState:"isSelected",disabledState:"isDisabled",readonlyState:"isNotReadonly",highContrastState:"isNotHighContrast"},"RatingGaugeVariants_multiVariantStyles_compound_0__vs4x6xg"],[{selectionState:"isSelected",readonlyState:"isReadonly",disabledState:"isNotDisabled",highContrastState:"isNotHighContrast"},"RatingGaugeVariants_multiVariantStyles_compound_1__vs4x6xh"],[{selectionState:"isNotSelected",disabledState:"isDisabled",readonlyState:"isNotReadonly",highContrastState:"isNotHighContrast"},"RatingGaugeVariants_multiVariantStyles_compound_2__vs4x6xi"],[{selectionState:"isNotSelected",readonlyState:"isReadonly",disabledState:"isNotDisabled",highContrastState:"isNotHighContrast"},"RatingGaugeVariants_multiVariantStyles_compound_3__vs4x6xj"],[{selectionState:"isNotSelected",disabledState:"isNotDisabled",readonlyState:"isNotReadonly",highContrastState:"isNotHighContrast"},"RatingGaugeVariants_multiVariantStyles_compound_4__vs4x6xk"],[{selectionState:"isSelected",highContrastState:"isHighContrast",disabledState:"isNotDisabled"},"RatingGaugeVariants_multiVariantStyles_compound_5__vs4x6xl"],[{selectionState:"isNotSelected",highContrastState:"isHighContrast",disabledState:"isNotDisabled"},"RatingGaugeVariants_multiVariantStyles_compound_6__vs4x6xm"],[{highContrastState:"isHighContrast",disabledState:"isDisabled"},"RatingGaugeVariants_multiVariantStyles_compound_7__vs4x6xn"]]});t.multiVariantStyles=s,Object.defineProperty(t,"__esModule",{value:!0})}));
 //# sourceMappingURL=RatingGaugeVariants.css.js.map

package/amd/UNSAFE_RatingGauge/themes/stable/RatingGaugeTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../RatingGaugeStyles.css', './RatingGaugeBaseTheme.css', './RatingGaugeVariants.css', 'css!./../../../RatingGaugeStyles.styles.css', 'module', 'css!./../../../RatingGaugeVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-9d536a1b'], (function(e,s,a,t,i,n,l,g){"use strict";const u={baseTheme:a.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.RatingGaugeStableTheme=u,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../RatingGaugeStyles.css', './RatingGaugeBaseTheme.css', './RatingGaugeVariants.css', 'css!./../../../RatingGaugeStyles.styles.css', 'module', 'css!./../../../RatingGaugeVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-e41f3afc'], (function(e,s,a,t,i,n,l,c){"use strict";const g={baseTheme:a.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.RatingGaugeStableTheme=g,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=RatingGaugeTheme.js.map

package/amd/UNSAFE_RatingGauge/themes/stable/RatingGaugeVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../RatingGaugeStyles.styles.css', 'css!./../../../RatingGaugeVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-9d536a1b'], (function(t,a,e,i){"use strict";var s=i.createRuntimeFn({defaultClassName:"",variantClassNames:{size:{sm:"RatingGaugeVariants_multiVariantStyles_size_sm__lj2jeo0",md:"RatingGaugeVariants_multiVariantStyles_size_md__lj2jeo1",lg:"RatingGaugeVariants_multiVariantStyles_size_lg__lj2jeo2"},color:{neutral:"RatingGaugeVariants_multiVariantStyles_color_neutral__lj2jeo3",gold:"RatingGaugeVariants_multiVariantStyles_color_gold__lj2jeo4",success:"RatingGaugeVariants_multiVariantStyles_color_success__lj2jeo5",warning:"RatingGaugeVariants_multiVariantStyles_color_warning__lj2jeo6",danger:"RatingGaugeVariants_multiVariantStyles_color_danger__lj2jeo7"},selectionState:{isSelected:"",isNotSelected:""},disabledState:{isDisabled:"",isNotDisabled:""},readonlyState:{isReadonly:"",isNotReadonly:""},highContrastState:{isHighContrast:"",isNotHighContrast:""}},defaultVariants:{size:"md"},compoundVariants:[[{selectionState:"isSelected",disabledState:"isDisabled",readonlyState:"isNotReadonly",highContrastState:"isNotHighContrast"},"RatingGaugeVariants_multiVariantStyles_compound_0__lj2jeog"],[{selectionState:"isSelected",readonlyState:"isReadonly",disabledState:"isNotDisabled",highContrastState:"isNotHighContrast"},"RatingGaugeVariants_multiVariantStyles_compound_1__lj2jeoh"],[{selectionState:"isNotSelected",disabledState:"isDisabled",readonlyState:"isNotReadonly",highContrastState:"isNotHighContrast"},"RatingGaugeVariants_multiVariantStyles_compound_2__lj2jeoi"],[{selectionState:"isNotSelected",readonlyState:"isReadonly",disabledState:"isNotDisabled",highContrastState:"isNotHighContrast"},"RatingGaugeVariants_multiVariantStyles_compound_3__lj2jeoj"],[{selectionState:"isNotSelected",disabledState:"isNotDisabled",readonlyState:"isNotReadonly",highContrastState:"isNotHighContrast"},"RatingGaugeVariants_multiVariantStyles_compound_4__lj2jeok"],[{selectionState:"isSelected",highContrastState:"isHighContrast",disabledState:"isNotDisabled"},"RatingGaugeVariants_multiVariantStyles_compound_5__lj2jeol"],[{selectionState:"isNotSelected",highContrastState:"isHighContrast",disabledState:"isNotDisabled"},"RatingGaugeVariants_multiVariantStyles_compound_6__lj2jeom"],[{highContrastState:"isHighContrast",disabledState:"isDisabled"},"RatingGaugeVariants_multiVariantStyles_compound_7__lj2jeon"]]});t.multiVariantStyles=s,Object.defineProperty(t,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../RatingGaugeStyles.styles.css', 'css!./../../../RatingGaugeVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-e41f3afc'], (function(t,a,e,i){"use strict";var s=i.createRuntimeFn({defaultClassName:"",variantClassNames:{size:{sm:"RatingGaugeVariants_multiVariantStyles_size_sm__lj2jeo0",md:"RatingGaugeVariants_multiVariantStyles_size_md__lj2jeo1",lg:"RatingGaugeVariants_multiVariantStyles_size_lg__lj2jeo2"},color:{neutral:"RatingGaugeVariants_multiVariantStyles_color_neutral__lj2jeo3",gold:"RatingGaugeVariants_multiVariantStyles_color_gold__lj2jeo4",success:"RatingGaugeVariants_multiVariantStyles_color_success__lj2jeo5",warning:"RatingGaugeVariants_multiVariantStyles_color_warning__lj2jeo6",danger:"RatingGaugeVariants_multiVariantStyles_color_danger__lj2jeo7"},selectionState:{isSelected:"",isNotSelected:""},disabledState:{isDisabled:"",isNotDisabled:""},readonlyState:{isReadonly:"",isNotReadonly:""},highContrastState:{isHighContrast:"",isNotHighContrast:""}},defaultVariants:{size:"md"},compoundVariants:[[{selectionState:"isSelected",disabledState:"isDisabled",readonlyState:"isNotReadonly",highContrastState:"isNotHighContrast"},"RatingGaugeVariants_multiVariantStyles_compound_0__lj2jeog"],[{selectionState:"isSelected",readonlyState:"isReadonly",disabledState:"isNotDisabled",highContrastState:"isNotHighContrast"},"RatingGaugeVariants_multiVariantStyles_compound_1__lj2jeoh"],[{selectionState:"isNotSelected",disabledState:"isDisabled",readonlyState:"isNotReadonly",highContrastState:"isNotHighContrast"},"RatingGaugeVariants_multiVariantStyles_compound_2__lj2jeoi"],[{selectionState:"isNotSelected",readonlyState:"isReadonly",disabledState:"isNotDisabled",highContrastState:"isNotHighContrast"},"RatingGaugeVariants_multiVariantStyles_compound_3__lj2jeoj"],[{selectionState:"isNotSelected",disabledState:"isNotDisabled",readonlyState:"isNotReadonly",highContrastState:"isNotHighContrast"},"RatingGaugeVariants_multiVariantStyles_compound_4__lj2jeok"],[{selectionState:"isSelected",highContrastState:"isHighContrast",disabledState:"isNotDisabled"},"RatingGaugeVariants_multiVariantStyles_compound_5__lj2jeol"],[{selectionState:"isNotSelected",highContrastState:"isHighContrast",disabledState:"isNotDisabled"},"RatingGaugeVariants_multiVariantStyles_compound_6__lj2jeom"],[{highContrastState:"isHighContrast",disabledState:"isDisabled"},"RatingGaugeVariants_multiVariantStyles_compound_7__lj2jeon"]]});t.multiVariantStyles=s,Object.defineProperty(t,"__esModule",{value:!0})}));
 //# sourceMappingURL=RatingGaugeVariants.css.js.map

package/amd/UNSAFE_RatingGauge.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './utils/UNSAFE_classNames', './UNSAFE_RatingGauge/themes/RatingGaugeContract.css', './hooks/UNSAFE_useComponentTheme', './hooks/UNSAFE_useUser', './vanilla-extract-dynamic.esm-acef6fab', './UNSAFE_RatingGauge/themes/redwood/RatingGaugeTheme', './classNames-711dac8e', './hooks/PRIVATE_useDvtMeterEvents', './utils/PRIVATE_meterUtils', './hooks/UNSAFE_useTooltip', './utils/UNSAFE_mergeProps', './hooks/UNSAFE_useTabbableMode', './utils/UNSAFE_logger', './_curry1-ce36c4e7', './_curry2-d90c5517', './index-182af2cd', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', 'preact/compat', './UNSAFE_RatingGauge/themes/RatingGaugeStyles.css', 'css!./RatingGaugeStyles.styles.css', './UNSAFE_RatingGauge/themes/redwood/RatingGaugeBaseTheme.css', 'module', './UNSAFE_RatingGauge/themes/redwood/RatingGaugeVariants.css', 'css!./RatingGaugeVariants.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-9d536a1b', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-86f9017c', './index-f653d9ca', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './utils/UNSAFE_arrayUtils', './utils-7a8b0c59', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-48286702', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './UNSAFE_Theme', './utils/UNSAFE_mergeInterpolations', './_curry3-4fb0ed44', './_has-580e26f1', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-95b1d0bd', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles2.css', './utils/UNSAFE_dvtCommonUtils'], (function(e,t,s,o,a,i,n,l,r,d,c,u,h,m,g,S,p,y,F,U,N,A,_,b,E,R,T,C,f,x,v,w,k,G,D,j,P,B,V,M,I,O,z,H,K,$,L,X,q,J,Q,W,Y,Z,ee,te,se,oe,ae,ie,ne,le,re,de,ce,ue,he,me,ge,Se,pe,ye){"use strict";function Fe(e,t,s,o,a){const i=o.current;if(!i||0===i.width)return-1;const n=e-i.x,l=t*(a?i.width-n:n)/i.width/s;return l<.5?0:Math.min(t,Math.ceil(l)*s)}function Ue(e){if(!e)return{width:0,x:0};const t=e.getBoundingClientRect();return{width:t.width,x:t.x+window.scrollX}}const Ne=({isSelected:e,isDisabled:s,isReadOnly:o,color:a="neutral"})=>{const{forcedColors:u}=l.useUser(),h="active"===u,m=h&&s,g=function(e){return"neutral"===e||"gold"===e||"danger"===e||"warning"===e||"success"===e?e:void 0}(a),S=r.assignInlineVars({[i.ratingGaugeVars.colorSelected]:a,[i.ratingGaugeVars.borderColorSelected]:a,[i.ratingGaugeVars.colorSelectedReadonly]:a}),{variantClasses:p,styles:{ratingStarBaseStyle:y,innerRatingStarColor:F,outerRatingStarColor:U,outerDisabledHighContrastBaseStyle:N,outerDisabledHighContrastSelectedStyle:A,outerDisabledHighContrastUnselectedStyle:_}}=n.useComponentTheme(d.RatingGaugeRedwoodTheme,{color:g,selectionState:e?"isSelected":"isNotSelected",disabledState:s?"isDisabled":"isNotDisabled",readonlyState:o?"isReadonly":"isNotReadonly",highContrastState:h?"isHighContrast":"isNotHighContrast"});return t.jsx("svg",{viewBox:"0 0 36 36",height:"100%",width:"100%",style:g?void 0:S,class:c.classNames([y,g?p:""]),children:t.jsxs("g",{children:[t.jsx("path",{class:F,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:c.classNames([U,m?N:"",m?e?A:_:""]),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"})]})})},Ae=({fillRatio:e,isDisabled:o,isReadonly:a,color:i})=>{const{direction:r}=l.useUser(),c="rtl"===r;if(1===e||0===e)return t.jsx(Ne,{isSelected:1===e,isDisabled:o,isReadOnly:a,color:i});const{styles:{fractionalStarBaseStyle:u}}=n.useComponentTheme(d.RatingGaugeRedwoodTheme);return t.jsxs(s.Fragment,{children:[t.jsx("div",{class:u,style:{clipPath:`inset(0% ${c?100*(1-e):0}% 0% ${c?0:100*e}%)`},children:t.jsx(Ne,{isSelected:!1,isDisabled:o,isReadOnly:a,color:i})}),t.jsx("div",{class:u,style:{clipPath:`inset(0% ${c?0:100*(1-e)}% 0% ${c?100*(1-e):0}%)`},children:t.jsx(Ne,{isSelected:!0,isDisabled:o,isReadOnly:a,color:i})})]})};e.RatingGauge=function({max:e=5,value:a=0,size:i,color:r="neutral",step:p=1,isReadonly:y,isDisabled:F,...U}){h.validateRange(0,e,a,p);const N=o.useRef(null),A=o.useRef(Ue(null)),_=!y&&!F;o.useEffect((()=>{A.current=Ue(N.current)}),[i,e]);const b=((e,t,s,a,i,n,r,d)=>{const c=o.useRef(),{direction:h}=l.useUser();if(!n)return{};const m="rtl"===h,g=e=>{d?.({value:e}),c.current=e},S=u.useKeyboardEvents(s,0,e,t,c,r,d);return{onPointerUp:s=>{const o=Fe(s.pageX,e,t,i,m);-1!==o&&r?.({value:o})},onBlur:()=>{r?.({value:s})},onPointerMove:s=>{const o=Fe(s.pageX,e,t,i,m);-1!==o&&o!=c.current&&g(o)},onKeyUp:S.onKeyUp,onKeyDown:S.onKeyDown,onPointerLeave:()=>{g(void 0)},onPointerEnter:()=>{i.current=Ue(a.current)}}})(e,p,a,N,A,_,U.onCommit,U.onInput),{tooltipContent:E,tooltipProps:R}=function({max:e,value:t,isReadonly:s,isDisabled:a,tooltip:i,datatip:n,thresholds:l,ariaDescribedBy:r,width:d}){const[c,u]=o.useState(!1),g=s&&!a?"tooltip":"datatip";let S=a||!("tooltip"===g&&i||"datatip"===g&&n);const p=Math.max(1,Math.ceil(t)),y="tooltip"===g?0:(p-Math.ceil(e/2))*d/e;let F="tooltip"===g?i:n;F||!l||a||(F=h.findThreshold(t,l)?.accessibleLabel,S=!1);const{tooltipContent:U,tooltipProps:N}=m.useTooltipControlled({text:F,isOpen:c,anchor:{x:"element",y:"element"},position:"bottom",offset:{mainAxis:8,crossAxis:y},isDisabled:S,onToggle:({value:e})=>u(e),variant:g});return N["aria-describedby"]=[r,N["aria-describedby"]].filter(Boolean).join(" "),{tooltipContent:U,tooltipProps:N}}({max:e,value:a,isReadonly:y,isDisabled:F,tooltip:U.tooltip,datatip:U.datatip,thresholds:U.thresholds,width:A.current.width,ariaDescribedBy:U["aria-describedby"]}),T=h.getMeterAriaProps(a,0,e,U["aria-label"],U["aria-labelledby"],U.thresholds,F,y,U.tooltip),C=g.mergeProps(b,R),f=h.getThresholdColorFromValue(a,r,U.thresholds),{isTabbable:x}=S.useTabbableMode(),{classes:v,styles:{baseStyle:w,interactiveStyle:k,itemStyle:G,sizeStyle:D}}=n.useComponentTheme(d.RatingGaugeRedwoodTheme,{size:i});return t.jsxs(s.Fragment,{children:[t.jsx("div",{...T,ref:N,class:c.classNames([v,w,_?k:void 0]),tabIndex:x&&!F?0:-1,...C,children:[...Array(e)].map(((e,s)=>{const o=Math.min(Math.max(0,a-s),1);return t.jsx("div",{className:c.classNames([D,G]),children:t.jsx(Ae,{fillRatio:o,isDisabled:F,isReadonly:y,color:f})})}))}),E]})},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './utils/UNSAFE_classNames', './UNSAFE_RatingGauge/themes/RatingGaugeContract.css', './hooks/UNSAFE_useComponentTheme', './hooks/UNSAFE_useUser', './vanilla-extract-dynamic.esm-9a92ef3d', './UNSAFE_RatingGauge/themes/redwood/RatingGaugeTheme', './classNames-6767395f', './hooks/PRIVATE_useDvtMeterEvents', './utils/PRIVATE_meterUtils', './hooks/UNSAFE_useTooltip', './utils/UNSAFE_mergeProps', './hooks/UNSAFE_useTabbableMode', './utils/UNSAFE_logger', './_curry1-e6d9d1a5', './_curry2-52d67333', './index-fcbf385a', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', 'preact/compat', './UNSAFE_RatingGauge/themes/RatingGaugeStyles.css', 'css!./RatingGaugeStyles.styles.css', './UNSAFE_RatingGauge/themes/redwood/RatingGaugeBaseTheme.css', 'module', './UNSAFE_RatingGauge/themes/redwood/RatingGaugeVariants.css', 'css!./RatingGaugeVariants.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-e41f3afc', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-eb348d77', './index-88e3273c', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './utils/UNSAFE_arrayUtils', './utils-b3699512', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-d0f96d4d', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './UNSAFE_Theme', './utils/UNSAFE_mergeInterpolations', './_curry3-e07e0dfb', './_has-38a83b27', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-346d4401', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './utils/UNSAFE_dvtCommonUtils'], (function(e,t,s,o,a,i,n,l,r,d,c,u,h,m,g,S,p,y,F,U,N,A,_,b,E,R,T,C,f,x,v,w,k,G,D,j,P,B,V,M,I,O,z,H,K,$,L,X,q,J,Q,W,Y,Z,ee,te,se,oe,ae,ie,ne,le,re,de,ce,ue,he,me,ge,Se,pe,ye){"use strict";function Fe(e,t,s,o,a){const i=o.current;if(!i||0===i.width)return-1;const n=e-i.x,l=t*(a?i.width-n:n)/i.width/s;return l<.5?0:Math.min(t,Math.ceil(l)*s)}function Ue(e){if(!e)return{width:0,x:0};const t=e.getBoundingClientRect();return{width:t.width,x:t.x+window.scrollX}}const Ne=({isSelected:e,isDisabled:s,isReadOnly:o,color:a="neutral"})=>{const{forcedColors:u}=l.useUser(),h="active"===u,m=h&&s,g=function(e){return"neutral"===e||"gold"===e||"danger"===e||"warning"===e||"success"===e?e:void 0}(a),S=r.assignInlineVars({[i.ratingGaugeVars.colorSelected]:a,[i.ratingGaugeVars.borderColorSelected]:a,[i.ratingGaugeVars.colorSelectedReadonly]:a}),{variantClasses:p,styles:{ratingStarBaseStyle:y,innerRatingStarColor:F,outerRatingStarColor:U,outerDisabledHighContrastBaseStyle:N,outerDisabledHighContrastSelectedStyle:A,outerDisabledHighContrastUnselectedStyle:_}}=n.useComponentTheme(d.RatingGaugeRedwoodTheme,{color:g,selectionState:e?"isSelected":"isNotSelected",disabledState:s?"isDisabled":"isNotDisabled",readonlyState:o?"isReadonly":"isNotReadonly",highContrastState:h?"isHighContrast":"isNotHighContrast"});return t.jsx("svg",{viewBox:"0 0 36 36",height:"100%",width:"100%",style:g?void 0:S,class:c.classNames([y,g?p:""]),children:t.jsxs("g",{children:[t.jsx("path",{class:F,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:c.classNames([U,m?N:"",m?e?A:_:""]),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"})]})})},Ae=({fillRatio:e,isDisabled:o,isReadonly:a,color:i})=>{const{direction:r}=l.useUser(),c="rtl"===r;if(1===e||0===e)return t.jsx(Ne,{isSelected:1===e,isDisabled:o,isReadOnly:a,color:i});const{styles:{fractionalStarBaseStyle:u}}=n.useComponentTheme(d.RatingGaugeRedwoodTheme);return t.jsxs(s.Fragment,{children:[t.jsx("div",{class:u,style:{clipPath:`inset(0% ${c?100*(1-e):0}% 0% ${c?0:100*e}%)`},children:t.jsx(Ne,{isSelected:!1,isDisabled:o,isReadOnly:a,color:i})}),t.jsx("div",{class:u,style:{clipPath:`inset(0% ${c?0:100*(1-e)}% 0% ${c?100*(1-e):0}%)`},children:t.jsx(Ne,{isSelected:!0,isDisabled:o,isReadOnly:a,color:i})})]})};e.RatingGauge=function({max:e=5,value:a=0,size:i,color:r="neutral",step:p=1,isReadonly:y,isDisabled:F,...U}){h.validateRange(0,e,a,p);const N=o.useRef(null),A=o.useRef(Ue(null)),_=!y&&!F;o.useEffect((()=>{A.current=Ue(N.current)}),[i,e]);const b=((e,t,s,a,i,n,r,d)=>{const c=o.useRef(),{direction:h}=l.useUser();if(!n)return{};const m="rtl"===h,g=e=>{d?.({value:e}),c.current=e},S=u.useKeyboardEvents(s,0,e,t,c,r,d);return{onPointerUp:s=>{const o=Fe(s.pageX,e,t,i,m);-1!==o&&r?.({value:o})},onBlur:()=>{r?.({value:s})},onPointerMove:s=>{const o=Fe(s.pageX,e,t,i,m);-1!==o&&o!=c.current&&g(o)},onKeyUp:S.onKeyUp,onKeyDown:S.onKeyDown,onPointerLeave:()=>{g(void 0)},onPointerEnter:()=>{i.current=Ue(a.current)}}})(e,p,a,N,A,_,U.onCommit,U.onInput),{tooltipContent:E,tooltipProps:R}=function({max:e,value:t,isReadonly:s,isDisabled:a,tooltip:i,datatip:n,thresholds:l,ariaDescribedBy:r,width:d}){const[c,u]=o.useState(!1),g=s&&!a?"tooltip":"datatip";let S=a||!("tooltip"===g&&i||"datatip"===g&&n);const p=Math.max(1,Math.ceil(t)),y="tooltip"===g?0:(p-Math.ceil(e/2))*d/e;let F="tooltip"===g?i:n;F||!l||a||(F=h.findThreshold(t,l)?.accessibleLabel,S=!1);const{tooltipContent:U,tooltipProps:N}=m.useTooltipControlled({text:F,isOpen:c,anchor:{x:"element",y:"element"},position:"bottom",offset:{mainAxis:8,crossAxis:y},isDisabled:S,onToggle:({value:e})=>u(e),variant:g});return N["aria-describedby"]=[r,N["aria-describedby"]].filter(Boolean).join(" "),{tooltipContent:U,tooltipProps:N}}({max:e,value:a,isReadonly:y,isDisabled:F,tooltip:U.tooltip,datatip:U.datatip,thresholds:U.thresholds,width:A.current.width,ariaDescribedBy:U["aria-describedby"]}),T=h.getMeterAriaProps(a,0,e,U["aria-label"],U["aria-labelledby"],U.thresholds,F,y,U.tooltip),C=g.mergeProps(b,R),f=h.getThresholdColorFromValue(a,r,U.thresholds),{isTabbable:x}=S.useTabbableMode(),{classes:v,styles:{baseStyle:w,interactiveStyle:k,itemStyle:G,sizeStyle:D}}=n.useComponentTheme(d.RatingGaugeRedwoodTheme,{size:i});return t.jsxs(s.Fragment,{children:[t.jsx("div",{...T,ref:N,class:c.classNames([v,w,_?k:void 0]),tabIndex:x&&!F?0:-1,...C,children:[...Array(e)].map(((e,s)=>{const o=Math.min(Math.max(0,a-s),1);return t.jsx("div",{className:c.classNames([D,G]),children:t.jsx(Ae,{fillRatio:o,isDisabled:F,isReadonly:y,color:f})})}))}),E]})},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/RatingUtils.ts","../../src/UNSAFE_RatingGauge/RatingStar.tsx","../../src/UNSAFE_RatingGauge/RatingGaugeItem.tsx","../../src/UNSAFE_RatingGauge/RatingGauge.tsx","../../src/UNSAFE_RatingGauge/useEvents.tsx","../../src/UNSAFE_RatingGauge/useTooltipOrDatatip.ts"],"sourcesContent":["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\n  return numSteps < 0.5 ? 0 : Math.min(max, 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: rect.width,\n    x: rect.x + window.scrollX\n  };\n}\n\n/**\n * Returns The color in rating gauge, if the color enum is supported. undefined otherwise.\n * @param color The color in rating gauge.\n * @returns The color in rating gauge, if the color enum is supported. undefined otherwise.\n */\nexport function getColorEnum(color: string | undefined) {\n  return color === 'neutral' ||\n    color === 'gold' ||\n    color === 'danger' ||\n    color === 'warning' ||\n    color === 'success'\n    ? color\n    : undefined;\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { getColorEnum } from './RatingUtils';\nimport { ratingGaugeVars } from './themes/RatingGaugeContract.css';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { RatingGaugeVariantOptions, RatingGaugeStyles } from './themes/RatingGaugeStyles.css';\nimport { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { DvtThresholdsColors } from '../utils/UNSAFE_dvtCommonUtils';\nimport { ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { RatingGaugeRedwoodTheme } from './themes/redwood/RatingGaugeTheme';\n\ntype Props = {\n  isSelected: boolean;\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n  color: 'neutral' | 'gold' | ColorProps['color'] | DvtThresholdsColors;\n};\n\nconst RatingStar = ({ isSelected, isDisabled, isReadOnly, color = 'neutral' }: Props) => {\n  const { forcedColors } = useUser();\n  const isHighContrast = forcedColors === 'active';\n  const needsHighContrastStyle = isHighContrast && isDisabled;\n  const enumColor = getColorEnum(color);\n  const customColors = assignInlineVars({\n    [ratingGaugeVars.colorSelected]: color,\n    [ratingGaugeVars.borderColorSelected]: color,\n    [ratingGaugeVars.colorSelectedReadonly]: color\n  });\n  const {\n    variantClasses,\n    styles: {\n      ratingStarBaseStyle,\n      innerRatingStarColor,\n      outerRatingStarColor,\n      outerDisabledHighContrastBaseStyle,\n      outerDisabledHighContrastSelectedStyle,\n      outerDisabledHighContrastUnselectedStyle\n    }\n  } = useComponentTheme<RatingGaugeVariantOptions, RatingGaugeStyles>(RatingGaugeRedwoodTheme, {\n    color: enumColor,\n    selectionState: isSelected ? 'isSelected' : 'isNotSelected',\n    disabledState: isDisabled ? 'isDisabled' : 'isNotDisabled',\n    readonlyState: isReadOnly ? 'isReadonly' : 'isNotReadonly',\n    highContrastState: isHighContrast ? 'isHighContrast' : 'isNotHighContrast'\n  });\n\n  return (\n    <svg\n      viewBox=\"0 0 36 36\"\n      height=\"100%\"\n      width=\"100%\"\n      style={!enumColor ? customColors : undefined}\n      class={classNames([ratingStarBaseStyle, enumColor ? variantClasses : ''])}>\n      <g>\n        <path\n          class={innerRatingStarColor}\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={classNames([\n            outerRatingStarColor,\n            needsHighContrastStyle ? outerDisabledHighContrastBaseStyle : '',\n            needsHighContrastStyle\n              ? isSelected\n                ? outerDisabledHighContrastSelectedStyle\n                : outerDisabledHighContrastUnselectedStyle\n              : ''\n          ])}\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\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 { useUser } from '../hooks/UNSAFE_useUser';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { RatingGaugeStyles } from './themes/RatingGaugeStyles.css';\nimport { DvtThresholdsColors } from '../utils/UNSAFE_dvtCommonUtils';\nimport { ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { RatingGaugeRedwoodTheme } from './themes/redwood/RatingGaugeTheme';\n\ntype Props = {\n  fillRatio: number;\n  isDisabled?: boolean;\n  isReadonly?: boolean;\n  color: 'neutral' | 'gold' | ColorProps['color'] | DvtThresholdsColors;\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  const {\n    styles: { fractionalStarBaseStyle }\n  } = useComponentTheme<never, RatingGaugeStyles>(RatingGaugeRedwoodTheme);\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={fractionalStarBaseStyle}\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={fractionalStarBaseStyle}\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\nexport { RatingGaugeItem };\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 { RatingGaugeItem } from './RatingGaugeItem';\nimport { 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';\nimport { Threshold, CommitDetail, InputDetail } from '../utils/UNSAFE_meterTypes';\nimport {\n  getThresholdColorFromValue,\n  getMeterAriaProps,\n  validateRange\n} from '../utils/PRIVATE_meterUtils';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { RatingGaugeStyles, RatingGaugeVariantOptions } from './themes/RatingGaugeStyles.css';\nimport { RatingGaugeRedwoodTheme } from './themes/redwood/RatingGaugeTheme';\n\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 rating 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. The default value of this property is theme driven.\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 rating 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 rating 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 aria-label is not specified, tooltip will be used as the aria-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. This will be used for the aria-label of the DOM element.\n   */\n  'aria-label'?: string;\n\n  /**\n   * One or more ids (separated by spaces) of elements that label the rating gauge. This will be used for the aria-labelledby of the DOM element.\n   */\n  'aria-labelledby'?: string;\n\n  /**\n   * One or more ids (separated by spaces) of elements that describe the rating gauge. This will be used for the aria-describedby of the DOM element.\n   */\n  'aria-describedby'?: string;\n\n  /**\n   * An array of Threshold objects.\n   * Applications are required to include information about thresholds for screen readers to make their component accessible by using aria-describedby, aria-labelledby or aria-label.\n   */\n  thresholds?: Threshold[];\n};\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,\n  color = 'neutral',\n  step = 1,\n  isReadonly,\n  isDisabled,\n  ...props\n}: Props) {\n  validateRange(0, max, value, step);\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 rating 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    thresholds: props.thresholds,\n    width: dimensionsRef.current.width,\n    ariaDescribedBy: props['aria-describedby']\n  });\n\n  const ariaProps = getMeterAriaProps(\n    value,\n    0,\n    max,\n    props['aria-label'],\n    props['aria-labelledby'],\n    props.thresholds,\n    isDisabled,\n    isReadonly,\n    props.tooltip\n  );\n\n  const mergedEventProps = mergeProps(eventProps, tooltipProps);\n\n  const itemColor = getThresholdColorFromValue(value, color, props.thresholds);\n\n  const { isTabbable } = useTabbableMode();\n  const {\n    classes,\n    styles: { baseStyle, interactiveStyle, itemStyle, sizeStyle }\n  } = useComponentTheme<RatingGaugeVariantOptions, RatingGaugeStyles>(RatingGaugeRedwoodTheme, {\n    size\n  });\n\n  return (\n    <Fragment>\n      <div\n        {...ariaProps}\n        ref={rootRef}\n        class={classNames([classes, baseStyle, isInteractive ? interactiveStyle : undefined])}\n        tabIndex={isTabbable && !isDisabled ? 0 : -1}\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([sizeStyle, itemStyle])}>\n              <RatingGaugeItem\n                fillRatio={fillRatio}\n                isDisabled={isDisabled}\n                isReadonly={isReadonly}\n                color={itemColor}\n              />\n            </div>\n          );\n        })}\n      </div>\n      {tooltipContent}\n    </Fragment>\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';\nimport { CommitDetail, InputDetail } from '../utils/UNSAFE_meterTypes/meterTypes';\nimport { useKeyboardEvents } from '../hooks/PRIVATE_useDvtMeterEvents';\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 currentInputRef = 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    currentInputRef.current = inputValue;\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 != currentInputRef.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 keyboardEventsProps = useKeyboardEvents(\n    value,\n    0,\n    max,\n    step,\n    currentInputRef,\n    onCommit,\n    onInput\n  );\n\n  return {\n    onPointerUp: pointerUpHandler,\n    onBlur: blurHandler,\n    onPointerMove: hoverHandler,\n    onKeyUp: keyboardEventsProps.onKeyUp,\n    onKeyDown: keyboardEventsProps.onKeyDown,\n    onPointerLeave: pointerLeaveHandler,\n    onPointerEnter: pointerEnterHandler\n  };\n};\n","import { ComponentChild } from 'preact';\nimport { useState } from 'preact/hooks';\nimport { findThreshold } from '../utils/PRIVATE_meterUtils';\nimport { Threshold } from '../utils/UNSAFE_meterTypes';\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  thresholds?: Threshold[];\n  ariaDescribedBy?: string;\n  width: number;\n};\n\nexport function useTooltipOrDatatip({\n  max,\n  value,\n  isReadonly,\n  isDisabled,\n  tooltip,\n  datatip,\n  thresholds,\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  let 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  let text = tooltipVariant === 'tooltip' ? tooltip : datatip;\n  if (!text && thresholds && !isDisabled) {\n    text = findThreshold(value, thresholds)?.accessibleLabel;\n    disabled = false;\n  }\n\n  const { tooltipContent, tooltipProps } = useTooltipControlled({\n    text,\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":["getValue","pageX","max","step","dimensionsRef","isRtl","dimensions","current","width","x","numSteps","Math","min","ceil","getDimensions","element","rect","getBoundingClientRect","window","scrollX","RatingStar","isSelected","isDisabled","isReadOnly","color","forcedColors","useUser","isHighContrast","needsHighContrastStyle","enumColor","undefined","getColorEnum","customColors","assignInlineVars","ratingGaugeVars","colorSelected","borderColorSelected","colorSelectedReadonly","variantClasses","styles","ratingStarBaseStyle","innerRatingStarColor","outerRatingStarColor","outerDisabledHighContrastBaseStyle","outerDisabledHighContrastSelectedStyle","outerDisabledHighContrastUnselectedStyle","useComponentTheme","RatingGaugeRedwoodTheme","selectionState","disabledState","readonlyState","highContrastState","_jsx","viewBox","height","style","class","classNames","children","_jsxs","jsx","d","RatingGaugeItem","fillRatio","isReadonly","direction","fractionalStarBaseStyle","jsxs","Fragment","clipPath","value","size","props","validateRange","rootRef","useRef","isInteractive","useEffect","eventProps","onCommit","onInput","currentInputRef","handleInput","inputValue","keyboardEventsProps","useKeyboardEvents","onPointerUp","event","val","onBlur","onPointerMove","onKeyUp","onKeyDown","onPointerLeave","onPointerEnter","useEvents","tooltipContent","tooltipProps","tooltip","datatip","thresholds","ariaDescribedBy","isOpen","setIsOpen","useState","tooltipVariant","disabled","datatipIndex","offset","text","findThreshold","accessibleLabel","useTooltipControlled","anchor","y","position","mainAxis","crossAxis","onToggle","variant","filter","Boolean","join","useTooltipOrDatatip","ariaProps","getMeterAriaProps","mergedEventProps","mergeProps","itemColor","getThresholdColorFromValue","isTabbable","useTabbableMode","classes","baseStyle","interactiveStyle","itemStyle","sizeStyle","ref","tabIndex","Array","map","_","index","className"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_RatingGauge.js","sources":["../../src/UNSAFE_RatingGauge/RatingUtils.ts","../../src/UNSAFE_RatingGauge/RatingStar.tsx","../../src/UNSAFE_RatingGauge/RatingGaugeItem.tsx","../../src/UNSAFE_RatingGauge/RatingGauge.tsx","../../src/UNSAFE_RatingGauge/useEvents.tsx","../../src/UNSAFE_RatingGauge/useTooltipOrDatatip.ts"],"sourcesContent":["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\n  return numSteps < 0.5 ? 0 : Math.min(max, 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: rect.width,\n    x: rect.x + window.scrollX\n  };\n}\n\n/**\n * Returns The color in rating gauge, if the color enum is supported. undefined otherwise.\n * @param color The color in rating gauge.\n * @returns The color in rating gauge, if the color enum is supported. undefined otherwise.\n */\nexport function getColorEnum(color: string | undefined) {\n  return color === 'neutral' ||\n    color === 'gold' ||\n    color === 'danger' ||\n    color === 'warning' ||\n    color === 'success'\n    ? color\n    : undefined;\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { getColorEnum } from './RatingUtils';\nimport { ratingGaugeVars } from './themes/RatingGaugeContract.css';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { RatingGaugeVariantOptions, RatingGaugeStyles } from './themes/RatingGaugeStyles.css';\nimport { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { DvtThresholdsColors } from '../utils/UNSAFE_dvtCommonUtils';\nimport { ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { RatingGaugeRedwoodTheme } from './themes/redwood/RatingGaugeTheme';\n\ntype Props = {\n  isSelected: boolean;\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n  color: 'neutral' | 'gold' | ColorProps['color'] | DvtThresholdsColors;\n};\n\nconst RatingStar = ({ isSelected, isDisabled, isReadOnly, color = 'neutral' }: Props) => {\n  const { forcedColors } = useUser();\n  const isHighContrast = forcedColors === 'active';\n  const needsHighContrastStyle = isHighContrast && isDisabled;\n  const enumColor = getColorEnum(color);\n  const customColors = assignInlineVars({\n    [ratingGaugeVars.colorSelected]: color,\n    [ratingGaugeVars.borderColorSelected]: color,\n    [ratingGaugeVars.colorSelectedReadonly]: color\n  });\n  const {\n    variantClasses,\n    styles: {\n      ratingStarBaseStyle,\n      innerRatingStarColor,\n      outerRatingStarColor,\n      outerDisabledHighContrastBaseStyle,\n      outerDisabledHighContrastSelectedStyle,\n      outerDisabledHighContrastUnselectedStyle\n    }\n  } = useComponentTheme<RatingGaugeVariantOptions, RatingGaugeStyles>(RatingGaugeRedwoodTheme, {\n    color: enumColor,\n    selectionState: isSelected ? 'isSelected' : 'isNotSelected',\n    disabledState: isDisabled ? 'isDisabled' : 'isNotDisabled',\n    readonlyState: isReadOnly ? 'isReadonly' : 'isNotReadonly',\n    highContrastState: isHighContrast ? 'isHighContrast' : 'isNotHighContrast'\n  });\n\n  return (\n    <svg\n      viewBox=\"0 0 36 36\"\n      height=\"100%\"\n      width=\"100%\"\n      style={!enumColor ? customColors : undefined}\n      class={classNames([ratingStarBaseStyle, enumColor ? variantClasses : ''])}>\n      <g>\n        <path\n          class={innerRatingStarColor}\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={classNames([\n            outerRatingStarColor,\n            needsHighContrastStyle ? outerDisabledHighContrastBaseStyle : '',\n            needsHighContrastStyle\n              ? isSelected\n                ? outerDisabledHighContrastSelectedStyle\n                : outerDisabledHighContrastUnselectedStyle\n              : ''\n          ])}\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\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 { useUser } from '../hooks/UNSAFE_useUser';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { RatingGaugeStyles } from './themes/RatingGaugeStyles.css';\nimport { DvtThresholdsColors } from '../utils/UNSAFE_dvtCommonUtils';\nimport { ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { RatingGaugeRedwoodTheme } from './themes/redwood/RatingGaugeTheme';\n\ntype Props = {\n  fillRatio: number;\n  isDisabled?: boolean;\n  isReadonly?: boolean;\n  color: 'neutral' | 'gold' | ColorProps['color'] | DvtThresholdsColors;\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  const {\n    styles: { fractionalStarBaseStyle }\n  } = useComponentTheme<never, RatingGaugeStyles>(RatingGaugeRedwoodTheme);\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={fractionalStarBaseStyle}\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={fractionalStarBaseStyle}\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\nexport { RatingGaugeItem };\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 { RatingGaugeItem } from './RatingGaugeItem';\nimport { 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';\nimport { Threshold, CommitDetail, InputDetail } from '../utils/UNSAFE_meterTypes';\nimport {\n  getThresholdColorFromValue,\n  getMeterAriaProps,\n  validateRange\n} from '../utils/PRIVATE_meterUtils';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { RatingGaugeStyles, RatingGaugeVariantOptions } from './themes/RatingGaugeStyles.css';\nimport { RatingGaugeRedwoodTheme } from './themes/redwood/RatingGaugeTheme';\n\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 rating 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. The default value of this property is theme driven.\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 rating 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 rating 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 aria-label is not specified, tooltip will be used as the aria-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. This will be used for the aria-label of the DOM element.\n   */\n  'aria-label'?: string;\n\n  /**\n   * One or more ids (separated by spaces) of elements that label the rating gauge. This will be used for the aria-labelledby of the DOM element.\n   */\n  'aria-labelledby'?: string;\n\n  /**\n   * One or more ids (separated by spaces) of elements that describe the rating gauge. This will be used for the aria-describedby of the DOM element.\n   */\n  'aria-describedby'?: string;\n\n  /**\n   * An array of Threshold objects.\n   * Applications are required to include information about thresholds for screen readers to make their component accessible by using aria-describedby, aria-labelledby or aria-label.\n   */\n  thresholds?: Threshold[];\n};\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,\n  color = 'neutral',\n  step = 1,\n  isReadonly,\n  isDisabled,\n  ...props\n}: Props) {\n  validateRange(0, max, value, step);\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 rating 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    thresholds: props.thresholds,\n    width: dimensionsRef.current.width,\n    ariaDescribedBy: props['aria-describedby']\n  });\n\n  const ariaProps = getMeterAriaProps(\n    value,\n    0,\n    max,\n    props['aria-label'],\n    props['aria-labelledby'],\n    props.thresholds,\n    isDisabled,\n    isReadonly,\n    props.tooltip\n  );\n\n  const mergedEventProps = mergeProps(eventProps, tooltipProps);\n\n  const itemColor = getThresholdColorFromValue(value, color, props.thresholds);\n\n  const { isTabbable } = useTabbableMode();\n  const {\n    classes,\n    styles: { baseStyle, interactiveStyle, itemStyle, sizeStyle }\n  } = useComponentTheme<RatingGaugeVariantOptions, RatingGaugeStyles>(RatingGaugeRedwoodTheme, {\n    size\n  });\n\n  return (\n    <Fragment>\n      <div\n        {...ariaProps}\n        ref={rootRef}\n        class={classNames([classes, baseStyle, isInteractive ? interactiveStyle : undefined])}\n        tabIndex={isTabbable && !isDisabled ? 0 : -1}\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([sizeStyle, itemStyle])}>\n              <RatingGaugeItem\n                fillRatio={fillRatio}\n                isDisabled={isDisabled}\n                isReadonly={isReadonly}\n                color={itemColor}\n              />\n            </div>\n          );\n        })}\n      </div>\n      {tooltipContent}\n    </Fragment>\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';\nimport { CommitDetail, InputDetail } from '../utils/UNSAFE_meterTypes/meterTypes';\nimport { useKeyboardEvents } from '../hooks/PRIVATE_useDvtMeterEvents';\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 currentInputRef = 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    currentInputRef.current = inputValue;\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 != currentInputRef.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 keyboardEventsProps = useKeyboardEvents(\n    value,\n    0,\n    max,\n    step,\n    currentInputRef,\n    onCommit,\n    onInput\n  );\n\n  return {\n    onPointerUp: pointerUpHandler,\n    onBlur: blurHandler,\n    onPointerMove: hoverHandler,\n    onKeyUp: keyboardEventsProps.onKeyUp,\n    onKeyDown: keyboardEventsProps.onKeyDown,\n    onPointerLeave: pointerLeaveHandler,\n    onPointerEnter: pointerEnterHandler\n  };\n};\n","import { ComponentChild } from 'preact';\nimport { useState } from 'preact/hooks';\nimport { findThreshold } from '../utils/PRIVATE_meterUtils';\nimport { Threshold } from '../utils/UNSAFE_meterTypes';\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  thresholds?: Threshold[];\n  ariaDescribedBy?: string;\n  width: number;\n};\n\nexport function useTooltipOrDatatip({\n  max,\n  value,\n  isReadonly,\n  isDisabled,\n  tooltip,\n  datatip,\n  thresholds,\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  let 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  let text = tooltipVariant === 'tooltip' ? tooltip : datatip;\n  if (!text && thresholds && !isDisabled) {\n    text = findThreshold(value, thresholds)?.accessibleLabel;\n    disabled = false;\n  }\n\n  const { tooltipContent, tooltipProps } = useTooltipControlled({\n    text,\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":["getValue","pageX","max","step","dimensionsRef","isRtl","dimensions","current","width","x","numSteps","Math","min","ceil","getDimensions","element","rect","getBoundingClientRect","window","scrollX","RatingStar","isSelected","isDisabled","isReadOnly","color","forcedColors","useUser","isHighContrast","needsHighContrastStyle","enumColor","undefined","getColorEnum","customColors","assignInlineVars","ratingGaugeVars","colorSelected","borderColorSelected","colorSelectedReadonly","variantClasses","styles","ratingStarBaseStyle","innerRatingStarColor","outerRatingStarColor","outerDisabledHighContrastBaseStyle","outerDisabledHighContrastSelectedStyle","outerDisabledHighContrastUnselectedStyle","useComponentTheme","RatingGaugeRedwoodTheme","selectionState","disabledState","readonlyState","highContrastState","_jsx","viewBox","height","style","class","classNames","children","_jsxs","jsx","d","RatingGaugeItem","fillRatio","isReadonly","direction","fractionalStarBaseStyle","jsxs","Fragment","clipPath","value","size","props","validateRange","rootRef","useRef","isInteractive","useEffect","eventProps","onCommit","onInput","currentInputRef","handleInput","inputValue","keyboardEventsProps","useKeyboardEvents","onPointerUp","event","val","onBlur","onPointerMove","onKeyUp","onKeyDown","onPointerLeave","onPointerEnter","useEvents","tooltipContent","tooltipProps","tooltip","datatip","thresholds","ariaDescribedBy","isOpen","setIsOpen","useState","tooltipVariant","disabled","datatipIndex","offset","text","findThreshold","accessibleLabel","useTooltipControlled","anchor","y","position","mainAxis","crossAxis","onToggle","variant","filter","Boolean","join","useTooltipOrDatatip","ariaProps","getMeterAriaProps","mergedEventProps","mergeProps","itemColor","getThresholdColorFromValue","isTabbable","useTabbableMode","classes","baseStyle","interactiveStyle","itemStyle","sizeStyle","ref","tabIndex","Array","map","_","index","className"],"mappings":"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"}

package/amd/UNSAFE_SelectMultiple.css

@@ -1 +1 @@
-.uqubpn{display:inline-flex;}
+.d0tku7{display:inline-flex;}

package/amd/UNSAFE_SelectMultiple.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', './PRIVATE_SelectCommon', './UNSAFE_Label', './UNSAFE_TextField', './UNSAFE_UserAssistance', './UNSAFE_View', './hooks/UNSAFE_useFocusableTextField', './hooks/UNSAFE_useFormContext', './hooks/UNSAFE_useFormFieldContext', './hooks/UNSAFE_useLoadingIndicatorTimer', './hooks/UNSAFE_useTextField', './hooks/UNSAFE_useTranslationBundle', './UNSAFE_Button', './UNSAFE_SelectMultiple/themes/MobileDropdownFooterStyles.css', './Button-4e56bf33', './UNSAFE_Flex', 'css!./UNSAFE_SelectMultiple.css', './UNSAFE_Chip', './Chip-4ee1d695', './UNSAFE_IconButton', './UNSAFE_Icon', './Icon-242ffb35', './IconButton-9c80142c', './Flex-cd926f6b', 'preact/hooks', './hooks/UNSAFE_useFocusWithin', './hooks/UNSAFE_useUser', './utils/PRIVATE_keyboardUtils', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_classNames', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_mergeInterpolations', './UNSAFE_HiddenAccessible', './UNSAFE_Text', './PRIVATE_ThemedIcons/CloseIcon', './hooks/UNSAFE_useTabbableMode', './UNSAFE_SelectMultiple/themes/TextTagStyles.css', './classNames-711dac8e', './Text-4cc07262', './HiddenAccessible-15b5d5ef', './UNSAFE_SelectMultiple/themes/TextTagListStyles.css', './useFocusWithin-958da158', './UNSAFE_LiveRegion', './TextFieldInput-17f3ed29', './utils/UNSAFE_interpolations/text', './hooks/UNSAFE_useComponentTheme', './UNSAFE_SelectMultiple/themes/SelectMultipleMobileFieldInputStyles.css', './hooks/UNSAFE_useAccessibleContext', './utils/UNSAFE_stringUtils', './UNSAFE_TextField/themes/redwood/TextFieldInputTheme', './stringUtils-46147426', './index-0e12dd90', './utils/UNSAFE_mergeProps', './hooks/PRIVATE_useEffectEvent', './Label-fab64746', './ReadonlyTextFieldInput-541a2315', './UNSAFE_HighlightText', './HighlightText-2d04f9d7', './PRIVATE_List', './List-498df645', './utils/UNSAFE_keys', './PRIVATE_LoadMoreCollection', './LoadMoreCollection-0f3a3fa8', './PRIVATE_Collection', './Collection-c1cb73c1', './hooks/UNSAFE_useViewportIntersect', './PRIVATE_VirtualizedCollection', './VirtualizedCollection-52339bba', './UNSAFE_FocusTrap', './FocusTrap-84b5ca93', './utils/PRIVATE_tabbableUtils', './_curry1-ce36c4e7', './_curry2-d90c5517', './_arity-cb8e3705', './_curry3-4fb0ed44', './hooks/UNSAFE_useId', './hooks/UNSAFE_useInteractionStyle', './utils/PRIVATE_clientHints', './clientHints-ff5d5d13', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', './utils/UNSAFE_interpolations/flexitem', './flexitem-391ab989', './keys-df123de6', './_has-580e26f1', './PRIVATE_List/themes/ListStyles.css', 'css!./ListStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-9d536a1b', './hooks/PRIVATE_useSelection', './utils/PRIVATE_collectionUtils', './index-182af2cd', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './hooks/PRIVATE_useCurrentKey', './hooks/PRIVATE_useCollectionFocusRing', './hooks/PRIVATE_useTabbableModeSet', './hooks/PRIVATE_useItemAction', './SkeletonContainer-ef2d239d', './UNSAFE_Skeleton', './Skeleton-6e2d8eba', './utils/UNSAFE_interpolations/borders', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './UNSAFE_Skeleton/themes/SkeletonStyles.css', 'css!./SkeletonStyles.styles.css', './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-7a8b0c59', './utils/UNSAFE_logger', './UNSAFE_Selector', './PRIVATE_ThemedIcons/CheckboxOffIcon', './PRIVATE_Icons/CheckboxOff', './hooks/UNSAFE_useTooltip', './UNSAFE_Floating', './Floating-86f9017c', './index-f653d9ca', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-acef6fab', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-48286702', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-95b1d0bd', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles2.css', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './PRIVATE_ThemedIcons/CheckboxOnIcon', './PRIVATE_Icons/CheckboxOn', './PRIVATE_ThemedIcons/CheckboxMixedIcon', './PRIVATE_Icons/CheckboxMixed', './UNSAFE_Selector/themes/SelectorStyles.css', 'css!./SelectorStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioIconTheme', './UNSAFE_Radio/themes/RadioIconStyles.css', 'css!./RadioIconStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioIconBaseTheme.css', 'module', './UNSAFE_Radio/themes/redwood/RadioIconVariants.css', 'css!./RadioIconVariants.styles.css', './utils/UNSAFE_interpolations/boxalignment', './utils/UNSAFE_interpolations/flexbox', './flexbox-5d7254d1', './hooks/PRIVATE_useCollectionGestureContext', './UNSAFE_GroupedList/themes/redwood/GroupedListTheme', './UNSAFE_GroupedList/themes/GroupedListStyles.css', 'css!./GroupedListStyles.styles.css', './UNSAFE_GroupedList/themes/redwood/GroupedListBaseTheme.css', 'module', './PRIVATE_SelectCommon/themes/dropdownStyles.css', 'css!./dropdownStyles.styles.css', './hooks/UNSAFE_usePress', './PRIVATE_ThemedIcons/DropdownArrowIcon', './UNSAFE_WindowOverlay', './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css', 'css!./WindowOverlayStyles.styles.css', './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css', 'module', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css', './PRIVATE_SelectCommon/themes/mobileDropdownStyles.css', 'css!./mobileDropdownStyles.styles.css', './UNSAFE_Divider', './Divider-98a40103', './UNSAFE_Divider/themes/DividerStyles.css', 'css!./DividerStyles.styles.css', './PRIVATE_SelectCommon/themes/selectMobileDropdownStyles.css', 'css!./selectMobileDropdownStyles.styles.css', './InlineHelpSource-af5fac93', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', 'css!./UserAssistanceStyles.styles.css', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './UNSAFE_ComponentMessage', './ComponentMessage-1122915f', './PRIVATE_Message', './utils/PRIVATE_timer', './PRIVATE_Message/themes/MessageStyles.css', 'css!./MessageStyles.styles.css', './MessageCloseButton-00ad3ddc', './MessageDetail-1781f60a', './MessageFormattingUtils-d9c9a93f', './utils/UNSAFE_getLocale', './Message.types-1d4527af', './MessageStartIcon-2f4684ec', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './MessageSummary-c98dd983', './MessageTimestamp-aebdab79', './MessageUtils-d7aa982a', './utils/UNSAFE_soundUtils', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './UNSAFE_MessageBanner/themes/MessageBannerStyles.css', 'css!./MessageBannerStyles.styles.css', './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'css!./MessageBannerVariants.styles2.css', './MessagesManager-a5b0f8e7', './PRIVATE_TransitionGroup', './hooks/UNSAFE_useMessagesContext', './UNSAFE_BaseButton', './BaseButton-43499a3c', './UNSAFE_ButtonLayout', './ButtonLayout-3ff84cd1', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme', './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css', 'css!./ComponentMessageStyles.styles.css', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './ComponentMessageContainer-40bbf18d', './hooks/UNSAFE_useInputGroupContext', './UNSAFE_Popup', './hooks/PRIVATE_useAnimationStatus', './UNSAFE_Popup/themes/PopupContract.css', './UNSAFE_Popup/themes/redwood/PopupTheme', './UNSAFE_Popup/themes/redwood/PopupBaseTheme.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', 'css!./PopupStyles.styles.css', './CompactHelpSource-74bf1316', './PRIVATE_ThemedIcons/HelpIcon', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_Label/themes/LabelStyles.css', 'css!./LabelStyles.styles.css', './UNSAFE_Label/themes/redwood/LabelBaseTheme.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', './UNSAFE_TextField/themes/redwood/TextFieldBaseTheme.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', 'css!./TextFieldVariants.styles.css', './UNSAFE_LabelValueLayout', 'css!./LabelValueLayoutStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioTheme', './UNSAFE_Radio/themes/RadioStyles.css', 'css!./RadioStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioBaseTheme.css', 'module', './UNSAFE_Radio/themes/redwood/RadioVariants.css', './UNSAFE_TextField/themes/redwood/FormLayoutTheme', './UNSAFE_TextField/themes/FormLayoutStyles.css', './UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.css', 'module', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldTheme', './UNSAFE_TextField/themes/ReadonlyTextFieldStyles.css', 'css!./ReadonlyTextFieldStyles.styles.css', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldVariants.css', 'css!./ReadonlyTextFieldVariants.styles.css', './hooks/UNSAFE_useDebounce', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputTheme', './UNSAFE_TextField/themes/ReadonlyTextFieldInputStyles.css', 'css!./ReadonlyTextFieldInputStyles.styles.css', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputVariants.css', './hooks/UNSAFE_useTextFieldInputHandlers', './UNSAFE_TextField/themes/TextFieldInputStyles.css', 'css!./TextFieldInputStyles.styles.css', './UNSAFE_TextField/themes/redwood/TextFieldInputVariants.css', './utils/UNSAFE_interpolations/colors', './utils/UNSAFE_interpolations/padding', './utils/UNSAFE_interpolations/aria', './hooks/UNSAFE_useTimer', './hooks/PRIVATE_useMessageSeverity', './hooks/UNSAFE_useFormFieldContextProps', 'css!./MobileDropdownFooterStyles.styles.css', './hooks/UNSAFE_useActionable', './UNSAFE_Chip/themes/ChipStyles.css', 'css!./ChipStyles.styles.css', 'css!./TextTagStyles.styles.css', 'css!./TextTagListStyles.styles.css', 'css!./SelectMultipleMobileFieldInputStyles.styles.css'], (function(e,s,t,o,n,l,a,i,r,d,c,u,h,p,S,m,F,y,A,T,E,b,x,w,f,U,_,g,v,I,C,N,R,k,V,L,D,M,P,B,j,K,O,W,H,z,G,q,Y,$,Z,J,Q,X,ee,se,te,oe,ne,le,ae,ie,re,de,ce,ue,he,pe,Se,me,Fe,ye,Ae,Te,Ee,be,xe,we,fe,Ue,_e,ge,ve,Ie,Ce,Ne,Re,ke,Ve,Le,De,Me,Pe,Be,je,Ke,Oe,We,He,ze,Ge,qe,Ye,$e,Ze,Je,Qe,Xe,es,ss,ts,os,ns,ls,as,is,rs,ds,cs,us,hs,ps,Ss,ms,Fs,ys,As,Ts,Es,bs,xs,ws,fs,Us,_s,gs,vs,Is,Cs,Ns,Rs,ks,Vs,Ls,Ds,Ms,Ps,Bs,js,Ks,Os,Ws,Hs,zs,Gs,qs,Ys,$s,Zs,Js,Qs,Xs,et,st,tt,ot,nt,lt,at,it,rt,dt,ct,ut,ht,pt,St,mt,Ft,yt,At,Tt,Et,bt,xt,wt,ft,Ut,_t,gt,vt,It,Ct,Nt,Rt,kt,Vt,Lt,Dt,Mt,Pt,Bt,jt,Kt,Ot,Wt,Ht,zt,Gt,qt,Yt,$t,Zt,Jt,Qt,Xt,eo,so,to,oo,no,lo,ao,io,ro,co,uo,ho,po,So,mo,Fo,yo,Ao,To,Eo,bo,xo,wo,fo,Uo,_o,go,vo,Io,Co,No,Ro,ko,Vo,Lo,Do,Mo,Po,Bo,jo,Ko,Oo,Wo,Ho,zo,Go,qo,Yo,$o,Zo,Jo,Qo,Xo,en,sn,tn,on,nn,ln,an,rn,dn,cn,un,hn,pn,Sn,mn,Fn,yn,An,Tn,En,bn,xn,wn,fn,Un,_n,gn,vn,In,Cn,Nn,Rn,kn,Vn,Ln,Dn,Mn,Pn,Bn,jn,Kn){"use strict";function On({onApply:e}){const t=S.useTranslationBundle("@oracle/oraclejet-preact");return s.jsx("div",{class:F.mobileDropdownFooterStyles.base,children:s.jsx(y.Button,{display:"label",edge:"bottom",label:t.selectMultiple_apply(),size:"sm",variant:"callToAction",onAction:e})})}const Wn="uqubpn";function Hn({"aria-label":e,count:t=0,onKeyDown:o,onKeyUp:n,onMouseDown:l,...a}){const i=S.useTranslationBundle("@oracle/oraclejet-preact"),r=i.selectMultiple_showSelectedValues(),d=e?`${e}. `:"",c=i.selectMultiple_countPlus({COUNT:"99"}),u=t>99?`${c}`:`${t}`,h=`${d}${i.selectMultiple_valuesSelected({VALUE_COUNT:`${t}`})} ${r}`;return s.jsx("div",{class:Wn,onKeyDown:o,onKeyUp:n,onMouseDown:l,children:s.jsx(b.Chip,{"aria-label":h,...a,children:u})})}const zn=e=>s.jsx(f.Icon,{viewBox:"0 0 24 24",...e,children:s.jsx("g",{fill:"none",children:s.jsx("path",{d:"m9.414 12 7.293-7.293-1.414-1.414L6.586 12l8.707 8.707 1.414-1.414L9.414 12z",fill:"currentcolor"})})}),Gn=e=>s.jsx(f.Icon,{viewBox:"0 0 24 24",...e,children:s.jsx("path",{d:"M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10S2 17.514 2 12 6.486 2 12 2zm3.498 5L12 10.498 8.502 7 7 8.502 10.498 12 7 15.498 8.502 17 12 13.502 15.498 17 17 15.498 13.502 12 17 8.502z",fill:"currentcolor",fillRule:"evenodd"})});function qn({children:e,fieldLabel:t,hasInsideLabel:o,isBackButtonShown:l,isClearButtonShown:i,isDropdownArrowShown:r,isDropdownSelectedOnlyView:d,isSelectedValuesCountShown:c,selectedValuesCount:h,onBackButtonClick:p,onClearButtonClick:m,onDropdownArrowClick:F,onSelectedValuesCountKeyDown:y,onSelectedValuesCountKeyUp:A,onSelectedValuesCountMouseDown:T,onSelectedValuesCountToggle:E,...b}){const{isDisabled:x,isLoading:w}=u.useFormFieldContext(),f=S.useTranslationBundle("@oracle/oraclejet-preact"),g=s.jsx(U.IconButton,{"aria-label":f.selectMultiple_back(),variant:"borderless",onAction:p,children:s.jsx(zn,{})}),v=s.jsx(U.IconButton,{"aria-label":f.formControl_clear(),size:o?"md":"sm",variant:"borderless",onAction:m,children:s.jsx(Gn,{})}),I=s.jsx(n.DropdownArrow,{isDisabled:x,size:o?"md":"sm",onClick:F}),C=w?void 0:c?s.jsxs(_.Flex,{align:"center",justify:"center",gap:[0,"1x"],children:[s.jsx(Hn,{"aria-label":t,count:h,isDisabled:x,isSelected:d,onKeyDown:y,onKeyUp:A,onMouseDown:T,onToggle:E}),i&&v,r&&I]}):s.jsxs(s.Fragment,{children:[i&&v,r&&I]});return s.jsx(a.TextField,{startContent:l&&g,mainContent:e,endContent:C,...b})}function Yn({children:e,removeIcon:t="never",isSelected:o=!1,onRemoveAction:l,onSelect:a,onRemoveIconClick:i,isFocused:r,value:d}){const c=S.useTranslationBundle("@oracle/oraclejet-preact"),u=g.useRef(null),h=g.useId(),p=j.classNames([B.textTagStyles.base,o&&B.textTagStyles.selected]),m=g.useCallback((()=>{l?.(d)}),[d,l]),F=g.useCallback((()=>{a?.(d)}),[d,a]),y=g.useCallback((()=>{i?.(d)}),[d,i]),A=g.useCallback((e=>{C.isBackspaceOrDelete(e)&&m()}),[m]);return g.useEffect((()=>{r&&o&&(u.current?.focus(),u.current?.scrollIntoView({block:"nearest"}))}),[r,o]),s.jsxs(s.Fragment,{children:[s.jsxs("span",{ref:u,class:p,tabIndex:-1,onClick:F,onKeyUp:A,onMouseDown:n.preventDefault,role:"option","aria-describedby":h,"aria-selected":o?"true":"false",children:[s.jsx(K.Text,{size:"md",variant:"inherit",children:e}),"always"===t&&s.jsx(P.TabbableModeContext.Provider,{value:{isTabbable:!1},children:s.jsx(U.IconButton,{size:"xs",variant:"ghost",onAction:y,children:s.jsx(M.CloseIcon,{})})})]}),s.jsx(O.HiddenAccessible,{id:h,children:c.selectMultiple_removeSelectedTagInstructionText()})]})}const $n=N.stringLiteralArray(["maxWidth"]),Zn=Array.from($n,(e=>k.dimensionInterpolations[e])),Jn=V.mergeInterpolations(Zn);const Qn=o.forwardRef((function(e,t=(()=>{})){const{"aria-label":o,data:n,hasInsideLabel:l=!1,removeIcon:a="never",onExitNavigation:i,onRemove:r}=e,d=g.useRef(null),[c,u]=g.useState([]),{direction:h}=I.useUser(),p=g.useRef(-1),S=n.at(-1)?.value,m=g.useRef({value:S,index:n.length-1});m.current={value:S,index:n.length-1};const F=g.useCallback((e=>{const s=n.at(e)?.value;null!=s&&u([s])}),[n]),y=g.useCallback((()=>{u((e=>(p.current=-1,e.length?[]:e)))}),[]),A=g.useCallback((e=>{r?.([e]),i?.(),y()}),[y,i,r]),T=g.useCallback((e=>{const s=[...c];c.includes(e)||s.push(e),r?.(s),i?.(),y()}),[c,y,i,r]),E=g.useCallback((e=>{u([e]),p.current=n.findIndex((s=>s.value===e))}),[n,u]),b=g.useCallback((e=>{if(0!==n.length){if("ltr"===h&&"ArrowLeft"===e.code||"rtl"===h&&"ArrowRight"===e.code){if(0===p.current)return;return p.current-=1,void F(p.current)}return"ltr"===h&&"ArrowRight"===e.code||"rtl"===h&&"ArrowLeft"===e.code?p.current===n.length-1?void i?.():(p.current+=1,void F(p.current)):"Home"===e.code?(p.current=0,void F(p.current)):"End"===e.code?(p.current=n.length-1,void F(p.current)):C.isSelectAll(e)?(u(n.map((e=>e.value))),void e.preventDefault()):void 0}}),[n,h,i,F,u]),x=g.useCallback((()=>{u((e=>e.length||void 0===m.current.value?e:(p.current=m.current.index,[m.current.value])))}),[]),w=g.useCallback((()=>{y()}),[y]),{focusProps:f}=H.useFocusWithin({onBlurWithin:w});g.useImperativeHandle(t,(()=>({blur:w,focus:x})),[w,x]),g.useEffect((()=>{d.current?.scrollTo({left:d.current.scrollWidth*("ltr"===h?1:-1)})}),[n,h]);const U=Jn(e),_=j.classNames([W.textTagListStyles.textTagListBase,l&&W.textTagListStyles.textTagListInsideLabel]);return s.jsx("div",{class:_,ref:d,tabIndex:-1,onKeyDown:b,role:"listbox","aria-label":o,"aria-multiselectable":"true",style:U,...f,children:n.map(((e,t)=>s.jsx(Yn,{isFocused:p.current===t,isSelected:c.includes(e.value),onRemoveAction:T,onSelect:E,onRemoveIconClick:A,removeIcon:a,value:e.value,children:e.label},e.value)))})}));function Xn({displayValue:e,isTextTagListShown:t,isUserFiltering:o,liveRegionText:n,onExitNavigation:l,onRemove:a,removeIcon:i,selectedValuesDescriptionId:r,textTagListData:d,textTagListRef:c,userInput:u,virtualKeyboard:h,...p}){const m=S.useTranslationBundle("@oracle/oraclejet-preact");return s.jsxs(s.Fragment,{children:[t&&s.jsx(Qn,{"aria-label":m.selectMultiple_selectedValues(),data:d,hasInsideLabel:p.hasInsideLabel,maxWidth:"50%",onExitNavigation:l,onRemove:a,ref:c,removeIcon:i}),s.jsx(_.Flex,{flex:1,children:s.jsx(G.TextFieldInput,{"aria-autocomplete":"list",autoComplete:"off",hasPrefix:t,role:"combobox",spellcheck:!1,type:"auto"===h?"search":h,value:o||t?u:e,...p})}),t&&s.jsx(O.HiddenAccessible,{id:r,isHidden:!0,children:e}),s.jsx(z.LiveRegion,{children:n})]})}const el=[...Object.values(q.textInterpolations)],sl=V.mergeInterpolations(el),tl=o.forwardRef((({"aria-controls":e,"aria-describedby":t,"aria-expanded":o,"aria-invalid":n,"aria-label":l,"aria-labelledby":a,displayValue:i,hasEmptyLabel:r,hasInsideLabel:d=!1,isRequired:c,onBlur:h,onFocus:p,placeholder:S,textAlign:m,variant:F="default"},y)=>{const{isDisabled:A,isFocused:T,hasValue:E=!1}=u.useFormFieldContext(),{isTabbable:b,tabbableModeProps:x}=P.useTabbableMode(),w=G.isInputPlaceholderShown(d,E,T)?S:void 0,{UNSAFE_ariaLabelledBy:f}=Z.useAccessibleContext(),U=r?X.merge([a,f]):a,{class:_}=sl({textAlign:m}),{classes:g}=Y.useComponentTheme(Q.TextFieldInputRedwoodTheme,{type:"notPassword",styleVariant:F,textarea:"notTextArea",input:"isInput",prefix:"noPrefix",suffix:"noSuffix",startContent:"noStartContent",endContent:"hasEndContent",insideLabel:d?"hasInsideLabel":"noInsideLabel",value:E?"hasValue":"noValue",focused:T?"isFocused":"notFocused",disabled:A?"isDisabled":"notDisabled"}),v=j.classNames([$.selectMultipleMobileFieldInputStyles.base,_,g]);return s.jsx("div",{"aria-autocomplete":"list","aria-controls":e,"aria-describedby":t,"aria-expanded":o,"aria-invalid":n,"aria-label":l,"aria-labelledby":U,"aria-required":c?"true":void 0,class:v,onBlur:h,onFocus:p,ref:y,role:"combobox",...b&&x,children:s.jsx("div",{class:$.selectMultipleMobileFieldInputStyles.content,children:s.jsx(K.Text,{variant:i?"inherit":"secondary",children:i||w})})})}));function ol(e,s){const t=S.useTranslationBundle("@oracle/oraclejet-preact").plural_separator();return{displayValue:g.useMemo((()=>{if(void 0===s)return"";const o=function(e,s){const t=s?[...s?.values()]:[],o=s=>n.renderItemText(s,e),l=t.map(o);return new Set(l)}(e,s),l=function(e,s){return Array.from(e.values()).join(s)}(o,t);return l}),[e,t,s]),textTags:g.useMemo((()=>void 0===s?[]:function(e,s=[]){return s.map((s=>({label:n.renderItemText(s,e)??"",value:s.key})))}(e,s)),[e,s])}}function nl({isDropdownSelectedOnlyView:e,valueItems:s}){const t=g.useRef(s),o=g.useRef(e);t.current=o.current!==e?s:t.current,o.current=e;return{data:g.useMemo((()=>e&&t.current&&0!==t.current.length?{offset:0,totalSize:t.current.length??0,sizePrecision:"exact",data:t.current.map((e=>({data:e.data,metadata:e.metadata??{key:e.key}})))}:void 0),[e]),onLoadRange:void 0}}const ll=(e,s,t)=>s.data.forEach((s=>{t.has(s.metadata.key)&&e.set(s.metadata.key,{data:s.data,key:s.metadata.key,metadata:s.metadata})})),al=e=>new Set(e.map((e=>e.key)));const il=o.forwardRef((({"aria-describedby":e,assistiveText:o,data:l,helpSourceLink:m,helpSourceText:F,isDisabled:y,isLoading:A,isReadonly:T,isRequired:E,isRequiredShown:b,itemRenderer:x,itemText:w,label:f,labelEdge:U,labelStartWidth:_,messages:v,onCommit:C,onFilter:N,onLoadRange:R,placeholder:k,textAlign:V,userAssistanceDensity:L,valueItems:D,variant:M="default",virtualKeyboard:P},B)=>{const{isDisabled:j,isReadonly:K,labelEdge:O,labelStartWidth:W,textAlign:H,userAssistanceDensity:z}=c.useFormContext(),G=y??j,q=T??K,Y=U??O,$=_??W,Z=V??H,J=L??z,{enabledElementRef:Q,focusProps:le,isFocused:ae,readonlyElementRef:ie}=d.useFocusableTextField({isDisabled:G,isReadonly:q,ref:B}),{ariaProps:re,collectionProps:de,data:ce,dropdownArrowEventHandlers:ue,dropdownEventHandlers:he,dropdownRef:pe,hasSelectedValuesCount:Se,inputEventHandlers:me,isDropdownAbove:Fe,isDropdownOpen:ye,isDropdownSelectedOnlyView:Ae,isFocused:Te,isUserFiltering:Ee,mainFieldRef:be,mouseProps:xe,searchText:we,selectedValuesCountProps:fe,selectedValuesDescriptionId:Ue,setDropdownOpen:_e,setUserInput:ge,stopFiltering:ve,textTagListProps:Ie,userInput:Ce}=function({ariaDescribedBy:e,data:s,inputRef:t,isDisabled:o,isFocused:l,isReadonly:a,onCommit:i,onFilter:r,onLoadRange:d,valueItems:c}){const[u,h]=g.useState(!1),p=c?.length,S=void 0!==p&&p>0||u,m=nl({isDropdownSelectedOnlyView:u,valueItems:c}),F=u?m.data:s,y=u?m.onLoadRange:d,A=g.useCallback((e=>{X.isEmptyOrUndefined(e.searchText)||h(!1),r?.(e)}),[r]),{currentRow:T,dropdownRef:E,handleDropdownArrowClick:b,handleDropdownAutoDismiss:x,handleDropdownPosition:w,handleInput:f,handleMainFieldKeyDown:U,handleMainFieldKeyUp:_,handleUpDownArrowKeys:v,isDropdownAbove:C,isDropdownOpen:N,isFocused:R,isUserFiltering:k,mainFieldRef:V,onCurrentKeyChange:L,onMouseDown:D,searchText:M,selectedKeys:P,setCurrentRow:B,setDropdownOpen:j,setSelectedKeys:K,setUserInput:O,stopFiltering:W,userInput:H}=n.useSelectCommon({data:F,inputRef:t,isFocused:l,onFilter:A}),z=g.useRef(null),{direction:G}=I.useUser(),q=g.useId(),Y=X.merge([R&&q,e]),$=g.useCallback((()=>{E.current?.parentElement?.removeChild(E.current)}),[E]),Z=g.useCallback((e=>k&&N&&!X.isEmptyOrUndefined(H)&&(F?.data.length??0)>0&&void 0!==e.rowKey),[F,N,k,H]),J=g.useCallback((e=>{if(P?.has(e))return;const s=void 0===P?new Set([e]):new Set([...P.values(),e]);i({previousValue:P,value:s}),K(s)}),[i,P,K]),Q=g.useCallback((e=>{if(N&&"keydown"===e?.type){const s=e;s.code===n.KEYS.TAB&&(s.shiftKey||!S?t.current?.focus():oe.current?.focus(),$())}}),[S,t,N,$]),ee=g.useCallback((e=>{if(!n.isControlOrFunctionKey(e))switch(e.code){case n.KEYS.TAB:N&&(e.shiftKey||!S&&!e.shiftKey)&&($(),j(!1)),S&&!e.shiftKey&&e.stopPropagation();break;case n.KEYS.LEFT:"ltr"===G&&t.current instanceof HTMLInputElement&&0===t.current?.selectionStart&&0===t.current?.selectionEnd&&z.current?.focus();break;case n.KEYS.RIGHT:"rtl"===G&&t.current instanceof HTMLInputElement&&0===t.current?.selectionStart&&0===t.current?.selectionEnd&&z.current?.focus();break;case n.KEYS.ENTER:case n.KEYS.NUMPAD_ENTER:Z(T)&&(j(!1),W(),J(T.rowKey))}}),[T,G,S,t,N,$,J,j,Z,W]);g.useEffect((()=>{const e=c?.reduce(((e,s)=>(e.add(s.key),e)),new Set);K(e)}),[K,c]);const oe=g.useRef(null);g.useEffect((()=>{oe.current=S&&V.current?.querySelector?V.current.querySelector('[role="switch"]'):null}),[S,o,a,V]);const ne=g.useCallback((e=>{switch(e.code){case n.KEYS.TAB:N&&!e.shiftKey&&($(),j(!1)),e.shiftKey&&e.stopPropagation();break;case n.KEYS.UP:case n.KEYS.DOWN:e.preventDefault();break;case n.KEYS.ESC:N&&(j(!1),e.preventDefault(),e.stopPropagation());break;case n.KEYS.ENTER:e.stopPropagation()}}),[N,$,j]),le=g.useCallback((e=>{switch(e.code){case n.KEYS.UP:case n.KEYS.DOWN:v(e)}}),[v]),ae=g.useCallback((e=>{e.preventDefault(),t.current?.focus()}),[t]),ie=g.useCallback((e=>{N||j(!0);const s=e.value??!1;s!==u&&(h(s),s&&W())}),[N,u,j,W]);g.useEffect((()=>{!N&&u&&h(!1)}),[N,u]);const re=g.useCallback((e=>{const s=new Set(e.value.keys?.values());K(s),O(""),i?.({value:s,previousValue:P})}),[i,P,K,O]),de=g.useCallback((()=>{setTimeout((()=>t.current?.focus()),0)}),[t]),ce=g.useCallback((e=>{const s=P,t=new Set(P);e.forEach((e=>t.delete(e))),i?.({previousValue:s,value:t})}),[i,P]),ue=g.useMemo((()=>se.mergeProps({onAutoDismiss:x,onPosition:w},{onAutoDismiss:Q})),[x,w,Q]),he=g.useMemo((()=>se.mergeProps({onInput:f,onKeyDown:U,onKeyUp:_},{onKeyDown:ee})),[U,f,_,ee]),pe=g.useMemo((()=>({textTagListRef:z,onExitNavigation:de,onRemove:ce})),[de,ce]);g.useEffect((()=>{N&&B({rowKey:void 0})}),[N,B]);const Se=te.useEffectEvent((e=>{const s=e?.data[0]?.metadata.key;N&&k&&null!=s&&0===F?.offset&&B({rowKey:X.isEmptyOrUndefined(M)?void 0:s})}));return g.useEffect((()=>{Se(F)}),[Se,F]),{ariaProps:{ariaDescribedBy:Y},collectionProps:{currentKey:T.rowKey,data:F,onCurrentKeyChange:L,onSelectionChange:re,onLoadRange:y,selectedKeys:P},data:F,dropdownArrowEventHandlers:{onClick:b},dropdownEventHandlers:ue,dropdownRef:E,hasSelectedValuesCount:S,inputEventHandlers:he,inputRef:t,isDropdownAbove:C,isDropdownOpen:N,isDropdownSelectedOnlyView:u,isFocused:R,isUserFiltering:k,mainFieldRef:V,mouseProps:o||a?{}:{onMouseDown:D},searchText:M,selectedValuesCountProps:{onKeyDown:ne,onKeyUp:le,onMouseDown:ae,onToggle:ie},selectedValuesDescriptionId:q,setDropdownOpen:j,setUserInput:O,stopFiltering:W,textTagListProps:pe,userInput:H}}({ariaDescribedBy:e,data:l,inputRef:Q,isDisabled:G,isFocused:ae,isReadonly:q,onCommit:C,onFilter:N,onLoadRange:R,valueItems:D}),{collectionProps:Ne,footerProps:Re,selectMultipleFieldInputProps:ke,selectMultipleFieldProps:Ve}=function({data:e,inputRef:s,isDropdownOpen:t,isDropdownSelectedOnlyView:o,itemText:n,textTagListRef:l,userInput:a,valueItems:i=[],onCommit:r,onLoadRange:d,setDropdownOpen:c,setUserInput:u,stopFiltering:h}){const[p,S]=g.useState({rowKey:void 0}),[m,F]=g.useState(al(i)),y=g.useRef(new Map),A=g.useMemo((()=>{const e=[];return m.forEach((s=>{const t=i.find((e=>e.key===s));t?e.push(t):y.current.has(s)&&e.push(y.current.get(s))})),e}),[m,i]),{textTags:T,displayValue:E}=ol(n,A),b=g.useRef(null),{data:x,onLoadRange:w}=nl({isDropdownSelectedOnlyView:o,valueItems:A}),f=g.useCallback((e=>{S({rowKey:e.value})}),[S]),U=g.useCallback((s=>{const t=new Set(s.value.keys?.values());F(t),u(""),e&&ll(y.current,e,t)}),[e,F,u]),_=g.useCallback((()=>{F(new Set(i.map((e=>e.key)))),y.current.clear(),c(!1),h(),s.current?.focus()}),[s,c,h,i]),v=g.useCallback((()=>{r({previousValue:al(i),value:m}),_()}),[m,i,_,r]),I=g.useCallback((()=>{_()}),[_]),C=g.useCallback((()=>{F(new Set),h()}),[h]),N=g.useCallback((e=>{const s=new Set(m);e.forEach((e=>s.delete(e))),F(s)}),[m]),R=g.useCallback((()=>{setTimeout((()=>b.current?.focus()),0)}),[]),k=g.useRef(t);return g.useEffect((()=>{if(t){if(k.current)return;return setTimeout((()=>b.current?.focus()),0),void(k.current=!0)}F((e=>{const s=al(i);return ee.equals(e,s)?e:s})),k.current=!1}),[t,i]),{collectionProps:{currentKey:p.rowKey,data:o?x:e,selectedKeys:m,onCurrentKeyChange:f,onLoadRange:o?w:d,onSelectionChange:U},footerProps:{onApply:v},selectMultipleFieldInputProps:{displayValue:E,hasEmptyLabel:!1,hasInsideLabel:!0,inputRef:b,isTextTagListShown:T.length>0,isUserFiltering:!0,removeIcon:"always",userInput:a,textTagListData:T,textTagListRef:l,onExitNavigation:R,onRemove:N},selectMultipleFieldProps:{hasInsideLabel:!0,isBackButtonShown:!0,isClearButtonShown:!X.isEmptyOrUndefined(a)||0!==T.length,isDropdownArrowShown:!1,isDropdownSelectedOnlyView:o,isSelectedValuesCountShown:m.size>0||o,selectedValuesCount:m.size,styleVariant:"embedded",onBackButtonClick:I,onClearButtonClick:C}}}({data:ce,inputRef:Q,isDropdownOpen:ye,isDropdownSelectedOnlyView:Ae,itemText:w,textTagListRef:Ie.textTagListRef,userInput:Ce,valueItems:D,onCommit:C,onLoadRange:R,setDropdownOpen:_e,setUserInput:ge,stopFiltering:ve}),Le=h.useLoadingIndicatorTimer(A??!1),{baseId:De,formFieldContext:Me,inputProps:Pe,labelProps:Be,textFieldProps:je,userAssistanceProps:Ke}=p.useTextField({ariaDescribedBy:re.ariaDescribedBy,helpSourceLink:m,helpSourceText:F,isDisabled:G,isFocused:Te,isLoading:Le,isReadonly:q,isRequiredShown:b,labelEdge:Y,messages:v,styleVariant:M,userAssistanceDensity:J,value:void 0!==D&&D.length>0||void 0}),{formFieldContext:Oe,inputProps:We,labelProps:He,textFieldProps:ze,userAssistanceProps:Ge}=p.useTextField({ariaDescribedBy:re.ariaDescribedBy,helpSourceLink:m,helpSourceText:F,isDisabled:!1,isFocused:Te,isLoading:Le,isReadonly:!1,isRequiredShown:!1,labelEdge:"inside",styleVariant:"default",value:Ve.selectedValuesCount>0||void 0});Me.hasValue=A||Me.hasValue,Oe.hasValue=A||Oe.hasValue;const qe=`${De}-dropdown`,{displayValue:Ye,textTags:$e}=ol(w,D),Ze=s.jsx(oe.Label,{...Be,...n.isPhone()?{forId:void 0}:{},children:f}),Je={label:"none"!==Y?Ze:void 0,labelEdge:"none"!==Y?Y:void 0,labelStartWidth:"none"!==Y?$:void 0},Qe={label:s.jsx(oe.Label,{...He,children:f}),labelEdge:"inside"},Xe="none"===Y?f:void 0,es="efficient"===J||"reflow"===J?G||q?"efficient"!==J?void 0:s.jsx(i.InlineUserAssistance,{userAssistanceDensity:J,...Ke}):s.jsx(i.InlineUserAssistance,{assistiveText:o,fieldLabel:f,helpSourceLink:m,helpSourceText:F,messages:v,isRequiredShown:b,userAssistanceDensity:J,...Ke}):void 0,ss="compact"===J?s.jsx(i.CompactUserAssistance,{anchorRef:be,messages:v,assistiveText:o,...Ke}):void 0,ts=S.useTranslationBundle("@oracle/oraclejet-preact");if(q)return s.jsx(u.FormFieldContext.Provider,{value:Me,children:s.jsx(a.ReadonlyTextField,{role:"presentation",compactUserAssistance:ss,inlineUserAssistance:es,onBlur:le.onfocusout,onFocus:le.onfocusin,ref:be,...Je,children:s.jsx(ne.ReadonlyTextFieldInput,{"aria-describedby":Pe["aria-describedby"],"aria-label":Xe,"aria-labelledby":Be.id,as:"div",elementRef:ie,hasEmptyLabel:""===f&&"none"===Y,hasInsideLabel:void 0!==f&&"inside"===Y,textAlign:Z,value:Ye})})});const os=null!=ce&&!n.isBeforeDataFetch(ce),ns="inside"===Y,ls=ye&&os?0===ce?.totalSize?ts.select_noMatchesFound():1===ce?.totalSize?ts.select_oneMatchFound():"exact"===ce?.sizePrecision?ts.select_sizeMatchesFound({TOTAL_SIZE:`${ce?.totalSize}`}):ts.select_sizeOrMoreMatchesFound({TOTAL_SIZE:`${ce?.totalSize}`}):"",as=!ye||Fe||G||q||!o&&!m||"efficient"!==J&&"reflow"!==J?void 0:s.jsx(n.DropdownUserAssistance,{assistiveText:o,fieldLabel:f,helpSourceLink:m,helpSourceText:F,userAssistanceDensity:J,...n.isPhone()?Ge:{}}),is=os&&0===ce?.totalSize,rs=is?s.jsx(n.EmptyResults,{}):s.jsx(n.DefaultList,{...n.isPhone()?Ne:de,"aria-label":f??"",currentItemVariant:"highlight",itemRenderer:x,itemText:w,searchText:Ae?void 0:Ee?we:void 0,selectionMode:"multiple"}),ds=ye&&void 0!==ce&&(null===ce||ce.totalSize>0||n.isBeforeDataFetch(ce)||is),cs=""===f&&"none"===Y,us=s.jsx(Xn,{"aria-controls":qe,"aria-expanded":ye,"aria-label":Xe,displayValue:Ye,hasEmptyLabel:cs,hasInsideLabel:ns,inputRef:Q,isRequired:E,isTextTagListShown:Te&&0!==$e.length,isUserFiltering:Ee,liveRegionText:ls,placeholder:k,removeIcon:n.isTablet()?"always":"never",selectedValuesDescriptionId:Ue,textAlign:Z,textTagListData:$e,userInput:Ce,virtualKeyboard:n.isTablet()?P:void 0,...me,...Pe,...Ie}),hs=s.jsx(tl,{"aria-controls":qe,"aria-describedby":Pe["aria-describedby"],"aria-expanded":ye,"aria-invalid":Pe["aria-invalid"],"aria-label":Xe,"aria-labelledby":Be.id,displayValue:Ye,hasEmptyLabel:cs,hasInsideLabel:ns,isRequired:E,onBlur:Pe.onBlur,onFocus:Pe.onFocus,placeholder:k,ref:Q,textAlign:Z,variant:Pe.variant});return s.jsxs(t.Fragment,{children:[s.jsx(u.FormFieldContext.Provider,{value:Me,children:s.jsx(qn,{compactUserAssistance:ss,fieldLabel:f,hasInsideLabel:ns,inlineUserAssistance:es,isDropdownArrowShown:!0,isDropdownSelectedOnlyView:Ae,isSelectedValuesCountShown:Se,mainFieldRef:be,onBlur:le.onfocusout,onFocus:le.onfocusin,onDropdownArrowClick:ue.onClick,onSelectedValuesCountKeyDown:fe.onKeyDown,onSelectedValuesCountKeyUp:fe.onKeyUp,onSelectedValuesCountMouseDown:fe.onMouseDown,onSelectedValuesCountToggle:fe.onToggle,selectedValuesCount:D?.length,...Je,...xe,...je,children:n.isPhone()&&!G?hs:us})}),n.isPhone()?s.jsx(n.SelectMobileDropdown,{header:s.jsxs(u.FormFieldContext.Provider,{value:Oe,children:[s.jsx(r.View,{children:s.jsx(qn,{fieldLabel:f,onBlur:le.onfocusout,onFocus:le.onfocusin,onDropdownArrowClick:ue.onClick,onSelectedValuesCountKeyDown:fe.onKeyDown,onSelectedValuesCountKeyUp:fe.onKeyUp,onSelectedValuesCountMouseDown:fe.onMouseDown,onSelectedValuesCountToggle:fe.onToggle,...Qe,...ze,...Ve,children:s.jsx(Xn,{"aria-controls":qe,"aria-expanded":ye,"aria-label":Xe,isRequired:E,liveRegionText:ls,placeholder:k,selectedValuesDescriptionId:Ue,textAlign:Z,virtualKeyboard:P,...me,...We,...ke})})}),as]}),footer:s.jsx(On,{...Re}),id:qe,isOpen:ds,children:s.jsx(n.DropdownList,{hasBottomGap:!0,isLoading:null===ce,children:rs})}):s.jsxs(n.Dropdown,{dropdownRef:pe,id:qe,isOpen:ds,anchorRef:be,...he,children:[s.jsx(n.DropdownList,{hasBottomGap:void 0===as,isLoading:null===ce,children:rs}),as]})]})}));e.SelectMultiple=il,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', './PRIVATE_SelectCommon', './UNSAFE_Label', './UNSAFE_TextField', './UNSAFE_UserAssistance', './UNSAFE_View', './hooks/UNSAFE_useFocusableTextField', './hooks/UNSAFE_useFormContext', './hooks/UNSAFE_useFormFieldContext', './hooks/UNSAFE_useLoadingIndicatorTimer', './hooks/UNSAFE_useTextField', './hooks/UNSAFE_useTranslationBundle', './UNSAFE_Button', './UNSAFE_SelectMultiple/themes/MobileDropdownFooterStyles.css', './Button-8c99549b', './UNSAFE_Flex', 'css!./UNSAFE_SelectMultiple.css', './UNSAFE_Chip', './Chip-ec58c6ae', './UNSAFE_IconButton', './UNSAFE_Icon', './Icon-f6263197', './IconButton-6cc25d3a', './Flex-21c79608', 'preact/hooks', './hooks/UNSAFE_useFocusWithin', './hooks/UNSAFE_useUser', './utils/PRIVATE_keyboardUtils', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_classNames', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_mergeInterpolations', './UNSAFE_HiddenAccessible', './UNSAFE_Text', './PRIVATE_ThemedIcons/CloseIcon', './hooks/UNSAFE_useTabbableMode', './UNSAFE_SelectMultiple/themes/TextTagStyles.css', './classNames-6767395f', './Text-f6c939ec', './HiddenAccessible-176fa1c8', './UNSAFE_SelectMultiple/themes/TextTagListStyles.css', './useFocusWithin-e51b2a93', './UNSAFE_LiveRegion', './TextFieldInput-165eb0b4', './utils/UNSAFE_interpolations/text', './hooks/UNSAFE_useComponentTheme', './UNSAFE_SelectMultiple/themes/SelectMultipleMobileFieldInputStyles.css', './hooks/UNSAFE_useAccessibleContext', './utils/UNSAFE_stringUtils', './UNSAFE_TextField/themes/redwood/TextFieldInputTheme', './stringUtils-21c493e8', './index-985e2a24', './utils/UNSAFE_mergeProps', './hooks/PRIVATE_useEffectEvent', './Label-7b2a0ac3', './ReadonlyTextFieldInput-b22a82a7', './UNSAFE_HighlightText', './HighlightText-e3a24ff2', './PRIVATE_List', './List-1be89c37', './utils/UNSAFE_keys', './PRIVATE_LoadMoreCollection', './LoadMoreCollection-45f8e4e8', './PRIVATE_Collection', './Collection-9855686d', './hooks/UNSAFE_useViewportIntersect', './PRIVATE_VirtualizedCollection', './VirtualizedCollection-b31c9eda', './UNSAFE_FocusTrap', './FocusTrap-99e3a240', './utils/PRIVATE_tabbableUtils', './_curry1-e6d9d1a5', './_curry2-52d67333', './_arity-f7a07b47', './_curry3-e07e0dfb', './hooks/UNSAFE_useId', './hooks/UNSAFE_useInteractionStyle', './utils/PRIVATE_clientHints', './clientHints-7c609d6d', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', './utils/UNSAFE_interpolations/flexitem', './flexitem-5404a584', './keys-295e5fed', './_has-38a83b27', './PRIVATE_List/themes/ListStyles.css', 'css!./ListStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-e41f3afc', './hooks/PRIVATE_useSelection', './utils/PRIVATE_collectionUtils', './index-fcbf385a', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './hooks/PRIVATE_useCurrentKey', './hooks/PRIVATE_useCollectionFocusRing', './hooks/PRIVATE_useTabbableModeSet', './hooks/PRIVATE_useItemAction', './SkeletonContainer-f6f3bf14', './UNSAFE_Skeleton', './Skeleton-2f11d677', './utils/UNSAFE_interpolations/borders', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './UNSAFE_Skeleton/themes/SkeletonStyles.css', 'css!./SkeletonStyles.styles.css', './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-b3699512', './utils/UNSAFE_logger', './UNSAFE_Selector', './PRIVATE_ThemedIcons/CheckboxOffIcon', './PRIVATE_Icons/CheckboxOff', './hooks/UNSAFE_useTooltip', './UNSAFE_Floating', './Floating-eb348d77', './index-88e3273c', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-9a92ef3d', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-d0f96d4d', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-346d4401', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './PRIVATE_ThemedIcons/CheckboxOnIcon', './PRIVATE_Icons/CheckboxOn', './PRIVATE_ThemedIcons/CheckboxMixedIcon', './PRIVATE_Icons/CheckboxMixed', './UNSAFE_Selector/themes/SelectorStyles.css', 'css!./SelectorStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioIconTheme', './UNSAFE_Radio/themes/RadioIconStyles.css', 'css!./RadioIconStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioIconBaseTheme.css', 'module', './UNSAFE_Radio/themes/redwood/RadioIconVariants.css', 'css!./RadioIconVariants.styles2.css', './utils/UNSAFE_interpolations/boxalignment', './utils/UNSAFE_interpolations/flexbox', './flexbox-baa962bb', './hooks/PRIVATE_useCollectionGestureContext', './UNSAFE_GroupedList/themes/redwood/GroupedListTheme', './UNSAFE_GroupedList/themes/GroupedListStyles.css', 'css!./GroupedListStyles.styles.css', './UNSAFE_GroupedList/themes/redwood/GroupedListBaseTheme.css', 'module', './PRIVATE_SelectCommon/themes/dropdownStyles.css', 'css!./dropdownStyles.styles.css', './hooks/UNSAFE_usePress', './PRIVATE_ThemedIcons/DropdownArrowIcon', './UNSAFE_WindowOverlay', './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css', 'css!./WindowOverlayStyles.styles.css', './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css', 'module', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css', './PRIVATE_SelectCommon/themes/mobileDropdownStyles.css', 'css!./mobileDropdownStyles.styles.css', './UNSAFE_Divider', './Divider-8c884533', './UNSAFE_Divider/themes/DividerStyles.css', 'css!./DividerStyles.styles.css', './PRIVATE_SelectCommon/themes/selectMobileDropdownStyles.css', 'css!./selectMobileDropdownStyles.styles.css', './InlineHelpSource-f6d4a8da', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', 'css!./UserAssistanceStyles.styles.css', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './UNSAFE_ComponentMessage', './ComponentMessage-20765f13', './PRIVATE_Message', './utils/PRIVATE_timer', './PRIVATE_Message/themes/MessageStyles.css', 'css!./MessageStyles.styles.css', './MessageCloseButton-6b33ec18', './MessageDetail-454cfbe8', './MessageFormattingUtils-9b06a7e6', './utils/UNSAFE_getLocale', './Message.types-6c259c61', './MessageStartIcon-d539c05d', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './MessageSummary-f9097eae', './MessageTimestamp-8443f617', './MessageUtils-66cba86e', './utils/UNSAFE_soundUtils', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './UNSAFE_MessageBanner/themes/MessageBannerStyles.css', 'css!./MessageBannerStyles.styles.css', './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'css!./MessageBannerVariants.styles2.css', './MessagesManager-805ef794', './PRIVATE_TransitionGroup', './hooks/UNSAFE_useMessagesContext', './UNSAFE_BaseButton', './BaseButton-6624aede', './UNSAFE_ButtonLayout', './ButtonLayout-f0d694e3', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme', './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css', 'css!./ComponentMessageStyles.styles.css', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './ComponentMessageContainer-652bd72f', './hooks/UNSAFE_useInputGroupContext', './UNSAFE_Popup', './hooks/PRIVATE_useAnimationStatus', './UNSAFE_Popup/themes/PopupContract.css', './UNSAFE_Popup/themes/redwood/PopupTheme', './UNSAFE_Popup/themes/redwood/PopupBaseTheme.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', 'css!./PopupStyles.styles.css', './CompactHelpSource-ac34a5bf', './PRIVATE_ThemedIcons/HelpIcon', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_Label/themes/LabelStyles.css', 'css!./LabelStyles.styles.css', './UNSAFE_Label/themes/redwood/LabelBaseTheme.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', './UNSAFE_TextField/themes/redwood/TextFieldBaseTheme.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', 'css!./TextFieldVariants.styles2.css', './UNSAFE_LabelValueLayout', 'css!./LabelValueLayoutStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioTheme', './UNSAFE_Radio/themes/RadioStyles.css', 'css!./RadioStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioBaseTheme.css', 'module', './UNSAFE_Radio/themes/redwood/RadioVariants.css', './UNSAFE_TextField/themes/redwood/FormLayoutTheme', './UNSAFE_TextField/themes/FormLayoutStyles.css', './UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.css', 'module', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldTheme', './UNSAFE_TextField/themes/ReadonlyTextFieldStyles.css', 'css!./ReadonlyTextFieldStyles.styles.css', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldVariants.css', 'css!./ReadonlyTextFieldVariants.styles.css', './hooks/UNSAFE_useDebounce', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputTheme', './UNSAFE_TextField/themes/ReadonlyTextFieldInputStyles.css', 'css!./ReadonlyTextFieldInputStyles.styles.css', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputVariants.css', './hooks/UNSAFE_useTextFieldInputHandlers', './UNSAFE_TextField/themes/TextFieldInputStyles.css', 'css!./TextFieldInputStyles.styles.css', './UNSAFE_TextField/themes/redwood/TextFieldInputVariants.css', './utils/UNSAFE_interpolations/colors', './utils/UNSAFE_interpolations/padding', './utils/UNSAFE_interpolations/aria', './hooks/UNSAFE_useTimer', './hooks/PRIVATE_useMessageSeverity', './hooks/UNSAFE_useFormFieldContextProps', 'css!./MobileDropdownFooterStyles.styles.css', './hooks/UNSAFE_useActionable', './UNSAFE_Chip/themes/ChipStyles.css', 'css!./ChipStyles.styles.css', 'css!./TextTagStyles.styles.css', 'css!./TextTagListStyles.styles.css', 'css!./SelectMultipleMobileFieldInputStyles.styles.css'], (function(e,s,t,o,n,l,a,i,r,d,c,u,h,p,S,m,F,y,A,T,E,b,x,w,U,_,f,g,v,I,C,N,R,k,V,L,D,M,P,B,j,K,O,W,H,z,G,q,Y,$,Z,J,Q,X,ee,se,te,oe,ne,le,ae,ie,re,de,ce,ue,he,pe,Se,me,Fe,ye,Ae,Te,Ee,be,xe,we,Ue,_e,fe,ge,ve,Ie,Ce,Ne,Re,ke,Ve,Le,De,Me,Pe,Be,je,Ke,Oe,We,He,ze,Ge,qe,Ye,$e,Ze,Je,Qe,Xe,es,ss,ts,os,ns,ls,as,is,rs,ds,cs,us,hs,ps,Ss,ms,Fs,ys,As,Ts,Es,bs,xs,ws,Us,_s,fs,gs,vs,Is,Cs,Ns,Rs,ks,Vs,Ls,Ds,Ms,Ps,Bs,js,Ks,Os,Ws,Hs,zs,Gs,qs,Ys,$s,Zs,Js,Qs,Xs,et,st,tt,ot,nt,lt,at,it,rt,dt,ct,ut,ht,pt,St,mt,Ft,yt,At,Tt,Et,bt,xt,wt,Ut,_t,ft,gt,vt,It,Ct,Nt,Rt,kt,Vt,Lt,Dt,Mt,Pt,Bt,jt,Kt,Ot,Wt,Ht,zt,Gt,qt,Yt,$t,Zt,Jt,Qt,Xt,eo,so,to,oo,no,lo,ao,io,ro,co,uo,ho,po,So,mo,Fo,yo,Ao,To,Eo,bo,xo,wo,Uo,_o,fo,go,vo,Io,Co,No,Ro,ko,Vo,Lo,Do,Mo,Po,Bo,jo,Ko,Oo,Wo,Ho,zo,Go,qo,Yo,$o,Zo,Jo,Qo,Xo,en,sn,tn,on,nn,ln,an,rn,dn,cn,un,hn,pn,Sn,mn,Fn,yn,An,Tn,En,bn,xn,wn,Un,_n,fn,gn,vn,In,Cn,Nn,Rn,kn,Vn,Ln,Dn,Mn,Pn,Bn,jn,Kn){"use strict";function On({onApply:e}){const t=S.useTranslationBundle("@oracle/oraclejet-preact");return s.jsx("div",{class:F.mobileDropdownFooterStyles.base,children:s.jsx(y.Button,{display:"label",edge:"bottom",label:t.selectMultiple_apply(),size:"sm",variant:"callToAction",onAction:e})})}const Wn="d0tku7";function Hn({"aria-label":e,count:t=0,onKeyDown:o,onKeyUp:n,onMouseDown:l,...a}){const i=S.useTranslationBundle("@oracle/oraclejet-preact"),r=i.selectMultiple_showSelectedValues(),d=e?`${e}. `:"",c=i.selectMultiple_countPlus({COUNT:"99"}),u=t>99?`${c}`:`${t}`,h=`${d}${i.selectMultiple_valuesSelected({VALUE_COUNT:`${t}`})} ${r}`;return s.jsx("div",{class:Wn,onKeyDown:o,onKeyUp:n,onMouseDown:l,children:s.jsx(b.Chip,{"aria-label":h,...a,children:u})})}const zn=e=>s.jsx(U.Icon,{viewBox:"0 0 24 24",...e,children:s.jsx("g",{fill:"none",children:s.jsx("path",{d:"m9.414 12 7.293-7.293-1.414-1.414L6.586 12l8.707 8.707 1.414-1.414L9.414 12z",fill:"currentcolor"})})}),Gn=e=>s.jsx(U.Icon,{viewBox:"0 0 24 24",...e,children:s.jsx("path",{d:"M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10S2 17.514 2 12 6.486 2 12 2zm3.498 5L12 10.498 8.502 7 7 8.502 10.498 12 7 15.498 8.502 17 12 13.502 15.498 17 17 15.498 13.502 12 17 8.502z",fill:"currentcolor",fillRule:"evenodd"})});function qn({children:e,fieldLabel:t,hasInsideLabel:o,isBackButtonShown:l,isClearButtonShown:i,isDropdownArrowShown:r,isDropdownSelectedOnlyView:d,isSelectedValuesCountShown:c,selectedValuesCount:h,onBackButtonClick:p,onClearButtonClick:m,onDropdownArrowClick:F,onSelectedValuesCountKeyDown:y,onSelectedValuesCountKeyUp:A,onSelectedValuesCountMouseDown:T,onSelectedValuesCountToggle:E,...b}){const{isDisabled:x,isLoading:w}=u.useFormFieldContext(),U=S.useTranslationBundle("@oracle/oraclejet-preact"),g=s.jsx(_.IconButton,{"aria-label":U.selectMultiple_back(),variant:"borderless",onAction:p,children:s.jsx(zn,{})}),v=s.jsx(_.IconButton,{"aria-label":U.formControl_clear(),size:o?"md":"sm",variant:"borderless",onAction:m,children:s.jsx(Gn,{})}),I=s.jsx(n.DropdownArrow,{isDisabled:x,size:o?"md":"sm",onClick:F}),C=w?void 0:c?s.jsxs(f.Flex,{align:"center",justify:"center",gap:[0,"1x"],children:[s.jsx(Hn,{"aria-label":t,count:h,isDisabled:x,isSelected:d,onKeyDown:y,onKeyUp:A,onMouseDown:T,onToggle:E}),i&&v,r&&I]}):s.jsxs(s.Fragment,{children:[i&&v,r&&I]});return s.jsx(a.TextField,{startContent:l&&g,mainContent:e,endContent:C,...b})}function Yn({children:e,removeIcon:t="never",isSelected:o=!1,onRemoveAction:l,onSelect:a,onRemoveIconClick:i,isFocused:r,value:d}){const c=S.useTranslationBundle("@oracle/oraclejet-preact"),u=g.useRef(null),h=g.useId(),p=j.classNames([B.textTagStyles.base,o&&B.textTagStyles.selected]),m=g.useCallback((()=>{l?.(d)}),[d,l]),F=g.useCallback((()=>{a?.(d)}),[d,a]),y=g.useCallback((()=>{i?.(d)}),[d,i]),A=g.useCallback((e=>{C.isBackspaceOrDelete(e)&&m()}),[m]);return g.useEffect((()=>{r&&o&&(u.current?.focus(),u.current?.scrollIntoView({block:"nearest"}))}),[r,o]),s.jsxs(s.Fragment,{children:[s.jsxs("span",{ref:u,class:p,tabIndex:-1,onClick:F,onKeyUp:A,onMouseDown:n.preventDefault,role:"option","aria-describedby":h,"aria-selected":o?"true":"false",children:[s.jsx(K.Text,{size:"md",variant:"inherit",children:e}),"always"===t&&s.jsx(P.TabbableModeContext.Provider,{value:{isTabbable:!1},children:s.jsx(_.IconButton,{size:"xs",variant:"ghost",onAction:y,children:s.jsx(M.CloseIcon,{})})})]}),s.jsx(O.HiddenAccessible,{id:h,children:c.selectMultiple_removeSelectedTagInstructionText()})]})}const $n=N.stringLiteralArray(["maxWidth"]),Zn=Array.from($n,(e=>k.dimensionInterpolations[e])),Jn=V.mergeInterpolations(Zn);const Qn=o.forwardRef((function(e,t=(()=>{})){const{"aria-label":o,data:n,hasInsideLabel:l=!1,removeIcon:a="never",onExitNavigation:i,onRemove:r}=e,d=g.useRef(null),[c,u]=g.useState([]),{direction:h}=I.useUser(),p=g.useRef(-1),S=n.at(-1)?.value,m=g.useRef({value:S,index:n.length-1});m.current={value:S,index:n.length-1};const F=g.useCallback((e=>{const s=n.at(e)?.value;null!=s&&u([s])}),[n]),y=g.useCallback((()=>{u((e=>(p.current=-1,e.length?[]:e)))}),[]),A=g.useCallback((e=>{r?.([e]),i?.(),y()}),[y,i,r]),T=g.useCallback((e=>{const s=[...c];c.includes(e)||s.push(e),r?.(s),i?.(),y()}),[c,y,i,r]),E=g.useCallback((e=>{u([e]),p.current=n.findIndex((s=>s.value===e))}),[n,u]),b=g.useCallback((e=>{if(0!==n.length){if("ltr"===h&&"ArrowLeft"===e.code||"rtl"===h&&"ArrowRight"===e.code){if(0===p.current)return;return p.current-=1,void F(p.current)}return"ltr"===h&&"ArrowRight"===e.code||"rtl"===h&&"ArrowLeft"===e.code?p.current===n.length-1?void i?.():(p.current+=1,void F(p.current)):"Home"===e.code?(p.current=0,void F(p.current)):"End"===e.code?(p.current=n.length-1,void F(p.current)):C.isSelectAll(e)?(u(n.map((e=>e.value))),void e.preventDefault()):void 0}}),[n,h,i,F,u]),x=g.useCallback((()=>{u((e=>e.length||void 0===m.current.value?e:(p.current=m.current.index,[m.current.value])))}),[]),w=g.useCallback((()=>{y()}),[y]),{focusProps:U}=H.useFocusWithin({onBlurWithin:w});g.useImperativeHandle(t,(()=>({blur:w,focus:x})),[w,x]),g.useEffect((()=>{d.current?.scrollTo({left:d.current.scrollWidth*("ltr"===h?1:-1)})}),[n,h]);const _=Jn(e),f=j.classNames([W.textTagListStyles.textTagListBase,l&&W.textTagListStyles.textTagListInsideLabel]);return s.jsx("div",{class:f,ref:d,tabIndex:-1,onKeyDown:b,role:"listbox","aria-label":o,"aria-multiselectable":"true",style:_,...U,children:n.map(((e,t)=>s.jsx(Yn,{isFocused:p.current===t,isSelected:c.includes(e.value),onRemoveAction:T,onSelect:E,onRemoveIconClick:A,removeIcon:a,value:e.value,children:e.label},e.value)))})}));function Xn({displayValue:e,isTextTagListShown:t,isUserFiltering:o,liveRegionText:n,onExitNavigation:l,onRemove:a,removeIcon:i,selectedValuesDescriptionId:r,textTagListData:d,textTagListRef:c,userInput:u,virtualKeyboard:h,...p}){const m=S.useTranslationBundle("@oracle/oraclejet-preact");return s.jsxs(s.Fragment,{children:[t&&s.jsx(Qn,{"aria-label":m.selectMultiple_selectedValues(),data:d,hasInsideLabel:p.hasInsideLabel,maxWidth:"50%",onExitNavigation:l,onRemove:a,ref:c,removeIcon:i}),s.jsx(f.Flex,{flex:1,children:s.jsx(G.TextFieldInput,{"aria-autocomplete":"list",autoComplete:"off",hasPrefix:t,role:"combobox",spellcheck:!1,type:"auto"===h?"search":h,value:o||t?u:e,...p})}),t&&s.jsx(O.HiddenAccessible,{id:r,isHidden:!0,children:e}),s.jsx(z.LiveRegion,{children:n})]})}const el=[...Object.values(q.textInterpolations)],sl=V.mergeInterpolations(el),tl=o.forwardRef((({"aria-controls":e,"aria-describedby":t,"aria-expanded":o,"aria-invalid":n,"aria-label":l,"aria-labelledby":a,displayValue:i,hasEmptyLabel:r,hasInsideLabel:d=!1,isRequired:c,onBlur:h,onFocus:p,placeholder:S,textAlign:m,variant:F="default"},y)=>{const{isDisabled:A,isFocused:T,hasValue:E=!1}=u.useFormFieldContext(),{isTabbable:b,tabbableModeProps:x}=P.useTabbableMode(),w=G.isInputPlaceholderShown(d,E,T)?S:void 0,{UNSAFE_ariaLabelledBy:U}=Z.useAccessibleContext(),_=r?X.merge([a,U]):a,{class:f}=sl({textAlign:m}),{classes:g}=Y.useComponentTheme(Q.TextFieldInputRedwoodTheme,{type:"notPassword",styleVariant:F,textarea:"notTextArea",input:"isInput",prefix:"noPrefix",suffix:"noSuffix",startContent:"noStartContent",endContent:"hasEndContent",insideLabel:d?"hasInsideLabel":"noInsideLabel",value:E?"hasValue":"noValue",focused:T?"isFocused":"notFocused",disabled:A?"isDisabled":"notDisabled"}),v=j.classNames([$.selectMultipleMobileFieldInputStyles.base,f,g]);return s.jsx("div",{"aria-autocomplete":"list","aria-controls":e,"aria-describedby":t,"aria-expanded":o,"aria-invalid":n,"aria-label":l,"aria-labelledby":_,"aria-required":c?"true":void 0,class:v,onBlur:h,onFocus:p,ref:y,role:"combobox",...b&&x,children:s.jsx("div",{class:$.selectMultipleMobileFieldInputStyles.content,children:s.jsx(K.Text,{variant:i?"inherit":"secondary",children:i||w})})})}));function ol(e,s){const t=S.useTranslationBundle("@oracle/oraclejet-preact").plural_separator();return{displayValue:g.useMemo((()=>{if(void 0===s)return"";const o=function(e,s){const t=s?[...s?.values()]:[],o=s=>n.renderItemText(s,e),l=t.map(o);return new Set(l)}(e,s),l=function(e,s){return Array.from(e.values()).join(s)}(o,t);return l}),[e,t,s]),textTags:g.useMemo((()=>void 0===s?[]:function(e,s=[]){return s.map((s=>({label:n.renderItemText(s,e)??"",value:s.key})))}(e,s)),[e,s])}}function nl({isDropdownSelectedOnlyView:e,valueItems:s}){const t=g.useRef(s),o=g.useRef(e);t.current=o.current!==e?s:t.current,o.current=e;return{data:g.useMemo((()=>e&&t.current&&0!==t.current.length?{offset:0,totalSize:t.current.length??0,sizePrecision:"exact",data:t.current.map((e=>({data:e.data,metadata:e.metadata??{key:e.key}})))}:void 0),[e]),onLoadRange:void 0}}const ll=(e,s,t)=>s.data.forEach((s=>{t.has(s.metadata.key)&&e.set(s.metadata.key,{data:s.data,key:s.metadata.key,metadata:s.metadata})})),al=e=>new Set(e.map((e=>e.key)));const il=o.forwardRef((({"aria-describedby":e,assistiveText:o,data:l,helpSourceLink:m,helpSourceText:F,isDisabled:y,isLoading:A,isReadonly:T,isRequired:E,isRequiredShown:b,itemRenderer:x,itemText:w,label:U,labelEdge:_,labelStartWidth:f,messages:v,onCommit:C,onFilter:N,onLoadRange:R,placeholder:k,textAlign:V,userAssistanceDensity:L,valueItems:D,variant:M="default",virtualKeyboard:P},B)=>{const{isDisabled:j,isReadonly:K,labelEdge:O,labelStartWidth:W,textAlign:H,userAssistanceDensity:z}=c.useFormContext(),G=y??j,q=T??K,Y=_??O,$=f??W,Z=V??H,J=L??z,{enabledElementRef:Q,focusProps:le,isFocused:ae,readonlyElementRef:ie}=d.useFocusableTextField({isDisabled:G,isReadonly:q,ref:B}),{ariaProps:re,collectionProps:de,data:ce,dropdownArrowEventHandlers:ue,dropdownEventHandlers:he,dropdownRef:pe,hasSelectedValuesCount:Se,inputEventHandlers:me,isDropdownAbove:Fe,isDropdownOpen:ye,isDropdownSelectedOnlyView:Ae,isFocused:Te,isUserFiltering:Ee,mainFieldRef:be,mouseProps:xe,searchText:we,selectedValuesCountProps:Ue,selectedValuesDescriptionId:_e,setDropdownOpen:fe,setUserInput:ge,stopFiltering:ve,textTagListProps:Ie,userInput:Ce}=function({ariaDescribedBy:e,data:s,inputRef:t,isDisabled:o,isFocused:l,isReadonly:a,onCommit:i,onFilter:r,onLoadRange:d,valueItems:c}){const[u,h]=g.useState(!1),p=c?.length,S=void 0!==p&&p>0||u,m=nl({isDropdownSelectedOnlyView:u,valueItems:c}),F=u?m.data:s,y=u?m.onLoadRange:d,A=g.useCallback((e=>{X.isEmptyOrUndefined(e.searchText)||h(!1),r?.(e)}),[r]),{currentRow:T,dropdownRef:E,handleDropdownArrowClick:b,handleDropdownAutoDismiss:x,handleDropdownPosition:w,handleInput:U,handleMainFieldKeyDown:_,handleMainFieldKeyUp:f,handleUpDownArrowKeys:v,isDropdownAbove:C,isDropdownOpen:N,isFocused:R,isUserFiltering:k,mainFieldRef:V,onCurrentKeyChange:L,onMouseDown:D,searchText:M,selectedKeys:P,setCurrentRow:B,setDropdownOpen:j,setSelectedKeys:K,setUserInput:O,stopFiltering:W,userInput:H}=n.useSelectCommon({data:F,inputRef:t,isFocused:l,onFilter:A}),z=g.useRef(null),{direction:G}=I.useUser(),q=g.useId(),Y=X.merge([R&&q,e]),$=g.useCallback((()=>{E.current?.parentElement?.removeChild(E.current)}),[E]),Z=g.useCallback((e=>k&&N&&!X.isEmptyOrUndefined(H)&&(F?.data.length??0)>0&&void 0!==e.rowKey),[F,N,k,H]),J=g.useCallback((e=>{if(P?.has(e))return;const s=void 0===P?new Set([e]):new Set([...P.values(),e]);i({previousValue:P,value:s}),K(s)}),[i,P,K]),Q=g.useCallback((e=>{if(N&&"keydown"===e?.type){const s=e;s.code===n.KEYS.TAB&&(s.shiftKey||!S?t.current?.focus():oe.current?.focus(),$())}}),[S,t,N,$]),ee=g.useCallback((e=>{if(!n.isControlOrFunctionKey(e))switch(e.code){case n.KEYS.TAB:N&&(e.shiftKey||!S&&!e.shiftKey)&&($(),j(!1)),S&&!e.shiftKey&&e.stopPropagation();break;case n.KEYS.LEFT:"ltr"===G&&t.current instanceof HTMLInputElement&&0===t.current?.selectionStart&&0===t.current?.selectionEnd&&z.current?.focus();break;case n.KEYS.RIGHT:"rtl"===G&&t.current instanceof HTMLInputElement&&0===t.current?.selectionStart&&0===t.current?.selectionEnd&&z.current?.focus();break;case n.KEYS.ENTER:case n.KEYS.NUMPAD_ENTER:Z(T)&&(j(!1),W(),J(T.rowKey))}}),[T,G,S,t,N,$,J,j,Z,W]);g.useEffect((()=>{const e=c?.reduce(((e,s)=>(e.add(s.key),e)),new Set);K(e)}),[K,c]);const oe=g.useRef(null);g.useEffect((()=>{oe.current=S&&V.current?.querySelector?V.current.querySelector('[role="switch"]'):null}),[S,o,a,V]);const ne=g.useCallback((e=>{switch(e.code){case n.KEYS.TAB:N&&!e.shiftKey&&($(),j(!1)),e.shiftKey&&e.stopPropagation();break;case n.KEYS.UP:case n.KEYS.DOWN:e.preventDefault();break;case n.KEYS.ESC:N&&(j(!1),e.preventDefault(),e.stopPropagation());break;case n.KEYS.ENTER:e.stopPropagation()}}),[N,$,j]),le=g.useCallback((e=>{switch(e.code){case n.KEYS.UP:case n.KEYS.DOWN:v(e)}}),[v]),ae=g.useCallback((e=>{e.preventDefault(),t.current?.focus()}),[t]),ie=g.useCallback((e=>{N||j(!0);const s=e.value??!1;s!==u&&(h(s),s&&W())}),[N,u,j,W]);g.useEffect((()=>{!N&&u&&h(!1)}),[N,u]);const re=g.useCallback((e=>{const s=new Set(e.value.keys?.values());K(s),O(""),i?.({value:s,previousValue:P})}),[i,P,K,O]),de=g.useCallback((()=>{setTimeout((()=>t.current?.focus()),0)}),[t]),ce=g.useCallback((e=>{const s=P,t=new Set(P);e.forEach((e=>t.delete(e))),i?.({previousValue:s,value:t})}),[i,P]),ue=g.useMemo((()=>se.mergeProps({onAutoDismiss:x,onPosition:w},{onAutoDismiss:Q})),[x,w,Q]),he=g.useMemo((()=>se.mergeProps({onInput:U,onKeyDown:_,onKeyUp:f},{onKeyDown:ee})),[_,U,f,ee]),pe=g.useMemo((()=>({textTagListRef:z,onExitNavigation:de,onRemove:ce})),[de,ce]);g.useEffect((()=>{N&&B({rowKey:void 0})}),[N,B]);const Se=te.useEffectEvent((e=>{const s=e?.data[0]?.metadata.key;N&&k&&null!=s&&0===F?.offset&&B({rowKey:X.isEmptyOrUndefined(M)?void 0:s})}));return g.useEffect((()=>{Se(F)}),[Se,F]),{ariaProps:{ariaDescribedBy:Y},collectionProps:{currentKey:T.rowKey,data:F,onCurrentKeyChange:L,onSelectionChange:re,onLoadRange:y,selectedKeys:P},data:F,dropdownArrowEventHandlers:{onClick:b},dropdownEventHandlers:ue,dropdownRef:E,hasSelectedValuesCount:S,inputEventHandlers:he,inputRef:t,isDropdownAbove:C,isDropdownOpen:N,isDropdownSelectedOnlyView:u,isFocused:R,isUserFiltering:k,mainFieldRef:V,mouseProps:o||a?{}:{onMouseDown:D},searchText:M,selectedValuesCountProps:{onKeyDown:ne,onKeyUp:le,onMouseDown:ae,onToggle:ie},selectedValuesDescriptionId:q,setDropdownOpen:j,setUserInput:O,stopFiltering:W,textTagListProps:pe,userInput:H}}({ariaDescribedBy:e,data:l,inputRef:Q,isDisabled:G,isFocused:ae,isReadonly:q,onCommit:C,onFilter:N,onLoadRange:R,valueItems:D}),{collectionProps:Ne,footerProps:Re,selectMultipleFieldInputProps:ke,selectMultipleFieldProps:Ve}=function({data:e,inputRef:s,isDropdownOpen:t,isDropdownSelectedOnlyView:o,itemText:n,textTagListRef:l,userInput:a,valueItems:i=[],onCommit:r,onLoadRange:d,setDropdownOpen:c,setUserInput:u,stopFiltering:h}){const[p,S]=g.useState({rowKey:void 0}),[m,F]=g.useState(al(i)),y=g.useRef(new Map),A=g.useMemo((()=>{const e=[];return m.forEach((s=>{const t=i.find((e=>e.key===s));t?e.push(t):y.current.has(s)&&e.push(y.current.get(s))})),e}),[m,i]),{textTags:T,displayValue:E}=ol(n,A),b=g.useRef(null),{data:x,onLoadRange:w}=nl({isDropdownSelectedOnlyView:o,valueItems:A}),U=g.useCallback((e=>{S({rowKey:e.value})}),[S]),_=g.useCallback((s=>{const t=new Set(s.value.keys?.values());F(t),u(""),e&&ll(y.current,e,t)}),[e,F,u]),f=g.useCallback((()=>{F(new Set(i.map((e=>e.key)))),y.current.clear(),c(!1),h(),s.current?.focus()}),[s,c,h,i]),v=g.useCallback((()=>{r({previousValue:al(i),value:m}),f()}),[m,i,f,r]),I=g.useCallback((()=>{f()}),[f]),C=g.useCallback((()=>{F(new Set),h()}),[h]),N=g.useCallback((e=>{const s=new Set(m);e.forEach((e=>s.delete(e))),F(s)}),[m]),R=g.useCallback((()=>{setTimeout((()=>b.current?.focus()),0)}),[]),k=g.useRef(t);return g.useEffect((()=>{if(t){if(k.current)return;return setTimeout((()=>b.current?.focus()),0),void(k.current=!0)}F((e=>{const s=al(i);return ee.equals(e,s)?e:s})),k.current=!1}),[t,i]),{collectionProps:{currentKey:p.rowKey,data:o?x:e,selectedKeys:m,onCurrentKeyChange:U,onLoadRange:o?w:d,onSelectionChange:_},footerProps:{onApply:v},selectMultipleFieldInputProps:{displayValue:E,hasEmptyLabel:!1,hasInsideLabel:!0,inputRef:b,isTextTagListShown:T.length>0,isUserFiltering:!0,removeIcon:"always",userInput:a,textTagListData:T,textTagListRef:l,onExitNavigation:R,onRemove:N},selectMultipleFieldProps:{hasInsideLabel:!0,isBackButtonShown:!0,isClearButtonShown:!X.isEmptyOrUndefined(a)||0!==T.length,isDropdownArrowShown:!1,isDropdownSelectedOnlyView:o,isSelectedValuesCountShown:m.size>0||o,selectedValuesCount:m.size,styleVariant:"embedded",onBackButtonClick:I,onClearButtonClick:C}}}({data:ce,inputRef:Q,isDropdownOpen:ye,isDropdownSelectedOnlyView:Ae,itemText:w,textTagListRef:Ie.textTagListRef,userInput:Ce,valueItems:D,onCommit:C,onLoadRange:R,setDropdownOpen:fe,setUserInput:ge,stopFiltering:ve}),Le=h.useLoadingIndicatorTimer(A??!1),{baseId:De,formFieldContext:Me,inputProps:Pe,labelProps:Be,textFieldProps:je,userAssistanceProps:Ke}=p.useTextField({ariaDescribedBy:re.ariaDescribedBy,helpSourceLink:m,helpSourceText:F,isDisabled:G,isFocused:Te,isLoading:Le,isReadonly:q,isRequiredShown:b,labelEdge:Y,messages:v,styleVariant:M,userAssistanceDensity:J,value:void 0!==D&&D.length>0||void 0}),{formFieldContext:Oe,inputProps:We,labelProps:He,textFieldProps:ze,userAssistanceProps:Ge}=p.useTextField({ariaDescribedBy:re.ariaDescribedBy,helpSourceLink:m,helpSourceText:F,isDisabled:!1,isFocused:Te,isLoading:Le,isReadonly:!1,isRequiredShown:!1,labelEdge:"inside",styleVariant:"default",value:Ve.selectedValuesCount>0||void 0});Me.hasValue=A||Me.hasValue,Oe.hasValue=A||Oe.hasValue;const qe=`${De}-dropdown`,{displayValue:Ye,textTags:$e}=ol(w,D),Ze=s.jsx(oe.Label,{...Be,...n.isPhone()?{forId:void 0}:{},children:U}),Je={label:"none"!==Y?Ze:void 0,labelEdge:"none"!==Y?Y:void 0,labelStartWidth:"none"!==Y?$:void 0},Qe={label:s.jsx(oe.Label,{...He,children:U}),labelEdge:"inside"},Xe="none"===Y?U:void 0,es="efficient"===J||"reflow"===J?G||q?"efficient"!==J?void 0:s.jsx(i.InlineUserAssistance,{userAssistanceDensity:J,...Ke}):s.jsx(i.InlineUserAssistance,{assistiveText:o,fieldLabel:U,helpSourceLink:m,helpSourceText:F,messages:v,isRequiredShown:b,userAssistanceDensity:J,...Ke}):void 0,ss="compact"===J?s.jsx(i.CompactUserAssistance,{anchorRef:be,messages:v,assistiveText:o,...Ke}):void 0,ts=S.useTranslationBundle("@oracle/oraclejet-preact");if(q)return s.jsx(u.FormFieldContext.Provider,{value:Me,children:s.jsx(a.ReadonlyTextField,{role:"presentation",compactUserAssistance:ss,inlineUserAssistance:es,onBlur:le.onfocusout,onFocus:le.onfocusin,ref:be,...Je,children:s.jsx(ne.ReadonlyTextFieldInput,{"aria-describedby":Pe["aria-describedby"],"aria-label":Xe,"aria-labelledby":Be.id,as:"div",elementRef:ie,hasEmptyLabel:""===U&&"none"===Y,hasInsideLabel:void 0!==U&&"inside"===Y,textAlign:Z,value:Ye})})});const os=null!=ce&&!n.isBeforeDataFetch(ce),ns="inside"===Y,ls=ye&&os?0===ce?.totalSize?ts.select_noMatchesFound():1===ce?.totalSize?ts.select_oneMatchFound():"exact"===ce?.sizePrecision?ts.select_sizeMatchesFound({TOTAL_SIZE:`${ce?.totalSize}`}):ts.select_sizeOrMoreMatchesFound({TOTAL_SIZE:`${ce?.totalSize}`}):"",as=!ye||Fe||G||q||!o&&!m||"efficient"!==J&&"reflow"!==J?void 0:s.jsx(n.DropdownUserAssistance,{assistiveText:o,fieldLabel:U,helpSourceLink:m,helpSourceText:F,userAssistanceDensity:J,...n.isPhone()?Ge:{}}),is=os&&0===ce?.totalSize,rs=is?s.jsx(n.EmptyResults,{}):s.jsx(n.DefaultList,{...n.isPhone()?Ne:de,"aria-label":U??"",currentItemVariant:"highlight",itemRenderer:x,itemText:w,searchText:Ae?void 0:Ee?we:void 0,selectionMode:"multiple"}),ds=ye&&void 0!==ce&&(null===ce||ce.totalSize>0||n.isBeforeDataFetch(ce)||is),cs=""===U&&"none"===Y,us=s.jsx(Xn,{"aria-controls":qe,"aria-expanded":ye,"aria-label":Xe,displayValue:Ye,hasEmptyLabel:cs,hasInsideLabel:ns,inputRef:Q,isRequired:E,isTextTagListShown:Te&&0!==$e.length,isUserFiltering:Ee,liveRegionText:ls,placeholder:k,removeIcon:n.isTablet()?"always":"never",selectedValuesDescriptionId:_e,textAlign:Z,textTagListData:$e,userInput:Ce,virtualKeyboard:n.isTablet()?P:void 0,...me,...Pe,...Ie}),hs=s.jsx(tl,{"aria-controls":qe,"aria-describedby":Pe["aria-describedby"],"aria-expanded":ye,"aria-invalid":Pe["aria-invalid"],"aria-label":Xe,"aria-labelledby":Be.id,displayValue:Ye,hasEmptyLabel:cs,hasInsideLabel:ns,isRequired:E,onBlur:Pe.onBlur,onFocus:Pe.onFocus,placeholder:k,ref:Q,textAlign:Z,variant:Pe.variant});return s.jsxs(t.Fragment,{children:[s.jsx(u.FormFieldContext.Provider,{value:Me,children:s.jsx(qn,{compactUserAssistance:ss,fieldLabel:U,hasInsideLabel:ns,inlineUserAssistance:es,isDropdownArrowShown:!0,isDropdownSelectedOnlyView:Ae,isSelectedValuesCountShown:Se,mainFieldRef:be,onBlur:le.onfocusout,onFocus:le.onfocusin,onDropdownArrowClick:ue.onClick,onSelectedValuesCountKeyDown:Ue.onKeyDown,onSelectedValuesCountKeyUp:Ue.onKeyUp,onSelectedValuesCountMouseDown:Ue.onMouseDown,onSelectedValuesCountToggle:Ue.onToggle,selectedValuesCount:D?.length,...Je,...xe,...je,children:n.isPhone()&&!G?hs:us})}),n.isPhone()?s.jsx(n.SelectMobileDropdown,{header:s.jsxs(u.FormFieldContext.Provider,{value:Oe,children:[s.jsx(r.View,{children:s.jsx(qn,{fieldLabel:U,onBlur:le.onfocusout,onFocus:le.onfocusin,onDropdownArrowClick:ue.onClick,onSelectedValuesCountKeyDown:Ue.onKeyDown,onSelectedValuesCountKeyUp:Ue.onKeyUp,onSelectedValuesCountMouseDown:Ue.onMouseDown,onSelectedValuesCountToggle:Ue.onToggle,...Qe,...ze,...Ve,children:s.jsx(Xn,{"aria-controls":qe,"aria-expanded":ye,"aria-label":Xe,isRequired:E,liveRegionText:ls,placeholder:k,selectedValuesDescriptionId:_e,textAlign:Z,virtualKeyboard:P,...me,...We,...ke})})}),as]}),footer:s.jsx(On,{...Re}),id:qe,isOpen:ds,children:s.jsx(n.DropdownList,{hasBottomGap:!0,isLoading:null===ce,children:rs})}):s.jsxs(n.Dropdown,{dropdownRef:pe,id:qe,isOpen:ds,anchorRef:be,...he,children:[s.jsx(n.DropdownList,{hasBottomGap:void 0===as,isLoading:null===ce,children:rs}),as]})]})}));e.SelectMultiple=il,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_SelectMultiple.js.map