@oracle/oraclejet-preact 19.0.0 → 19.0.1

package/amd/MessageToast-8cb4ca1e.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './LayerHost-7d4aa6d3', './EnvironmentProvider-fb09fcfb', './useMessagesFocusManager-8777bce0', './useBreakpointValues-3a067093', './MessagesContext-602a69a2', './useMessagesContext-1395a997', './useTranslationBundle-27bf6340', './Message-0c5fa65f', 'preact', './utils-ad4761c9', './useComponentTheme-5aa41a8f', './useTestId-a2e433c2', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-3c8a0253', 'css!./IconStyle.styles.css', './IconButton-b4b83d00', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './MessagesManager-1a6283c1', './Flex-4bc3a394', './FocusTrap-d06ac102', './LiveRegion-4b9317e5', './UNSAFE_MessageToast/themes/redwood/MessageToastTheme', './MessageLayer-8df59ea9'], (function(e,s,t,n,a,o,r,i,l,c,u,d,g,m,f,h,p,y,M,v,x,T,R,b,F,k,C,S,j){"use strict";const E={entering:e=>({from:{transform:`translate(0, ${e.offsetHeight}px)`,opacity:1},to:{transform:"translate(0, 0)",opacity:1},end:{transform:"unset",opacity:1},options:{duration:250}}),exiting:{from:{opacity:1},to:{opacity:0},end:{opacity:0},options:{duration:250}}},U={opacity:0};e.MessageToast=function({data:e,detailRendererKey:n,iconRendererKey:i,renderers:d,onClose:h,offset:p,position:y,testId:M}){const v=f.useTestId(M),x=t.useRef(new Map),T=t.useRef(null),R=t.useRef(null),I=t.useRef(null),[L,w]=t.useState(),[B,_]=t.useState(e.length>0),[z,A]=t.useState(!1),N=c.useTranslationBundle("@oracle/oraclejet-preact"),{UNSAFE_messagesLayerId:V}=l.useMessagesContext(),$=t.useRef(e.length),H=t.useRef(0);$.current=e.length,t.useImperativeHandle(I,(()=>({focus:()=>!!e.length&&(T.current=x.current.get(e[0].key)??null,A(!0),!0),contains:s=>!(!e.length||!s)&&(R.current?.contains(s)??!1)})),[e]);const{controller:K,handlers:P}=o.useMessageFocusManager(I,{onFocus:t.useCallback((()=>{w(N.message_navigationFromMessagesRegion())}),[N]),onFocusLeave:t.useCallback((()=>{A(!1)}),[])},{handleEscapeKey:!1}),W=t.useCallback(((s,t,n)=>{const a=n?.contains(document.activeElement);if(0===$.current)return _(!1),A(!1),void(a&&setTimeout((()=>K.restorePriorFocus()),0));const o=t+1<e.length?t+1:t-1;if(o>-1&&a){const s=e[o].key;x.current.get(s)?.focus()}}),[K,e]),D=t.useCallback((e=>s=>x.current.set(e,s)),[]);t.useEffect((()=>{const s=H.current;if(H.current=e.length,e.length)return _(!0),e.length>s&&w(N.message_navigationToMessagesRegion()),void K.prioritize();w(s?N.messageToast_allMessagesClosed():"")}),[K,e.length,N]);const q=r.useBreakpointValues({sm:`calc(100vw - ${g.xUnits(8)})`,md:`calc(100vw - ${g.xUnits(12)})`,lg:`calc(150 * ${g.xUnits(1)})`}),G=r.useBreakpointValues({sm:{horizontal:"number"==typeof p?p:p?.horizontal??0,vertical:16+("number"==typeof p?p:p?.vertical??0)},lg:{horizontal:"number"==typeof p?p:p?.horizontal??0,vertical:24+("number"==typeof p?p:p?.vertical??0)}}),{classes:J}=m.useComponentTheme(S.MessageToastRedwoodTheme);return B||0!==e.length?s.jsxs(a.EnvironmentProvider,{environment:{colorScheme:"dark"},children:[s.jsx(j.MessageLayer,{offset:G,position:y,children:s.jsx("div",{class:J,ref:R,tabIndex:-1,id:V,...P,...v,children:s.jsx(k.FocusTrap,{autoFocusRef:T,isDisabled:!z,children:s.jsx(F.Flex,{direction:"column",gap:"1x",align:"center",maxWidth:q,children:s.jsx(b.MessagesManager,{animationStates:E,initialAnimationStyles:U,data:e,onMessageWillRemove:W,children:({item:e})=>s.jsx(u.Message,{messageRef:D(e.key),item:e,detailRenderer:b.getRenderer(e,n,d),iconRenderer:b.getRenderer(e,i,d),onClose:h,variant:"toast"},e.key)})})})})}),s.jsx(C.LiveRegion,{children:L})]}):s.jsx(C.LiveRegion,{children:L})}}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './LayerHost-daf96749', './EnvironmentProvider-d538fcb2', './useMessagesFocusManager-8777bce0', './useBreakpointValues-3a067093', './MessagesContext-602a69a2', './useMessagesContext-1395a997', './useTranslationBundle-8e42d505', './Message-0c5fa65f', 'preact', './utils-ad4761c9', './useComponentTheme-5aa41a8f', './useTestId-9afc201a', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', 'css!./IconStyle.styles.css', './IconButton-b4b83d00', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './MessagesManager-1a6283c1', './Flex-07d2aa5b', './FocusTrap-d06ac102', './LiveRegion-ef77cf92', './UNSAFE_MessageToast/themes/redwood/MessageToastTheme', './MessageLayer-5a8ba5af'], (function(e,s,t,n,a,o,r,i,l,c,u,d,g,m,f,h,p,y,M,v,x,T,R,b,F,k,C,S,j){"use strict";const E={entering:e=>({from:{transform:`translate(0, ${e.offsetHeight}px)`,opacity:1},to:{transform:"translate(0, 0)",opacity:1},end:{transform:"unset",opacity:1},options:{duration:250}}),exiting:{from:{opacity:1},to:{opacity:0},end:{opacity:0},options:{duration:250}}},U={opacity:0};e.MessageToast=function({data:e,detailRendererKey:n,iconRendererKey:i,renderers:d,onClose:h,offset:p,position:y,testId:M}){const v=f.useTestId(M),x=t.useRef(new Map),T=t.useRef(null),R=t.useRef(null),I=t.useRef(null),[L,w]=t.useState(),[B,_]=t.useState(e.length>0),[z,A]=t.useState(!1),N=c.useTranslationBundle("@oracle/oraclejet-preact"),{UNSAFE_messagesLayerId:V}=l.useMessagesContext(),$=t.useRef(e.length),H=t.useRef(0);$.current=e.length,t.useImperativeHandle(I,(()=>({focus:()=>!!e.length&&(T.current=x.current.get(e[0].key)??null,A(!0),!0),contains:s=>!(!e.length||!s)&&(R.current?.contains(s)??!1)})),[e]);const{controller:K,handlers:P}=o.useMessageFocusManager(I,{onFocus:t.useCallback((()=>{w(N.message_navigationFromMessagesRegion())}),[N]),onFocusLeave:t.useCallback((()=>{A(!1)}),[])},{handleEscapeKey:!1}),W=t.useCallback(((s,t,n)=>{const a=n?.contains(document.activeElement);if(0===$.current)return _(!1),A(!1),void(a&&setTimeout((()=>K.restorePriorFocus()),0));const o=t+1<e.length?t+1:t-1;if(o>-1&&a){const s=e[o].key;x.current.get(s)?.focus()}}),[K,e]),D=t.useCallback((e=>s=>x.current.set(e,s)),[]);t.useEffect((()=>{const s=H.current;if(H.current=e.length,e.length)return _(!0),e.length>s&&w(N.message_navigationToMessagesRegion()),void K.prioritize();w(s?N.messageToast_allMessagesClosed():"")}),[K,e.length,N]);const q=r.useBreakpointValues({sm:`calc(100vw - ${g.xUnits(8)})`,md:`calc(100vw - ${g.xUnits(12)})`,lg:`calc(150 * ${g.xUnits(1)})`}),G=r.useBreakpointValues({sm:{horizontal:"number"==typeof p?p:p?.horizontal??0,vertical:16+("number"==typeof p?p:p?.vertical??0)},lg:{horizontal:"number"==typeof p?p:p?.horizontal??0,vertical:24+("number"==typeof p?p:p?.vertical??0)}}),{classes:J}=m.useComponentTheme(S.MessageToastRedwoodTheme);return B||0!==e.length?s.jsxs(a.EnvironmentProvider,{environment:{colorScheme:"dark"},children:[s.jsx(j.MessageLayer,{offset:G,position:y,children:s.jsx("div",{class:J,ref:R,tabIndex:-1,id:V,...P,...v,children:s.jsx(k.FocusTrap,{autoFocusRef:T,isDisabled:!z,children:s.jsx(F.Flex,{direction:"column",gap:"1x",align:"center",maxWidth:q,children:s.jsx(b.MessagesManager,{animationStates:E,initialAnimationStyles:U,data:e,onMessageWillRemove:W,children:({item:e})=>s.jsx(u.Message,{messageRef:D(e.key),item:e,detailRenderer:b.getRenderer(e,n,d),iconRenderer:b.getRenderer(e,i,d),onClose:h,variant:"toast"},e.key)})})})})}),s.jsx(C.LiveRegion,{children:L})]}):s.jsx(C.LiveRegion,{children:L})}}));
 //# sourceMappingURL=MessageToast-8cb4ca1e.js.map

package/amd/MessagesManager-1a6283c1.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './SuccessS-8dafd1a1', './ErrorS-8d91fdff', './InformationS-015cd288', './WarningS-c50c4022', './Flex-4bc3a394', './PRIVATE_Message/themes/MessageStyles.css', './useTranslationBundle-27bf6340', './useTestId-a2e433c2', './logger-0f873e29', './soundUtils-f6535f03', './MessageFormattingUtils-ea0be23e', 'preact', 'preact/hooks', './TransitionGroup-3b9d81b6', './useAnimation-5a74955f', './MessagesContext-602a69a2', './useMessagesContext-1395a997', './Transition-04efcc49'], (function(e,n,t,a,s,i,r,o,c,l,u,d,g,m,f,y,S,v,x,h,p){"use strict";const b={confirmation:a.SvgSuccessS,error:s.SvgErrorS,info:i.SvgInformationS,warning:r.SvgWarningS};const I=(e,n="common")=>d.warn(`JET Message(${n}): ${e}`);function j(e,n="common"){throw new Error(`JET Message(${n}) - ${e}`)}const E={};function M({animationStates:e=E,initialAnimationStyles:t,onEntering:a,onExiting:s,...i}){const[r,o]=y.useState("entering"),c=y.useRef(),l=y.useRef(),{controller:u,nodeRef:d}=v.useAnimation(r,{animationStates:e,isAnimatedOnMount:!0,onAnimationEnd:y.useCallback((()=>{c.current?.(),c.current=void 0,l.current?.(),l.current=void 0}),[])}),{addBusyState:g}=h.useMessagesContext(),m=y.useCallback(((n,t,s)=>{c.current&&(c.current=void 0,u.cancel()),l.current?.(),l.current=void 0,a?.(n,void 0,s),o("entering"),void 0!==e.entering||void 0!==e["exiting => entering"]?(c.current=t,l.current=g?.("messages animating")):t?.()}),[e,u,g,a]),f=y.useCallback(((n,t,a)=>{c.current&&(c.current=void 0,u.cancel()),l.current?.(),l.current=void 0,s?.(n,void 0,a),o("exiting"),void 0!==e.exiting||void 0!==e["entering => exiting"]?(c.current=t,l.current=g?.("messages animating")):t?.()}),[e,u,g,s]);return y.useLayoutEffect((()=>()=>l.current?.()),[]),n.jsx("div",{ref:d,style:t,children:n.jsx(p.Transition,{...i,onEntering:m,onExiting:f})})}e.MessageStartIcon=function({severity:e,testId:a,variant:s="banner"}){const i=b[e],r=l.useTranslationBundle("@oracle/oraclejet-preact"),d={confirmation:r.message_confirmation(),error:r.message_error(),info:r.message_info(),warning:r.message_warning()},g=u.useTestId(a),m="inline"!==s?n.jsx(o.Flex,{align:"center",height:"100%",children:n.jsx("span",{class:c.startIconContainerStyles[s],role:"img","aria-label":d[e],children:n.jsx(i,{})})}):n.jsx("span",{class:c.startIconContainerStyles.inline,role:"img","aria-label":d[e],children:n.jsx(i,{})});return n.jsx("div",{class:t.classNames([c.messageStartIconStyles.base,c.messageStartIconStyles[s],c.severityIconStyles[s]]),role:"presentation",...g,children:m})},e.MessageSummary=function({"aria-level":e,role:a,text:s,testId:i,variant:r="banner"}){const o=u.useTestId(i),l=t.classNames([c.messageSummaryStyles.base,c.messageSummaryStyles[r]]);return n.jsx("div",{"aria-level":e,role:a,class:l,...o,children:s})},e.MessagesManager=function({data:e,animationStates:t,children:a,initialAnimationStyles:s,onMessageWillRemove:i}){const r=y.useCallback((async(e,n)=>{n&&i?.(n.key,n.index,e)}),[i]);return n.jsx(S.TransitionGroup,{elementType:f.Fragment,children:e.map(((e,i)=>n.jsx(M,{animationStates:t,initialAnimationStyles:s,metadata:{index:i,key:e.key},onExited:r,children:a?.({index:i,item:e})},e.key)))})},e.getRenderer=function(e,n,t,a){if(!n||!t)return;const s="function"==typeof n?n(e):n;return null!=s?(s in t||j(`${s} is not a valid template name for the message with key=${e.key}`,a),t[s]):void 0},e.isSeverityIconNeeded=function(e){return m.isValidValueForProp(e,"severity")&&"none"!==e},e.playSound=async function(e){if("none"!==e)if("default"!==e)try{await g.playAudioFromURL(e)}catch(n){I(`Failed to play the audio from the url ${e}. ${n}.`)}else try{g.playDefaultNotificationSound()}catch(e){I(`Failed to play the default sound. ${e}.`)}},e.severityBasedStyleClass=function(e,n){return m.isValidValueForProp(e,"severity")&&"none"!==e?`oj-c-message${n}-${e}`:""},e.throwError=j}));
+define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './SuccessS-8dafd1a1', './ErrorS-8d91fdff', './InformationS-015cd288', './WarningS-c50c4022', './Flex-07d2aa5b', './PRIVATE_Message/themes/MessageStyles.css', './useTranslationBundle-8e42d505', './useTestId-9afc201a', './logger-0f873e29', './soundUtils-f6535f03', './MessageFormattingUtils-ea0be23e', 'preact', 'preact/hooks', './TransitionGroup-3b9d81b6', './useAnimation-5a74955f', './MessagesContext-602a69a2', './useMessagesContext-1395a997', './Transition-04efcc49'], (function(e,n,t,a,s,i,r,o,c,l,u,d,g,m,f,y,S,v,x,h,p){"use strict";const I={confirmation:a.SvgSuccessS,error:s.SvgErrorS,info:i.SvgInformationS,warning:r.SvgWarningS};const b=(e,n="common")=>d.warn(`JET Message(${n}): ${e}`);function j(e,n="common"){throw new Error(`JET Message(${n}) - ${e}`)}const E={};function M({animationStates:e=E,initialAnimationStyles:t,onEntering:a,onExiting:s,...i}){const[r,o]=y.useState("entering"),c=y.useRef(),l=y.useRef(),{controller:u,nodeRef:d}=v.useAnimation(r,{animationStates:e,isAnimatedOnMount:!0,onAnimationEnd:y.useCallback((()=>{c.current?.(),c.current=void 0,l.current?.(),l.current=void 0}),[])}),{addBusyState:g}=h.useMessagesContext(),m=y.useCallback(((n,t,s)=>{c.current&&(c.current=void 0,u.cancel()),l.current?.(),l.current=void 0,a?.(n,void 0,s),o("entering"),void 0!==e.entering||void 0!==e["exiting => entering"]?(c.current=t,l.current=g?.("messages animating")):t?.()}),[e,u,g,a]),f=y.useCallback(((n,t,a)=>{c.current&&(c.current=void 0,u.cancel()),l.current?.(),l.current=void 0,s?.(n,void 0,a),o("exiting"),void 0!==e.exiting||void 0!==e["entering => exiting"]?(c.current=t,l.current=g?.("messages animating")):t?.()}),[e,u,g,s]);return y.useLayoutEffect((()=>()=>l.current?.()),[]),n.jsx("div",{ref:d,style:t,children:n.jsx(p.Transition,{...i,onEntering:m,onExiting:f})})}e.MessageStartIcon=function({severity:e,testId:a,variant:s="banner"}){const i=I[e],r=l.useTranslationBundle("@oracle/oraclejet-preact"),d={confirmation:r.message_confirmation(),error:r.message_error(),info:r.message_info(),warning:r.message_warning()},g=u.useTestId(a),m="inline"!==s?n.jsx(o.Flex,{align:"center",height:"100%",children:n.jsx("span",{class:c.startIconContainerStyles[s],role:"img","aria-label":d[e],children:n.jsx(i,{})})}):n.jsx("span",{class:c.startIconContainerStyles.inline,role:"img","aria-label":d[e],children:n.jsx(i,{})});return n.jsx("div",{class:t.classNames([c.messageStartIconStyles.base,c.messageStartIconStyles[s],c.severityIconStyles[s]]),role:"presentation",...g,children:m})},e.MessageSummary=function({"aria-level":e,role:a,text:s,testId:i,variant:r="banner"}){const o=u.useTestId(i),l=t.classNames([c.messageSummaryStyles.base,c.messageSummaryStyles[r]]);return n.jsx("div",{"aria-level":e,role:a,class:l,...o,children:s})},e.MessagesManager=function({data:e,animationStates:t,children:a,initialAnimationStyles:s,onMessageWillRemove:i}){const r=y.useCallback((async(e,n)=>{n&&i?.(n.key,n.index,e)}),[i]);return n.jsx(S.TransitionGroup,{elementType:f.Fragment,children:e.map(((e,i)=>n.jsx(M,{animationStates:t,initialAnimationStyles:s,metadata:{index:i,key:e.key},onExited:r,children:a?.({index:i,item:e})},e.key)))})},e.getRenderer=function(e,n,t,a){if(!n||!t)return;const s="function"==typeof n?n(e):n;return null!=s?(s in t||j(`${s} is not a valid template name for the message with key=${e.key}`,a),t[s]):void 0},e.isSeverityIconNeeded=function(e){return m.isValidValueForProp(e,"severity")&&"none"!==e},e.playSound=async function(e){if("none"!==e)if("default"!==e)try{await g.playAudioFromURL(e)}catch(n){b(`Failed to play the audio from the url ${e}. ${n}.`)}else try{g.playDefaultNotificationSound()}catch(e){b(`Failed to play the default sound. ${e}.`)}},e.severityBasedStyleClass=function(e,n){return m.isValidValueForProp(e,"severity")&&"none"!==e?`oj-c-message${n}-${e}`:""},e.throwError=j}));
 //# sourceMappingURL=MessagesManager-1a6283c1.js.map

