@oracle/oraclejet-preact 17.1.3 → 17.1.4

package/amd/MessageToast-7aba4a66.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './LayerHost-639b3284', './EnvironmentProvider-c0e1e39b', './useMessagesFocusManager-8777bce0', './useBreakpointValues-3a067093', './MessagesContext-602a69a2', './useMessagesContext-1395a997', './useTranslationBundle-d07d4b20', './Message-1b166e4f', 'preact', './utils-5077c092', './useComponentTheme-5aa41a8f', './useTestId-b5cd4766', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-79293e46', 'css!./IconStyle.styles.css', './IconButton-81c8463f', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './MessagesManager-d6d43884', './Flex-3421f0df', './FocusTrap-eb7cc3d2', './LiveRegion-9a362373', './UNSAFE_MessageToast/themes/redwood/MessageToastTheme', './MessageLayer-3742e608'], (function(e,s,t,n,o,a,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}}},I={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),U=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(U,(()=>({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}=a.useMessageFocusManager(U,{onFocus:t.useCallback((()=>{w(N.message_navigationFromMessagesRegion())}),[N]),onFocusLeave:t.useCallback((()=>{A(!1)}),[])},{handleEscapeKey:!1}),W=t.useCallback(((s,t,n)=>{const o=n?.contains(document.activeElement);if(0===$.current)return _(!1),A(!1),void(o&&setImmediate((()=>K.restorePriorFocus())));const a=t+1<e.length?t+1:t-1;if(a>-1&&o){const s=e[a].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(o.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:I,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-e95c5f30', './EnvironmentProvider-8f6fc388', './useMessagesFocusManager-8777bce0', './useBreakpointValues-3a067093', './MessagesContext-602a69a2', './useMessagesContext-1395a997', './useTranslationBundle-516b1b83', './Message-1b166e4f', 'preact', './utils-5077c092', './useComponentTheme-5aa41a8f', './useTestId-3a316499', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-3b34c2bc', 'css!./IconStyle.styles.css', './IconButton-81c8463f', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './MessagesManager-d6d43884', './Flex-56ecdf4c', './FocusTrap-eb7cc3d2', './LiveRegion-8142ed0d', './UNSAFE_MessageToast/themes/redwood/MessageToastTheme', './MessageLayer-cf9265e0'], (function(e,s,t,n,o,a,r,i,c,l,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}}},I={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),U=t.useRef(null),[L,w]=t.useState(),[B,_]=t.useState(e.length>0),[z,A]=t.useState(!1),N=l.useTranslationBundle("@oracle/oraclejet-preact"),{UNSAFE_messagesLayerId:V}=c.useMessagesContext(),$=t.useRef(e.length),H=t.useRef(0);$.current=e.length,t.useImperativeHandle(U,(()=>({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}=a.useMessageFocusManager(U,{onFocus:t.useCallback((()=>{w(N.message_navigationFromMessagesRegion())}),[N]),onFocusLeave:t.useCallback((()=>{A(!1)}),[])},{handleEscapeKey:!1}),W=t.useCallback(((s,t,n)=>{const o=n?.contains(document.activeElement);if(0===$.current)return _(!1),A(!1),void(o&&setImmediate((()=>K.restorePriorFocus())));const a=t+1<e.length?t+1:t-1;if(a>-1&&o){const s=e[a].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(o.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:I,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-7aba4a66.js.map

package/amd/MessagesManager-d6d43884.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './SuccessS-24207c46', './ErrorS-74b01a4a', './InformationS-7e3e4fd2', './WarningS-a479033b', './Flex-3421f0df', './PRIVATE_Message/themes/MessageStyles.css', './useTranslationBundle-d07d4b20', './useTestId-b5cd4766', './logger-0f873e29', './soundUtils-f6535f03', './MessageFormattingUtils-2e19d8de', 'preact', 'preact/hooks', './TransitionGroup-3b9d81b6', './useAnimation-5bd3adfc', './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-24207c46', './ErrorS-74b01a4a', './InformationS-7e3e4fd2', './WarningS-a479033b', './Flex-56ecdf4c', './PRIVATE_Message/themes/MessageStyles.css', './useTranslationBundle-516b1b83', './useTestId-3a316499', './logger-0f873e29', './soundUtils-f6535f03', './MessageFormattingUtils-2e19d8de', 'preact', 'preact/hooks', './TransitionGroup-3b9d81b6', './useAnimation-5bd3adfc', './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}));
 //# sourceMappingURL=MessagesManager-d6d43884.js.map

package/amd/MeterBar-90569d10.js

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

