@oracle/oraclejet-preact 18.0.7 → 18.0.8

package/amd/RadioItem-b17c346c.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', './useComponentTheme-5aa41a8f', './useFocus-4194fc59', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './useId-c9578d26', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './useInteractionStyle-76a64325', './useTranslationBundle-d07d4b20', './CheckboxRadioContext-6a0fead0', './Check-99925738', './RadioButtonOff-021206c5', './RadioButtonOn-1b94c270', './HiddenAccessible-037ef42d', './RadioItemContext-70878de8', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', 'preact/hooks', './Flex-3421f0df', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './LayerHost-639b3284', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-e5bdb734', 'css!./IconStyle.styles.css', './IconButton-ae9a01ce', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './logger-0f873e29', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './InputGroupContext-372087af', './Popup-66e79afa', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './IconUserAssistance-37107cea', './UNSAFE_RadioItem/themes/RadioIconContract.css', './UNSAFE_RadioItem/themes/redwood/RadioIconTheme', './UNSAFE_RadioItem/themes/redwood/RadioTheme'], (function(e,s,o,t,a,n,i,d,c,l,r,u,m,b,h,p,S,y,C,x,F,A,R,T,f,g,U,I,v,B,w,M,E,_,N,j,k,L,V,D,H,O,P,z,G,$,q,J,K,Q,W,X,Y,Z){"use strict";e.RadioItem=({value:e,children:n,...d})=>{const{isReadonly:r,isDisabled:F}=i.useFormContext(),{isDisabled:A,isReadonly:R}=c.useFormFieldContext(),{name:T,value:f,onCommit:g}=x.useRadioSetContext(),{isFocusRingShown:U}=h.useCheckboxRadioContext(),{index:I}=x.useRadioItemContext(),{isTabbable:v}=u.useTabbableMode(),B=l.useId(),{isFocus:w,focusProps:M}=a.useFocus(),E=o.createRef(),_=f===e,N=A??F,j=R??r,{interactionProps:k,applyActiveStyle:L}=m.useInteractionStyle(),{classes:V,styles:{valueLabelStyle:D}}=t.useComponentTheme(Z.RadioRedwoodTheme,{disabled:N?"isDisabled":"notDisabled",focused:w&&U?"isFocused":""}),{classes:H}=t.useComponentTheme(Y.RadioIconRedwoodTheme,{disabled:N?"isDisabled":"notDisabled",selected:_?"isSelected":"notSelected",readonly:j?"isReadonly":"notReadonly",active:L?"isActive":"notActive"});o.useEffect((()=>{w&&U&&E?.current?.scrollIntoView({block:"nearest"})}),[w,U,E]);const{assistiveText:O,helpSourceLink:P}=d,z=!(N||j||!O&&!P),G=z?`${B}-help-available`:void 0,$=z?`${B}-icon-ua`:void 0,q=b.useTranslationBundle("@oracle/oraclejet-preact").formControl_helpAvailable(),J=j?_?p.SvgCheck:S.SvgRadioButtonOff:_?y.SvgRadioButtonOn:S.SvgRadioButtonOff,K=!1!==v&&(0===I&&!f||_)?0:-1;return s.jsx("div",{children:s.jsxs("label",{class:V,ref:E,children:[s.jsxs(C.HiddenAccessible,{children:[s.jsx("input",{type:"radio",name:T,id:B,value:e,...!j&&!N&&{onChange:s=>{s.stopPropagation(),g?.({previousValue:f,value:e})}},checked:_,disabled:N,"aria-describedby":G,tabIndex:K,...M}),z&&s.jsx(C.HiddenAccessible,{id:G,isHidden:!0,children:q})]}),s.jsx("span",{"aria-hidden":"true",class:H,...k,children:s.jsx(J,{size:X.radioIconVars.iconSize,color:"currentColor"})}),s.jsxs("span",{class:D,children:[s.jsx("span",{...k,children:n}),z&&s.jsx(W.IconUserAssistance,{...d,isTabbable:v&&w,id:$})]})]})})}}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './useComponentTheme-5aa41a8f', './useFocus-4194fc59', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './useId-c9578d26', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './useInteractionStyle-76a64325', './useTranslationBundle-516b1b83', './CheckboxRadioContext-6a0fead0', './Check-99925738', './RadioButtonOff-021206c5', './RadioButtonOn-1b94c270', './HiddenAccessible-037ef42d', './RadioItemContext-70878de8', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', 'preact/hooks', './Flex-56ecdf4c', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './LayerHost-e95c5f30', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-69ce0a2d', 'css!./IconStyle.styles.css', './IconButton-ae9a01ce', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './logger-0f873e29', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './InputGroupContext-372087af', './Popup-d51bf3f4', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './IconUserAssistance-d2bd2691', './UNSAFE_RadioItem/themes/RadioIconContract.css', './UNSAFE_RadioItem/themes/redwood/RadioIconTheme', './UNSAFE_RadioItem/themes/redwood/RadioTheme'], (function(e,s,o,t,a,n,d,i,c,l,r,u,m,b,h,p,S,y,C,x,F,A,R,T,f,g,U,I,v,B,w,M,E,_,N,j,k,L,V,D,H,O,P,z,G,$,q,J,K,Q,W,X,Y,Z){"use strict";e.RadioItem=({value:e,children:n,...i})=>{const{isReadonly:r,isDisabled:F}=d.useFormContext(),{isDisabled:A,isReadonly:R}=c.useFormFieldContext(),{name:T,value:f,onCommit:g}=x.useRadioSetContext(),{isFocusRingShown:U}=h.useCheckboxRadioContext(),{index:I}=x.useRadioItemContext(),{isTabbable:v}=u.useTabbableMode(),B=l.useId(),{isFocus:w,focusProps:M}=a.useFocus(),E=o.createRef(),_=f===e,N=A??F,j=R??r,{interactionProps:k,applyActiveStyle:L}=m.useInteractionStyle(),{classes:V,styles:{valueLabelStyle:D}}=t.useComponentTheme(Z.RadioRedwoodTheme,{disabled:N?"isDisabled":"notDisabled",focused:w&&U?"isFocused":""}),{classes:H}=t.useComponentTheme(Y.RadioIconRedwoodTheme,{disabled:N?"isDisabled":"notDisabled",selected:_?"isSelected":"notSelected",readonly:j?"isReadonly":"notReadonly",active:L?"isActive":"notActive"});o.useEffect((()=>{w&&U&&E?.current?.scrollIntoView({block:"nearest"})}),[w,U,E]);const{assistiveText:O,helpSourceLink:P}=i,z=!(N||j||!O&&!P),G=z?`${B}-help-available`:void 0,$=z?`${B}-icon-ua`:void 0,q=b.useTranslationBundle("@oracle/oraclejet-preact").formControl_helpAvailable(),J=j?_?p.SvgCheck:S.SvgRadioButtonOff:_?y.SvgRadioButtonOn:S.SvgRadioButtonOff,K=!1!==v&&(0===I&&!f||_)?0:-1;return s.jsx("div",{children:s.jsxs("label",{class:V,ref:E,children:[s.jsxs(C.HiddenAccessible,{children:[s.jsx("input",{type:"radio",name:T,id:B,value:e,...!j&&!N&&{onChange:s=>{s.stopPropagation(),g?.({previousValue:f,value:e})}},checked:_,disabled:N,"aria-describedby":G,tabIndex:K,...M}),z&&s.jsx(C.HiddenAccessible,{id:G,isHidden:!0,children:q})]}),s.jsx("span",{"aria-hidden":"true",class:H,...k,children:s.jsx(J,{size:X.radioIconVars.iconSize,color:"currentColor"})}),s.jsxs("span",{class:D,children:[s.jsx("span",{...k,children:n}),z&&s.jsx(W.IconUserAssistance,{...i,isTabbable:v&&w,id:$})]})]})})}}));
 //# sourceMappingURL=RadioItem-b17c346c.js.map