package/amd/MeterBar-e417440c.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './TrackResizeContainer-a4999df9', './classNames-08d99695', './mergeProps-bcfa6a92', 'preact/hooks', './useUser-988f7da2', './useMeterDatatip-b7dc96a3', './useKeyboardEvents-a684ba76', './meterUtils-ec7ab29c', './utils-ad4761c9', './UNSAFE_MeterBar/themes/MeterBarContract.css', './size-0127b66b', './UNSAFE_MeterBar/themes/MeterBarStyles.css', './utils-f5afce68', './TabbableModeContext-a9c97640', './useTabbableMode-df433329', './useComponentTheme-5aa41a8f', './UNSAFE_MeterBar/themes/redwood/MeterBarTheme', './useTestId-a2e433c2', './useTextDimensions-f254e8f5', './useCssVars-d782da3d', './themeContract.css-2e4b066d', './LinearMeter-d1e744c1'], (function(e,t,r,a,i,n,s,o,l,c,h,d,u,m,x,f,p,b,g,S,y,$,z,v){"use strict";function T(e){if(!e)return{width:0,height:0};const t=e.getBoundingClientRect();return{width:t.width,height:t.height}}const k=function(e,t,r,a,i,n){const s=[];return e.start&&s.push(t?r:a),e.end&&s.push(t?i:n),s},C=function(e,t,r){const a=`${h.xUnits(4)} + 4px`;return r?`calc(${a} + ${t}px) 0 calc(${a} + ${t}px) 0`:`0 calc(${a} + ${e}px) 0 calc(${a} + ${e}px)`};function M(e,t,r,a,i,n,s){const o=n||h.xUnits(5),l=`calc(${o} - ${s||d.meterBarVars.size})`;return r?i?`${e?"-50%":"50%"} calc(-100% - ${l} - 4px)`:`${e?"-50%":"50%"} calc(${o} + 4px)`:a?i?`calc(100% + ${l} + 4px) ${t?"50%":"-50%"}`:`calc(0px - ${o} - 4px) ${t?"50%":"-50%"}`:i?`calc(-100% - ${l} - 4px) ${t?"50%":"-50%"}`:`calc(${o} + 4px) ${t?"50%":"-50%"}`}function B(e,t,r,a,i){const n=`calc(${h.xUnits(5)} - ${d.meterBarVars.size})`,s=e.start&&e.end;if(a)return t?`calc(${i.height+4}px + ${n}) 0 calc(${i.height+4}px + ${n}) 0`:`0 calc(${i.width+4}px + ${n}) 0 calc(${i.width+4}px + ${n})`;if(r){if(s)return t?`${n} 0 ${n}`:`0 ${n} 0 ${n}`;if(e.start&&!e.end)return t?`${n} 0 0 0`:`0 ${n} 0 0`;if(!e.start&&e.end)return t?`0 0 ${n} 0`:`0 0 0 ${n}`}}function L(e,t,r,a,i,n){return{width:e?n:t?u.sizeToCSS(r):void 0,height:e?i:t?void 0:u.sizeToCSS(r),margin:e?C(a.width,a.height,t):void 0}}function V(e,t,r,a){return{left:e?`max(${r}px, ${t?100-a:a}%)`:void 0,right:e?void 0:`max(${r}px, ${t?a:100-a}%)`}}function w(e,t,r){if(0!==r||t)return 100===r?t?e?"3px":"0 3px":e?"-2px":"0 2px":e?t?"1px 0":"-1px 0":t?"0 -1px":"0 1px"}function R(e,t,r,a,i,n,s){return{...e?V(t,a,n/2,i):{},bottom:e?void 0:r?`max(${s/2-4}px, ${i}%)`:void 0,top:e||r?void 0:`max(${s/2-4}px, ${100-i}%)`,maxWidth:e?void 0:h.xUnits(15)}}function j({orientation:e,percent:r,color:i,position:n,length:o,label:l,maxLabelWidth:c,maxLabelHeight:h,trackSize:d,labelStyle:u}){const f="horizontal"===e,{direction:p}=s.useUser(),b="rtl"===p,g="start"===n,S=`${r}%`,y=f?void 0:o,$=f?o:void 0,z=r<50&&!b||r>50&&b,v=r<50;return t.jsxs(t.Fragment,{children:[t.jsx("div",{class:a.classNames([m.styles.referenceLinesBaseStyle,f?m.styles.referenceLinesHorizontalStyle:m.styles.referenceLinesVerticalStyle,g?f?m.styles.referenceLinesHoriontalStartStyle:b?m.styles.referenceLinesVerticalStartRtlStyle:m.styles.referenceLinesVerticalStartLtrStyle:""]),style:{left:f&&!b?S:void 0,right:f&&b?S:void 0,bottom:f?void 0:S,backgroundColor:x.getVisThresholdColor(i),width:y,height:$,translate:w(f,b,r)}}),l&&t.jsx("div",{className:m.styles.labelDivStyle,style:{...R(f,z,v,b,r,c,h),translate:M(z,v,f,b,g,o,d),...u},children:l})]})}function F({color:e,length:r,orientation:i,...n}){const{direction:o}=s.useUser(),l="horizontal"===i,c="rtl"===o;return t.jsx("div",{class:a.classNames([m.styles.thresholdBarBaseStyle,l?c?m.styles.thresholdBarHorizontalBarTrackSectionRtlStyle:m.styles.thresholdBarHorizontalBarTrackSectionLtrStyle:m.styles.thresholdBarVerticalBarTrackSectionStyle,n.class]),style:{width:l?r:"100%",height:l?"100%":r,backgroundColor:x.getVisThresholdColor(e)}})}function H({max:e=100,min:r=0,value:u=0,step:m=1,length:x="100%",width:f,height:C,size:M,orientation:V="horizontal",isTrackRendered:w=!0,thresholdDisplay:R="all",indicatorSize:H=1,testId:U,baseline:D,isReadonly:I,...N}){const E=S.useTestId(U);c.validateRange(r,e,u,m,I,D);const P=n.useRef(),A="horizontal"===V,W=n.useRef(null),_=n.useRef(T(null)),{direction:K,forcedColors:X}=s.useUser(),Y="rtl"===K;n.useEffect((()=>{(N.onCommit||N.onInput)&&(_.current=T(W.current))}),[M,x,V,N.onCommit,N.onInput]);const{textMeasureContent:q,getTextDimensions:G}=y.useTextDimensions(),J=n.useRef(!1),O=o.usePointerEvents(u,(t=>{if(t.target==W.current)return function(e,t,r,a,i,n,s){const o=t.current;if(!o||0===o.width)return;let l;if("horizontal"===n){const t=e.offsetX;l=r+(a-r)*(s?o.width-t:t)/o.width}else l=r+(a-r)*(o.height-e.offsetY)/o.height;return l=Math.round(l/i)*i,Math.max(r,Math.min(a,l))}(t,_,r,e,m,V,Y)}),W,P,J,N.onCommit,N.onInput),Q=l.useKeyboardEvents(u,r,e,m,P,N.onCommit,N.onInput),{datatipContent:Z,datatipProps:ee}=o.useMeterDatatip(u,J,N.datatip,N["aria-describedby"]),te=c.getMeterAriaProps(u,r,e,N["aria-label"],N["aria-labelledby"],N.thresholds,I),re=i.mergeProps(O,Q,ee,te),ae=100*((void 0!==D?Math.max(r,Math.min(D,e)):r)-r)/(e-r),ie=100*(u-r)/(e-r),ne=Math.min(ae,ie),se=`${Math.abs(ae-ie)}%`,oe=100*Math.max(0,Math.min(1,H))+"%",{trackColor:le,indicatorColor:ce}=c.getTrackAndIndicatorColor(u,R,N.trackColor,N.indicatorColor,N.thresholds),he=function(e){let t={start:!1,end:!1};return e&&(t=e.reduce(((e,t)=>(e.start=e.start||"start"===t.position,e.end=e.end||"end"===t.position||null==t.position,e)),t)),t}(N.referenceLines),de=N.onCommit||N.onInput,{isTabbable:ue}=p.useTabbableMode(),{classes:me,styles:{interactiveStyle:xe,barValueBaseStyle:fe,barValueVerticalStyle:pe,barValueHorizontalStyle:be,barValueHighContrastStyle:ge,barTrackBaseStyle:Se,barTrackHorizontalSizeStyle:ye,barTrackVerticalSizeStyle:$e,barTrackBorderStyle:ze,barTrackMarginTopFitStyle:ve,barTrackMarginStartFitStyle:Te,barTrackMarginBottomFitStyle:ke,barTrackMarginEndFitStyle:Ce,trackSectionHorizontalFirstStyle:Me,trackSectionHorizontalLastStyle:Be,trackSectionVerticalFirstStyle:Le,trackSectionVerticalLastStyle:Ve,trackSectionRoundedCornersStyle:we}}=b.useComponentTheme(g.MeterBarRedwoodTheme,{size:M,orientation:V}),Re="fit"===M,je=c.hasLabelledReferenceLine(N.referenceLines),Fe=c.getDefaultReferenceLineLabelFontSize("sm"),He=n.useMemo((()=>[{tokenVar:Fe,key:"labelFontSize",cssProp:"font-size"},{tokenVar:z.typographyVars.body.md.lineHeight,key:"lineHeight",cssProp:"line-height"}]),[Fe]),{resolvedVars:Ue,cssContent:De}=$.useCssVars(He),{dims:Ie,maxRefLabelDims:Ne}=c.getMaxRefLabelDims(Ue.fontSize,Ue.lineHeight,N.referenceLines,G),Ee=function(e,t,r,a){return r&&(e.start&&!a&&(r-=16),e.end&&!a&&(r-=16)),t&&r&&(r-=2*t+8),r}(he,Ne.width,f,A),Pe=function(e,t,r,a){return r&&(e.start&&a&&(r-=16),e.end&&a&&(r-=16)),t&&r&&(r-=2*t+8),r}(he,Ne.height,C,A),Ae=A?Pe:Ee;return t.jsxs(t.Fragment,{children:[t.jsx("div",{tabIndex:ue?0:-1,...E,...re,style:L(Re,A,x,Ne,Pe,Ee),class:a.classNames([me,...Re?k(he,A,ve,Te,ke,Ce):[]]),children:t.jsxs(v.BarTrack,{ref:W,orientation:V,color:!w||"all"===R&&N.thresholds?"transparent":le,class:a.classNames([Se,de?xe:"",A?ye:$e,!w||"all"===R&&N.thresholds?void 0:ze]),style:{margin:Re?void 0:B(he,A,!!N.referenceLines?.length,je,Ne)},children:["all"===R&&N.thresholds?.filter((t=>t.max>r&&t.max<=e)).sort(((e,t)=>e.max-t.max)).map(((a,i,n)=>{const s=0===i?a.max-r:a.max-n[i-1].max,o=A?Be:Ve;let l=0===i?A?Me:Le:"";return a.max===e&&(l=0===i?we:o),t.jsxs(t.Fragment,{children:[t.jsx(F,{class:l,orientation:V,length:100*s/(e-r)+"%",color:a.color}),w&&i===n.length-1&&a.max<e?t.jsx(F,{class:o,color:le,orientation:V,length:100*(e-n[i].max)/(e-r)+"%"}):""]})})),t.jsx(v.BarValue,{left:A&&!Y?`${ne}%`:void 0,bottom:A?void 0:`${ne}%`,right:A&&Y?`${ne}%`:void 0,width:A?se:"100%",height:A?"100%":se,length:se,size:oe,orientation:V,class:a.classNames([fe,A?be:pe,"active"===X?ge:""]),color:ce}),N.referenceLines?.map(((a,i)=>t.jsx(j,{label:a.label,labelStyle:{fontSize:Ue.labelFontSize,...a.labelStyle},color:a.color,maxLabelWidth:Ie[i]?.width,maxLabelHeight:Ie[i]?.height,orientation:V,percent:100*(a.value-r)/(e-r),position:a.position,trackSize:Re?`${Ae}px`:d.meterBarVars.size,length:Re?`calc(${h.xUnits(4)} + ${Ae}px)`:void 0})))]})}),De,Z,q]})}e.MeterBar=function({orientation:e,length:a,size:i,...n}){return t.jsx(t.Fragment,{children:"fit"===i?t.jsx(r.TrackResizeContainer,{width:"100%",height:"100%",children:(r,a)=>t.jsx(H,{width:r,height:a,orientation:e,size:i,...n})}):t.jsx(H,{size:i,length:a,orientation:e,...n})})}}));
+define(['exports', 'preact/jsx-runtime', './TrackResizeContainer-a4999df9', './classNames-08d99695', './mergeProps-bcfa6a92', 'preact/hooks', './useUser-12ec03f1', './useMeterDatatip-934d034d', './useKeyboardEvents-e4599671', './meterUtils-ec7ab29c', './utils-ad4761c9', './UNSAFE_MeterBar/themes/MeterBarContract.css', './size-0127b66b', './UNSAFE_MeterBar/themes/MeterBarStyles.css', './utils-f5afce68', './TabbableModeContext-a9c97640', './useTabbableMode-df433329', './useComponentTheme-5aa41a8f', './UNSAFE_MeterBar/themes/redwood/MeterBarTheme', './useTestId-9afc201a', './useTextDimensions-f254e8f5', './useCssVars-5b3bc31e', './themeContract.css-2e4b066d', './LinearMeter-d1e744c1'], (function(e,t,r,a,i,n,s,o,l,c,h,d,u,m,x,f,p,b,g,S,y,$,z,v){"use strict";function T(e){if(!e)return{width:0,height:0};const t=e.getBoundingClientRect();return{width:t.width,height:t.height}}const k=function(e,t,r,a,i,n){const s=[];return e.start&&s.push(t?r:a),e.end&&s.push(t?i:n),s},C=function(e,t,r){const a=`${h.xUnits(4)} + 4px`;return r?`calc(${a} + ${t}px) 0 calc(${a} + ${t}px) 0`:`0 calc(${a} + ${e}px) 0 calc(${a} + ${e}px)`};function M(e,t,r,a,i,n,s){const o=n||h.xUnits(5),l=`calc(${o} - ${s||d.meterBarVars.size})`;return r?i?`${e?"-50%":"50%"} calc(-100% - ${l} - 4px)`:`${e?"-50%":"50%"} calc(${o} + 4px)`:a?i?`calc(100% + ${l} + 4px) ${t?"50%":"-50%"}`:`calc(0px - ${o} - 4px) ${t?"50%":"-50%"}`:i?`calc(-100% - ${l} - 4px) ${t?"50%":"-50%"}`:`calc(${o} + 4px) ${t?"50%":"-50%"}`}function B(e,t,r,a,i){const n=`calc(${h.xUnits(5)} - ${d.meterBarVars.size})`,s=e.start&&e.end;if(a)return t?`calc(${i.height+4}px + ${n}) 0 calc(${i.height+4}px + ${n}) 0`:`0 calc(${i.width+4}px + ${n}) 0 calc(${i.width+4}px + ${n})`;if(r){if(s)return t?`${n} 0 ${n}`:`0 ${n} 0 ${n}`;if(e.start&&!e.end)return t?`${n} 0 0 0`:`0 ${n} 0 0`;if(!e.start&&e.end)return t?`0 0 ${n} 0`:`0 0 0 ${n}`}}function L(e,t,r,a,i,n){return{width:e?n:t?u.sizeToCSS(r):void 0,height:e?i:t?void 0:u.sizeToCSS(r),margin:e?C(a.width,a.height,t):void 0}}function V(e,t,r,a){return{left:e?`max(${r}px, ${t?100-a:a}%)`:void 0,right:e?void 0:`max(${r}px, ${t?a:100-a}%)`}}function w(e,t,r){if(0!==r||t)return 100===r?t?e?"3px":"0 3px":e?"-2px":"0 2px":e?t?"1px 0":"-1px 0":t?"0 -1px":"0 1px"}function R(e,t,r,a,i,n,s){return{...e?V(t,a,n/2,i):{},bottom:e?void 0:r?`max(${s/2-4}px, ${i}%)`:void 0,top:e||r?void 0:`max(${s/2-4}px, ${100-i}%)`,maxWidth:e?void 0:h.xUnits(15)}}function j({orientation:e,percent:r,color:i,position:n,length:o,label:l,maxLabelWidth:c,maxLabelHeight:h,trackSize:d,labelStyle:u}){const f="horizontal"===e,{direction:p}=s.useUser(),b="rtl"===p,g="start"===n,S=`${r}%`,y=f?void 0:o,$=f?o:void 0,z=r<50&&!b||r>50&&b,v=r<50;return t.jsxs(t.Fragment,{children:[t.jsx("div",{class:a.classNames([m.styles.referenceLinesBaseStyle,f?m.styles.referenceLinesHorizontalStyle:m.styles.referenceLinesVerticalStyle,g?f?m.styles.referenceLinesHoriontalStartStyle:b?m.styles.referenceLinesVerticalStartRtlStyle:m.styles.referenceLinesVerticalStartLtrStyle:""]),style:{left:f&&!b?S:void 0,right:f&&b?S:void 0,bottom:f?void 0:S,backgroundColor:x.getVisThresholdColor(i),width:y,height:$,translate:w(f,b,r)}}),l&&t.jsx("div",{className:m.styles.labelDivStyle,style:{...R(f,z,v,b,r,c,h),translate:M(z,v,f,b,g,o,d),...u},children:l})]})}function F({color:e,length:r,orientation:i,...n}){const{direction:o}=s.useUser(),l="horizontal"===i,c="rtl"===o;return t.jsx("div",{class:a.classNames([m.styles.thresholdBarBaseStyle,l?c?m.styles.thresholdBarHorizontalBarTrackSectionRtlStyle:m.styles.thresholdBarHorizontalBarTrackSectionLtrStyle:m.styles.thresholdBarVerticalBarTrackSectionStyle,n.class]),style:{width:l?r:"100%",height:l?"100%":r,backgroundColor:x.getVisThresholdColor(e)}})}function H({max:e=100,min:r=0,value:u=0,step:m=1,length:x="100%",width:f,height:C,size:M,orientation:V="horizontal",isTrackRendered:w=!0,thresholdDisplay:R="all",indicatorSize:H=1,testId:U,baseline:D,isReadonly:I,...N}){const E=S.useTestId(U);c.validateRange(r,e,u,m,I,D);const P=n.useRef(),A="horizontal"===V,W=n.useRef(null),_=n.useRef(T(null)),{direction:K,forcedColors:X}=s.useUser(),Y="rtl"===K;n.useEffect((()=>{(N.onCommit||N.onInput)&&(_.current=T(W.current))}),[M,x,V,N.onCommit,N.onInput]);const{textMeasureContent:q,getTextDimensions:G}=y.useTextDimensions(),J=n.useRef(!1),O=o.usePointerEvents(u,(t=>{if(t.target==W.current)return function(e,t,r,a,i,n,s){const o=t.current;if(!o||0===o.width)return;let l;if("horizontal"===n){const t=e.offsetX;l=r+(a-r)*(s?o.width-t:t)/o.width}else l=r+(a-r)*(o.height-e.offsetY)/o.height;return l=Math.round(l/i)*i,Math.max(r,Math.min(a,l))}(t,_,r,e,m,V,Y)}),W,P,J,N.onCommit,N.onInput),Q=l.useKeyboardEvents(u,r,e,m,P,N.onCommit,N.onInput),{datatipContent:Z,datatipProps:ee}=o.useMeterDatatip(u,J,N.datatip,N["aria-describedby"]),te=c.getMeterAriaProps(u,r,e,N["aria-label"],N["aria-labelledby"],N.thresholds,I),re=i.mergeProps(O,Q,ee,te),ae=100*((void 0!==D?Math.max(r,Math.min(D,e)):r)-r)/(e-r),ie=100*(u-r)/(e-r),ne=Math.min(ae,ie),se=`${Math.abs(ae-ie)}%`,oe=100*Math.max(0,Math.min(1,H))+"%",{trackColor:le,indicatorColor:ce}=c.getTrackAndIndicatorColor(u,R,N.trackColor,N.indicatorColor,N.thresholds),he=function(e){let t={start:!1,end:!1};return e&&(t=e.reduce(((e,t)=>(e.start=e.start||"start"===t.position,e.end=e.end||"end"===t.position||null==t.position,e)),t)),t}(N.referenceLines),de=N.onCommit||N.onInput,{isTabbable:ue}=p.useTabbableMode(),{classes:me,styles:{interactiveStyle:xe,barValueBaseStyle:fe,barValueVerticalStyle:pe,barValueHorizontalStyle:be,barValueHighContrastStyle:ge,barTrackBaseStyle:Se,barTrackHorizontalSizeStyle:ye,barTrackVerticalSizeStyle:$e,barTrackBorderStyle:ze,barTrackMarginTopFitStyle:ve,barTrackMarginStartFitStyle:Te,barTrackMarginBottomFitStyle:ke,barTrackMarginEndFitStyle:Ce,trackSectionHorizontalFirstStyle:Me,trackSectionHorizontalLastStyle:Be,trackSectionVerticalFirstStyle:Le,trackSectionVerticalLastStyle:Ve,trackSectionRoundedCornersStyle:we}}=b.useComponentTheme(g.MeterBarRedwoodTheme,{size:M,orientation:V}),Re="fit"===M,je=c.hasLabelledReferenceLine(N.referenceLines),Fe=c.getDefaultReferenceLineLabelFontSize("sm"),He=n.useMemo((()=>[{tokenVar:Fe,key:"labelFontSize",cssProp:"font-size"},{tokenVar:z.typographyVars.body.md.lineHeight,key:"lineHeight",cssProp:"line-height"}]),[Fe]),{resolvedVars:Ue,cssContent:De}=$.useCssVars(He),{dims:Ie,maxRefLabelDims:Ne}=c.getMaxRefLabelDims(Ue.fontSize,Ue.lineHeight,N.referenceLines,G),Ee=function(e,t,r,a){return r&&(e.start&&!a&&(r-=16),e.end&&!a&&(r-=16)),t&&r&&(r-=2*t+8),r}(he,Ne.width,f,A),Pe=function(e,t,r,a){return r&&(e.start&&a&&(r-=16),e.end&&a&&(r-=16)),t&&r&&(r-=2*t+8),r}(he,Ne.height,C,A),Ae=A?Pe:Ee;return t.jsxs(t.Fragment,{children:[t.jsx("div",{tabIndex:ue?0:-1,...E,...re,style:L(Re,A,x,Ne,Pe,Ee),class:a.classNames([me,...Re?k(he,A,ve,Te,ke,Ce):[]]),children:t.jsxs(v.BarTrack,{ref:W,orientation:V,color:!w||"all"===R&&N.thresholds?"transparent":le,class:a.classNames([Se,de?xe:"",A?ye:$e,!w||"all"===R&&N.thresholds?void 0:ze]),style:{margin:Re?void 0:B(he,A,!!N.referenceLines?.length,je,Ne)},children:["all"===R&&N.thresholds?.filter((t=>t.max>r&&t.max<=e)).sort(((e,t)=>e.max-t.max)).map(((a,i,n)=>{const s=0===i?a.max-r:a.max-n[i-1].max,o=A?Be:Ve;let l=0===i?A?Me:Le:"";return a.max===e&&(l=0===i?we:o),t.jsxs(t.Fragment,{children:[t.jsx(F,{class:l,orientation:V,length:100*s/(e-r)+"%",color:a.color}),w&&i===n.length-1&&a.max<e?t.jsx(F,{class:o,color:le,orientation:V,length:100*(e-n[i].max)/(e-r)+"%"}):""]})})),t.jsx(v.BarValue,{left:A&&!Y?`${ne}%`:void 0,bottom:A?void 0:`${ne}%`,right:A&&Y?`${ne}%`:void 0,width:A?se:"100%",height:A?"100%":se,length:se,size:oe,orientation:V,class:a.classNames([fe,A?be:pe,"active"===X?ge:""]),color:ce}),N.referenceLines?.map(((a,i)=>t.jsx(j,{label:a.label,labelStyle:{fontSize:Ue.labelFontSize,...a.labelStyle},color:a.color,maxLabelWidth:Ie[i]?.width,maxLabelHeight:Ie[i]?.height,orientation:V,percent:100*(a.value-r)/(e-r),position:a.position,trackSize:Re?`${Ae}px`:d.meterBarVars.size,length:Re?`calc(${h.xUnits(4)} + ${Ae}px)`:void 0})))]})}),De,Z,q]})}e.MeterBar=function({orientation:e,length:a,size:i,...n}){return t.jsx(t.Fragment,{children:"fit"===i?t.jsx(r.TrackResizeContainer,{width:"100%",height:"100%",children:(r,a)=>t.jsx(H,{width:r,height:a,orientation:e,size:i,...n})}):t.jsx(H,{size:i,length:a,orientation:e,...n})})}}));
 //# sourceMappingURL=MeterBar-e417440c.js.map