package/amd/MeterCircle-b14ff590.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './useUser-3ef25571', 'preact/hooks', './mergeProps-bcfa6a92', './classNames-08d99695', './meterUtils-9d026b15', './circleUtils-1886e5b4', './utils-a4c75cb2', './UNSAFE_MeterCircle/themes/MeterCircleStyles.css', './UNSAFE_MeterCircle/themes/MeterCircleContract.css', './Common/themes/themeContract.css', './utils-5077c092', './TrackResizeContainer-74ef32df', './useMeterDatatip-3b5a5112', './useKeyboardEvents-8ada7a1f', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './useComponentTheme-5aa41a8f', './UNSAFE_MeterCircle/themes/redwood/MeterCircleTheme', './useTestId-b5cd4766', './useCssVars-dc52806c', './useTextDimensions-b37344b4', './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),L=16;function A(e,t){return e?"fit"===e?`${t}px`:h.meterCircleVars.sizes[e]:h.meterCircleVars.size}function V(e){return e?h.meterCircleVars.trackSizes[e]:h.meterCircleVars.trackSize}function j(e,t,n){return null!=t?`(${A(e,n)} * ${t/2})`:`(${A(e,n)} * 0.5 - ${V(e)})`}function D(e,t,n){return null!=t?`(${A(e,n)} * ${1-t} / 2)`:V(e)}function E(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(${D(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}=F(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}=F(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 O(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(${D(h,i,a)})`}}function N(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(${D(h,n,s)} * ${m})`,$=`${A(h,s)} - ((1 - ${m}) * ${D(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 F(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 U(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 B(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 H(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 W(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 q(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 K(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 _(e,t,n,s){return(e-t)/2+(!s&&"right"===n||s&&"left"===n?-.5:.5)*L}function X({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}=B(g,n,s),{xOffset:$,yOffset:b}=B(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:H(n,a,m),...f},children:h})]})}const Y=4;function G(e,t,n,s){return`${D(e,t,s)} +  ${d.xUnits("fit"!==e||n?2:4)}`}function J(e,t,n,s,i){const{min:r,max:a,startAngle:l,angleExtent:o,size:c,isRtl:h}=e;return{radius:j(c,n,i),length:G(c,n,s,i),angle:T(t.value,r,a,l,o,h),color:t.color}}function Q(e,t,n,s,i,r){if(!n)return{width:e,height:t,overHang:0};const a=function(e){return"min"===e||"xs"===e?2*Y:4*Y}(s),l=Z(s);return{width:e*(i?.6:1)-2*a,height:t-2*a-2*(r.height+l),overHang:a}}function Z(e,t){const n="min"===e||"xs"===e;return null!=t&&(t<108&&t>72||t<288&&t>252)?n?0:Y:null==t||t<108&&t>72&&!(t<288&&t>252)?n?Y/2:Y:1.5*Y}const ee=.8,te=8;function ne({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:L,...A}){const V=C.useTestId(L);a.validateRange(o,e,c,h);const j=A.onCommit||A.onInput,{classes:D,styles:F}=$.useComponentTheme(b.MeterCircleRedwoodTheme,{size:d,interaction:j?"isInteractive":void 0});return t.jsx(f.TrackResizeContainer,{class:D,width:"100%",height:"100%",children:function(f,$){f-=te,$-=te;const b=a.hasLabelledReferenceLine(A.referenceLines),{textMeasureContent:C,getTextDimensions:L}=R.useTextDimensions(),{direction:j}=n.useUser(),B="rtl"===j;let H=x;B&&(H=l.getPositiveAngle(180-H));const W=l.getCircleSection(H,v,B),{width:q,height:Y}=U(f,$,W),G=function(e){return e<200?"min":e<320?"xs":e<360?"sm":"md"}(Math.max(q,Y)),ne=a.getDefaultReferenceLineLabelFontSize(G),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,A.referenceLines,L),le="xs"===G||"min"===G,oe=A.innerRadius||"fit"===d?ee:void 0,{width:ce,height:he,overHang:ue}=Q(f,$,!!A.referenceLines?.length,G,b,ae),{width:de,height:fe}=U(ce,he,W),me="full"===W?Math.min(de,fe)/2:Math.min(de,fe),ge=2*me,xe=s.useRef(),pe=s.useRef(S(null,W)),$e=s.useRef(null),[be,Ce]=s.useState(!1);s.useEffect((()=>{(A.onCommit||A.onInput||A.children)&&(pe.current=S($e.current,W),Ce(!0))}),[W]);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,H,v,W,B)}),$e,xe,ye,A.onCommit,A.onInput),Me=g.useKeyboardEvents(c,o,e,h,xe,A.onCommit,A.onInput),{datatipContent:Se,datatipProps:ve}=m.useMeterDatatip(c,ye,A.datatip,A["aria-describedby"]),ze=a.getMeterAriaProps(c,o,e,A["aria-label"],A["aria-labelledby"],A.thresholds),Pe=i.mergeProps(Re,Me,ve,ze),{trackColor:Te,indicatorColor:Ie}=a.getTrackAndIndicatorColor(c,T,A.trackColor,A.indicatorColor,A.thresholds),ke={min:o,max:e,value:c,startAngle:H,angleExtent:v,size:d,section:W,isRtl:B,innerRadius:pe.current.innerRadius},{isTabbable:we}=p.useTabbableMode(),Le=I(pe,W);return t.jsxs(t.Fragment,{children:[t.jsx("div",{class:r.classNames([D,"full"===W?F.meterCircleFullSizeStyle:""]),style:{width:f,height:$},tabIndex:we?0:-1,...V,...Pe,children:t.jsxs(M.CircleWrapper,{wrapperRef:$e,class:r.classNames([F.circleWrapperBaseStyle,A.referenceLines&&A.referenceLines.length>0?d&&F[`${W}Fit${le?"Sm":"Lg"}Style`]:"",B?F.centerDivRtl:F.centerDivLtr]),style:{width:`${de}px`,height:`${fe}px`,transform:`translate(${K(W,ue,B)})`},children:[t.jsx(M.CircleInner,{width:`${de}px`,height:`${fe}px`,class:r.classNames([F.circleTrackBaseStyle,F[`${W}Style`]]),...O(ke,P,T,Te,oe,A.thresholds,ge)}),"all"===T&&A.thresholds&&E(ke,A.thresholds,P,Te,oe,ge).map((e=>t.jsx(M.CircleInner,{class:r.classNames([F.circleTrackBaseStyle,F[`${W}Style`]]),...e,width:`${de}px`,height:`${fe}px`}))),t.jsx(M.CircleInner,{color:Ie,class:r.classNames([F.circleValueBaseStyle,F[`circleValue${W}Style`],F[`${W}Style`]]),...N(ke,w,oe,2*me)}),A.referenceLines?.map((e=>{const{radius:n,length:s,angle:i,color:r}=J(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}`}(W,f,i,ge/2+ue+Z(G,i));return t.jsx(X,{label:e.label,labelStyle:{fontSize:ie.labelFontSize,lineHeight:u.typographyVars.body.md.lineHeight,...e.labelStyle},labelMaxWidth:a,radius:n,length:s,angle:i,labelOffset:Z(G,i),color:r,section:W,halfMeterOffset:_(f,ge/2,W,B)})})),be&&A.children&&Le&&t.jsx("div",{class:r.classNames([F.meterCircleCenterContent]),children:A.children(Le)})]})}),Se,C,re]})}})}function se({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:L,...A}){const V=C.useTestId(L);a.validateRange(o,e,c,d);const j=s.useRef(),{direction:D}=n.useUser(),F="rtl"===D;let U=x;F&&(U=l.getPositiveAngle(180-U));const B=l.getCircleSection(U,v,F),H=s.useRef(S(null,B)),K=s.useRef(null),[_,Y]=s.useState(!1);s.useEffect((()=>{(A.onCommit||A.onInput||A.children)&&(H.current=S(K.current,B),Y(!0))}),[f,B,A.onCommit,A.onInput,A.children]);const{textMeasureContent:G,getTextDimensions:Q}=R.useTextDimensions(),ee=s.useRef(!1),te=m.usePointerEvents(c,(t=>{const n=K.current;if(t.target==n)return z(t,o,e,d,H,U,v,B,F)}),K,j,ee,A.onCommit,A.onInput),ne=g.useKeyboardEvents(c,o,e,d,j,A.onCommit,A.onInput),{datatipContent:se,datatipProps:ie}=m.useMeterDatatip(c,ee,A.datatip,A["aria-describedby"]),re=a.getMeterAriaProps(c,o,e,A["aria-label"],A["aria-labelledby"],A.thresholds),ae=i.mergeProps(te,ne,ie,re),{trackColor:le,indicatorColor:oe}=a.getTrackAndIndicatorColor(c,T,A.trackColor,A.indicatorColor,A.thresholds),ce="bottom"===B||"top"===B?"Horizontal":"left"===B||"right"===B?"Vertical":"Full",he={min:o,max:e,value:c,startAngle:U,angleExtent:v,size:f,section:B,isRtl:F,innerRadius:H.current.innerRadius},ue=A.onCommit||A.onInput,{classes:de,styles:fe}=$.useComponentTheme(b.MeterCircleRedwoodTheme,{size:f,interaction:ue?"isInteractive":void 0}),{isTabbable:me}=p.useTabbableMode(),ge=I(H,B),xe=N(he,k,A.innerRadius),pe=a.hasLabelledReferenceLine(A.referenceLines),$e="lg"===f?"sm":"min",be=a.getDefaultReferenceLineLabelFontSize($e),Ce=s.useMemo((()=>[{tokenVar:be,key:"labelFontSize",cssProp:"font-size"},{tokenVar:u.typographyVars.body.md.lineHeight,key:"lineHeight",cssProp:"line-height"}]),[be]),{resolvedVars:ye,cssContent:Re}=y.useCssVars(Ce),{maxRefLabelDims:Me}=a.getMaxRefLabelDims(ye.fontSize,ye.lineHeight,A.referenceLines,Q),Se=O(he,P,T,le,A.innerRadius,A.thresholds);return t.jsxs(t.Fragment,{children:[t.jsx("div",{class:r.classNames([de]),tabIndex:me?0:-1,...V,...ae,children:t.jsxs(M.CircleWrapper,{wrapperRef:K,class:r.classNames([fe.circleWrapperBaseStyle,fe[`meterCircle${ce}SizeStyle`]]),style:{margin:q(f,B,!!A.referenceLines?.length,pe,Me)},children:[t.jsx(M.CircleInner,{class:r.classNames([fe.circleTrackBaseStyle,fe[`${B}Style`]]),...Se}),"all"===T&&A.thresholds&&E(he,A.thresholds,P,le,A.innerRadius).map((e=>t.jsx(M.CircleInner,{class:r.classNames([fe.circleTrackBaseStyle,fe[`${B}Style`]]),...e}))),t.jsx(M.CircleInner,{color:oe,class:r.classNames([fe.circleValueBaseStyle,fe[`circleValue${B}Style`],fe[`${B}Style`]]),...xe}),A.referenceLines?.map((e=>{const{radius:n,length:s,angle:i,color:r}=J(he,e,A.innerRadius);return t.jsx(X,{label:e.label,labelStyle:{fontSize:ye.labelFontSize,...e.labelStyle},labelMaxWidth:W(h.meterCircleVars.size,i,`calc( ${n} + ${s} - ${Se.size} + ${Z($e,i)}px)`),radius:n,labelOffset:Z($e,i),length:s,angle:i,color:r,halfMeterOffset:w,section:B})})),_&&A.children&&ge&&t.jsx("div",{class:r.classNames([fe.meterCircleCenterContent]),children:A.children(ge)})]})}),se,G,Re]})}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,...u}){return"fit"===e?t.jsx(ne,{min:s,value:i,max:n,step:r,startAngle:a,angleExtent:l,isTrackRendered:o,thresholdDisplay:c,indicatorSize:h,...u}):t.jsx(se,{size:e||"lg",min:s,value:i,max:n,step:r,startAngle:a,angleExtent:l,isTrackRendered:o,thresholdDisplay:c,indicatorSize:h,...u})}}));
+define(['exports', 'preact/jsx-runtime', './useUser-85c781ea', 'preact/hooks', './mergeProps-bcfa6a92', './classNames-08d99695', './meterUtils-9d026b15', './circleUtils-1886e5b4', './utils-a4c75cb2', './UNSAFE_MeterCircle/themes/MeterCircleStyles.css', './UNSAFE_MeterCircle/themes/MeterCircleContract.css', './Common/themes/themeContract.css', './utils-5077c092', './TrackResizeContainer-74ef32df', './useMeterDatatip-3abdf66a', './useKeyboardEvents-d87e3587', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './useComponentTheme-5aa41a8f', './UNSAFE_MeterCircle/themes/redwood/MeterCircleTheme', './useTestId-3a316499', './useCssVars-c043f8da', './useTextDimensions-b37344b4', './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),L=16;function A(e,t){return e?"fit"===e?`${t}px`:h.meterCircleVars.sizes[e]:h.meterCircleVars.size}function V(e){return e?h.meterCircleVars.trackSizes[e]:h.meterCircleVars.trackSize}function j(e,t,n){return null!=t?`(${A(e,n)} * ${t/2})`:`(${A(e,n)} * 0.5 - ${V(e)})`}function D(e,t,n){return null!=t?`(${A(e,n)} * ${1-t} / 2)`:V(e)}function E(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(${D(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}=F(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}=F(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 O(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(${D(h,i,a)})`}}function N(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(${D(h,n,s)} * ${m})`,$=`${A(h,s)} - ((1 - ${m}) * ${D(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 F(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 U(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 B(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 H(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 W(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 q(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 K(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 _(e,t,n,s){return(e-t)/2+(!s&&"right"===n||s&&"left"===n?-.5:.5)*L}function X({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}=B(g,n,s),{xOffset:$,yOffset:b}=B(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:H(n,a,m),...f},children:h})]})}const Y=4;function G(e,t,n,s){return`${D(e,t,s)} +  ${d.xUnits("fit"!==e||n?2:4)}`}function J(e,t,n,s,i){const{min:r,max:a,startAngle:l,angleExtent:o,size:c,isRtl:h}=e;return{radius:j(c,n,i),length:G(c,n,s,i),angle:T(t.value,r,a,l,o,h),color:t.color}}function Q(e,t,n,s,i,r){if(!n)return{width:e,height:t,overHang:0};const a=function(e){return"min"===e||"xs"===e?2*Y:4*Y}(s),l=Z(s);return{width:e*(i?.6:1)-2*a,height:t-2*a-2*(r.height+l),overHang:a}}function Z(e,t){const n="min"===e||"xs"===e;return null!=t&&(t<108&&t>72||t<288&&t>252)?n?0:Y:null==t||t<108&&t>72&&!(t<288&&t>252)?n?Y/2:Y:1.5*Y}const ee=.8,te=8;function ne({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:L,...A}){const V=C.useTestId(L);a.validateRange(o,e,c,h);const j=A.onCommit||A.onInput,{classes:D,styles:F}=$.useComponentTheme(b.MeterCircleRedwoodTheme,{size:d,interaction:j?"isInteractive":void 0});return t.jsx(f.TrackResizeContainer,{class:D,width:"100%",height:"100%",children:function(f,$){f-=te,$-=te;const b=a.hasLabelledReferenceLine(A.referenceLines),{textMeasureContent:C,getTextDimensions:L}=R.useTextDimensions(),{direction:j}=n.useUser(),B="rtl"===j;let H=x;B&&(H=l.getPositiveAngle(180-H));const W=l.getCircleSection(H,v,B),{width:q,height:Y}=U(f,$,W),G=function(e){return e<200?"min":e<320?"xs":e<360?"sm":"md"}(Math.max(q,Y)),ne=a.getDefaultReferenceLineLabelFontSize(G),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,A.referenceLines,L),le="xs"===G||"min"===G,oe=A.innerRadius||"fit"===d?ee:void 0,{width:ce,height:he,overHang:ue}=Q(f,$,!!A.referenceLines?.length,G,b,ae),{width:de,height:fe}=U(ce,he,W),me="full"===W?Math.min(de,fe)/2:Math.min(de,fe),ge=2*me,xe=s.useRef(),pe=s.useRef(S(null,W)),$e=s.useRef(null),[be,Ce]=s.useState(!1);s.useEffect((()=>{(A.onCommit||A.onInput||A.children)&&(pe.current=S($e.current,W),Ce(!0))}),[W]);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,H,v,W,B)}),$e,xe,ye,A.onCommit,A.onInput),Me=g.useKeyboardEvents(c,o,e,h,xe,A.onCommit,A.onInput),{datatipContent:Se,datatipProps:ve}=m.useMeterDatatip(c,ye,A.datatip,A["aria-describedby"]),ze=a.getMeterAriaProps(c,o,e,A["aria-label"],A["aria-labelledby"],A.thresholds),Pe=i.mergeProps(Re,Me,ve,ze),{trackColor:Te,indicatorColor:Ie}=a.getTrackAndIndicatorColor(c,T,A.trackColor,A.indicatorColor,A.thresholds),ke={min:o,max:e,value:c,startAngle:H,angleExtent:v,size:d,section:W,isRtl:B,innerRadius:pe.current.innerRadius},{isTabbable:we}=p.useTabbableMode(),Le=I(pe,W);return t.jsxs(t.Fragment,{children:[t.jsx("div",{class:r.classNames([D,"full"===W?F.meterCircleFullSizeStyle:""]),style:{width:f,height:$},tabIndex:we?0:-1,...V,...Pe,children:t.jsxs(M.CircleWrapper,{wrapperRef:$e,class:r.classNames([F.circleWrapperBaseStyle,A.referenceLines&&A.referenceLines.length>0?d&&F[`${W}Fit${le?"Sm":"Lg"}Style`]:"",B?F.centerDivRtl:F.centerDivLtr]),style:{width:`${de}px`,height:`${fe}px`,transform:`translate(${K(W,ue,B)})`},children:[t.jsx(M.CircleInner,{width:`${de}px`,height:`${fe}px`,class:r.classNames([F.circleTrackBaseStyle,F[`${W}Style`]]),...O(ke,P,T,Te,oe,A.thresholds,ge)}),"all"===T&&A.thresholds&&E(ke,A.thresholds,P,Te,oe,ge).map((e=>t.jsx(M.CircleInner,{class:r.classNames([F.circleTrackBaseStyle,F[`${W}Style`]]),...e,width:`${de}px`,height:`${fe}px`}))),t.jsx(M.CircleInner,{color:Ie,class:r.classNames([F.circleValueBaseStyle,F[`circleValue${W}Style`],F[`${W}Style`]]),...N(ke,w,oe,2*me)}),A.referenceLines?.map((e=>{const{radius:n,length:s,angle:i,color:r}=J(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}`}(W,f,i,ge/2+ue+Z(G,i));return t.jsx(X,{label:e.label,labelStyle:{fontSize:ie.labelFontSize,lineHeight:u.typographyVars.body.md.lineHeight,...e.labelStyle},labelMaxWidth:a,radius:n,length:s,angle:i,labelOffset:Z(G,i),color:r,section:W,halfMeterOffset:_(f,ge/2,W,B)})})),be&&A.children&&Le&&t.jsx("div",{class:r.classNames([F.meterCircleCenterContent]),children:A.children(Le)})]})}),Se,C,re]})}})}function se({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:L,...A}){const V=C.useTestId(L);a.validateRange(o,e,c,d);const j=s.useRef(),{direction:D}=n.useUser(),F="rtl"===D;let U=x;F&&(U=l.getPositiveAngle(180-U));const B=l.getCircleSection(U,v,F),H=s.useRef(S(null,B)),K=s.useRef(null),[_,Y]=s.useState(!1);s.useEffect((()=>{(A.onCommit||A.onInput||A.children)&&(H.current=S(K.current,B),Y(!0))}),[f,B,A.onCommit,A.onInput,A.children]);const{textMeasureContent:G,getTextDimensions:Q}=R.useTextDimensions(),ee=s.useRef(!1),te=m.usePointerEvents(c,(t=>{const n=K.current;if(t.target==n)return z(t,o,e,d,H,U,v,B,F)}),K,j,ee,A.onCommit,A.onInput),ne=g.useKeyboardEvents(c,o,e,d,j,A.onCommit,A.onInput),{datatipContent:se,datatipProps:ie}=m.useMeterDatatip(c,ee,A.datatip,A["aria-describedby"]),re=a.getMeterAriaProps(c,o,e,A["aria-label"],A["aria-labelledby"],A.thresholds),ae=i.mergeProps(te,ne,ie,re),{trackColor:le,indicatorColor:oe}=a.getTrackAndIndicatorColor(c,T,A.trackColor,A.indicatorColor,A.thresholds),ce="bottom"===B||"top"===B?"Horizontal":"left"===B||"right"===B?"Vertical":"Full",he={min:o,max:e,value:c,startAngle:U,angleExtent:v,size:f,section:B,isRtl:F,innerRadius:H.current.innerRadius},ue=A.onCommit||A.onInput,{classes:de,styles:fe}=$.useComponentTheme(b.MeterCircleRedwoodTheme,{size:f,interaction:ue?"isInteractive":void 0}),{isTabbable:me}=p.useTabbableMode(),ge=I(H,B),xe=N(he,k,A.innerRadius),pe=a.hasLabelledReferenceLine(A.referenceLines),$e="lg"===f?"sm":"min",be=a.getDefaultReferenceLineLabelFontSize($e),Ce=s.useMemo((()=>[{tokenVar:be,key:"labelFontSize",cssProp:"font-size"},{tokenVar:u.typographyVars.body.md.lineHeight,key:"lineHeight",cssProp:"line-height"}]),[be]),{resolvedVars:ye,cssContent:Re}=y.useCssVars(Ce),{maxRefLabelDims:Me}=a.getMaxRefLabelDims(ye.fontSize,ye.lineHeight,A.referenceLines,Q),Se=O(he,P,T,le,A.innerRadius,A.thresholds);return t.jsxs(t.Fragment,{children:[t.jsx("div",{class:r.classNames([de]),tabIndex:me?0:-1,...V,...ae,children:t.jsxs(M.CircleWrapper,{wrapperRef:K,class:r.classNames([fe.circleWrapperBaseStyle,fe[`meterCircle${ce}SizeStyle`]]),style:{margin:q(f,B,!!A.referenceLines?.length,pe,Me)},children:[t.jsx(M.CircleInner,{class:r.classNames([fe.circleTrackBaseStyle,fe[`${B}Style`]]),...Se}),"all"===T&&A.thresholds&&E(he,A.thresholds,P,le,A.innerRadius).map((e=>t.jsx(M.CircleInner,{class:r.classNames([fe.circleTrackBaseStyle,fe[`${B}Style`]]),...e}))),t.jsx(M.CircleInner,{color:oe,class:r.classNames([fe.circleValueBaseStyle,fe[`circleValue${B}Style`],fe[`${B}Style`]]),...xe}),A.referenceLines?.map((e=>{const{radius:n,length:s,angle:i,color:r}=J(he,e,A.innerRadius);return t.jsx(X,{label:e.label,labelStyle:{fontSize:ye.labelFontSize,...e.labelStyle},labelMaxWidth:W(h.meterCircleVars.size,i,`calc( ${n} + ${s} - ${Se.size} + ${Z($e,i)}px)`),radius:n,labelOffset:Z($e,i),length:s,angle:i,color:r,halfMeterOffset:w,section:B})})),_&&A.children&&ge&&t.jsx("div",{class:r.classNames([fe.meterCircleCenterContent]),children:A.children(ge)})]})}),se,G,Re]})}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,...u}){return"fit"===e?t.jsx(ne,{min:s,value:i,max:n,step:r,startAngle:a,angleExtent:l,isTrackRendered:o,thresholdDisplay:c,indicatorSize:h,...u}):t.jsx(se,{size:e||"lg",min:s,value:i,max:n,step:r,startAngle:a,angleExtent:l,isTrackRendered:o,thresholdDisplay:c,indicatorSize:h,...u})}}));
 //# sourceMappingURL=MeterCircle-b14ff590.js.map

package/amd/{Modal-2b6ce101.js → Modal-36acfc12.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', './Layer-e835aed8', './LayerHost-639b3284', './UNSAFE_Modal/themes/ModalStyles.css'], (function(e,t,r,n,o,s){"use strict";const a=e=>{const{isOpen:t,onBackdropClick:n}=e,o=r.useRef(null),s=r.useRef(null),a=r.useCallback((e=>{o.current===e.target&&(s.current=e.target)}),[]),l=r.useCallback((e=>{o.current===e.target&&(e.stopPropagation(),s.current===e.target&&n?.(e))}),[n]);return r.useEffect((()=>{const e=o.current;return e?(e.addEventListener("mousedown",a),e.addEventListener("click",l),()=>{e.removeEventListener("mousedown",a),e.removeEventListener("click",l)}):()=>{}}),[t,a,l]),{backdropRef:o}},l=r.forwardRef((({variant:e="scrim"},r)=>{const n=s.multiVariantStyles({backdrop:"transparent"===e?"transparent":"scrim"});return t.jsx("div",{ref:r,class:n})}));function i(e){const t=[];let r=e.previousSibling;for(;null!=r;)1===r.nodeType&&t.push(r),r=r.previousSibling;for(r=e.nextSibling;null!=r;)1===r.nodeType&&t.push(r),r=r.nextSibling;return t}function d(e){if(!e.modalRef)return[];const t=[];let r=e.modalRef.parentElement;do{if(!r)break;i(r).forEach((e=>{"script"!==e.tagName.toLowerCase()&&"true"!==e.getAttribute("aria-hidden")&&(t.push(e),e.setAttribute("aria-hidden","true"))})),r=r.parentElement}while(r&&"body"!==r.tagName.toLowerCase());return t}const u=new class{constructor(){this.modals=[],this.styleBackup=[]}push(e){if(-1===this._findModalIndex(e)&&(this.modals.push({modal:e,ariaHiddenChildren:d(e)}),1===this.modals.length)){const t=this._getOwnerDocument(e.modalRef).body,r=window.innerWidth-document.documentElement.clientWidth;if(r>1){Math.round(document.documentElement.getBoundingClientRect().left)+document.documentElement.scrollLeft?(this.styleBackup.push({property:"padding-left",value:t.style.paddingLeft}),t.style.paddingLeft=`${r}px`):(this.styleBackup.push({property:"padding-right",value:t.style.paddingRight}),t.style.paddingRight=`${r}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"}}pop(e){const t=this._findModalIndex(e);if(-1===t)return;if(t!==this.modals.length-1)return;const r=this.modals.pop();var n;if(r&&(n=r?.ariaHiddenChildren,n.forEach((e=>{e.removeAttribute("aria-hidden")}))),0===this.modals.length){const t=this._getOwnerDocument(e.modalRef).body;this.styleBackup.forEach((({property:e,value:r})=>{t.style.setProperty(e,r)}))}}isTopModal(e){return this.modals.length>0&&this.modals[this.modals.length-1]===e}_findModalIndex(e){let t=-1;return this.modals.forEach(((r,n)=>{r.modal!==e||(t=n)})),t}_getOwnerDocument(e){return e&&e.ownerDocument||document}};e.Modal=({children:e,isOpen:o,onBackdropClick:i,backdropVariant:d})=>{const c=u,{backdropRef:p}=a({isOpen:o,onBackdropClick:i}),h=r.useRef(null),f=r.useRef({}),m=()=>(f.current.modalRef=h.current,f.current);return r.useEffect((()=>{o&&h.current?c?.push(m()):f.current.modalRef&&c?.pop(m())}),[o,c]),r.useEffect((()=>{const e=f.current.modalRef;return()=>{e&&c?.pop(m())}}),[c]),o?t.jsx(n.Layer,{children:t.jsxs("div",{ref:h,class:s.baseStyle,children:[t.jsx(l,{ref:p,variant:d}),e]})}):null},e.useModal=a}));
-//# sourceMappingURL=Modal-2b6ce101.js.map
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './Layer-276d62e8', './LayerHost-e95c5f30', './UNSAFE_Modal/themes/ModalStyles.css'], (function(e,t,r,n,o,s){"use strict";const a=e=>{const{isOpen:t,onBackdropClick:n}=e,o=r.useRef(null),s=r.useRef(null),a=r.useCallback((e=>{o.current===e.target&&(s.current=e.target)}),[]),l=r.useCallback((e=>{o.current===e.target&&(e.stopPropagation(),s.current===e.target&&n?.(e))}),[n]);return r.useEffect((()=>{const e=o.current;return e?(e.addEventListener("mousedown",a),e.addEventListener("click",l),()=>{e.removeEventListener("mousedown",a),e.removeEventListener("click",l)}):()=>{}}),[t,a,l]),{backdropRef:o}},l=r.forwardRef((({variant:e="scrim"},r)=>{const n=s.multiVariantStyles({backdrop:"transparent"===e?"transparent":"scrim"});return t.jsx("div",{ref:r,class:n})}));function i(e){const t=[];let r=e.previousSibling;for(;null!=r;)1===r.nodeType&&t.push(r),r=r.previousSibling;for(r=e.nextSibling;null!=r;)1===r.nodeType&&t.push(r),r=r.nextSibling;return t}function d(e){if(!e.modalRef)return[];const t=[];let r=e.modalRef.parentElement;do{if(!r)break;i(r).forEach((e=>{"script"!==e.tagName.toLowerCase()&&"true"!==e.getAttribute("aria-hidden")&&(t.push(e),e.setAttribute("aria-hidden","true"))})),r=r.parentElement}while(r&&"body"!==r.tagName.toLowerCase());return t}const u=new class{constructor(){this.modals=[],this.styleBackup=[]}push(e){if(-1===this._findModalIndex(e)&&(this.modals.push({modal:e,ariaHiddenChildren:d(e)}),1===this.modals.length)){const t=this._getOwnerDocument(e.modalRef).body,r=window.innerWidth-document.documentElement.clientWidth;if(r>1){Math.round(document.documentElement.getBoundingClientRect().left)+document.documentElement.scrollLeft?(this.styleBackup.push({property:"padding-left",value:t.style.paddingLeft}),t.style.paddingLeft=`${r}px`):(this.styleBackup.push({property:"padding-right",value:t.style.paddingRight}),t.style.paddingRight=`${r}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"}}pop(e){const t=this._findModalIndex(e);if(-1===t)return;if(t!==this.modals.length-1)return;const r=this.modals.pop();var n;if(r&&(n=r?.ariaHiddenChildren,n.forEach((e=>{e.removeAttribute("aria-hidden")}))),0===this.modals.length){const t=this._getOwnerDocument(e.modalRef).body;this.styleBackup.forEach((({property:e,value:r})=>{t.style.setProperty(e,r)}))}}isTopModal(e){return this.modals.length>0&&this.modals[this.modals.length-1]===e}_findModalIndex(e){let t=-1;return this.modals.forEach(((r,n)=>{r.modal!==e||(t=n)})),t}_getOwnerDocument(e){return e&&e.ownerDocument||document}};e.Modal=({children:e,isOpen:o,onBackdropClick:i,backdropVariant:d})=>{const c=u,{backdropRef:p}=a({isOpen:o,onBackdropClick:i}),h=r.useRef(null),f=r.useRef({}),m=()=>(f.current.modalRef=h.current,f.current);return r.useEffect((()=>{o&&h.current?c?.push(m()):f.current.modalRef&&c?.pop(m())}),[o,c]),r.useEffect((()=>{const e=f.current.modalRef;return()=>{e&&c?.pop(m())}}),[c]),o?t.jsx(n.Layer,{children:t.jsxs("div",{ref:h,class:s.baseStyle,children:[t.jsx(l,{ref:p,variant:d}),e]})}):null},e.useModal=a}));
+//# sourceMappingURL=Modal-36acfc12.js.map

package/amd/{Modal-2b6ce101.js.map → Modal-36acfc12.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Modal-2b6ce101.js","sources":["../../src/UNSAFE_Modal/hooks/useModal.ts","../../src/UNSAFE_Modal/ModalBackdrop.tsx","../../src/UNSAFE_Modal/ModalManager.ts","../../src/UNSAFE_Modal/Modal.tsx"],"sourcesContent":["import { useRef, useCallback, useEffect } from 'preact/compat';\n\nexport type UseModalProps = Readonly<{\n  /**\n   * Determines whether the Modal is open.\n   */\n  isOpen: boolean;\n  /**\n   * On backdrop click callback.\n   */\n  onBackdropClick?: (event: MouseEvent) => void;\n}>;\n\n/**\n *\n * @param props\n */\nexport const useModal = (props: UseModalProps) => {\n  const { isOpen, onBackdropClick: onBackdropClickProp } = props;\n\n  const backdropRef = useRef<HTMLDivElement>(null);\n\n  const mouseDownTarget = useRef<EventTarget | null>(null);\n\n  const onMouseDown = useCallback((event: MouseEvent) => {\n    if (backdropRef.current === event.target) {\n      mouseDownTarget.current = event.target;\n    }\n  }, []);\n\n  const onBackdropClick = useCallback(\n    (event: MouseEvent) => {\n      if (backdropRef.current === event.target) {\n        event.stopPropagation();\n        // event should originate on the same target\n        if (mouseDownTarget.current === event.target) {\n          onBackdropClickProp?.(event);\n        }\n      }\n    },\n    [onBackdropClickProp]\n  );\n\n  useEffect(() => {\n    const modal = backdropRef.current;\n\n    if (modal) {\n      modal.addEventListener('mousedown', onMouseDown);\n      modal.addEventListener('click', onBackdropClick);\n\n      return () => {\n        modal.removeEventListener('mousedown', onMouseDown);\n        modal.removeEventListener('click', onBackdropClick);\n      };\n    }\n\n    return () => {};\n  }, [isOpen, onMouseDown, onBackdropClick]);\n\n  return {\n    backdropRef\n  };\n};\n\nexport default useModal;\n","import { forwardRef, ForwardedRef } from 'preact/compat';\nimport { multiVariantStyles } from './themes/ModalStyles.css';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, '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","interface 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\n/**\n * ModalDescriptor. Associates an open Modal with overlayed aria-hidden children.\n */\ntype ModalDescriptor = {\n  modal: Modal;\n  ariaHiddenChildren: Element[];\n};\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: Modal) {\n  if (!modal.modalRef) {\n    return [];\n  }\n  const ariaHiddenElements: Element[] = [];\n  let node: Element | null = modal.modalRef.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\nexport default class ModalManager {\n  /**\n   * Array of ModalDescriptors managed by ModalManager\n   */\n  private modals: ModalDescriptor[];\n  /**\n   * Backup of the main container's (body) CSS props potentially altered by Modal.\n   */\n  private styleBackup: StyleBackup;\n\n  constructor() {\n    this.modals = [];\n    this.styleBackup = [];\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({\n      modal: modal,\n      ariaHiddenChildren: setAriaHiddenOnBackgroundElements(modal)\n    });\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\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    const modalDescriptor = this.modals.pop();\n\n    if (modalDescriptor) {\n      resetAriaHiddenOnBackgroundElements(modalDescriptor?.ariaHiddenChildren);\n    }\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  private _findModalIndex(modal: Modal): number {\n    let index = -1;\n    this.modals.forEach((elem, idx) => {\n      if (elem.modal === 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","import { 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 { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\n// Global ModalManager singleton instance\nconst globalModalManager = new ModalManager();\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, '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  // modal ref cache, required to lookup the item in modal manger 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        modalManager?.pop(getModal());\n      }\n    }\n  }, [isOpen, modalManager]);\n\n  useEffect(() => {\n    const modalRef = modal.current.modalRef;\n    return () => {\n      if (modalRef) {\n        modalManager?.pop(getModal());\n      }\n    };\n  }, [modalManager]);\n\n  return isOpen ? (\n    <Layer>\n      <div ref={modalRef} class={baseStyle}>\n        <ModalBackdrop ref={backdropRef} variant={backdropVariant} />\n        {children}\n      </div>\n    </Layer>\n  ) : null;\n};\n\nexport default Modal;\n"],"names":["useModal","props","isOpen","onBackdropClick","onBackdropClickProp","backdropRef","useRef","mouseDownTarget","onMouseDown","useCallback","event","current","target","stopPropagation","useEffect","modal","addEventListener","removeEventListener","ModalBackdrop","forwardRef","variant","ref","variantClasses","multiVariantStyles","backdrop","_jsx","class","getSiblings","elem","siblings","sibling","previousSibling","nodeType","push","nextSibling","setAriaHiddenOnBackgroundElements","modalRef","ariaHiddenElements","node","parentElement","forEach","tagName","toLowerCase","getAttribute","setAttribute","globalModalManager","constructor","this","modals","styleBackup","_findModalIndex","ariaHiddenChildren","length","scrollContainer","_getOwnerDocument","body","scrollBarWidth","window","innerWidth","document","documentElement","clientWidth","Math","round","getBoundingClientRect","left","scrollLeft","property","value","style","paddingLeft","paddingRight","overflow","overflowX","overflowY","pop","modalIndex","modalDescriptor","elements","removeAttribute","setProperty","isTopModal","index","idx","ownerDocument","children","backdropVariant","modalManager","getModal","Layer","_jsxs","baseStyle"],"mappings":"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"}
+{"version":3,"file":"Modal-36acfc12.js","sources":["../../src/UNSAFE_Modal/hooks/useModal.ts","../../src/UNSAFE_Modal/ModalBackdrop.tsx","../../src/UNSAFE_Modal/ModalManager.ts","../../src/UNSAFE_Modal/Modal.tsx"],"sourcesContent":["import { useRef, useCallback, useEffect } from 'preact/compat';\n\nexport type UseModalProps = Readonly<{\n  /**\n   * Determines whether the Modal is open.\n   */\n  isOpen: boolean;\n  /**\n   * On backdrop click callback.\n   */\n  onBackdropClick?: (event: MouseEvent) => void;\n}>;\n\n/**\n *\n * @param props\n */\nexport const useModal = (props: UseModalProps) => {\n  const { isOpen, onBackdropClick: onBackdropClickProp } = props;\n\n  const backdropRef = useRef<HTMLDivElement>(null);\n\n  const mouseDownTarget = useRef<EventTarget | null>(null);\n\n  const onMouseDown = useCallback((event: MouseEvent) => {\n    if (backdropRef.current === event.target) {\n      mouseDownTarget.current = event.target;\n    }\n  }, []);\n\n  const onBackdropClick = useCallback(\n    (event: MouseEvent) => {\n      if (backdropRef.current === event.target) {\n        event.stopPropagation();\n        // event should originate on the same target\n        if (mouseDownTarget.current === event.target) {\n          onBackdropClickProp?.(event);\n        }\n      }\n    },\n    [onBackdropClickProp]\n  );\n\n  useEffect(() => {\n    const modal = backdropRef.current;\n\n    if (modal) {\n      modal.addEventListener('mousedown', onMouseDown);\n      modal.addEventListener('click', onBackdropClick);\n\n      return () => {\n        modal.removeEventListener('mousedown', onMouseDown);\n        modal.removeEventListener('click', onBackdropClick);\n      };\n    }\n\n    return () => {};\n  }, [isOpen, onMouseDown, onBackdropClick]);\n\n  return {\n    backdropRef\n  };\n};\n\nexport default useModal;\n","import { forwardRef, ForwardedRef } from 'preact/compat';\nimport { multiVariantStyles } from './themes/ModalStyles.css';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, '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","interface 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\n/**\n * ModalDescriptor. Associates an open Modal with overlayed aria-hidden children.\n */\ntype ModalDescriptor = {\n  modal: Modal;\n  ariaHiddenChildren: Element[];\n};\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: Modal) {\n  if (!modal.modalRef) {\n    return [];\n  }\n  const ariaHiddenElements: Element[] = [];\n  let node: Element | null = modal.modalRef.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\nexport default class ModalManager {\n  /**\n   * Array of ModalDescriptors managed by ModalManager\n   */\n  private modals: ModalDescriptor[];\n  /**\n   * Backup of the main container's (body) CSS props potentially altered by Modal.\n   */\n  private styleBackup: StyleBackup;\n\n  constructor() {\n    this.modals = [];\n    this.styleBackup = [];\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({\n      modal: modal,\n      ariaHiddenChildren: setAriaHiddenOnBackgroundElements(modal)\n    });\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\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    const modalDescriptor = this.modals.pop();\n\n    if (modalDescriptor) {\n      resetAriaHiddenOnBackgroundElements(modalDescriptor?.ariaHiddenChildren);\n    }\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  private _findModalIndex(modal: Modal): number {\n    let index = -1;\n    this.modals.forEach((elem, idx) => {\n      if (elem.modal === 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","import { 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 { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\n// Global ModalManager singleton instance\nconst globalModalManager = new ModalManager();\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, '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  // modal ref cache, required to lookup the item in modal manger 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        modalManager?.pop(getModal());\n      }\n    }\n  }, [isOpen, modalManager]);\n\n  useEffect(() => {\n    const modalRef = modal.current.modalRef;\n    return () => {\n      if (modalRef) {\n        modalManager?.pop(getModal());\n      }\n    };\n  }, [modalManager]);\n\n  return isOpen ? (\n    <Layer>\n      <div ref={modalRef} class={baseStyle}>\n        <ModalBackdrop ref={backdropRef} variant={backdropVariant} />\n        {children}\n      </div>\n    </Layer>\n  ) : null;\n};\n\nexport default Modal;\n"],"names":["useModal","props","isOpen","onBackdropClick","onBackdropClickProp","backdropRef","useRef","mouseDownTarget","onMouseDown","useCallback","event","current","target","stopPropagation","useEffect","modal","addEventListener","removeEventListener","ModalBackdrop","forwardRef","variant","ref","variantClasses","multiVariantStyles","backdrop","_jsx","class","getSiblings","elem","siblings","sibling","previousSibling","nodeType","push","nextSibling","setAriaHiddenOnBackgroundElements","modalRef","ariaHiddenElements","node","parentElement","forEach","tagName","toLowerCase","getAttribute","setAttribute","globalModalManager","constructor","this","modals","styleBackup","_findModalIndex","ariaHiddenChildren","length","scrollContainer","_getOwnerDocument","body","scrollBarWidth","window","innerWidth","document","documentElement","clientWidth","Math","round","getBoundingClientRect","left","scrollLeft","property","value","style","paddingLeft","paddingRight","overflow","overflowX","overflowY","pop","modalIndex","modalDescriptor","elements","removeAttribute","setProperty","isTopModal","index","idx","ownerDocument","children","backdropVariant","modalManager","getModal","Layer","_jsxs","baseStyle"],"mappings":"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"}

package/amd/{MonthView-8a1fde80.js → MonthView-ac27389f.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './dayUtils-4b65f33f', './getFormatParse-c1655d39', './logger-0f873e29', './calendarDateUtils-ee8bb928', './StyledDatePickerButton-e01ce5fc', './useUser-3ef25571', 'preact/compat', './useTranslationBundle-d07d4b20', './useCellNavigation-1feec094', './PRIVATE_MonthView/themes/DayCellStyles.css', './Grid-8911aa0f', './PRIVATE_MonthView/themes/redwood/MonthViewTheme', './useComponentTheme-5aa41a8f', './PRIVATE_MonthView/themes/MonthViewContract.css', './PRIVATE_MonthView/themes/WeekNumberCellStyle.css'], (function(e,t,a,s,o,n,r,i,l,d,c,u,h,m,y,g,p){"use strict";const D=()=>({state:"enabled"}),f=e=>{const{buttonProps:a}=(({date:e,dayFormatter:t=D,isAdjacentMonth:a,isDisabled:s,isFocusable:o,isFocused:r,isHidden:u,isReadonly:h,isSelected:m,isToday:y,onAction:g,onNavigation:p})=>{const{locale:f}=i.useUser(),{state:b}=t(e),w="disabled"===b,T="restricted"===b,C=c.useFocusableCell({isFocusable:o,isFocused:r}),k=l.useCallback((e=>{s||h||w||T||g(e)}),[s,w,h,T,g]),x=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:k,onNavigation:p}),M=d.useTranslationBundle("@oracle/oraclejet-preact"),S=M.datePicker_today(),v=M.datePicker_selected(),j=M.datePicker_restricted(),V=n.formatFullCalendarDate(f,e,"day");let A=y?`${S}, ${V}`:V;A=T?`${A}, ${j}`:A,A=m?`${A}, ${v}`:A;const P=n.toJSDate(e.year,e.month,e.day).getDate().toString();return{buttonProps:{"aria-label":A,...(u||s||w||T)&&{"aria-disabled":!0},isActivable:!(s||h||w||T),isAdjacentMonth:a,isDimmed:s||w,isHidden:u,isHoverable:!(s||h||w||T),isReadonly:h,isSelected:m,isRestricted:T,isToday:y,label:P,...C,...x}}})(e);return t.jsx("div",{role:"gridcell",class:u.dayCellStyles,children:t.jsx(r.StyledDatePickerButton,{...a})})},b=({startDateOfWeek:e})=>{const a=(e=>{const t=n.toJSDate(e.year,e.month,e.day),a=t.getUTCDay();1!==a&&t.setUTCDate(t.getUTCDate()+(0===a?1:2)),t.setUTCDate(t.getUTCDate()+3);const s=n.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:p.weekNumberCellStyles,role:"rowheader",children:t.jsx("span",{class:p.weekNumberStyles,children:a})})};function w(e,t){return e.year===t.year&&e.month===t.month&&e.day===t.day}e.MonthView=({dayFormatter:e,daysOutsideMonth:s="hidden",isReadonly:o=!1,max:r,min:l,onAction:d,onNavigation:c,selectedDate:u,focusableDate:p,isFocused:D=!1,testId:T,todaysDate:C,weekDisplay:k="none"})=>{const{locale:x}=i.useUser(),M=a.getWeeksInMonth(p.year,p.month,x),{baseTheme:S,styles:v}=y.useComponentTheme(m.MonthViewRedwoodTheme,{}),j="number"===k,V=`repeat(${j?8:7}, 1fr)`,A=n.formatFullCalendarDate(x,p,"month");return t.jsx("div",{class:S,children:t.jsxs(h.Grid,{gap:g.monthViewScaleVars.rowGap,"aria-label":A,role:"grid",testId:T,children:[(()=>{const e=a.getDaysOfWeekNames(x,"short");return t.jsxs(h.Grid,{role:"row","aria-hidden":"true",gridTemplateColumns:V,gap:g.monthViewScaleVars.columnGap,children:[j&&t.jsx("div",{role:"presentation"}),e.map((e=>t.jsx("div",{role:"columnheader",class:v.dayOfTheWeek,children:t.jsx("span",{children:e})})))]})})(),(()=>{const i=[];for(let m=0;m<M;m++){const y=a.getStartOfWeek(p.year,p.month,1,x),T=a.getDatesInWeek(m,y.year,y.month,y.day),k=T.map((a=>{const i=n.isDateOutOfRange(a,l,r),h=!!u&&w(a,u),m=w(a,C),y=w(a,p),g=(b=p,a.month!==b.month);var b;const T=g&&"hidden"===s;return t.jsx(f,{date:a,dayFormatter:e,isAdjacentMonth:g,isDisabled:i,isFocusable:y,isFocused:y&&D,isHidden:T,isReadonly:o,isSelected:h,isToday:m,onAction:d,onNavigation:c},`${a.year}-${a.month}-${a.day}`)}));i.push(t.jsxs(h.Grid,{role:"row",gridTemplateColumns:V,gap:g.monthViewScaleVars.columnGap,children:[j&&t.jsx(b,{startDateOfWeek:T[0]}),k]},m))}return i})()]})})}}));
-//# sourceMappingURL=MonthView-8a1fde80.js.map
+define(['exports', 'preact/jsx-runtime', './dayUtils-4b65f33f', './getFormatParse-c1655d39', './logger-0f873e29', './calendarDateUtils-ee8bb928', './StyledDatePickerButton-e01ce5fc', './useUser-85c781ea', 'preact/compat', './useTranslationBundle-516b1b83', './useCellNavigation-1feec094', './PRIVATE_MonthView/themes/DayCellStyles.css', './Grid-160f4885', './PRIVATE_MonthView/themes/redwood/MonthViewTheme', './useComponentTheme-5aa41a8f', './PRIVATE_MonthView/themes/MonthViewContract.css', './PRIVATE_MonthView/themes/WeekNumberCellStyle.css'], (function(e,t,a,s,o,n,r,i,l,d,c,u,h,m,y,g,p){"use strict";const D=()=>({state:"enabled"}),b=e=>{const{buttonProps:a}=(({date:e,dayFormatter:t=D,isAdjacentMonth:a,isDisabled:s,isFocusable:o,isFocused:r,isHidden:u,isReadonly:h,isSelected:m,isToday:y,onAction:g,onNavigation:p})=>{const{locale:b}=i.useUser(),{state:f}=t(e),w="disabled"===f,T="restricted"===f,C=c.useFocusableCell({isFocusable:o,isFocused:r}),k=l.useCallback((e=>{s||h||w||T||g(e)}),[s,w,h,T,g]),x=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:k,onNavigation:p}),M=d.useTranslationBundle("@oracle/oraclejet-preact"),S=M.datePicker_today(),v=M.datePicker_selected(),j=M.datePicker_restricted(),V=n.formatFullCalendarDate(b,e,"day");let A=y?`${S}, ${V}`:V;A=T?`${A}, ${j}`:A,A=m?`${A}, ${v}`:A;const P=n.toJSDate(e.year,e.month,e.day).getDate().toString();return{buttonProps:{"aria-label":A,...(u||s||w||T)&&{"aria-disabled":!0},isActivable:!(s||h||w||T),isAdjacentMonth:a,isDimmed:s||w,isHidden:u,isHoverable:!(s||h||w||T),isReadonly:h,isSelected:m,isRestricted:T,isToday:y,label:P,...C,...x}}})(e);return t.jsx("div",{role:"gridcell",class:u.dayCellStyles,children:t.jsx(r.StyledDatePickerButton,{...a})})},f=({startDateOfWeek:e})=>{const a=(e=>{const t=n.toJSDate(e.year,e.month,e.day),a=t.getUTCDay();1!==a&&t.setUTCDate(t.getUTCDate()+(0===a?1:2)),t.setUTCDate(t.getUTCDate()+3);const s=n.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:p.weekNumberCellStyles,role:"rowheader",children:t.jsx("span",{class:p.weekNumberStyles,children:a})})};function w(e,t){return e.year===t.year&&e.month===t.month&&e.day===t.day}e.MonthView=({dayFormatter:e,daysOutsideMonth:s="hidden",isReadonly:o=!1,max:r,min:l,onAction:d,onNavigation:c,selectedDate:u,focusableDate:p,isFocused:D=!1,testId:T,todaysDate:C,weekDisplay:k="none"})=>{const{locale:x}=i.useUser(),M=a.getWeeksInMonth(p.year,p.month,x),{baseTheme:S,styles:v}=y.useComponentTheme(m.MonthViewRedwoodTheme,{}),j="number"===k,V=`repeat(${j?8:7}, 1fr)`,A=n.formatFullCalendarDate(x,p,"month");return t.jsx("div",{class:S,children:t.jsxs(h.Grid,{gap:g.monthViewScaleVars.rowGap,"aria-label":A,role:"grid",testId:T,children:[(()=>{const e=a.getDaysOfWeekNames(x,"short");return t.jsxs(h.Grid,{role:"row","aria-hidden":"true",gridTemplateColumns:V,gap:g.monthViewScaleVars.columnGap,children:[j&&t.jsx("div",{role:"presentation"}),e.map((e=>t.jsx("div",{role:"columnheader",class:v.dayOfTheWeek,children:t.jsx("span",{children:e})})))]})})(),(()=>{const i=[];for(let m=0;m<M;m++){const y=a.getStartOfWeek(p.year,p.month,1,x),T=a.getDatesInWeek(m,y.year,y.month,y.day),k=T.map((a=>{const i=n.isDateOutOfRange(a,l,r),h=!!u&&w(a,u),m=w(a,C),y=w(a,p),g=(f=p,a.month!==f.month);var f;const T=g&&"hidden"===s;return t.jsx(b,{date:a,dayFormatter:e,isAdjacentMonth:g,isDisabled:i,isFocusable:y,isFocused:y&&D,isHidden:T,isReadonly:o,isSelected:h,isToday:m,onAction:d,onNavigation:c},`${a.year}-${a.month}-${a.day}`)}));i.push(t.jsxs(h.Grid,{role:"row",gridTemplateColumns:V,gap:g.monthViewScaleVars.columnGap,children:[j&&t.jsx(f,{startDateOfWeek:T[0]}),k]},m))}return i})()]})})}}));
+//# sourceMappingURL=MonthView-ac27389f.js.map

package/amd/{MonthView-8a1fde80.js.map → MonthView-ac27389f.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MonthView-8a1fde80.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 { useUser } from '#hooks/UNSAFE_useUser';\nimport { formatFullCalendarDate, 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 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 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  isAdjacentMonth,\n  isDisabled,\n  isFocusable,\n  isFocused,\n  isHidden,\n  isReadonly,\n  isSelected,\n  isToday,\n  onAction,\n  onNavigation\n}: UseDayCellProps) => {\n  const { locale } = useUser();\n\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  // 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 formattedDate = formatFullCalendarDate(locale, date, 'day');\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      ...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  | 'dayFormatter'\n  | 'isAdjacentMonth'\n  | 'isDisabled'\n  | 'isFocusable'\n  | 'isFocused'\n  | 'isHidden'\n  | 'isReadonly'\n  | 'isSelected'\n  | 'isToday'\n  | 'onAction'\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'; \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 * @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();\n\n  // For ISO week, we set the start of the week to Monday\n  if (dayNumber !== 1) {\n    checkDate.setUTCDate(checkDate.getUTCDate() + (dayNumber === 0 ? 1 : 2));\n  }\n\n  // Find Thursday (day value of 4) of this week\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 {\n  CalendarDateRequired,\n  formatFullCalendarDate,\n  isDateOutOfRange\n} from '#utils/UNSAFE_calendarDateUtils';\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' | '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  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 renderMonthViewHeaderRow = () => {\n    const weekDays = getDaysOfWeekNames(locale, 'short');\n\n    return (\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    );\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            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            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","isAdjacentMonth","isDisabled","isFocusable","isFocused","isHidden","isReadonly","isSelected","isToday","onAction","onNavigation","locale","useUser","isDisabledFormat","isRestrictedFormat","useFocusableCell","handleAction","useCallback","payload","buttonEventHandlers","useCellNavigation","navigationMap","ArrowLeft","ltr","rtl","ArrowRight","ArrowDown","ArrowUp","PageDown","PageUp","Home","End","ShiftPageDown","ShiftPageUp","CtrlAltT","translations","useTranslationBundle","today","datePicker_today","selected","datePicker_selected","restricted","datePicker_restricted","formattedDate","formatFullCalendarDate","ariaLabel","dayOfMonth","toJSDate","year","month","day","getDate","toString","isActivable","isDimmed","isHoverable","isRestricted","label","useDayCell","_jsx","jsx","role","class","dayCellStyles","children","StyledDatePickerButton","WeekNumberCell","startDateOfWeek","weekNumber","checkDate","dayNumber","getUTCDay","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","weeksInMonth","getWeeksInMonth","baseTheme","styles","useComponentTheme","MonthViewRedwoodTheme","isWeekNumberDisplayed","gridTemplateColumns","monthViewAriaLabel","_jsxs","jsxs","Grid","gap","monthViewScaleVars","rowGap","weekDays","getDaysOfWeekNames","columnGap","map","dayOfTheWeek","renderMonthViewHeaderRow","calendarGrid","weekIndex","getStartOfWeek","weekDates","getDatesInWeek","weekCells","dayCellDate","isDateOutOfRange","currentMonthDate","push","renderMonthView"],"mappings":"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"}
+{"version":3,"file":"MonthView-ac27389f.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 { useUser } from '#hooks/UNSAFE_useUser';\nimport { formatFullCalendarDate, 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 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 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  isAdjacentMonth,\n  isDisabled,\n  isFocusable,\n  isFocused,\n  isHidden,\n  isReadonly,\n  isSelected,\n  isToday,\n  onAction,\n  onNavigation\n}: UseDayCellProps) => {\n  const { locale } = useUser();\n\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  // 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 formattedDate = formatFullCalendarDate(locale, date, 'day');\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      ...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  | 'dayFormatter'\n  | 'isAdjacentMonth'\n  | 'isDisabled'\n  | 'isFocusable'\n  | 'isFocused'\n  | 'isHidden'\n  | 'isReadonly'\n  | 'isSelected'\n  | 'isToday'\n  | 'onAction'\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'; \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 * @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();\n\n  // For ISO week, we set the start of the week to Monday\n  if (dayNumber !== 1) {\n    checkDate.setUTCDate(checkDate.getUTCDate() + (dayNumber === 0 ? 1 : 2));\n  }\n\n  // Find Thursday (day value of 4) of this week\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 {\n  CalendarDateRequired,\n  formatFullCalendarDate,\n  isDateOutOfRange\n} from '#utils/UNSAFE_calendarDateUtils';\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' | '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  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 renderMonthViewHeaderRow = () => {\n    const weekDays = getDaysOfWeekNames(locale, 'short');\n\n    return (\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    );\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            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            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","isAdjacentMonth","isDisabled","isFocusable","isFocused","isHidden","isReadonly","isSelected","isToday","onAction","onNavigation","locale","useUser","isDisabledFormat","isRestrictedFormat","useFocusableCell","handleAction","useCallback","payload","buttonEventHandlers","useCellNavigation","navigationMap","ArrowLeft","ltr","rtl","ArrowRight","ArrowDown","ArrowUp","PageDown","PageUp","Home","End","ShiftPageDown","ShiftPageUp","CtrlAltT","translations","useTranslationBundle","today","datePicker_today","selected","datePicker_selected","restricted","datePicker_restricted","formattedDate","formatFullCalendarDate","ariaLabel","dayOfMonth","toJSDate","year","month","day","getDate","toString","isActivable","isDimmed","isHoverable","isRestricted","label","useDayCell","_jsx","jsx","role","class","dayCellStyles","children","StyledDatePickerButton","WeekNumberCell","startDateOfWeek","weekNumber","checkDate","dayNumber","getUTCDay","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","weeksInMonth","getWeeksInMonth","baseTheme","styles","useComponentTheme","MonthViewRedwoodTheme","isWeekNumberDisplayed","gridTemplateColumns","monthViewAriaLabel","_jsxs","jsxs","Grid","gap","monthViewScaleVars","rowGap","weekDays","getDaysOfWeekNames","columnGap","map","dayOfTheWeek","renderMonthViewHeaderRow","calendarGrid","weekIndex","getStartOfWeek","weekDates","getDatesInWeek","weekCells","dayCellDate","isDateOutOfRange","currentMonthDate","push","renderMonthView"],"mappings":"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"}

package/amd/NavigationListItem-1742f912.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './mergeProps-bcfa6a92', './classNames-08d99695', './useId-c9578d26', './UNSAFE_NavigationList/themes/NavigationListStyles.css', './collectionUtils-6740111c', './useCollectionFocusRing-64636529', './useCurrentKey-db6f418a', 'preact/compat', './useTestId-b5cd4766', './UNSAFE_Text/themes/TextStyles.css', './BaseNavigationListItem-368284be', './Flex-3421f0df', './logger-0f873e29', 'preact', './LayerHost-639b3284', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-79293e46', 'css!./IconStyle.styles.css', './UNSAFE_NavigationList/themes/NavigationListItemStyles.css', 'module', './UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css'], (function(e,t,n,o,s,r,i,a,l,c,u,d,y,g,m,f,v,h,N,b,C,S,I,K,x,p){"use strict";const w=(e,t,n)=>{const o=e.closest(t),s=e.closest(n);return o?.contains(s)?null:a.keyExtractor(e,t)},L=(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]},R=u.forwardRef((({children:e,selection:y,onSelectionChange:m,onRemove:f,"aria-label":v,"aria-labelledby":h,testId:N},b)=>{const C=n.useRef(null),{showFocusRing:S,currentKey:I,onCurrentKeyChange:K,containerHandlers:x,onKeyDown:p}=function({containerRef:e,selection:t,onRemove:s,onSelectionChange:r,children:i}){const u='[role="tab"]',[d,y]=n.useState(t),g=n.useCallback((e=>{y(e.value)}),[]),{currentKeyProps:m}=c.useCurrentKey((e=>s?w(e,u,"[data-oj-navigationlist-item-remove-icon]"):a.keyExtractor(e,u)),!1,a.getPrevNextKeyUsingRef(e,d,!0,u),a.getPrevNextKeyUsingRef(e,d,!1,u),void 0,void 0,d,g),[f,v]=l.useCollectionFocusRing(e,["Home","End","ArrowUp","ArrowDown"]),h={onFocus:n.useCallback((()=>{if(e.current&&void 0===d){const t=a.getFirstVisibleKey(e.current,u);t&&y(t)}}),[d,e])},N=n.useRef();n.useEffect((()=>{if(e.current){const t=Array.from(e.current.querySelectorAll(u),(e=>a.getKey(e)));if(null!=d&&-1!==t.indexOf(d)){const t=a.findElementByKey(e.current,d,u);t.scrollIntoViewIfNeeded?t.scrollIntoViewIfNeeded():t.scrollIntoView({block:"nearest"})}else d&&-1===t.indexOf(d)&&(N.current?y(L(d,t,N.current)):y(t[0])),N.current=t}}),[i,d,e]);const b=n.useCallback((t=>{if(("Home"===t.key||"End"===t.key)&&e.current&&d){const n=Array.from(e.current.querySelectorAll(u),(e=>a.getKey(e)));g?.({value:n["Home"===t.key?0:n.length-1]})}d&&"Enter"===t.key&&r?.({value:d,reason:"keyboard"}),d&&"Delete"===t.key&&s?.({value:d})}),[d,r,s,g,e]);return{showFocusRing:f,currentKey:d,onCurrentKeyChange:g,onKeyDown:b,containerHandlers:o.mergeProps(v,m,h)}}({containerRef:C,selection:y,onRemove:f,onSelectionChange:m,children:e}),R={onKeyDown:p},k=s.classNames([i.navigationListStyles.uListStyle]),F=r.useId()+"_",E=d.useTestId(N);return u.useImperativeHandle(b,(()=>({focus:()=>{C.current&&C.current.focus()},blur:()=>{C.current&&C.current.focus()}}))),t.jsx("ul",{"aria-label":v,"aria-labelledby":h,role:"tablist",ref:C,"aria-orientation":"vertical",tabIndex:0,"aria-activedescendant":I?F+I:"",...o.mergeProps(R,x),...E,class:k,children:t.jsx(g.NavigationListContext.Provider,{value:{selection:y,onSelectionChange:m,onCurrentKeyChange:K,currentKey:I,showFocusRing:S,navigationListItemPrefix:F,onRemove:f},children:e})})}));e.NavigationList=R,e.NavigationListItem=function({itemKey:e,label:n,badge:o,metadata:s,severity:r}){return t.jsx(g.BaseNavigationListItem,{itemKey:e,label:n,badge:o,metadata:s,severity:r})}}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './mergeProps-bcfa6a92', './classNames-08d99695', './useId-c9578d26', './UNSAFE_NavigationList/themes/NavigationListStyles.css', './collectionUtils-6740111c', './useCollectionFocusRing-64636529', './useCurrentKey-1d869ff4', 'preact/compat', './useTestId-3a316499', './UNSAFE_Text/themes/TextStyles.css', './BaseNavigationListItem-368284be', './Flex-56ecdf4c', './logger-0f873e29', 'preact', './LayerHost-e95c5f30', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-3b34c2bc', 'css!./IconStyle.styles.css', './UNSAFE_NavigationList/themes/NavigationListItemStyles.css', 'module', './UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css'], (function(e,t,n,o,s,r,i,a,c,l,u,d,y,g,f,m,v,h,N,b,C,S,I,K,x,p){"use strict";const w=(e,t,n)=>{const o=e.closest(t),s=e.closest(n);return o?.contains(s)?null:a.keyExtractor(e,t)},L=(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]},R=u.forwardRef((({children:e,selection:y,onSelectionChange:f,onRemove:m,"aria-label":v,"aria-labelledby":h,testId:N},b)=>{const C=n.useRef(null),{showFocusRing:S,currentKey:I,onCurrentKeyChange:K,containerHandlers:x,onKeyDown:p}=function({containerRef:e,selection:t,onRemove:s,onSelectionChange:r,children:i}){const u='[role="tab"]',[d,y]=n.useState(t),g=n.useCallback((e=>{y(e.value)}),[]),{currentKeyProps:f}=l.useCurrentKey((e=>s?w(e,u,"[data-oj-navigationlist-item-remove-icon]"):a.keyExtractor(e,u)),!1,a.getPrevNextKeyUsingRef(e,d,!0,u),a.getPrevNextKeyUsingRef(e,d,!1,u),void 0,void 0,d,g),[m,v]=c.useCollectionFocusRing(e,["Home","End","ArrowUp","ArrowDown"]),h={onFocus:n.useCallback((()=>{if(e.current&&void 0===d){const t=a.getFirstVisibleKey(e.current,u);t&&y(t)}}),[d,e])},N=n.useRef();n.useEffect((()=>{if(e.current){const t=Array.from(e.current.querySelectorAll(u),(e=>a.getKey(e)));if(null!=d&&-1!==t.indexOf(d)){const t=a.findElementByKey(e.current,d,u);t.scrollIntoViewIfNeeded?t.scrollIntoViewIfNeeded():t.scrollIntoView({block:"nearest"})}else d&&-1===t.indexOf(d)&&(N.current?y(L(d,t,N.current)):y(t[0])),N.current=t}}),[i,d,e]);const b=n.useCallback((t=>{if(("Home"===t.key||"End"===t.key)&&e.current&&d){const n=Array.from(e.current.querySelectorAll(u),(e=>a.getKey(e)));g?.({value:n["Home"===t.key?0:n.length-1]})}d&&"Enter"===t.key&&r?.({value:d,reason:"keyboard"}),d&&"Delete"===t.key&&s?.({value:d})}),[d,r,s,g,e]);return{showFocusRing:m,currentKey:d,onCurrentKeyChange:g,onKeyDown:b,containerHandlers:o.mergeProps(v,f,h)}}({containerRef:C,selection:y,onRemove:m,onSelectionChange:f,children:e}),R={onKeyDown:p},k=s.classNames([i.navigationListStyles.uListStyle]),F=r.useId()+"_",E=d.useTestId(N);return u.useImperativeHandle(b,(()=>({focus:()=>{C.current&&C.current.focus()},blur:()=>{C.current&&C.current.focus()}}))),t.jsx("ul",{"aria-label":v,"aria-labelledby":h,role:"tablist",ref:C,"aria-orientation":"vertical",tabIndex:0,"aria-activedescendant":I?F+I:"",...o.mergeProps(R,x),...E,class:k,children:t.jsx(g.NavigationListContext.Provider,{value:{selection:y,onSelectionChange:f,onCurrentKeyChange:K,currentKey:I,showFocusRing:S,navigationListItemPrefix:F,onRemove:m},children:e})})}));e.NavigationList=R,e.NavigationListItem=function({itemKey:e,label:n,badge:o,metadata:s,severity:r}){return t.jsx(g.BaseNavigationListItem,{itemKey:e,label:n,badge:o,metadata:s,severity:r})}}));
 //# sourceMappingURL=NavigationListItem-1742f912.js.map

package/amd/NumberInputText-83ba7a58.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './useFocusableTextField-8b755b15', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', './useTextField-e6877c79', './Label-a4172af7', './PrefixSuffix-0efb3bc6', './usePrefixSuffix-f7544e05', './clientHints-030d25aa', './TextFieldInput-d6645f5b', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-608bddc1', './StyledTextField-a51060bb', './TextField-51daf13e', './LayerHost-639b3284', 'css!./LiveRegionStyles.styles.css', './logger-0f873e29', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-2a480664', './CompactUserAssistance-a7b3ffc0', './mergeProps-bcfa6a92', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-79293e46', 'preact', 'css!./IconStyle.styles.css', './Popup-059eb48a', '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-62d49b8e', './ChevronUp-affd8a52', './Minus-6150a650', './Plus-b8b114d1', './IconButton-81c8463f', './useTranslationBundle-d07d4b20', './Grid-8911aa0f', './useSpinning-d5dd87af', './useSelectableTextField-900d2860'], (function(e,s,i,t,a,n,o,l,r,d,u,c,p,b,x,f,v,m,h,S,y,F,C,P,T,A,g,U,I,R,j,D,w,L,E,V,B,N,k,_,q,H,M,O,G,W,z,K,Z,J,Q,X){"use strict";function Y({direction:e,isDisabled:i,children:t,onPointerDown:a,onPointerUp:n,onPointerOut:o,onPointerCancel:l}){const r=Z.useTranslationBundle("@oracle/oraclejet-preact"),d=r.inputNumber_increase(),u=r.inputNumber_decrease(),c="increase"===e?d:u;return s.jsx(F.TabbableModeContext.Provider,{value:{isTabbable:!1},children:s.jsx("div",{"aria-hidden":"true",onPointerDown:a,onPointerUp:n,onPointerOut:o,onPointerCancel:l,children:s.jsx(K.IconButton,{isDisabled:i,tooltip:c,variant:"ghost",size:"sm",children:t})})})}function $({children:e}){return s.jsx(J.Grid,{align:"center",gap:"1x",gridTemplateColumns:"1fr 1fr",children:e})}const ee=i.forwardRef((({"aria-describedby":e,"aria-valuemax":i,"aria-valuemin":n,"aria-valuenow":p,"aria-valuetext":x,assistiveText:h,autoComplete:S="off",autoFocus:y=!1,columnSpan:F,helpSourceLink:C,helpSourceText:P,isDisabled:T,isReadonly:I,isRequired:R=!1,isRequiredShown:j,isStepDownDisabled:D,isStepUpDisabled:w,hasSteppers:L=!1,stepperVariant:E="directional",label:V,labelEdge:B,labelStartWidth:N,messages:k,placeholder:_,prefix:q,suffix:H,textAlign:K,userAssistanceDensity:Z,value:J,variant:ee="default",virtualKeyboard:ie,onInput:te,onCommit:ae,onSpin:ne,onSpinComplete:oe,onStep:le,testId:re},de)=>{const{currentCommitValue:ue,dispatch:ce}=M.useCurrentValueReducer({value:J}),pe=t.useCallback((e=>{ce({type:"input",payload:e.value}),te?.(e)}),[te,ce]),be=t.useCallback((e=>{ce({type:"commit",payload:e.value}),ae?.(e)}),[ae,ce]),{isDisabled:xe,isReadonly:fe,labelEdge:ve,labelStartWidth:me,textAlign:he,userAssistanceDensity:Se}=o.useFormContext(),ye=T??xe,Fe=I??fe,Ce=B??ve,Pe=N??me,Te=K??he,Ae=Z??Se,ge=t.useRef(null),Ue=t.useRef(null),{focusProps:Ie,isFocused:Re,methods:je}=a.useFocusableTextField({isDisabled:ye,isReadonly:Fe,enabledElementRef:ge,readonlyElementRef:Ue}),{methods:De}=X.useSelectableTextField(ge);t.useImperativeHandle(de,(()=>U.mergeProps(je,De)),[je,De]);const{baseId:we,formFieldContext:Le,inputProps:Ee,labelProps:Ve,textFieldProps:Be,userAssistanceProps:Ne}=r.useTextField({ariaDescribedBy:e,helpSourceLink:C,helpSourceText:P,isDisabled:ye,isFocused:Re,isReadonly:Fe,isRequiredShown:j,labelEdge:Ce,messages:k,styleVariant:ee,userAssistanceDensity:Ae,value:J}),ke=ye||D,_e=ye||w,qe=t.useCallback((e=>{Re||ge.current?.focus(),le?.(e)}),[le,Re,ge]),{keyboardHandlerProps:He,pointerIncreaseHandlerProps:Me,pointerDecreaseHandlerProps:Oe}=Q.useSpinning({isStepDownDisabled:ke,isStepUpDisabled:_e,onSpin:ne,onSpinComplete:oe,onStep:qe}),Ge=L?s.jsx(Y,{direction:"decrease",isDisabled:ke,...Oe,children:"directional"===E?s.jsx(O.SvgChevronDown,{}):s.jsx(W.SvgMinus,{})}):void 0,We=L?s.jsx(Y,{direction:"increase",isDisabled:_e,...Me,children:"directional"===E?s.jsx(G.SvgChevronUp,{}):s.jsx(z.SvgPlus,{})}):void 0,ze=L&&"quantitative"===E?Ge:void 0,Ke=L?"directional"===E?s.jsxs($,{children:[Ge,We]}):We:void 0,Ze=void 0!==V&&"inside"===Ce,{shouldRenderPrefix:Je,shouldRenderSuffix:Qe,prefixProps:Xe,suffixProps:Ye,valuePrefixSuffix:$e,ariaLabelledBy:es}=c.usePrefixSuffix({baseId:we,hasEndContent:void 0!==Ke,hasInsideLabel:Ze,hasStartContent:void 0!==ze,hasValue:Le.hasValue,isDisabled:ye,isFocused:Re,labelId:Ve.id,prefix:q,suffix:H,value:J}),ss=Je?s.jsx(u.PrefixSuffix,{...Xe}):void 0,is=Qe?s.jsx(u.PrefixSuffix,{...Ye}):void 0,ts="none"!==Ce?s.jsx(d.Label,{...Ve,children:V}):void 0,as={label:"none"!==Ce?ts:void 0,labelEdge:"none"!==Ce?Ce:void 0,labelStartWidth:"none"!==Ce?Pe:void 0},ns="none"===Ce?V:void 0,os="efficient"===Ae||"reflow"===Ae?ye||Fe?"efficient"!==Ae?void 0:s.jsx(A.InlineUserAssistance,{userAssistanceDensity:Ae,...Ne}):s.jsx(A.InlineUserAssistance,{assistiveText:h,fieldLabel:V,helpSourceLink:C,helpSourceText:P,messages:k,isRequiredShown:j,userAssistanceDensity:Ae,...Ne}):void 0,ls=t.useRef(null),rs="compact"===Ae?s.jsx(g.CompactUserAssistance,{anchorRef:ls,messages:k,assistiveText:h,...Ne}):void 0;if(Fe){const e=s.jsx(f.ReadonlyTextFieldInput,{"aria-describedby":Ee["aria-describedby"],"aria-label":ns,"aria-labelledby":Ve.id,as:"div",autoFocus:y,elementRef:Ue,textAlign:Te,value:$e,hasEmptyLabel:""===V&&"none"===Ce,hasInsideLabel:Ze});return s.jsx(l.FormFieldContext.Provider,{value:Le,children:s.jsx(v.ReadonlyTextField,{role:"presentation",columnSpan:F,compactUserAssistance:rs,inlineUserAssistance:os,onBlur:Ie.onFocusOut,onFocus:Ie.onFocusIn,ref:ls,mainContent:e,testId:re,...as})})}const ds=void 0===p||p.toString()!==x?x:void 0,us=s.jsxs(s.Fragment,{children:[ss,s.jsx(b.TextFieldInput,{"aria-labelledby":es,"aria-label":ns,"aria-valuemax":L?i:void 0,"aria-valuemin":L?n:void 0,"aria-valuenow":L?p:void 0,"aria-valuetext":L?ds:void 0,autoComplete:S,autoFocus:y,currentCommitValue:ue,hasEmptyLabel:""===V&&"none"===Ce,hasEndContent:void 0!==Ke,hasInsideLabel:Ze,hasPrefix:void 0!==ss,hasStartContent:void 0!==ze,hasSuffix:void 0!==is,inputRef:ge,isRequired:R,placeholder:_,role:L?"spinbutton":void 0,textAlign:Te,type:se()?ie:void 0,value:ye?$e:J,onCommit:be,onInput:pe,...Ee,...L?He:{}}),is]});return s.jsx(l.FormFieldContext.Provider,{value:Le,children:s.jsx(m.TextField,{startContent:ze,endContent:Ke,columnSpan:F,compactUserAssistance:rs,inlineUserAssistance:os,mainContent:us,onBlur:Ie.onFocusOut,onFocus:Ie.onFocusIn,mainFieldRef:ls,hasZeroStartMargin:L&&"quantitative"===E,testId:re,...Be,...as})})}));function se(){const e=p.getClientHints().deviceType;return"phone"===e||"tablet"===e}e.NumberInputText=ee,e.stepperVariants=["directional","quantitative"]}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './useFocusableTextField-8b755b15', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', './useTextField-e6877c79', './Label-a4172af7', './PrefixSuffix-0efb3bc6', './usePrefixSuffix-09bd5925', './clientHints-030d25aa', './TextFieldInput-d6645f5b', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-608bddc1', './StyledTextField-a51060bb', './TextField-51daf13e', './LayerHost-e95c5f30', 'css!./LiveRegionStyles.styles.css', './logger-0f873e29', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-2a480664', './CompactUserAssistance-a7b3ffc0', './mergeProps-bcfa6a92', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-3b34c2bc', 'preact', 'css!./IconStyle.styles.css', './Popup-956e6d7d', '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-62d49b8e', './ChevronUp-affd8a52', './Minus-6150a650', './Plus-b8b114d1', './IconButton-81c8463f', './useTranslationBundle-516b1b83', './Grid-160f4885', './useSpinning-d5dd87af', './useSelectableTextField-900d2860'], (function(e,s,i,t,n,a,o,l,r,d,u,c,p,b,x,f,v,m,h,S,y,F,C,P,T,A,g,U,I,R,j,D,w,L,E,V,B,N,k,_,q,H,M,O,G,W,z,K,Z,J,Q,X){"use strict";function Y({direction:e,isDisabled:i,children:t,onPointerDown:n,onPointerUp:a,onPointerOut:o,onPointerCancel:l}){const r=Z.useTranslationBundle("@oracle/oraclejet-preact"),d=r.inputNumber_increase(),u=r.inputNumber_decrease(),c="increase"===e?d:u;return s.jsx(F.TabbableModeContext.Provider,{value:{isTabbable:!1},children:s.jsx("div",{"aria-hidden":"true",onPointerDown:n,onPointerUp:a,onPointerOut:o,onPointerCancel:l,children:s.jsx(K.IconButton,{isDisabled:i,tooltip:c,variant:"ghost",size:"sm",children:t})})})}function $({children:e}){return s.jsx(J.Grid,{align:"center",gap:"1x",gridTemplateColumns:"1fr 1fr",children:e})}const ee=i.forwardRef((({"aria-describedby":e,"aria-valuemax":i,"aria-valuemin":a,"aria-valuenow":p,"aria-valuetext":x,assistiveText:h,autoComplete:S="off",autoFocus:y=!1,columnSpan:F,helpSourceLink:C,helpSourceText:P,isDisabled:T,isReadonly:I,isRequired:R=!1,isRequiredShown:j,isStepDownDisabled:D,isStepUpDisabled:w,hasSteppers:L=!1,stepperVariant:E="directional",label:V,labelEdge:B,labelStartWidth:N,messages:k,placeholder:_,prefix:q,suffix:H,textAlign:K,userAssistanceDensity:Z,value:J,variant:ee="default",virtualKeyboard:ie,onInput:te,onCommit:ne,onSpin:ae,onSpinComplete:oe,onStep:le,testId:re},de)=>{const{currentCommitValue:ue,dispatch:ce}=M.useCurrentValueReducer({value:J}),pe=t.useCallback((e=>{ce({type:"input",payload:e.value}),te?.(e)}),[te,ce]),be=t.useCallback((e=>{ce({type:"commit",payload:e.value}),ne?.(e)}),[ne,ce]),{isDisabled:xe,isReadonly:fe,labelEdge:ve,labelStartWidth:me,textAlign:he,userAssistanceDensity:Se}=o.useFormContext(),ye=T??xe,Fe=I??fe,Ce=B??ve,Pe=N??me,Te=K??he,Ae=Z??Se,ge=t.useRef(null),Ue=t.useRef(null),{focusProps:Ie,isFocused:Re,methods:je}=n.useFocusableTextField({isDisabled:ye,isReadonly:Fe,enabledElementRef:ge,readonlyElementRef:Ue}),{methods:De}=X.useSelectableTextField(ge);t.useImperativeHandle(de,(()=>U.mergeProps(je,De)),[je,De]);const{baseId:we,formFieldContext:Le,inputProps:Ee,labelProps:Ve,textFieldProps:Be,userAssistanceProps:Ne}=r.useTextField({ariaDescribedBy:e,helpSourceLink:C,helpSourceText:P,isDisabled:ye,isFocused:Re,isReadonly:Fe,isRequiredShown:j,labelEdge:Ce,messages:k,styleVariant:ee,userAssistanceDensity:Ae,value:J}),ke=ye||D,_e=ye||w,qe=t.useCallback((e=>{Re||ge.current?.focus(),le?.(e)}),[le,Re,ge]),{keyboardHandlerProps:He,pointerIncreaseHandlerProps:Me,pointerDecreaseHandlerProps:Oe}=Q.useSpinning({isStepDownDisabled:ke,isStepUpDisabled:_e,onSpin:ae,onSpinComplete:oe,onStep:qe}),Ge=L?s.jsx(Y,{direction:"decrease",isDisabled:ke,...Oe,children:"directional"===E?s.jsx(O.SvgChevronDown,{}):s.jsx(W.SvgMinus,{})}):void 0,We=L?s.jsx(Y,{direction:"increase",isDisabled:_e,...Me,children:"directional"===E?s.jsx(G.SvgChevronUp,{}):s.jsx(z.SvgPlus,{})}):void 0,ze=L&&"quantitative"===E?Ge:void 0,Ke=L?"directional"===E?s.jsxs($,{children:[Ge,We]}):We:void 0,Ze=void 0!==V&&"inside"===Ce,{shouldRenderPrefix:Je,shouldRenderSuffix:Qe,prefixProps:Xe,suffixProps:Ye,valuePrefixSuffix:$e,ariaLabelledBy:es}=c.usePrefixSuffix({baseId:we,hasEndContent:void 0!==Ke,hasInsideLabel:Ze,hasStartContent:void 0!==ze,hasValue:Le.hasValue,isDisabled:ye,isFocused:Re,labelId:Ve.id,prefix:q,suffix:H,value:J}),ss=Je?s.jsx(u.PrefixSuffix,{...Xe}):void 0,is=Qe?s.jsx(u.PrefixSuffix,{...Ye}):void 0,ts="none"!==Ce?s.jsx(d.Label,{...Ve,children:V}):void 0,ns={label:"none"!==Ce?ts:void 0,labelEdge:"none"!==Ce?Ce:void 0,labelStartWidth:"none"!==Ce?Pe:void 0},as="none"===Ce?V:void 0,os="efficient"===Ae||"reflow"===Ae?ye||Fe?"efficient"!==Ae?void 0:s.jsx(A.InlineUserAssistance,{userAssistanceDensity:Ae,...Ne}):s.jsx(A.InlineUserAssistance,{assistiveText:h,fieldLabel:V,helpSourceLink:C,helpSourceText:P,messages:k,isRequiredShown:j,userAssistanceDensity:Ae,...Ne}):void 0,ls=t.useRef(null),rs="compact"===Ae?s.jsx(g.CompactUserAssistance,{anchorRef:ls,messages:k,assistiveText:h,...Ne}):void 0;if(Fe){const e=s.jsx(f.ReadonlyTextFieldInput,{"aria-describedby":Ee["aria-describedby"],"aria-label":as,"aria-labelledby":Ve.id,as:"div",autoFocus:y,elementRef:Ue,textAlign:Te,value:$e,hasEmptyLabel:""===V&&"none"===Ce,hasInsideLabel:Ze});return s.jsx(l.FormFieldContext.Provider,{value:Le,children:s.jsx(v.ReadonlyTextField,{role:"presentation",columnSpan:F,compactUserAssistance:rs,inlineUserAssistance:os,onBlur:Ie.onFocusOut,onFocus:Ie.onFocusIn,ref:ls,mainContent:e,testId:re,...ns})})}const ds=void 0===p||p.toString()!==x?x:void 0,us=s.jsxs(s.Fragment,{children:[ss,s.jsx(b.TextFieldInput,{"aria-labelledby":es,"aria-label":as,"aria-valuemax":L?i:void 0,"aria-valuemin":L?a:void 0,"aria-valuenow":L?p:void 0,"aria-valuetext":L?ds:void 0,autoComplete:S,autoFocus:y,currentCommitValue:ue,hasEmptyLabel:""===V&&"none"===Ce,hasEndContent:void 0!==Ke,hasInsideLabel:Ze,hasPrefix:void 0!==ss,hasStartContent:void 0!==ze,hasSuffix:void 0!==is,inputRef:ge,isRequired:R,placeholder:_,role:L?"spinbutton":void 0,textAlign:Te,type:se()?ie:void 0,value:ye?$e:J,onCommit:be,onInput:pe,...Ee,...L?He:{}}),is]});return s.jsx(l.FormFieldContext.Provider,{value:Le,children:s.jsx(m.TextField,{startContent:ze,endContent:Ke,columnSpan:F,compactUserAssistance:rs,inlineUserAssistance:os,mainContent:us,onBlur:Ie.onFocusOut,onFocus:Ie.onFocusIn,mainFieldRef:ls,hasZeroStartMargin:L&&"quantitative"===E,testId:re,...Be,...ns})})}));function se(){const e=p.getClientHints().deviceType;return"phone"===e||"tablet"===e}e.NumberInputText=ee,e.stepperVariants=["directional","quantitative"]}));
 //# sourceMappingURL=NumberInputText-83ba7a58.js.map

package/amd/OverflowTabBarItem-4c4b75e0.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './useTranslationBundle-d07d4b20', './clientHints-030d25aa', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './classNames-08d99695', './Icon-2d805acb', './useTabBarContext-15a23bb6', './Dropdown-b36aa071', './Sheet-c6fc15b2', './TabBarItem-16383a92', './UNSAFE_TabBarCommon/themes/OverflowTabBarItemStyles.css', './NavigationListItem-1742f912', './RemovableNavigationListItem-dd14305f'], (function(e,a,t,n,s,o,i,l,r,c,d,m,u,b,v,f,p){"use strict";const x=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 g=()=>{const{deviceType:e}=o.getClientHints();return"phone"===e};e.OverflowTabBarItem=function({overflowItemKey:e,icon:o,badge:c,overflowItems:h,isOpen:y,onClose:I}){const{selection:j,showFocusRing:C,isEdgeBottom:w,onSelect:B,onRemove:R,layout:T}=d.useTabBarContext(),K=n.useRef(!1),O=n.useRef(null),N=t.createRef(),k=n.useCallback((e=>{"pointer"===e.reason&&(K.current=!0),B?.({value:e.value}),I?.({reason:"itemAction"})}),[B,I]),F=n.useCallback((e=>{I?.({reason:e.reason})}),[I]),L=n.useCallback((()=>{I?.({reason:"dismissed"})}),[I]),S=C&&!K.current&&!g(),D=h?.find((e=>e.itemKey===j))?.tabPanelId,z=s.useTranslationBundle("@oracle/oraclejet-preact"),A=void 0!==j&&(E=j,null!=h?.find((e=>e.itemKey===E)));var E;const H=i.mergeInterpolations([...Object.values(l.flexitemInterpolations)])({flex:"stretch"===T?"1 0 auto":"0 0 auto"}),M=r.classNames([v.styles.navContainerBase]),P=n.useRef(null),U=n.useCallback((e=>{"ArrowDown"===e.key&&(e.preventDefault(),N.current?.focus())}),[N]),_=n.useCallback((()=>a.jsx("div",{onKeyDown:U,tabIndex:0,ref:P,class:M,children:a.jsx(f.NavigationList,{ref:N,selection:j,onSelectionChange:k,onRemove:R,children:h?.map((e=>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,N,j,k,R,h]);return a.jsxs(a.Fragment,{children:[h&&h.length>0&&a.jsx("div",{ref:O,style:H,children:a.jsx(b.BaseTabBarItem,{"aria-controls":D,itemKey:e,label:z.overflowItemLabel(),icon:o||a.jsx(x,{}),badge:c,showFocusRingOverride:S,selectionOverride:A,displayOverride:"icons","aria-haspopup":!0})}),g()?a.jsx(u.Sheet,{isOpen:y,onClose:L,children:_()}):a.jsx(m.Dropdown,{initialFocus:"firstFocusable",isOpen:y,onClose:F,placement:w?"top-end":"bottom-end",anchorRef:O,children:_()})]})}}));
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './useTranslationBundle-516b1b83', './clientHints-030d25aa', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './classNames-08d99695', './Icon-2d805acb', './useTabBarContext-15a23bb6', './Dropdown-5f68516d', './Sheet-e6308643', './TabBarItem-16383a92', './UNSAFE_TabBarCommon/themes/OverflowTabBarItemStyles.css', './NavigationListItem-1742f912', './RemovableNavigationListItem-dd14305f'], (function(e,a,t,n,s,o,i,l,r,c,d,m,u,b,v,f,p){"use strict";const x=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 g=()=>{const{deviceType:e}=o.getClientHints();return"phone"===e};e.OverflowTabBarItem=function({overflowItemKey:e,icon:o,badge:c,overflowItems:h,isOpen:y,onClose:I}){const{selection:j,showFocusRing:C,isEdgeBottom:w,onSelect:B,onRemove:R,layout:T}=d.useTabBarContext(),K=n.useRef(!1),O=n.useRef(null),N=t.createRef(),k=n.useCallback((e=>{"pointer"===e.reason&&(K.current=!0),B?.({value:e.value}),I?.({reason:"itemAction"})}),[B,I]),F=n.useCallback((e=>{I?.({reason:e.reason})}),[I]),L=n.useCallback((()=>{I?.({reason:"dismissed"})}),[I]),S=C&&!K.current&&!g(),D=h?.find((e=>e.itemKey===j))?.tabPanelId,z=s.useTranslationBundle("@oracle/oraclejet-preact"),A=void 0!==j&&(E=j,null!=h?.find((e=>e.itemKey===E)));var E;const H=i.mergeInterpolations([...Object.values(l.flexitemInterpolations)])({flex:"stretch"===T?"1 0 auto":"0 0 auto"}),M=r.classNames([v.styles.navContainerBase]),P=n.useRef(null),U=n.useCallback((e=>{"ArrowDown"===e.key&&(e.preventDefault(),N.current?.focus())}),[N]),_=n.useCallback((()=>a.jsx("div",{onKeyDown:U,tabIndex:0,ref:P,class:M,children:a.jsx(f.NavigationList,{ref:N,selection:j,onSelectionChange:k,onRemove:R,children:h?.map((e=>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,N,j,k,R,h]);return a.jsxs(a.Fragment,{children:[h&&h.length>0&&a.jsx("div",{ref:O,style:H,children:a.jsx(b.BaseTabBarItem,{"aria-controls":D,itemKey:e,label:z.overflowItemLabel(),icon:o||a.jsx(x,{}),badge:c,showFocusRingOverride:S,selectionOverride:A,displayOverride:"icons","aria-haspopup":!0})}),g()?a.jsx(u.Sheet,{isOpen:y,onClose:L,children:_()}):a.jsx(m.Dropdown,{initialFocus:"firstFocusable",isOpen:y,onClose:F,placement:w?"top-end":"bottom-end",anchorRef:O,children:_()})]})}}));
 //# sourceMappingURL=OverflowTabBarItem-4c4b75e0.js.map

package/amd/PRIVATE_BaseCardView.js

@@ -1,2 +1,2 @@
-define(['exports', './BaseCardView-c5624c8a', 'preact/jsx-runtime', 'preact', 'preact/compat', 'preact/hooks', './mergeProps-bcfa6a92', './keys-cc1cb01d', './collectionUtils-6740111c', './clientHints-030d25aa', './useCurrentKey-db6f418a', './useUser-3ef25571', './LayerHost-639b3284', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './useCollectionFocusRing-64636529', './useTabbableModeSet-b4c18d1a', './useSelection-a6fd13cf', './textSelectionUtils-06c7855d', 'css!./DragAndDropStyles.styles.css', './useReorderableContext-652356ad', 'css!./ReorderableItemStyles.styles.css', './Selector-039f7481', './UNSAFE_Selector/themes/SelectorStyles.css', 'css!./SelectorStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-d881c69a', './StyledCheckbox-9006dc18', './Check-118637e2', './Icon-2d805acb', './size-a75b3f13', './utils-5077c092', './colorUtils-7c069766', './_curry1-df649359', './useTooltip-e4089d1a', './useTooltipControlled-fafb2f01', './useId-c9578d26', './useHover-7964884c', './useToggle-a29f97af', './useFocus-4194fc59', './useTouch-37489bb5', './useAnimation-5bd3adfc', './useComponentTheme-5aa41a8f', './logger-0f873e29', './useTestId-b5cd4766', './useThemeInterpolations-e20f8cfa', './useColorScheme-443e7cc7', './useScale-e311d35f', './theme-a8f3d819', './Theme-d945adae', './mergeInterpolations-9ede4cf7', './classNames-08d99695', './mergeDeepWithKey-aaab9019', './_curry3-83878f86', './_curry2-86c52b86', './_isObject-42bafc94', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './tooltipUtils-79293e46', './EnvironmentProvider-c0e1e39b', './LayerManager-2972de92', './Floating-25e0092b', './useFloating-a2399a51', './positionUtils-3193ab54', './refUtils-d354a169', './useOutsideClick-476e0577', './arrayUtils-6ee96a35', './Layer-e835aed8', './UNSAFE_Layer/themes/LayerStyles.css', 'css!./LayerStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-eceadd82', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './CheckboxOff-2e2d6e45', './CheckboxOn-0637fb05', './CheckboxMixed-9fd0c5ca', './HiddenAccessible-037ef42d', 'css!./HiddenAccessibleStyles.styles.css', './UNSAFE_Checkbox/themes/CheckboxIconContract.css', './UNSAFE_Checkbox/themes/redwood/CheckboxIconTheme', './UNSAFE_Checkbox/themes/CheckboxIconStyles.css', 'css!./CheckboxIconStyles.styles.css', './UNSAFE_Checkbox/themes/redwood/CheckboxIconBaseTheme.css', 'module', './UNSAFE_Checkbox/themes/redwood/CheckboxIconVariants.css', 'css!./CheckboxIconVariants.styles.css', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', 'css!./StyledCheckbox.styles.css', './useCollectionInteractionContext-173bc431', './useActive-7bb6fdc1', './LoadMoreCollection-83413a59', './Collection-46cfa244', './useViewportIntersect-b2d47a4b', './PRIVATE_BaseCardView/themes/BaseCardViewStyles.css', 'css!./BaseCardViewStyles.styles.css', './tabbableUtils-3f80fcf5', './head-9cb1a3da', './_arity-5a5f5f71', './_isArray-32602db6', './_isString-d0ada3cb', './useResizeObserver-c63865cc', './FocusTrap-eb7cc3d2', './FocusTracker-23469a5b', './PRIVATE_FocusTracker/themes/FocusTrackerStyles.css', 'css!./FocusTrackerStyles.styles.css', './useReorderableItem-7fd4d629', './useTranslationBundle-d07d4b20', './dndUtils-9d9ccdc5', './hooks/PRIVATE_useReorderable/themes/ReorderableItemStyles.css', './Grid-8911aa0f', './grid-767b4587', './boxalignment-905057dc', 'css!./boxalignment.styles.css', './vanilla-extract-sprinkles-createRuntimeSprinkles.esm-84d30764', 'css!./GridStyles.styles.css', './Flex-3421f0df', './dimensions-60420dbb', './flexbox-8521f6aa', 'css!./flexbox.styles.css', './flexitem-5db48325', 'css!./flexitem.styles.css', 'css!./FlexStyles.styles.css', './PRIVATE_BaseCardView/themes/BaseCardViewContract.css', './Skeleton-5839404b', './borders-e15a6927', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './UNSAFE_Skeleton/themes/SkeletonStyles.css', 'css!./SkeletonStyles.styles.css', './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css', 'module'], (function(e,s,t,o,c,a,l,r,d,n,i,h,b,m,S,y,u,C,F,f,T,k,x,_,A,U,p,g,E,w,I,N,V,B,R,P,v,L,M,O,H,z,j,D,G,K,X,W,q,J,Q,Y,Z,$,ee,se,te,oe,ce,ae,le,re,de,ne,ie,he,be,me,Se,ye,ue,Ce,Fe,fe,Te,ke,xe,_e,Ae,Ue,pe,ge,Ee,we,Ie,Ne,Ve,Be,Re,Pe,ve,Le,Me,Oe,He,ze,je,De,Ge,Ke,Xe,We,qe,Je,Qe,Ye,Ze,$e,es,ss,ts,os,cs,as,ls,rs,ds,ns,is,hs,bs,ms,Ss,ys,us,Cs,Fs,fs,Ts,ks,xs,_s,As,Us,ps,gs,Es,ws,Is,Ns,Vs,Bs,Rs,Ps){"use strict";e.BaseCardView=s.BaseCardView,e.getColCount=s.getColCount,e.gutterSizeToPX=s.gutterSizeToPX,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './BaseCardView-a11e4dec', 'preact/jsx-runtime', 'preact', 'preact/compat', 'preact/hooks', './mergeProps-bcfa6a92', './keys-cc1cb01d', './collectionUtils-6740111c', './clientHints-030d25aa', './useCurrentKey-1d869ff4', './useUser-85c781ea', './LayerHost-e95c5f30', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './useCollectionFocusRing-64636529', './useTabbableModeSet-b4c18d1a', './useSelection-e2791513', './textSelectionUtils-06c7855d', 'css!./DragAndDropStyles.styles.css', './useReorderableContext-652356ad', 'css!./ReorderableItemStyles.styles.css', './Selector-039f7481', './UNSAFE_Selector/themes/SelectorStyles.css', 'css!./SelectorStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-d881c69a', './StyledCheckbox-9006dc18', './Check-118637e2', './Icon-2d805acb', './size-a75b3f13', './utils-5077c092', './colorUtils-7c069766', './_curry1-df649359', './useTooltip-6a5fedfa', './useTooltipControlled-fb57eb02', './useId-c9578d26', './useHover-7964884c', './useToggle-a29f97af', './useFocus-4194fc59', './useTouch-37489bb5', './useAnimation-5bd3adfc', './useComponentTheme-5aa41a8f', './logger-0f873e29', './useTestId-3a316499', './useThemeInterpolations-b1d98ea4', './useColorScheme-10dc88de', './useScale-37d42c9d', './theme-a8f3d819', './Theme-d945adae', './mergeInterpolations-9ede4cf7', './classNames-08d99695', './mergeDeepWithKey-aaab9019', './_curry3-83878f86', './_curry2-86c52b86', './_isObject-42bafc94', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './tooltipUtils-3b34c2bc', './EnvironmentProvider-8f6fc388', './LayerManager-76fcfb58', './Floating-a658b79c', './useFloating-8726c4bb', './positionUtils-3193ab54', './refUtils-d354a169', './useOutsideClick-5c2a47be', './arrayUtils-6ee96a35', './Layer-276d62e8', './UNSAFE_Layer/themes/LayerStyles.css', 'css!./LayerStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-eceadd82', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './CheckboxOff-2e2d6e45', './CheckboxOn-0637fb05', './CheckboxMixed-9fd0c5ca', './HiddenAccessible-037ef42d', 'css!./HiddenAccessibleStyles.styles.css', './UNSAFE_Checkbox/themes/CheckboxIconContract.css', './UNSAFE_Checkbox/themes/redwood/CheckboxIconTheme', './UNSAFE_Checkbox/themes/CheckboxIconStyles.css', 'css!./CheckboxIconStyles.styles.css', './UNSAFE_Checkbox/themes/redwood/CheckboxIconBaseTheme.css', 'module', './UNSAFE_Checkbox/themes/redwood/CheckboxIconVariants.css', 'css!./CheckboxIconVariants.styles.css', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', 'css!./StyledCheckbox.styles.css', './useCollectionInteractionContext-173bc431', './useActive-7bb6fdc1', './LoadMoreCollection-a6adbc3f', './useViewportIntersect-b2d47a4b', './Collection-46cfa244', './PRIVATE_BaseCardView/themes/BaseCardViewStyles.css', 'css!./BaseCardViewStyles.styles.css', './tabbableUtils-3f80fcf5', './head-9cb1a3da', './_arity-5a5f5f71', './_isArray-32602db6', './_isString-d0ada3cb', './useResizeObserver-c63865cc', './FocusTrap-eb7cc3d2', './FocusTracker-23469a5b', './PRIVATE_FocusTracker/themes/FocusTrackerStyles.css', 'css!./FocusTrackerStyles.styles.css', './useReorderableItem-7fd4d629', './useTranslationBundle-516b1b83', './dndUtils-9d9ccdc5', './hooks/PRIVATE_useReorderable/themes/ReorderableItemStyles.css', './Grid-160f4885', './grid-767b4587', './boxalignment-905057dc', 'css!./boxalignment.styles.css', './vanilla-extract-sprinkles-createRuntimeSprinkles.esm-84d30764', 'css!./GridStyles.styles.css', './Flex-56ecdf4c', './dimensions-60420dbb', './flexbox-8521f6aa', 'css!./flexbox.styles.css', './flexitem-5db48325', 'css!./flexitem.styles.css', 'css!./FlexStyles.styles.css', './PRIVATE_BaseCardView/themes/BaseCardViewContract.css', './Skeleton-5839404b', './borders-e15a6927', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './UNSAFE_Skeleton/themes/SkeletonStyles.css', 'css!./SkeletonStyles.styles.css', './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css', 'module'], (function(e,s,t,o,c,a,l,d,r,n,i,b,h,m,S,y,u,C,F,f,T,k,x,_,A,U,p,g,E,w,I,N,V,B,R,P,v,L,M,O,H,z,j,D,G,K,X,W,q,J,Q,Y,Z,$,ee,se,te,oe,ce,ae,le,de,re,ne,ie,be,he,me,Se,ye,ue,Ce,Fe,fe,Te,ke,xe,_e,Ae,Ue,pe,ge,Ee,we,Ie,Ne,Ve,Be,Re,Pe,ve,Le,Me,Oe,He,ze,je,De,Ge,Ke,Xe,We,qe,Je,Qe,Ye,Ze,$e,es,ss,ts,os,cs,as,ls,ds,rs,ns,is,bs,hs,ms,Ss,ys,us,Cs,Fs,fs,Ts,ks,xs,_s,As,Us,ps,gs,Es,ws,Is,Ns,Vs,Bs,Rs,Ps){"use strict";e.BaseCardView=s.BaseCardView,e.getColCount=s.getColCount,e.gutterSizeToPX=s.gutterSizeToPX,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=PRIVATE_BaseCardView.js.map