package/amd/RatingGauge-539ede8e.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './classNames-08d99695', './UNSAFE_RatingGauge/themes/RatingGaugeContract.css', './useComponentTheme-5aa41a8f', './useUser-3ef25571', './vanilla-extract-dynamic.esm-eceadd82', './UNSAFE_RatingGauge/themes/redwood/RatingGaugeTheme', './useKeyboardEvents-8ada7a1f', 'preact/compat', './LayerHost-639b3284', 'css!./LayerStyles.styles.css', './Floating-5d98c1ca', 'css!./useDatatip.styles.css', './datatipUtils-01750311', './meterUtils-9d026b15', './useDatatip-9942601b', './useTooltipControlled-ee3276de', './mergeProps-bcfa6a92', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './useTestId-b5cd4766'], (function(e,t,s,a,o,i,n,l,r,d,c,u,h,p,b,g,m,y,R,x,S,v,f,C){"use strict";function D(e,t,s,a,o){const i=a.current;if(!i||0===i.width)return-1;const n=e-i.x,l=t*(o?i.width-n:n)/i.width/s;return l<.5?0:Math.min(t,Math.ceil(l)*s)}function w(e){if(!e)return{width:0,x:0};const t=e.getBoundingClientRect();return{width:t.width,x:t.x+window.scrollX}}const T=({isSelected:e,isDisabled:s,isReadOnly:a,color:c="neutral"})=>{const{forcedColors:u}=l.useUser(),h="active"===u,p=h&&s,b=function(e){return"neutral"===e||"gold"===e||"danger"===e||"warning"===e||"success"===e?e:void 0}(c),g=r.assignInlineVars({[i.ratingGaugeVars.colorSelected]:c,[i.ratingGaugeVars.borderColorSelected]:c,[i.ratingGaugeVars.colorSelectedReadonly]:c}),{variantClasses:m,styles:{ratingStarBaseStyle:y,innerRatingStarColor:R,outerRatingStarColor:x,outerDisabledHighContrastBaseStyle:S,outerDisabledHighContrastSelectedStyle:v,outerDisabledHighContrastUnselectedStyle:f}}=n.useComponentTheme(d.RatingGaugeRedwoodTheme,{color:b,selectionState:e?"isSelected":"isNotSelected",disabledState:s?"isDisabled":"isNotDisabled",readonlyState:a?"isReadonly":"isNotReadonly",highContrastState:h?"isHighContrast":"isNotHighContrast"});return t.jsx("svg",{viewBox:"0 0 36 36",height:"100%",width:"100%",style:b?void 0:g,class:o.classNames([y,b?m:""]),children:t.jsxs("g",{children:[t.jsx("path",{class:R,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:o.classNames([x,p?S:"",p?e?v:f:""]),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"})]})})},j=({fillRatio:e,isDisabled:a,isReadonly:o,color:i})=>{const{direction:r}=l.useUser(),c="rtl"===r,{styles:{fractionalStarBaseStyle:u}}=n.useComponentTheme(d.RatingGaugeRedwoodTheme);return 1===e||0===e?t.jsx(T,{isSelected:1===e,isDisabled:a,isReadOnly:o,color:i}):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(T,{isSelected:!1,isDisabled:a,isReadOnly:o,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(T,{isSelected:!0,isDisabled:a,isReadOnly:o,color:i})})]})};e.RatingGauge=function({max:e=5,value:i=0,size:r,color:u="neutral",step:h=1,isReadonly:p,isDisabled:b,testId:g,...m}){const v=C.useTestId(g);y.validateRange(0,e,i,h);const T=a.useRef(null),P=a.useRef(w(null)),M=!p&&!b;a.useEffect((()=>{P.current=w(T.current)}),[r,e]);const N=((e,t,s,o,i,n,r,d)=>{const u=a.useRef(),{direction:h}=l.useUser(),p="rtl"===h,b=e=>{d?.({value:e}),u.current=e},g=c.useKeyboardEvents(s,0,e,t,u,r,d);return n?{onPointerUp:s=>{const a=D(s.pageX,e,t,i,p);-1!==a&&r?.({value:a})},onBlur:()=>{r?.({value:s})},onPointerMove:s=>{const a=D(s.pageX,e,t,i,p);-1!==a&&a!=u.current&&b(a)},onKeyUp:g.onKeyUp,onKeyDown:g.onKeyDown,onPointerLeave:()=>{b(void 0)},onPointerEnter:()=>{i.current=w(o.current)}}:{}})(e,h,i,T,P,M,m.onCommit,m.onInput),{datatipContent:U,datatipProps:G}=function({max:e,value:t,isDisabled:s,isReadonly:a,datatip:o,thresholds:i,width:n}){const l=(Math.max(1,Math.ceil(t))-Math.ceil(e/2))*n/e,r=o||!i||s?o:y.findThreshold(t,i)?.accessibleLabel,{datatipContent:d,datatipProps:c}=R.useDatatip({content:s||a?null:r,anchor:"element",offset:{mainAxis:8,crossAxis:l},placement:"bottom",touchResponse:"touchStart"});return{datatipContent:d,datatipProps:a&&!s?{"aria-describedby":void 0}:c}}({max:e,value:i,isDisabled:b,isReadonly:p,datatip:m.datatip,thresholds:m.thresholds,width:P.current.width}),{tooltipContent:B,tooltipProps:z}=function({isReadonly:e,isDisabled:t,tooltip:s}){const[o,i]=a.useState(!1),n=e&&!t?s:"",{tooltipContent:l,tooltipProps:r}=x.useTooltipControlled({text:n,isOpen:o,anchor:{x:"element",y:"element"},position:"bottom",isDisabled:t,onToggle:({value:e})=>i(e),variant:"tooltip"});return{tooltipContent:l,tooltipProps:!t&&e?r:{"aria-describedby":void 0}}}({isReadonly:p,isDisabled:b,tooltip:m.tooltip}),A=y.getMeterAriaProps(i,0,e,m["aria-label"],m["aria-labelledby"],m.thresholds,b,p,m.tooltip),{"aria-describedby":E,...F}=G,{"aria-describedby":H,...I}=z,K=S.mergeProps(N,F,I),O=[E,H,m["aria-describedby"]].filter(Boolean).join(" "),V=y.getThresholdColorFromValue(i,u,m.thresholds),{isTabbable:L}=f.useTabbableMode(),{classes:$,styles:{baseStyle:X,interactiveStyle:_,itemStyle:k,sizeStyle:q}}=n.useComponentTheme(d.RatingGaugeRedwoodTheme,{size:r});return t.jsxs(s.Fragment,{children:[t.jsx("div",{...v,...A,ref:T,class:o.classNames([$,X,M?_:void 0]),tabIndex:L&&!b?0:-1,...K,"aria-describedby":O,children:[...Array(e)].map(((e,s)=>{const a=Math.min(Math.max(0,i-s),1);return t.jsx("div",{className:o.classNames([q,k]),children:t.jsx(j,{fillRatio:a,isDisabled:b,isReadonly:p,color:V})})}))}),U,B]})}}));
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './classNames-08d99695', './UNSAFE_RatingGauge/themes/RatingGaugeContract.css', './useComponentTheme-5aa41a8f', './useUser-85c781ea', './vanilla-extract-dynamic.esm-eceadd82', './UNSAFE_RatingGauge/themes/redwood/RatingGaugeTheme', './useKeyboardEvents-d87e3587', 'preact/compat', './LayerHost-e95c5f30', 'css!./LayerStyles.styles.css', './Floating-1ec5ec2a', 'css!./useDatatip.styles.css', './datatipUtils-01750311', './meterUtils-9d026b15', './useDatatip-ac26447a', './useTooltipControlled-52183a08', './mergeProps-bcfa6a92', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './useTestId-3a316499'], (function(e,t,s,a,o,i,n,l,r,d,c,u,h,p,b,g,m,y,R,x,S,v,C,f){"use strict";function D(e,t,s,a,o){const i=a.current;if(!i||0===i.width)return-1;const n=e-i.x,l=t*(o?i.width-n:n)/i.width/s;return l<.5?0:Math.min(t,Math.ceil(l)*s)}function w(e){if(!e)return{width:0,x:0};const t=e.getBoundingClientRect();return{width:t.width,x:t.x+window.scrollX}}const T=({isSelected:e,isDisabled:s,isReadOnly:a,color:c="neutral"})=>{const{forcedColors:u}=l.useUser(),h="active"===u,p=h&&s,b=function(e){return"neutral"===e||"gold"===e||"danger"===e||"warning"===e||"success"===e?e:void 0}(c),g=r.assignInlineVars({[i.ratingGaugeVars.colorSelected]:c,[i.ratingGaugeVars.borderColorSelected]:c,[i.ratingGaugeVars.colorSelectedReadonly]:c}),{variantClasses:m,styles:{ratingStarBaseStyle:y,innerRatingStarColor:R,outerRatingStarColor:x,outerDisabledHighContrastBaseStyle:S,outerDisabledHighContrastSelectedStyle:v,outerDisabledHighContrastUnselectedStyle:C}}=n.useComponentTheme(d.RatingGaugeRedwoodTheme,{color:b,selectionState:e?"isSelected":"isNotSelected",disabledState:s?"isDisabled":"isNotDisabled",readonlyState:a?"isReadonly":"isNotReadonly",highContrastState:h?"isHighContrast":"isNotHighContrast"});return t.jsx("svg",{viewBox:"0 0 36 36",height:"100%",width:"100%",style:b?void 0:g,class:o.classNames([y,b?m:""]),children:t.jsxs("g",{children:[t.jsx("path",{class:R,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:o.classNames([x,p?S:"",p?e?v:C:""]),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"})]})})},j=({fillRatio:e,isDisabled:a,isReadonly:o,color:i})=>{const{direction:r}=l.useUser(),c="rtl"===r,{styles:{fractionalStarBaseStyle:u}}=n.useComponentTheme(d.RatingGaugeRedwoodTheme);return 1===e||0===e?t.jsx(T,{isSelected:1===e,isDisabled:a,isReadOnly:o,color:i}):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(T,{isSelected:!1,isDisabled:a,isReadOnly:o,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(T,{isSelected:!0,isDisabled:a,isReadOnly:o,color:i})})]})};e.RatingGauge=function({max:e=5,value:i=0,size:r,color:u="neutral",step:h=1,isReadonly:p,isDisabled:b,testId:g,...m}){const v=f.useTestId(g);y.validateRange(0,e,i,h);const T=a.useRef(null),P=a.useRef(w(null)),M=!p&&!b;a.useEffect((()=>{P.current=w(T.current)}),[r,e]);const N=((e,t,s,o,i,n,r,d)=>{const u=a.useRef(),{direction:h}=l.useUser(),p="rtl"===h,b=e=>{d?.({value:e}),u.current=e},g=c.useKeyboardEvents(s,0,e,t,u,r,d);return n?{onPointerUp:s=>{const a=D(s.pageX,e,t,i,p);-1!==a&&r?.({value:a})},onBlur:()=>{r?.({value:s})},onPointerMove:s=>{const a=D(s.pageX,e,t,i,p);-1!==a&&a!=u.current&&b(a)},onKeyUp:g.onKeyUp,onKeyDown:g.onKeyDown,onPointerLeave:()=>{b(void 0)},onPointerEnter:()=>{i.current=w(o.current)}}:{}})(e,h,i,T,P,M,m.onCommit,m.onInput),{datatipContent:U,datatipProps:G}=function({max:e,value:t,isDisabled:s,isReadonly:a,datatip:o,thresholds:i,width:n}){const l=(Math.max(1,Math.ceil(t))-Math.ceil(e/2))*n/e,r=o||!i||s?o:y.findThreshold(t,i)?.accessibleLabel,{datatipContent:d,datatipProps:c}=R.useDatatip({content:s||a?null:r,anchor:"element",offset:{mainAxis:8,crossAxis:l},placement:"bottom",touchResponse:"touchStart"});return{datatipContent:d,datatipProps:a&&!s?{"aria-describedby":void 0}:c}}({max:e,value:i,isDisabled:b,isReadonly:p,datatip:m.datatip,thresholds:m.thresholds,width:P.current.width}),{tooltipContent:B,tooltipProps:z}=function({isReadonly:e,isDisabled:t,tooltip:s}){const[o,i]=a.useState(!1),n=e&&!t?s:"",{tooltipContent:l,tooltipProps:r}=x.useTooltipControlled({text:n,isOpen:o,anchor:{x:"element",y:"element"},position:"bottom",isDisabled:t,onToggle:({value:e})=>i(e),variant:"tooltip"});return{tooltipContent:l,tooltipProps:!t&&e?r:{"aria-describedby":void 0}}}({isReadonly:p,isDisabled:b,tooltip:m.tooltip}),A=y.getMeterAriaProps(i,0,e,m["aria-label"],m["aria-labelledby"],m.thresholds,b,p,m.tooltip),{"aria-describedby":E,...F}=G,{"aria-describedby":H,...I}=z,K=S.mergeProps(N,F,I),O=[E,H,m["aria-describedby"]].filter(Boolean).join(" "),V=y.getThresholdColorFromValue(i,u,m.thresholds),{isTabbable:L}=C.useTabbableMode(),{classes:$,styles:{baseStyle:X,interactiveStyle:_,itemStyle:k,sizeStyle:q}}=n.useComponentTheme(d.RatingGaugeRedwoodTheme,{size:r});return t.jsxs(s.Fragment,{children:[t.jsx("div",{...v,...A,ref:T,class:o.classNames([$,X,M?_:void 0]),tabIndex:L&&!b?0:-1,...K,"aria-describedby":O,children:[...Array(e)].map(((e,s)=>{const a=Math.min(Math.max(0,i-s),1);return t.jsx("div",{className:o.classNames([q,k]),children:t.jsx(j,{fillRatio:a,isDisabled:b,isReadonly:p,color:V})})}))}),U,B]})}}));
 //# sourceMappingURL=RatingGauge-539ede8e.js.map

package/amd/ReadonlyTextFieldInput-608bddc1.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './useAccessibleContext-23e8a333', './FormContext-5130e198', './useFormContext-30acdd33', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './classNames-08d99695', './textAlign-ef924afd', './mergeInterpolations-9ede4cf7', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './useComponentTheme-5aa41a8f', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputTheme', './useTranslationBundle-d07d4b20'], (function(e,a,o,t,l,s,n,r,i,d,b,u,c,m,x){"use strict";e.ReadonlyTextFieldInput=function({"aria-describedby":e,"aria-label":t,"aria-labelledby":s,autoFocus:b,as:y="div",elementRef:F,hasEmptyLabel:f,hasInsideLabel:p=!1,inlineUserAssistance:T,innerReadonlyField:C,rows:L,type:h,value:I="",variant:R,...A}){const j=x.useTranslationBundle("@oracle/oraclejet-preact").formControl_loading(),{isFormLayout:v,isReadonly:g}=l.useFormContext(),{isLoading:w}=u.useFormFieldContext(),B=w?j:t,M=[...Object.values(i.textInterpolations)],N=d.mergeInterpolations(M),{class:E}=N(A),{classes:U}=c.useComponentTheme(m.ReadonlyTextFieldInputRedwoodTheme,{textarea:"textarea"===R?"isTextArea":"notTextArea",formLayout:v?"isFormLayout":"notFormLayout",readonlyForm:g?"isReadonlyForm":"notReadonlyForm",insideLabel:p?"hasInsideLabel":"noInsideLabel"}),_=r.classNames([U,E]),{isTabbable:S,tabbableModeProps:O}=n.useTabbableMode(),{UNSAFE_ariaLabelledBy:P}=o.useAccessibleContext(),k=f?function(...e){return e.filter(Boolean).join(" ")||void 0}(s,P):s;return"input"===y?a.jsx("input",{"aria-describedby":e,"aria-label":B,"aria-labelledby":k,autofocus:b,class:_,readonly:!0,ref:F,type:h,value:I,...!S&&O}):"textarea"===y?a.jsx("textarea",{"aria-describedby":e,"aria-label":B,"aria-labelledby":k,autofocus:b,class:_,readonly:!0,ref:F,rows:L,...!S&&O,children:I}):a.jsx("div",{"aria-describedby":e,"aria-label":B,"aria-labelledby":k,"aria-readonly":!0,autofocus:b,class:_,ref:F,role:"textbox",...O,children:I})}}));
+define(['exports', 'preact/jsx-runtime', './useAccessibleContext-23e8a333', './FormContext-5130e198', './useFormContext-30acdd33', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './classNames-08d99695', './textAlign-ef924afd', './mergeInterpolations-9ede4cf7', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './useComponentTheme-5aa41a8f', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputTheme', './useTranslationBundle-516b1b83'], (function(e,a,o,t,l,s,n,r,i,d,b,u,c,m,x){"use strict";e.ReadonlyTextFieldInput=function({"aria-describedby":e,"aria-label":t,"aria-labelledby":s,autoFocus:b,as:y="div",elementRef:F,hasEmptyLabel:f,hasInsideLabel:p=!1,inlineUserAssistance:T,innerReadonlyField:C,rows:L,type:h,value:I="",variant:R,...A}){const j=x.useTranslationBundle("@oracle/oraclejet-preact").formControl_loading(),{isFormLayout:v,isReadonly:g}=l.useFormContext(),{isLoading:w}=u.useFormFieldContext(),B=w?j:t,M=[...Object.values(i.textInterpolations)],N=d.mergeInterpolations(M),{class:E}=N(A),{classes:U}=c.useComponentTheme(m.ReadonlyTextFieldInputRedwoodTheme,{textarea:"textarea"===R?"isTextArea":"notTextArea",formLayout:v?"isFormLayout":"notFormLayout",readonlyForm:g?"isReadonlyForm":"notReadonlyForm",insideLabel:p?"hasInsideLabel":"noInsideLabel"}),_=r.classNames([U,E]),{isTabbable:S,tabbableModeProps:O}=n.useTabbableMode(),{UNSAFE_ariaLabelledBy:P}=o.useAccessibleContext(),k=f?function(...e){return e.filter(Boolean).join(" ")||void 0}(s,P):s;return"input"===y?a.jsx("input",{"aria-describedby":e,"aria-label":B,"aria-labelledby":k,autofocus:b,class:_,readonly:!0,ref:F,type:h,value:I,...!S&&O}):"textarea"===y?a.jsx("textarea",{"aria-describedby":e,"aria-label":B,"aria-labelledby":k,autofocus:b,class:_,readonly:!0,ref:F,rows:L,...!S&&O,children:I}):a.jsx("div",{"aria-describedby":e,"aria-label":B,"aria-labelledby":k,"aria-readonly":!0,autofocus:b,class:_,ref:F,role:"textbox",...O,children:I})}}));
 //# sourceMappingURL=ReadonlyTextFieldInput-608bddc1.js.map

package/amd/ReadonlyTextFieldVariants.styles.css

@@ -1,4 +1,4 @@
-.ReadonlyTextFieldVariants_multiVariantStyles_insideNonReadonlyForm_isInsideNonReadonlyForm__ck0nxo0 {
+.ReadonlyTextFieldVariants_multiVariantStyles_insideNonReadonlyForm_isInsideNonReadonlyForm__a11ehs0 {
   border-width: var(--borderWidth__w6gg1y1);
   border-color: var(--borderColorDisabled__w6gg1yd);
   background-color: transparent;
@@ -6,72 +6,72 @@
   min-width: 1em;
   flex: 1;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_insideNonReadonlyForm_notInsideNonReadonlyForm__ck0nxo1 {
+.ReadonlyTextFieldVariants_multiVariantStyles_insideNonReadonlyForm_notInsideNonReadonlyForm__a11ehs1 {
   border-width: 0;
   background-color: transparent;
   height: auto;
   vertical-align: top;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_textarea_isTextArea__ck0nxo4 {
+.ReadonlyTextFieldVariants_multiVariantStyles_textarea_isTextArea__a11ehs4 {
   height: auto;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_resize_horizontal__ck0nxoc {
+.ReadonlyTextFieldVariants_multiVariantStyles_resize_horizontal__a11ehsc {
   resize: horizontal;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_resize_vertical__ck0nxod {
+.ReadonlyTextFieldVariants_multiVariantStyles_resize_vertical__a11ehsd {
   resize: vertical;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_resize_both__ck0nxoe {
+.ReadonlyTextFieldVariants_multiVariantStyles_resize_both__a11ehse {
   resize: both;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_resize_none__ck0nxof {
+.ReadonlyTextFieldVariants_multiVariantStyles_resize_none__a11ehsf {
   max-width: 100%;
   overflow: visible;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_0__ck0nxog {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_0__a11ehsg {
   padding-top: 0;
   padding-bottom: 0;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_1__ck0nxoh {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_1__a11ehsh {
   min-height: var(--insideEdgeHeight__w6gg1yh);
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_2__ck0nxoi {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_2__a11ehsi {
   height: auto;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_3__ck0nxoj {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_3__a11ehsj {
   min-height: calc(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height) * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size));
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_4__ck0nxok {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_4__a11ehsk {
   min-height: calc(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height) * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size));
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_5__ck0nxol {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_5__a11ehsl {
   min-height: calc((var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height) + var(--insideEdgeLineHeight__kn3t7f6)) * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size));
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_6__ck0nxom {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_6__a11ehsm {
   min-height: calc((var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height) + var(--insideEdgeLineHeight__kn3t7f6)) * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size));
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_7__ck0nxon {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_7__a11ehsn {
   min-height: var(--height__w6gg1yg);
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_8__ck0nxoo {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_8__a11ehso {
   min-height: var(--height__w6gg1yg);
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_9__ck0nxop {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_9__a11ehsp {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_10__ck0nxoq {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_10__a11ehsq {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
   margin-left: -1px;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_11__ck0nxor {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_11__a11ehsr {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
   margin-left: -1px;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_12__ck0nxos {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_12__a11ehss {
   min-height: var(--insideEdgeHeight__w6gg1yh);
 }

package/amd/ReadonlyTextFieldVariants.styles2.css

@@ -1,4 +1,4 @@
-.ReadonlyTextFieldVariants_multiVariantStyles_insideNonReadonlyForm_isInsideNonReadonlyForm__a11ehs0 {
+.ReadonlyTextFieldVariants_multiVariantStyles_insideNonReadonlyForm_isInsideNonReadonlyForm__ck0nxo0 {
   border-width: var(--borderWidth__w6gg1y1);
   border-color: var(--borderColorDisabled__w6gg1yd);
   background-color: transparent;
@@ -6,72 +6,72 @@
   min-width: 1em;
   flex: 1;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_insideNonReadonlyForm_notInsideNonReadonlyForm__a11ehs1 {
+.ReadonlyTextFieldVariants_multiVariantStyles_insideNonReadonlyForm_notInsideNonReadonlyForm__ck0nxo1 {
   border-width: 0;
   background-color: transparent;
   height: auto;
   vertical-align: top;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_textarea_isTextArea__a11ehs4 {
+.ReadonlyTextFieldVariants_multiVariantStyles_textarea_isTextArea__ck0nxo4 {
   height: auto;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_resize_horizontal__a11ehsc {
+.ReadonlyTextFieldVariants_multiVariantStyles_resize_horizontal__ck0nxoc {
   resize: horizontal;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_resize_vertical__a11ehsd {
+.ReadonlyTextFieldVariants_multiVariantStyles_resize_vertical__ck0nxod {
   resize: vertical;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_resize_both__a11ehse {
+.ReadonlyTextFieldVariants_multiVariantStyles_resize_both__ck0nxoe {
   resize: both;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_resize_none__a11ehsf {
+.ReadonlyTextFieldVariants_multiVariantStyles_resize_none__ck0nxof {
   max-width: 100%;
   overflow: visible;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_0__a11ehsg {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_0__ck0nxog {
   padding-top: 0;
   padding-bottom: 0;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_1__a11ehsh {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_1__ck0nxoh {
   min-height: var(--insideEdgeHeight__w6gg1yh);
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_2__a11ehsi {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_2__ck0nxoi {
   height: auto;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_3__a11ehsj {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_3__ck0nxoj {
   min-height: calc(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height) * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size));
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_4__a11ehsk {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_4__ck0nxok {
   min-height: calc(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height) * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size));
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_5__a11ehsl {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_5__ck0nxol {
   min-height: calc((var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height) + var(--insideEdgeLineHeight__kn3t7f6)) * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size));
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_6__a11ehsm {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_6__ck0nxom {
   min-height: calc((var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height) + var(--insideEdgeLineHeight__kn3t7f6)) * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size));
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_7__a11ehsn {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_7__ck0nxon {
   min-height: var(--height__w6gg1yg);
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_8__a11ehso {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_8__ck0nxoo {
   min-height: var(--height__w6gg1yg);
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_9__a11ehsp {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_9__ck0nxop {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_10__a11ehsq {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_10__ck0nxoq {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
   margin-left: -1px;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_11__a11ehsr {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_11__ck0nxor {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
   margin-left: -1px;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_12__a11ehss {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_12__ck0nxos {
   min-height: var(--insideEdgeHeight__w6gg1yh);
 }

package/amd/RemovableNavigationListItem-e01b6693.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './BaseNavigationListItem-fe9cb691', './Close-04d8a398', 'preact/hooks', './useHover-7964884c', './useTranslationBundle-d07d4b20', './EmbeddedIconButton-bad166c7'], (function(e,t,a,i,o,n,s,r){"use strict";e.RemovableNavigationListItem=function({itemKey:e,label:c,badge:l,metadata:d,severity:v}){const{selection:u,currentKey:m,onRemove:b}=a.useNavigationListContext(),x=u===e,g=m===e,j=o.useCallback((()=>{b?.({value:e})}),[b,e]),{hoverProps:B,isHover:p}=n.useHover({}),I=s.useTranslationBundle("@oracle/oraclejet-preact");return t.jsx("div",{...B,children:t.jsx(a.BaseNavigationListItem,{itemKey:e,label:c,badge:l,metadata:d,severity:v,removeIcon:t.jsx("span",{"data-oj-navigationlist-item-remove-icon":!0,children:t.jsx(r.EmbeddedIconButton,{"aria-label":I.tabBarNavigationList_removeCueText(),size:"xs",onAction:j,children:(p||x||g)&&t.jsx(i.SvgClose,{})})})})})}}));
+define(['exports', 'preact/jsx-runtime', './BaseNavigationListItem-fe9cb691', './Close-04d8a398', 'preact/hooks', './useHover-7964884c', './useTranslationBundle-516b1b83', './EmbeddedIconButton-bad166c7'], (function(e,t,a,i,o,n,s,r){"use strict";e.RemovableNavigationListItem=function({itemKey:e,label:c,badge:l,metadata:d,severity:v}){const{selection:u,currentKey:m,onRemove:b}=a.useNavigationListContext(),x=u===e,g=m===e,j=o.useCallback((()=>{b?.({value:e})}),[b,e]),{hoverProps:B,isHover:p}=n.useHover({}),I=s.useTranslationBundle("@oracle/oraclejet-preact");return t.jsx("div",{...B,children:t.jsx(a.BaseNavigationListItem,{itemKey:e,label:c,badge:l,metadata:d,severity:v,removeIcon:t.jsx("span",{"data-oj-navigationlist-item-remove-icon":!0,children:t.jsx(r.EmbeddedIconButton,{"aria-label":I.tabBarNavigationList_removeCueText(),size:"xs",onAction:j,children:(p||x||g)&&t.jsx(i.SvgClose,{})})})})})}}));
 //# sourceMappingURL=RemovableNavigationListItem-e01b6693.js.map

package/amd/RemovableTabBarItem-29b54206.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './useHover-7964884c', './Close-04d8a398', './Flex-3421f0df', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './useTabBarContext-15a23bb6', './TabBarItem-547825e2', './useTranslationBundle-d07d4b20', './EmbeddedIconButton-bad166c7'], (function(e,a,t,o,r,n,s,l,i,c,d,b){"use strict";e.RemovableTabBarItem=function({itemKey:e,label:u,icon:m,badge:x,metadata:v,severity:B,labelMaxWidth:j,"aria-controls":f}){const{selection:h,currentKey:p,layout:I,onRemove:T}=i.useTabBarContext(),y=h===e,g=p===e,C=t.useCallback((()=>{T?.({value:e})}),[T,e]),{hoverProps:H,isHover:K}=o.useHover({}),k=s.mergeInterpolations([...Object.values(l.flexitemInterpolations)])({flex:"stretch"===I?"1 0 auto":"0 0 auto"}),E=d.useTranslationBundle("@oracle/oraclejet-preact");return a.jsx("div",{...H,style:k,children:a.jsx(n.Flex,{children:a.jsx(c.BaseTabBarItem,{"aria-controls":f,itemKey:e,label:u,icon:m,badge:x,metadata:v,severity:B,labelMaxWidth:j,removeIcon:a.jsx("span",{"data-oj-tabbar-item-remove-icon":"true",children:a.jsx(b.EmbeddedIconButton,{"aria-label":E.tabBarNavigationList_removeCueText(),size:"xs",onAction:C,children:(K||y||g)&&a.jsx(r.SvgClose,{})})})})})})}}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './useHover-7964884c', './Close-04d8a398', './Flex-56ecdf4c', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './useTabBarContext-15a23bb6', './TabBarItem-547825e2', './useTranslationBundle-516b1b83', './EmbeddedIconButton-bad166c7'], (function(e,a,t,o,r,n,s,l,i,c,b,d){"use strict";e.RemovableTabBarItem=function({itemKey:e,label:u,icon:m,badge:x,metadata:v,severity:B,labelMaxWidth:j,"aria-controls":h}){const{selection:p,currentKey:I,layout:f,onRemove:T}=i.useTabBarContext(),y=p===e,g=I===e,C=t.useCallback((()=>{T?.({value:e})}),[T,e]),{hoverProps:H,isHover:K}=o.useHover({}),k=s.mergeInterpolations([...Object.values(l.flexitemInterpolations)])({flex:"stretch"===f?"1 0 auto":"0 0 auto"}),E=b.useTranslationBundle("@oracle/oraclejet-preact");return a.jsx("div",{...H,style:k,children:a.jsx(n.Flex,{children:a.jsx(c.BaseTabBarItem,{"aria-controls":h,itemKey:e,label:u,icon:m,badge:x,metadata:v,severity:B,labelMaxWidth:j,removeIcon:a.jsx("span",{"data-oj-tabbar-item-remove-icon":"true",children:a.jsx(d.EmbeddedIconButton,{"aria-label":E.tabBarNavigationList_removeCueText(),size:"xs",onAction:C,children:(K||y||g)&&a.jsx(r.SvgClose,{})})})})})})}}));
 //# sourceMappingURL=RemovableTabBarItem-29b54206.js.map

package/amd/ReorderableTabBar-462d357c.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', 'preact/hooks', './HiddenAccessible-037ef42d', './LiveRegion-9a362373', './TabBar-d8890a47', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './collectionUtils-17f5cc64', './LayerHost-639b3284', './useReorderableItem-726c3c03', './ReorderableContext-6d10a1b7', './UNSAFE_ReorderableTabBar/themes/ReorderableTabBarItemStyles.css', './keys-4755c121', 'css!./DragAndDropStyles.styles.css', 'css!./ReorderableItemStyles.styles.css'], (function(e,r,t,s,a,o,l,d,n,i,c,b,y,u,f,R,m,g){"use strict";const p='[role="tab"]';function x({children:e,dragKey:t,setDragKey:s,onReorder:o,layout:l,rootRef:d}){const b=a.useRef(null),u=a.useCallback((()=>b?.current?.querySelector(p)),[]),m=a.useCallback((e=>{e.dataTransfer?.setData("text/tabbar-item-key",c.getKey(u())+"")}),[u]),{rootProps:g,isDragged:x,overlayZoneBeforeProps:h,overlayZoneAfterProps:v}=y.useReorderableItem({isDisabled:!o,dragKey:t,setDragKey:s,onReorder:o,rootRef:d,ref:b,getItem:u,setTransferData:m,itemStyles:f.styles,itemSelector:p}),j=n.mergeInterpolations([...Object.values(i.flexitemInterpolations)])({flex:"stretch"===l?"1 0 auto":"0 0 auto"});return r.jsxs("div",{...g,draggable:!!o,style:j,children:[e,!x&&R.isKeyDefined(t)&&r.jsxs(r.Fragment,{children:[r.jsx("div",{...h}),r.jsx("div",{...v})]})]})}const h=s.forwardRef((({"aria-label":e,"aria-labelledby":s,children:n,layout:i="stretch",display:c="standard",size:b="md",edge:f="top",selection:R,onSelect:m,onRemove:g,onReorder:h,testId:v},j)=>{const I=a.useRef(null),[S,D]=a.useState(void 0),K="stacked"===c?{display:c}:{display:c,size:b},{reorderProps:T,reorderContext:k,reorderInstructionsId:A,reorderStatus:B,reorderInstructions:C}=y.useReorderable({onReorder:h,rootRef:I,itemSelector:p});return r.jsxs("div",{ref:I,...T,children:[r.jsx(u.ReorderableContext.Provider,{value:k,children:r.jsx(d.TabBar,{ref:j,"aria-label":e,"aria-labelledby":s,layout:i,edge:f,selection:R,onSelect:m,onRemove:g,testId:v,...K,"aria-describedby":A,children:t.toChildArray(n).map((e=>r.jsx(x,{dragKey:S,setDragKey:D,onReorder:h,layout:i,rootRef:I,children:e})))})}),r.jsx("span",{id:A,children:r.jsx(o.HiddenAccessible,{children:C})}),r.jsx(l.LiveRegion,{children:B})]})}));e.ReorderableTabBar=h}));
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', 'preact/hooks', './HiddenAccessible-037ef42d', './LiveRegion-8142ed0d', './TabBar-d8890a47', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './collectionUtils-17f5cc64', './LayerHost-e95c5f30', './useReorderableItem-4c4779f7', './ReorderableContext-6d10a1b7', './UNSAFE_ReorderableTabBar/themes/ReorderableTabBarItemStyles.css', './keys-4755c121', 'css!./DragAndDropStyles.styles.css', 'css!./ReorderableItemStyles.styles.css'], (function(e,r,t,s,a,o,l,d,n,i,c,b,y,u,f,R,m,g){"use strict";const p='[role="tab"]';function x({children:e,dragKey:t,setDragKey:s,onReorder:o,layout:l,rootRef:d}){const b=a.useRef(null),u=a.useCallback((()=>b?.current?.querySelector(p)),[]),m=a.useCallback((e=>{e.dataTransfer?.setData("text/tabbar-item-key",c.getKey(u())+"")}),[u]),{rootProps:g,isDragged:x,overlayZoneBeforeProps:h,overlayZoneAfterProps:v}=y.useReorderableItem({isDisabled:!o,dragKey:t,setDragKey:s,onReorder:o,rootRef:d,ref:b,getItem:u,setTransferData:m,itemStyles:f.styles,itemSelector:p}),j=n.mergeInterpolations([...Object.values(i.flexitemInterpolations)])({flex:"stretch"===l?"1 0 auto":"0 0 auto"});return r.jsxs("div",{...g,draggable:!!o,style:j,children:[e,!x&&R.isKeyDefined(t)&&r.jsxs(r.Fragment,{children:[r.jsx("div",{...h}),r.jsx("div",{...v})]})]})}const h=s.forwardRef((({"aria-label":e,"aria-labelledby":s,children:n,layout:i="stretch",display:c="standard",size:b="md",edge:f="top",selection:R,onSelect:m,onRemove:g,onReorder:h,testId:v},j)=>{const I=a.useRef(null),[S,D]=a.useState(void 0),K="stacked"===c?{display:c}:{display:c,size:b},{reorderProps:T,reorderContext:k,reorderInstructionsId:A,reorderStatus:B,reorderInstructions:C}=y.useReorderable({onReorder:h,rootRef:I,itemSelector:p});return r.jsxs("div",{ref:I,...T,children:[r.jsx(u.ReorderableContext.Provider,{value:k,children:r.jsx(d.TabBar,{ref:j,"aria-label":e,"aria-labelledby":s,layout:i,edge:f,selection:R,onSelect:m,onRemove:g,testId:v,...K,"aria-describedby":A,children:t.toChildArray(n).map((e=>r.jsx(x,{dragKey:S,setDragKey:D,onReorder:h,layout:i,rootRef:I,children:e})))})}),r.jsx("span",{id:A,children:r.jsx(o.HiddenAccessible,{children:C})}),r.jsx(l.LiveRegion,{children:B})]})}));e.ReorderableTabBar=h}));
 //# sourceMappingURL=ReorderableTabBar-462d357c.js.map

package/amd/RevealToggleIcon-f975229d.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './ViewHide-6fda5b25', './View-5da481d6', './useTranslationBundle-d07d4b20', './IconSwitchButton-22f907e7'], (function(e,o,t,i,n,s){"use strict";e.RevealToggleIcon=function({accessibleLabel:e,isRevealed:l,onToggle:c,testId:d,tooltipHide:a,tooltipShow:r}){const u=n.useTranslationBundle("@oracle/oraclejet-preact"),g=a||u.formControl_hide(),w=r||u.formControl_show();return o.jsx(s.IconSwitchButton,{tooltip:l?g:w,accessibleLabel:e,isSelected:!l,onToggle:c,testId:d,size:"sm",children:l?o.jsx(t.SvgViewHide,{}):o.jsx(i.SvgView,{})})}}));
+define(['exports', 'preact/jsx-runtime', './ViewHide-6fda5b25', './View-5da481d6', './useTranslationBundle-516b1b83', './IconSwitchButton-22f907e7'], (function(e,o,t,i,n,s){"use strict";e.RevealToggleIcon=function({accessibleLabel:e,isRevealed:l,onToggle:c,testId:a,tooltipHide:r,tooltipShow:d}){const u=n.useTranslationBundle("@oracle/oraclejet-preact"),g=r||u.formControl_hide(),w=d||u.formControl_show();return o.jsx(s.IconSwitchButton,{tooltip:l?g:w,accessibleLabel:e,isSelected:!l,onToggle:c,testId:a,size:"sm",children:l?o.jsx(t.SvgViewHide,{}):o.jsx(i.SvgView,{})})}}));
 //# sourceMappingURL=RevealToggleIcon-f975229d.js.map

package/amd/{ScatterChart-7f0b817b.js → ScatterChart-0ca7c658.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './layoutUtils-c2938c54', './useChartDnd-947ed9e4', './LineSeries-797d8d16', './dataStyleUtils-7ba616b8', './useUser-3ef25571', './colorUtils-a785c4c4', './accUtils-530bdb90', './Chart-e2807ff7'], (function(e,t,i,n,r,s,o,a,d,l){"use strict";e.ScatterChart=function({width:e,height:d,selectedIds:h=[],hiddenIds:g=[],highlightedIds:c,hideAndShowBehavior:I="none",orientation:x="vertical",yAxis:f,series:u,groups:m,getDataItem:S,selectionMode:v="none",drilling:y="off",dataLabelEffect:p="outline",lineType:C="none",...D}){const{direction:b,forcedColors:A}=o.useUser(),w="active"===A,L=void 0!==D.testId,M="rtl"===b,T="log"===f?.scale,U=D.xAxis?.timeAxisType,E=new Set(g),j=new Set(h),k=new Set(c),F="horizontal"===x,z=a.getColorRamp(),N=n.getSeriesData(u?.length,m?.length,S,E,T),P=(e,t)=>S(e,t),R=n.getMarkers();return t.jsx(l.Chart,{width:e,height:d,selectedIds:j,hiddenIds:g,hideAndShowBehavior:I,orientation:x,yAxis:f,series:u,groups:m,overview:"off",defaultOverviewContentRenderer:()=>null,selectionMode:v,drilling:y,getDataItem:S,findNearest:(e,t)=>i.findNearestDataPoint(u,m,e,t,P,!1,(()=>({offset:0,dataWidth:0})),((e,t)=>t.transform(e)),T,0,E,U),getDataItemPos:(e,t)=>(i,n)=>{const r=N[i][n];if(null==r?.x&&r?.y)return;return{x:e.transform(r?.x),y:t.transform(r?.y),height:0,width:0}},getMarkerInfo:(e,t)=>({color:s.getItemColor(e,t,u,S),type:s.getMarkerType(e,t,S)}),renderGridLinesInFront:!0,isDataXAxis:!0,getNavUtil:(e,t)=>s.getLineAreaChartNavUtil(S,u.length,e,t,!1,M,F),getGapRatio:()=>1,offset:.2,isRtl:M,...D,children:({xStartIndex:e,xEndIndex:i,xScale:s,yScale:o,activeId:a,focusedItemInfo:d,hoveredItemInfo:l,isPointInsideMarquee:h,defaultFontSize:g,getTextDimensions:I})=>t.jsx(t.Fragment,{children:N.map(((f,b)=>{if(0===f.length)return;const A=u[b],M="none"!==C,E=n.getLineAreaSegments(o,s,f,e,i,F,T,m,b,P,U,!0),N=void 0===c||0===c.length||k.has(A.id);return t.jsxs(t.Fragment,{children:[M&&t.jsx(r.LineSeries,{lineType:C,lineColor:A.lineColor,lineWidth:A.lineWidth,lineStyle:A.lineStyle,color:A.lineColor||z[b%z.length],lineSegmentCoords:E,isHorizontal:F,isHighlighted:N,seriesIndex:b}),t.jsx(r.MarkersWithLabel,{yScale:o,xScale:s,groups:m,series:A,timeAxisType:U,color:A.lineColor||z[b%z.length],seriesIndex:b,startIndex:e,endIndex:i,markerType:R[b%R.length],orientation:x,isLog:T,activeId:a,getDataItem:S,isPointInsideMarquee:h,selectedIds:j,highlightedIds:void 0!==c?k:void 0,focusedItemIndex:d.seriesIndex!==b||!d.isFocusVisible||D.isDataCursorEnabled&&D.dataCursorStyle?.isMarkerDisplayed?void 0:d.groupIndex,hoveredItemIndex:l?.isCurrent&&l.seriesIndex===b?l.groupIndex:void 0,isSelectionEnabled:"single"===v||"multiple"===v,isDrillEnabled:"on"===y,defaultFontSize:g,dataLabelEffect:p,isHighContrast:w,isTestEnv:L,isDataXAxis:!0,getTextDimensions:I})]})}))})})}}));
-//# sourceMappingURL=ScatterChart-7f0b817b.js.map
+define(['exports', 'preact/jsx-runtime', './layoutUtils-c2938c54', './useChartDnd-947ed9e4', './LineSeries-a549e727', './dataStyleUtils-7ba616b8', './useUser-85c781ea', './colorUtils-a785c4c4', './accUtils-530bdb90', './Chart-e2807ff7'], (function(e,t,i,n,r,s,o,a,l,d){"use strict";e.ScatterChart=function({width:e,height:l,selectedIds:h=[],hiddenIds:g=[],highlightedIds:c,hideAndShowBehavior:I="none",orientation:x="vertical",yAxis:f,series:u,groups:m,getDataItem:S,selectionMode:v="none",drilling:y="off",dataLabelEffect:p="outline",lineType:C="none",...D}){const{direction:b,forcedColors:A}=o.useUser(),w="active"===A,L=void 0!==D.testId,M="rtl"===b,T="log"===f?.scale,U=D.xAxis?.timeAxisType,E=new Set(g),j=new Set(h),k=new Set(c),F="horizontal"===x,z=a.getColorRamp(),N=n.getSeriesData(u?.length,m?.length,S,E,T),P=(e,t)=>S(e,t),R=n.getMarkers();return t.jsx(d.Chart,{width:e,height:l,selectedIds:j,hiddenIds:g,hideAndShowBehavior:I,orientation:x,yAxis:f,series:u,groups:m,overview:"off",defaultOverviewContentRenderer:()=>null,selectionMode:v,drilling:y,getDataItem:S,findNearest:(e,t)=>i.findNearestDataPoint(u,m,e,t,P,!1,(()=>({offset:0,dataWidth:0})),((e,t)=>t.transform(e)),T,0,E,U),getDataItemPos:(e,t)=>(i,n)=>{const r=N[i][n];if(null==r?.x&&r?.y)return;return{x:e.transform(r?.x),y:t.transform(r?.y),height:0,width:0}},getMarkerInfo:(e,t)=>({color:s.getItemColor(e,t,u,S),type:s.getMarkerType(e,t,S)}),renderGridLinesInFront:!0,isDataXAxis:!0,getNavUtil:(e,t)=>s.getLineAreaChartNavUtil(S,u.length,e,t,!1,M,F),getGapRatio:()=>1,offset:.2,isRtl:M,...D,children:({xStartIndex:e,xEndIndex:i,xScale:s,yScale:o,activeId:a,focusedItemInfo:l,hoveredItemInfo:d,isPointInsideMarquee:h,defaultFontSize:g,getTextDimensions:I})=>t.jsx(t.Fragment,{children:N.map(((f,b)=>{if(0===f.length)return;const A=u[b],M="none"!==C,E=n.getLineAreaSegments(o,s,f,e,i,F,T,m,b,P,U,!0),N=void 0===c||0===c.length||k.has(A.id);return t.jsxs(t.Fragment,{children:[M&&t.jsx(r.LineSeries,{lineType:C,lineColor:A.lineColor,lineWidth:A.lineWidth,lineStyle:A.lineStyle,color:A.lineColor||z[b%z.length],lineSegmentCoords:E,isHorizontal:F,isHighlighted:N,seriesIndex:b}),t.jsx(r.MarkersWithLabel,{yScale:o,xScale:s,groups:m,series:A,timeAxisType:U,color:A.lineColor||z[b%z.length],seriesIndex:b,startIndex:e,endIndex:i,markerType:R[b%R.length],orientation:x,isLog:T,activeId:a,getDataItem:S,isPointInsideMarquee:h,selectedIds:j,highlightedIds:void 0!==c?k:void 0,focusedItemIndex:l.seriesIndex!==b||!l.isFocusVisible||D.isDataCursorEnabled&&D.dataCursorStyle?.isMarkerDisplayed?void 0:l.groupIndex,hoveredItemIndex:d?.isCurrent&&d.seriesIndex===b?d.groupIndex:void 0,isSelectionEnabled:"single"===v||"multiple"===v,isDrillEnabled:"on"===y,defaultFontSize:g,dataLabelEffect:p,isHighContrast:w,isTestEnv:L,isDataXAxis:!0,getTextDimensions:I})]})}))})})}}));
+//# sourceMappingURL=ScatterChart-0ca7c658.js.map

package/amd/{ScatterChart-7f0b817b.js.map → ScatterChart-0ca7c658.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ScatterChart-7f0b817b.js","sources":["../../src/UNSAFE_ScatterChart/ScatterChart.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ScatterChartProps, ScatterItem } from './scatterChart.types';\nimport { findNearestDataPoint } from '#utils/PRIVATE_chartUtils/layoutUtils';\nimport { getMarkers, getSeriesData } from '#utils/PRIVATE_chartUtils/utils';\nimport { MarkersWithLabel } from '#PRIVATE_Chart/MarkersWithLabel';\nimport { getLineAreaChartNavUtil } from '#utils/PRIVATE_chartUtils/navUtils';\nimport { Chart } from '#PRIVATE_Chart';\nimport { Scale, TimeAxisProps } from '#utils/UNSAFE_visTypes/chart';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { getColorRamp } from '#utils/UNSAFE_visUtils';\nimport { Point } from '#utils/PRIVATE_visSVGUtils';\nimport { getLineAreaSegments } from '#utils/PRIVATE_chartUtils/utils';\nimport { getItemColor, getMarkerType } from '#utils/PRIVATE_chartUtils/dataStyleUtils';\nimport { LineSeries } from '#PRIVATE_LineAreaComponents/LineSeries';\n\nconst AXIS_OFFSET = 0.2;\n\n/**\n * Scatter charts define data items using x and y values, making them useful for viewing relationships between 2 dimensions.\n */\nexport function ScatterChart<K extends string | number, D extends ScatterItem<K>>({\n  width,\n  height,\n  selectedIds = [],\n  hiddenIds = [],\n  highlightedIds,\n  hideAndShowBehavior = 'none',\n  orientation = 'vertical',\n  yAxis,\n  series,\n  groups,\n  getDataItem,\n  selectionMode = 'none',\n  drilling = 'off',\n  dataLabelEffect = 'outline',\n  lineType = 'none',\n  ...props\n}: ScatterChartProps<K, D>) {\n  const { direction, forcedColors } = useUser();\n  const isHighContrast = forcedColors === 'active';\n  const isTestEnv = props.testId !== undefined;\n  const isRtl = direction === 'rtl';\n  const isLog = yAxis?.scale === 'log';\n  const timeAxisType = (props.xAxis as TimeAxisProps)?.timeAxisType;\n  const hiddenSet = new Set(hiddenIds);\n  const selectedSet = new Set(selectedIds);\n  const highlightedSet = new Set(highlightedIds);\n  const isHoriz = orientation === 'horizontal';\n  const colors = getColorRamp();\n  const renderedSeries = getSeriesData<K, D>(\n    series?.length,\n    groups?.length,\n    getDataItem,\n    hiddenSet,\n    isLog\n  );\n\n  const renderedGetDataItem = (seriesIndex: number, groupIndex: number): D | undefined =>\n    getDataItem(seriesIndex, groupIndex);\n\n  const getGapRatio = () => {\n    return 1;\n  };\n\n  const getNextChartItemFunc = (startIndex: number, endIndex: number) => {\n    // TODO: JET-71301\n    return getLineAreaChartNavUtil<D>(\n      getDataItem,\n      series.length,\n      startIndex,\n      endIndex,\n      false,\n      isRtl,\n      isHoriz\n    );\n  };\n\n  const getDataItemPos = (xScale: Scale, yScale: Scale) => {\n    return (seriesIndex: number, groupIndex: number) => {\n      // Scatter shouldn't create renderedSeries. Can filter for hidden item here.\n      // TODO: JET-71332\n      const item = renderedSeries[seriesIndex][groupIndex] as { x: number; y: number };\n      if (item?.x == null && item?.y) {\n        return;\n      }\n      const x = xScale.transform(item?.x!);\n      const y = yScale.transform(item?.y!);\n      return { x, y, height: 0, width: 0 };\n    };\n  };\n\n  const getMarkerColorAndType = (seriesIndex: number, groupIndex: number) => {\n    return {\n      color: getItemColor(seriesIndex, groupIndex, series, getDataItem),\n      type: getMarkerType(seriesIndex, groupIndex, getDataItem)\n    };\n  };\n\n  const findNearest = (xScale: Scale, yScale: Scale) => {\n    const getSeriesDataInfo = () => {\n      return {\n        offset: 0,\n        dataWidth: 0\n      };\n    };\n\n    const getYCoord = (value: number, yScale: Scale) => {\n      return yScale.transform(value);\n    };\n\n    return findNearestDataPoint<K, D>(\n      series,\n      groups,\n      xScale,\n      yScale,\n      renderedGetDataItem,\n      false,\n      getSeriesDataInfo,\n      getYCoord,\n      isLog,\n      0,\n      hiddenSet,\n      timeAxisType\n    );\n  };\n  const markers = getMarkers();\n  return (\n    <Chart\n      width={width}\n      height={height}\n      selectedIds={selectedSet}\n      hiddenIds={hiddenIds}\n      hideAndShowBehavior={hideAndShowBehavior}\n      orientation={orientation}\n      yAxis={yAxis}\n      series={series}\n      groups={groups}\n      overview=\"off\"\n      defaultOverviewContentRenderer={() => null}\n      selectionMode={selectionMode}\n      drilling={drilling}\n      getDataItem={getDataItem}\n      findNearest={findNearest}\n      getDataItemPos={getDataItemPos}\n      getMarkerInfo={getMarkerColorAndType}\n      renderGridLinesInFront={true}\n      isDataXAxis={true}\n      getNavUtil={getNextChartItemFunc}\n      getGapRatio={getGapRatio}\n      offset={AXIS_OFFSET}\n      isRtl={isRtl}\n      {...props}>\n      {({\n        xStartIndex,\n        xEndIndex,\n        xScale,\n        yScale,\n        activeId,\n        focusedItemInfo,\n        hoveredItemInfo,\n        isPointInsideMarquee,\n        defaultFontSize,\n        getTextDimensions\n      }) => {\n        return (\n          <>\n            {renderedSeries.map((lineAreaSeries, index) => {\n              if (lineAreaSeries.length === 0) {\n                /* TODO: need a better way to handle when a series is hidden. */\n                return;\n              }\n              const seriesItem = series[index];\n              const isLineRendered = lineType !== 'none';\n              const lineSegmentCoords: Point[][] = getLineAreaSegments<K, D>(\n                yScale,\n                xScale,\n                lineAreaSeries,\n                xStartIndex,\n                xEndIndex,\n                isHoriz,\n                isLog,\n                groups,\n                index,\n                renderedGetDataItem,\n                timeAxisType,\n                true\n              );\n\n              const isHighlighted =\n                highlightedIds === undefined ||\n                highlightedIds.length === 0 ||\n                highlightedSet.has(seriesItem.id);\n\n              return (\n                <>\n                  {isLineRendered && (\n                    <LineSeries\n                      lineType={lineType}\n                      /* TODO: confirm with UX if this is contrastLine (changes depending on dark/light mode) or always white. \n                        It's always white in legacy.*/\n                      lineColor={seriesItem.lineColor}\n                      /* The area generated in legacy are bit apart and not touching when stacked. Preact areas are a bit closer than legacy when curved. \n                      Increased the contrast linewidth (to 2.5 from legacy 1.25) to give legacy visual treatment.\n                      TODO: investivage why legacy areas are not touching. maybe we want to do the same in preact svg utils that\n                      generates this curve.\n                     */\n                      lineWidth={seriesItem.lineWidth}\n                      lineStyle={seriesItem.lineStyle}\n                      color={seriesItem.lineColor || colors[index % colors.length]}\n                      lineSegmentCoords={lineSegmentCoords}\n                      isHorizontal={isHoriz}\n                      isHighlighted={isHighlighted}\n                      seriesIndex={index}\n                    />\n                  )}\n                  <MarkersWithLabel\n                    yScale={yScale}\n                    xScale={xScale}\n                    groups={groups}\n                    series={seriesItem}\n                    timeAxisType={timeAxisType}\n                    color={\n                      seriesItem.lineColor ||\n                      colors[\n                        index % colors.length\n                      ] /* TODO : make this use getItemColor function from dataStyleUtils. */\n                    }\n                    seriesIndex={index}\n                    startIndex={xStartIndex}\n                    endIndex={xEndIndex}\n                    markerType={markers[index % markers.length]}\n                    orientation={orientation}\n                    isLog={isLog}\n                    activeId={activeId}\n                    getDataItem={getDataItem}\n                    isPointInsideMarquee={isPointInsideMarquee}\n                    selectedIds={selectedSet}\n                    highlightedIds={highlightedIds !== undefined ? highlightedSet : undefined}\n                    focusedItemIndex={\n                      focusedItemInfo.seriesIndex === index &&\n                      focusedItemInfo.isFocusVisible &&\n                      !(props.isDataCursorEnabled && props.dataCursorStyle?.isMarkerDisplayed)\n                        ? focusedItemInfo.groupIndex\n                        : undefined\n                    }\n                    hoveredItemIndex={\n                      hoveredItemInfo?.isCurrent && hoveredItemInfo.seriesIndex === index\n                        ? hoveredItemInfo.groupIndex\n                        : undefined\n                    }\n                    isSelectionEnabled={selectionMode === 'single' || selectionMode === 'multiple'}\n                    isDrillEnabled={drilling === 'on'}\n                    defaultFontSize={defaultFontSize}\n                    dataLabelEffect={dataLabelEffect}\n                    isHighContrast={isHighContrast}\n                    isTestEnv={isTestEnv}\n                    isDataXAxis={true}\n                    getTextDimensions={getTextDimensions}\n                  />\n                </>\n              );\n            })}\n          </>\n        );\n      }}\n    </Chart>\n  );\n}\n"],"names":["width","height","selectedIds","hiddenIds","highlightedIds","hideAndShowBehavior","orientation","yAxis","series","groups","getDataItem","selectionMode","drilling","dataLabelEffect","lineType","props","direction","forcedColors","useUser","isHighContrast","isTestEnv","undefined","testId","isRtl","isLog","scale","timeAxisType","xAxis","hiddenSet","Set","selectedSet","highlightedSet","isHoriz","colors","getColorRamp","renderedSeries","getSeriesData","length","renderedGetDataItem","seriesIndex","groupIndex","markers","getMarkers","_jsx","Chart","overview","defaultOverviewContentRenderer","findNearest","xScale","yScale","findNearestDataPoint","offset","dataWidth","value","transform","getDataItemPos","item","x","y","getMarkerInfo","color","getItemColor","type","getMarkerType","renderGridLinesInFront","isDataXAxis","getNavUtil","startIndex","endIndex","getLineAreaChartNavUtil","getGapRatio","children","xStartIndex","xEndIndex","activeId","focusedItemInfo","hoveredItemInfo","isPointInsideMarquee","defaultFontSize","getTextDimensions","jsx","_Fragment","Fragment","map","lineAreaSeries","index","seriesItem","isLineRendered","lineSegmentCoords","getLineAreaSegments","isHighlighted","has","id","_jsxs","jsxs","LineSeries","lineColor","lineWidth","lineStyle","isHorizontal","MarkersWithLabel","markerType","focusedItemIndex","isFocusVisible","isDataCursorEnabled","dataCursorStyle","isMarkerDisplayed","hoveredItemIndex","isCurrent","isSelectionEnabled","isDrillEnabled"],"mappings":"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"}
+{"version":3,"file":"ScatterChart-0ca7c658.js","sources":["../../src/UNSAFE_ScatterChart/ScatterChart.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ScatterChartProps, ScatterItem } from './scatterChart.types';\nimport { findNearestDataPoint } from '#utils/PRIVATE_chartUtils/layoutUtils';\nimport { getMarkers, getSeriesData } from '#utils/PRIVATE_chartUtils/utils';\nimport { MarkersWithLabel } from '#PRIVATE_Chart/MarkersWithLabel';\nimport { getLineAreaChartNavUtil } from '#utils/PRIVATE_chartUtils/navUtils';\nimport { Chart } from '#PRIVATE_Chart';\nimport { Scale, TimeAxisProps } from '#utils/UNSAFE_visTypes/chart';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { getColorRamp } from '#utils/UNSAFE_visUtils';\nimport { Point } from '#utils/PRIVATE_visSVGUtils';\nimport { getLineAreaSegments } from '#utils/PRIVATE_chartUtils/utils';\nimport { getItemColor, getMarkerType } from '#utils/PRIVATE_chartUtils/dataStyleUtils';\nimport { LineSeries } from '#PRIVATE_LineAreaComponents/LineSeries';\n\nconst AXIS_OFFSET = 0.2;\n\n/**\n * Scatter charts define data items using x and y values, making them useful for viewing relationships between 2 dimensions.\n */\nexport function ScatterChart<K extends string | number, D extends ScatterItem<K>>({\n  width,\n  height,\n  selectedIds = [],\n  hiddenIds = [],\n  highlightedIds,\n  hideAndShowBehavior = 'none',\n  orientation = 'vertical',\n  yAxis,\n  series,\n  groups,\n  getDataItem,\n  selectionMode = 'none',\n  drilling = 'off',\n  dataLabelEffect = 'outline',\n  lineType = 'none',\n  ...props\n}: ScatterChartProps<K, D>) {\n  const { direction, forcedColors } = useUser();\n  const isHighContrast = forcedColors === 'active';\n  const isTestEnv = props.testId !== undefined;\n  const isRtl = direction === 'rtl';\n  const isLog = yAxis?.scale === 'log';\n  const timeAxisType = (props.xAxis as TimeAxisProps)?.timeAxisType;\n  const hiddenSet = new Set(hiddenIds);\n  const selectedSet = new Set(selectedIds);\n  const highlightedSet = new Set(highlightedIds);\n  const isHoriz = orientation === 'horizontal';\n  const colors = getColorRamp();\n  const renderedSeries = getSeriesData<K, D>(\n    series?.length,\n    groups?.length,\n    getDataItem,\n    hiddenSet,\n    isLog\n  );\n\n  const renderedGetDataItem = (seriesIndex: number, groupIndex: number): D | undefined =>\n    getDataItem(seriesIndex, groupIndex);\n\n  const getGapRatio = () => {\n    return 1;\n  };\n\n  const getNextChartItemFunc = (startIndex: number, endIndex: number) => {\n    // TODO: JET-71301\n    return getLineAreaChartNavUtil<D>(\n      getDataItem,\n      series.length,\n      startIndex,\n      endIndex,\n      false,\n      isRtl,\n      isHoriz\n    );\n  };\n\n  const getDataItemPos = (xScale: Scale, yScale: Scale) => {\n    return (seriesIndex: number, groupIndex: number) => {\n      // Scatter shouldn't create renderedSeries. Can filter for hidden item here.\n      // TODO: JET-71332\n      const item = renderedSeries[seriesIndex][groupIndex] as { x: number; y: number };\n      if (item?.x == null && item?.y) {\n        return;\n      }\n      const x = xScale.transform(item?.x!);\n      const y = yScale.transform(item?.y!);\n      return { x, y, height: 0, width: 0 };\n    };\n  };\n\n  const getMarkerColorAndType = (seriesIndex: number, groupIndex: number) => {\n    return {\n      color: getItemColor(seriesIndex, groupIndex, series, getDataItem),\n      type: getMarkerType(seriesIndex, groupIndex, getDataItem)\n    };\n  };\n\n  const findNearest = (xScale: Scale, yScale: Scale) => {\n    const getSeriesDataInfo = () => {\n      return {\n        offset: 0,\n        dataWidth: 0\n      };\n    };\n\n    const getYCoord = (value: number, yScale: Scale) => {\n      return yScale.transform(value);\n    };\n\n    return findNearestDataPoint<K, D>(\n      series,\n      groups,\n      xScale,\n      yScale,\n      renderedGetDataItem,\n      false,\n      getSeriesDataInfo,\n      getYCoord,\n      isLog,\n      0,\n      hiddenSet,\n      timeAxisType\n    );\n  };\n  const markers = getMarkers();\n  return (\n    <Chart\n      width={width}\n      height={height}\n      selectedIds={selectedSet}\n      hiddenIds={hiddenIds}\n      hideAndShowBehavior={hideAndShowBehavior}\n      orientation={orientation}\n      yAxis={yAxis}\n      series={series}\n      groups={groups}\n      overview=\"off\"\n      defaultOverviewContentRenderer={() => null}\n      selectionMode={selectionMode}\n      drilling={drilling}\n      getDataItem={getDataItem}\n      findNearest={findNearest}\n      getDataItemPos={getDataItemPos}\n      getMarkerInfo={getMarkerColorAndType}\n      renderGridLinesInFront={true}\n      isDataXAxis={true}\n      getNavUtil={getNextChartItemFunc}\n      getGapRatio={getGapRatio}\n      offset={AXIS_OFFSET}\n      isRtl={isRtl}\n      {...props}>\n      {({\n        xStartIndex,\n        xEndIndex,\n        xScale,\n        yScale,\n        activeId,\n        focusedItemInfo,\n        hoveredItemInfo,\n        isPointInsideMarquee,\n        defaultFontSize,\n        getTextDimensions\n      }) => {\n        return (\n          <>\n            {renderedSeries.map((lineAreaSeries, index) => {\n              if (lineAreaSeries.length === 0) {\n                /* TODO: need a better way to handle when a series is hidden. */\n                return;\n              }\n              const seriesItem = series[index];\n              const isLineRendered = lineType !== 'none';\n              const lineSegmentCoords: Point[][] = getLineAreaSegments<K, D>(\n                yScale,\n                xScale,\n                lineAreaSeries,\n                xStartIndex,\n                xEndIndex,\n                isHoriz,\n                isLog,\n                groups,\n                index,\n                renderedGetDataItem,\n                timeAxisType,\n                true\n              );\n\n              const isHighlighted =\n                highlightedIds === undefined ||\n                highlightedIds.length === 0 ||\n                highlightedSet.has(seriesItem.id);\n\n              return (\n                <>\n                  {isLineRendered && (\n                    <LineSeries\n                      lineType={lineType}\n                      /* TODO: confirm with UX if this is contrastLine (changes depending on dark/light mode) or always white. \n                        It's always white in legacy.*/\n                      lineColor={seriesItem.lineColor}\n                      /* The area generated in legacy are bit apart and not touching when stacked. Preact areas are a bit closer than legacy when curved. \n                      Increased the contrast linewidth (to 2.5 from legacy 1.25) to give legacy visual treatment.\n                      TODO: investivage why legacy areas are not touching. maybe we want to do the same in preact svg utils that\n                      generates this curve.\n                     */\n                      lineWidth={seriesItem.lineWidth}\n                      lineStyle={seriesItem.lineStyle}\n                      color={seriesItem.lineColor || colors[index % colors.length]}\n                      lineSegmentCoords={lineSegmentCoords}\n                      isHorizontal={isHoriz}\n                      isHighlighted={isHighlighted}\n                      seriesIndex={index}\n                    />\n                  )}\n                  <MarkersWithLabel\n                    yScale={yScale}\n                    xScale={xScale}\n                    groups={groups}\n                    series={seriesItem}\n                    timeAxisType={timeAxisType}\n                    color={\n                      seriesItem.lineColor ||\n                      colors[\n                        index % colors.length\n                      ] /* TODO : make this use getItemColor function from dataStyleUtils. */\n                    }\n                    seriesIndex={index}\n                    startIndex={xStartIndex}\n                    endIndex={xEndIndex}\n                    markerType={markers[index % markers.length]}\n                    orientation={orientation}\n                    isLog={isLog}\n                    activeId={activeId}\n                    getDataItem={getDataItem}\n                    isPointInsideMarquee={isPointInsideMarquee}\n                    selectedIds={selectedSet}\n                    highlightedIds={highlightedIds !== undefined ? highlightedSet : undefined}\n                    focusedItemIndex={\n                      focusedItemInfo.seriesIndex === index &&\n                      focusedItemInfo.isFocusVisible &&\n                      !(props.isDataCursorEnabled && props.dataCursorStyle?.isMarkerDisplayed)\n                        ? focusedItemInfo.groupIndex\n                        : undefined\n                    }\n                    hoveredItemIndex={\n                      hoveredItemInfo?.isCurrent && hoveredItemInfo.seriesIndex === index\n                        ? hoveredItemInfo.groupIndex\n                        : undefined\n                    }\n                    isSelectionEnabled={selectionMode === 'single' || selectionMode === 'multiple'}\n                    isDrillEnabled={drilling === 'on'}\n                    defaultFontSize={defaultFontSize}\n                    dataLabelEffect={dataLabelEffect}\n                    isHighContrast={isHighContrast}\n                    isTestEnv={isTestEnv}\n                    isDataXAxis={true}\n                    getTextDimensions={getTextDimensions}\n                  />\n                </>\n              );\n            })}\n          </>\n        );\n      }}\n    </Chart>\n  );\n}\n"],"names":["width","height","selectedIds","hiddenIds","highlightedIds","hideAndShowBehavior","orientation","yAxis","series","groups","getDataItem","selectionMode","drilling","dataLabelEffect","lineType","props","direction","forcedColors","useUser","isHighContrast","isTestEnv","undefined","testId","isRtl","isLog","scale","timeAxisType","xAxis","hiddenSet","Set","selectedSet","highlightedSet","isHoriz","colors","getColorRamp","renderedSeries","getSeriesData","length","renderedGetDataItem","seriesIndex","groupIndex","markers","getMarkers","_jsx","Chart","overview","defaultOverviewContentRenderer","findNearest","xScale","yScale","findNearestDataPoint","offset","dataWidth","value","transform","getDataItemPos","item","x","y","getMarkerInfo","color","getItemColor","type","getMarkerType","renderGridLinesInFront","isDataXAxis","getNavUtil","startIndex","endIndex","getLineAreaChartNavUtil","getGapRatio","children","xStartIndex","xEndIndex","activeId","focusedItemInfo","hoveredItemInfo","isPointInsideMarquee","defaultFontSize","getTextDimensions","jsx","_Fragment","Fragment","map","lineAreaSeries","index","seriesItem","isLineRendered","lineSegmentCoords","getLineAreaSegments","isHighlighted","has","id","_jsxs","jsxs","LineSeries","lineColor","lineWidth","lineStyle","isHorizontal","MarkersWithLabel","markerType","focusedItemIndex","isFocusVisible","isDataCursorEnabled","dataCursorStyle","isMarkerDisplayed","hoveredItemIndex","isCurrent","isSelectionEnabled","isDrillEnabled"],"mappings":"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"}

package/amd/SectionalLegend-8f203cac.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './useVisEvents-dc86164f', './mergeProps-bcfa6a92', './layoutUtils-8805fc5b', './useLegendDnd-6ab55c11', './useLegendContextMenu-e629139a', './useItemFocus-75d6510d', './Flex-3421f0df', './PRIVATE_BaseLegend/themes/LegendStyles.css', './useCssVars-dc52806c', './classNames-08d99695', './useTestId-b5cd4766', './useVisTouchResponse-88a7bb09', './stringUtils-0ae982c2', './useTextDimensions-83dd9415', './TrackResizeContainer-2b033ae7', './hooks/PRIVATE_useVisDnd/themes/VisDndStyles.css'], (function(e,t,n,i,o,s,a,r,d,l,c,m,g,h,u,x,I,f,y,p){"use strict";function v(e,t){const{sectionIdx:n,itemIdx:i}=e;if(-1==n&&-1==i){const e=t[t.length-1].items.length;return t[t.length-1].items[e-1]}return t[n].items[i]}function D(e,t){let{itemIdx:n,sectionIdx:i}=e;if(-1==i&&-1==n)return{itemIdx:t[t.length-1].items.length-1,sectionIdx:t.length-1};n+=1;n>=t[i].items.length&&(i===t.length-1?n=e.itemIdx:(i+=1,n=0));const o=t[i].items[n];return"off"!==o?.actionable?{itemIdx:n,sectionIdx:i}:D({itemIdx:n,sectionIdx:i},t)}function b(e,t){let{itemIdx:n,sectionIdx:i}=e;-1==i&&-1==n&&(n=t[t.length-1].items.length-1,i=t.length-1),n-=1,n<0&&(0===i?n=0:(n=t[i-1].items.length-1,i-=1));const o=t[i].items[n];return"off"!==o?.actionable?{itemIdx:n,sectionIdx:i}:b({itemIdx:n,sectionIdx:i},t)}function S(e){return{getItem:t=>v(t,e),getDetailFromInfo:t=>{if(!t||0===e.length)return{itemId:void 0,sectionId:void 0,data:void 0};const n=v(t,e),i=e[t.sectionIdx].id;return{itemId:n.id,sectionId:i,data:e[t.sectionIdx].items[t.itemIdx]}},getPrevItemInfo:t=>b(t,e),getNextItemInfo:t=>D(t,e)}}const R=({width:e,getTextDimensions:t,resolvedVars:n,rootRef:i,orientation:o,legendFontStylesObj:s={},symbolWidth:a,symbolHeight:d,sections:l})=>{let c=0,m=0,g=0;const h=e;if(!i.current||!Object.keys(n).length||!t)return;const u=parseFloat(n.unit);let x=0,I=0;const f=[],y=[],p=[];let v=0;const D=.75*u;l.forEach(((e,n)=>{let i,l,b=!1,S=!1;const R=t(e.title,{fontWeight:"600"}),W=R.height+D+.5,w=R.width+3,{maxItemWidth:F,maxItemHeight:P,horizontalSectionWidth:C}=T(e.items,u,t,s,a,d);let M=e.items.length;const L=4*u;if(w+C<h)i=C+w,0!==x&&x+L+i<h&&!y[n-1]?x=x+i+L:(x=i,v+=Math.max(W,P),0!==n&&(v+=L));else{b=!0,i=C;const t=.4*u;C>h?(S=!0,x=0,M=Math.floor(h/F),l=r.getSectionGridNums(e.items.length,M),l.itemsPerCol&&l.itemsPerRow&&(v+=W+2*(P+t)+2*D,x=l.itemsPerRow*F,l.itemsPerCol>2&&(v+=(l.itemsPerCol-2)*(P+2*t)))):(x=i,v+=P+W+2*D,0!==n&&(v+=L))}I=Math.max(x,I),g+=C,c=Math.max(c,F),m=P,f.push(b),y.push(S),p.push("vertical"===o?1:Math.max(1,M))}));return{maxRowWidth:Math.ceil(I),legendHeight:v,totalWidth:g,maxItemWidth:Math.min(c,h),maxItemHeight:Math.ceil(m),itemsPerRowArray:p,isSectionWrappedArray:f,isLegendWrappedArray:y}},T=(e,t,n,i,o,s)=>{let a=0,r=0,d=0,l=0,c=0;l=o?1.5*t+o:4*t;const m=1.7*t;c=s?s+m:2.5*t+m;const g=2.5*t;return e?.forEach((e=>{const t=e,{width:o,height:s}=n(t.text,i),m=g+o;d+=l+m,a=Math.max(a,l+m),r=Math.max(r,s,c)})),{maxItemWidth:a,maxItemHeight:r,horizontalSectionWidth:d}},W=n.forwardRef((({orientation:e="horizontal",sectionTitleHAlign:n="start",sections:v,isReadOnly:D=!0,onItemAction:b,onItemHover:T,onItemFocus:W,testId:w,contextMenuConfig:F,hideAndShowBehavior:P="off",hoverBehavior:C="none",valign:M="top",halign:L="start",...A},H=null)=>t.jsx(y.TrackResizeContainer,{width:"100%",height:"100%",class:h.classNames([m.styles.flexStyle,m.styles[`${L}HAlign`],m.styles[`${M}VAlign`]]),children:function(y,M){const L=u.useTestId(w),V=i.useRef(null),j=void 0!==L["data-testid"],E=i.useRef(),{resolvedVars:z,cssContent:O}=g.useCssVars(r.legendVars),{getItem:B,getDetailFromInfo:N,getPrevItemInfo:k,getNextItemInfo:U}=S(v),_=r.getLegendTextStyle({fontStyle:A.textFontStyle,fontSize:A.textFontSize?.toString(),fontWeight:A.textFontWeight?.toString(),fontFamily:A.textFontFamily},z),{textMeasureContent:G,getTextDimensions:$}=f.useTextDimensions(),q=r.getIsLegendItemActionable(v,D,!0),K=v.length>0,J=R({width:y,rootRef:V,getTextDimensions:$,resolvedVars:z,orientation:e,legendFontStylesObj:_,symbolWidth:A.symbolWidth,symbolHeight:A.symbolHeight,sections:v}),{touchResponse:Q,touchResponseStyle:X}=x.useVisTouchResponse({type:"touchStart"}),{focusedItemInfo:Y,hoveredItemInfo:Z,onContextMenuDismissed:ee,activeId:te,eventsProps:ne}=o.useVisEvent(Q,!D,q,r.getKeyUpHandler,N,k,U,b,T,W,r.isEqualItem,r.getItemInfo,{itemIdx:0,sectionIdx:0}),{focusedItemRef:ie}=l.useItemFocus(Y),oe=r.getDatatipText(v,B,Y,Z),[se,ae]=i.useState(!1),{datatipContent:re,datatipProps:{"aria-describedby":de,...le}}=d.useLegendDatatip({text:oe,rootDimsRef:E,focusedItemInfo:Y,focusedItemRef:ie,touchResponse:Q,isDisabled:se}),ce=r.getAriaProps(D,A["aria-label"],A.hiddenIds,I.merge([A["aria-describedby"],de]),A["aria-labelledby"]),{contextMenuContent:me,contextMenuProps:ge}=d.useSectionalLegendContextMenu({rootRef:V,contextMenuConfig:K?F:void 0,focusedItemInfo:Y,sections:v,isReadOnly:D,onContextMenuDismissed:ee}),[he,ue]=i.useState(),{draggable:xe,dndProps:Ie,dndContent:fe}=r.useLegendDnd({onDrag:A.onDrag,onDragStart:A.onDragStart,onDragEnd:A.onDragEnd,onDragEnter:A.onDragEnter,onDragLeave:A.onDragLeave,onDragOver:A.onDragOver,onDrop:A.onDrop,sections:v,setDragOver:ue,setDatatipDisabled:ae,itemDraggable:A.itemDraggable}),ye=s.mergeProps(ne,le,ge,Ie),pe={fontFamily:A.sectionTitleFontFamily,fontSize:A.sectionTitleFontSize,color:A.sectionTitleColor,fontStyle:A.sectionTitleFontStyle,fontWeight:A.sectionTitleFontWeight,textDecoration:A.sectionTitleTextDecoration},{sectionalLegendBaseStyles:ve,renderedLegendStyle:De}=m.styles,be="horizontal"===e;return i.useImperativeHandle(H,(()=>({_getPreferredSize:(t,n)=>{const i=R({width:t,getTextDimensions:$,resolvedVars:z,rootRef:V,orientation:e,legendFontStylesObj:_,symbolWidth:A.symbolWidth,symbolHeight:A.symbolHeight,sections:v});return i?{width:i?.maxRowWidth,height:i?.legendHeight}:void 0}})),[$,_,z]),t.jsxs("div",{ref:V,tabIndex:D?void 0:0,role:"application",class:h.classNames([ve,De,he?p.styles.dndDragOverHTMLStyle:!1===he?p.styles.dndRejectedStyle:void 0]),draggable:xe,style:X,...L,...ce,...ye,"aria-activedescendant":te,children:[t.jsx(c.Flex,{direction:be?"row":"column",wrap:"wrap",gap:"4x",children:v.map(((i,o)=>{const s=D?"":a.getRandomId(),l=!!J&&J.isSectionWrappedArray[o],m=!be||l?"column":"row",g=!be||l?"start":"center",{itemsPerCol:h,itemsPerRow:u}=r.getSectionGridNums(i.items.length,J?.itemsPerRowArray[o]);return t.jsxs(c.Flex,{align:g,direction:m,maxWidth:"100%",justify:"start",wrap:"wrap",children:[t.jsx(d.LegendText,{text:i.title,...pe,type:"title",id:s,align:n}),t.jsx(d.BaseLegend,{...A,focusedItemRef:ie,labelledBy:s,sectionIdx:o,items:i.items,orientation:e,itemsPerRow:u,itemsPerCol:h,itemWidth:J?.isLegendWrappedArray[o]?J?.maxItemWidth:void 0,isReadOnly:D,focusedItemInfo:Y,hoveredItemInfo:Z,activeId:te,hideAndShowBehavior:P,hoverBehavior:C,isTestEnv:j})]})}))}),re,G,O,me,fe]})}})));e.SectionalLegend=W}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './useVisEvents-0166e4cc', './mergeProps-bcfa6a92', './layoutUtils-8805fc5b', './useLegendDnd-6ab55c11', './useLegendContextMenu-e629139a', './useItemFocus-75d6510d', './Flex-56ecdf4c', './PRIVATE_BaseLegend/themes/LegendStyles.css', './useCssVars-c043f8da', './classNames-08d99695', './useTestId-3a316499', './useVisTouchResponse-88a7bb09', './stringUtils-0ae982c2', './useTextDimensions-83dd9415', './TrackResizeContainer-2b033ae7', './hooks/PRIVATE_useVisDnd/themes/VisDndStyles.css'], (function(e,t,n,i,o,s,a,r,d,l,c,m,g,h,u,x,I,f,y,p){"use strict";function v(e,t){const{sectionIdx:n,itemIdx:i}=e;if(-1==n&&-1==i){const e=t[t.length-1].items.length;return t[t.length-1].items[e-1]}return t[n].items[i]}function D(e,t){let{itemIdx:n,sectionIdx:i}=e;if(-1==i&&-1==n)return{itemIdx:t[t.length-1].items.length-1,sectionIdx:t.length-1};n+=1;n>=t[i].items.length&&(i===t.length-1?n=e.itemIdx:(i+=1,n=0));const o=t[i].items[n];return"off"!==o?.actionable?{itemIdx:n,sectionIdx:i}:D({itemIdx:n,sectionIdx:i},t)}function b(e,t){let{itemIdx:n,sectionIdx:i}=e;-1==i&&-1==n&&(n=t[t.length-1].items.length-1,i=t.length-1),n-=1,n<0&&(0===i?n=0:(n=t[i-1].items.length-1,i-=1));const o=t[i].items[n];return"off"!==o?.actionable?{itemIdx:n,sectionIdx:i}:b({itemIdx:n,sectionIdx:i},t)}function S(e){return{getItem:t=>v(t,e),getDetailFromInfo:t=>{if(!t||0===e.length)return{itemId:void 0,sectionId:void 0,data:void 0};const n=v(t,e),i=e[t.sectionIdx].id;return{itemId:n.id,sectionId:i,data:e[t.sectionIdx].items[t.itemIdx]}},getPrevItemInfo:t=>b(t,e),getNextItemInfo:t=>D(t,e)}}const R=({width:e,getTextDimensions:t,resolvedVars:n,rootRef:i,orientation:o,legendFontStylesObj:s={},symbolWidth:a,symbolHeight:d,sections:l})=>{let c=0,m=0,g=0;const h=e;if(!i.current||!Object.keys(n).length||!t)return;const u=parseFloat(n.unit);let x=0,I=0;const f=[],y=[],p=[];let v=0;const D=.75*u;l.forEach(((e,n)=>{let i,l,b=!1,S=!1;const R=t(e.title,{fontWeight:"600"}),W=R.height+D+.5,w=R.width+3,{maxItemWidth:F,maxItemHeight:P,horizontalSectionWidth:C}=T(e.items,u,t,s,a,d);let M=e.items.length;const L=4*u;if(w+C<h)i=C+w,0!==x&&x+L+i<h&&!y[n-1]?x=x+i+L:(x=i,v+=Math.max(W,P),0!==n&&(v+=L));else{b=!0,i=C;const t=.4*u;C>h?(S=!0,x=0,M=Math.floor(h/F),l=r.getSectionGridNums(e.items.length,M),l.itemsPerCol&&l.itemsPerRow&&(v+=W+2*(P+t)+2*D,x=l.itemsPerRow*F,l.itemsPerCol>2&&(v+=(l.itemsPerCol-2)*(P+2*t)))):(x=i,v+=P+W+2*D,0!==n&&(v+=L))}I=Math.max(x,I),g+=C,c=Math.max(c,F),m=P,f.push(b),y.push(S),p.push("vertical"===o?1:Math.max(1,M))}));return{maxRowWidth:Math.ceil(I),legendHeight:v,totalWidth:g,maxItemWidth:Math.min(c,h),maxItemHeight:Math.ceil(m),itemsPerRowArray:p,isSectionWrappedArray:f,isLegendWrappedArray:y}},T=(e,t,n,i,o,s)=>{let a=0,r=0,d=0,l=0,c=0;l=o?1.5*t+o:4*t;const m=1.7*t;c=s?s+m:2.5*t+m;const g=2.5*t;return e?.forEach((e=>{const t=e,{width:o,height:s}=n(t.text,i),m=g+o;d+=l+m,a=Math.max(a,l+m),r=Math.max(r,s,c)})),{maxItemWidth:a,maxItemHeight:r,horizontalSectionWidth:d}},W=n.forwardRef((({orientation:e="horizontal",sectionTitleHAlign:n="start",sections:v,isReadOnly:D=!0,onItemAction:b,onItemHover:T,onItemFocus:W,testId:w,contextMenuConfig:F,hideAndShowBehavior:P="off",hoverBehavior:C="none",valign:M="top",halign:L="start",...A},H=null)=>t.jsx(y.TrackResizeContainer,{width:"100%",height:"100%",class:h.classNames([m.styles.flexStyle,m.styles[`${L}HAlign`],m.styles[`${M}VAlign`]]),children:function(y,M){const L=u.useTestId(w),V=i.useRef(null),j=void 0!==L["data-testid"],E=i.useRef(),{resolvedVars:z,cssContent:O}=g.useCssVars(r.legendVars),{getItem:B,getDetailFromInfo:N,getPrevItemInfo:k,getNextItemInfo:U}=S(v),_=r.getLegendTextStyle({fontStyle:A.textFontStyle,fontSize:A.textFontSize?.toString(),fontWeight:A.textFontWeight?.toString(),fontFamily:A.textFontFamily},z),{textMeasureContent:G,getTextDimensions:$}=f.useTextDimensions(),q=r.getIsLegendItemActionable(v,D,!0),K=v.length>0,J=R({width:y,rootRef:V,getTextDimensions:$,resolvedVars:z,orientation:e,legendFontStylesObj:_,symbolWidth:A.symbolWidth,symbolHeight:A.symbolHeight,sections:v}),{touchResponse:Q,touchResponseStyle:X}=x.useVisTouchResponse({type:"touchStart"}),{focusedItemInfo:Y,hoveredItemInfo:Z,onContextMenuDismissed:ee,activeId:te,eventsProps:ne}=o.useVisEvent(Q,!D,q,r.getKeyUpHandler,N,k,U,b,T,W,r.isEqualItem,r.getItemInfo,{itemIdx:0,sectionIdx:0}),{focusedItemRef:ie}=l.useItemFocus(Y),oe=r.getDatatipText(v,B,Y,Z),[se,ae]=i.useState(!1),{datatipContent:re,datatipProps:{"aria-describedby":de,...le}}=d.useLegendDatatip({text:oe,rootDimsRef:E,focusedItemInfo:Y,focusedItemRef:ie,touchResponse:Q,isDisabled:se}),ce=r.getAriaProps(D,A["aria-label"],A.hiddenIds,I.merge([A["aria-describedby"],de]),A["aria-labelledby"]),{contextMenuContent:me,contextMenuProps:ge}=d.useSectionalLegendContextMenu({rootRef:V,contextMenuConfig:K?F:void 0,focusedItemInfo:Y,sections:v,isReadOnly:D,onContextMenuDismissed:ee}),[he,ue]=i.useState(),{draggable:xe,dndProps:Ie,dndContent:fe}=r.useLegendDnd({onDrag:A.onDrag,onDragStart:A.onDragStart,onDragEnd:A.onDragEnd,onDragEnter:A.onDragEnter,onDragLeave:A.onDragLeave,onDragOver:A.onDragOver,onDrop:A.onDrop,sections:v,setDragOver:ue,setDatatipDisabled:ae,itemDraggable:A.itemDraggable}),ye=s.mergeProps(ne,le,ge,Ie),pe={fontFamily:A.sectionTitleFontFamily,fontSize:A.sectionTitleFontSize,color:A.sectionTitleColor,fontStyle:A.sectionTitleFontStyle,fontWeight:A.sectionTitleFontWeight,textDecoration:A.sectionTitleTextDecoration},{sectionalLegendBaseStyles:ve,renderedLegendStyle:De}=m.styles,be="horizontal"===e;return i.useImperativeHandle(H,(()=>({_getPreferredSize:(t,n)=>{const i=R({width:t,getTextDimensions:$,resolvedVars:z,rootRef:V,orientation:e,legendFontStylesObj:_,symbolWidth:A.symbolWidth,symbolHeight:A.symbolHeight,sections:v});return i?{width:i?.maxRowWidth,height:i?.legendHeight}:void 0}})),[$,_,z]),t.jsxs("div",{ref:V,tabIndex:D?void 0:0,role:"application",class:h.classNames([ve,De,he?p.styles.dndDragOverHTMLStyle:!1===he?p.styles.dndRejectedStyle:void 0]),draggable:xe,style:X,...L,...ce,...ye,"aria-activedescendant":te,children:[t.jsx(c.Flex,{direction:be?"row":"column",wrap:"wrap",gap:"4x",children:v.map(((i,o)=>{const s=D?"":a.getRandomId(),l=!!J&&J.isSectionWrappedArray[o],m=!be||l?"column":"row",g=!be||l?"start":"center",{itemsPerCol:h,itemsPerRow:u}=r.getSectionGridNums(i.items.length,J?.itemsPerRowArray[o]);return t.jsxs(c.Flex,{align:g,direction:m,maxWidth:"100%",justify:"start",wrap:"wrap",children:[t.jsx(d.LegendText,{text:i.title,...pe,type:"title",id:s,align:n}),t.jsx(d.BaseLegend,{...A,focusedItemRef:ie,labelledBy:s,sectionIdx:o,items:i.items,orientation:e,itemsPerRow:u,itemsPerCol:h,itemWidth:J?.isLegendWrappedArray[o]?J?.maxItemWidth:void 0,isReadOnly:D,focusedItemInfo:Y,hoveredItemInfo:Z,activeId:te,hideAndShowBehavior:P,hoverBehavior:C,isTestEnv:j})]})}))}),re,G,O,me,fe]})}})));e.SectionalLegend=W}));
 //# sourceMappingURL=SectionalLegend-8f203cac.js.map

package/amd/SectionedContent-2a261004.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Dropdown-4b421eff', './Flex-56ecdf4c', './FocusTrap-60520575', './keyboardUtils-fbb389f8', './useTestId-3a316499', './View-ce970ed7'], (function(e,n,o,t,i,d,a,s,r){"use strict";const c="bottom-start";e.SectionedContent=({"aria-label":e,contentRef:t,gap:c,footer:l,hasFocusTrap:p=!1,header:u,main:x,paddingBlockEnd:f="4x",paddingBlockStart:g="4x",paddingInlineEnd:b="4x",paddingInlineStart:h="4x",role:k,testId:S})=>{const I=s.useTestId(S),j=o.useRef(null),m=t??j,w=o.useCallback((e=>{e.code===a.KEYS.TAB&&e.stopPropagation()}),[]),F=n.jsxs(i.Flex,{direction:"column",gap:c,children:[u,n.jsx(r.View,{paddingBlockEnd:f,paddingBlockStart:g,paddingInlineEnd:b,paddingInlineStart:h,children:x}),l]}),T=p?n.jsx(d.FocusTrap,{restoreFocusRef:!1,children:F}):{sections:F};return n.jsx("div",{"aria-label":e,onKeyDown:p?w:void 0,ref:m,role:k,...I,children:T})},e.StickyPositioningDropdown=({children:e,isOpen:i,onPosition:d,...a})=>{const[s,r]=o.useState(c),[l,p]=o.useState(i);l!==i&&(p(i),i||r(c));const u=o.useCallback((e=>{r(e.placement),d?.(e)}),[d,r]);return n.jsx(t.Dropdown,{isOpen:i,onPosition:u,placement:s,...a,children:e})}}));
+//# sourceMappingURL=SectionedContent-2a261004.js.map

package/amd/{SectionedContent-19bef3cc.js.map → SectionedContent-2a261004.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SectionedContent-19bef3cc.js","sources":["../../src/PRIVATE_FormControls/StickyPositioningDropdown.tsx","../../src/PRIVATE_FormControls/SectionedContent.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentProps } from 'preact';\nimport { useCallback } from 'preact/hooks';\nimport { useState } from 'preact/hooks';\nimport { Dropdown } from '#UNSAFE_Dropdown';\nimport { PositionData } from '../UNSAFE_Floating';\n\ntype DropdownProps = ComponentProps<typeof Dropdown>;\ntype Props = Pick<\n  DropdownProps,\n  | 'anchorRef'\n  | 'children'\n  | 'flipOptions'\n  | 'id'\n  | 'initialFocus'\n  | 'isOpen'\n  | 'minWidth'\n  | 'offset'\n  | 'onClose'\n  | 'onPosition'\n  | 'sizeOptions'\n>;\n\nconst DEFAULT_PLACEMENT = 'bottom-start';\n\n/**\n * StickyPositioningDropdown is used to display content which supports conditional rendering,\n * or other cases where the size of the content can change and cause the dropdown to rerender\n * in a different placement. This component ensures the repositioning happens only once,\n * until there is a collision, instead of allowing the dropdown to keep trying to\n * move back to its default position on every render.\n */\nconst StickyPositioningDropdown = ({ children, isOpen, onPosition, ...rest }: Props) => {\n  const [placement, setPlacement] = useState<DropdownProps['placement']>(DEFAULT_PLACEMENT);\n  const [prevIsOpen, setPrevIsOpen] = useState(isOpen);\n\n  if (prevIsOpen !== isOpen) {\n    setPrevIsOpen(isOpen);\n\n    // reset the placement to the default when the dropdown closes, not opens, so that it doesn't\n    // initially open in the previous position and then move to the default position on the\n    // rerender after the state is updated\n    if (!isOpen) {\n      setPlacement(DEFAULT_PLACEMENT);\n    }\n  }\n  const handlePosition = useCallback(\n    (positionData: PositionData) => {\n      // update the placement so that the dropdown stays where it is until there is a collision,\n      // i.e. it no longer fits, instead of letting it try to move back to the default position\n      // on every render\n      setPlacement(positionData.placement);\n\n      // call the callback that was passed in through props\n      onPosition?.(positionData);\n    },\n    [onPosition, setPlacement]\n  );\n\n  return (\n    <Dropdown isOpen={isOpen} onPosition={handlePosition} placement={placement} {...rest}>\n      {children}\n    </Dropdown>\n  );\n};\n\nexport { StickyPositioningDropdown };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport type { ComponentChildren, ComponentProps, RefObject } from 'preact';\nimport { useCallback, useRef } from 'preact/hooks';\nimport {\n  AriaAttributesSignalExcluded,\n  HTMLAttributesSignalExcluded\n} from '#utils/UNSAFE_attributeUtils';\nimport { Flex } from '#UNSAFE_Flex';\nimport { FocusTrap } from '#UNSAFE_FocusTrap';\nimport { KEYS } from '#utils/PRIVATE_keyboardUtils';\nimport { PaddingProps } from '#utils/UNSAFE_interpolations/padding';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { View } from '#UNSAFE_View';\n\ntype FlexProps = ComponentProps<typeof Flex>;\n\ntype Props = TestIdProps & {\n  /**\n   * An accessible label that describes the content.\n   */\n  'aria-label'?: AriaAttributesSignalExcluded['aria-label'];\n\n  /**\n   * A ref to the content container.\n   */\n  contentRef?: RefObject<HTMLDivElement>;\n\n  /**\n   * Child content in the footer section.\n   */\n  footer?: ComponentChildren;\n\n  /**\n   * The spacing between the sections.\n   */\n  gap?: FlexProps['gap'];\n\n  /**\n   * True if the tab key should cycle focus within the content.\n   * @default false\n   */\n  hasFocusTrap?: boolean;\n\n  /**\n   * Child content in the header section.\n   */\n  header?: ComponentChildren;\n\n  /**\n   * Child content in the main section.\n   */\n  main?: ComponentChildren;\n\n  /**\n   * The padding between the footer or bottom edge and the main content.\n   * @default '4x'\n   */\n  paddingBlockEnd?: PaddingProps['paddingBlockEnd'];\n\n  /**\n   * The padding between the header or top edge and the main content.\n   * @default '4x'\n   */\n  paddingBlockStart?: PaddingProps['paddingBlockStart'];\n\n  /**\n   * The padding between the right edge and the main content.\n   * @default '4x'\n   */\n  paddingInlineEnd?: PaddingProps['paddingInlineEnd'];\n\n  /**\n   * The padding between the left edge and the main content.\n   * @default '4x'\n   */\n  paddingInlineStart?: PaddingProps['paddingInlineStart'];\n\n  /**\n   * The aria role applied to the content container. For example, if the \"launcher\" element\n   * includes aria-haspopup=\"dialog\", then the associated content should have role \"dialog\"\n   * and an aria-label that describes it. If the launcher element has role \"combobox\", then\n   * it controls an element with a role such as listbox or grid.\n   */\n  role?: HTMLAttributesSignalExcluded['role'];\n};\n\n/**\n * The SectionedContent component has slots for header, main, and footer content.\n * It is meant to be used in a floating or modal type container and includes\n * conditional support for focus trapping, so that you can tab between components\n * and sections while the container remains open.\n */\nexport const SectionedContent = ({\n  'aria-label': ariaLabel,\n  contentRef: propRef,\n  gap,\n  footer,\n  hasFocusTrap = false,\n  header,\n  main,\n  paddingBlockEnd = '4x',\n  paddingBlockStart = '4x',\n  paddingInlineEnd = '4x',\n  paddingInlineStart = '4x',\n  role,\n  testId\n}: Props) => {\n  const testIdProps = useTestId(testId);\n\n  const cRef = useRef<HTMLDivElement>(null);\n  const contentRef = propRef ?? cRef;\n\n  const handleKeyDown = useCallback((event: KeyboardEvent) => {\n    if (event.code === KEYS.TAB) {\n      event.stopPropagation();\n    }\n  }, []);\n\n  const sections = (\n    <Flex direction=\"column\" gap={gap}>\n      {header}\n      <View\n        paddingBlockEnd={paddingBlockEnd}\n        paddingBlockStart={paddingBlockStart}\n        paddingInlineEnd={paddingInlineEnd}\n        paddingInlineStart={paddingInlineStart}>\n        {main}\n      </View>\n      {footer}\n    </Flex>\n  );\n\n  // Use a FocusTrap around the content if hasFocusTrap is true.\n  const childContent = hasFocusTrap ? (\n    <FocusTrap restoreFocusRef={false}>{sections}</FocusTrap>\n  ) : (\n    { sections }\n  );\n\n  return (\n    <div\n      aria-label={ariaLabel}\n      onKeyDown={hasFocusTrap ? handleKeyDown : undefined}\n      ref={contentRef}\n      role={role}\n      {...testIdProps}>\n      {childContent}\n    </div>\n  );\n};\n"],"names":["DEFAULT_PLACEMENT","ariaLabel","contentRef","propRef","gap","footer","hasFocusTrap","header","main","paddingBlockEnd","paddingBlockStart","paddingInlineEnd","paddingInlineStart","role","testId","testIdProps","useTestId","cRef","useRef","handleKeyDown","useCallback","event","code","KEYS","TAB","stopPropagation","sections","_jsxs","Flex","direction","children","_jsx","View","childContent","FocusTrap","restoreFocusRef","onKeyDown","undefined","ref","isOpen","onPosition","rest","placement","setPlacement","useState","prevIsOpen","setPrevIsOpen","handlePosition","positionData","Dropdown"],"mappings":"oOA8BA,MAAMA,EAAoB,kCCqEM,EAC9B,aAAcC,EACdC,WAAYC,EACZC,MACAC,SACAC,gBAAe,EACfC,SACAC,OACAC,kBAAkB,KAClBC,oBAAoB,KACpBC,mBAAmB,KACnBC,qBAAqB,KACrBC,OACAC,aAEA,MAAMC,EAAcC,YAAUF,GAExBG,EAAOC,SAAuB,MAC9BhB,EAAaC,GAAWc,EAExBE,EAAgBC,eAAaC,IAC7BA,EAAMC,OAASC,EAAIA,KAACC,KACtBH,EAAMI,iBACP,GACA,IAEGC,EACJC,OAACC,OAAI,CAACC,UAAU,SAASzB,IAAKA,EAAG0B,SAAA,CAC9BvB,EACDwB,EAAAA,IAACC,EAAAA,KACC,CAAAvB,gBAAiBA,EACjBC,kBAAmBA,EACnBC,iBAAkBA,EAClBC,mBAAoBA,WACnBJ,IAEFH,KAKC4B,EAAe3B,EACnByB,MAACG,EAAAA,UAAS,CAACC,iBAAiB,EAAQL,SAAAJ,KAElCA,YAGJ,OACEK,EAAAA,IAAA,MAAA,CAAA,aACc9B,EACZmC,UAAW9B,EAAea,OAAgBkB,EAC1CC,IAAKpC,EACLW,KAAMA,KACFE,EAAWe,SACdG,GAEH,8BDpH8B,EAAGH,WAAUS,SAAQC,gBAAeC,MACpE,MAAOC,EAAWC,GAAgBC,EAAQA,SAA6B5C,IAChE6C,EAAYC,GAAiBF,EAAQA,SAACL,GAEzCM,IAAeN,IACjBO,EAAcP,GAKTA,GACHI,EAAa3C,IAGjB,MAAM+C,EAAiB3B,eACpB4B,IAICL,EAAaK,EAAaN,WAG1BF,IAAaQ,EAAa,GAE5B,CAACR,EAAYG,IAGf,OACEZ,MAACkB,EAAQA,SAAA,CAACV,OAAQA,EAAQC,WAAYO,EAAgBL,UAAWA,KAAeD,EAC7EX,SAAAA,GAEH"}
+{"version":3,"file":"SectionedContent-2a261004.js","sources":["../../src/PRIVATE_FormControls/StickyPositioningDropdown.tsx","../../src/PRIVATE_FormControls/SectionedContent.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentProps } from 'preact';\nimport { useCallback } from 'preact/hooks';\nimport { useState } from 'preact/hooks';\nimport { Dropdown } from '#UNSAFE_Dropdown';\nimport { PositionData } from '../UNSAFE_Floating';\n\ntype DropdownProps = ComponentProps<typeof Dropdown>;\ntype Props = Pick<\n  DropdownProps,\n  | 'anchorRef'\n  | 'children'\n  | 'flipOptions'\n  | 'id'\n  | 'initialFocus'\n  | 'isOpen'\n  | 'minWidth'\n  | 'offset'\n  | 'onClose'\n  | 'onPosition'\n  | 'sizeOptions'\n>;\n\nconst DEFAULT_PLACEMENT = 'bottom-start';\n\n/**\n * StickyPositioningDropdown is used to display content which supports conditional rendering,\n * or other cases where the size of the content can change and cause the dropdown to rerender\n * in a different placement. This component ensures the repositioning happens only once,\n * until there is a collision, instead of allowing the dropdown to keep trying to\n * move back to its default position on every render.\n */\nconst StickyPositioningDropdown = ({ children, isOpen, onPosition, ...rest }: Props) => {\n  const [placement, setPlacement] = useState<DropdownProps['placement']>(DEFAULT_PLACEMENT);\n  const [prevIsOpen, setPrevIsOpen] = useState(isOpen);\n\n  if (prevIsOpen !== isOpen) {\n    setPrevIsOpen(isOpen);\n\n    // reset the placement to the default when the dropdown closes, not opens, so that it doesn't\n    // initially open in the previous position and then move to the default position on the\n    // rerender after the state is updated\n    if (!isOpen) {\n      setPlacement(DEFAULT_PLACEMENT);\n    }\n  }\n  const handlePosition = useCallback(\n    (positionData: PositionData) => {\n      // update the placement so that the dropdown stays where it is until there is a collision,\n      // i.e. it no longer fits, instead of letting it try to move back to the default position\n      // on every render\n      setPlacement(positionData.placement);\n\n      // call the callback that was passed in through props\n      onPosition?.(positionData);\n    },\n    [onPosition, setPlacement]\n  );\n\n  return (\n    <Dropdown isOpen={isOpen} onPosition={handlePosition} placement={placement} {...rest}>\n      {children}\n    </Dropdown>\n  );\n};\n\nexport { StickyPositioningDropdown };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport type { ComponentChildren, ComponentProps, RefObject } from 'preact';\nimport { useCallback, useRef } from 'preact/hooks';\nimport {\n  AriaAttributesSignalExcluded,\n  HTMLAttributesSignalExcluded\n} from '#utils/UNSAFE_attributeUtils';\nimport { Flex } from '#UNSAFE_Flex';\nimport { FocusTrap } from '#UNSAFE_FocusTrap';\nimport { KEYS } from '#utils/PRIVATE_keyboardUtils';\nimport { PaddingProps } from '#utils/UNSAFE_interpolations/padding';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { View } from '#UNSAFE_View';\n\ntype FlexProps = ComponentProps<typeof Flex>;\n\ntype Props = TestIdProps & {\n  /**\n   * An accessible label that describes the content.\n   */\n  'aria-label'?: AriaAttributesSignalExcluded['aria-label'];\n\n  /**\n   * A ref to the content container.\n   */\n  contentRef?: RefObject<HTMLDivElement>;\n\n  /**\n   * Child content in the footer section.\n   */\n  footer?: ComponentChildren;\n\n  /**\n   * The spacing between the sections.\n   */\n  gap?: FlexProps['gap'];\n\n  /**\n   * True if the tab key should cycle focus within the content.\n   * @default false\n   */\n  hasFocusTrap?: boolean;\n\n  /**\n   * Child content in the header section.\n   */\n  header?: ComponentChildren;\n\n  /**\n   * Child content in the main section.\n   */\n  main?: ComponentChildren;\n\n  /**\n   * The padding between the footer or bottom edge and the main content.\n   * @default '4x'\n   */\n  paddingBlockEnd?: PaddingProps['paddingBlockEnd'];\n\n  /**\n   * The padding between the header or top edge and the main content.\n   * @default '4x'\n   */\n  paddingBlockStart?: PaddingProps['paddingBlockStart'];\n\n  /**\n   * The padding between the right edge and the main content.\n   * @default '4x'\n   */\n  paddingInlineEnd?: PaddingProps['paddingInlineEnd'];\n\n  /**\n   * The padding between the left edge and the main content.\n   * @default '4x'\n   */\n  paddingInlineStart?: PaddingProps['paddingInlineStart'];\n\n  /**\n   * The aria role applied to the content container. For example, if the \"launcher\" element\n   * includes aria-haspopup=\"dialog\", then the associated content should have role \"dialog\"\n   * and an aria-label that describes it. If the launcher element has role \"combobox\", then\n   * it controls an element with a role such as listbox or grid.\n   */\n  role?: HTMLAttributesSignalExcluded['role'];\n};\n\n/**\n * The SectionedContent component has slots for header, main, and footer content.\n * It is meant to be used in a floating or modal type container and includes\n * conditional support for focus trapping, so that you can tab between components\n * and sections while the container remains open.\n */\nexport const SectionedContent = ({\n  'aria-label': ariaLabel,\n  contentRef: propRef,\n  gap,\n  footer,\n  hasFocusTrap = false,\n  header,\n  main,\n  paddingBlockEnd = '4x',\n  paddingBlockStart = '4x',\n  paddingInlineEnd = '4x',\n  paddingInlineStart = '4x',\n  role,\n  testId\n}: Props) => {\n  const testIdProps = useTestId(testId);\n\n  const cRef = useRef<HTMLDivElement>(null);\n  const contentRef = propRef ?? cRef;\n\n  const handleKeyDown = useCallback((event: KeyboardEvent) => {\n    if (event.code === KEYS.TAB) {\n      event.stopPropagation();\n    }\n  }, []);\n\n  const sections = (\n    <Flex direction=\"column\" gap={gap}>\n      {header}\n      <View\n        paddingBlockEnd={paddingBlockEnd}\n        paddingBlockStart={paddingBlockStart}\n        paddingInlineEnd={paddingInlineEnd}\n        paddingInlineStart={paddingInlineStart}>\n        {main}\n      </View>\n      {footer}\n    </Flex>\n  );\n\n  // Use a FocusTrap around the content if hasFocusTrap is true.\n  const childContent = hasFocusTrap ? (\n    <FocusTrap restoreFocusRef={false}>{sections}</FocusTrap>\n  ) : (\n    { sections }\n  );\n\n  return (\n    <div\n      aria-label={ariaLabel}\n      onKeyDown={hasFocusTrap ? handleKeyDown : undefined}\n      ref={contentRef}\n      role={role}\n      {...testIdProps}>\n      {childContent}\n    </div>\n  );\n};\n"],"names":["DEFAULT_PLACEMENT","ariaLabel","contentRef","propRef","gap","footer","hasFocusTrap","header","main","paddingBlockEnd","paddingBlockStart","paddingInlineEnd","paddingInlineStart","role","testId","testIdProps","useTestId","cRef","useRef","handleKeyDown","useCallback","event","code","KEYS","TAB","stopPropagation","sections","_jsxs","Flex","direction","children","_jsx","View","childContent","FocusTrap","restoreFocusRef","onKeyDown","undefined","ref","isOpen","onPosition","rest","placement","setPlacement","useState","prevIsOpen","setPrevIsOpen","handlePosition","positionData","Dropdown"],"mappings":"oOA8BA,MAAMA,EAAoB,kCCqEM,EAC9B,aAAcC,EACdC,WAAYC,EACZC,MACAC,SACAC,gBAAe,EACfC,SACAC,OACAC,kBAAkB,KAClBC,oBAAoB,KACpBC,mBAAmB,KACnBC,qBAAqB,KACrBC,OACAC,aAEA,MAAMC,EAAcC,YAAUF,GAExBG,EAAOC,SAAuB,MAC9BhB,EAAaC,GAAWc,EAExBE,EAAgBC,eAAaC,IAC7BA,EAAMC,OAASC,EAAIA,KAACC,KACtBH,EAAMI,iBACP,GACA,IAEGC,EACJC,OAACC,OAAI,CAACC,UAAU,SAASzB,IAAKA,EAAG0B,SAAA,CAC9BvB,EACDwB,EAAAA,IAACC,EAAAA,KACC,CAAAvB,gBAAiBA,EACjBC,kBAAmBA,EACnBC,iBAAkBA,EAClBC,mBAAoBA,WACnBJ,IAEFH,KAKC4B,EAAe3B,EACnByB,MAACG,EAAAA,UAAS,CAACC,iBAAiB,EAAQL,SAAAJ,KAElCA,YAGJ,OACEK,EAAAA,IAAA,MAAA,CAAA,aACc9B,EACZmC,UAAW9B,EAAea,OAAgBkB,EAC1CC,IAAKpC,EACLW,KAAMA,KACFE,EAAWe,SACdG,GAEH,8BDpH8B,EAAGH,WAAUS,SAAQC,gBAAeC,MACpE,MAAOC,EAAWC,GAAgBC,EAAQA,SAA6B5C,IAChE6C,EAAYC,GAAiBF,EAAQA,SAACL,GAEzCM,IAAeN,IACjBO,EAAcP,GAKTA,GACHI,EAAa3C,IAGjB,MAAM+C,EAAiB3B,eACpB4B,IAICL,EAAaK,EAAaN,WAG1BF,IAAaQ,EAAa,GAE5B,CAACR,EAAYG,IAGf,OACEZ,MAACkB,EAAQA,SAAA,CAACV,OAAQA,EAAQC,WAAYO,EAAgBL,UAAWA,KAAeD,EAC7EX,SAAAA,GAEH"}