package/amd/MeterCircle-d2ac0a67.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './useUser-988f7da2', 'preact/hooks', './mergeProps-bcfa6a92', './classNames-08d99695', './meterUtils-ec7ab29c', './circleUtils-1886e5b4', './utils-f5afce68', './UNSAFE_MeterCircle/themes/MeterCircleStyles.css', './UNSAFE_MeterCircle/themes/MeterCircleContract.css', './themeContract.css-2e4b066d', './utils-ad4761c9', './TrackResizeContainer-a4999df9', './useMeterDatatip-b7dc96a3', './useKeyboardEvents-a684ba76', './TabbableModeContext-a9c97640', './useTabbableMode-df433329', './useComponentTheme-5aa41a8f', './UNSAFE_MeterCircle/themes/redwood/MeterCircleTheme', './useTestId-a2e433c2', './useCssVars-d782da3d', './useTextDimensions-f254e8f5', './CircularMeter-b754580a'], (function(e,t,n,s,i,r,a,l,o,c,h,u,d,f,m,g,x,p,$,b,C,y,R,M){"use strict";function S(e,t){if(!e)return{width:0,height:0,innerRadius:0,outerRadius:0};const n=e.children[0],s=n.getBoundingClientRect();return{width:Math.round(s.width),height:Math.round(s.height),...v(n,s,t)}}function v(e,t,n){const s=e.clientWidth,i=e.clientHeight;return"bottom"===n||"top"===n?{outerRadius:t.width/2,innerRadius:i}:"left"===n||"right"===n?{outerRadius:t.height/2,innerRadius:s}:{innerRadius:s/2,outerRadius:t.width/2}}function z(e,t,n,s,i,r,a,o,c){const h=i.current;if(!h)return;const u=l.getCenterCoord(o),{angle:d}=l.convertToPolar(h.width*u.x,h.height*u.y,e.offsetX,e.offsetY),f=l.getPositiveAngle(d);let m;if(c&&r+a>f&&(m=l.getPositiveAngle(d-r)/a*(n-t)),!c){const e=l.getPositiveAngle(r-f);e<=a&&(m=e*(n-t)/a)}return null!=m&&(m=Math.round(m/s)*s,m=Math.max(Math.min(n,m),t)),m}function P(e,t,n,s){return e*s/(n-t)}function T(e,t,n,s,i,r){return s+(r?1:-1)*P(e-t,t,n,i)}function I(e,t){const n=e.current;if(!n)return;const s=l.getCenterCoord(t),i=s.x*n.width,r=s.y*n.height;let a,o,c,h,u,d,f,m;return"top"===t||"bottom"===t||"full"===t?(f=2*n.innerRadius,m="full"===t?2*n.innerRadius:n.innerRadius,u=i-n.innerRadius,d="bottom"===t?0:r-n.innerRadius,c=Math.sqrt(2)*n.innerRadius,h="full"===t?c:n.innerRadius/Math.sqrt(2),a=i-n.innerRadius/Math.sqrt(2),o="bottom"===t?0:r-n.innerRadius/Math.sqrt(2)):(m=2*n.innerRadius,f=n.innerRadius,u="left"===t?i-n.innerRadius:0,d=r-n.innerRadius,h=Math.sqrt(2)*n.innerRadius,c=n.innerRadius/Math.sqrt(2),a="left"===t?i-n.innerRadius/Math.sqrt(2):0,o=r-n.innerRadius/Math.sqrt(2)),{outerBounds:{x:u,y:d,width:f,height:m},innerBounds:{x:a,y:o,width:c,height:h}}}const k=d.xUnits(2),w=d.xUnits(7.5);function A(e,t){return e?"fit"===e?`${t}px`:h.meterCircleVars.sizes[e]:h.meterCircleVars.size}function L(e){return e?h.meterCircleVars.trackSizes[e]:h.meterCircleVars.trackSize}function V(e,t,n){return null!=t?`(${A(e,n)} * ${t/2})`:`(${A(e,n)} * 0.5 - ${L(e)})`}function j(e,t,n){return null!=t?`(${A(e,n)} * ${1-t} / 2)`:L(e)}function D(e,t,n,s,i,r){const{min:a,max:c,startAngle:h,angleExtent:u,size:d,section:f,isRtl:m,innerRadius:g}=e,x=`calc(${j(d,i,r)})`,p=[],$=t.filter((e=>e.max>a&&e.max<=c)).sort(((e,t)=>e.max-t.max)),b=$.length;for(let e=0;e<b;e++){const t=$[e],i=0===e?a:$[e-1].max,r=0===e?t.max:t.max-$[e-1].max;let d=T(i,a,c,h,u,m),C=P(r,a,c,u);const{startOffset:y,extentOffset:R}=N(g,u,0===e,t.max===c,m),M=l.getClipPath(d+y,C+R,m,f);if(p.push({clipPath:M,color:o.getVisThresholdColor(t.color),size:x,section:f}),e===b-1&&t.max<c&&n){d+=(m?1:-1)*C,C=P(c-t.max,a,c,u);const{startOffset:e,extentOffset:n}=N(g,u,!1,!0,m);p.push({clipPath:l.getClipPath(d+e,C+n,m,f),color:s,size:x,section:f})}}return p}function E(e,t,n,s,i,r,a){const{startAngle:o,angleExtent:c,size:h,section:d,isRtl:f}=e;return{section:d,color:t?"all"===n&&r?`${u.colorSchemeVars.dvt.contrastLine}`:s:"transparent",clipPath:l.getClipPath(o,c,f,d),size:`calc(${j(h,i,a)})`}}function O(e,t,n,s){const{value:i,min:r,max:a,startAngle:o,angleExtent:c,size:h,section:u,isRtl:d}=e,f=(i-r)*c/(a-r),m=Math.min(Math.max(0,t),1),g="left"===u||"right"===u,x="top"===u||"bottom"===u,p=`calc(${j(h,n,s)} * ${m})`,$=`${A(h,s)} - ((1 - ${m}) * ${j(h,n,s)})`,b=`(${$}) / 2`;return{section:u,width:g?`calc(${b})`:`calc(${$})`,height:x?`calc(${b})`:`calc(${$})`,size:p,clipPath:l.getClipPath(o,f,d,u)}}function N(e,t,n,s,i){if(!e)return{startOffset:0,extentOffset:0};const r=360/(2*Math.PI*e);let a=r/2*(i?1:-1),l=-1*r;return n&&t<360&&(a=0,l=-.5*r),s&&t<360&&(l=-.5*r),{startOffset:a,extentOffset:l}}function F(e,t,n){return"top"===n||"bottom"===n?{height:Math.min(t,e/2),width:2*Math.min(t,e/2)}:"left"===n||"right"===n?{width:Math.min(e,t/2),height:2*Math.min(e,t/2)}:{width:Math.min(e,t),height:Math.min(e,t)}}function U(e,t,n){const s=`calc(${100*e.y}% - ((${Math.sin(2*t*Math.PI/360)} * ${n} )))`;return{xOffset:`calc(${100*e.x}%  + ((${Math.cos(2*t*Math.PI/360)} * ${n} )))`,yOffset:s}}function B(e,t,n){let s="-50%";const i=l.getPositiveAngle(e);return 90!==i&&270!==i||(n="string"==typeof n?n:`${Math.abs(n)}px`,"left"===t?s=`min(-50%, calc(-100% + ${n}))`:"right"===t&&(s=`max(-50%, calc(-1 *  ${n}))`)),i<=72||i>=288?"0 -50%":i>=108&&i<=252?"-100% -50%":i<=108&&i>=72?`${s} -100%`:`${s} 0`}function H(e,t,n){return(t=l.getPositiveAngle(t))<108&&t>72||t<288&&t>252?`calc(${e} * 1.4)`:`calc( (${e} * 0.7 ) - (${Math.abs(Math.cos(2*t*Math.PI/360))} * ${n} ))`}function W(e,t,n,s,i){let r="";return n||n?(s?r=`calc(${h.meterCircleVars.size} / ${"lg"===e||"md"===e?3:2} )`:n&&("sm"===e?r=d.xUnits(4):"md"===e?r=d.xUnits(3):"lg"===e&&(r=d.xUnits(2))),"bottom"===t?`${i.height/2}px ${r} ${r} ${r}`:"top"===t?`${r} ${r} ${i.height/2}px ${r}`:"left"===t?`${r} ${w} ${r} ${r}`:"right"===t?`${r} ${r} ${r} ${w}`:r):""}function q(e,t,n){const s="full"===e?t/2:t;return"top"===e?n?"50% -50%":"-50%, -50%":n?`calc(50% + ${s}px), calc(-50% - ${s}px)`:`calc(-50% - ${s}px), calc(-50% - ${s}px)`}function K(e,t,n,s){return(e-t)/2+16*(!s&&"right"===n||s&&"left"===n?-.5:.5)}function _({color:e,angle:n,radius:s,length:i,section:a="full",label:h,labelMaxWidth:u,labelOffset:d,labelStyle:f,halfMeterOffset:m}){const g=l.getCenterCoord(a),{xOffset:x,yOffset:p}=U(g,n,s),{xOffset:$,yOffset:b}=U(g,n,`calc(${i} + ${s} + ${d}px)`);return t.jsxs(t.Fragment,{children:[t.jsx("div",{class:r.classNames([c.styles.referenceBaseLineStyle,e?void 0:c.styles.referenceBorderStyle]),style:{left:x,top:p,width:`calc(${i})`,transform:`translate(0, -1px) rotate(${360-n}deg)`,backgroundColor:e?o.getVisThresholdColor(e):void 0}}),h&&t.jsx("div",{className:c.styles.referenceLineLabelContainerStyle,style:{left:$,top:b,maxWidth:u,translate:B(n,a,m),...f},children:h})]})}function X(e,t,n,s){return`${j(e,t,s)} +  ${d.xUnits("fit"!==e||n?2:4)}`}function Y(e,t,n,s,i){const{min:r,max:a,startAngle:l,angleExtent:o,size:c,isRtl:h}=e;return{radius:V(c,n,i),length:X(c,n,s,i),angle:T(t.value,r,a,l,o,h),color:t.color}}function G(e,t,n,s,i,r){if(!n)return{width:e,height:t,overHang:0};const a=function(e){return"min"===e||"xs"===e?8:16}(s),l=J(s);return{width:e*(i?.6:1)-2*a,height:t-2*a-2*(r.height+l),overHang:a}}function J(e,t){const n="min"===e||"xs"===e;return null!=t&&(t<108&&t>72||t<288&&t>252)?n?0:4:null==t||t<108&&t>72&&!(t<288&&t>252)?n?2:4:6}function Q({max:e=100,min:o=0,value:c=0,step:h=1,size:d="fit",startAngle:x=90,angleExtent:v=360,isTrackRendered:P=!0,thresholdDisplay:T="all",indicatorSize:w=1,testId:A,isReadonly:L,...V}){const j=C.useTestId(A);a.validateRange(o,e,c,h,L);const N=V.onCommit||V.onInput,{classes:U,styles:B}=$.useComponentTheme(b.MeterCircleRedwoodTheme,{size:d,interaction:N?"isInteractive":void 0});return t.jsx(f.TrackResizeContainer,{class:r.classNames([U,B.textAlignCenter]),width:"100%",height:"100%",children:function(f,$){f-=8,$-=8;const b=a.hasLabelledReferenceLine(V.referenceLines),{textMeasureContent:C,getTextDimensions:A}=R.useTextDimensions(),{direction:H}=n.useUser(),W="rtl"===H;let X=x;W&&(X=l.getPositiveAngle(180-X));const Q=l.getCircleSection(X,v,W),{width:Z,height:ee}=F(f,$,Q),te=function(e){return e<200?"min":e<320?"xs":e<360?"sm":"md"}(Math.max(Z,ee)),ne=a.getDefaultReferenceLineLabelFontSize(te),se=s.useMemo((()=>[{tokenVar:ne,key:"labelFontSize",cssProp:"font-size"},{tokenVar:u.typographyVars.body.md.lineHeight,key:"lineHeight",cssProp:"line-height"}]),[ne]),{resolvedVars:ie,cssContent:re}=y.useCssVars(se),{maxRefLabelDims:ae}=a.getMaxRefLabelDims(ie.fontSize,ie.lineHeight,V.referenceLines,A),le="xs"===te||"min"===te,oe=V.innerRadius??.8,{width:ce,height:he,overHang:ue}=G(f,$,!!V.referenceLines?.length,te,b,ae),{width:de,height:fe}=F(ce,he,Q),me="full"===Q?Math.min(de,fe)/2:Math.min(de,fe),ge=2*me,xe=s.useRef(),pe=s.useRef(S(null,Q)),$e=s.useRef(null),[be,Ce]=s.useState(!1);s.useEffect((()=>{(V.onCommit||V.onInput||V.children)&&(pe.current=S($e.current,Q),Ce(!0))}),[Q]);const ye=s.useRef(!1),Re=m.usePointerEvents(c,(t=>{const n=$e.current;if(t.target==n)return z(t,o,e,h,pe,X,v,Q,W)}),$e,xe,ye,V.onCommit,V.onInput),Me=g.useKeyboardEvents(c,o,e,h,xe,V.onCommit,V.onInput),{datatipContent:Se,datatipProps:ve}=m.useMeterDatatip(c,ye,V.datatip,V["aria-describedby"]),ze=a.getMeterAriaProps(c,o,e,V["aria-label"],V["aria-labelledby"],V.thresholds,L),Pe=i.mergeProps(Re,Me,ve,ze),{trackColor:Te,indicatorColor:Ie}=a.getTrackAndIndicatorColor(c,T,V.trackColor,V.indicatorColor,V.thresholds),ke={min:o,max:e,value:c,startAngle:X,angleExtent:v,size:d,section:Q,isRtl:W,innerRadius:pe.current.innerRadius},{isTabbable:we}=p.useTabbableMode(),Ae=I(pe,Q);return t.jsxs(t.Fragment,{children:[t.jsx("div",{class:r.classNames([U,"full"===Q?B.meterCircleFullSizeStyle:"",B.textAlignInitial]),style:{width:f,height:$},tabIndex:we?0:-1,...j,...Pe,children:t.jsxs(M.CircleWrapper,{wrapperRef:$e,class:r.classNames([B.circleWrapperBaseStyle,N?B.interactiveStyle:"",V.referenceLines&&V.referenceLines.length>0?d&&B[`${Q}Fit${le?"Sm":"Lg"}Style`]:"",W?B.centerDivRtl:B.centerDivLtr]),style:{width:`${de}px`,height:`${fe}px`,transform:`translate(${q(Q,ue,W)})`},children:[t.jsx(M.CircleInner,{width:`${de}px`,height:`${fe}px`,class:r.classNames([B.circleTrackBaseStyle,B[`${Q}Style`]]),...E(ke,P,T,Te,oe,V.thresholds,ge)}),"all"===T&&V.thresholds&&D(ke,V.thresholds,P,Te,oe,ge).map((e=>t.jsx(M.CircleInner,{class:r.classNames([B.circleTrackBaseStyle,B[`${Q}Style`]]),...e,width:`${de}px`,height:`${fe}px`}))),t.jsx(M.CircleInner,{color:Ie,class:r.classNames([B.circleValueBaseStyle,B[`circleValue${Q}Style`],B[`${Q}Style`]]),...O(ke,w,oe,2*me)}),V.referenceLines?.map((e=>{const{radius:n,length:s,angle:i,color:r}=Y(ke,e,oe,le,ge),a=function(e,t,n,s){return n=l.getPositiveAngle(n),"full"===e||"bottom"===e||"top"===e?n<108&&n>72||n<288&&n>252?`calc(${t}px - ${k})`:`calc(${t/2-Math.abs(Math.cos(2*n*Math.PI/360))*s}px - ${k})`:90===n||270===n?`calc(${t}px - ${k})`:`calc(${t/2+s/2-s*Math.abs(Math.cos(2*n*Math.PI/360))}px - ${k})`}(Q,f,i,ge/2+ue+J(te,i));return t.jsx(_,{label:e.label,labelStyle:{fontSize:ie.labelFontSize,lineHeight:u.typographyVars.body.md.lineHeight,...e.labelStyle},labelMaxWidth:a,radius:n,length:s,angle:i,labelOffset:J(te,i),color:r,section:Q,halfMeterOffset:K(f,ge/2,Q,W)})})),be&&V.children&&Ae&&t.jsx("div",{class:r.classNames([B.meterCircleCenterContent]),children:V.children(Ae)})]})}),Se,C,re]})}})}function Z({max:e=100,min:o=0,value:c=0,step:d=1,size:f="lg",startAngle:x=90,angleExtent:v=360,isTrackRendered:P=!0,thresholdDisplay:T="all",indicatorSize:k=1,testId:A,isReadonly:L,...V}){const j=C.useTestId(A);a.validateRange(o,e,c,d,L);const N=s.useRef(),{direction:F}=n.useUser(),U="rtl"===F;let B=x;U&&(B=l.getPositiveAngle(180-B));const q=l.getCircleSection(B,v,U),K=s.useRef(S(null,q)),X=s.useRef(null),[G,Q]=s.useState(!1);s.useEffect((()=>{(V.onCommit||V.onInput||V.children)&&(K.current=S(X.current,q),Q(!0))}),[f,q,V.onCommit,V.onInput,V.children]);const{textMeasureContent:Z,getTextDimensions:ee}=R.useTextDimensions(),te=s.useRef(!1),ne=m.usePointerEvents(c,(t=>{const n=X.current;if(t.target==n)return z(t,o,e,d,K,B,v,q,U)}),X,N,te,V.onCommit,V.onInput),se=g.useKeyboardEvents(c,o,e,d,N,V.onCommit,V.onInput),{datatipContent:ie,datatipProps:re}=m.useMeterDatatip(c,te,V.datatip,V["aria-describedby"]),ae=a.getMeterAriaProps(c,o,e,V["aria-label"],V["aria-labelledby"],V.thresholds,L),le=i.mergeProps(ne,se,re,ae),{trackColor:oe,indicatorColor:ce}=a.getTrackAndIndicatorColor(c,T,V.trackColor,V.indicatorColor,V.thresholds),he="bottom"===q||"top"===q?"Horizontal":"left"===q||"right"===q?"Vertical":"Full",ue={min:o,max:e,value:c,startAngle:B,angleExtent:v,size:f,section:q,isRtl:U,innerRadius:K.current.innerRadius},de=V.onCommit||V.onInput,{classes:fe,styles:me}=$.useComponentTheme(b.MeterCircleRedwoodTheme,{size:f,interaction:de?"isInteractive":void 0}),{isTabbable:ge}=p.useTabbableMode(),xe=I(K,q),pe=O(ue,k,V.innerRadius),$e=a.hasLabelledReferenceLine(V.referenceLines),be="lg"===f?"sm":"min",Ce=a.getDefaultReferenceLineLabelFontSize(be),ye=s.useMemo((()=>[{tokenVar:Ce,key:"labelFontSize",cssProp:"font-size"},{tokenVar:u.typographyVars.body.md.lineHeight,key:"lineHeight",cssProp:"line-height"}]),[Ce]),{resolvedVars:Re,cssContent:Me}=y.useCssVars(ye),{maxRefLabelDims:Se}=a.getMaxRefLabelDims(Re.fontSize,Re.lineHeight,V.referenceLines,ee),ve=E(ue,P,T,oe,V.innerRadius,V.thresholds);return t.jsxs(t.Fragment,{children:[t.jsx("div",{class:r.classNames([fe]),tabIndex:ge?0:-1,...j,...le,children:t.jsxs(M.CircleWrapper,{wrapperRef:X,class:r.classNames([me.circleWrapperBaseStyle,de?me.interactiveStyle:"",me[`meterCircle${he}SizeStyle`]]),style:{margin:W(f,q,!!V.referenceLines?.length,$e,Se)},children:[t.jsx(M.CircleInner,{class:r.classNames([me.circleTrackBaseStyle,me[`${q}Style`]]),...ve}),"all"===T&&V.thresholds&&D(ue,V.thresholds,P,oe,V.innerRadius).map((e=>t.jsx(M.CircleInner,{class:r.classNames([me.circleTrackBaseStyle,me[`${q}Style`]]),...e}))),t.jsx(M.CircleInner,{color:ce,class:r.classNames([me.circleValueBaseStyle,me[`circleValue${q}Style`],me[`${q}Style`]]),...pe}),V.referenceLines?.map((e=>{const{radius:n,length:s,angle:i,color:r}=Y(ue,e,V.innerRadius);return t.jsx(_,{label:e.label,labelStyle:{fontSize:Re.labelFontSize,...e.labelStyle},labelMaxWidth:H(h.meterCircleVars.size,i,`calc( ${n} + ${s} - ${ve.size} + ${J(be,i)}px)`),radius:n,labelOffset:J(be,i),length:s,angle:i,color:r,halfMeterOffset:w,section:q})})),G&&V.children&&xe&&t.jsx("div",{class:r.classNames([me.meterCircleCenterContent]),children:V.children(xe)})]})}),ie,Z,Me]})}e.MeterCircle=function({size:e,max:n=100,min:s=0,value:i=0,step:r=1,startAngle:a=90,angleExtent:l=360,isTrackRendered:o=!0,thresholdDisplay:c="all",indicatorSize:h=1,isReadonly:u,...d}){return"fit"===e?t.jsx(Q,{isReadonly:u,min:s,value:i,max:n,step:r,startAngle:a,angleExtent:l,isTrackRendered:o,thresholdDisplay:c,indicatorSize:h,...d}):t.jsx(Z,{isReadonly:u,size:e||"lg",min:s,value:i,max:n,step:r,startAngle:a,angleExtent:l,isTrackRendered:o,thresholdDisplay:c,indicatorSize:h,...d})}}));
+define(['exports', 'preact/jsx-runtime', './useUser-12ec03f1', 'preact/hooks', './mergeProps-bcfa6a92', './classNames-08d99695', './meterUtils-ec7ab29c', './circleUtils-1886e5b4', './utils-f5afce68', './UNSAFE_MeterCircle/themes/MeterCircleStyles.css', './UNSAFE_MeterCircle/themes/MeterCircleContract.css', './themeContract.css-2e4b066d', './utils-ad4761c9', './TrackResizeContainer-a4999df9', './useMeterDatatip-934d034d', './useKeyboardEvents-e4599671', './TabbableModeContext-a9c97640', './useTabbableMode-df433329', './useComponentTheme-5aa41a8f', './UNSAFE_MeterCircle/themes/redwood/MeterCircleTheme', './useTestId-9afc201a', './useCssVars-5b3bc31e', './useTextDimensions-f254e8f5', './CircularMeter-b754580a'], (function(e,t,n,s,i,r,a,l,o,c,h,u,d,f,m,g,x,p,$,b,C,y,R,M){"use strict";function S(e,t){if(!e)return{width:0,height:0,innerRadius:0,outerRadius:0};const n=e.children[0],s=n.getBoundingClientRect();return{width:Math.round(s.width),height:Math.round(s.height),...v(n,s,t)}}function v(e,t,n){const s=e.clientWidth,i=e.clientHeight;return"bottom"===n||"top"===n?{outerRadius:t.width/2,innerRadius:i}:"left"===n||"right"===n?{outerRadius:t.height/2,innerRadius:s}:{innerRadius:s/2,outerRadius:t.width/2}}function z(e,t,n,s,i,r,a,o,c){const h=i.current;if(!h)return;const u=l.getCenterCoord(o),{angle:d}=l.convertToPolar(h.width*u.x,h.height*u.y,e.offsetX,e.offsetY),f=l.getPositiveAngle(d);let m;if(c&&r+a>f&&(m=l.getPositiveAngle(d-r)/a*(n-t)),!c){const e=l.getPositiveAngle(r-f);e<=a&&(m=e*(n-t)/a)}return null!=m&&(m=Math.round(m/s)*s,m=Math.max(Math.min(n,m),t)),m}function P(e,t,n,s){return e*s/(n-t)}function T(e,t,n,s,i,r){return s+(r?1:-1)*P(e-t,t,n,i)}function I(e,t){const n=e.current;if(!n)return;const s=l.getCenterCoord(t),i=s.x*n.width,r=s.y*n.height;let a,o,c,h,u,d,f,m;return"top"===t||"bottom"===t||"full"===t?(f=2*n.innerRadius,m="full"===t?2*n.innerRadius:n.innerRadius,u=i-n.innerRadius,d="bottom"===t?0:r-n.innerRadius,c=Math.sqrt(2)*n.innerRadius,h="full"===t?c:n.innerRadius/Math.sqrt(2),a=i-n.innerRadius/Math.sqrt(2),o="bottom"===t?0:r-n.innerRadius/Math.sqrt(2)):(m=2*n.innerRadius,f=n.innerRadius,u="left"===t?i-n.innerRadius:0,d=r-n.innerRadius,h=Math.sqrt(2)*n.innerRadius,c=n.innerRadius/Math.sqrt(2),a="left"===t?i-n.innerRadius/Math.sqrt(2):0,o=r-n.innerRadius/Math.sqrt(2)),{outerBounds:{x:u,y:d,width:f,height:m},innerBounds:{x:a,y:o,width:c,height:h}}}const k=d.xUnits(2),w=d.xUnits(7.5);function A(e,t){return e?"fit"===e?`${t}px`:h.meterCircleVars.sizes[e]:h.meterCircleVars.size}function L(e){return e?h.meterCircleVars.trackSizes[e]:h.meterCircleVars.trackSize}function V(e,t,n){return null!=t?`(${A(e,n)} * ${t/2})`:`(${A(e,n)} * 0.5 - ${L(e)})`}function j(e,t,n){return null!=t?`(${A(e,n)} * ${1-t} / 2)`:L(e)}function D(e,t,n,s,i,r){const{min:a,max:c,startAngle:h,angleExtent:u,size:d,section:f,isRtl:m,innerRadius:g}=e,x=`calc(${j(d,i,r)})`,p=[],$=t.filter((e=>e.max>a&&e.max<=c)).sort(((e,t)=>e.max-t.max)),b=$.length;for(let e=0;e<b;e++){const t=$[e],i=0===e?a:$[e-1].max,r=0===e?t.max:t.max-$[e-1].max;let d=T(i,a,c,h,u,m),C=P(r,a,c,u);const{startOffset:y,extentOffset:R}=N(g,u,0===e,t.max===c,m),M=l.getClipPath(d+y,C+R,m,f);if(p.push({clipPath:M,color:o.getVisThresholdColor(t.color),size:x,section:f}),e===b-1&&t.max<c&&n){d+=(m?1:-1)*C,C=P(c-t.max,a,c,u);const{startOffset:e,extentOffset:n}=N(g,u,!1,!0,m);p.push({clipPath:l.getClipPath(d+e,C+n,m,f),color:s,size:x,section:f})}}return p}function E(e,t,n,s,i,r,a){const{startAngle:o,angleExtent:c,size:h,section:d,isRtl:f}=e;return{section:d,color:t?"all"===n&&r?`${u.colorSchemeVars.dvt.contrastLine}`:s:"transparent",clipPath:l.getClipPath(o,c,f,d),size:`calc(${j(h,i,a)})`}}function O(e,t,n,s){const{value:i,min:r,max:a,startAngle:o,angleExtent:c,size:h,section:u,isRtl:d}=e,f=(i-r)*c/(a-r),m=Math.min(Math.max(0,t),1),g="left"===u||"right"===u,x="top"===u||"bottom"===u,p=`calc(${j(h,n,s)} * ${m})`,$=`${A(h,s)} - ((1 - ${m}) * ${j(h,n,s)})`,b=`(${$}) / 2`;return{section:u,width:g?`calc(${b})`:`calc(${$})`,height:x?`calc(${b})`:`calc(${$})`,size:p,clipPath:l.getClipPath(o,f,d,u)}}function N(e,t,n,s,i){if(!e)return{startOffset:0,extentOffset:0};const r=360/(2*Math.PI*e);let a=r/2*(i?1:-1),l=-1*r;return n&&t<360&&(a=0,l=-.5*r),s&&t<360&&(l=-.5*r),{startOffset:a,extentOffset:l}}function F(e,t,n){return"top"===n||"bottom"===n?{height:Math.min(t,e/2),width:2*Math.min(t,e/2)}:"left"===n||"right"===n?{width:Math.min(e,t/2),height:2*Math.min(e,t/2)}:{width:Math.min(e,t),height:Math.min(e,t)}}function U(e,t,n){const s=`calc(${100*e.y}% - ((${Math.sin(2*t*Math.PI/360)} * ${n} )))`;return{xOffset:`calc(${100*e.x}%  + ((${Math.cos(2*t*Math.PI/360)} * ${n} )))`,yOffset:s}}function B(e,t,n){let s="-50%";const i=l.getPositiveAngle(e);return 90!==i&&270!==i||(n="string"==typeof n?n:`${Math.abs(n)}px`,"left"===t?s=`min(-50%, calc(-100% + ${n}))`:"right"===t&&(s=`max(-50%, calc(-1 *  ${n}))`)),i<=72||i>=288?"0 -50%":i>=108&&i<=252?"-100% -50%":i<=108&&i>=72?`${s} -100%`:`${s} 0`}function H(e,t,n){return(t=l.getPositiveAngle(t))<108&&t>72||t<288&&t>252?`calc(${e} * 1.4)`:`calc( (${e} * 0.7 ) - (${Math.abs(Math.cos(2*t*Math.PI/360))} * ${n} ))`}function W(e,t,n,s,i){let r="";return n||n?(s?r=`calc(${h.meterCircleVars.size} / ${"lg"===e||"md"===e?3:2} )`:n&&("sm"===e?r=d.xUnits(4):"md"===e?r=d.xUnits(3):"lg"===e&&(r=d.xUnits(2))),"bottom"===t?`${i.height/2}px ${r} ${r} ${r}`:"top"===t?`${r} ${r} ${i.height/2}px ${r}`:"left"===t?`${r} ${w} ${r} ${r}`:"right"===t?`${r} ${r} ${r} ${w}`:r):""}function q(e,t,n){const s="full"===e?t/2:t;return"top"===e?n?"50% -50%":"-50%, -50%":n?`calc(50% + ${s}px), calc(-50% - ${s}px)`:`calc(-50% - ${s}px), calc(-50% - ${s}px)`}function K(e,t,n,s){return(e-t)/2+16*(!s&&"right"===n||s&&"left"===n?-.5:.5)}function _({color:e,angle:n,radius:s,length:i,section:a="full",label:h,labelMaxWidth:u,labelOffset:d,labelStyle:f,halfMeterOffset:m}){const g=l.getCenterCoord(a),{xOffset:x,yOffset:p}=U(g,n,s),{xOffset:$,yOffset:b}=U(g,n,`calc(${i} + ${s} + ${d}px)`);return t.jsxs(t.Fragment,{children:[t.jsx("div",{class:r.classNames([c.styles.referenceBaseLineStyle,e?void 0:c.styles.referenceBorderStyle]),style:{left:x,top:p,width:`calc(${i})`,transform:`translate(0, -1px) rotate(${360-n}deg)`,backgroundColor:e?o.getVisThresholdColor(e):void 0}}),h&&t.jsx("div",{className:c.styles.referenceLineLabelContainerStyle,style:{left:$,top:b,maxWidth:u,translate:B(n,a,m),...f},children:h})]})}function X(e,t,n,s){return`${j(e,t,s)} +  ${d.xUnits("fit"!==e||n?2:4)}`}function Y(e,t,n,s,i){const{min:r,max:a,startAngle:l,angleExtent:o,size:c,isRtl:h}=e;return{radius:V(c,n,i),length:X(c,n,s,i),angle:T(t.value,r,a,l,o,h),color:t.color}}function G(e,t,n,s,i,r){if(!n)return{width:e,height:t,overHang:0};const a=function(e){return"min"===e||"xs"===e?8:16}(s),l=J(s);return{width:e*(i?.6:1)-2*a,height:t-2*a-2*(r.height+l),overHang:a}}function J(e,t){const n="min"===e||"xs"===e;return null!=t&&(t<108&&t>72||t<288&&t>252)?n?0:4:null==t||t<108&&t>72&&!(t<288&&t>252)?n?2:4:6}function Q({max:e=100,min:o=0,value:c=0,step:h=1,size:d="fit",startAngle:x=90,angleExtent:v=360,isTrackRendered:P=!0,thresholdDisplay:T="all",indicatorSize:w=1,testId:A,isReadonly:L,...V}){const j=C.useTestId(A);a.validateRange(o,e,c,h,L);const N=V.onCommit||V.onInput,{classes:U,styles:B}=$.useComponentTheme(b.MeterCircleRedwoodTheme,{size:d,interaction:N?"isInteractive":void 0});return t.jsx(f.TrackResizeContainer,{class:r.classNames([U,B.textAlignCenter]),width:"100%",height:"100%",children:function(f,$){f-=8,$-=8;const b=a.hasLabelledReferenceLine(V.referenceLines),{textMeasureContent:C,getTextDimensions:A}=R.useTextDimensions(),{direction:H}=n.useUser(),W="rtl"===H;let X=x;W&&(X=l.getPositiveAngle(180-X));const Q=l.getCircleSection(X,v,W),{width:Z,height:ee}=F(f,$,Q),te=function(e){return e<200?"min":e<320?"xs":e<360?"sm":"md"}(Math.max(Z,ee)),ne=a.getDefaultReferenceLineLabelFontSize(te),se=s.useMemo((()=>[{tokenVar:ne,key:"labelFontSize",cssProp:"font-size"},{tokenVar:u.typographyVars.body.md.lineHeight,key:"lineHeight",cssProp:"line-height"}]),[ne]),{resolvedVars:ie,cssContent:re}=y.useCssVars(se),{maxRefLabelDims:ae}=a.getMaxRefLabelDims(ie.fontSize,ie.lineHeight,V.referenceLines,A),le="xs"===te||"min"===te,oe=V.innerRadius??.8,{width:ce,height:he,overHang:ue}=G(f,$,!!V.referenceLines?.length,te,b,ae),{width:de,height:fe}=F(ce,he,Q),me="full"===Q?Math.min(de,fe)/2:Math.min(de,fe),ge=2*me,xe=s.useRef(),pe=s.useRef(S(null,Q)),$e=s.useRef(null),[be,Ce]=s.useState(!1);s.useEffect((()=>{(V.onCommit||V.onInput||V.children)&&(pe.current=S($e.current,Q),Ce(!0))}),[Q]);const ye=s.useRef(!1),Re=m.usePointerEvents(c,(t=>{const n=$e.current;if(t.target==n)return z(t,o,e,h,pe,X,v,Q,W)}),$e,xe,ye,V.onCommit,V.onInput),Me=g.useKeyboardEvents(c,o,e,h,xe,V.onCommit,V.onInput),{datatipContent:Se,datatipProps:ve}=m.useMeterDatatip(c,ye,V.datatip,V["aria-describedby"]),ze=a.getMeterAriaProps(c,o,e,V["aria-label"],V["aria-labelledby"],V.thresholds,L),Pe=i.mergeProps(Re,Me,ve,ze),{trackColor:Te,indicatorColor:Ie}=a.getTrackAndIndicatorColor(c,T,V.trackColor,V.indicatorColor,V.thresholds),ke={min:o,max:e,value:c,startAngle:X,angleExtent:v,size:d,section:Q,isRtl:W,innerRadius:pe.current.innerRadius},{isTabbable:we}=p.useTabbableMode(),Ae=I(pe,Q);return t.jsxs(t.Fragment,{children:[t.jsx("div",{class:r.classNames([U,"full"===Q?B.meterCircleFullSizeStyle:"",B.textAlignInitial]),style:{width:f,height:$},tabIndex:we?0:-1,...j,...Pe,children:t.jsxs(M.CircleWrapper,{wrapperRef:$e,class:r.classNames([B.circleWrapperBaseStyle,N?B.interactiveStyle:"",V.referenceLines&&V.referenceLines.length>0?d&&B[`${Q}Fit${le?"Sm":"Lg"}Style`]:"",W?B.centerDivRtl:B.centerDivLtr]),style:{width:`${de}px`,height:`${fe}px`,transform:`translate(${q(Q,ue,W)})`},children:[t.jsx(M.CircleInner,{width:`${de}px`,height:`${fe}px`,class:r.classNames([B.circleTrackBaseStyle,B[`${Q}Style`]]),...E(ke,P,T,Te,oe,V.thresholds,ge)}),"all"===T&&V.thresholds&&D(ke,V.thresholds,P,Te,oe,ge).map((e=>t.jsx(M.CircleInner,{class:r.classNames([B.circleTrackBaseStyle,B[`${Q}Style`]]),...e,width:`${de}px`,height:`${fe}px`}))),t.jsx(M.CircleInner,{color:Ie,class:r.classNames([B.circleValueBaseStyle,B[`circleValue${Q}Style`],B[`${Q}Style`]]),...O(ke,w,oe,2*me)}),V.referenceLines?.map((e=>{const{radius:n,length:s,angle:i,color:r}=Y(ke,e,oe,le,ge),a=function(e,t,n,s){return n=l.getPositiveAngle(n),"full"===e||"bottom"===e||"top"===e?n<108&&n>72||n<288&&n>252?`calc(${t}px - ${k})`:`calc(${t/2-Math.abs(Math.cos(2*n*Math.PI/360))*s}px - ${k})`:90===n||270===n?`calc(${t}px - ${k})`:`calc(${t/2+s/2-s*Math.abs(Math.cos(2*n*Math.PI/360))}px - ${k})`}(Q,f,i,ge/2+ue+J(te,i));return t.jsx(_,{label:e.label,labelStyle:{fontSize:ie.labelFontSize,lineHeight:u.typographyVars.body.md.lineHeight,...e.labelStyle},labelMaxWidth:a,radius:n,length:s,angle:i,labelOffset:J(te,i),color:r,section:Q,halfMeterOffset:K(f,ge/2,Q,W)})})),be&&V.children&&Ae&&t.jsx("div",{class:r.classNames([B.meterCircleCenterContent]),children:V.children(Ae)})]})}),Se,C,re]})}})}function Z({max:e=100,min:o=0,value:c=0,step:d=1,size:f="lg",startAngle:x=90,angleExtent:v=360,isTrackRendered:P=!0,thresholdDisplay:T="all",indicatorSize:k=1,testId:A,isReadonly:L,...V}){const j=C.useTestId(A);a.validateRange(o,e,c,d,L);const N=s.useRef(),{direction:F}=n.useUser(),U="rtl"===F;let B=x;U&&(B=l.getPositiveAngle(180-B));const q=l.getCircleSection(B,v,U),K=s.useRef(S(null,q)),X=s.useRef(null),[G,Q]=s.useState(!1);s.useEffect((()=>{(V.onCommit||V.onInput||V.children)&&(K.current=S(X.current,q),Q(!0))}),[f,q,V.onCommit,V.onInput,V.children]);const{textMeasureContent:Z,getTextDimensions:ee}=R.useTextDimensions(),te=s.useRef(!1),ne=m.usePointerEvents(c,(t=>{const n=X.current;if(t.target==n)return z(t,o,e,d,K,B,v,q,U)}),X,N,te,V.onCommit,V.onInput),se=g.useKeyboardEvents(c,o,e,d,N,V.onCommit,V.onInput),{datatipContent:ie,datatipProps:re}=m.useMeterDatatip(c,te,V.datatip,V["aria-describedby"]),ae=a.getMeterAriaProps(c,o,e,V["aria-label"],V["aria-labelledby"],V.thresholds,L),le=i.mergeProps(ne,se,re,ae),{trackColor:oe,indicatorColor:ce}=a.getTrackAndIndicatorColor(c,T,V.trackColor,V.indicatorColor,V.thresholds),he="bottom"===q||"top"===q?"Horizontal":"left"===q||"right"===q?"Vertical":"Full",ue={min:o,max:e,value:c,startAngle:B,angleExtent:v,size:f,section:q,isRtl:U,innerRadius:K.current.innerRadius},de=V.onCommit||V.onInput,{classes:fe,styles:me}=$.useComponentTheme(b.MeterCircleRedwoodTheme,{size:f,interaction:de?"isInteractive":void 0}),{isTabbable:ge}=p.useTabbableMode(),xe=I(K,q),pe=O(ue,k,V.innerRadius),$e=a.hasLabelledReferenceLine(V.referenceLines),be="lg"===f?"sm":"min",Ce=a.getDefaultReferenceLineLabelFontSize(be),ye=s.useMemo((()=>[{tokenVar:Ce,key:"labelFontSize",cssProp:"font-size"},{tokenVar:u.typographyVars.body.md.lineHeight,key:"lineHeight",cssProp:"line-height"}]),[Ce]),{resolvedVars:Re,cssContent:Me}=y.useCssVars(ye),{maxRefLabelDims:Se}=a.getMaxRefLabelDims(Re.fontSize,Re.lineHeight,V.referenceLines,ee),ve=E(ue,P,T,oe,V.innerRadius,V.thresholds);return t.jsxs(t.Fragment,{children:[t.jsx("div",{class:r.classNames([fe]),tabIndex:ge?0:-1,...j,...le,children:t.jsxs(M.CircleWrapper,{wrapperRef:X,class:r.classNames([me.circleWrapperBaseStyle,de?me.interactiveStyle:"",me[`meterCircle${he}SizeStyle`]]),style:{margin:W(f,q,!!V.referenceLines?.length,$e,Se)},children:[t.jsx(M.CircleInner,{class:r.classNames([me.circleTrackBaseStyle,me[`${q}Style`]]),...ve}),"all"===T&&V.thresholds&&D(ue,V.thresholds,P,oe,V.innerRadius).map((e=>t.jsx(M.CircleInner,{class:r.classNames([me.circleTrackBaseStyle,me[`${q}Style`]]),...e}))),t.jsx(M.CircleInner,{color:ce,class:r.classNames([me.circleValueBaseStyle,me[`circleValue${q}Style`],me[`${q}Style`]]),...pe}),V.referenceLines?.map((e=>{const{radius:n,length:s,angle:i,color:r}=Y(ue,e,V.innerRadius);return t.jsx(_,{label:e.label,labelStyle:{fontSize:Re.labelFontSize,...e.labelStyle},labelMaxWidth:H(h.meterCircleVars.size,i,`calc( ${n} + ${s} - ${ve.size} + ${J(be,i)}px)`),radius:n,labelOffset:J(be,i),length:s,angle:i,color:r,halfMeterOffset:w,section:q})})),G&&V.children&&xe&&t.jsx("div",{class:r.classNames([me.meterCircleCenterContent]),children:V.children(xe)})]})}),ie,Z,Me]})}e.MeterCircle=function({size:e,max:n=100,min:s=0,value:i=0,step:r=1,startAngle:a=90,angleExtent:l=360,isTrackRendered:o=!0,thresholdDisplay:c="all",indicatorSize:h=1,isReadonly:u,...d}){return"fit"===e?t.jsx(Q,{isReadonly:u,min:s,value:i,max:n,step:r,startAngle:a,angleExtent:l,isTrackRendered:o,thresholdDisplay:c,indicatorSize:h,...d}):t.jsx(Z,{isReadonly:u,size:e||"lg",min:s,value:i,max:n,step:r,startAngle:a,angleExtent:l,isTrackRendered:o,thresholdDisplay:c,indicatorSize:h,...d})}}));
 //# sourceMappingURL=MeterCircle-d2ac0a67.js.map

package/amd/Modal-1b3cd230.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './useModal-536cb7ff', './Layer-c91c7141', './LayerHost-daf96749', './UNSAFE_Modal/themes/ModalStyles.css', './tabbableUtils-9101c0e5', './popupUtils-019ff48f'], (function(e,t,n,s,r,o,l,a,i){"use strict";const u=n.forwardRef((({variant:e="scrim"},n)=>{const s=l.multiVariantStyles({backdrop:"transparent"===e?"transparent":"scrim"});return t.jsx("div",{ref:n,class:s})}));const c=new class{constructor(){this.isFocusHandlerActive=!1,this.focusHandler=e=>{const t=this.getTopModal(),n=e.target;if(t&&n){const s=t.modalRef;if(s&&!s.contains(n)&&!i.isLogicalAncestor(s,n)&&!this._parentLayerContainsNode(s,n)){a.allTabbableElements(s).length>0&&(a.focusWithin(s),e.preventDefault(),e.stopPropagation())}}},this.getTopModal=()=>this.modals.length>0?this.modals[this.modals.length-1]:null,this.islegacyLayerSupportAvailable=()=>null!==document.getElementById("__oj_zorder_container"),this.modals=[],this.styleBackup=[]}push(e){if(-1===this._findModalIndex(e)){if(this.modals.push(e),1===this.modals.length){const t=this._getOwnerDocument(e.modalRef).body,n=window.innerWidth-document.documentElement.clientWidth;if(n>1){Math.round(document.documentElement.getBoundingClientRect().left)+document.documentElement.scrollLeft?(this.styleBackup.push({property:"padding-left",value:t.style.paddingLeft}),t.style.paddingLeft=`${n}px`):(this.styleBackup.push({property:"padding-right",value:t.style.paddingRight}),t.style.paddingRight=`${n}px`)}this.styleBackup.push({property:"overflow",value:t.style.overflow}),this.styleBackup.push({property:"overflow-x",value:t.style.overflowX}),this.styleBackup.push({property:"overflow-y",value:t.style.overflowY}),t.style.overflow="hidden"}1!==this.modals.length||this.islegacyLayerSupportAvailable()||(document.addEventListener("focus",this.focusHandler,!0),this.isFocusHandlerActive=!0)}}pop(e){const t=this._findModalIndex(e);if(-1!==t&&t===this.modals.length-1&&(this.isFocusHandlerActive&&1===this.modals.length&&document.removeEventListener("focus",this.focusHandler,!0),this.modals.pop(),0===this.modals.length)){const t=this._getOwnerDocument(e.modalRef).body;this.styleBackup.forEach((({property:e,value:n})=>{t.style.setProperty(e,n)}))}}isTopModal(e){return this.modals.length>0&&this.modals[this.modals.length-1]===e}_findModalIndex(e){let t=-1;return this.modals.forEach(((n,s)=>{n!==e||(t=s)})),t}_getOwnerDocument(e){return e&&e.ownerDocument||document}_parentLayerContainsNode(e,t){const n=e.closest("[data-oj-layer]");return!(!n||!n.contains(t))}};function d(e){const t=[];let n=e.previousSibling;for(;null!=n;)1===n.nodeType&&t.push(n),n=n.previousSibling;for(n=e.nextSibling;null!=n;)1===n.nodeType&&t.push(n),n=n.nextSibling;return t}function p(e){e.forEach((e=>{e.removeAttribute("aria-hidden")}))}e.Modal=({children:e,isOpen:o,onBackdropClick:a,backdropVariant:i})=>{const h=c,{backdropRef:f}=s.useModal({isOpen:o,onBackdropClick:a}),m=n.useRef(null),y=n.useRef(null),g=n.useRef({}),v=()=>(g.current.modalRef=m.current,g.current);n.useEffect((()=>{o&&m.current?h?.push(v()):g.current.modalRef&&(null!==y.current&&(p(y.current),y.current=null),h?.pop(v()))}),[o,h]),n.useEffect((()=>{const e=g.current.modalRef;return()=>{null!==y.current&&(p(y.current),y.current=null),e&&h?.pop(v())}}),[h]);return o?t.jsx(r.Layer,{isModal:!0,children:t.jsxs("div",{ref:m,class:l.baseStyle,onFocus:()=>{m.current&&null===y.current&&(y.current=function(e){if(!e)return[];const t=[];let n=e.parentElement;do{if(!n)break;d(n).forEach((e=>{"script"!==e.tagName.toLowerCase()&&"true"!==e.getAttribute("aria-hidden")&&(t.push(e),e.setAttribute("aria-hidden","true"))})),n=n.parentElement}while(n&&"body"!==n.tagName.toLowerCase());return t}(m.current))},children:[t.jsx(u,{ref:f,variant:i}),e]})}):null}}));
+//# sourceMappingURL=Modal-1b3cd230.js.map

package/amd/Modal-1b3cd230.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal-1b3cd230.js","sources":["../../src/UNSAFE_Modal/ModalBackdrop.tsx","../../src/UNSAFE_Modal/Modal.tsx","../../src/UNSAFE_Modal/ModalManager.ts"],"sourcesContent":["import type { JSX } from 'preact';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { multiVariantStyles } from './themes/ModalStyles.css';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\n\ntype IntrinsicProps = Pick<UnpackSignals<JSX.IntrinsicElements['div']>, 'children'>;\n\ntype Props = IntrinsicProps & {\n  /**\n   * Specifies the backdrop is visible or transparent. Default is 'scrim' (visible).\n   */\n  variant?: 'scrim' | 'transparent';\n};\n\nconst ModalBackdrop = forwardRef<HTMLDivElement, Props>(\n  ({ variant = 'scrim' }, ref: ForwardedRef<HTMLDivElement | null>) => {\n    const variantClasses = multiVariantStyles({\n      backdrop: variant === 'transparent' ? 'transparent' : 'scrim'\n    });\n\n    return <div ref={ref} class={variantClasses} />;\n  }\n);\n\nexport default ModalBackdrop;\n","import type { JSX } from 'preact';\nimport { useEffect, useRef } from 'preact/compat';\nimport { useModal } from './hooks/useModal';\nimport { Layer } from '../UNSAFE_Layer';\nimport ModalBackdrop from './ModalBackdrop';\nimport ModalManager from './ModalManager';\nimport { baseStyle } from './themes/ModalStyles.css';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\n\n// Global ModalManager singleton instance\nconst globalModalManager = new ModalManager();\n\n/**\n * Returns an array of element's siblings.\n *\n * @param elem\n * @returns\n */\nfunction getSiblings(elem: Element): Element[] {\n  const siblings: Element[] = [];\n  let sibling = elem.previousSibling;\n  while (sibling != null) {\n    if (sibling.nodeType === 1) {\n      siblings.push(sibling as Element);\n    }\n    sibling = sibling.previousSibling;\n  }\n  sibling = elem.nextSibling;\n  while (sibling != null) {\n    if (sibling.nodeType === 1) {\n      siblings.push(sibling as Element);\n    }\n    sibling = sibling.nextSibling;\n  }\n  return siblings;\n}\n\n/**\n * Sets aria-hidden=true on Modal ancestors and siblings.\n *\n * @param modal\n * @returns An array of modified elements.\n */\nfunction setAriaHiddenOnBackgroundElements(modal: HTMLElement) {\n  if (!modal) {\n    return [];\n  }\n  const ariaHiddenElements: Element[] = [];\n  let node: Element | null = modal.parentElement as Element;\n\n  do {\n    if (!node) {\n      break;\n    }\n    const siblings = getSiblings(node);\n    siblings.forEach((elem: Element) => {\n      if (elem.tagName.toLowerCase() !== 'script' && elem.getAttribute('aria-hidden') !== 'true') {\n        ariaHiddenElements.push(elem);\n        elem.setAttribute('aria-hidden', 'true');\n      }\n    });\n    node = node.parentElement;\n  } while (node && node.tagName.toLowerCase() !== 'body');\n\n  return ariaHiddenElements;\n}\n\n/**\n * Resets the aria-hidden state on previously aria-hidden elements.\n *\n * @param elements\n */\nfunction resetAriaHiddenOnBackgroundElements(elements: Element[]) {\n  elements.forEach((elem) => {\n    elem.removeAttribute('aria-hidden');\n  });\n}\n\ntype IntrinsicProps = Pick<UnpackSignals<JSX.IntrinsicElements['div']>, 'children'>;\ntype UseModalProps = Parameters<typeof useModal>[0];\ntype Props = UseModalProps &\n  IntrinsicProps & {\n    /**\n     * Determines if the modal is active.\n     */\n    isOpen: boolean;\n    /**\n     * Specifies if modal backdrop is visible or transparent. Default is 'scrim' (visible).\n     */\n    backdropVariant?: 'scrim' | 'transparent';\n    /**\n     * A callback to be invoked when a click on the modal backdrop occurs.\n     */\n    onBackdropClick?: (event: MouseEvent) => void;\n  };\n\n/**\n * Modal is a low-level component that provides the 'modality' feature with built-in overlay (scrim).\n * It is typically used for building higher-level components (such as 'Dialog' or 'Popup') that need\n * to support modal behavior preventing interaction with the rest of the page while the modal is open.\n */\nconst Modal = ({ children, isOpen, onBackdropClick, backdropVariant }: Props) => {\n  // get the global ModalContext instance\n  const modalManager = globalModalManager;\n\n  const { backdropRef } = useModal({ isOpen, onBackdropClick });\n  // main modal element ref\n  const modalRef = useRef<HTMLDivElement>(null);\n\n  const ariaHiddenCache = useRef<Element[] | null>(null);\n\n  // modal ref cache, required to lookup the item in modal manager when the actual ref is unmounted\n  const modal = useRef<{\n    modalRef?: typeof modalRef.current;\n  }>({});\n\n  // populates and returns the modal ref cache\n  const getModal = () => {\n    modal.current.modalRef = modalRef.current;\n    return modal.current;\n  };\n\n  useEffect(() => {\n    if (isOpen && modalRef.current) {\n      modalManager?.push(getModal());\n    } else {\n      if (modal.current.modalRef) {\n        if (ariaHiddenCache.current !== null) {\n          resetAriaHiddenOnBackgroundElements(ariaHiddenCache.current);\n          ariaHiddenCache.current = null;\n        }\n        modalManager?.pop(getModal());\n      }\n    }\n  }, [isOpen, modalManager]);\n\n  useEffect(() => {\n    const modalRef = modal.current.modalRef;\n    return () => {\n      if (ariaHiddenCache.current !== null) {\n        resetAriaHiddenOnBackgroundElements(ariaHiddenCache.current);\n        ariaHiddenCache.current = null;\n      }\n      if (modalRef) {\n        modalManager?.pop(getModal());\n      }\n    };\n  }, [modalManager]);\n\n  const handleFocusIn = () => {\n    // on first focusin, set aria-hidden on modal ancestor's siblings and remember the modified elements\n    if (modalRef.current && ariaHiddenCache.current === null) {\n      ariaHiddenCache.current = setAriaHiddenOnBackgroundElements(modalRef.current);\n    }\n  };\n\n  return isOpen ? (\n    <Layer isModal={true}>\n      <div ref={modalRef} class={baseStyle} onFocus={handleFocusIn}>\n        <ModalBackdrop ref={backdropRef} variant={backdropVariant} />\n        {children}\n      </div>\n    </Layer>\n  ) : null;\n};\n\nexport default Modal;\n","import { focusWithin, allTabbableElements } from '../utils/PRIVATE_tabbableUtils';\nimport { isLogicalAncestor } from '../utils/UNSAFE_popupUtils';\n\ninterface Modal {\n  modalRef?: HTMLDivElement | null;\n}\n\n/**\n * CSS property backup type.\n */\ntype StyleBackup = Array<{\n  property: string;\n  value: string;\n}>;\n\nexport default class ModalManager {\n  /**\n   * Array of ModalDescriptors managed by ModalManager\n   */\n  private modals: Modal[];\n  /**\n   * Backup of the main container's (body) CSS props potentially altered by Modal.\n   */\n  private styleBackup: StyleBackup;\n  /**\n   * A flag indicating that the ModalManager's focus handler is installed\n   */\n  private isFocusHandlerActive = false;\n\n  constructor() {\n    this.modals = [];\n    this.styleBackup = [];\n  }\n\n  /**\n   * A focus handler to keep focus in the top-most modal.\n   */\n  private focusHandler = (event: FocusEvent) => {\n    const topModal = this.getTopModal();\n    const target = event.target as HTMLElement;\n\n    // if there is an open modal and valid focus event target...\n    if (topModal && target) {\n      const modalElement = topModal.modalRef;\n      if (\n        modalElement &&\n        !modalElement.contains(target) &&\n        !isLogicalAncestor(modalElement, target) &&\n        !this._parentLayerContainsNode(modalElement, target)\n      ) {\n        // Focus is outside of the top modal container, let's try to fix it\n        const tabbableElements = allTabbableElements(modalElement);\n        if (tabbableElements.length > 0) {\n          // re-directing focus to the element inside top modal\n          focusWithin(modalElement);\n          event.preventDefault();\n          event.stopPropagation();\n        }\n      }\n    }\n  };\n\n  /**\n   * Registers a modal with ModalManager\n   *\n   * @param modal\n   * @returns\n   */\n  push(modal: Modal) {\n    const modalIndex = this._findModalIndex(modal);\n\n    if (modalIndex !== -1) {\n      // Do not try to register the same modal multiple times\n      return;\n    }\n\n    this.modals.push(modal);\n\n    // if this is the first modal in the container, block container scrolling\n    if (this.modals.length === 1) {\n      const ownerDocument = this._getOwnerDocument(modal.modalRef);\n      const scrollContainer = ownerDocument.body;\n\n      const scrollBarWidth = window.innerWidth - document.documentElement.clientWidth;\n      if (scrollBarWidth > 1) {\n        // in RTL, scrollbar is on the left\n        const scrollBarLeft =\n          Math.round(document.documentElement.getBoundingClientRect().left) +\n          document.documentElement.scrollLeft;\n\n        if (scrollBarLeft) {\n          this.styleBackup.push({\n            property: 'padding-left',\n            value: scrollContainer.style.paddingLeft\n          });\n          scrollContainer.style.paddingLeft = `${scrollBarWidth}px`;\n        } else {\n          this.styleBackup.push({\n            property: 'padding-right',\n            value: scrollContainer.style.paddingRight\n          });\n          scrollContainer.style.paddingRight = `${scrollBarWidth}px`;\n        }\n      }\n\n      this.styleBackup.push({ property: 'overflow', value: scrollContainer.style.overflow });\n      this.styleBackup.push({ property: 'overflow-x', value: scrollContainer.style.overflowX });\n      this.styleBackup.push({ property: 'overflow-y', value: scrollContainer.style.overflowY });\n\n      scrollContainer.style.overflow = 'hidden';\n    }\n\n    // also install the focus handler when the first modal becomes active\n    if (this.modals.length === 1 && !this.islegacyLayerSupportAvailable()) {\n      document.addEventListener('focus', this.focusHandler, true);\n      this.isFocusHandlerActive = true;\n    }\n  }\n\n  /**\n   * Unegisters a modal from ModalManager\n   *\n   * @param modal\n   * @returns\n   */\n  pop(modal: Modal) {\n    const modalIndex = this._findModalIndex(modal);\n\n    if (modalIndex === -1) {\n      // modal to be removed not found!'\n      return;\n    }\n\n    if (modalIndex !== this.modals.length - 1) {\n      // trying to remove modal out of order!\n      return;\n    }\n\n    // remove the focus handler when the last modal is about to be removed\n    if (this.isFocusHandlerActive && this.modals.length === 1) {\n      document.removeEventListener('focus', this.focusHandler, true);\n    }\n\n    this.modals.pop();\n\n    // if this was the last modal in the container, restore its overflow props\n    if (this.modals.length === 0) {\n      const ownerDocument = this._getOwnerDocument(modal.modalRef);\n      const scrollContainer = ownerDocument.body;\n\n      this.styleBackup.forEach(({ property, value }) => {\n        scrollContainer.style.setProperty(property, value);\n      });\n    }\n  }\n\n  isTopModal(modal: Modal): boolean {\n    return this.modals.length > 0 && this.modals[this.modals.length - 1] === modal;\n  }\n\n  getTopModal = (): Modal | null => {\n    return this.modals.length > 0 ? this.modals[this.modals.length - 1] : null;\n  };\n\n  private _findModalIndex(modal: Modal): number {\n    let index = -1;\n    this.modals.forEach((elem, idx) => {\n      if (elem === modal) {\n        index = idx;\n        return;\n      }\n    });\n    return index;\n  }\n\n  private _getOwnerDocument(node: Node | null | undefined): Document {\n    return (node && node.ownerDocument) || document;\n  }\n\n  /**\n   * Checks of the modal's layer contains the target node\n   * @param modalElement modal element\n   * @param node target node\n   * @returns true, if the modal layer contains the node\n   */\n  private _parentLayerContainsNode(modalElement: Element, node: Node): boolean {\n    const parentLayer = modalElement.closest('[data-oj-layer]');\n    if (parentLayer && parentLayer.contains(node)) {\n      return true;\n    }\n    return false;\n  }\n\n  // TODO: replace with a proper API\n  /**\n   * Checks if the legacy popup service is available\n   */\n  private islegacyLayerSupportAvailable = () => {\n    return document.getElementById('__oj_zorder_container') !== null;\n  };\n}\n"],"names":["ModalBackdrop","forwardRef","variant","ref","variantClasses","multiVariantStyles","backdrop","_jsx","class","globalModalManager","constructor","this","isFocusHandlerActive","focusHandler","event","topModal","getTopModal","target","modalElement","modalRef","contains","isLogicalAncestor","_parentLayerContainsNode","allTabbableElements","length","focusWithin","preventDefault","stopPropagation","modals","islegacyLayerSupportAvailable","document","getElementById","styleBackup","push","modal","_findModalIndex","scrollContainer","_getOwnerDocument","body","scrollBarWidth","window","innerWidth","documentElement","clientWidth","Math","round","getBoundingClientRect","left","scrollLeft","property","value","style","paddingLeft","paddingRight","overflow","overflowX","overflowY","addEventListener","pop","modalIndex","removeEventListener","forEach","setProperty","isTopModal","index","elem","idx","node","ownerDocument","parentLayer","closest","getSiblings","siblings","sibling","previousSibling","nodeType","nextSibling","resetAriaHiddenOnBackgroundElements","elements","removeAttribute","children","isOpen","onBackdropClick","backdropVariant","modalManager","backdropRef","useModal","useRef","ariaHiddenCache","getModal","current","useEffect","jsx","Layer","isModal","_jsxs","jsxs","baseStyle","onFocus","ariaHiddenElements","parentElement","tagName","toLowerCase","getAttribute","setAttribute","setAriaHiddenOnBackgroundElements"],"mappings":"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"}

package/amd/MonthView-2b1d004a.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './dayUtils-49272c61', './getFormatParse-7ea0c25b', './logger-0f873e29', './calendarDateUtils-dd5b75ee', 'preact/hooks', './StyledDatePickerButton-e886e52a', 'preact/compat', './useTranslationBundle-8e42d505', './useCellNavigation-403623a8', './PRIVATE_MonthView/themes/DayCellStyles.css', './useUser-12ec03f1', './Grid-d415ba8d', './PRIVATE_MonthView/themes/redwood/MonthViewTheme', './useComponentTheme-5aa41a8f', './PRIVATE_MonthView/themes/MonthViewContract.css', './PRIVATE_MonthView/themes/WeekNumberCellStyle.css'], (function(e,t,a,s,o,r,n,i,l,d,c,u,h,y,m,p,D,g){"use strict";const w=()=>({state:"enabled"}),b=e=>{const{buttonProps:a}=(({date:e,dayFormatter:t=w,dateFormatter:a,isAdjacentMonth:s,isDisabled:o,isFocusable:n,isFocused:i,isHidden:u,isReadonly:h,isSelected:y,isToday:m,onAction:p,onDayFocused:D,onNavigation:g})=>{const{state:b}=t(e),T="disabled"===b,f="restricted"===b,k=c.useFocusableCell({isFocusable:n,isFocused:i}),S=l.useCallback((e=>{o||h||T||f||p(e)}),[o,T,h,f,p]),C=c.useCellNavigation({navigationMap:{ArrowLeft:{ltr:"previousDay",rtl:"nextDay"},ArrowRight:{ltr:"nextDay",rtl:"previousDay"},ArrowDown:"nextWeek",ArrowUp:"previousWeek",PageDown:"nextMonth",PageUp:"previousMonth",Home:"firstDayOfMonth",End:"lastDayOfMonth",ShiftPageDown:"nextYear",ShiftPageUp:"previousYear",CtrlAltT:"today"},payload:{date:e},onAction:S,onNavigation:g}),M=l.useCallback((()=>{o||T||f||D({date:e})}),[e,o,T,f,D]),x=d.useTranslationBundle("@oracle/oraclejet-preact"),v=x.datePicker_today(),j=x.datePicker_selected(),F=x.datePicker_restricted(),P=a(r.getIsoDateStr(e.year,e.month,e.day));let V=m?`${v}, ${P}`:P;V=f?`${V}, ${F}`:V,V=y?`${V}, ${j}`:V;const A=r.toJSDate(e.year,e.month,e.day).getDate().toString();return{buttonProps:{"aria-label":V,...(u||o||T||f)&&{"aria-disabled":!0},isActivable:!(o||h||T||f),isAdjacentMonth:s,isDimmed:o||T,isHidden:u,isHoverable:!(o||h||T||f),isReadonly:h,isSelected:y,isRestricted:f,isToday:m,label:A,onMouseDown:M,...k,...C}}})(e);return t.jsx("div",{role:"gridcell",class:u.dayCellStyles,children:t.jsx(i.StyledDatePickerButton,{...a})})},T=({startDateOfWeek:e})=>{const a=(e=>{const t=r.toJSDate(e.year,e.month,e.day),a=t.getUTCDay();0!==a&&1!==a&&6!==a&&o.warn("calculateWeekNumber's date property's getUTCDay() is assumed to be 0 (Sunday), 1 (Monday) or 6 (Saturday)\n      since that is the first day of the week for the locale's JET supports."),1!==a&&t.setUTCDate(t.getUTCDate()+(0===a?1:2)),t.setUTCDate(t.getUTCDate()+3);const s=r.toJSDate(t.getUTCFullYear(),1,1);return Math.floor(Math.round((t.getTime()-s.getTime())/864e5)/7)+1})(e),s=d.useTranslationBundle("@oracle/oraclejet-preact");return t.jsx("div",{"aria-label":s.datePicker_weekNum({NUM:String(a)}),class:g.weekNumberCellStyles,role:"rowheader",children:t.jsx("span",{class:g.weekNumberStyles,children:a})})};function f(e,t){return e.year===t.year&&e.month===t.month&&e.day===t.day}e.MonthView=({dayFormatter:e,daysOutsideMonth:o="hidden",isReadonly:i=!1,max:l,min:d,onAction:c,onDayFocused:u,onNavigation:g,selectedDate:w,focusableDate:k,isFocused:S=!1,testId:C,todaysDate:M,weekDisplay:x="none"})=>{const{locale:v}=h.useUser(),j=a.getWeeksInMonth(k.year,k.month,v),{baseTheme:F,styles:P}=p.useComponentTheme(m.MonthViewRedwoodTheme,{}),V="number"===x,A=`repeat(${V?8:7}, 1fr)`,U=n.useMemo((()=>{r.checkNoCalendarExtension(v);const e={locale:v,dateStyle:"full"},{format:t}=s.getFormatParse(e);return t}),[v]),N=r.formatFullCalendarDate(v,k,"month");return t.jsx("div",{class:F,children:t.jsxs(y.Grid,{gap:D.monthViewScaleVars.rowGap,"aria-label":N,role:"grid",testId:C,children:[(()=>{const e=a.getDaysOfWeekNames(v,"short");return t.jsx("div",{class:P.sticky,children:t.jsxs(y.Grid,{role:"row","aria-hidden":"true",gridTemplateColumns:A,gap:D.monthViewScaleVars.columnGap,children:[V&&t.jsx("div",{role:"presentation"}),e.map((e=>t.jsx("div",{role:"columnheader",class:P.dayOfTheWeek,children:t.jsx("span",{children:e})})))]})})})(),(()=>{const s=[];for(let n=0;n<j;n++){const h=a.getStartOfWeek(k.year,k.month,1,v),m=a.getDatesInWeek(n,h.year,h.month,h.day),p=m.map((a=>{const s=r.isDateOutOfRange(a,d,l),n=!!w&&f(a,w),h=f(a,M),y=f(a,k),m=(p=k,a.month!==p.month);var p;const D=m&&"hidden"===o;return t.jsx(b,{date:a,dateFormatter:U,dayFormatter:e,isAdjacentMonth:m,isDisabled:s,isFocusable:y,isFocused:y&&S,isHidden:D,isReadonly:i,isSelected:n,isToday:h,onAction:c,onDayFocused:u,onNavigation:g},`${a.year}-${a.month}-${a.day}`)}));s.push(t.jsxs(y.Grid,{role:"row",gridTemplateColumns:A,gap:D.monthViewScaleVars.columnGap,children:[V&&t.jsx(T,{startDateOfWeek:m[0]}),p]},n))}return s})()]})})}}));
+//# sourceMappingURL=MonthView-2b1d004a.js.map

package/amd/MonthView-2b1d004a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthView-2b1d004a.js","sources":["../../src/PRIVATE_MonthView/useDayCell.ts","../../src/PRIVATE_MonthView/DayCell.tsx","../../src/PRIVATE_MonthView/WeekNumberCell.tsx","../../src/PRIVATE_MonthView/MonthView.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport type { CalendarDateRequired } from '#utils/UNSAFE_calendarDateUtils';\nimport { DateISOStr } from '#UNSAFE_IntlDateTime';\nimport { FormatterFunc } from '#UNSAFE_IntlFormatParse';\nimport { getIsoDateStr, toJSDate } from '#utils/UNSAFE_calendarDateUtils';\nimport { ComponentProps, useCallback } from 'preact/compat';\n\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { useFocusableCell } from '#UNSAFE_DatePicker/useFocusableCell';\nimport { useCellNavigation } from '#UNSAFE_DatePicker/useCellNavigation';\nimport { StyledDatePickerButton } from '#PRIVATE_StyledDatePickerButton';\n\ntype NavigationDirections =\n  | 'previousDay'\n  | 'nextDay'\n  | 'previousWeek'\n  | 'nextWeek'\n  | 'previousMonth'\n  | 'nextMonth'\n  | 'previousYear'\n  | 'nextYear'\n  | 'firstDayOfMonth'\n  | 'lastDayOfMonth'\n  | 'today';\n\nexport type DayFormatOptions = {\n  state: 'enabled' | 'disabled' | 'restricted';\n};\n\n// These are the properties the useDayCell hook takes.\nexport type UseDayCellProps = {\n  /**\n   * Date of the day cell. This will be formatted as a full date and put in the aria-label.\n   */\n  date: CalendarDateRequired;\n  /**\n   * A function used to format the day cell date as a full date.\n   */\n  dateFormatter: FormatterFunc<DateISOStr>;\n  /**\n   * A function that receives a date and returns an object specifying how to format the provided date.\n   * This function is called for each date that is rendered and this can be used to control how individual\n   * dates are rendered - disabled, restricted, or enabled.\n   * @param date The date to format\n   * @returns The format options\n   */\n  dayFormatter?: (date: CalendarDateRequired) => DayFormatOptions;\n  /**\n   * Whether the day cell is in an adjacent month, not the current month.\n   */\n  isAdjacentMonth: boolean;\n  /**\n   * Whether the day cell is disabled, like if it is out of the min/max range.\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether the day cell is focusable, meaning it will have tabIndex 0.\n   */\n  isFocusable: boolean;\n  /**\n   * Whether the day cell has focus.\n   */\n  isFocused: boolean;\n  /**\n   * Whether the day cell is hidden. For example, days outside of the current month are hidden by default.\n   */\n  isHidden: boolean;\n  /**\n   * Whether the day cell is readonly. It is not activeable.\n   */\n  isReadonly: boolean;\n  /**\n   * Whether the day cell looks selected.\n   */\n  isSelected: boolean;\n  /**\n   * Whether the day cell's date is today.\n   */\n  isToday: boolean;\n  /**\n   * A callback that will be invoked when the user selects the date by clicking on a day cell or selecting the enter or space key on a day cell.\n   * @param payload The payload containing the date represented by this cell.\n   */\n  onAction: (payload: { date: CalendarDateRequired }) => void;\n  /**\n   * A callback that will be invoked when the user performs mousedown on the day cell.\n   * @param payload The payload containing the date represented by this cell.\n   */\n  onDayFocused: (payload: { date: CalendarDateRequired }) => void;\n  /**\n   * A callback that will be invoked when the user navigates.\n   */\n  onNavigation: (detail: { direction: NavigationDirections; date: CalendarDateRequired }) => void;\n};\n\n/**\n * The useDayCell hook returns properties for an individual DayCell. The properties returned should be spread on the StyledDatePickerButton.\n * These include the event handlers for keydown and click.\n */\nexport const useDayCell = ({\n  date,\n  dayFormatter = defaultDayFormatter,\n  dateFormatter,\n  isAdjacentMonth,\n  isDisabled,\n  isFocusable,\n  isFocused,\n  isHidden,\n  isReadonly,\n  isSelected,\n  isToday,\n  onAction,\n  onDayFocused,\n  onNavigation\n}: UseDayCellProps) => {\n  // apply day formatting\n  const { state } = dayFormatter(date);\n  const isDisabledFormat = state === 'disabled';\n  const isRestrictedFormat = state === 'restricted';\n\n  // Focus the day cell with isFocused true when the state updates.\n  const buttonProps = useFocusableCell({ isFocusable, isFocused });\n  // Override onAction to not call it if disabled, readonly or restricted\n  const handleAction: UseDayCellProps['onAction'] = useCallback(\n    (payload) => {\n      if (isDisabled || isReadonly || isDisabledFormat || isRestrictedFormat) return;\n      onAction(payload);\n    },\n    [isDisabled, isDisabledFormat, isReadonly, isRestrictedFormat, onAction]\n  );\n  const buttonEventHandlers = useCellNavigation({\n    navigationMap: {\n      ArrowLeft: { ltr: 'previousDay', rtl: 'nextDay' },\n      ArrowRight: { ltr: 'nextDay', rtl: 'previousDay' },\n      ArrowDown: 'nextWeek',\n      ArrowUp: 'previousWeek',\n      PageDown: 'nextMonth',\n      PageUp: 'previousMonth',\n      Home: 'firstDayOfMonth',\n      End: 'lastDayOfMonth',\n      ShiftPageDown: 'nextYear',\n      ShiftPageUp: 'previousYear',\n      CtrlAltT: 'today'\n    },\n    payload: { date },\n    onAction: handleAction,\n    onNavigation\n  });\n\n  // JET-73067 (can not set value on first click) - when the currently selected cell is not\n  // in the viewport, the first click on any other cell scrolls that selection into view\n  // instead of selecting it. To fix this, we update the focusableDate onmousedown, before\n  // focus is transferred to MonthView, so that it does not try to focus or scroll to\n  // the previously selected cell.\n  const onMouseDown = useCallback(() => {\n    if (isDisabled || isDisabledFormat || isRestrictedFormat) return;\n    onDayFocused({ date });\n  }, [date, isDisabled, isDisabledFormat, isRestrictedFormat, onDayFocused]);\n\n  // For accessibility, we want a full date.\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const today = translations.datePicker_today();\n  const selected = translations.datePicker_selected();\n  const restricted = translations.datePicker_restricted();\n\n  const dateIsoStr = getIsoDateStr(date.year, date.month, date.day);\n  const formattedDate = dateFormatter(dateIsoStr);\n  let ariaLabel = isToday ? `${today}, ${formattedDate}` : formattedDate;\n  ariaLabel = isRestrictedFormat ? `${ariaLabel}, ${restricted}` : ariaLabel;\n  ariaLabel = isSelected ? `${ariaLabel}, ${selected}` : ariaLabel;\n  const dayOfMonth = toJSDate(date.year, date.month, date.day).getDate().toString();\n\n  return {\n    buttonProps: {\n      'aria-label': ariaLabel,\n      ...((isHidden || isDisabled || isDisabledFormat || isRestrictedFormat) && {\n        'aria-disabled': true\n      }),\n      isActivable: !(isDisabled || isReadonly || isDisabledFormat || isRestrictedFormat),\n      isAdjacentMonth,\n      isDimmed: isDisabled || isDisabledFormat,\n      isHidden,\n      isHoverable: !(isDisabled || isReadonly || isDisabledFormat || isRestrictedFormat),\n      isReadonly,\n      isSelected,\n      isRestricted: isRestrictedFormat,\n      isToday,\n      label: dayOfMonth,\n      onMouseDown,\n      ...buttonProps,\n      ...buttonEventHandlers\n    } as ComponentProps<typeof StyledDatePickerButton>\n  };\n};\n\n/**\n * A default day formatter that always formats as enabled state.\n */\nconst defaultDayFormatter = () => ({ state: 'enabled' }) as DayFormatOptions;\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { StyledDatePickerButton } from '#PRIVATE_StyledDatePickerButton';\nimport { UseDayCellProps, useDayCell } from './useDayCell';\nimport { dayCellStyles } from './themes/DayCellStyles.css';\n\ntype PickedUseDayCellProps = Pick<\n  UseDayCellProps,\n  | 'date'\n  | 'dateFormatter'\n  | 'dayFormatter'\n  | 'isAdjacentMonth'\n  | 'isDisabled'\n  | 'isFocusable'\n  | 'isFocused'\n  | 'isHidden'\n  | 'isReadonly'\n  | 'isSelected'\n  | 'isToday'\n  | 'onAction'\n  | 'onDayFocused'\n  | 'onNavigation'\n>;\n\ntype DayCellProps = PickedUseDayCellProps;\n\n/**\n * The DayCell is the cell within the DatePicker's month view that contains the day in the month view.\n * This component will format the date for the aria-label.\n * The DayCell components uses the useDayCell hook to handle the user interactions with the day cell.\n */\nexport const DayCell = (props: DayCellProps) => {\n  const { buttonProps } = useDayCell(props);\n  // buttonProps, e.g., tabIndex, aria-label, onclick, onkeydown and visual states\n  return (\n    <div role=\"gridcell\" class={dayCellStyles}>\n      <StyledDatePickerButton {...buttonProps} />\n    </div>\n  );\n};\n","import { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { CalendarDateRequired, toJSDate } from '#utils/UNSAFE_calendarDateUtils';\nimport { weekNumberCellStyles, weekNumberStyles } from './themes/WeekNumberCellStyle.css';\nimport * as Logger from '../utils/UNSAFE_logger';\n\ntype Props = {\n  /**\n   * startDateOfWeek is the first date of the week row\n   */\n  startDateOfWeek: CalendarDateRequired;\n};\n\n/**\n * The ISO 8601 definition for week 01 is the week with the first Thursday of the Gregorian year (i.e. of January) in it.\n * https://en.wikipedia.org/wiki/ISO_week_date\n * @param date The first date of the week row to be used to calculate the week number.\n * The date must be a Saturday, Sunday, or Monday. We assume this because the week for\n * all the locales we support start on one of these days.\n * @returns the number of week in the year\n */\nconst calculateWeekNumber = (date: CalendarDateRequired) => {\n  const checkDate = toJSDate(date.year, date.month, date.day);\n  const dayNumber = checkDate.getUTCDay(); // 0 for Sunday, 1 for Monday, 2 for Tuesday, etc.\n\n  if (dayNumber !== 0 && dayNumber !== 1 && dayNumber !== 6) {\n    // This message is for internal JET developers. We should never see this message. In all locales the day of the\n    // week starts on Sunday, Monday or Saturday.\n    Logger.warn(`calculateWeekNumber's date property's getUTCDay() is assumed to be 0 (Sunday), 1 (Monday) or 6 (Saturday)\n      since that is the first day of the week for the locale's JET supports.`);\n  }\n\n  // For ISO week, we set the start of the week to Monday\n  if (dayNumber !== 1) {\n    // If it is already Monday, do nothing.\n    // If it is Sunday (0), add 1 to move it up to Monday.\n    // If it is Saturday (6), move it up two days to Monday.\n    checkDate.setUTCDate(checkDate.getUTCDate() + (dayNumber === 0 ? 1 : 2));\n  }\n\n  // Find Thursday (day value of 4) of this week. Since we know checkDate at this point is a Monday,\n  // we move it up 3 days.\n  checkDate.setUTCDate(checkDate.getUTCDate() + 3);\n\n  // Create the start of the year date\n  const janFirst = toJSDate(checkDate.getUTCFullYear(), 1, 1);\n\n  return Math.floor(Math.round((checkDate.getTime() - janFirst.getTime()) / 86400000) / 7) + 1;\n};\n\n/**\n * The WeekNumberCell is the cell at the start of a week's row within the DatePicker's\n * month view that contains the week's number within the year. This displays when\n * the DatePicker's 'weekDisplay' prop is set to 'number'.\n * This component will format the week number for the aria-label.\n */\nconst WeekNumberCell = ({ startDateOfWeek }: Props) => {\n  const weekNumber = calculateWeekNumber(startDateOfWeek);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  return (\n    <div\n      aria-label={translations.datePicker_weekNum({ NUM: String(weekNumber) })}\n      class={weekNumberCellStyles}\n      role=\"rowheader\">\n      <span class={weekNumberStyles}>{weekNumber}</span>\n    </div>\n  );\n};\n\nexport { WeekNumberCell };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport {\n  getWeeksInMonth,\n  getDatesInWeek,\n  getStartOfWeek,\n  getDaysOfWeekNames,\n  WeekInMonthIndex\n} from '#utils/PRIVATE_dayUtils';\nimport { ComponentProps } from 'preact/compat';\nimport { useMemo } from 'preact/hooks';\nimport {\n  CalendarDateRequired,\n  checkNoCalendarExtension,\n  formatFullCalendarDate,\n  isDateOutOfRange\n} from '#utils/UNSAFE_calendarDateUtils';\nimport { getFormatParse, NativeDateTimeOptions } from '#UNSAFE_IntlDateTime';\nimport { DayCell } from './DayCell';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { Grid } from '#UNSAFE_Grid';\nimport {\n  MonthViewStyles,\n  MonthViewVariantOptions\n} from '#PRIVATE_MonthView/themes/MonthViewStyles.css';\nimport { MonthViewRedwoodTheme } from '#PRIVATE_MonthView/themes/redwood/MonthViewTheme';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { monthViewScaleVars } from '#PRIVATE_MonthView/themes/MonthViewContract.css';\nimport { WeekNumberCell } from './WeekNumberCell';\n\ntype PickedDayCellProps = Pick<\n  ComponentProps<typeof DayCell>,\n  'dayFormatter' | 'onAction' | 'onDayFocused' | 'onNavigation'\n>;\n\ntype MonthViewProps = TestIdProps &\n  PickedDayCellProps & {\n    /**\n     * The daysOutsideMonth property affects the day cells that are outside of the current month.\n     * If set to 'hidden', then the days outside of the current month will be hidden.\n     * If set to 'selectable', then the days outside of the current month will be visible and selectable.\n     * This defaults to 'hidden'.\n     */\n    daysOutsideMonth?: 'hidden' | 'selectable';\n    /**\n     * The MonthView renders with the month of the focusableDate.\n     * The focusableDate is the only day in the MonthView that has tabIndex: 0 on it.\n     * The focusableDate doesn't have focus until the user tabs in to the Month View.\n     * The focusableDate is never undefined.\n     */\n    focusableDate: CalendarDateRequired;\n    /**\n     * If set to true, the focusableDate will be focused and you will see the focus ring. It will be\n     * false when no date has focus.\n     * @default false\n     */\n    isFocused?: boolean;\n    /**\n     * Specifies whether the component is readonly.\n     */\n    isReadonly?: boolean;\n    /**\n     * The maximum selectable date. The max must be greater than the min if they are both specified.\n     */\n    max?: CalendarDateRequired;\n    /**\n     * The minimum selectable date. The min must be less than the max if they are both specified.\n     */\n    min?: CalendarDateRequired;\n    /**\n     * The selected date of the MonthView, or undefined is there is no selected date. This\n     * is used to highlight the selected day cell if it is within the min/max range.\n     */\n    selectedDate?: CalendarDateRequired;\n    /**\n     * Today's date. This is used to highlight the Today day cell.\n     */\n    todaysDate: CalendarDateRequired;\n    /**\n     * Whether week of the year will be shown in the DatePicker. The default calculation follows the\n     * ISO 8601 definition: the first week of the year contains the first Thursday of the year.\n     * This means that some days from one year may be placed into weeks 'belonging' to another year.\n     */\n    weekDisplay?: 'none' | 'number';\n  };\n\n/**\n * A MonthView is a month interface that allows users to select a single date. The MonthView is the week day header\n * abbreviations and the days of the month. A MonthView is used inside of a DatePicker\n * along with the DatePickerHeader and the MonthGridView and YearGridView.\n */\nexport const MonthView = ({\n  dayFormatter,\n  daysOutsideMonth = 'hidden',\n  isReadonly = false,\n  max,\n  min,\n  onAction,\n  onDayFocused,\n  onNavigation,\n  selectedDate,\n  focusableDate,\n  isFocused = false,\n  testId,\n  todaysDate,\n  weekDisplay = 'none'\n}: MonthViewProps) => {\n  const { locale } = useUser();\n  const weeksInMonth = getWeeksInMonth(focusableDate.year, focusableDate.month, locale);\n  const { baseTheme, styles } = useComponentTheme<MonthViewVariantOptions, MonthViewStyles>(\n    MonthViewRedwoodTheme,\n    {}\n  );\n  const isWeekNumberDisplayed = weekDisplay === 'number';\n  const gridTemplateColumns = `repeat(${isWeekNumberDisplayed ? 8 : 7}, 1fr)`;\n\n  const dateFormatter = useMemo(() => {\n    checkNoCalendarExtension(locale);\n    const dateFormatOptions: NativeDateTimeOptions = {\n      locale,\n      dateStyle: 'full'\n    };\n    const { format } = getFormatParse(dateFormatOptions);\n    return format;\n  }, [locale]);\n\n  const renderMonthViewHeaderRow = () => {\n    const weekDays = getDaysOfWeekNames(locale, 'short');\n\n    return (\n      <div class={styles.sticky}>\n        <Grid\n          role=\"row\"\n          aria-hidden=\"true\"\n          gridTemplateColumns={gridTemplateColumns}\n          gap={monthViewScaleVars.columnGap}>\n          {isWeekNumberDisplayed && <div role=\"presentation\" />}\n          {weekDays.map((day) => (\n            <div role=\"columnheader\" class={styles.dayOfTheWeek}>\n              <span>{day}</span>\n            </div>\n          ))}\n        </Grid>\n      </div>\n    );\n  };\n\n  const renderMonthView = () => {\n    const calendarGrid: JSX.Element[] = [];\n\n    for (let weekIndex = 0; weekIndex < weeksInMonth; weekIndex++) {\n      const startDateOfWeek = getStartOfWeek(focusableDate.year, focusableDate.month, 1, locale);\n\n      const weekDates = getDatesInWeek(\n        weekIndex as WeekInMonthIndex,\n        startDateOfWeek.year,\n        startDateOfWeek.month,\n        startDateOfWeek.day\n      );\n\n      const weekCells = weekDates.map((dayCellDate) => {\n        // This figures out the visual state of the DayCell.\n        const isDisabled = isDateOutOfRange(dayCellDate, min, max);\n\n        // Even if the selected date is out of range, the UX design shows it as selected.\n        const isSelected = selectedDate ? isSameDate(dayCellDate, selectedDate) : false;\n        const isToday = isSameDate(dayCellDate, todaysDate);\n        const isFocusable = isSameDate(dayCellDate, focusableDate);\n        const isAdjacentMonth = isOutOfMonth(dayCellDate, focusableDate);\n        const isHidden = isAdjacentMonth && daysOutsideMonth === 'hidden';\n\n        return (\n          <DayCell\n            key={`${dayCellDate.year}-${dayCellDate.month}-${dayCellDate.day}`}\n            date={dayCellDate}\n            dateFormatter={dateFormatter}\n            dayFormatter={dayFormatter}\n            isAdjacentMonth={isAdjacentMonth}\n            isDisabled={isDisabled}\n            isFocusable={isFocusable}\n            isFocused={isFocusable && isFocused}\n            isHidden={isHidden}\n            isReadonly={isReadonly}\n            isSelected={isSelected}\n            isToday={isToday}\n            onAction={onAction}\n            onDayFocused={onDayFocused}\n            onNavigation={onNavigation}></DayCell>\n        );\n      });\n\n      calendarGrid.push(\n        <Grid\n          key={weekIndex}\n          role=\"row\"\n          gridTemplateColumns={gridTemplateColumns}\n          gap={monthViewScaleVars.columnGap}>\n          {isWeekNumberDisplayed && <WeekNumberCell startDateOfWeek={weekDates[0]} />}\n          {weekCells}\n        </Grid>\n      );\n    }\n\n    return calendarGrid;\n  };\n\n  const monthViewAriaLabel = formatFullCalendarDate(locale, focusableDate, 'month');\n  return (\n    <div class={baseTheme}>\n      <Grid\n        gap={monthViewScaleVars.rowGap}\n        aria-label={monthViewAriaLabel}\n        role=\"grid\"\n        testId={testId}>\n        {renderMonthViewHeaderRow()}\n        {renderMonthView()}\n      </Grid>\n    </div>\n  );\n};\n\nfunction isSameDate(date1: CalendarDateRequired, date2: CalendarDateRequired) {\n  return date1.year === date2.year && date1.month === date2.month && date1.day === date2.day;\n}\n\nfunction isOutOfMonth(date1: CalendarDateRequired, currentMonthDate: CalendarDateRequired) {\n  return date1.month !== currentMonthDate.month;\n}\n"],"names":["defaultDayFormatter","state","DayCell","props","buttonProps","date","dayFormatter","dateFormatter","isAdjacentMonth","isDisabled","isFocusable","isFocused","isHidden","isReadonly","isSelected","isToday","onAction","onDayFocused","onNavigation","isDisabledFormat","isRestrictedFormat","useFocusableCell","handleAction","useCallback","payload","buttonEventHandlers","useCellNavigation","navigationMap","ArrowLeft","ltr","rtl","ArrowRight","ArrowDown","ArrowUp","PageDown","PageUp","Home","End","ShiftPageDown","ShiftPageUp","CtrlAltT","onMouseDown","translations","useTranslationBundle","today","datePicker_today","selected","datePicker_selected","restricted","datePicker_restricted","formattedDate","getIsoDateStr","year","month","day","ariaLabel","dayOfMonth","toJSDate","getDate","toString","isActivable","isDimmed","isHoverable","isRestricted","label","useDayCell","_jsx","jsx","role","class","dayCellStyles","children","StyledDatePickerButton","WeekNumberCell","startDateOfWeek","weekNumber","checkDate","dayNumber","getUTCDay","Logger.warn","setUTCDate","getUTCDate","janFirst","getUTCFullYear","Math","floor","round","getTime","calculateWeekNumber","datePicker_weekNum","NUM","String","weekNumberCellStyles","weekNumberStyles","isSameDate","date1","date2","daysOutsideMonth","max","min","selectedDate","focusableDate","testId","todaysDate","weekDisplay","locale","useUser","weeksInMonth","getWeeksInMonth","baseTheme","styles","useComponentTheme","MonthViewRedwoodTheme","isWeekNumberDisplayed","gridTemplateColumns","useMemo","checkNoCalendarExtension","dateFormatOptions","dateStyle","format","getFormatParse","monthViewAriaLabel","formatFullCalendarDate","_jsxs","jsxs","Grid","gap","monthViewScaleVars","rowGap","weekDays","getDaysOfWeekNames","sticky","columnGap","map","dayOfTheWeek","renderMonthViewHeaderRow","calendarGrid","weekIndex","getStartOfWeek","weekDates","getDatesInWeek","weekCells","dayCellDate","isDateOutOfRange","currentMonthDate","push","renderMonthView"],"mappings":"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"}

package/amd/NavigationListItem-3cc88fb4.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './mergeProps-bcfa6a92', './classNames-08d99695', './clientUtils-f1eea2db', './useId-c9578d26', './UNSAFE_NavigationList/themes/NavigationListStyles.css', './collectionUtils-26e6c87c', './useCollectionFocusRing-35d278f5', './useCurrentKey-8e979c7a', './useContextMenuGesture-69b54d61', './useTranslationBundle-8e42d505', './TabBarContextMenu-cad0a362', 'preact/compat', './useTestId-9afc201a', './HiddenAccessible-037ef42d', './LiveRegion-ef77cf92', './UNSAFE_Text/themes/TextStyles.css', './BaseNavigationListItem-cb5c260b', './Flex-07d2aa5b', './logger-0f873e29', 'preact', './LayerHost-daf96749', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', 'css!./IconStyle.styles.css', './UNSAFE_NavigationList/themes/NavigationListItemStyles.css', 'module', './UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css', './BaseButton-c02238cd', './ButtonLabelLayout-9cc087dc'], (function(e,t,n,o,s,r,i,a,c,l,u,d,m,f,y,g,v,b,x,h,C,p,K,S,I,R,N,L,F,k,M,E,w,A){"use strict";const T='[role="tab"]',B="[data-oj-navigationlist-item-remove-icon]",U={mouse:{initialFocus:"menu",placement:"bottom-start",offsetValue:0},keyboard:{initialFocus:"firstItem",placement:"bottom-start",offsetValue:0},touch:{initialFocus:"menu",placement:"end",offsetValue:40}},j={isOpen:!1,initialFocus:"menu",placement:"bottom-start",offsetValue:0,anchorRef:{current:null}};const D=(e,t,n)=>{const o=c.findElementByKey(t,e,T);if(o){return o.querySelector(n)}},P=(e,t)=>{const n=c.findElementByKey(t,e,T);if(n)return n.innerText},_=(e,t,n)=>{const o=e.closest(t),s=e.closest(n);return o?.contains(s)?null:c.keyExtractor(e,t)},V=(e,t,n)=>{const o=n.indexOf(e);if(o>0){const e=n[o===n.length-1?o-1:o+1];if(-1!==t.indexOf(e))return e}return t[0]},H=y.forwardRef((({children:e,selection:x,onSelectionChange:C,onRemove:p,"aria-label":K,"aria-labelledby":S,testId:I},R)=>{const N=n.useRef(null),L=r.isMobile(),F=n.useMemo((()=>({itemsRenderer:e=>{if(e){if(null!=D(e.itemKey,N.current,B)&&L){const n=e.defaultMenuItems;return t.jsx(t.Fragment,{children:n})}}return null}})),[]),{showFocusRing:k,currentKey:M,onCurrentKeyChange:E,containerHandlers:w,onKeyDown:A,contextMenuContext:H,menuProps:O,contextMenuDescription:q,contextMenuDescriptionId:G,accStatusInfo:$}=function({containerRef:e,selection:t,onRemove:s,onSelectionChange:r,children:i,contextMenuConfig:a}){const y=m.useTranslationBundle("@oracle/oraclejet-preact"),[g,v]=n.useState(t),b=n.useCallback((e=>{v(e.value)}),[]),{currentKeyProps:x}=u.useCurrentKey((e=>s?_(e,T,B):c.keyExtractor(e,T)),!1,c.getPrevNextKeyUsingRef(e,g,!0,T),c.getPrevNextKeyUsingRef(e,g,!1,T),void 0,void 0,g,b),[h,C]=l.useCollectionFocusRing(e,["Home","End","ArrowUp","ArrowDown"]),p={onFocus:n.useCallback((()=>{if(e.current&&void 0===g){const t=c.getFirstVisibleKey(e.current,T);t&&v(t)}}),[g,e])},K=n.useRef();n.useEffect((()=>{if(e.current){const t=Array.from(e.current.querySelectorAll(T),(e=>c.getKey(e)));if(null!=g&&-1!==t.indexOf(g)){const t=c.findElementByKey(e.current,g,T);t.scrollIntoViewIfNeeded?t.scrollIntoViewIfNeeded():t.scrollIntoView({block:"nearest"})}else g&&-1===t.indexOf(g)&&(K.current?v(V(g,t,K.current)):v(t[0])),K.current=t}}),[i,g,e]);const S=n.useCallback((t=>{if(("Home"===t.key||"End"===t.key)&&e.current&&g){const n=Array.from(e.current.querySelectorAll(T),(e=>c.getKey(e)));b?.({value:n["Home"===t.key?0:n.length-1]})}!g||"Enter"!==t.key&&" "!==t.key||r?.({value:g,reason:"keyboard"}),g&&"Delete"===t.key&&s?.({value:g})}),[g,r,s,b,e]),[I,R]=n.useState(),[N,L]=n.useState(j),[F,k]=n.useState(),{triggerProps:M}=d.useContextMenuGesture((({gesture:t,anchor:n,target:o})=>{let r=n,i=g;if("keyboard"===t){r=c.findElementByKey(e.current,g,T)||n}else{const e=c.keyExtractor(o,T);i=null!=e?e:g}let l=!1;e.current&&(l=null!=D(i,e.current,B));const u=f.getDefaultContextMenu({isRemovable:l,handleRemove:s,handleReorder:void 0,itemKey:i,tabKeys:void 0,direction:void 0,itemLabels:{labelRemove:l?y.tabbar_labelRemove():void 0},handleAccStatus:t=>{const n=P(t.removedKey,e.current),o=l&&t.removedKey?` Removed ${n}`:"";k(o)}});R(u),L({...U[t],anchorRef:{current:r},isOpen:null!=a})}),{isDisabled:!a}),E=n.useCallback((t=>{"dismissed"!==t.reason&&"itemAction"!==t.reason||(v(I?.itemKey),e.current?.focus()),L({...j})}),[e,I?.itemKey]),w="contextMenu_"+n.useId(),A=y.tabbar_labelContextMenu();return{showFocusRing:h,currentKey:g,onCurrentKeyChange:b,onKeyDown:S,menuProps:{...N,onClose:E},contextMenuContext:I,contextMenuDescription:A,contextMenuDescriptionId:w,accStatusInfo:F,containerHandlers:o.mergeProps(C,x,p,M)}}({containerRef:N,selection:x,onRemove:p,onSelectionChange:C,children:e,contextMenuConfig:F}),z=null!=F&&L,J={onKeyDown:A},Q=s.classNames([a.navigationListStyles.uListStyle]),W=i.useId()+"_",X=g.useTestId(I);return y.useImperativeHandle(R,(()=>({focus:()=>{N.current&&N.current.focus()},blur:()=>{N.current&&N.current.focus()}}))),t.jsxs(t.Fragment,{children:[t.jsx("div",{"aria-label":K,"aria-labelledby":S,role:"tablist",ref:N,"aria-orientation":"vertical",tabIndex:0,"aria-activedescendant":M?W+M:"",...o.mergeProps(J,w),...X,class:Q,children:t.jsx(h.NavigationListContext.Provider,{value:{selection:x,onSelectionChange:C,onCurrentKeyChange:E,currentKey:M,showFocusRing:k,navigationListItemPrefix:W,onRemove:p},children:e})}),z&&G&&q&&t.jsx("span",{id:G,children:t.jsx(v.HiddenAccessible,{children:q})}),z&&$&&t.jsx(b.LiveRegion,{children:$}),z&&t.jsx(f.TabBarContextMenu,{...O,contextMenuConfig:F,contextMenuContext:H})]})}));e.NavigationList=H,e.NavigationListItem=function({itemKey:e,label:n,badge:o,metadata:s,severity:r}){return t.jsx(h.BaseNavigationListItem,{itemKey:e,label:n,badge:o,metadata:s,severity:r})}}));
+//# sourceMappingURL=NavigationListItem-3cc88fb4.js.map

package/amd/NavigationListItem-3cc88fb4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationListItem-3cc88fb4.js","sources":["../../src/UNSAFE_NavigationList/useNavigationList.ts","../../src/UNSAFE_NavigationList/NavigationList.tsx","../../src/UNSAFE_NavigationList/NavigationListItem.tsx"],"sourcesContent":["import { ComponentChildren, ComponentProps } from 'preact';\nimport { useState, useCallback, MutableRef, useRef, useEffect, useId } from 'preact/hooks';\nimport {\n  keyExtractor,\n  getFirstVisibleKey,\n  getKey,\n  getPrevNextKeyUsingRef,\n  findElementByKey\n} from '../utils/PRIVATE_collectionUtils';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { useCurrentKey } from '../hooks/PRIVATE_useCurrentKey';\nimport { MenuProps } from '../hooks/PRIVATE_useVisContextMenu/util';\nimport { useContextMenuGesture } from '../hooks/UNSAFE_useContextMenuGesture';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { Menu } from '../UNSAFE_Menu';\nimport { getDefaultContextMenu } from '../UNSAFE_TabBar/TabBarContextMenu';\nimport { TabBarContextMenuConfig, TabBarItemContextMenuContext } from '../UNSAFE_TabBarCommon';\nimport { NavigationListContextProps } from '../UNSAFE_NavigationListCommon';\n\nconst ITEM_SELECTOR = '[role=\"tab\"]';\nexport const REMOVE_ICON_SELECTOR = '[data-oj-navigationlist-item-remove-icon]';\nconst TOUCH_OFFSET_VALUE = 40;\nconst menuPropGestureStates: Record<\n  'mouse' | 'keyboard' | 'touch',\n  Omit<Required<MenuProps>, 'anchorRef' | 'isOpen'>\n> = {\n  mouse: {\n    initialFocus: 'menu',\n    placement: 'bottom-start',\n    offsetValue: 0\n  },\n  keyboard: {\n    initialFocus: 'firstItem',\n    placement: 'bottom-start',\n    offsetValue: 0\n  },\n  touch: {\n    initialFocus: 'menu',\n    placement: 'end',\n    offsetValue: TOUCH_OFFSET_VALUE\n  }\n};\n\n/**\n * type for payload of current key change event handler\n */\ntype CurrentKeyDetail<K> = {\n  value: K;\n};\n/**\n * type for payload of selection change event handler\n */\ntype SelectionDetail<K> = {\n  value: K;\n  reason: 'pointer' | 'keyboard';\n};\n/**\n * type for payload of remove event handler\n */\ntype RemoveDetail<K> = {\n  value: K;\n};\n\nconst initialMenuProps: MenuProps = {\n  isOpen: false,\n  initialFocus: 'menu',\n  placement: 'bottom-start',\n  offsetValue: 0,\n  anchorRef: { current: null }\n};\n\n/*TODO: JET-58534. Create a hook to share some logic between navlist and tabbar. Hook will be used inside this one. */\nexport function useNavigationList<K extends string | number>({\n  containerRef,\n  selection,\n  onRemove,\n  onSelectionChange,\n  children,\n  contextMenuConfig\n}: {\n  containerRef: MutableRef<HTMLDivElement>;\n  selection?: K;\n  onRemove?: <K extends string | number>(detail: RemoveDetail<K>) => void;\n  onSelectionChange?: <K extends string | number>(detail: SelectionDetail<K>) => void;\n  children: ComponentChildren;\n  contextMenuConfig?: TabBarContextMenuConfig<K>;\n}) {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const [currentKey, setCurrentKey] = useState<K | undefined>(selection);\n\n  const onCurrentKeyChange = useCallback((detail: CurrentKeyDetail<K | undefined>) => {\n    setCurrentKey(detail.value);\n  }, []) as NavigationListContextProps<K>['onCurrentKeyChange'];\n\n  const { currentKeyProps } = useCurrentKey(\n    (element) =>\n      onRemove\n        ? (extractOnlyItemKey(element, ITEM_SELECTOR, REMOVE_ICON_SELECTOR) as K)\n        : keyExtractor(element, ITEM_SELECTOR),\n    false,\n    getPrevNextKeyUsingRef(containerRef, currentKey, true, ITEM_SELECTOR),\n    getPrevNextKeyUsingRef(containerRef, currentKey, false, ITEM_SELECTOR),\n    undefined,\n    undefined,\n    currentKey,\n    onCurrentKeyChange\n  );\n\n  const [showFocusRing, focusRingProps] = useCollectionFocusRing(containerRef, [\n    'Home',\n    'End',\n    'ArrowUp',\n    'ArrowDown'\n  ]);\n\n  const onFocus = useCallback(() => {\n    if (containerRef.current && currentKey === undefined) {\n      const key = getFirstVisibleKey(containerRef.current, ITEM_SELECTOR);\n      if (key) {\n        setCurrentKey(key as K);\n      }\n    }\n  }, [currentKey, containerRef]);\n\n  const onFocusProps = { onFocus };\n  const prevNavItems = useRef<K[]>();\n\n  useEffect(() => {\n    if (containerRef.current) {\n      const navListItemKeys = Array.from(\n        containerRef.current.querySelectorAll(ITEM_SELECTOR),\n        (elem) => getKey(elem as HTMLElement) as K\n      );\n      if (currentKey != null && navListItemKeys.indexOf(currentKey) !== -1) {\n        const navListItem = findElementByKey(\n          containerRef.current,\n          currentKey,\n          ITEM_SELECTOR\n        ) as any;\n        if (navListItem.scrollIntoViewIfNeeded) {\n          // for some browsers, we'll need the non-standard scrollIntoViewIfNeeded\n          navListItem.scrollIntoViewIfNeeded();\n        } else {\n          navListItem.scrollIntoView({ block: 'nearest' });\n        }\n      } else {\n        if (currentKey && navListItemKeys.indexOf(currentKey) === -1) {\n          prevNavItems.current\n            ? setCurrentKey(findNextCurrentKey(currentKey, navListItemKeys, prevNavItems.current))\n            : setCurrentKey(navListItemKeys[0] as K);\n        }\n        prevNavItems.current = navListItemKeys;\n      }\n    }\n  }, [children, currentKey, containerRef]);\n\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if ((event.key === 'Home' || event.key === 'End') && containerRef.current && currentKey) {\n        const navListItemKey = Array.from(\n          containerRef.current.querySelectorAll(ITEM_SELECTOR),\n          (elem) => getKey(elem as HTMLElement) as K\n        );\n        onCurrentKeyChange?.({\n          value: navListItemKey[event.key === 'Home' ? 0 : navListItemKey.length - 1] as K\n        });\n      }\n      if (currentKey && (event.key === 'Enter' || event.key === ' ')) {\n        onSelectionChange?.({\n          value: currentKey as K,\n          reason: 'keyboard'\n        });\n      }\n      if (currentKey && event.key === 'Delete') {\n        onRemove?.({ value: currentKey as K });\n      }\n    },\n    [currentKey, onSelectionChange, onRemove, onCurrentKeyChange, containerRef]\n  );\n\n  const [contextMenuContext, setContextMenuContext] = useState<TabBarItemContextMenuContext<K>>();\n\n  const [menuProps, setMenuProps] = useState<MenuProps>(initialMenuProps);\n  const [accStatusInfo, setAccStatusInfo] = useState<string>();\n\n  const { triggerProps } = useContextMenuGesture(\n    ({ gesture, anchor, target }) => {\n      let anchorBasedOnGesture = anchor;\n      let itemKey = currentKey as K;\n      if (gesture === 'keyboard') {\n        //We find the element where the position of the menu is going to be based of\n        const elem = findElementByKey(\n          containerRef.current as HTMLElement,\n          currentKey as K,\n          ITEM_SELECTOR\n        );\n        //We set the correct anchor\n        anchorBasedOnGesture = elem ? elem : anchor;\n      } else {\n        //We search for the key using the target of the event\n        const key = keyExtractor(target as HTMLElement, ITEM_SELECTOR);\n\n        //On touch devices, the keyExtractor returns null because target of touch event is the entire tabbar. Hence we make use of currentkey since the context menu is always launched from selected item and its key is currentKey\n        itemKey = key != null ? (key as K) : (currentKey as K);\n      }\n      let isRemovable = false;\n      if (containerRef.current) {\n        isRemovable = getItemAttribute(itemKey, containerRef.current, REMOVE_ICON_SELECTOR) != null;\n      }\n      const defaultContext = getDefaultContextMenu<K>({\n        // For default menu items the existence of REMOVE_ICON_SELECTOR is the indicator that it is removable because we render the default menu in touch devices not the application.\n        // Furthermore in corepack due to delegations onRemove is always defined as it is a even handler hence not a good check for isRemovable.\n        isRemovable: isRemovable,\n        handleRemove: onRemove,\n        handleReorder: undefined,\n        itemKey: itemKey,\n        tabKeys: undefined,\n        // As direction is only needed for reorder to switch the labels\n        direction: undefined,\n        itemLabels: {\n          labelRemove: isRemovable ? translations.tabbar_labelRemove() : undefined\n        },\n        handleAccStatus: (detail) => {\n          const removeItemLabel = getItemLabel(detail.removedKey!, containerRef.current!) as string;\n          const removeStatus =\n            isRemovable && detail.removedKey ? ` Removed ${removeItemLabel}` : '';\n\n          setAccStatusInfo(removeStatus);\n        }\n      });\n      setContextMenuContext(defaultContext);\n\n      setMenuProps({\n        ...menuPropGestureStates[gesture],\n        anchorRef: { current: anchorBasedOnGesture },\n        // This is set so that when no contextMenuConfig and when items is not removable we need not open it.\n        isOpen: contextMenuConfig != null\n      });\n    },\n    {\n      isDisabled: !contextMenuConfig //If there is no a context menu renderer we disable the hook\n    }\n  );\n\n  const handleCloseContextMenu = useCallback<Required<ComponentProps<typeof Menu>>['onClose']>(\n    (detail) => {\n      //Focus has to be set on the current target that was obtained\n      //during context menu gesture when menu is dismissed or item is \"selected\"\n      if (detail.reason === 'dismissed' || detail.reason === 'itemAction') {\n        setCurrentKey(contextMenuContext?.itemKey);\n        containerRef.current?.focus();\n      }\n      // We close the menu.The only prop that matters here is isOpen\n      setMenuProps({ ...initialMenuProps });\n    },\n    [containerRef, contextMenuContext?.itemKey]\n  );\n\n  const contextMenuDescriptionId = 'contextMenu_' + useId();\n  const contextMenuDescription = translations.tabbar_labelContextMenu();\n\n  return {\n    showFocusRing,\n    currentKey,\n    onCurrentKeyChange,\n    onKeyDown,\n    menuProps: { ...menuProps, onClose: handleCloseContextMenu },\n    contextMenuContext,\n    contextMenuDescription,\n    contextMenuDescriptionId,\n    accStatusInfo,\n    containerHandlers: mergeProps(focusRingProps, currentKeyProps, onFocusProps, triggerProps)\n  };\n}\n// Utility that returns the value for a attribute related to the role=\"tab\" item.\nexport const getItemAttribute = <K extends string | number>(\n  itemKey: K,\n  root: HTMLElement,\n  attribute: string\n) => {\n  const navItem = findElementByKey(root, itemKey as K, ITEM_SELECTOR) as HTMLElement;\n  if (navItem) {\n    const tabBarItemAttribute = navItem.querySelector(attribute);\n    return tabBarItemAttribute;\n  }\n  return;\n};\n\n// Utility that returns the visible inner text inside the role=\"tab\" item.\nconst getItemLabel = <K extends string | number>(itemKey: K, root: HTMLElement) => {\n  const tabBarItem = findElementByKey(root, itemKey as K, ITEM_SELECTOR) as HTMLElement;\n  if (tabBarItem) {\n    return tabBarItem.innerText;\n  }\n  return;\n};\n\nconst extractOnlyItemKey = (element: HTMLElement, itemSelector: string, itemEliminator: string) => {\n  const navigationListItem = element.closest(itemSelector);\n  const removeButton = element.closest(itemEliminator);\n  return navigationListItem?.contains(removeButton) ? null : keyExtractor(element, itemSelector);\n};\n\nconst findNextCurrentKey = <K>(currentKey: K, currNavs: K[], prevNavs: K[]) => {\n  const index = prevNavs.indexOf(currentKey);\n  if (index > 0) {\n    const nextIndex = index === prevNavs.length - 1 ? index - 1 : index + 1;\n    const nextKey = prevNavs[nextIndex];\n    if (currNavs.indexOf(nextKey) !== -1) {\n      return nextKey;\n    }\n  }\n  // update current key to be the first one if we can't find a suitable next key\n  return currNavs[0];\n};\n","import { Ref } from 'preact';\nimport { MutableRef, useMemo, useRef } from 'preact/hooks';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { isMobile } from '#utils/UNSAFE_clientUtils';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { navigationListStyles } from './themes/NavigationListStyles.css';\nimport { getItemAttribute, REMOVE_ICON_SELECTOR, useNavigationList } from './useNavigationList';\nimport { forwardRef, useImperativeHandle } from 'preact/compat';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { NavigationListProps, NavigationListContext } from '../UNSAFE_NavigationListCommon';\nimport { TabBarContextMenu } from '../UNSAFE_TabBar/TabBarContextMenu';\nimport type { TabBarContextMenuConfig as NavigationListContextMenuConfig } from '../UNSAFE_TabBarCommon';\nexport {\n  RemovableNavigationListItem,\n  NavigationListLinkItem\n} from '../UNSAFE_NavigationListCommon';\n\nexport type FocusableHandle = {\n  focus: () => void;\n  blur: () => void;\n};\n\nexport const NavigationList = forwardRef(\n  <K extends string | number>(\n    {\n      children,\n      selection,\n      onSelectionChange,\n      onRemove,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelLedBy,\n      testId\n    }: NavigationListProps<K> & TestIdProps,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    const isMobileDevice = isMobile();\n    const defaultContextMenuConfig = useMemo<\n      NavigationListContextMenuConfig<string | number>\n    >(() => {\n      return {\n        itemsRenderer: (context) => {\n          //Only if context is available, it is a mobile device and it is removable item, we will return remove context menu item\n          if (context) {\n            const isRemovableItem =\n              getItemAttribute(context.itemKey, containerRef.current!, REMOVE_ICON_SELECTOR) !=\n              null;\n            if (isRemovableItem && isMobileDevice) {\n              const defaultItems = context.defaultMenuItems;\n              return <>{defaultItems}</>;\n            }\n          }\n          return null;\n        }\n      };\n    }, []);\n\n    const {\n      showFocusRing,\n      currentKey,\n      onCurrentKeyChange,\n      containerHandlers,\n      onKeyDown,\n      contextMenuContext,\n      menuProps,\n      contextMenuDescription,\n      contextMenuDescriptionId,\n      accStatusInfo\n    } = useNavigationList({\n      containerRef: containerRef as MutableRef<HTMLDivElement>,\n      selection,\n      onRemove,\n      onSelectionChange,\n      children,\n      contextMenuConfig: defaultContextMenuConfig\n    });\n\n    const isContextMenuAvailable = defaultContextMenuConfig != null && isMobileDevice;\n\n    const eventProps = { onKeyDown };\n    const navigationListClass = classNames([navigationListStyles.uListStyle]);\n    const navigationListItemPrefix = useId() + '_';\n    const testIdProps = useTestId(testId);\n\n    //Allows to call focus on rootRef without having to expose it\n    useImperativeHandle(ref!, () => ({\n      focus: () => {\n        if (containerRef.current) {\n          containerRef.current.focus();\n        }\n      },\n      blur: () => {\n        if (containerRef.current) {\n          containerRef.current.focus();\n        }\n      }\n    }));\n\n    return (\n      <>\n        <div\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelLedBy}\n          role=\"tablist\"\n          ref={containerRef}\n          aria-orientation={'vertical'}\n          tabIndex={0}\n          aria-activedescendant={currentKey ? navigationListItemPrefix + currentKey : ''}\n          {...mergeProps(eventProps, containerHandlers)}\n          {...testIdProps}\n          class={navigationListClass}>\n          <NavigationListContext.Provider\n            value={{\n              selection,\n              onSelectionChange,\n              onCurrentKeyChange,\n              currentKey,\n              showFocusRing,\n              navigationListItemPrefix,\n              onRemove\n            }}>\n            {children}\n          </NavigationListContext.Provider>\n        </div>\n        {isContextMenuAvailable && contextMenuDescriptionId && contextMenuDescription && (\n          <span id={contextMenuDescriptionId}>\n            <HiddenAccessible>{contextMenuDescription}</HiddenAccessible>\n          </span>\n        )}\n        {isContextMenuAvailable && accStatusInfo && <LiveRegion>{accStatusInfo}</LiveRegion>}\n        {isContextMenuAvailable && (\n          <TabBarContextMenu\n            {...menuProps}\n            contextMenuConfig={defaultContextMenuConfig}\n            contextMenuContext={contextMenuContext!}\n          />\n        )}\n      </>\n    );\n  }\n);\n","import {\n  BaseNavigationListItem,\n  BaseNavigationListItemProps\n} from '../UNSAFE_NavigationListCommon/BaseNavigationListItem';\n\nexport type NavigationListItemProps<K extends string | number> = Omit<\n  BaseNavigationListItemProps<K>,\n  'removeIcon'\n>;\n\nexport function NavigationListItem<K extends string | number>({\n  itemKey,\n  label,\n  badge,\n  metadata,\n  severity\n}: NavigationListItemProps<K>) {\n  return (\n    <BaseNavigationListItem\n      itemKey={itemKey}\n      label={label}\n      badge={badge}\n      metadata={metadata}\n      severity={severity}\n    />\n  );\n}\n"],"names":["ITEM_SELECTOR","REMOVE_ICON_SELECTOR","menuPropGestureStates","mouse","initialFocus","placement","offsetValue","keyboard","touch","initialMenuProps","isOpen","anchorRef","current","getItemAttribute","itemKey","root","attribute","navItem","findElementByKey","querySelector","getItemLabel","tabBarItem","innerText","extractOnlyItemKey","element","itemSelector","itemEliminator","navigationListItem","closest","removeButton","contains","keyExtractor","findNextCurrentKey","currentKey","currNavs","prevNavs","index","indexOf","nextKey","length","NavigationList","forwardRef","children","selection","onSelectionChange","onRemove","ariaLabel","ariaLabelLedBy","testId","ref","containerRef","useRef","isMobileDevice","isMobile","defaultContextMenuConfig","useMemo","itemsRenderer","context","defaultItems","defaultMenuItems","_jsx","jsx","_Fragment","Fragment","showFocusRing","onCurrentKeyChange","containerHandlers","onKeyDown","contextMenuContext","menuProps","contextMenuDescription","contextMenuDescriptionId","accStatusInfo","contextMenuConfig","translations","useTranslationBundle","setCurrentKey","useState","useCallback","detail","value","currentKeyProps","useCurrentKey","getPrevNextKeyUsingRef","undefined","focusRingProps","useCollectionFocusRing","onFocusProps","onFocus","key","getFirstVisibleKey","prevNavItems","useEffect","navListItemKeys","Array","from","querySelectorAll","elem","getKey","navListItem","scrollIntoViewIfNeeded","scrollIntoView","block","event","navListItemKey","reason","setContextMenuContext","setMenuProps","setAccStatusInfo","triggerProps","useContextMenuGesture","gesture","anchor","target","anchorBasedOnGesture","isRemovable","defaultContext","getDefaultContextMenu","handleRemove","handleReorder","tabKeys","direction","itemLabels","labelRemove","tabbar_labelRemove","handleAccStatus","removeItemLabel","removedKey","removeStatus","isDisabled","handleCloseContextMenu","focus","useId","tabbar_labelContextMenu","onClose","mergeProps","useNavigationList","isContextMenuAvailable","eventProps","navigationListClass","classNames","navigationListStyles","uListStyle","navigationListItemPrefix","testIdProps","useTestId","useImperativeHandle","blur","_jsxs","role","tabIndex","class","NavigationListContext","Provider","id","HiddenAccessible","LiveRegion","TabBarContextMenu","label","badge","metadata","severity","BaseNavigationListItem"],"mappings":"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"}

package/amd/NavigationListLinkItem-8ca44347.js

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

package/amd/NavigationListLinkItem-8ca44347.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationListLinkItem-8ca44347.js","sources":["../../src/UNSAFE_NavigationListCommon/NavigationListLinkItem.tsx","../../src/UNSAFE_NavigationListCommon/RemovableNavigationListItem.tsx"],"sourcesContent":["import { BaseNavigationListItem, BaseNavigationListItemProps } from './BaseNavigationListItem';\n\ntype Link = {\n  /**\n   * Sets the URL that the hyperlink points to. If there is no valid URL do not use NavigationListLinkItem, use other types of NavigationListItem instead.\n   */\n  href: string;\n};\nexport type NavigationListLinkItemProps<K extends string | number> = Link &\n  Pick<\n    BaseNavigationListItemProps<K>,\n    'label' | 'itemKey' | 'badge' | 'metadata' | 'severity' | 'aria-controls'\n  >;\n/**\n * NavigationListLinkItem is used to render links in a NavigationList. It allows to view the browser's built in link context menu to open the link in new browser tab.\n */\nexport function NavigationListLinkItem<K extends string | number>({\n  itemKey,\n  badge,\n  metadata,\n  severity,\n  href,\n  label,\n  'aria-controls': ariaControls\n}: NavigationListLinkItemProps<K>) {\n  return (\n    <BaseNavigationListItem\n      aria-controls={ariaControls}\n      itemKey={itemKey}\n      label={label}\n      badge={badge}\n      metadata={metadata}\n      severity={severity}\n      href={href}></BaseNavigationListItem>\n  );\n}\n","import { BaseNavigationListItem, BaseNavigationListItemProps } from './BaseNavigationListItem';\nimport { useNavigationListContext } from './useNavigationListContext';\nimport { Close } from '../UNSAFE_RedwoodIcons/Close';\nimport { EmbeddedIconButton } from '../PRIVATE_EmbeddedIconButton';\nimport { useCallback } from 'preact/hooks';\nimport { useHover } from '#hooks/UNSAFE_useHover';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\n\ntype RemovableNavigationListItemProps<K extends string | number> = Omit<\n  BaseNavigationListItemProps<K>,\n  'removeIcon'\n>;\n\nexport function RemovableNavigationListItem<K extends string | number>({\n  itemKey,\n  label,\n  badge,\n  metadata,\n  severity\n}: RemovableNavigationListItemProps<K>) {\n  const { selection, currentKey, onRemove } = useNavigationListContext();\n  const isSelected = selection === itemKey;\n  const isCurrent = currentKey === itemKey;\n\n  const handleRemove = useCallback(() => {\n    onRemove?.({ value: itemKey as K });\n  }, [onRemove, itemKey]);\n\n  const { hoverProps, isHover } = useHover({});\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  //instead of specifying flex: '1 0 auto' in cssProps var\n  return (\n    <div {...hoverProps}>\n      <BaseNavigationListItem\n        itemKey={itemKey}\n        label={label}\n        badge={badge}\n        metadata={metadata}\n        severity={severity}\n        removeIcon={\n          <span data-oj-navigationlist-item-remove-icon={true}>\n            <EmbeddedIconButton\n              aria-label={translations.tabBarNavigationList_removeCueText()}\n              size=\"xs\"\n              onAction={handleRemove}>\n              {(isHover || isSelected || isCurrent) && <Close />}\n            </EmbeddedIconButton>\n          </span>\n        }\n      />\n    </div>\n  );\n}\n"],"names":["itemKey","badge","metadata","severity","href","label","ariaControls","_jsx","BaseNavigationListItem","selection","currentKey","onRemove","useNavigationListContext","isSelected","isCurrent","handleRemove","useCallback","value","hoverProps","isHover","useHover","translations","useTranslationBundle","children","jsx","removeIcon","EmbeddedIconButton","tabBarNavigationList_removeCueText","size","onAction","Close","SvgClose"],"mappings":"iRAgBkEA,QAChEA,EAAOC,MACPA,EAAKC,SACLA,EAAQC,SACRA,EAAQC,KACRA,EAAIC,MACJA,EACA,gBAAiBC,IAEjB,OACEC,EAAAA,IAACC,EAAAA,uBAAsB,CAAA,gBACNF,EACfN,QAASA,EACTK,MAAOA,EACPJ,MAAOA,EACPC,SAAUA,EACVC,SAAUA,EACVC,KAAMA,GAEZ,gCCrBgB,UAAuDJ,QACrEA,EAAOK,MACPA,EAAKJ,MACLA,EAAKC,SACLA,EAAQC,SACRA,IAEA,MAAMM,UAAEA,EAASC,WAAEA,EAAUC,SAAEA,GAAaC,EAAwBA,2BAC9DC,EAAaJ,IAAcT,EAC3Bc,EAAYJ,IAAeV,EAE3Be,EAAeC,EAAAA,aAAY,KAC/BL,IAAW,CAAEM,MAAOjB,GAAe,GAClC,CAACW,EAAUX,KAERkB,WAAEA,EAAUC,QAAEA,GAAYC,EAAQA,SAAC,CAAE,GAErCC,EAAeC,uBAAiC,4BAGtD,OACEf,MAAA,MAAA,IAASW,EAAUK,SACjBhB,EAACiB,IAAAhB,yBACC,CAAAR,QAASA,EACTK,MAAOA,EACPJ,MAAOA,EACPC,SAAUA,EACVC,SAAUA,EACVsB,WACElB,yDAA+C,EAAIgB,SACjDhB,MAACmB,EAAAA,mBACa,CAAA,aAAAL,EAAaM,qCACzBC,KAAK,KACLC,SAAUd,EACTQ,UAACJ,GAAWN,GAAcC,IAAcP,EAAAA,IAACuB,EAAKC,SAAA,WAO7D"}

package/amd/NumberInputText-fd006d16.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './useFocusableTextField-8b755b15', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', './useTextField-3ab0a23b', './Label-46fd3625', './PrefixSuffix-48d0a199', './usePrefixSuffix-66563417', './keyboardUtils-fb6219eb', './TextFieldInput-eb40adaa', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-e5723c48', './StyledTextField-5e554e5b', './TextField-51b63f5f', './LayerHost-7d4aa6d3', 'css!./LiveRegionStyles.styles.css', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', './logger-0f873e29', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-b485c235', './CompactUserAssistance-e2f42bce', './mergeProps-bcfa6a92', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-3c8a0253', 'preact', 'css!./IconStyle.styles.css', './clientHints-6d361eaa', './Popup-062b66ff', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'css!./HiddenAccessibleStyles.styles.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './useCurrentValueReducer-faded381', './ChevronDown-1d01f028', './ChevronUp-fd41f17e', './Minus-6ab20a15', './Plus-0108d400', './IconButton-b4b83d00', './useTranslationBundle-27bf6340', './Grid-2ddec30a', './useSpinning-d5dd87af', './useSelectableTextField-900d2860', './formControlUtils-de035f75'], (function(e,s,t,i,n,a,o,l,r,d,u,c,p,b,x,f,m,v,h,S,F,y,T,C,A,P,g,U,I,j,D,R,w,E,L,V,B,N,_,k,H,q,M,O,G,W,z,K,Z,J,Q,X,Y,$,ee,se,te,ie,ne,ae){"use strict";function oe({direction:e,isDisabled:t,children:i,onPointerDown:n,onPointerUp:a,onPointerOut:o,onPointerCancel:l}){const r=se.useTranslationBundle("@oracle/oraclejet-preact"),d=r.inputNumber_increase(),u=r.inputNumber_decrease(),c="increase"===e?d:u;return s.jsx(U.TabbableModeContext.Provider,{value:{isTabbable:!1},children:s.jsx("div",{"aria-hidden":"true",onPointerDown:n,onPointerUp:a,onPointerOut:o,onPointerCancel:l,children:s.jsx(ee.IconButton,{isDisabled:t,tooltip:c,variant:"ghost",size:"sm",children:i})})})}function le({children:e}){return s.jsx(te.Grid,{align:"center",gap:"1x",gridTemplateColumns:"1fr 1fr",children:e})}const re=t.forwardRef((({"aria-describedby":e,"aria-valuemax":t,"aria-valuemin":a,"aria-valuenow":p,"aria-valuetext":x,assistiveText:h,autoComplete:S="off",autoFocus:F=!1,columnSpan:y,helpSourceLink:T,helpSourceText:C,isDisabled:A,isReadonly:P,isRequired:g=!1,isRequiredShown:U,isStepDownDisabled:I,isStepUpDisabled:j,hasSteppers:D=!1,stepperVariant:L="directional",label:V,labelEdge:B,labelStartWidth:N,messages:_,placeholder:k,prefix:q,suffix:M,textAlign:O,userAssistanceDensity:G,value:W,variant:z="default",virtualKeyboard:K,onInput:Z,onCommit:ee,onSpin:se,onSpinComplete:te,onStep:re,testId:ue},ce)=>{const{currentCommitValue:pe,dispatch:be}=J.useCurrentValueReducer({value:W}),xe=i.useCallback((e=>{be({type:"input",payload:e.value}),Z?.(e)}),[Z,be]),fe=i.useCallback((e=>{be({type:"commit",payload:e.value}),ee?.(e)}),[ee,be]),{isDisabled:me,isReadonly:ve,labelEdge:he,labelStartWidth:Se,textAlign:Fe,userAssistanceDensity:ye}=o.useFormContext(),Te=A??me,Ce=P??ve,Ae=B??he,Pe=N??Se,ge=O??Fe??ae.defaultTextAlignForVariant(z),Ue=G??ye,Ie=i.useRef(null),je=i.useRef(null),{focusProps:De,isFocused:Re,methods:we}=n.useFocusableTextField({isDisabled:Te,isReadonly:Ce,enabledElementRef:Ie,readonlyElementRef:je}),{methods:Ee}=ne.useSelectableTextField(Ie);i.useImperativeHandle(ce,(()=>E.mergeProps(we,Ee)),[we,Ee]);const{baseId:Le,formFieldContext:Ve,inputProps:Be,labelProps:Ne,textFieldProps:_e,userAssistanceProps:ke}=r.useTextField({ariaDescribedBy:e,helpSourceLink:T,helpSourceText:C,isDisabled:Te,isFocused:Re,isReadonly:Ce,isRequiredShown:U,labelEdge:Ae,messages:_,styleVariant:z,userAssistanceDensity:Ue,value:W}),He=Te||I,qe=Te||j,Me=i.useCallback((e=>{Re||Ie.current?.focus(),re?.(e)}),[re,Re,Ie]),{keyboardHandlerProps:Oe,pointerIncreaseHandlerProps:Ge,pointerDecreaseHandlerProps:We}=ie.useSpinning({isStepDownDisabled:He,isStepUpDisabled:qe,onSpin:se,onSpinComplete:te,onStep:Me}),ze=D?s.jsx(oe,{direction:"decrease",isDisabled:He,...We,children:"directional"===L?s.jsx(Q.SvgChevronDown,{}):s.jsx(Y.SvgMinus,{})}):void 0,Ke=D?s.jsx(oe,{direction:"increase",isDisabled:qe,...Ge,children:"directional"===L?s.jsx(X.SvgChevronUp,{}):s.jsx($.SvgPlus,{})}):void 0,Ze=D&&"quantitative"===L?ze:void 0,Je=D?"directional"===L?s.jsxs(le,{children:[ze,Ke]}):Ke:void 0,Qe=void 0!==V&&"inside"===Ae,Xe=D&&!("ios"===H.getClientHints().platform&&"safari"===H.getClientHints().browser),{shouldRenderPrefix:Ye,shouldRenderSuffix:$e,prefixProps:es,suffixProps:ss,valuePrefixSuffix:ts,ariaLabelledBy:is}=c.usePrefixSuffix({baseId:Le,hasEndContent:void 0!==Je,hasInsideLabel:Qe,hasStartContent:void 0!==Ze,hasValue:Ve.hasValue,isDisabled:Te,isFocused:Re,labelId:Ne.id,prefix:q,suffix:M,value:W}),ns=Ye?s.jsx(u.PrefixSuffix,{...es}):void 0,as=$e?s.jsx(u.PrefixSuffix,{...ss}):void 0,os="none"!==Ae?s.jsx(d.Label,{...Ne,children:V}):void 0,ls={label:"none"!==Ae?os:void 0,labelEdge:"none"!==Ae?Ae:void 0,labelStartWidth:"none"!==Ae?Pe:void 0,labelText:"inside"!==Ae||Te?void 0:V},rs="none"===Ae?V:void 0,ds="efficient"===Ue||"reflow"===Ue?Te?"efficient"!==Ue?void 0:s.jsx(R.InlineUserAssistance,{userAssistanceDensity:Ue,...ke}):Ce?s.jsx(R.InlineUserAssistance,{fieldLabel:V,messages:_,userAssistanceDensity:Ue,...ke}):s.jsx(R.InlineUserAssistance,{assistiveText:h,fieldLabel:V,helpSourceLink:T,helpSourceText:C,messages:_,isRequiredShown:U,userAssistanceDensity:Ue,...ke}):void 0,us=i.useRef(null),cs="compact"===Ue?s.jsx(w.CompactUserAssistance,{anchorRef:us,messages:_,assistiveText:h,...ke}):void 0;if(Ce){const e=s.jsx(f.ReadonlyTextFieldInput,{"aria-describedby":Be["aria-describedby"],"aria-label":rs,"aria-labelledby":Ne.id,as:"div",autoFocus:F,elementRef:je,formVariant:z,onBlur:Be.onBlur,onFocus:Be.onFocus,textAlign:ge,value:ts,hasEmptyLabel:""===V&&"none"===Ae,hasInsideLabel:Qe});return s.jsx(l.FormFieldContext.Provider,{value:Ve,children:s.jsx(m.ReadonlyTextField,{role:"presentation",columnSpan:y,compactUserAssistance:cs,inlineUserAssistance:ds,onBlur:De.onFocusOut,onFocus:De.onFocusIn,ref:us,mainContent:e,testId:ue,...ls})})}const ps=void 0===p||p.toString()!==x?x:void 0,bs=s.jsxs(s.Fragment,{children:[ns,s.jsx(b.TextFieldInput,{"aria-labelledby":is,"aria-label":rs,"aria-valuemax":Xe?t:void 0,"aria-valuemin":Xe?a:void 0,"aria-valuenow":Xe?p:void 0,"aria-valuetext":Xe?ps:void 0,autoComplete:S,autoFocus:F,currentCommitValue:pe,hasEmptyLabel:""===V&&"none"===Ae,hasEndContent:void 0!==Je,hasInsideLabel:Qe,hasPrefix:void 0!==ns,hasStartContent:void 0!==Ze,hasSuffix:void 0!==as,inputRef:Ie,isRequired:g,placeholder:k,role:Xe?"spinbutton":void 0,textAlign:ge,type:de()?K:void 0,value:Te?ts:W,onCommit:fe,onInput:xe,...Be,...D?Oe:{}}),as]});return s.jsx(l.FormFieldContext.Provider,{value:Ve,children:s.jsx(v.TextField,{startContent:Ze,endContent:Je,columnSpan:y,compactUserAssistance:cs,inlineUserAssistance:ds,mainContent:bs,onBlur:De.onFocusOut,onFocus:De.onFocusIn,mainFieldRef:us,hasZeroStartMargin:D&&"quantitative"===L,testId:ue,..._e,...ls})})}));function de(){const e=H.getClientHints().deviceType;return"phone"===e||"tablet"===e}e.NumberInputText=re,e.stepperVariants=["directional","quantitative"]}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './useFocusableTextField-8b755b15', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', './useTextField-3ab0a23b', './Label-46fd3625', './PrefixSuffix-48d0a199', './usePrefixSuffix-b26030fe', './keyboardUtils-fb6219eb', './TextFieldInput-eb40adaa', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-e5723c48', './StyledTextField-5e554e5b', './TextField-51b63f5f', './LayerHost-daf96749', 'css!./LiveRegionStyles.styles.css', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', './logger-0f873e29', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-b485c235', './CompactUserAssistance-e2f42bce', './mergeProps-bcfa6a92', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', 'preact', 'css!./IconStyle.styles.css', './clientHints-6d361eaa', './Popup-695781d6', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'css!./HiddenAccessibleStyles.styles.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './useCurrentValueReducer-faded381', './ChevronDown-1d01f028', './ChevronUp-fd41f17e', './Minus-6ab20a15', './Plus-0108d400', './IconButton-b4b83d00', './useTranslationBundle-8e42d505', './Grid-d415ba8d', './useSpinning-d5dd87af', './useSelectableTextField-900d2860', './formControlUtils-de035f75'], (function(e,s,t,i,n,a,o,l,r,d,u,c,p,b,x,f,m,v,h,S,F,y,T,C,A,P,g,U,I,j,D,R,w,E,L,V,B,N,_,k,H,q,M,O,G,W,z,K,Z,J,Q,X,Y,$,ee,se,te,ie,ne,ae){"use strict";function oe({direction:e,isDisabled:t,children:i,onPointerDown:n,onPointerUp:a,onPointerOut:o,onPointerCancel:l}){const r=se.useTranslationBundle("@oracle/oraclejet-preact"),d=r.inputNumber_increase(),u=r.inputNumber_decrease(),c="increase"===e?d:u;return s.jsx(U.TabbableModeContext.Provider,{value:{isTabbable:!1},children:s.jsx("div",{"aria-hidden":"true",onPointerDown:n,onPointerUp:a,onPointerOut:o,onPointerCancel:l,children:s.jsx(ee.IconButton,{isDisabled:t,tooltip:c,variant:"ghost",size:"sm",children:i})})})}function le({children:e}){return s.jsx(te.Grid,{align:"center",gap:"1x",gridTemplateColumns:"1fr 1fr",children:e})}const re=t.forwardRef((({"aria-describedby":e,"aria-valuemax":t,"aria-valuemin":a,"aria-valuenow":p,"aria-valuetext":x,assistiveText:h,autoComplete:S="off",autoFocus:F=!1,columnSpan:y,helpSourceLink:T,helpSourceText:C,isDisabled:A,isReadonly:P,isRequired:g=!1,isRequiredShown:U,isStepDownDisabled:I,isStepUpDisabled:j,hasSteppers:D=!1,stepperVariant:L="directional",label:V,labelEdge:B,labelStartWidth:N,messages:_,placeholder:k,prefix:q,suffix:M,textAlign:O,userAssistanceDensity:G,value:W,variant:z="default",virtualKeyboard:K,onInput:Z,onCommit:ee,onSpin:se,onSpinComplete:te,onStep:re,testId:ue},ce)=>{const{currentCommitValue:pe,dispatch:be}=J.useCurrentValueReducer({value:W}),xe=i.useCallback((e=>{be({type:"input",payload:e.value}),Z?.(e)}),[Z,be]),fe=i.useCallback((e=>{be({type:"commit",payload:e.value}),ee?.(e)}),[ee,be]),{isDisabled:me,isReadonly:ve,labelEdge:he,labelStartWidth:Se,textAlign:Fe,userAssistanceDensity:ye}=o.useFormContext(),Te=A??me,Ce=P??ve,Ae=B??he,Pe=N??Se,ge=O??Fe??ae.defaultTextAlignForVariant(z),Ue=G??ye,Ie=i.useRef(null),je=i.useRef(null),{focusProps:De,isFocused:Re,methods:we}=n.useFocusableTextField({isDisabled:Te,isReadonly:Ce,enabledElementRef:Ie,readonlyElementRef:je}),{methods:Ee}=ne.useSelectableTextField(Ie);i.useImperativeHandle(ce,(()=>E.mergeProps(we,Ee)),[we,Ee]);const{baseId:Le,formFieldContext:Ve,inputProps:Be,labelProps:Ne,textFieldProps:_e,userAssistanceProps:ke}=r.useTextField({ariaDescribedBy:e,helpSourceLink:T,helpSourceText:C,isDisabled:Te,isFocused:Re,isReadonly:Ce,isRequiredShown:U,labelEdge:Ae,messages:_,styleVariant:z,userAssistanceDensity:Ue,value:W}),He=Te||I,qe=Te||j,Me=i.useCallback((e=>{Re||Ie.current?.focus(),re?.(e)}),[re,Re,Ie]),{keyboardHandlerProps:Oe,pointerIncreaseHandlerProps:Ge,pointerDecreaseHandlerProps:We}=ie.useSpinning({isStepDownDisabled:He,isStepUpDisabled:qe,onSpin:se,onSpinComplete:te,onStep:Me}),ze=D?s.jsx(oe,{direction:"decrease",isDisabled:He,...We,children:"directional"===L?s.jsx(Q.SvgChevronDown,{}):s.jsx(Y.SvgMinus,{})}):void 0,Ke=D?s.jsx(oe,{direction:"increase",isDisabled:qe,...Ge,children:"directional"===L?s.jsx(X.SvgChevronUp,{}):s.jsx($.SvgPlus,{})}):void 0,Ze=D&&"quantitative"===L?ze:void 0,Je=D?"directional"===L?s.jsxs(le,{children:[ze,Ke]}):Ke:void 0,Qe=void 0!==V&&"inside"===Ae,Xe=D&&!("ios"===H.getClientHints().platform&&"safari"===H.getClientHints().browser),{shouldRenderPrefix:Ye,shouldRenderSuffix:$e,prefixProps:es,suffixProps:ss,valuePrefixSuffix:ts,ariaLabelledBy:is}=c.usePrefixSuffix({baseId:Le,hasEndContent:void 0!==Je,hasInsideLabel:Qe,hasStartContent:void 0!==Ze,hasValue:Ve.hasValue,isDisabled:Te,isFocused:Re,labelId:Ne.id,prefix:q,suffix:M,value:W}),ns=Ye?s.jsx(u.PrefixSuffix,{...es}):void 0,as=$e?s.jsx(u.PrefixSuffix,{...ss}):void 0,os="none"!==Ae?s.jsx(d.Label,{...Ne,children:V}):void 0,ls={label:"none"!==Ae?os:void 0,labelEdge:"none"!==Ae?Ae:void 0,labelStartWidth:"none"!==Ae?Pe:void 0,labelText:"inside"!==Ae||Te?void 0:V},rs="none"===Ae?V:void 0,ds="efficient"===Ue||"reflow"===Ue?Te?"efficient"!==Ue?void 0:s.jsx(R.InlineUserAssistance,{userAssistanceDensity:Ue,...ke}):Ce?s.jsx(R.InlineUserAssistance,{fieldLabel:V,messages:_,userAssistanceDensity:Ue,...ke}):s.jsx(R.InlineUserAssistance,{assistiveText:h,fieldLabel:V,helpSourceLink:T,helpSourceText:C,messages:_,isRequiredShown:U,userAssistanceDensity:Ue,...ke}):void 0,us=i.useRef(null),cs="compact"===Ue?s.jsx(w.CompactUserAssistance,{anchorRef:us,messages:_,assistiveText:h,...ke}):void 0;if(Ce){const e=s.jsx(f.ReadonlyTextFieldInput,{"aria-describedby":Be["aria-describedby"],"aria-label":rs,"aria-labelledby":Ne.id,as:"div",autoFocus:F,elementRef:je,formVariant:z,onBlur:Be.onBlur,onFocus:Be.onFocus,textAlign:ge,value:ts,hasEmptyLabel:""===V&&"none"===Ae,hasInsideLabel:Qe});return s.jsx(l.FormFieldContext.Provider,{value:Ve,children:s.jsx(m.ReadonlyTextField,{role:"presentation",columnSpan:y,compactUserAssistance:cs,inlineUserAssistance:ds,onBlur:De.onFocusOut,onFocus:De.onFocusIn,ref:us,mainContent:e,testId:ue,...ls})})}const ps=void 0===p||p.toString()!==x?x:void 0,bs=s.jsxs(s.Fragment,{children:[ns,s.jsx(b.TextFieldInput,{"aria-labelledby":is,"aria-label":rs,"aria-valuemax":Xe?t:void 0,"aria-valuemin":Xe?a:void 0,"aria-valuenow":Xe?p:void 0,"aria-valuetext":Xe?ps:void 0,autoComplete:S,autoFocus:F,currentCommitValue:pe,hasEmptyLabel:""===V&&"none"===Ae,hasEndContent:void 0!==Je,hasInsideLabel:Qe,hasPrefix:void 0!==ns,hasStartContent:void 0!==Ze,hasSuffix:void 0!==as,inputRef:Ie,isRequired:g,placeholder:k,role:Xe?"spinbutton":void 0,textAlign:ge,type:de()?K:void 0,value:Te?ts:W,onCommit:fe,onInput:xe,...Be,...D?Oe:{}}),as]});return s.jsx(l.FormFieldContext.Provider,{value:Ve,children:s.jsx(v.TextField,{startContent:Ze,endContent:Je,columnSpan:y,compactUserAssistance:cs,inlineUserAssistance:ds,mainContent:bs,onBlur:De.onFocusOut,onFocus:De.onFocusIn,mainFieldRef:us,hasZeroStartMargin:D&&"quantitative"===L,testId:ue,..._e,...ls})})}));function de(){const e=H.getClientHints().deviceType;return"phone"===e||"tablet"===e}e.NumberInputText=re,e.stepperVariants=["directional","quantitative"]}));
 //# sourceMappingURL=NumberInputText-fd006d16.js.map

package/amd/OverflowTabBar-d42149d3.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './classNames-08d99695', './TabBar-ed16a2ab', './UNSAFE_OverflowTabBar/themes/OverflowTabBarStyles.css', './useDetectHorizontalOverflow-f81f6202', './TabBarLinkItem-67ae56f5', './RemovableTabBarItem-05e7953f', './TabBarItem-5c91efc9', './OverflowTabBarItem-9404d863'], (function(e,a,t,l,r,s,i,o,n,m,c,d){"use strict";e.OverflowTabBar=function({items:e,layout:b="stretch",display:u="standard",size:f="md",edge:y="top",selection:v,truncation:I,onSelect:g,onRemove:B,"aria-label":K,"aria-labelledby":T,contextMenuConfig:h,testId:x}){const p="stacked"===u?{display:u}:{display:u,size:f},w=l.useRef(null),R=t.createRef(),[O,j]=l.useState(!1),M=l.useRef(!1),k=l.useCallback((e=>{"more"===e.value?M.current?j(!1):j(!0):g?.(e),M.current=!1}),[g]),S=l.useMemo((()=>e.map((e=>e.itemKey))),[e]),{visibleItemKeys:z,overflowItemKeys:C,maxWidths:W}=o.useDetectHorizontalOverflow({rootRef:R,keysArray:S,isTruncationDisabled:!(I&&"progressive"===I)}),A=r.classNames([i.styles.overflowTabBarBase]);return a.jsx("div",{ref:w,class:A,children:a.jsxs(s.TabBar,{ref:R,selection:v,onSelect:k,...p,layout:b,edge:y,onRemove:B,"aria-label":K,"aria-labelledby":T,testId:x,contextMenuConfig:h,children:[null!=z&&z.length>0&&e.filter((e=>z?.includes(e.itemKey))).map((e=>null!=e.href?a.jsx(n.TabBarLinkItem,{href:e.href,itemKey:e.itemKey,label:e.label,icon:e.icon,badge:e.badge,metadata:e.metadata,severity:e.severity,"aria-controls":e.tabPanelId,labelMaxWidth:W?.get(e.itemKey)}):e.isRemovable?a.jsx(m.RemovableTabBarItem,{itemKey:e.itemKey,label:e.label,icon:e.icon,badge:e.badge,metadata:e.metadata,severity:e.severity,"aria-controls":e.tabPanelId,labelMaxWidth:W?.get(e.itemKey)}):a.jsx(c.TabBarItem,{itemKey:e.itemKey,label:e.label,icon:e.icon,badge:e.badge,metadata:e.metadata,severity:e.severity,"aria-controls":e.tabPanelId,labelMaxWidth:W?.get(e.itemKey)}))),null!=C&&C.length>0&&a.jsx(d.OverflowTabBarItem,{isOpen:O,onClose:e=>{R.current&&["itemAction","dismissed"].includes(e.reason)&&R?.current?.focus(),"outsideMousedown"===e.reason&&(M.current=!0),j(!1)},overflowItemKey:"more",overflowItems:e.filter((e=>C?.includes(e.itemKey)))})]})})}}));
+//# sourceMappingURL=OverflowTabBar-d42149d3.js.map

package/amd/OverflowTabBar-d42149d3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverflowTabBar-d42149d3.js","sources":["../../src/UNSAFE_OverflowTabBar/OverflowTabBar.tsx"],"sourcesContent":["import { ComponentProps, createRef } from 'preact';\nimport { useCallback, useMemo, useRef, useState } from 'preact/hooks';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport {\n  OverflowTabBarItem,\n  RemovableTabBarItem,\n  TabBar,\n  TabBarItem,\n  TabBarLinkItem\n} from '../UNSAFE_TabBar';\nimport { CloseDetail, Item } from '../UNSAFE_TabBarCommon';\nimport { styles } from './themes/OverflowTabBarStyles.css';\nimport { useDetectHorizontalOverflow } from '../hooks/PRIVATE_useDetectHorizontalOverflow';\n\ntype OverflowTabBarProps<K extends string | number> = {\n  /**\n   * An array of data to render individual tabs\n   */\n  items: Item<K>[];\n  /**\n   * The truncation configuration for tab labels.\n   * 'progressive' will restrict the width of each tab label to allow all tabs to fit if enough space is not available to display all of the tabs.\n   * Labels that are truncated are displayed with ellipses. However the width of each tab label will not be truncated below a specific threshold.\n   * 'none' tabs always take up the space needed by the labels even if enough space is not available to display all of the tabs.\n   */\n  truncation?: 'none' | 'progressive';\n} & Omit<ComponentProps<typeof TabBar>, 'children' | 'aria-describedby' | 'ref'>;\n\n/**\n * OverflowTabBar handles the rendering of overflowing tab items.\n */\nexport function OverflowTabBar<K extends string | number>({\n  items,\n  layout = 'stretch',\n  display = 'standard',\n  size = 'md',\n  edge = 'top',\n  selection,\n  truncation,\n  onSelect,\n  onRemove,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby,\n  contextMenuConfig,\n  testId\n}: OverflowTabBarProps<K> & TestIdProps) {\n  const displayStackProps = {\n    display: display\n  };\n  const displayNonStackProps = {\n    display: display,\n    size: size\n  };\n\n  const displayProps = display === 'stacked' ? displayStackProps : displayNonStackProps;\n  const rootRef = useRef<HTMLDivElement>(null);\n  const tabBarRef = createRef<HTMLDivElement>();\n\n  const [isDropDownOpen, setIsDropDownOpen] = useState<boolean>(false);\n\n  const isOutsideMouseDown = useRef<boolean>(false);\n\n  const handleClose = (e: CloseDetail) => {\n    if (tabBarRef.current && ['itemAction', 'dismissed'].includes(e.reason)) {\n      tabBarRef?.current?.focus();\n    }\n    if (e.reason === 'outsideMousedown') {\n      isOutsideMouseDown.current = true;\n    }\n    setIsDropDownOpen(false);\n  };\n\n  const handleSelect = useCallback<Required<ComponentProps<typeof TabBar>>['onSelect']>(\n    (e: { value: string | number }) => {\n      if (e.value === 'more') {\n        //If overflow item is clicked after dropdown is open, the reason is outsideMouseDown and it needs to be closed\n        if (isOutsideMouseDown.current) {\n          setIsDropDownOpen(false);\n        } else {\n          setIsDropDownOpen(true);\n        }\n      } else {\n        onSelect?.(e);\n      }\n      isOutsideMouseDown.current = false;\n    },\n    [onSelect]\n  );\n\n  const overflowItemKey = 'more' as K;\n\n  const keysArray = useMemo(() => items.map((item) => item.itemKey) as K[], [items]);\n\n  const { visibleItemKeys, overflowItemKeys, maxWidths } = useDetectHorizontalOverflow({\n    rootRef: tabBarRef,\n    keysArray,\n    isTruncationDisabled: !(truncation && truncation === 'progressive')\n  });\n\n  const overflowTabBarClass = classNames([styles.overflowTabBarBase]);\n\n  return (\n    <div ref={rootRef} class={overflowTabBarClass}>\n      <TabBar\n        ref={tabBarRef}\n        selection={selection}\n        onSelect={handleSelect}\n        {...displayProps}\n        layout={layout}\n        edge={edge}\n        onRemove={onRemove}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledby}\n        testId={testId}\n        contextMenuConfig={contextMenuConfig}>\n        {visibleItemKeys != null &&\n          visibleItemKeys.length > 0 &&\n          items\n            .filter((item) => visibleItemKeys?.includes(item.itemKey))\n            .map((item: Item<K>) =>\n              item.href != null ? (\n                <TabBarLinkItem\n                  href={item.href}\n                  itemKey={item.itemKey}\n                  label={item.label}\n                  icon={item.icon}\n                  badge={item.badge}\n                  metadata={item.metadata}\n                  severity={item.severity}\n                  aria-controls={item.tabPanelId}\n                  labelMaxWidth={maxWidths?.get(item.itemKey)}\n                />\n              ) : item.isRemovable ? (\n                <RemovableTabBarItem\n                  itemKey={item.itemKey}\n                  label={item.label}\n                  icon={item.icon}\n                  badge={item.badge}\n                  metadata={item.metadata}\n                  severity={item.severity}\n                  aria-controls={item.tabPanelId}\n                  labelMaxWidth={maxWidths?.get(item.itemKey)}\n                />\n              ) : (\n                <TabBarItem\n                  itemKey={item.itemKey}\n                  label={item.label}\n                  icon={item.icon}\n                  badge={item.badge}\n                  metadata={item.metadata}\n                  severity={item.severity}\n                  aria-controls={item.tabPanelId}\n                  labelMaxWidth={maxWidths?.get(item.itemKey)}\n                />\n              )\n            )}\n        {overflowItemKeys != null && overflowItemKeys.length > 0 && (\n          <OverflowTabBarItem\n            isOpen={isDropDownOpen}\n            onClose={handleClose}\n            overflowItemKey={overflowItemKey}\n            overflowItems={items.filter((item) => overflowItemKeys?.includes(item.itemKey))}\n          />\n        )}\n      </TabBar>\n    </div>\n  );\n}\n"],"names":["items","layout","display","size","edge","selection","truncation","onSelect","onRemove","ariaLabel","ariaLabelledby","contextMenuConfig","testId","displayProps","rootRef","useRef","tabBarRef","createRef","isDropDownOpen","setIsDropDownOpen","useState","isOutsideMouseDown","handleSelect","useCallback","e","value","current","keysArray","useMemo","map","item","itemKey","visibleItemKeys","overflowItemKeys","maxWidths","useDetectHorizontalOverflow","isTruncationDisabled","overflowTabBarClass","classNames","styles","overflowTabBarBase","_jsx","ref","class","children","_jsxs","jsxs","TabBar","length","filter","includes","href","TabBarLinkItem","label","icon","badge","metadata","severity","tabPanelId","labelMaxWidth","get","isRemovable","jsx","RemovableTabBarItem","TabBarItem","OverflowTabBarItem","isOpen","onClose","reason","focus","overflowItemKey","overflowItems"],"mappings":"+YAgC0DA,MACxDA,EAAKC,OACLA,EAAS,UAASC,QAClBA,EAAU,WAAUC,KACpBA,EAAO,KAAIC,KACXA,EAAO,MAAKC,UACZA,EAASC,WACTA,EAAUC,SACVA,EAAQC,SACRA,EACA,aAAcC,EACd,kBAAmBC,EAAcC,kBACjCA,EAAiBC,OACjBA,IAEA,MAQMC,EAA2B,YAAZX,EARK,CACxBA,QAASA,GAEkB,CAC3BA,QAASA,EACTC,KAAMA,GAIFW,EAAUC,SAAuB,MACjCC,EAAYC,EAAAA,aAEXC,EAAgBC,GAAqBC,EAAQA,UAAU,GAExDC,EAAqBN,UAAgB,GAYrCO,EAAeC,eAClBC,IACiB,SAAZA,EAAEC,MAEAJ,EAAmBK,QACrBP,GAAkB,GAElBA,GAAkB,GAGpBZ,IAAWiB,GAEbH,EAAmBK,SAAU,CAAK,GAEpC,CAACnB,IAKGoB,EAAYC,EAAAA,SAAQ,IAAM5B,EAAM6B,KAAKC,GAASA,EAAKC,WAAiB,CAAC/B,KAErEgC,gBAAEA,EAAeC,iBAAEA,EAAgBC,UAAEA,GAAcC,EAAAA,4BAA4B,CACnFrB,QAASE,EACTW,YACAS,uBAAwB9B,GAA6B,gBAAfA,KAGlC+B,EAAsBC,EAAUA,WAAC,CAACC,EAAAA,OAAOC,qBAE/C,OACEC,EAAAA,IAAK,MAAA,CAAAC,IAAK5B,EAAS6B,MAAON,EAAmBO,SAC3CC,EAACC,KAAAC,EAAMA,QACLL,IAAK1B,EACLX,UAAWA,EACXE,SAAUe,KACNT,EACJZ,OAAQA,EACRG,KAAMA,EACNI,SAAUA,EACE,aAAAC,oBACKC,EACjBE,OAAQA,EACRD,kBAAmBA,EAAiBiC,SAAA,CAChB,MAAnBZ,GACCA,EAAgBgB,OAAS,GACzBhD,EACGiD,QAAQnB,GAASE,GAAiBkB,SAASpB,EAAKC,WAChDF,KAAKC,GACS,MAAbA,EAAKqB,KACHV,EAAAA,IAACW,EAAAA,eAAc,CACbD,KAAMrB,EAAKqB,KACXpB,QAASD,EAAKC,QACdsB,MAAOvB,EAAKuB,MACZC,KAAMxB,EAAKwB,KACXC,MAAOzB,EAAKyB,MACZC,SAAU1B,EAAK0B,SACfC,SAAU3B,EAAK2B,SAAQ,gBACR3B,EAAK4B,WACpBC,cAAezB,GAAW0B,IAAI9B,EAAKC,WAEnCD,EAAK+B,YACPpB,EAACqB,IAAAC,EAAmBA,oBAClB,CAAAhC,QAASD,EAAKC,QACdsB,MAAOvB,EAAKuB,MACZC,KAAMxB,EAAKwB,KACXC,MAAOzB,EAAKyB,MACZC,SAAU1B,EAAK0B,SACfC,SAAU3B,EAAK2B,SACA,gBAAA3B,EAAK4B,WACpBC,cAAezB,GAAW0B,IAAI9B,EAAKC,WAGrCU,EAAAA,IAACuB,EAAAA,WAAU,CACTjC,QAASD,EAAKC,QACdsB,MAAOvB,EAAKuB,MACZC,KAAMxB,EAAKwB,KACXC,MAAOzB,EAAKyB,MACZC,SAAU1B,EAAK0B,SACfC,SAAU3B,EAAK2B,SAAQ,gBACR3B,EAAK4B,WACpBC,cAAezB,GAAW0B,IAAI9B,EAAKC,aAIxB,MAApBE,GAA4BA,EAAiBe,OAAS,GACrDP,EAAAqB,IAACG,EAAkBA,mBAAA,CACjBC,OAAQhD,EACRiD,QAjGW3C,IACfR,EAAUU,SAAW,CAAC,aAAc,aAAawB,SAAS1B,EAAE4C,SAC9DpD,GAAWU,SAAS2C,QAEL,qBAAb7C,EAAE4C,SACJ/C,EAAmBK,SAAU,GAE/BP,GAAkB,EAAM,EA2FhBmD,gBAvEc,OAwEdC,cAAevE,EAAMiD,QAAQnB,GAASG,GAAkBiB,SAASpB,EAAKC,iBAMlF"}

package/amd/OverflowTabBarItem-9404d863.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './useTranslationBundle-8e42d505', './clientHints-6d361eaa', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './classNames-08d99695', './Icon-865b3c78', './useTabBarContext-15a23bb6', './Dropdown-c119d072', './Sheet-c7f3fe2d', './BaseTabBarItem-cdec0e90', './UNSAFE_TabBarCommon/themes/OverflowTabBarItemStyles.css', './NavigationListItem-3cc88fb4', './NavigationListLinkItem-8ca44347'], (function(e,a,t,s,n,o,i,l,r,c,d,m,u,b,v,f,p){"use strict";const g=e=>a.jsx(c.Icon,{viewBox:"0 0 24 24",...e,children:a.jsx("g",{fill:"none",children:a.jsx("path",{d:"M6 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm8 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm8 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0z",fill:"currentcolor"})})});const h=()=>{const{deviceType:e}=o.getClientHints();return"phone"===e};e.OverflowTabBarItem=function({overflowItemKey:e,icon:o,badge:c,overflowItems:y,isOpen:x,onClose:I}){const{selection:j,showFocusRing:B,isEdgeBottom:C,onSelect:w,onRemove:K,layout:R}=d.useTabBarContext(),T=s.useRef(!1),k=s.useRef(null),L=t.createRef(),N=s.useCallback((e=>{"pointer"===e.reason&&(T.current=!0),w?.({value:e.value}),I?.({reason:"itemAction"})}),[w,I]),O=s.useCallback((e=>{I?.({reason:e.reason})}),[I]),F=s.useCallback((()=>{I?.({reason:"dismissed"})}),[I]),S=B&&!T.current&&!h(),D=y?.find((e=>e.itemKey===j))?.tabPanelId,z=n.useTranslationBundle("@oracle/oraclejet-preact"),A=void 0!==j&&(E=j,null!=y?.find((e=>e.itemKey===E)));var E;const H=i.mergeInterpolations([...Object.values(l.flexitemInterpolations)])({flex:"stretch"===R?"1 0 auto":"0 0 auto"}),M=r.classNames([v.styles.navContainerBase]),P=s.useRef(null),U=s.useCallback((e=>{"ArrowDown"===e.key&&(e.preventDefault(),L.current?.focus())}),[L]),_=s.useCallback((()=>a.jsx("div",{onKeyDown:U,tabIndex:0,ref:P,class:M,children:a.jsx(f.NavigationList,{ref:L,selection:j,onSelectionChange:N,onRemove:K,children:y?.map((e=>null!=e.href?a.jsx(p.NavigationListLinkItem,{href:e.href,itemKey:e.itemKey,label:e.label,badge:e.badge,metadata:e.metadata,severity:e.severity}):e.isRemovable?a.jsx(p.RemovableNavigationListItem,{itemKey:e.itemKey,label:e.label,badge:e.badge,metadata:e.metadata,severity:e.severity}):a.jsx(f.NavigationListItem,{itemKey:e.itemKey,label:e.label,badge:e.badge,metadata:e.metadata,severity:e.severity})))})})),[U,M,L,j,N,K,y]);return a.jsxs(a.Fragment,{children:[y&&y.length>0&&a.jsx("div",{ref:k,style:H,children:a.jsx(b.BaseTabBarItem,{"aria-controls":D,itemKey:e,label:z.overflowItemLabel(),icon:o||a.jsx(g,{}),badge:c,showFocusRingOverride:S,selectionOverride:A,displayOverride:"icons","aria-haspopup":!0})}),h()?a.jsx(u.Sheet,{isOpen:x,onClose:F,initialFocus:"firstFocusable",children:_()}):a.jsx(m.Dropdown,{initialFocus:"firstFocusable",isOpen:x,onClose:O,placement:C?"top-end":"bottom-end",anchorRef:k,children:_()})]})}}));
+//# sourceMappingURL=OverflowTabBarItem-9404d863.js.map

package/amd/OverflowTabBarItem-9404d863.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverflowTabBarItem-9404d863.js","sources":["../../src/UNSAFE_RedwoodIcons/OverflowH/OverflowH.tsx","../../src/UNSAFE_TabBarCommon/OverflowTabBarItem.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates. All rights reserved.\n * https://www.oracle.com/contracts/docs/cloud_csa_online_v062223_us_eng.pdf?download=false&er=221886\n * @ignore\n */\n// DO NOT MODIFY THIS FILE MANUALLY!\n// This file is automatically generated based on the corresponding SVG image in\n// the packages/oraclejet-preact/resources/icons folder.\nimport { ComponentProps } from 'preact';\nimport { Icon } from '../../UNSAFE_Icon';\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox' | 'children'>;\nconst SvgOverflowH = (props: Props) => (\n  <Icon viewBox=\"0 0 24 24\" {...props}>\n    <g fill=\"none\">\n      <path\n        d=\"M6 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm8 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm8 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0z\"\n        fill=\"currentcolor\"\n      />\n    </g>\n  </Icon>\n);\nexport { SvgOverflowH as OverflowH };\n","import { ComponentChild, ComponentProps, createRef } from 'preact';\nimport { useCallback, useRef } from 'preact/hooks';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport {\n  NavigationListItem,\n  NavigationList,\n  RemovableNavigationListItem,\n  FocusableHandle,\n  NavigationListLinkItem\n} from '../UNSAFE_NavigationList';\nimport { OverflowH } from '../UNSAFE_RedwoodIcons/OverflowH';\nimport { useTabBarContext } from './useTabBarContext';\nimport { Dropdown } from '../UNSAFE_Dropdown';\nimport { Sheet } from '../UNSAFE_Sheet';\nimport { BaseTabBarItem } from './BaseTabBarItem';\nimport { styles } from './themes/OverflowTabBarItemStyles.css';\nimport { TabBarItem } from './TabBarItem';\n\nexport type OverflowSelectionDetail<K> = {\n  value: K;\n};\n\nexport type CloseDetail = {\n  /**\n   * dismissed represents dismissing the DropDown\n   */\n  reason: 'dismissed' | 'itemAction' | 'outsideMousedown';\n};\n\nexport type Item<K extends string | number> = Omit<\n  ComponentProps<typeof TabBarItem<K>>,\n  'testId' | 'aria-controls'\n> & {\n  isRemovable?: boolean;\n  /**\n   * Accepts the tabpanel element's ID associated with the tab item\n   **/\n  tabPanelId?: string;\n  /**\n   * Sets the URL that the hyperlink points to.\n   */\n  href?: string;\n};\n\nexport type OverflowTabBarItemProps<K extends string | number> = {\n  /**\n   * Key of the TabBarItem\n   */\n  overflowItemKey: K;\n  /**\n   * Whether to open the popup\n   */\n  isOpen: boolean;\n  /**\n   * Property that triggers a callback when DropDown is supposed to be closed.\n   */\n  onClose?: (detail: CloseDetail) => void;\n  /**\n   * The icon of the OverflowTabBarItem\n   */\n  icon?: ComponentChild;\n  /**\n   * The content to be rendered inside the Badge component.\n   */\n  badge?: string;\n  /**\n   * An array of data used by NavigationList to render individual overflow items.\n   */\n  overflowItems?: Item<K>[];\n};\n\n/**\n * An OverflowTabBarItem renders TabBarItems in a device appropriate popup. OverflowTabBarItem is used internally in an OverflowTabBar.\n */\n\nexport function OverflowTabBarItem<K extends string | number>({\n  overflowItemKey,\n  icon,\n  badge,\n  overflowItems,\n  isOpen,\n  onClose\n}: OverflowTabBarItemProps<K>) {\n  const { selection, showFocusRing, isEdgeBottom, onSelect, onRemove, layout } = useTabBarContext();\n\n  const isPointerSelection = useRef<boolean>(false);\n\n  const overflowTabBarItemRef = useRef<HTMLDivElement>(null);\n  const navigationListRef = createRef<FocusableHandle>();\n\n  const handleSelectionChange = useCallback<\n    Required<ComponentProps<typeof NavigationList>>['onSelectionChange']\n  >(\n    (detail: { value: string | number; reason?: 'pointer' | 'keyboard' }) => {\n      if (detail.reason === 'pointer') {\n        isPointerSelection.current = true;\n      }\n      onSelect?.({ value: detail.value });\n      onClose?.({ reason: 'itemAction' });\n    },\n    [onSelect, onClose]\n  );\n\n  const handleDropdownClose = useCallback(\n    (e: CloseDetail) => {\n      onClose?.({ reason: e.reason });\n    },\n    [onClose]\n  );\n\n  const handleSheetClose = useCallback(() => {\n    onClose?.({ reason: 'dismissed' });\n  }, [onClose]);\n\n  //When NavigationList steals focus the app resets it. Not always would it be reset to\n  //parent of OverflowTabBarItem. Though currentKey would be correct, but focusRing would would not be visible\n  //Hence we check for isPointerSelection.current\n\n  const focusRingRequirement = showFocusRing && !isPointerSelection.current && !getIsMobile();\n\n  const overflowContainsKey = (searchKey: K) => {\n    return overflowItems?.find((item) => item.itemKey === searchKey) != null;\n  };\n\n  const currentPanelId = overflowItems?.find((item) => item.itemKey === selection)?.tabPanelId;\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  const isSelected = selection !== undefined && overflowContainsKey(selection as K);\n\n  //instead of specifying flex: '1 0 auto' in cssProps var\n  const styleInterpolations = mergeInterpolations<FlexitemProps>([\n    ...Object.values(flexitemInterpolations)\n  ]);\n  const flexDimensions = styleInterpolations({\n    flex: layout === 'stretch' ? '1 0 auto' : '0 0 auto'\n  });\n\n  const navContainerClasses = classNames([styles.navContainerBase]);\n\n  const navContainerRef = useRef<HTMLDivElement>(null);\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'ArrowDown') {\n        event.preventDefault();\n        navigationListRef.current?.focus();\n      }\n    },\n    [navigationListRef]\n  );\n  const getNavigationList = useCallback(() => {\n    return (\n      <div onKeyDown={handleKeyDown} tabIndex={0} ref={navContainerRef} class={navContainerClasses}>\n        <NavigationList\n          ref={navigationListRef}\n          selection={selection}\n          onSelectionChange={handleSelectionChange}\n          onRemove={onRemove}>\n          {overflowItems?.map((item) =>\n            item.href != null ? (\n              <NavigationListLinkItem\n                href={item.href}\n                itemKey={item.itemKey}\n                label={item.label}\n                badge={item.badge}\n                metadata={item.metadata}\n                severity={item.severity}\n              />\n            ) : item.isRemovable ? (\n              <RemovableNavigationListItem\n                itemKey={item.itemKey}\n                label={item.label}\n                badge={item.badge}\n                metadata={item.metadata}\n                severity={item.severity}\n              />\n            ) : (\n              <NavigationListItem\n                itemKey={item.itemKey}\n                label={item.label}\n                badge={item.badge}\n                metadata={item.metadata}\n                severity={item.severity}\n              />\n            )\n          )}\n        </NavigationList>\n      </div>\n    );\n  }, [\n    handleKeyDown,\n    navContainerClasses,\n    navigationListRef,\n    selection,\n    handleSelectionChange,\n    onRemove,\n    overflowItems\n  ]);\n\n  return (\n    <>\n      {overflowItems && overflowItems.length > 0 && (\n        <div ref={overflowTabBarItemRef} style={flexDimensions}>\n          <BaseTabBarItem\n            aria-controls={currentPanelId}\n            itemKey={overflowItemKey}\n            label={translations.overflowItemLabel()}\n            icon={icon ? icon : <OverflowH />}\n            badge={badge}\n            showFocusRingOverride={focusRingRequirement}\n            selectionOverride={isSelected}\n            displayOverride={'icons'}\n            aria-haspopup={true}\n          />\n        </div>\n      )}\n      {getIsMobile() ? (\n        <Sheet isOpen={isOpen} onClose={handleSheetClose} initialFocus=\"firstFocusable\">\n          {getNavigationList()}\n        </Sheet>\n      ) : (\n        <Dropdown\n          initialFocus=\"firstFocusable\"\n          isOpen={isOpen}\n          onClose={handleDropdownClose}\n          placement={isEdgeBottom ? 'top-end' : 'bottom-end'}\n          anchorRef={overflowTabBarItemRef}>\n          {getNavigationList()}\n        </Dropdown>\n      )}\n    </>\n  );\n}\n\nconst getIsMobile = () => {\n  const { deviceType } = getClientHints();\n  return deviceType === 'phone';\n};\n"],"names":["SvgOverflowH","props","_jsx","jsx","Icon","viewBox","children","fill","d","getIsMobile","deviceType","getClientHints","overflowItemKey","icon","badge","overflowItems","isOpen","onClose","selection","showFocusRing","isEdgeBottom","onSelect","onRemove","layout","useTabBarContext","isPointerSelection","useRef","overflowTabBarItemRef","navigationListRef","createRef","handleSelectionChange","useCallback","detail","reason","current","value","handleDropdownClose","e","handleSheetClose","focusRingRequirement","currentPanelId","find","item","itemKey","tabPanelId","translations","useTranslationBundle","isSelected","undefined","searchKey","flexDimensions","mergeInterpolations","Object","values","flexitemInterpolations","styleInterpolations","flex","navContainerClasses","classNames","styles","navContainerBase","navContainerRef","handleKeyDown","event","key","preventDefault","focus","getNavigationList","onKeyDown","tabIndex","ref","class","NavigationList","onSelectionChange","map","href","NavigationListLinkItem","label","metadata","severity","isRemovable","RemovableNavigationListItem","NavigationListItem","_jsxs","jsxs","_Fragment","Fragment","length","style","BaseTabBarItem","overflowItemLabel","OverflowH","showFocusRingOverride","selectionOverride","displayOverride","Sheet","initialFocus","Dropdown","placement","anchorRef"],"mappings":"yfAYA,MAAMA,EAAgBC,GACpBC,EAAAC,IAACC,EAAIA,KAAC,CAAAC,QAAQ,eAAgBJ,EAAKK,SACjCJ,EAAAA,IAAG,IAAA,CAAAK,KAAK,OACND,SAAAJ,MAAA,OAAA,CACEM,EAAE,uGACFD,KAAK,qBC+Nb,MAAME,EAAc,KAClB,MAAMC,WAAEA,GAAeC,EAAAA,iBACvB,MAAsB,UAAfD,CAAsB,uBAjKf,UAA8CE,gBAC5DA,EAAeC,KACfA,EAAIC,MACJA,EAAKC,cACLA,EAAaC,OACbA,EAAMC,QACNA,IAEA,MAAMC,UAAEA,EAASC,cAAEA,EAAaC,aAAEA,EAAYC,SAAEA,EAAQC,SAAEA,EAAQC,OAAEA,GAAWC,EAAAA,mBAEzEC,EAAqBC,UAAgB,GAErCC,EAAwBD,SAAuB,MAC/CE,EAAoBC,EAAAA,YAEpBC,EAAwBC,eAG3BC,IACuB,YAAlBA,EAAOC,SACTR,EAAmBS,SAAU,GAE/Bb,IAAW,CAAEc,MAAOH,EAAOG,QAC3BlB,IAAU,CAAEgB,OAAQ,cAAe,GAErC,CAACZ,EAAUJ,IAGPmB,EAAsBL,eACzBM,IACCpB,IAAU,CAAEgB,OAAQI,EAAEJ,QAAS,GAEjC,CAAChB,IAGGqB,EAAmBP,EAAAA,aAAY,KACnCd,IAAU,CAAEgB,OAAQ,aAAc,GACjC,CAAChB,IAMEsB,EAAuBpB,IAAkBM,EAAmBS,UAAYzB,IAMxE+B,EAAiBzB,GAAe0B,MAAMC,GAASA,EAAKC,UAAYzB,KAAY0B,WAE5EC,EAAeC,uBAAiC,4BAEhDC,OAA2BC,IAAd9B,IARU+B,EAQqC/B,EAPI,MAA7DH,GAAe0B,MAAMC,GAASA,EAAKC,UAAYM,KAD5B,IAACA,EAW7B,MAGMC,EAHsBC,EAAAA,oBAAmC,IAC1DC,OAAOC,OAAOC,2BAEIC,CAAoB,CACzCC,KAAiB,YAAXjC,EAAuB,WAAa,aAGtCkC,EAAsBC,EAAUA,WAAC,CAACC,EAAAA,OAAOC,mBAEzCC,EAAkBnC,SAAuB,MACzCoC,EAAgB/B,eACnBgC,IACmB,cAAdA,EAAMC,MACRD,EAAME,iBACNrC,EAAkBM,SAASgC,QAC5B,GAEH,CAACtC,IAEGuC,EAAoBpC,EAAAA,aAAY,IAElC7B,EAAKC,IAAA,MAAA,CAAAiE,UAAWN,EAAeO,SAAU,EAAGC,IAAKT,EAAiBU,MAAOd,EAAmBnD,SAC1FJ,MAACsE,EAAAA,eAAc,CACbF,IAAK1C,EACLV,UAAWA,EACXuD,kBAAmB3C,EACnBR,SAAUA,EACThB,SAAAS,GAAe2D,KAAKhC,GACN,MAAbA,EAAKiC,KACHzE,MAAC0E,EAAAA,uBAAsB,CACrBD,KAAMjC,EAAKiC,KACXhC,QAASD,EAAKC,QACdkC,MAAOnC,EAAKmC,MACZ/D,MAAO4B,EAAK5B,MACZgE,SAAUpC,EAAKoC,SACfC,SAAUrC,EAAKqC,WAEfrC,EAAKsC,YACP9E,MAAC+E,EAAAA,6BACCtC,QAASD,EAAKC,QACdkC,MAAOnC,EAAKmC,MACZ/D,MAAO4B,EAAK5B,MACZgE,SAAUpC,EAAKoC,SACfC,SAAUrC,EAAKqC,WAGjB7E,EAAAC,IAAC+E,qBACC,CAAAvC,QAASD,EAAKC,QACdkC,MAAOnC,EAAKmC,MACZ/D,MAAO4B,EAAK5B,MACZgE,SAAUpC,EAAKoC,SACfC,SAAUrC,EAAKqC,kBAO1B,CACDjB,EACAL,EACA7B,EACAV,EACAY,EACAR,EACAP,IAGF,OACEoE,EAAAC,KAAAC,EAAAC,SAAA,CAAAhF,SAAA,CACGS,GAAiBA,EAAcwE,OAAS,GACvCrF,EAAAA,IAAA,MAAA,CAAKoE,IAAK3C,EAAuB6D,MAAOtC,EACtC5C,SAAAJ,EAAAA,IAACuF,EAAAA,eACgB,CAAA,gBAAAjD,EACfG,QAAS/B,EACTiE,MAAOhC,EAAa6C,oBACpB7E,KAAMA,GAAcX,EAAAC,IAACwF,EAAY,CAAA,GACjC7E,MAAOA,EACP8E,sBAAuBrD,EACvBsD,kBAAmB9C,EACnB+C,gBAAiB,yBACF,MAIpBrF,IACCP,EAAAC,IAAC4F,QAAK,CAAC/E,OAAQA,EAAQC,QAASqB,EAAkB0D,aAAa,0BAC5D7B,MAGHjE,EAAAA,IAAC+F,EAAAA,SAAQ,CACPD,aAAa,iBACbhF,OAAQA,EACRC,QAASmB,EACT8D,UAAW9E,EAAe,UAAY,aACtC+E,UAAWxE,EACVrB,SAAA6D,QAKX"}