@oracle/oraclejet-preact 17.0.1 → 17.0.3

package/amd/MenuItem-644f8619.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Text-e132dec0', './classNames-08d99695', './useId-c9578d26', './mergeProps-bcfa6a92', './usePress-a9ed1488', './useUser-6dd85af9', './useComponentTheme-5aa41a8f', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './useInteractionStyle-360d25a5', 'preact', 'preact/compat', './clientHints-030d25aa', './useToggle-a29f97af', './UNSAFE_Menu/themes/redwood/MenuItemTheme'], (function(e,n,t,o,r,s,a,u,i,c,l,d,m,p,f,g,y,h){"use strict";const C=e=>e.dataset.ojMenuItemKey,M=e=>{const n=e.closest("[data-oj-menu-item-key]");if(n){const e=C(n);return void 0===e?null:{key:e,elem:n}}return null},v=(e,n)=>{if(!n)return{};return{onKeyDown:t=>{"ltr"===e?"ArrowRight"===t.key&&n?.():"ArrowLeft"===t.key&&n?.()}}},b=p.createContext({isMobile:!1,onClose:()=>null,testId:""});function x(){return t.useContext(b)}const I=p.createContext({menuContainerRef:{current:null},currentKey:void 0,showFocusRing:!1,changeKey:()=>{},isContainerFocused:!1,menuContainerGeneralInformation:{current:{wasMouseMoved:!1,lastMouseLeaveMenuItemdRelatedTarget:null}}});function k(){return t.useContext(I)}const w=f.forwardRef((({id:e,label:s,onAction:p,startIcon:f,endIcon:g,role:C,isChecked:M,isDisabled:b=!1,variant:I="standard",type:w,hoverInfo:S,openSubmenu:T,menuItemLabelWeight:j="normal",isSubmenuOpen:P,submenuId:R,submenuRef:F},L)=>{const{onClose:E}=x(),{currentKey:A,changeKey:D,showFocusRing:K,menuContainerRef:N,menuContainerGeneralInformation:U,isContainerFocused:O}=k(),q=t.useRef(null),{direction:B}=i.useUser(),G=A===e,H=t.useCallback((e=>{"submenu"!==w&&E?.({reason:"itemAction"}),p?.(e)}),[w,E,p]),{hoverProps:V}=function(e){const{bool:n,setTrue:t,setFalse:o}=y.useToggle(!1);return{hoverProps:{ontouchend:t,onMouseEnter:t=>{n?o():e.onMouseEnter(t)},onMouseLeave:n=>{e.onMouseLeave(n)}}}}({onMouseEnter:n=>{S?.hoverStatus.current.recentClose||S?.hoverStatus.current.pendingUnhover||(S&&U.current.wasMouseMoved&&(S.hoverStatus.current.pendingUnhover=!0),U.current.wasMouseMoved&&(S?.hoverProps.onMouseEnter(n),D({key:e,reason:"mouseEnter"})))},onMouseLeave:e=>{S&&(S.hoverStatus.current.pendingUnhover=!1),(N.current?.contains(e.relatedTarget)||F?.current?.contains(e.relatedTarget))&&(U.current.lastMouseLeaveMenuItemdRelatedTarget=e.relatedTarget)}}),{pressProps:z}=u.usePress(H,{isDisabled:b});t.useLayoutEffect((()=>{G&&q.current?.focus()}),[G]);const{interactionProps:W}=m.useInteractionStyle(b),{classes:$,styles:{iconLabelContainer:_,iconContainer:J,startIconContainer:Q,labelContainer:X,endIconContainer:Y}}=c.useComponentTheme(h.MenuItemRedwoodTheme,{current:G?"isCurrent":"notCurrent",focusRing:K?"isFocusRing":"notFocusRing",variant:b?"disabled":I,containerFocused:O?"isContainerFocused":"notContainerFocused",submenuOpen:P?"isSubmenuOpen":"notSubmenuOpen"}),Z=l.mergeInterpolations([...Object.values(d.flexitemInterpolations)]),{class:ee,...ne}=Z({flex:"1 1 auto",alignSelf:"center"}),{class:te,...oe}=Z({flex:"0 0 auto",alignSelf:"center"}),re=r.classNames([te,_,J,Q]),se=r.classNames([ee,_,X]),ae=r.classNames([te,_,J,Y]);return n.jsx("div",{role:"presentation",...void 0!==R&&"submenu"===w&&{"aria-owns":R},children:n.jsxs("a",{ref:e=>{q.current=e,"function"==typeof L?L(e):L&&(L.current=e)},class:$,...a.mergeProps(W,V,z,v(B,T),(ue=e,ie=D,{onClick:()=>{ie({key:ue,reason:"click"})}})),role:C,"data-oj-menu-item-key":e,..."submenu"===w&&{"aria-haspopup":!0,"aria-expanded":!!P},...b&&{"aria-disabled":!0},..."select"===w&&{"aria-checked":!!M},tabIndex:G?0:-1,children:[f&&n.jsx("span",{style:oe,class:re,children:f}),n.jsx("span",{style:ne,class:se,children:n.jsx(o.Text,{variant:"inherit",size:"md",weight:j,children:s})}),g&&n.jsx("span",{style:oe,class:ae,children:g})]})});var ue,ie}));e.BaseMenuItem=w,e.MenuContainerContext=I,e.MenuContext=b,e.MenuItem=function(e){const o=s.useId(),r=t.useMemo((()=>`oj-menu-item-${o}`),[o]);return n.jsx(w,{...e,role:"menuitem",type:"simple",id:r})},e.getCloseSubmenuEvent=(e,n)=>{if(!n)return{};return{onKeyDown:t=>{("Escape"===t.key||"ltr"===e&&"ArrowLeft"===t.key||"rtl"===e&&"ArrowRight"===t.key)&&(t.stopPropagation(),n?.())}}},e.getIsMobile=()=>{const{deviceType:e}=g.getClientHints();return"phone"===e},e.getKeyboardCloseProps=(e,n)=>({onKeyDown:t=>{"Tab"===t.key?(t.stopPropagation(),e?.({reason:"dismissed"}),t.preventDefault()):"Escape"===t.key&&"main"===n&&(t.stopPropagation(),e?.({reason:"dismissed"}))}}),e.getLastVisible=e=>{if(e){const n=e.querySelectorAll("[data-oj-menu-item-key]"),t=n[n.length-1];if(t){const e=C(t);if(e)return e}}return null},e.getMenuContainerFocusMethods=(e,n)=>({onBlur:()=>{setTimeout((()=>{e()}),100)},onFocus:()=>{n()}}),e.getMenuContainerMouseLeave=e=>({onMouseLeave:n=>{e(n)}}),e.getMenuPointerDown=()=>({onPointerDown:e=>{const n=M(e.target);n?.key||e.preventDefault()}}),e.getNVisible=(e,n)=>{if(e){const t=e.querySelectorAll("[data-oj-menu-item-key]")[n];if(t){const e=C(t);if(e)return e}}return null},e.getPrevNext=(e,n,t)=>()=>{if(e){const o=Array.from(e.querySelectorAll("[data-oj-menu-item-key]"));let r=o.findIndex((e=>C(e)===t))+(n?-1:1);const s=o.length-1;r<0&&(r=s),r>s&&(r=0);const a=C(o[r]);return a||null}return null},e.keyElemExtractor=M,e.useMenuContainerContext=k,e.useMenuContext=x}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Text-e132dec0', './classNames-08d99695', './useId-c9578d26', './mergeProps-bcfa6a92', './usePress-a9ed1488', './useUser-9b166ca3', './useComponentTheme-5aa41a8f', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './useInteractionStyle-360d25a5', 'preact', 'preact/compat', './clientHints-030d25aa', './useToggle-a29f97af', './UNSAFE_Menu/themes/redwood/MenuItemTheme'], (function(e,n,t,o,r,s,a,u,i,c,l,d,m,p,f,g,y,h){"use strict";const C=e=>e.dataset.ojMenuItemKey,M=e=>{const n=e.closest("[data-oj-menu-item-key]");if(n){const e=C(n);return void 0===e?null:{key:e,elem:n}}return null},v=(e,n)=>{if(!n)return{};return{onKeyDown:t=>{"ltr"===e?"ArrowRight"===t.key&&n?.():"ArrowLeft"===t.key&&n?.()}}},b=p.createContext({isMobile:!1,onClose:()=>null,testId:""});function x(){return t.useContext(b)}const I=p.createContext({menuContainerRef:{current:null},currentKey:void 0,showFocusRing:!1,changeKey:()=>{},isContainerFocused:!1,menuContainerGeneralInformation:{current:{wasMouseMoved:!1,lastMouseLeaveMenuItemdRelatedTarget:null}}});function k(){return t.useContext(I)}const w=f.forwardRef((({id:e,label:s,onAction:p,startIcon:f,endIcon:g,role:C,isChecked:M,isDisabled:b=!1,variant:I="standard",type:w,hoverInfo:S,openSubmenu:T,menuItemLabelWeight:j="normal",isSubmenuOpen:P,submenuId:R,submenuRef:F},L)=>{const{onClose:E}=x(),{currentKey:A,changeKey:D,showFocusRing:K,menuContainerRef:N,menuContainerGeneralInformation:U,isContainerFocused:O}=k(),q=t.useRef(null),{direction:B}=i.useUser(),G=A===e,H=t.useCallback((e=>{"submenu"!==w&&E?.({reason:"itemAction"}),p?.(e)}),[w,E,p]),{hoverProps:V}=function(e){const{bool:n,setTrue:t,setFalse:o}=y.useToggle(!1);return{hoverProps:{ontouchend:t,onMouseEnter:t=>{n?o():e.onMouseEnter(t)},onMouseLeave:n=>{e.onMouseLeave(n)}}}}({onMouseEnter:n=>{S?.hoverStatus.current.recentClose||S?.hoverStatus.current.pendingUnhover||(S&&U.current.wasMouseMoved&&(S.hoverStatus.current.pendingUnhover=!0),U.current.wasMouseMoved&&(S?.hoverProps.onMouseEnter(n),D({key:e,reason:"mouseEnter"})))},onMouseLeave:e=>{S&&(S.hoverStatus.current.pendingUnhover=!1),(N.current?.contains(e.relatedTarget)||F?.current?.contains(e.relatedTarget))&&(U.current.lastMouseLeaveMenuItemdRelatedTarget=e.relatedTarget)}}),{pressProps:z}=u.usePress(H,{isDisabled:b});t.useLayoutEffect((()=>{G&&q.current?.focus()}),[G]);const{interactionProps:W}=m.useInteractionStyle(b),{classes:$,styles:{iconLabelContainer:_,iconContainer:J,startIconContainer:Q,labelContainer:X,endIconContainer:Y}}=c.useComponentTheme(h.MenuItemRedwoodTheme,{current:G?"isCurrent":"notCurrent",focusRing:K?"isFocusRing":"notFocusRing",variant:b?"disabled":I,containerFocused:O?"isContainerFocused":"notContainerFocused",submenuOpen:P?"isSubmenuOpen":"notSubmenuOpen"}),Z=l.mergeInterpolations([...Object.values(d.flexitemInterpolations)]),{class:ee,...ne}=Z({flex:"1 1 auto",alignSelf:"center"}),{class:te,...oe}=Z({flex:"0 0 auto",alignSelf:"center"}),re=r.classNames([te,_,J,Q]),se=r.classNames([ee,_,X]),ae=r.classNames([te,_,J,Y]);return n.jsx("div",{role:"presentation",...void 0!==R&&"submenu"===w&&{"aria-owns":R},children:n.jsxs("a",{ref:e=>{q.current=e,"function"==typeof L?L(e):L&&(L.current=e)},class:$,...a.mergeProps(W,V,z,v(B,T),(ue=e,ie=D,{onClick:()=>{ie({key:ue,reason:"click"})}})),role:C,"data-oj-menu-item-key":e,..."submenu"===w&&{"aria-haspopup":!0,"aria-expanded":!!P},...b&&{"aria-disabled":!0},..."select"===w&&{"aria-checked":!!M},tabIndex:G?0:-1,children:[f&&n.jsx("span",{style:oe,class:re,children:f}),n.jsx("span",{style:ne,class:se,children:n.jsx(o.Text,{variant:"inherit",size:"md",weight:j,children:s})}),g&&n.jsx("span",{style:oe,class:ae,children:g})]})});var ue,ie}));e.BaseMenuItem=w,e.MenuContainerContext=I,e.MenuContext=b,e.MenuItem=function(e){const o=s.useId(),r=t.useMemo((()=>`oj-menu-item-${o}`),[o]);return n.jsx(w,{...e,role:"menuitem",type:"simple",id:r})},e.getCloseSubmenuEvent=(e,n)=>{if(!n)return{};return{onKeyDown:t=>{("Escape"===t.key||"ltr"===e&&"ArrowLeft"===t.key||"rtl"===e&&"ArrowRight"===t.key)&&(t.stopPropagation(),n?.())}}},e.getIsMobile=()=>{const{deviceType:e}=g.getClientHints();return"phone"===e},e.getKeyboardCloseProps=(e,n)=>({onKeyDown:t=>{"Tab"===t.key?(t.stopPropagation(),e?.({reason:"dismissed"}),t.preventDefault()):"Escape"===t.key&&"main"===n&&(t.stopPropagation(),e?.({reason:"dismissed"}))}}),e.getLastVisible=e=>{if(e){const n=e.querySelectorAll("[data-oj-menu-item-key]"),t=n[n.length-1];if(t){const e=C(t);if(e)return e}}return null},e.getMenuContainerFocusMethods=(e,n)=>({onBlur:()=>{setTimeout((()=>{e()}),100)},onFocus:()=>{n()}}),e.getMenuContainerMouseLeave=e=>({onMouseLeave:n=>{e(n)}}),e.getMenuPointerDown=()=>({onPointerDown:e=>{const n=M(e.target);n?.key||e.preventDefault()}}),e.getNVisible=(e,n)=>{if(e){const t=e.querySelectorAll("[data-oj-menu-item-key]")[n];if(t){const e=C(t);if(e)return e}}return null},e.getPrevNext=(e,n,t)=>()=>{if(e){const o=Array.from(e.querySelectorAll("[data-oj-menu-item-key]"));let r=o.findIndex((e=>C(e)===t))+(n?-1:1);const s=o.length-1;r<0&&(r=s),r>s&&(r=0);const a=C(o[r]);return a||null}return null},e.keyElemExtractor=M,e.useMenuContainerContext=k,e.useMenuContext=x}));
 //# sourceMappingURL=MenuItem-644f8619.js.map

package/amd/Message-51d787d0.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Flex-1f27b601', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './useComponentTheme-5aa41a8f', './timer-571d3748', './classNames-08d99695', './Close-479a300b', './IconButton-1b328b69', './useTranslationBundle-6ef0dab6', './PRIVATE_Message/themes/MessageStyles.css', 'preact', './MessageFormattingUtils-2e19d8de', './MessagesManager-78a10f78', './utils-61ef4ad6'], (function(e,s,a,t,n,r,o,l,i,c,u,m,d,g,f,y){"use strict";function v({onAction:e,variant:a="banner"}){const t=u.useTranslationBundle("@oracle/oraclejet-preact"),n=s.jsx(c.IconButton,{"aria-label":t.message_close(),size:"sm",variant:"borderless",onAction:e,children:s.jsx(i.SvgClose,{})}),r=l.classNames([m.messageCloseButtonStyles.base,m.messageCloseButtonStyles[a]]);return s.jsx("div",{class:r,"data-oj-message-close-button":"",children:n})}function b({item:e,renderer:a}){const t=l.classNames([m.messageStartIconStyles.base,m.messageStartIconStyles.toast,m.messageStartIconStyles.customToast]);return s.jsx("div",{class:t,role:"presentation","data-oj-message-custom-icon":"",children:a(e)})}function p(e){const{detail:a}=e.data;return g.isValidValueForProp(a)?s.jsx(d.Fragment,{children:a}):null}function x({item:e,renderer:a,variant:t="banner"}){const n=null!=a,r=(a??p)(e);if(null==r)return null;const o=l.classNames([m.messageDetailStyles.base,m.messageDetailStyles[t]]);return s.jsx("div",{class:o,...n?{"data-oj-message-custom-detail":""}:{},children:r})}function j({children:e,variant:a="banner"}){const t=l.classNames([m.messageHeaderStyles.base,m.messageHeaderStyles[a]]);return s.jsx("div",{role:"presentation",class:t,children:e})}function S({value:e,variant:a="banner"}){const t=l.classNames([m.messageTimestampStyles[a]]),n=g.formatTimestamp(e);return s.jsx("div",{class:t,children:n})}function h(e){return g.isValidValueForProp(e,"severity")&&"none"!==e}e.Message=function({detailRenderer:e,iconRenderer:i,item:c,onClose:u,messageRef:d=(()=>{}),variant:p="pageBanner"}){const{closeAffordance:C="on",severity:B="error",sound:M,summary:T,timestamp:k}=c.data,{autoTimeout:F="off"}=c.data,I=function(e){return"pageBanner"===e||"sectionBanner"===e?"banner":"toast"}(p),N=a.useCallback((()=>{u?.(c)}),[c,u]),V=a.useCallback((e=>{"Escape"===e.key&&"on"===C&&u?.(c)}),[C,c,u]),A="toast"===I&&"off"!==F,R=a.useRef(),P="on"===F?5e3:"number"==typeof F?F:5e3,E=a.useCallback((()=>{R.current||(R.current=new o.Timer(N,P))}),[N,P]),U=a.useCallback((()=>{R.current&&(R.current.clear(),R.current=void 0)}),[]),w=a.useCallback((()=>{R.current?.pause()}),[]),D=a.useCallback((()=>{R.current?.resume()}),[]);a.useEffect((()=>(g.isValidValueForProp(M)&&f.playSound(M),A&&E(),()=>{U()})),[]);const{variantClasses:_}=r.useComponentTheme(n.MessageBannerRedwoodTheme,{severity:B}),H=l.classNames(["banner"===I&&_,m.messageStyles.base[I],"toast"!==p&&f.severityBasedStyleClass(B,I),"sectionBanner"===p&&m.messageStyles.section]),$=l.classNames([m.messageStyles.content.base,m.messageStyles.content[I]]);return s.jsx("div",{ref:d,class:H,role:"alert","aria-atomic":"true","data-oj-key":`${typeof c.key}-${c.key}`,tabIndex:0,onKeyUp:V,onFocusIn:w,onFocusOut:D,children:s.jsxs("div",{class:$,children:[i?s.jsx(b,{item:c,renderer:i}):h(B)?s.jsx(f.MessageStartIcon,{severity:B,variant:I}):null,s.jsxs(t.Flex,{direction:"column",flex:"1",gap:y.xUnits(2),children:[s.jsxs(j,{variant:I,children:[s.jsx(f.MessageSummary,{variant:I,text:T,role:"heading","aria-level":2}),g.isValidValueForProp(k,"timestamp")&&"toast"!==p&&s.jsx(S,{variant:I,value:k})]}),s.jsx(x,{variant:I,item:c,renderer:e})]}),"on"===C&&s.jsx(v,{variant:I,onAction:N})]})})},e.MessageCloseButton=v,e.MessageDetail=x,e.MessageTimestamp=S}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Flex-db3ddadb', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './useComponentTheme-5aa41a8f', './timer-571d3748', './classNames-08d99695', './Close-479a300b', './IconButton-1b328b69', './useTranslationBundle-20bfc0f3', './PRIVATE_Message/themes/MessageStyles.css', 'preact', './MessageFormattingUtils-2e19d8de', './MessagesManager-78a10f78', './utils-61ef4ad6'], (function(e,s,a,t,n,r,o,l,i,c,u,m,d,g,f,y){"use strict";function v({onAction:e,variant:a="banner"}){const t=u.useTranslationBundle("@oracle/oraclejet-preact"),n=s.jsx(c.IconButton,{"aria-label":t.message_close(),size:"sm",variant:"borderless",onAction:e,children:s.jsx(i.SvgClose,{})}),r=l.classNames([m.messageCloseButtonStyles.base,m.messageCloseButtonStyles[a]]);return s.jsx("div",{class:r,"data-oj-message-close-button":"",children:n})}function b({item:e,renderer:a}){const t=l.classNames([m.messageStartIconStyles.base,m.messageStartIconStyles.toast,m.messageStartIconStyles.customToast]);return s.jsx("div",{class:t,role:"presentation","data-oj-message-custom-icon":"",children:a(e)})}function p(e){const{detail:a}=e.data;return g.isValidValueForProp(a)?s.jsx(d.Fragment,{children:a}):null}function x({item:e,renderer:a,variant:t="banner"}){const n=null!=a,r=(a??p)(e);if(null==r)return null;const o=l.classNames([m.messageDetailStyles.base,m.messageDetailStyles[t]]);return s.jsx("div",{class:o,...n?{"data-oj-message-custom-detail":""}:{},children:r})}function j({children:e,variant:a="banner"}){const t=l.classNames([m.messageHeaderStyles.base,m.messageHeaderStyles[a]]);return s.jsx("div",{role:"presentation",class:t,children:e})}function S({value:e,variant:a="banner"}){const t=l.classNames([m.messageTimestampStyles[a]]),n=g.formatTimestamp(e);return s.jsx("div",{class:t,children:n})}function h(e){return g.isValidValueForProp(e,"severity")&&"none"!==e}e.Message=function({detailRenderer:e,iconRenderer:i,item:c,onClose:u,messageRef:d=(()=>{}),variant:p="pageBanner"}){const{closeAffordance:C="on",severity:B="error",sound:M,summary:T,timestamp:k}=c.data,{autoTimeout:F="off"}=c.data,I=function(e){return"pageBanner"===e||"sectionBanner"===e?"banner":"toast"}(p),N=a.useCallback((()=>{u?.(c)}),[c,u]),V=a.useCallback((e=>{"Escape"===e.key&&"on"===C&&u?.(c)}),[C,c,u]),A="toast"===I&&"off"!==F,R=a.useRef(),P="on"===F?5e3:"number"==typeof F?F:5e3,E=a.useCallback((()=>{R.current||(R.current=new o.Timer(N,P))}),[N,P]),U=a.useCallback((()=>{R.current&&(R.current.clear(),R.current=void 0)}),[]),w=a.useCallback((()=>{R.current?.pause()}),[]),D=a.useCallback((()=>{R.current?.resume()}),[]);a.useEffect((()=>(g.isValidValueForProp(M)&&f.playSound(M),A&&E(),()=>{U()})),[]);const{variantClasses:_}=r.useComponentTheme(n.MessageBannerRedwoodTheme,{severity:B}),H=l.classNames(["banner"===I&&_,m.messageStyles.base[I],"toast"!==p&&f.severityBasedStyleClass(B,I),"sectionBanner"===p&&m.messageStyles.section]),$=l.classNames([m.messageStyles.content.base,m.messageStyles.content[I]]);return s.jsx("div",{ref:d,class:H,role:"alert","aria-atomic":"true","data-oj-key":`${typeof c.key}-${c.key}`,tabIndex:0,onKeyUp:V,onFocusIn:w,onFocusOut:D,children:s.jsxs("div",{class:$,children:[i?s.jsx(b,{item:c,renderer:i}):h(B)?s.jsx(f.MessageStartIcon,{severity:B,variant:I}):null,s.jsxs(t.Flex,{direction:"column",flex:"1",gap:y.xUnits(2),children:[s.jsxs(j,{variant:I,children:[s.jsx(f.MessageSummary,{variant:I,text:T,role:"heading","aria-level":2}),g.isValidValueForProp(k,"timestamp")&&"toast"!==p&&s.jsx(S,{variant:I,value:k})]}),s.jsx(x,{variant:I,item:c,renderer:e})]}),"on"===C&&s.jsx(v,{variant:I,onAction:N})]})})},e.MessageCloseButton=v,e.MessageDetail=x,e.MessageTimestamp=S}));
 //# sourceMappingURL=Message-51d787d0.js.map

package/amd/MessageLayer-cf2fbea9.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './Flex-db3ddadb', './WindowOverlay-ad61cfea', './useUser-9b166ca3', './Layer-8d7bbd69', 'preact/compat', './LayerHost-0a244de8'], (function(t,e,o,s,r,a,i,n){"use strict";t.MessageLayer=({children:t,offset:i,testId:n,position:d="bottom"})=>{const c=d.split("-")[0];let l;l="number"==typeof i?{mainAxis:i,crossAxis:i}:"top"==c||"bottom"==c?{mainAxis:i?.vertical,crossAxis:i?.horizontal}:{mainAxis:i?.horizontal,crossAxis:i?.vertical};const{direction:p}=r.useUser(),b="ltr"===p;let m;switch(d){case"top-left":m=b?"top-start":"top-end";break;case"top-right":m=b?"top-end":"top-start";break;case"bottom-left":m=b?"bottom-start":"bottom-end";break;case"bottom-right":m=b?"bottom-end":"bottom-start";break;default:m=d}return e.jsx(a.Layer,{priority:"messages",level:"topLevel",children:e.jsx(s.WindowOverlay,{placement:m,offset:l,children:e.jsx("div",{"data-testid":n,children:e.jsx(o.Flex,{direction:"column",gap:"2x",children:t})})})})},t.positions=["top","top-left","top-right","top-start","top-end","bottom","bottom-left","bottom-right","bottom-start","bottom-end"]}));
+//# sourceMappingURL=MessageLayer-cf2fbea9.js.map

package/amd/{MessageLayer-d2c49999.js.map → MessageLayer-cf2fbea9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MessageLayer-d2c49999.js","sources":["../../src/PRIVATE_MessageLayer/MessageLayer.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport { Flex } from '../UNSAFE_Flex';\nimport { WindowOverlay, WindowOverlayPlacement } from '../UNSAFE_WindowOverlay';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { Layer } from '../UNSAFE_Layer';\n\nconst positions = [\n  'top',\n  'top-left',\n  'top-right',\n  'top-start',\n  'top-end',\n  'bottom',\n  'bottom-left',\n  'bottom-right',\n  'bottom-start',\n  'bottom-end'\n] as const;\n\ntype Position = (typeof positions)[number];\n\ntype Offset =\n  | number\n  | {\n      horizontal?: number;\n      vertical?: number;\n    };\n\ntype Props = {\n  children: ComponentChildren;\n\n  /**\n   * Defines the fixed position where the notifications will to be placed on the screen.\n   * - top-start resolves to top-left in LTR (top-right in RTL)\n   * - top-end resolves to top-right in LTR (top-left in RTL)\n   * - bottom-start resolves to bottom-left in LTR (bottom-right in RTL)\n   * - bottom-end resolves to bottom-right in LTR (bottom-left in RTL)\n   *\n   * default bottom\n   */\n  position?: Position;\n\n  /**\n   * Defines an offset (in pixels) in the placement. Value can be supplied as a number or\n   * an object with horizontal and vertical values.\n   *\n   * default 0\n   */\n  offset?: Offset;\n\n  /**\n   * The test id which is assigned to the \"data-testid\" for the component's element.\n   * Used for test automation, it is assigned to the wrapper element rendered by the component.\n   */\n  testId?: string;\n};\n\nconst MessageLayer = ({ children, offset, testId, position = 'bottom' }: Props) => {\n  const side = position.split('-')[0];\n  let windowOverlayOffset;\n  if (typeof offset === 'number') {\n    windowOverlayOffset = { mainAxis: offset, crossAxis: offset };\n  } else if (side == 'top' || side == 'bottom') {\n    windowOverlayOffset = { mainAxis: offset?.vertical, crossAxis: offset?.horizontal };\n  } else {\n    windowOverlayOffset = { mainAxis: offset?.horizontal, crossAxis: offset?.vertical };\n  }\n\n  const { direction } = useUser();\n  const isLtr = direction === 'ltr';\n  let windowOverlayPlacement: WindowOverlayPlacement | undefined;\n  switch (position) {\n    case 'top-left':\n      windowOverlayPlacement = isLtr ? 'top-start' : 'top-end';\n      break;\n    case 'top-right':\n      windowOverlayPlacement = isLtr ? 'top-end' : 'top-start';\n      break;\n    case 'bottom-left':\n      windowOverlayPlacement = isLtr ? 'bottom-start' : 'bottom-end';\n      break;\n    case 'bottom-right':\n      windowOverlayPlacement = isLtr ? 'bottom-end' : 'bottom-start';\n      break;\n    default:\n      windowOverlayPlacement = position;\n      break;\n  }\n  return (\n    <Layer priority=\"messages\" level=\"topLevel\">\n      <WindowOverlay placement={windowOverlayPlacement} offset={windowOverlayOffset}>\n        <div data-testid={testId}>\n          <Flex direction=\"column\" gap=\"2x\">\n            {children}\n          </Flex>\n        </div>\n      </WindowOverlay>\n    </Layer>\n  );\n};\n\nexport type { Position, Offset };\nexport { MessageLayer, positions };\n"],"names":["children","offset","testId","position","side","split","windowOverlayOffset","mainAxis","crossAxis","vertical","horizontal","direction","useUser","isLtr","windowOverlayPlacement","_jsx","Layer","priority","level","WindowOverlay","placement","jsx","Flex","gap"],"mappings":"2NAyDqB,EAAGA,WAAUC,SAAQC,SAAQC,WAAW,aAC3D,MAAMC,EAAOD,EAASE,MAAM,KAAK,GACjC,IAAIC,EAEFA,EADoB,iBAAXL,EACa,CAAEM,SAAUN,EAAQO,UAAWP,GACpC,OAARG,GAAyB,UAARA,EACJ,CAAEG,SAAUN,GAAQQ,SAAUD,UAAWP,GAAQS,YAEjD,CAAEH,SAAUN,GAAQS,WAAYF,UAAWP,GAAQQ,UAG3E,MAAME,UAAEA,GAAcC,EAAAA,UAChBC,EAAsB,QAAdF,EACd,IAAIG,EACJ,OAAQX,GACN,IAAK,WACHW,EAAyBD,EAAQ,YAAc,UAC/C,MACF,IAAK,YACHC,EAAyBD,EAAQ,UAAY,YAC7C,MACF,IAAK,cACHC,EAAyBD,EAAQ,eAAiB,aAClD,MACF,IAAK,eACHC,EAAyBD,EAAQ,aAAe,eAChD,MACF,QACEC,EAAyBX,EAG7B,OACEY,EAAAA,IAACC,EAAAA,OAAMC,SAAS,WAAWC,MAAM,WAAUlB,SACzCe,EAAAA,IAACI,EAAAA,cAAa,CAACC,UAAWN,EAAwBb,OAAQK,EACxDN,SAAAe,EAAAM,IAAA,MAAA,CAAA,cAAkBnB,EAChBF,SAAAe,EAAAA,IAACO,EAAAA,KAAK,CAAAX,UAAU,SAASY,IAAI,cAC1BvB,SAKT,cA5Fc,CAChB,MACA,WACA,YACA,YACA,UACA,SACA,cACA,eACA,eACA"}
+{"version":3,"file":"MessageLayer-cf2fbea9.js","sources":["../../src/PRIVATE_MessageLayer/MessageLayer.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport { Flex } from '../UNSAFE_Flex';\nimport { WindowOverlay, WindowOverlayPlacement } from '../UNSAFE_WindowOverlay';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { Layer } from '../UNSAFE_Layer';\n\nconst positions = [\n  'top',\n  'top-left',\n  'top-right',\n  'top-start',\n  'top-end',\n  'bottom',\n  'bottom-left',\n  'bottom-right',\n  'bottom-start',\n  'bottom-end'\n] as const;\n\ntype Position = (typeof positions)[number];\n\ntype Offset =\n  | number\n  | {\n      horizontal?: number;\n      vertical?: number;\n    };\n\ntype Props = {\n  children: ComponentChildren;\n\n  /**\n   * Defines the fixed position where the notifications will to be placed on the screen.\n   * - top-start resolves to top-left in LTR (top-right in RTL)\n   * - top-end resolves to top-right in LTR (top-left in RTL)\n   * - bottom-start resolves to bottom-left in LTR (bottom-right in RTL)\n   * - bottom-end resolves to bottom-right in LTR (bottom-left in RTL)\n   *\n   * default bottom\n   */\n  position?: Position;\n\n  /**\n   * Defines an offset (in pixels) in the placement. Value can be supplied as a number or\n   * an object with horizontal and vertical values.\n   *\n   * default 0\n   */\n  offset?: Offset;\n\n  /**\n   * The test id which is assigned to the \"data-testid\" for the component's element.\n   * Used for test automation, it is assigned to the wrapper element rendered by the component.\n   */\n  testId?: string;\n};\n\nconst MessageLayer = ({ children, offset, testId, position = 'bottom' }: Props) => {\n  const side = position.split('-')[0];\n  let windowOverlayOffset;\n  if (typeof offset === 'number') {\n    windowOverlayOffset = { mainAxis: offset, crossAxis: offset };\n  } else if (side == 'top' || side == 'bottom') {\n    windowOverlayOffset = { mainAxis: offset?.vertical, crossAxis: offset?.horizontal };\n  } else {\n    windowOverlayOffset = { mainAxis: offset?.horizontal, crossAxis: offset?.vertical };\n  }\n\n  const { direction } = useUser();\n  const isLtr = direction === 'ltr';\n  let windowOverlayPlacement: WindowOverlayPlacement | undefined;\n  switch (position) {\n    case 'top-left':\n      windowOverlayPlacement = isLtr ? 'top-start' : 'top-end';\n      break;\n    case 'top-right':\n      windowOverlayPlacement = isLtr ? 'top-end' : 'top-start';\n      break;\n    case 'bottom-left':\n      windowOverlayPlacement = isLtr ? 'bottom-start' : 'bottom-end';\n      break;\n    case 'bottom-right':\n      windowOverlayPlacement = isLtr ? 'bottom-end' : 'bottom-start';\n      break;\n    default:\n      windowOverlayPlacement = position;\n      break;\n  }\n  return (\n    <Layer priority=\"messages\" level=\"topLevel\">\n      <WindowOverlay placement={windowOverlayPlacement} offset={windowOverlayOffset}>\n        <div data-testid={testId}>\n          <Flex direction=\"column\" gap=\"2x\">\n            {children}\n          </Flex>\n        </div>\n      </WindowOverlay>\n    </Layer>\n  );\n};\n\nexport type { Position, Offset };\nexport { MessageLayer, positions };\n"],"names":["children","offset","testId","position","side","split","windowOverlayOffset","mainAxis","crossAxis","vertical","horizontal","direction","useUser","isLtr","windowOverlayPlacement","_jsx","Layer","priority","level","WindowOverlay","placement","jsx","Flex","gap"],"mappings":"2NAyDqB,EAAGA,WAAUC,SAAQC,SAAQC,WAAW,aAC3D,MAAMC,EAAOD,EAASE,MAAM,KAAK,GACjC,IAAIC,EAEFA,EADoB,iBAAXL,EACa,CAAEM,SAAUN,EAAQO,UAAWP,GACpC,OAARG,GAAyB,UAARA,EACJ,CAAEG,SAAUN,GAAQQ,SAAUD,UAAWP,GAAQS,YAEjD,CAAEH,SAAUN,GAAQS,WAAYF,UAAWP,GAAQQ,UAG3E,MAAME,UAAEA,GAAcC,EAAAA,UAChBC,EAAsB,QAAdF,EACd,IAAIG,EACJ,OAAQX,GACN,IAAK,WACHW,EAAyBD,EAAQ,YAAc,UAC/C,MACF,IAAK,YACHC,EAAyBD,EAAQ,UAAY,YAC7C,MACF,IAAK,cACHC,EAAyBD,EAAQ,eAAiB,aAClD,MACF,IAAK,eACHC,EAAyBD,EAAQ,aAAe,eAChD,MACF,QACEC,EAAyBX,EAG7B,OACEY,EAAAA,IAACC,EAAAA,OAAMC,SAAS,WAAWC,MAAM,WAAUlB,SACzCe,EAAAA,IAACI,EAAAA,cAAa,CAACC,UAAWN,EAAwBb,OAAQK,EACxDN,SAAAe,EAAAM,IAAA,MAAA,CAAA,cAAkBnB,EAChBF,SAAAe,EAAAA,IAACO,EAAAA,KAAK,CAAAX,UAAU,SAASY,IAAI,cAC1BvB,SAKT,cA5Fc,CAChB,MACA,WACA,YACA,YACA,UACA,SACA,cACA,eACA,eACA"}

package/amd/MessageToast-e0e07765.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './LayerHost-eab40731', './EnvironmentProvider-46d0a245', './useMessagesFocusManager-8777bce0', './useBreakpointValues-3a067093', './MessagesContext-602a69a2', './useMessagesContext-1395a997', './useTranslationBundle-6ef0dab6', './Message-51d787d0', 'preact', './utils-61ef4ad6', './useTooltipControlled-abf886f2', 'css!./IconStyle.styles.css', './IconButton-1b328b69', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './MessagesManager-78a10f78', './Flex-1f27b601', './useTestId-82cf22a4', './FocusTrap-eb3989cb', './LiveRegion-be6f36d7', './useComponentTheme-5aa41a8f', './UNSAFE_MessageToast/themes/redwood/MessageToastTheme', './MessageLayer-d2c49999'], (function(e,s,t,n,a,o,r,i,l,c,u,d,g,f,m,h,p,y,M,v,x,R,b,T,F,k){"use strict";const C={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}}},j={opacity:0};e.MessageToast=function({data:e,detailRendererKey:n,iconRendererKey:i,renderers:d,onClose:f,offset:m,position:h,testId:p}){const y=x.useTestId(p),S=t.useRef(new Map),I=t.useRef(null),L=t.useRef(null),E=t.useRef(null),[B,U]=t.useState(),[w,z]=t.useState(e.length>0),[_,$]=t.useState(!1),A=c.useTranslationBundle("@oracle/oraclejet-preact"),{UNSAFE_messagesLayerId:H}=l.useMessagesContext(),K=t.useRef(e.length),P=t.useRef(0);K.current=e.length,t.useImperativeHandle(E,(()=>({focus:()=>!!e.length&&(I.current=S.current.get(e[0].key)??null,$(!0),!0),contains:s=>!(!e.length||!s)&&(L.current?.contains(s)??!1)})),[e]);const{controller:V,handlers:N}=o.useMessageFocusManager(E,{onFocus:t.useCallback((()=>{U(A.message_navigationFromMessagesRegion())}),[A]),onFocusLeave:t.useCallback((()=>{$(!1)}),[])},{handleEscapeKey:!1}),W=t.useCallback(((s,t,n)=>{const a=n?.contains(document.activeElement);if(0===K.current)return z(!1),$(!1),void(a&&setImmediate((()=>V.restorePriorFocus())));const o=t+1<e.length?t+1:t-1;if(o>-1&&a){const s=e[o].key;S.current.get(s)?.focus()}}),[V,e]),D=t.useCallback((e=>s=>S.current.set(e,s)),[]);t.useEffect((()=>{const s=P.current;if(P.current=e.length,e.length)return z(!0),e.length>s&&U(A.message_navigationToMessagesRegion()),void V.prioritize();U(s?A.messageToast_allMessagesClosed():"")}),[V,e.length,A]);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 m?m:m?.horizontal??0,vertical:16+("number"==typeof m?m:m?.vertical??0)},lg:{horizontal:"number"==typeof m?m:m?.horizontal??0,vertical:24+("number"==typeof m?m:m?.vertical??0)}}),{classes:J}=T.useComponentTheme(F.MessageToastRedwoodTheme);return w||0!==e.length?s.jsxs(a.EnvironmentProvider,{environment:{colorScheme:"dark"},children:[s.jsx(k.MessageLayer,{offset:G,position:h,children:s.jsx("div",{class:J,ref:L,tabIndex:-1,id:H,...N,...y,children:s.jsx(R.FocusTrap,{autoFocusRef:I,isDisabled:!_,children:s.jsx(v.Flex,{direction:"column",gap:"1x",align:"center",maxWidth:q,children:s.jsx(M.MessagesManager,{animationStates:C,initialAnimationStyles:j,data:e,onMessageWillRemove:W,children:({item:e})=>s.jsx(u.Message,{messageRef:D(e.key),item:e,detailRenderer:M.getRenderer(e,n,d),iconRenderer:M.getRenderer(e,i,d),onClose:f,variant:"toast"},e.key)})})})})}),s.jsx(b.LiveRegion,{children:B})]}):s.jsx(b.LiveRegion,{children:B})}}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './LayerHost-0a244de8', './EnvironmentProvider-9e71b5c2', './useMessagesFocusManager-8777bce0', './useBreakpointValues-3a067093', './MessagesContext-602a69a2', './useMessagesContext-1395a997', './useTranslationBundle-20bfc0f3', './Message-51d787d0', 'preact', './utils-61ef4ad6', './useTooltipControlled-18271c7a', 'css!./IconStyle.styles.css', './IconButton-1b328b69', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './MessagesManager-78a10f78', './Flex-db3ddadb', './useTestId-f3b8b319', './FocusTrap-eb3989cb', './LiveRegion-09197914', './useComponentTheme-5aa41a8f', './UNSAFE_MessageToast/themes/redwood/MessageToastTheme', './MessageLayer-cf2fbea9'], (function(e,s,t,n,a,o,r,i,l,c,u,d,g,m,f,h,p,y,M,v,x,b,R,T,F,k){"use strict";const C={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}}},j={opacity:0};e.MessageToast=function({data:e,detailRendererKey:n,iconRendererKey:i,renderers:d,onClose:m,offset:f,position:h,testId:p}){const y=x.useTestId(p),S=t.useRef(new Map),I=t.useRef(null),L=t.useRef(null),E=t.useRef(null),[B,U]=t.useState(),[w,z]=t.useState(e.length>0),[_,$]=t.useState(!1),A=c.useTranslationBundle("@oracle/oraclejet-preact"),{UNSAFE_messagesLayerId:H}=l.useMessagesContext(),K=t.useRef(e.length),P=t.useRef(0);K.current=e.length,t.useImperativeHandle(E,(()=>({focus:()=>!!e.length&&(I.current=S.current.get(e[0].key)??null,$(!0),!0),contains:s=>!(!e.length||!s)&&(L.current?.contains(s)??!1)})),[e]);const{controller:V,handlers:N}=o.useMessageFocusManager(E,{onFocus:t.useCallback((()=>{U(A.message_navigationFromMessagesRegion())}),[A]),onFocusLeave:t.useCallback((()=>{$(!1)}),[])},{handleEscapeKey:!1}),W=t.useCallback(((s,t,n)=>{const a=n?.contains(document.activeElement);if(0===K.current)return z(!1),$(!1),void(a&&setImmediate((()=>V.restorePriorFocus())));const o=t+1<e.length?t+1:t-1;if(o>-1&&a){const s=e[o].key;S.current.get(s)?.focus()}}),[V,e]),D=t.useCallback((e=>s=>S.current.set(e,s)),[]);t.useEffect((()=>{const s=P.current;if(P.current=e.length,e.length)return z(!0),e.length>s&&U(A.message_navigationToMessagesRegion()),void V.prioritize();U(s?A.messageToast_allMessagesClosed():"")}),[V,e.length,A]);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 f?f:f?.horizontal??0,vertical:16+("number"==typeof f?f:f?.vertical??0)},lg:{horizontal:"number"==typeof f?f:f?.horizontal??0,vertical:24+("number"==typeof f?f:f?.vertical??0)}}),{classes:J}=T.useComponentTheme(F.MessageToastRedwoodTheme);return w||0!==e.length?s.jsxs(a.EnvironmentProvider,{environment:{colorScheme:"dark"},children:[s.jsx(k.MessageLayer,{offset:G,position:h,children:s.jsx("div",{class:J,ref:L,tabIndex:-1,id:H,...N,...y,children:s.jsx(b.FocusTrap,{autoFocusRef:I,isDisabled:!_,children:s.jsx(v.Flex,{direction:"column",gap:"1x",align:"center",maxWidth:q,children:s.jsx(M.MessagesManager,{animationStates:C,initialAnimationStyles:j,data:e,onMessageWillRemove:W,children:({item:e})=>s.jsx(u.Message,{messageRef:D(e.key),item:e,detailRenderer:M.getRenderer(e,n,d),iconRenderer:M.getRenderer(e,i,d),onClose:m,variant:"toast"},e.key)})})})})}),s.jsx(R.LiveRegion,{children:B})]}):s.jsx(R.LiveRegion,{children:B})}}));
 //# sourceMappingURL=MessageToast-e0e07765.js.map

package/amd/MessagesManager-78a10f78.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './SuccessS-e1f2cad9', './ErrorS-f41bce95', './InformationS-28ac133d', './WarningS-f0365779', './Flex-1f27b601', './PRIVATE_Message/themes/MessageStyles.css', './useTranslationBundle-6ef0dab6', './useTestId-82cf22a4', './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-e1f2cad9', './ErrorS-f41bce95', './InformationS-28ac133d', './WarningS-f0365779', './Flex-db3ddadb', './PRIVATE_Message/themes/MessageStyles.css', './useTranslationBundle-20bfc0f3', './useTestId-f3b8b319', './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-78a10f78.js.map

package/amd/MeterBar-38666619.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './TrackResizeContainer-905caab2', './size-4e81acac', './classNames-08d99695', './mergeProps-bcfa6a92', 'preact/hooks', './useUser-6dd85af9', './useMeterDatatip-60af9281', './useKeyboardEvents-e9a2b72b', './meterUtils-dcd89d95', './UNSAFE_MeterBar/themes/MeterBarStyles.css', './utils-95689660', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './useComponentTheme-5aa41a8f', './UNSAFE_MeterBar/themes/redwood/MeterBarTheme', './useTestId-82cf22a4', './UNSAFE_MeterBar/themes/MeterBarContract.css', './utils-61ef4ad6', './LinearMeter-82411a78'], (function(e,t,r,a,s,n,i,o,l,c,d,h,u,S,m,y,g,f,b,p,T){"use strict";function x(e){if(!e)return{width:0,height:0};const t=e.getBoundingClientRect();return{width:t.width,height:t.height}}const k=function(e,t,r,a,s,n){const i=[];return e.start&&i.push(t?r:a),e.end&&i.push(t?s:n),i},z=function(e,t,r,a,s,n){const i=[];return e.start&&i.push(t?r:a),e.end&&i.push(t?s:n),i},M=function(e,t,r){return t&&(e.start&&!r&&(t-=16),e.end&&!r&&(t-=16)),t},B=function(e,t,r){return t&&(e.start&&r&&(t-=16),e.end&&r&&(t-=16)),t};function C({orientation:e,percentage:r,color:a,position:n,width:i,height:l}){const c="horizontal"===e,{direction:d}=o.useUser(),S="rtl"===d,m="start"===n;return t.jsx("div",{class:s.classNames([h.styles.referenceLinesBaseStyle,c?h.styles.referenceLinesHorizontalStyle:h.styles.referenceLinesVerticalStyle,m?c?h.styles.referenceLinesHoriontalStartStyle:S?h.styles.referenceLinesVerticalStartRtlStyle:h.styles.referenceLinesVerticalStartLtrStyle:""]),style:{left:c&&!S?r:void 0,right:c&&S?r:void 0,bottom:c?void 0:r,backgroundColor:u.getVisThresholdColor(a),width:i,height:l}})}function v({color:e,length:r,orientation:a,...n}){const{direction:i}=o.useUser(),l="horizontal"===a,c="rtl"===i;return t.jsx("div",{class:s.classNames([h.styles.thresholdBarBaseStyle,l?c?h.styles.thresholdBarHorizontalBarTrackSectionRtlStyle:h.styles.thresholdBarHorizontalBarTrackSectionLtrStyle:h.styles.thresholdBarVerticalBarTrackSectionStyle,n.class]),style:{width:l?r:"100%",height:l?"100%":r,backgroundColor:u.getVisThresholdColor(e)}})}function V({max:e=100,min:r=0,value:h=0,step:u=1,length:S="100%",width:V,height:w,size:j,orientation:L="horizontal",isTrackRendered:R=!0,thresholdDisplay:F="all",indicatorSize:I=1,testId:U,...E}){const H=f.useTestId(U);d.validateRange(r,e,h,u);const N=i.useRef(),A="horizontal"===L,P=i.useRef(null),$=i.useRef(x(null)),{direction:D,forcedColors:_}=o.useUser(),K="rtl"===D;i.useEffect((()=>{(E.onCommit||E.onInput)&&($.current=x(P.current))}),[j,S,L,E.onCommit,E.onInput]);const X=i.useRef(!1),Y=l.usePointerEvents(h,(t=>{if(t.target==P.current)return function(e,t,r,a,s,n,i){const o=t.current;if(!o||0===o.width)return;let l;if("horizontal"===n){const t=e.offsetX;l=r+(a-r)*(i?o.width-t:t)/o.width}else l=r+(a-r)*(o.height-e.offsetY)/o.height;return l=Math.round(l/s)*s,Math.max(r,Math.min(a,l))}(t,$,r,e,u,L,K)}),P,N,X,E.onCommit,E.onInput),q=c.useKeyboardEvents(h,r,e,u,N,E.onCommit,E.onInput),{datatipContent:G,datatipProps:J}=l.useMeterDatatip(h,X,E.datatip,E["aria-describedby"]),O=d.getMeterAriaProps(h,r,e,E["aria-label"],E["aria-labelledby"],E.thresholds),Q=n.mergeProps(Y,q,J,O),W=Math.max(0,Math.min(1,I)),Z=100*(h-r)/(e-r)+"%",ee=100*W+"%",{trackColor:te,indicatorColor:re}=d.getTrackAndIndicatorColor(h,F,E.trackColor,E.indicatorColor,E.thresholds),ae=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),se=E.onCommit||E.onInput,{isTabbable:ne}=m.useTabbableMode(),{classes:ie,styles:{interactiveStyle:oe,barValueBaseStyle:le,barValueVerticalStyle:ce,barValueHorizontalStyle:de,barValueHighContrastStyle:he,barTrackBaseStyle:ue,barTrackHorizontalSizeStyle:Se,barTrackVerticalSizeStyle:me,barTrackBorderStyle:ye,barTrackMarginTopStyle:ge,barTrackMarginStartStyle:fe,barTrackMarginBottomStyle:be,barTrackMarginEndStyle:pe,barTrackMarginTopFitStyle:Te,barTrackMarginStartFitStyle:xe,barTrackMarginBottomFitStyle:ke,barTrackMarginEndFitStyle:ze,trackSectionHorizontalFirstStyle:Me,trackSectionHorizontalLastStyle:Be,trackSectionVerticalFirstStyle:Ce,trackSectionVerticalLastStyle:ve,trackSectionRoundedCornersStyle:Ve}}=y.useComponentTheme(g.MeterBarRedwoodTheme,{size:j,orientation:L}),we="fit"===j;return t.jsxs(t.Fragment,{children:[t.jsx("div",{tabIndex:ne?0:-1,...H,...Q,style:{width:we?M(ae,V,A):A?a.sizeToCSS(S):void 0,height:we?B(ae,w,A):A?void 0:a.sizeToCSS(S)},class:s.classNames([ie,...we?z(ae,A,Te,xe,ke,ze):[]]),children:t.jsxs(T.BarTrack,{ref:P,orientation:L,color:!R||"all"===F&&E.thresholds?"transparent":te,class:s.classNames([ue,se?oe:"",A?Se:me,!R||"all"===F&&E.thresholds?void 0:ye,...we?"":k(ae,A,ge,fe,be,pe)]),children:["all"===F&&E.thresholds?.filter((t=>t.max>r&&t.max<=e)).sort(((e,t)=>e.max-t.max)).map(((a,s,n)=>{const i=0===s?a.max-r:a.max-n[s-1].max,o=A?Be:ve;let l=0===s?A?Me:Ce:"";return a.max===e&&(l=0===s?Ve:o),t.jsxs(t.Fragment,{children:[t.jsx(v,{class:l,orientation:L,length:100*i/(e-r)+"%",color:a.color}),R&&s===n.length-1&&a.max<e?t.jsx(v,{class:o,color:te,orientation:L,length:100*(e-n[s].max)/(e-r)+"%"}):""]})})),t.jsx(T.BarValue,{length:Z,size:ee,orientation:L,class:s.classNames([le,A?de:ce,"active"===_?he:""]),color:re}),E.referenceLines?.map((a=>t.jsx(C,{color:a.color,orientation:L,percentage:100*(a.value-r)/(e-r)+"%",position:a.position,width:we?A?void 0:`calc(${p.xUnits(4)} + ${b.meterBarVars.size})`:void 0,height:we&&A?`calc(${p.xUnits(4)} + ${b.meterBarVars.size})`:void 0})))]})}),G]})}e.MeterBar=function({orientation:e,length:a,size:s,...n}){return t.jsx(t.Fragment,{children:"fit"===s?t.jsx(r.TrackResizeContainer,{width:"100%",height:"100%",children:(r,a)=>t.jsx(V,{width:r,height:a,orientation:e,size:s,...n})}):t.jsx(V,{size:s,length:a,orientation:e,...n})})}}));
+define(['exports', 'preact/jsx-runtime', './TrackResizeContainer-905caab2', './size-4e81acac', './classNames-08d99695', './mergeProps-bcfa6a92', 'preact/hooks', './useUser-9b166ca3', './useMeterDatatip-1a3890aa', './useKeyboardEvents-57008a1d', './meterUtils-dcd89d95', './UNSAFE_MeterBar/themes/MeterBarStyles.css', './utils-95689660', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './useComponentTheme-5aa41a8f', './UNSAFE_MeterBar/themes/redwood/MeterBarTheme', './useTestId-f3b8b319', './UNSAFE_MeterBar/themes/MeterBarContract.css', './utils-61ef4ad6', './LinearMeter-82411a78'], (function(e,t,r,a,s,n,i,o,l,c,h,d,u,S,m,y,g,f,b,p,T){"use strict";function x(e){if(!e)return{width:0,height:0};const t=e.getBoundingClientRect();return{width:t.width,height:t.height}}const k=function(e,t,r,a,s,n){const i=[];return e.start&&i.push(t?r:a),e.end&&i.push(t?s:n),i},z=function(e,t,r,a,s,n){const i=[];return e.start&&i.push(t?r:a),e.end&&i.push(t?s:n),i},M=function(e,t,r){return t&&(e.start&&!r&&(t-=16),e.end&&!r&&(t-=16)),t},B=function(e,t,r){return t&&(e.start&&r&&(t-=16),e.end&&r&&(t-=16)),t};function C({orientation:e,percentage:r,color:a,position:n,width:i,height:l}){const c="horizontal"===e,{direction:h}=o.useUser(),S="rtl"===h,m="start"===n;return t.jsx("div",{class:s.classNames([d.styles.referenceLinesBaseStyle,c?d.styles.referenceLinesHorizontalStyle:d.styles.referenceLinesVerticalStyle,m?c?d.styles.referenceLinesHoriontalStartStyle:S?d.styles.referenceLinesVerticalStartRtlStyle:d.styles.referenceLinesVerticalStartLtrStyle:""]),style:{left:c&&!S?r:void 0,right:c&&S?r:void 0,bottom:c?void 0:r,backgroundColor:u.getVisThresholdColor(a),width:i,height:l}})}function v({color:e,length:r,orientation:a,...n}){const{direction:i}=o.useUser(),l="horizontal"===a,c="rtl"===i;return t.jsx("div",{class:s.classNames([d.styles.thresholdBarBaseStyle,l?c?d.styles.thresholdBarHorizontalBarTrackSectionRtlStyle:d.styles.thresholdBarHorizontalBarTrackSectionLtrStyle:d.styles.thresholdBarVerticalBarTrackSectionStyle,n.class]),style:{width:l?r:"100%",height:l?"100%":r,backgroundColor:u.getVisThresholdColor(e)}})}function V({max:e=100,min:r=0,value:d=0,step:u=1,length:S="100%",width:V,height:w,size:j,orientation:L="horizontal",isTrackRendered:R=!0,thresholdDisplay:F="all",indicatorSize:I=1,testId:U,...E}){const H=f.useTestId(U);h.validateRange(r,e,d,u);const N=i.useRef(),A="horizontal"===L,P=i.useRef(null),$=i.useRef(x(null)),{direction:D,forcedColors:_}=o.useUser(),K="rtl"===D;i.useEffect((()=>{(E.onCommit||E.onInput)&&($.current=x(P.current))}),[j,S,L,E.onCommit,E.onInput]);const X=i.useRef(!1),Y=l.usePointerEvents(d,(t=>{if(t.target==P.current)return function(e,t,r,a,s,n,i){const o=t.current;if(!o||0===o.width)return;let l;if("horizontal"===n){const t=e.offsetX;l=r+(a-r)*(i?o.width-t:t)/o.width}else l=r+(a-r)*(o.height-e.offsetY)/o.height;return l=Math.round(l/s)*s,Math.max(r,Math.min(a,l))}(t,$,r,e,u,L,K)}),P,N,X,E.onCommit,E.onInput),q=c.useKeyboardEvents(d,r,e,u,N,E.onCommit,E.onInput),{datatipContent:G,datatipProps:J}=l.useMeterDatatip(d,X,E.datatip,E["aria-describedby"]),O=h.getMeterAriaProps(d,r,e,E["aria-label"],E["aria-labelledby"],E.thresholds),Q=n.mergeProps(Y,q,J,O),W=Math.max(0,Math.min(1,I)),Z=100*(d-r)/(e-r)+"%",ee=100*W+"%",{trackColor:te,indicatorColor:re}=h.getTrackAndIndicatorColor(d,F,E.trackColor,E.indicatorColor,E.thresholds),ae=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),se=E.onCommit||E.onInput,{isTabbable:ne}=m.useTabbableMode(),{classes:ie,styles:{interactiveStyle:oe,barValueBaseStyle:le,barValueVerticalStyle:ce,barValueHorizontalStyle:he,barValueHighContrastStyle:de,barTrackBaseStyle:ue,barTrackHorizontalSizeStyle:Se,barTrackVerticalSizeStyle:me,barTrackBorderStyle:ye,barTrackMarginTopStyle:ge,barTrackMarginStartStyle:fe,barTrackMarginBottomStyle:be,barTrackMarginEndStyle:pe,barTrackMarginTopFitStyle:Te,barTrackMarginStartFitStyle:xe,barTrackMarginBottomFitStyle:ke,barTrackMarginEndFitStyle:ze,trackSectionHorizontalFirstStyle:Me,trackSectionHorizontalLastStyle:Be,trackSectionVerticalFirstStyle:Ce,trackSectionVerticalLastStyle:ve,trackSectionRoundedCornersStyle:Ve}}=y.useComponentTheme(g.MeterBarRedwoodTheme,{size:j,orientation:L}),we="fit"===j;return t.jsxs(t.Fragment,{children:[t.jsx("div",{tabIndex:ne?0:-1,...H,...Q,style:{width:we?M(ae,V,A):A?a.sizeToCSS(S):void 0,height:we?B(ae,w,A):A?void 0:a.sizeToCSS(S)},class:s.classNames([ie,...we?z(ae,A,Te,xe,ke,ze):[]]),children:t.jsxs(T.BarTrack,{ref:P,orientation:L,color:!R||"all"===F&&E.thresholds?"transparent":te,class:s.classNames([ue,se?oe:"",A?Se:me,!R||"all"===F&&E.thresholds?void 0:ye,...we?"":k(ae,A,ge,fe,be,pe)]),children:["all"===F&&E.thresholds?.filter((t=>t.max>r&&t.max<=e)).sort(((e,t)=>e.max-t.max)).map(((a,s,n)=>{const i=0===s?a.max-r:a.max-n[s-1].max,o=A?Be:ve;let l=0===s?A?Me:Ce:"";return a.max===e&&(l=0===s?Ve:o),t.jsxs(t.Fragment,{children:[t.jsx(v,{class:l,orientation:L,length:100*i/(e-r)+"%",color:a.color}),R&&s===n.length-1&&a.max<e?t.jsx(v,{class:o,color:te,orientation:L,length:100*(e-n[s].max)/(e-r)+"%"}):""]})})),t.jsx(T.BarValue,{length:Z,size:ee,orientation:L,class:s.classNames([le,A?he:ce,"active"===_?de:""]),color:re}),E.referenceLines?.map((a=>t.jsx(C,{color:a.color,orientation:L,percentage:100*(a.value-r)/(e-r)+"%",position:a.position,width:we?A?void 0:`calc(${p.xUnits(4)} + ${b.meterBarVars.size})`:void 0,height:we&&A?`calc(${p.xUnits(4)} + ${b.meterBarVars.size})`:void 0})))]})}),G]})}e.MeterBar=function({orientation:e,length:a,size:s,...n}){return t.jsx(t.Fragment,{children:"fit"===s?t.jsx(r.TrackResizeContainer,{width:"100%",height:"100%",children:(r,a)=>t.jsx(V,{width:r,height:a,orientation:e,size:s,...n})}):t.jsx(V,{size:s,length:a,orientation:e,...n})})}}));
 //# sourceMappingURL=MeterBar-38666619.js.map

package/amd/MeterCircle-f1561632.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './useUser-6dd85af9', 'preact/hooks', './mergeProps-bcfa6a92', './classNames-08d99695', './meterUtils-dcd89d95', './circleUtils-1886e5b4', './utils-95689660', './UNSAFE_MeterCircle/themes/MeterCircleStyles.css', './TrackResizeContainer-905caab2', './UNSAFE_MeterCircle/themes/MeterCircleContract.css', './Common/themes/themeContract.css', './utils-61ef4ad6', './useMeterDatatip-60af9281', './useKeyboardEvents-e9a2b72b', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './useComponentTheme-5aa41a8f', './UNSAFE_MeterCircle/themes/redwood/MeterCircleTheme', './useTestId-82cf22a4', './CircularMeter-d19358bc'], (function(e,t,n,r,i,s,a,l,c,o,d,u,h,m,f,g,p,x,C,R,$,b){"use strict";function M({color:e,angle:n,radius:r,length:i,section:a="full"}){const d=l.getCenterCoord(a),u=`calc(${100*d.y}% - ((${Math.sin(2*n*Math.PI/360)} * ${r})))`,h=`calc(${100*d.x}%  + ((${Math.cos(2*n*Math.PI/360)} * ${r})))`;return t.jsx("div",{class:s.classNames([o.styles.referenceBaseLineStyle,e?void 0:o.styles.referenceBorderStyle]),style:{left:h,top:u,width:`calc(${i})`,transform:`translate(0, -1px) rotate(${360-n}deg)`,backgroundColor:e?c.getVisThresholdColor(e):void 0}})}function y(e,t){if(!e)return{width:0,height:0,innerRadius:0,outerRadius:0};const n=e.children[0],r=n.getBoundingClientRect();return{width:Math.round(r.width),height:Math.round(r.height),...S(n,r,t)}}function S(e,t,n){const r=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:r}:{innerRadius:r/2,outerRadius:t.width/2}}function v(e,t,n,r,i,s,a,c,o){const d=i.current;if(!d)return;const u=l.getCenterCoord(c),{angle:h}=l.convertToPolar(d.width*u.x,d.height*u.y,e.offsetX,e.offsetY),m=l.getPositiveAngle(h);let f;if(o&&s+a>m&&(f=l.getPositiveAngle(h-s)/a*(n-t)),!o){const e=l.getPositiveAngle(s-m);e<=a&&(f=e*(n-t)/a)}return null!=f&&(f=Math.round(f/r)*r,f=Math.max(Math.min(n,f),t)),f}function w(e,t,n,r){return e*r/(n-t)}function T(e,t,n,r,i,s){return r+(s?1:-1)*w(e-t,t,n,i)}function z(e,t){const n=e.current;if(!n)return;const r=l.getCenterCoord(t),i=r.x*n.width,s=r.y*n.height;let a,c,o,d,u,h,m,f;return"top"===t||"bottom"===t||"full"===t?(m=2*n.innerRadius,f="full"===t?2*n.innerRadius:n.innerRadius,u=i-n.innerRadius,h="bottom"===t?0:s-n.innerRadius,o=Math.sqrt(2)*n.innerRadius,d="full"===t?o:n.innerRadius/Math.sqrt(2),a=i-n.innerRadius/Math.sqrt(2),c="bottom"===t?0:s-n.innerRadius/Math.sqrt(2)):(f=2*n.innerRadius,m=n.innerRadius,u="left"===t?i-n.innerRadius:0,h=s-n.innerRadius,d=Math.sqrt(2)*n.innerRadius,o=n.innerRadius/Math.sqrt(2),a="left"===t?i-n.innerRadius/Math.sqrt(2):0,c=s-n.innerRadius/Math.sqrt(2)),{outerBounds:{x:u,y:h,width:m,height:f},innerBounds:{x:a,y:c,width:o,height:d}}}const I=8,P=16;function j(e,t){return e?"fit"===e?`${t}px`:u.meterCircleVars.sizes[e]:u.meterCircleVars.size}function k(e){return e?u.meterCircleVars.trackSizes[e]:u.meterCircleVars.trackSize}function A(e,t,n){return null!=t?`(${j(e,n)} * ${t/2})`:`(${j(e,n)} * 0.5 - ${k(e)})`}function E(e,t,n){return null!=t?`(${j(e,n)} * ${1-t} / 2)`:k(e)}function N(e,t,n,r){return`${E(e,t,r)} +  ${m.xUnits("fit"!==e||n?2:4)}`}function B(e,t,n,r,i,s){const{min:a,max:o,startAngle:d,angleExtent:u,size:h,section:m,isRtl:f,innerRadius:g}=e,p=`calc(${E(h,i,s)})`,x=[],C=t.filter((e=>e.max>a&&e.max<=o)).sort(((e,t)=>e.max-t.max)),R=C.length;for(let e=0;e<R;e++){const t=C[e],i=0===e?a:C[e-1].max,s=0===e?t.max:t.max-C[e-1].max;let h=T(i,a,o,d,u,f),$=w(s,a,o,u);const{startOffset:b,extentOffset:M}=U(g,u,0===e,t.max===o,f),y=l.getClipPath(h+b,$+M,f,m);if(x.push({clipPath:y,color:c.getVisThresholdColor(t.color),size:p,section:m}),e===R-1&&t.max<o&&n){h+=(f?1:-1)*$,$=w(o-t.max,a,o,u);const{startOffset:e,extentOffset:n}=U(g,u,!1,!0,f);x.push({clipPath:l.getClipPath(h+e,$+n,f,m),color:r,size:p,section:m})}}return x}function V(e,t,n,r,i){const{min:s,max:a,startAngle:l,angleExtent:c,size:o,isRtl:d}=e;return{radius:A(o,n,i),length:N(o,n,r,i),angle:T(t.value,s,a,l,c,d),color:t.color}}function D(e,t,n,r,i,s,a){const{startAngle:c,angleExtent:o,size:d,section:u,isRtl:m}=e;return{section:u,color:t?"all"===n&&s?`${h.colorSchemeVars.dvt.contrastLine}`:r:"transparent",clipPath:l.getClipPath(c,o,m,u),size:`calc(${E(d,i,a)})`}}function L(e,t,n,r){const{value:i,min:s,max:a,startAngle:c,angleExtent:o,size:d,section:u,isRtl:h}=e,m=(i-s)*o/(a-s),f=Math.min(Math.max(0,t),1),g="left"===u||"right"===u,p="top"===u||"bottom"===u,x=`calc(${E(d,n,r)} * ${f})`,C=`${j(d,r)} - ((1 - ${f}) * ${E(d,n,r)})`,R=`(${C}) / 2`;return{section:u,width:g?`calc(${R})`:`calc(${C})`,height:p?`calc(${R})`:`calc(${C})`,size:x,clipPath:l.getClipPath(c,m,h,u)}}function U(e,t,n,r,i){if(!e)return{startOffset:0,extentOffset:0};const s=360/(2*Math.PI*e);let a=s/2*(i?1:-1),l=-1*s;return n&&t<360&&(a=0,l=-.5*s),r&&t<360&&(l=-.5*s),{startOffset:a,extentOffset:l}}function q(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)}}const O=360,F=.8;function W({max:e=100,min:c=0,value:o=0,step:u=1,size:h="fit",startAngle:m=90,angleExtent:p=360,isTrackRendered:S=!0,thresholdDisplay:w="all",indicatorSize:T=1,testId:j,...k}){const A=$.useTestId(j);a.validateRange(c,e,o,u);const E=k.onCommit||k.onInput,{classes:N,styles:U}=C.useComponentTheme(R.MeterCircleRedwoodTheme,{size:h,interaction:E?"isInteractive":void 0});return t.jsx(d.TrackResizeContainer,{class:N,width:"100%",height:"100%",children:function(d,C){const{direction:R}=n.useUser(),$="rtl"===R;let j=m;$&&(j=180-j);const E=l.getCircleSection(j,p,$),{width:W}=q(d,C,E),K=W<O,_=k.innerRadius||"fit"===h?F:void 0,{width:H,height:X}=function(e,t,n,r,i){return n?"full"===i?{width:e-2*(r?I:P),height:t-2*(r?I:P)}:"top"===i||"bottom"===i?{width:e-2*(r?I:P),height:t-(r?I:P)}:{width:e-(r?I:P),height:t-2*(r?I:P)}:{width:e,height:t}}(d,C,!!k.referenceLines?.length,K,E),{width:Y,height:G}=q(H,X,E),J="full"===E?Math.min(Y,G)/2:Math.min(Y,G),Q=2*J,Z=r.useRef(),ee=r.useRef(y(null,E)),te=r.useRef(null),[ne,re]=r.useState(!1);r.useEffect((()=>{(k.onCommit||k.onInput||k.children)&&(ee.current=y(te.current,E),re(!0))}),[E]);const ie=r.useRef(!1),se=f.usePointerEvents(o,(t=>{const n=te.current;if(t.target==n)return v(t,c,e,u,ee,j,p,E,$)}),te,Z,ie,k.onCommit,k.onInput),ae=g.useKeyboardEvents(o,c,e,u,Z,k.onCommit,k.onInput),{datatipContent:le,datatipProps:ce}=f.useMeterDatatip(o,ie,k.datatip,k["aria-describedby"]),oe=a.getMeterAriaProps(o,c,e,k["aria-label"],k["aria-labelledby"],k.thresholds),de=i.mergeProps(se,ae,ce,oe),{trackColor:ue,indicatorColor:he}=a.getTrackAndIndicatorColor(o,w,k.trackColor,k.indicatorColor,k.thresholds),me={min:c,max:e,value:o,startAngle:j,angleExtent:p,size:h,section:E,isRtl:$,innerRadius:ee.current.innerRadius},{isTabbable:fe}=x.useTabbableMode(),ge=z(ee,E);return t.jsxs(t.Fragment,{children:[t.jsx("div",{class:s.classNames([N,"full"===E?`${U.meterCircleFullSizeStyle}, ${U.centerDiv}`:""]),style:{width:d,height:C},tabIndex:fe?0:-1,...A,...de,children:t.jsxs(b.CircleWrapper,{wrapperRef:te,class:s.classNames([U.circleWrapperBaseStyle,k.referenceLines&&k.referenceLines.length>0?h&&U[`fit${K?"Sm":"Lg"}${E}Style`]:"",U.centerDiv]),width:`${Y}px`,height:`${G}px`,children:[t.jsx(b.CircleInner,{width:`${Y}px`,height:`${G}px`,class:s.classNames([U.circleTrackBaseStyle,U[`${E}Style`]]),...D(me,S,w,ue,_,k.thresholds,Q)}),"all"===w&&k.thresholds&&B(me,k.thresholds,S,ue,_,Q).map((e=>t.jsx(b.CircleInner,{class:s.classNames([U.circleTrackBaseStyle,U[`${E}Style`]]),...e,width:`${Y}px`,height:`${G}px`}))),t.jsx(b.CircleInner,{color:he,class:s.classNames([U.circleValueBaseStyle,U[`circleValue${E}Style`],U[`${E}Style`]]),...L(me,T,_,2*J)}),k.referenceLines?.map((e=>t.jsx(M,{...V(me,e,_,K,Q),section:E}))),ne&&k.children&&ge&&t.jsx("div",{class:s.classNames([U.meterCircleCenterContent]),children:k.children(ge)})]})}),le]})}})}function K({max:e=100,min:c=0,value:o=0,step:d=1,size:u,startAngle:h=90,angleExtent:m=360,isTrackRendered:p=!0,thresholdDisplay:S="all",indicatorSize:w=1,testId:T,...I}){const P=$.useTestId(T);a.validateRange(c,e,o,d);const j=r.useRef(),{direction:k}=n.useUser(),A="rtl"===k;let E=h;A&&(E=180-E);const N=l.getCircleSection(E,m,A),U=r.useRef(y(null,N)),q=r.useRef(null),[O,F]=r.useState(!1);r.useEffect((()=>{(I.onCommit||I.onInput||I.children)&&(U.current=y(q.current,N),F(!0))}),[u,N,I.onCommit,I.onInput,I.children]);const W=r.useRef(!1),K=f.usePointerEvents(o,(t=>{const n=q.current;if(t.target==n)return v(t,c,e,d,U,E,m,N,A)}),q,j,W,I.onCommit,I.onInput),_=g.useKeyboardEvents(o,c,e,d,j,I.onCommit,I.onInput),{datatipContent:H,datatipProps:X}=f.useMeterDatatip(o,W,I.datatip,I["aria-describedby"]),Y=a.getMeterAriaProps(o,c,e,I["aria-label"],I["aria-labelledby"],I.thresholds),G=i.mergeProps(K,_,X,Y),{trackColor:J,indicatorColor:Q}=a.getTrackAndIndicatorColor(o,S,I.trackColor,I.indicatorColor,I.thresholds),Z="bottom"===N||"top"===N?"Horizontal":"left"===N||"right"===N?"Vertical":"Full",ee={min:c,max:e,value:o,startAngle:E,angleExtent:m,size:u,section:N,isRtl:A,innerRadius:U.current.innerRadius},te=I.onCommit||I.onInput,{classes:ne,styles:re}=C.useComponentTheme(R.MeterCircleRedwoodTheme,{size:u,interaction:te?"isInteractive":void 0}),{isTabbable:ie}=x.useTabbableMode(),se=z(U,N);return t.jsxs(t.Fragment,{children:[t.jsx("div",{class:s.classNames([ne]),tabIndex:ie?0:-1,...P,...G,children:t.jsxs(b.CircleWrapper,{wrapperRef:q,class:s.classNames([re.circleWrapperBaseStyle,I.referenceLines&&I.referenceLines.length>0?u&&re[`${u}${N}Style`]:"",re[`meterCircle${Z}SizeStyle`]]),children:[t.jsx(b.CircleInner,{class:s.classNames([re.circleTrackBaseStyle,re[`${N}Style`]]),...D(ee,p,S,J,I.innerRadius,I.thresholds)}),"all"===S&&I.thresholds&&B(ee,I.thresholds,p,J,I.innerRadius).map((e=>t.jsx(b.CircleInner,{class:s.classNames([re.circleTrackBaseStyle,re[`${N}Style`]]),...e}))),t.jsx(b.CircleInner,{color:Q,class:s.classNames([re.circleValueBaseStyle,re[`circleValue${N}Style`],re[`${N}Style`]]),...L(ee,w,I.innerRadius)}),I.referenceLines?.map((e=>t.jsx(M,{...V(ee,e,I.innerRadius),section:N}))),O&&I.children&&se&&t.jsx("div",{class:s.classNames([re.meterCircleCenterContent]),children:I.children(se)})]})}),H]})}e.MeterCircle=function({size:e,max:n=100,min:r=0,value:i=0,step:s=1,startAngle:a=90,angleExtent:l=360,isTrackRendered:c=!0,thresholdDisplay:o="all",indicatorSize:d=1,...u}){return"fit"===e?t.jsx(W,{min:r,value:i,max:n,step:s,startAngle:a,angleExtent:l,isTrackRendered:c,thresholdDisplay:o,indicatorSize:d,...u}):t.jsx(K,{size:e||"lg",min:r,value:i,max:n,step:s,startAngle:a,angleExtent:l,isTrackRendered:c,thresholdDisplay:o,indicatorSize:d,...u})}}));
+define(['exports', 'preact/jsx-runtime', './useUser-9b166ca3', 'preact/hooks', './mergeProps-bcfa6a92', './classNames-08d99695', './meterUtils-dcd89d95', './circleUtils-1886e5b4', './utils-95689660', './UNSAFE_MeterCircle/themes/MeterCircleStyles.css', './TrackResizeContainer-905caab2', './UNSAFE_MeterCircle/themes/MeterCircleContract.css', './Common/themes/themeContract.css', './utils-61ef4ad6', './useMeterDatatip-1a3890aa', './useKeyboardEvents-57008a1d', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './useComponentTheme-5aa41a8f', './UNSAFE_MeterCircle/themes/redwood/MeterCircleTheme', './useTestId-f3b8b319', './CircularMeter-d19358bc'], (function(e,t,n,r,i,s,a,l,c,o,d,u,h,m,f,g,p,x,C,R,$,b){"use strict";function M({color:e,angle:n,radius:r,length:i,section:a="full"}){const d=l.getCenterCoord(a),u=`calc(${100*d.y}% - ((${Math.sin(2*n*Math.PI/360)} * ${r})))`,h=`calc(${100*d.x}%  + ((${Math.cos(2*n*Math.PI/360)} * ${r})))`;return t.jsx("div",{class:s.classNames([o.styles.referenceBaseLineStyle,e?void 0:o.styles.referenceBorderStyle]),style:{left:h,top:u,width:`calc(${i})`,transform:`translate(0, -1px) rotate(${360-n}deg)`,backgroundColor:e?c.getVisThresholdColor(e):void 0}})}function y(e,t){if(!e)return{width:0,height:0,innerRadius:0,outerRadius:0};const n=e.children[0],r=n.getBoundingClientRect();return{width:Math.round(r.width),height:Math.round(r.height),...S(n,r,t)}}function S(e,t,n){const r=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:r}:{innerRadius:r/2,outerRadius:t.width/2}}function v(e,t,n,r,i,s,a,c,o){const d=i.current;if(!d)return;const u=l.getCenterCoord(c),{angle:h}=l.convertToPolar(d.width*u.x,d.height*u.y,e.offsetX,e.offsetY),m=l.getPositiveAngle(h);let f;if(o&&s+a>m&&(f=l.getPositiveAngle(h-s)/a*(n-t)),!o){const e=l.getPositiveAngle(s-m);e<=a&&(f=e*(n-t)/a)}return null!=f&&(f=Math.round(f/r)*r,f=Math.max(Math.min(n,f),t)),f}function w(e,t,n,r){return e*r/(n-t)}function T(e,t,n,r,i,s){return r+(s?1:-1)*w(e-t,t,n,i)}function z(e,t){const n=e.current;if(!n)return;const r=l.getCenterCoord(t),i=r.x*n.width,s=r.y*n.height;let a,c,o,d,u,h,m,f;return"top"===t||"bottom"===t||"full"===t?(m=2*n.innerRadius,f="full"===t?2*n.innerRadius:n.innerRadius,u=i-n.innerRadius,h="bottom"===t?0:s-n.innerRadius,o=Math.sqrt(2)*n.innerRadius,d="full"===t?o:n.innerRadius/Math.sqrt(2),a=i-n.innerRadius/Math.sqrt(2),c="bottom"===t?0:s-n.innerRadius/Math.sqrt(2)):(f=2*n.innerRadius,m=n.innerRadius,u="left"===t?i-n.innerRadius:0,h=s-n.innerRadius,d=Math.sqrt(2)*n.innerRadius,o=n.innerRadius/Math.sqrt(2),a="left"===t?i-n.innerRadius/Math.sqrt(2):0,c=s-n.innerRadius/Math.sqrt(2)),{outerBounds:{x:u,y:h,width:m,height:f},innerBounds:{x:a,y:c,width:o,height:d}}}const I=8,P=16;function j(e,t){return e?"fit"===e?`${t}px`:u.meterCircleVars.sizes[e]:u.meterCircleVars.size}function k(e){return e?u.meterCircleVars.trackSizes[e]:u.meterCircleVars.trackSize}function A(e,t,n){return null!=t?`(${j(e,n)} * ${t/2})`:`(${j(e,n)} * 0.5 - ${k(e)})`}function E(e,t,n){return null!=t?`(${j(e,n)} * ${1-t} / 2)`:k(e)}function N(e,t,n,r){return`${E(e,t,r)} +  ${m.xUnits("fit"!==e||n?2:4)}`}function B(e,t,n,r,i,s){const{min:a,max:o,startAngle:d,angleExtent:u,size:h,section:m,isRtl:f,innerRadius:g}=e,p=`calc(${E(h,i,s)})`,x=[],C=t.filter((e=>e.max>a&&e.max<=o)).sort(((e,t)=>e.max-t.max)),R=C.length;for(let e=0;e<R;e++){const t=C[e],i=0===e?a:C[e-1].max,s=0===e?t.max:t.max-C[e-1].max;let h=T(i,a,o,d,u,f),$=w(s,a,o,u);const{startOffset:b,extentOffset:M}=U(g,u,0===e,t.max===o,f),y=l.getClipPath(h+b,$+M,f,m);if(x.push({clipPath:y,color:c.getVisThresholdColor(t.color),size:p,section:m}),e===R-1&&t.max<o&&n){h+=(f?1:-1)*$,$=w(o-t.max,a,o,u);const{startOffset:e,extentOffset:n}=U(g,u,!1,!0,f);x.push({clipPath:l.getClipPath(h+e,$+n,f,m),color:r,size:p,section:m})}}return x}function V(e,t,n,r,i){const{min:s,max:a,startAngle:l,angleExtent:c,size:o,isRtl:d}=e;return{radius:A(o,n,i),length:N(o,n,r,i),angle:T(t.value,s,a,l,c,d),color:t.color}}function D(e,t,n,r,i,s,a){const{startAngle:c,angleExtent:o,size:d,section:u,isRtl:m}=e;return{section:u,color:t?"all"===n&&s?`${h.colorSchemeVars.dvt.contrastLine}`:r:"transparent",clipPath:l.getClipPath(c,o,m,u),size:`calc(${E(d,i,a)})`}}function L(e,t,n,r){const{value:i,min:s,max:a,startAngle:c,angleExtent:o,size:d,section:u,isRtl:h}=e,m=(i-s)*o/(a-s),f=Math.min(Math.max(0,t),1),g="left"===u||"right"===u,p="top"===u||"bottom"===u,x=`calc(${E(d,n,r)} * ${f})`,C=`${j(d,r)} - ((1 - ${f}) * ${E(d,n,r)})`,R=`(${C}) / 2`;return{section:u,width:g?`calc(${R})`:`calc(${C})`,height:p?`calc(${R})`:`calc(${C})`,size:x,clipPath:l.getClipPath(c,m,h,u)}}function U(e,t,n,r,i){if(!e)return{startOffset:0,extentOffset:0};const s=360/(2*Math.PI*e);let a=s/2*(i?1:-1),l=-1*s;return n&&t<360&&(a=0,l=-.5*s),r&&t<360&&(l=-.5*s),{startOffset:a,extentOffset:l}}function q(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)}}const O=360,F=.8;function W({max:e=100,min:c=0,value:o=0,step:u=1,size:h="fit",startAngle:m=90,angleExtent:p=360,isTrackRendered:S=!0,thresholdDisplay:w="all",indicatorSize:T=1,testId:j,...k}){const A=$.useTestId(j);a.validateRange(c,e,o,u);const E=k.onCommit||k.onInput,{classes:N,styles:U}=C.useComponentTheme(R.MeterCircleRedwoodTheme,{size:h,interaction:E?"isInteractive":void 0});return t.jsx(d.TrackResizeContainer,{class:N,width:"100%",height:"100%",children:function(d,C){const{direction:R}=n.useUser(),$="rtl"===R;let j=m;$&&(j=180-j);const E=l.getCircleSection(j,p,$),{width:W}=q(d,C,E),K=W<O,_=k.innerRadius||"fit"===h?F:void 0,{width:H,height:X}=function(e,t,n,r,i){return n?"full"===i?{width:e-2*(r?I:P),height:t-2*(r?I:P)}:"top"===i||"bottom"===i?{width:e-2*(r?I:P),height:t-(r?I:P)}:{width:e-(r?I:P),height:t-2*(r?I:P)}:{width:e,height:t}}(d,C,!!k.referenceLines?.length,K,E),{width:Y,height:G}=q(H,X,E),J="full"===E?Math.min(Y,G)/2:Math.min(Y,G),Q=2*J,Z=r.useRef(),ee=r.useRef(y(null,E)),te=r.useRef(null),[ne,re]=r.useState(!1);r.useEffect((()=>{(k.onCommit||k.onInput||k.children)&&(ee.current=y(te.current,E),re(!0))}),[E]);const ie=r.useRef(!1),se=f.usePointerEvents(o,(t=>{const n=te.current;if(t.target==n)return v(t,c,e,u,ee,j,p,E,$)}),te,Z,ie,k.onCommit,k.onInput),ae=g.useKeyboardEvents(o,c,e,u,Z,k.onCommit,k.onInput),{datatipContent:le,datatipProps:ce}=f.useMeterDatatip(o,ie,k.datatip,k["aria-describedby"]),oe=a.getMeterAriaProps(o,c,e,k["aria-label"],k["aria-labelledby"],k.thresholds),de=i.mergeProps(se,ae,ce,oe),{trackColor:ue,indicatorColor:he}=a.getTrackAndIndicatorColor(o,w,k.trackColor,k.indicatorColor,k.thresholds),me={min:c,max:e,value:o,startAngle:j,angleExtent:p,size:h,section:E,isRtl:$,innerRadius:ee.current.innerRadius},{isTabbable:fe}=x.useTabbableMode(),ge=z(ee,E);return t.jsxs(t.Fragment,{children:[t.jsx("div",{class:s.classNames([N,"full"===E?`${U.meterCircleFullSizeStyle}, ${U.centerDiv}`:""]),style:{width:d,height:C},tabIndex:fe?0:-1,...A,...de,children:t.jsxs(b.CircleWrapper,{wrapperRef:te,class:s.classNames([U.circleWrapperBaseStyle,k.referenceLines&&k.referenceLines.length>0?h&&U[`fit${K?"Sm":"Lg"}${E}Style`]:"",U.centerDiv]),width:`${Y}px`,height:`${G}px`,children:[t.jsx(b.CircleInner,{width:`${Y}px`,height:`${G}px`,class:s.classNames([U.circleTrackBaseStyle,U[`${E}Style`]]),...D(me,S,w,ue,_,k.thresholds,Q)}),"all"===w&&k.thresholds&&B(me,k.thresholds,S,ue,_,Q).map((e=>t.jsx(b.CircleInner,{class:s.classNames([U.circleTrackBaseStyle,U[`${E}Style`]]),...e,width:`${Y}px`,height:`${G}px`}))),t.jsx(b.CircleInner,{color:he,class:s.classNames([U.circleValueBaseStyle,U[`circleValue${E}Style`],U[`${E}Style`]]),...L(me,T,_,2*J)}),k.referenceLines?.map((e=>t.jsx(M,{...V(me,e,_,K,Q),section:E}))),ne&&k.children&&ge&&t.jsx("div",{class:s.classNames([U.meterCircleCenterContent]),children:k.children(ge)})]})}),le]})}})}function K({max:e=100,min:c=0,value:o=0,step:d=1,size:u,startAngle:h=90,angleExtent:m=360,isTrackRendered:p=!0,thresholdDisplay:S="all",indicatorSize:w=1,testId:T,...I}){const P=$.useTestId(T);a.validateRange(c,e,o,d);const j=r.useRef(),{direction:k}=n.useUser(),A="rtl"===k;let E=h;A&&(E=180-E);const N=l.getCircleSection(E,m,A),U=r.useRef(y(null,N)),q=r.useRef(null),[O,F]=r.useState(!1);r.useEffect((()=>{(I.onCommit||I.onInput||I.children)&&(U.current=y(q.current,N),F(!0))}),[u,N,I.onCommit,I.onInput,I.children]);const W=r.useRef(!1),K=f.usePointerEvents(o,(t=>{const n=q.current;if(t.target==n)return v(t,c,e,d,U,E,m,N,A)}),q,j,W,I.onCommit,I.onInput),_=g.useKeyboardEvents(o,c,e,d,j,I.onCommit,I.onInput),{datatipContent:H,datatipProps:X}=f.useMeterDatatip(o,W,I.datatip,I["aria-describedby"]),Y=a.getMeterAriaProps(o,c,e,I["aria-label"],I["aria-labelledby"],I.thresholds),G=i.mergeProps(K,_,X,Y),{trackColor:J,indicatorColor:Q}=a.getTrackAndIndicatorColor(o,S,I.trackColor,I.indicatorColor,I.thresholds),Z="bottom"===N||"top"===N?"Horizontal":"left"===N||"right"===N?"Vertical":"Full",ee={min:c,max:e,value:o,startAngle:E,angleExtent:m,size:u,section:N,isRtl:A,innerRadius:U.current.innerRadius},te=I.onCommit||I.onInput,{classes:ne,styles:re}=C.useComponentTheme(R.MeterCircleRedwoodTheme,{size:u,interaction:te?"isInteractive":void 0}),{isTabbable:ie}=x.useTabbableMode(),se=z(U,N);return t.jsxs(t.Fragment,{children:[t.jsx("div",{class:s.classNames([ne]),tabIndex:ie?0:-1,...P,...G,children:t.jsxs(b.CircleWrapper,{wrapperRef:q,class:s.classNames([re.circleWrapperBaseStyle,I.referenceLines&&I.referenceLines.length>0?u&&re[`${u}${N}Style`]:"",re[`meterCircle${Z}SizeStyle`]]),children:[t.jsx(b.CircleInner,{class:s.classNames([re.circleTrackBaseStyle,re[`${N}Style`]]),...D(ee,p,S,J,I.innerRadius,I.thresholds)}),"all"===S&&I.thresholds&&B(ee,I.thresholds,p,J,I.innerRadius).map((e=>t.jsx(b.CircleInner,{class:s.classNames([re.circleTrackBaseStyle,re[`${N}Style`]]),...e}))),t.jsx(b.CircleInner,{color:Q,class:s.classNames([re.circleValueBaseStyle,re[`circleValue${N}Style`],re[`${N}Style`]]),...L(ee,w,I.innerRadius)}),I.referenceLines?.map((e=>t.jsx(M,{...V(ee,e,I.innerRadius),section:N}))),O&&I.children&&se&&t.jsx("div",{class:s.classNames([re.meterCircleCenterContent]),children:I.children(se)})]})}),H]})}e.MeterCircle=function({size:e,max:n=100,min:r=0,value:i=0,step:s=1,startAngle:a=90,angleExtent:l=360,isTrackRendered:c=!0,thresholdDisplay:o="all",indicatorSize:d=1,...u}){return"fit"===e?t.jsx(W,{min:r,value:i,max:n,step:s,startAngle:a,angleExtent:l,isTrackRendered:c,thresholdDisplay:o,indicatorSize:d,...u}):t.jsx(K,{size:e||"lg",min:r,value:i,max:n,step:s,startAngle:a,angleExtent:l,isTrackRendered:c,thresholdDisplay:o,indicatorSize:d,...u})}}));
 //# sourceMappingURL=MeterCircle-f1561632.js.map

package/amd/{Modal-8c095bea.js → Modal-8f19889c.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', './Layer-3cc44164', './LayerHost-eab40731', './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-8c095bea.js.map
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './Layer-8d7bbd69', './LayerHost-0a244de8', './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-8f19889c.js.map

package/amd/{Modal-8c095bea.js.map → Modal-8f19889c.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Modal-8c095bea.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":"8KAiBa,MAAAA,EAAYC,IACvB,MAAMC,OAAEA,EAAQC,gBAAiBC,GAAwBH,EAEnDI,EAAcC,SAAuB,MAErCC,EAAkBD,SAA2B,MAE7CE,EAAcC,eAAaC,IAC3BL,EAAYM,UAAYD,EAAME,SAChCL,EAAgBI,QAAUD,EAAME,OACjC,GACA,IAEGT,EAAkBM,eACrBC,IACKL,EAAYM,UAAYD,EAAME,SAChCF,EAAMG,kBAEFN,EAAgBI,UAAYD,EAAME,QACpCR,IAAsBM,GAEzB,GAEH,CAACN,IAmBH,OAhBAU,EAAAA,WAAU,KACR,MAAMC,EAAQV,EAAYM,QAE1B,OAAII,GACFA,EAAMC,iBAAiB,YAAaR,GACpCO,EAAMC,iBAAiB,QAASb,GAEzB,KACLY,EAAME,oBAAoB,YAAaT,GACvCO,EAAME,oBAAoB,QAASd,EAAgB,GAIhD,MAAQ,GACd,CAACD,EAAQM,EAAaL,IAElB,CACLE,cACD,EChDGa,EAAgBC,EAAUA,YAC9B,EAAGC,UAAU,SAAWC,KACtB,MAAMC,EAAiBC,EAAAA,mBAAmB,CACxCC,SAAsB,gBAAZJ,EAA4B,cAAgB,UAGxD,OAAOK,EAAAA,IAAA,MAAA,CAAKJ,IAAKA,EAAKK,MAAOJ,GAAkB,ICOnD,SAASK,EAAYC,GACnB,MAAMC,EAAsB,GAC5B,IAAIC,EAAUF,EAAKG,gBACnB,KAAkB,MAAXD,GACoB,IAArBA,EAAQE,UACVH,EAASI,KAAKH,GAEhBA,EAAUA,EAAQC,gBAGpB,IADAD,EAAUF,EAAKM,YACG,MAAXJ,GACoB,IAArBA,EAAQE,UACVH,EAASI,KAAKH,GAEhBA,EAAUA,EAAQI,YAEpB,OAAOL,CACT,CAQA,SAASM,EAAkCpB,GACzC,IAAKA,EAAMqB,SACT,MAAO,GAET,MAAMC,EAAgC,GACtC,IAAIC,EAAuBvB,EAAMqB,SAASG,cAE1C,EAAG,CACD,IAAKD,EACH,MAEeX,EAAYW,GACpBE,SAASZ,IACmB,WAA/BA,EAAKa,QAAQC,eAAmE,SAArCd,EAAKe,aAAa,iBAC/DN,EAAmBJ,KAAKL,GACxBA,EAAKgB,aAAa,cAAe,QAClC,IAEHN,EAAOA,EAAKC,aACb,OAAQD,GAAuC,SAA/BA,EAAKG,QAAQC,eAE9B,OAAOL,CACT,CChEA,MAAMQ,EAAqB,ID6Eb,MAUZ,WAAAC,GACEC,KAAKC,OAAS,GACdD,KAAKE,YAAc,EACpB,CAQD,IAAAhB,CAAKlB,GAGH,IAAoB,IAFDgC,KAAKG,gBAAgBnC,KAOxCgC,KAAKC,OAAOf,KAAK,CACflB,MAAOA,EACPoC,mBAAoBhB,EAAkCpB,KAI7B,IAAvBgC,KAAKC,OAAOI,QAAc,CAC5B,MACMC,EADgBN,KAAKO,kBAAkBvC,EAAMqB,UACbmB,KAEhCC,EAAiBC,OAAOC,WAAaC,SAASC,gBAAgBC,YACpE,GAAIL,EAAiB,EAAG,CAGpBM,KAAKC,MAAMJ,SAASC,gBAAgBI,wBAAwBC,MAC5DN,SAASC,gBAAgBM,YAGzBnB,KAAKE,YAAYhB,KAAK,CACpBkC,SAAU,eACVC,MAAOf,EAAgBgB,MAAMC,cAE/BjB,EAAgBgB,MAAMC,YAAc,GAAGd,QAEvCT,KAAKE,YAAYhB,KAAK,CACpBkC,SAAU,gBACVC,MAAOf,EAAgBgB,MAAME,eAE/BlB,EAAgBgB,MAAME,aAAe,GAAGf,MAE3C,CAEDT,KAAKE,YAAYhB,KAAK,CAAEkC,SAAU,WAAYC,MAAOf,EAAgBgB,MAAMG,WAC3EzB,KAAKE,YAAYhB,KAAK,CAAEkC,SAAU,aAAcC,MAAOf,EAAgBgB,MAAMI,YAC7E1B,KAAKE,YAAYhB,KAAK,CAAEkC,SAAU,aAAcC,MAAOf,EAAgBgB,MAAMK,YAE7ErB,EAAgBgB,MAAMG,SAAW,QAClC,CACF,CAQD,GAAAG,CAAI5D,GACF,MAAM6D,EAAa7B,KAAKG,gBAAgBnC,GAExC,IAAoB,IAAhB6D,EAEF,OAGF,GAAIA,IAAe7B,KAAKC,OAAOI,OAAS,EAEtC,OAGF,MAAMyB,EAAkB9B,KAAKC,OAAO2B,MA9FxC,IAA6CG,EAqGzC,GALID,IAhGqCC,EAiGHD,GAAiB1B,mBAhGzD2B,EAAStC,SAASZ,IAChBA,EAAKmD,gBAAgB,cAAc,KAmGR,IAAvBhC,KAAKC,OAAOI,OAAc,CAC5B,MACMC,EADgBN,KAAKO,kBAAkBvC,EAAMqB,UACbmB,KAEtCR,KAAKE,YAAYT,SAAQ,EAAG2B,WAAUC,YACpCf,EAAgBgB,MAAMW,YAAYb,EAAUC,EAAM,GAErD,CACF,CAED,UAAAa,CAAWlE,GACT,OAAOgC,KAAKC,OAAOI,OAAS,GAAKL,KAAKC,OAAOD,KAAKC,OAAOI,OAAS,KAAOrC,CAC1E,CAEO,eAAAmC,CAAgBnC,GACtB,IAAImE,GAAS,EAOb,OANAnC,KAAKC,OAAOR,SAAQ,CAACZ,EAAMuD,KACrBvD,EAAKb,QAAUA,IACjBmE,EAAQC,EAET,IAEID,CACR,CAEO,iBAAA5B,CAAkBhB,GACxB,OAAQA,GAAQA,EAAK8C,eAAkBzB,QACxC,WC9KW,EAAG0B,WAAUnF,SAAQC,kBAAiBmF,sBAElD,MAAMC,EAAe1C,GAEfxC,YAAEA,GAAgBL,EAAS,CAAEE,SAAQC,oBAErCiC,EAAW9B,SAAuB,MAGlCS,EAAQT,SAEX,CAAA,GAGGkF,EAAW,KACfzE,EAAMJ,QAAQyB,SAAWA,EAASzB,QAC3BI,EAAMJ,SAsBf,OAnBAG,EAAAA,WAAU,KACJZ,GAAUkC,EAASzB,QACrB4E,GAActD,KAAKuD,KAEfzE,EAAMJ,QAAQyB,UAChBmD,GAAcZ,IAAIa,IAErB,GACA,CAACtF,EAAQqF,IAEZzE,EAAAA,WAAU,KACR,MAAMsB,EAAWrB,EAAMJ,QAAQyB,SAC/B,MAAO,KACDA,GACFmD,GAAcZ,IAAIa,IACnB,CACF,GACA,CAACD,IAEGrF,EACLuB,EAAAA,IAACgE,EAAKA,MAAA,CAAAJ,SACJK,EAAAA,KAAK,MAAA,CAAArE,IAAKe,EAAUV,MAAOiE,EAAAA,UACzBN,SAAA,CAAA5D,EAAAA,IAACP,EAAa,CAACG,IAAKhB,EAAae,QAASkE,IACzCD,OAGH,IAAI"}
+{"version":3,"file":"Modal-8f19889c.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-b5d1d69d.js → MonthView-297fceb8.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './dayUtils-a902fbf8', './getFormatParse-b7ff0219', './logger-0f873e29', './calendarDateUtils-1f56aaf5', './StyledDatePickerButton-862edcfd', './useUser-6dd85af9', 'preact/compat', './useTranslationBundle-6ef0dab6', './useCellNavigation-37e0539a', './PRIVATE_MonthView/themes/DayCellStyles.css', './Grid-85171367', './PRIVATE_MonthView/themes/redwood/MonthViewTheme', './useComponentTheme-5aa41a8f', './PRIVATE_MonthView/themes/MonthViewContract.css'], (function(e,t,a,o,s,n,r,i,d,l,c,h,u,m,y,p){"use strict";const f=()=>({state:"enabled"}),g=e=>{const{buttonProps:a}=(({date:e,dayFormatter:t=f,isAdjacentMonth:a,isDisabled:o,isFocusable:s,isFocused:r,isHidden:h,isReadonly:u,isSelected:m,isToday:y,onAction:p,onNavigation:g})=>{const{locale:D}=i.useUser(),{state:b}=t(e),w="disabled"===b,v="restricted"===b,x=c.useFocusableCell({isFocusable:s,isFocused:r}),M=d.useCallback((e=>{o||u||w||v||p(e)}),[o,w,u,v,p]),T=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:M,onNavigation:g}),A=l.useTranslationBundle("@oracle/oraclejet-preact"),V=A.datePicker_today(),P=A.datePicker_selected(),S=A.datePicker_restricted(),j=n.formatFullCalendarDate(D,e,"day");let C=y?`${V}, ${j}`:j;C=v?`${C}, ${S}`:C,C=m?`${C}, ${P}`:C;const F=n.toJSDate(e.year,e.month,e.day).getDate().toString();return{buttonProps:{"aria-label":C,...(h||o||w||v)&&{"aria-disabled":!0},isActivable:!(o||u||w||v),isAdjacentMonth:a,isDimmed:o||w,isHidden:h,isHoverable:!(o||u||w||v),isReadonly:u,isSelected:m,isRestricted:v,isToday:y,label:F,...x,...T}}})(e);return t.jsx("div",{role:"gridcell",class:h.dayCellStyles,children:t.jsx(r.StyledDatePickerButton,{...a})})};function D(e,t){return e.year===t.year&&e.month===t.month&&e.day===t.day}e.MonthView=({dayFormatter:e,daysOutsideMonth:o="hidden",isReadonly:s=!1,max:r,min:d,onAction:l,onNavigation:c,selectedDate:h,focusableDate:f,isFocused:b=!1,testId:w,todaysDate:v})=>{const{locale:x}=i.useUser(),M=a.getWeeksInMonth(f.year,f.month,x),{baseTheme:T,styles:A}=y.useComponentTheme(m.MonthViewRedwoodTheme,{}),V=n.formatFullCalendarDate(x,f,"month");return t.jsx("div",{class:T,children:t.jsxs(u.Grid,{gap:p.monthViewScaleVars.rowGap,"aria-label":V,role:"grid",testId:w,children:[(()=>{const e=a.getDaysOfWeekNames(x,"short");return t.jsx(u.Grid,{role:"row","aria-hidden":"true",gridTemplateColumns:"repeat(7, 1fr)",gap:p.monthViewScaleVars.columnGap,children:e.map((e=>t.jsx("div",{role:"columnheader",class:A.doyOfTheWeek,children:t.jsx("span",{children:e})})))})})(),(()=>{const i=[];for(let m=0;m<M;m++){const y=a.getStartOfWeek(f.year,f.month,1,x),w=a.getDatesInWeek(m,y.year,y.month,y.day).map((a=>{const i=n.isDateOutOfRange(a,d,r),u=!!h&&D(a,h),m=D(a,v),y=D(a,f),p=(w=f,a.month!==w.month);var w;const x=p&&"hidden"===o;return t.jsx(g,{date:a,dayFormatter:e,isAdjacentMonth:p,isDisabled:i,isFocusable:y,isFocused:y&&b,isHidden:x,isReadonly:s,isSelected:u,isToday:m,onAction:l,onNavigation:c},`${a.year}-${a.month}-${a.day}`)}));i.push(t.jsx(u.Grid,{role:"row",gridTemplateColumns:"repeat(7, 1fr)",gap:p.monthViewScaleVars.columnGap,children:w},m))}return i})()]})})}}));
-//# sourceMappingURL=MonthView-b5d1d69d.js.map
+define(['exports', 'preact/jsx-runtime', './dayUtils-a902fbf8', './getFormatParse-b7ff0219', './logger-0f873e29', './calendarDateUtils-1f56aaf5', './StyledDatePickerButton-862edcfd', './useUser-9b166ca3', 'preact/compat', './useTranslationBundle-20bfc0f3', './useCellNavigation-37e0539a', './PRIVATE_MonthView/themes/DayCellStyles.css', './Grid-209ab070', './PRIVATE_MonthView/themes/redwood/MonthViewTheme', './useComponentTheme-5aa41a8f', './PRIVATE_MonthView/themes/MonthViewContract.css'], (function(e,t,a,o,s,n,r,i,d,l,c,h,u,m,y,p){"use strict";const f=()=>({state:"enabled"}),g=e=>{const{buttonProps:a}=(({date:e,dayFormatter:t=f,isAdjacentMonth:a,isDisabled:o,isFocusable:s,isFocused:r,isHidden:h,isReadonly:u,isSelected:m,isToday:y,onAction:p,onNavigation:g})=>{const{locale:D}=i.useUser(),{state:b}=t(e),w="disabled"===b,v="restricted"===b,x=c.useFocusableCell({isFocusable:s,isFocused:r}),M=d.useCallback((e=>{o||u||w||v||p(e)}),[o,w,u,v,p]),T=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:M,onNavigation:g}),A=l.useTranslationBundle("@oracle/oraclejet-preact"),V=A.datePicker_today(),P=A.datePicker_selected(),S=A.datePicker_restricted(),j=n.formatFullCalendarDate(D,e,"day");let C=y?`${V}, ${j}`:j;C=v?`${C}, ${S}`:C,C=m?`${C}, ${P}`:C;const F=n.toJSDate(e.year,e.month,e.day).getDate().toString();return{buttonProps:{"aria-label":C,...(h||o||w||v)&&{"aria-disabled":!0},isActivable:!(o||u||w||v),isAdjacentMonth:a,isDimmed:o||w,isHidden:h,isHoverable:!(o||u||w||v),isReadonly:u,isSelected:m,isRestricted:v,isToday:y,label:F,...x,...T}}})(e);return t.jsx("div",{role:"gridcell",class:h.dayCellStyles,children:t.jsx(r.StyledDatePickerButton,{...a})})};function D(e,t){return e.year===t.year&&e.month===t.month&&e.day===t.day}e.MonthView=({dayFormatter:e,daysOutsideMonth:o="hidden",isReadonly:s=!1,max:r,min:d,onAction:l,onNavigation:c,selectedDate:h,focusableDate:f,isFocused:b=!1,testId:w,todaysDate:v})=>{const{locale:x}=i.useUser(),M=a.getWeeksInMonth(f.year,f.month,x),{baseTheme:T,styles:A}=y.useComponentTheme(m.MonthViewRedwoodTheme,{}),V=n.formatFullCalendarDate(x,f,"month");return t.jsx("div",{class:T,children:t.jsxs(u.Grid,{gap:p.monthViewScaleVars.rowGap,"aria-label":V,role:"grid",testId:w,children:[(()=>{const e=a.getDaysOfWeekNames(x,"short");return t.jsx(u.Grid,{role:"row","aria-hidden":"true",gridTemplateColumns:"repeat(7, 1fr)",gap:p.monthViewScaleVars.columnGap,children:e.map((e=>t.jsx("div",{role:"columnheader",class:A.doyOfTheWeek,children:t.jsx("span",{children:e})})))})})(),(()=>{const i=[];for(let m=0;m<M;m++){const y=a.getStartOfWeek(f.year,f.month,1,x),w=a.getDatesInWeek(m,y.year,y.month,y.day).map((a=>{const i=n.isDateOutOfRange(a,d,r),u=!!h&&D(a,h),m=D(a,v),y=D(a,f),p=(w=f,a.month!==w.month);var w;const x=p&&"hidden"===o;return t.jsx(g,{date:a,dayFormatter:e,isAdjacentMonth:p,isDisabled:i,isFocusable:y,isFocused:y&&b,isHidden:x,isReadonly:s,isSelected:u,isToday:m,onAction:l,onNavigation:c},`${a.year}-${a.month}-${a.day}`)}));i.push(t.jsx(u.Grid,{role:"row",gridTemplateColumns:"repeat(7, 1fr)",gap:p.monthViewScaleVars.columnGap,children:w},m))}return i})()]})})}}));
+//# sourceMappingURL=MonthView-297fceb8.js.map

package/amd/{MonthView-b5d1d69d.js.map → MonthView-297fceb8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MonthView-b5d1d69d.js","sources":["../../src/PRIVATE_MonthView/useDayCell.ts","../../src/PRIVATE_MonthView/DayCell.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","/**\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 { MonthViewVariantOptions } 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';\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\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}: MonthViewProps) => {\n  const { locale } = useUser();\n  const weeksInMonth = getWeeksInMonth(focusableDate.year, focusableDate.month, locale);\n  const { baseTheme, styles } = useComponentTheme<MonthViewVariantOptions>(\n    MonthViewRedwoodTheme,\n    {}\n  );\n\n  const renderMonthViewHeaderRow = () => {\n    const weekDays = getDaysOfWeekNames(locale, 'short');\n    return (\n      <Grid\n        role=\"row\"\n        aria-hidden=\"true\"\n        gridTemplateColumns=\"repeat(7, 1fr)\"\n        gap={monthViewScaleVars.columnGap}>\n        {weekDays.map((day) => (\n          <div role=\"columnheader\" class={styles['doyOfTheWeek']}>\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      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=\"repeat(7, 1fr)\"\n          gap={monthViewScaleVars.columnGap}>\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","isSameDate","date1","date2","daysOutsideMonth","max","min","selectedDate","focusableDate","testId","todaysDate","weeksInMonth","getWeeksInMonth","baseTheme","styles","useComponentTheme","MonthViewRedwoodTheme","monthViewAriaLabel","_jsxs","jsxs","Grid","gap","monthViewScaleVars","rowGap","weekDays","getDaysOfWeekNames","gridTemplateColumns","columnGap","map","renderMonthViewHeaderRow","calendarGrid","weekIndex","startDateOfWeek","getStartOfWeek","weekCells","getDatesInWeek","dayCellDate","isDateOutOfRange","currentMonthDate","push","renderMonthView"],"mappings":"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"}
+{"version":3,"file":"MonthView-297fceb8.js","sources":["../../src/PRIVATE_MonthView/useDayCell.ts","../../src/PRIVATE_MonthView/DayCell.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","/**\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 { MonthViewVariantOptions } 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';\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\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}: MonthViewProps) => {\n  const { locale } = useUser();\n  const weeksInMonth = getWeeksInMonth(focusableDate.year, focusableDate.month, locale);\n  const { baseTheme, styles } = useComponentTheme<MonthViewVariantOptions>(\n    MonthViewRedwoodTheme,\n    {}\n  );\n\n  const renderMonthViewHeaderRow = () => {\n    const weekDays = getDaysOfWeekNames(locale, 'short');\n    return (\n      <Grid\n        role=\"row\"\n        aria-hidden=\"true\"\n        gridTemplateColumns=\"repeat(7, 1fr)\"\n        gap={monthViewScaleVars.columnGap}>\n        {weekDays.map((day) => (\n          <div role=\"columnheader\" class={styles['doyOfTheWeek']}>\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      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=\"repeat(7, 1fr)\"\n          gap={monthViewScaleVars.columnGap}>\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","isSameDate","date1","date2","daysOutsideMonth","max","min","selectedDate","focusableDate","testId","todaysDate","weeksInMonth","getWeeksInMonth","baseTheme","styles","useComponentTheme","MonthViewRedwoodTheme","monthViewAriaLabel","_jsxs","jsxs","Grid","gap","monthViewScaleVars","rowGap","weekDays","getDaysOfWeekNames","gridTemplateColumns","columnGap","map","renderMonthViewHeaderRow","calendarGrid","weekIndex","startDateOfWeek","getStartOfWeek","weekCells","getDatesInWeek","dayCellDate","isDateOutOfRange","currentMonthDate","push","renderMonthView"],"mappings":"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"}

package/amd/NavigationListItem-0a4f8a9c.js

@@ -0,0 +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-26170e5e', 'preact/compat', './useTestId-f3b8b319', './UNSAFE_Text/themes/TextStyles.css', './BaseNavigationListItem-4a940426', './Flex-db3ddadb', './logger-0f873e29', 'preact', './useTooltipControlled-18271c7a', 'css!./IconStyle.styles.css', './UNSAFE_NavigationList/themes/NavigationListItemStyles.css', 'module', './UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css', './LayerHost-0a244de8'], (function(e,t,n,o,r,s,i,a,c,l,u,d,y,g,f,m,v,b,h,N,I,K,x){"use strict";const C=(e,t,n)=>{const o=e.closest(t),r=e.closest(n);return o?.contains(r)?null:a.keyExtractor(e,t)},S=(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]},L=u.forwardRef((({children:e,selection:y,onSelectionChange:f,onRemove:m,"aria-label":v,"aria-labelledby":b,testId:h},N)=>{const I=n.useRef(null),{showFocusRing:K,currentKey:x,onCurrentKeyChange:L,containerHandlers:R,onKeyDown:w}=function({containerRef:e,selection:t,onRemove:r,onSelectionChange:s,children:i}){const u='[role="tab"]',[d,y]=n.useState(t),g=n.useCallback((e=>{y(e.value)}),[]),{currentKeyProps:f}=l.useCurrentKey((e=>r?C(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"]),b={onFocus:n.useCallback((()=>{if(e.current&&void 0===d){const t=a.getFirstVisibleKey(e.current,u);t&&y(t)}}),[d,e])},h=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)&&(h.current?y(S(d,t,h.current)):y(t[0])),h.current=t}}),[i,d,e]);const N=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&&s?.({value:d,reason:"keyboard"}),d&&"Delete"===t.key&&r?.({value:d})}),[d,s,r,g,e]);return{showFocusRing:m,currentKey:d,onCurrentKeyChange:g,onKeyDown:N,containerHandlers:o.mergeProps(v,f,b)}}({containerRef:I,selection:y,onRemove:m,onSelectionChange:f,children:e}),k={onKeyDown:w},p=r.classNames([i.navigationListStyles.uListStyle]),F=s.useId()+"_",E=d.useTestId(h);return u.useImperativeHandle(N,(()=>({focus:()=>{I.current&&I.current.focus()},blur:()=>{I.current&&I.current.focus()}}))),t.jsx("ul",{"aria-label":v,"aria-labelledby":b,role:"tablist",ref:I,"aria-orientation":"vertical",tabIndex:0,"aria-activedescendant":x?F+x:"",...o.mergeProps(k,R),...E,class:p,children:t.jsx(g.NavigationListContext.Provider,{value:{selection:y,onSelectionChange:f,onCurrentKeyChange:L,currentKey:x,showFocusRing:K,navigationListItemPrefix:F,onRemove:m},children:e})})}));e.NavigationList=L,e.NavigationListItem=function({itemKey:e,label:n,badge:o,metadata:r,severity:s}){return t.jsx(g.BaseNavigationListItem,{itemKey:e,label:n,badge:o,metadata:r,severity:s})}}));
+//# sourceMappingURL=NavigationListItem-0a4f8a9c.js.map

package/amd/{NavigationListItem-c96ac144.js.map → NavigationListItem-0a4f8a9c.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NavigationListItem-c96ac144.js","sources":["../../src/UNSAFE_NavigationList/useNavigationList.ts","../../src/UNSAFE_NavigationList/NavigationList.tsx","../../src/UNSAFE_NavigationList/NavigationListItem.tsx"],"sourcesContent":["import { useState, useCallback, MutableRef, useRef, useEffect } from 'preact/hooks';\nimport {\n  keyExtractor,\n  getFirstVisibleKey,\n  getKey,\n  getPrevNextKeyUsingRef,\n  findElementByKey\n} from '../utils/PRIVATE_collectionUtils';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { useCurrentKey } from '../hooks/PRIVATE_useCurrentKey';\nimport { NavigationListContextProps } from '../UNSAFE_NavigationListCommon';\n\nimport { ComponentChildren } from 'preact';\n\n/**\n * type for payload of current key change event handler\n */\ntype CurrentKeyDetail<K> = {\n  value: K;\n};\n/**\n * type for payload of selection change event handler\n */\ntype SelectionDetail<K> = {\n  value: K;\n  reason: 'pointer' | 'keyboard';\n};\n/**\n * type for payload of remove event handler\n */\ntype RemoveDetail<K> = {\n  value: K;\n};\n\n/*TODO: JET-58534. Create a hook to share some logic between navlist and tabbar. Hook will be used inside this one. */\nexport function useNavigationList<K extends string | number>({\n  containerRef,\n  selection,\n  onRemove,\n  onSelectionChange,\n  children\n}: {\n  containerRef: MutableRef<HTMLUListElement>;\n  selection?: K;\n  onRemove?: <K extends string | number>(detail: RemoveDetail<K>) => void;\n  onSelectionChange?: <K extends string | number>(detail: SelectionDetail<K>) => void;\n  children: ComponentChildren;\n}) {\n  const ITEM_SELECTOR = '[role=\"tab\"]';\n  const REMOVAL_ICON_SELECTOR = '[data-oj-navigationlist-item-remove-icon]';\n  const [currentKey, setCurrentKey] = useState<K | undefined>(selection);\n\n  const onCurrentKeyChange = useCallback((detail: CurrentKeyDetail<K | undefined>) => {\n    setCurrentKey(detail.value);\n  }, []) as NavigationListContextProps<K>['onCurrentKeyChange'];\n\n  const { currentKeyProps } = useCurrentKey(\n    (element) =>\n      onRemove\n        ? (extractOnlyItemKey(element, ITEM_SELECTOR, REMOVAL_ICON_SELECTOR) as K)\n        : keyExtractor(element, ITEM_SELECTOR),\n    false,\n    getPrevNextKeyUsingRef(containerRef, currentKey, true, ITEM_SELECTOR),\n    getPrevNextKeyUsingRef(containerRef, currentKey, false, ITEM_SELECTOR),\n    undefined,\n    undefined,\n    currentKey,\n    onCurrentKeyChange\n  );\n\n  const [showFocusRing, focusRingProps] = useCollectionFocusRing(containerRef, [\n    'Home',\n    'End',\n    'ArrowUp',\n    'ArrowDown'\n  ]);\n\n  const onFocus = useCallback(() => {\n    if (containerRef.current && currentKey === undefined) {\n      const key = getFirstVisibleKey(containerRef.current, ITEM_SELECTOR);\n      if (key) {\n        setCurrentKey(key as K);\n      }\n    }\n  }, [currentKey, containerRef]);\n\n  const onFocusProps = { onFocus };\n  const prevNavItems = useRef<K[]>();\n\n  useEffect(() => {\n    if (containerRef.current) {\n      const navListItemKeys = Array.from(\n        containerRef.current.querySelectorAll(ITEM_SELECTOR),\n        (elem) => getKey(elem as HTMLElement) as K\n      );\n      if (currentKey != null && navListItemKeys.indexOf(currentKey) !== -1) {\n        const navListItem = findElementByKey(\n          containerRef.current,\n          currentKey,\n          ITEM_SELECTOR\n        ) as any;\n        if (navListItem.scrollIntoViewIfNeeded) {\n          // for some browsers, we'll need the non-standard scrollIntoViewIfNeeded\n          navListItem.scrollIntoViewIfNeeded();\n        } else {\n          navListItem.scrollIntoView({ block: 'nearest' });\n        }\n      } else {\n        if (currentKey && navListItemKeys.indexOf(currentKey) === -1) {\n          prevNavItems.current\n            ? setCurrentKey(findNextCurrentKey(currentKey, navListItemKeys, prevNavItems.current))\n            : setCurrentKey(navListItemKeys[0] as K);\n        }\n        prevNavItems.current = navListItemKeys;\n      }\n    }\n  }, [children, currentKey, containerRef]);\n\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if ((event.key === 'Home' || event.key === 'End') && containerRef.current && currentKey) {\n        const navListItemKey = Array.from(\n          containerRef.current.querySelectorAll(ITEM_SELECTOR),\n          (elem) => getKey(elem as HTMLElement) as K\n        );\n        onCurrentKeyChange?.({\n          value: navListItemKey[event.key === 'Home' ? 0 : navListItemKey.length - 1] as K\n        });\n      }\n      if (currentKey && event.key === 'Enter') {\n        onSelectionChange?.({\n          value: currentKey as K,\n          reason: 'keyboard'\n        });\n      }\n      if (currentKey && event.key === 'Delete') {\n        onRemove?.({ value: currentKey as K });\n      }\n    },\n    [currentKey, onSelectionChange, onRemove, onCurrentKeyChange, containerRef]\n  );\n\n  return {\n    showFocusRing,\n    currentKey,\n    onCurrentKeyChange,\n    onKeyDown,\n    containerHandlers: mergeProps(focusRingProps, currentKeyProps, onFocusProps)\n  };\n}\n\nconst extractOnlyItemKey = (element: HTMLElement, itemSelector: string, itemEliminator: string) => {\n  const navigationListItem = element.closest(itemSelector);\n  const removeButton = element.closest(itemEliminator);\n  return navigationListItem?.contains(removeButton) ? null : keyExtractor(element, itemSelector);\n};\n\nconst findNextCurrentKey = <K>(currentKey: K, currNavs: K[], prevNavs: K[]) => {\n  const index = prevNavs.indexOf(currentKey);\n  if (index > 0) {\n    const nextIndex = index === prevNavs.length - 1 ? index - 1 : index + 1;\n    const nextKey = prevNavs[nextIndex];\n    if (currNavs.indexOf(nextKey) !== -1) {\n      return nextKey;\n    }\n  }\n  // update current key to be the first one if we can't find a suitable next key\n  return currNavs[0];\n};\n","import { Ref } from 'preact';\nimport { MutableRef, useRef } from 'preact/hooks';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { navigationListStyles } from './themes/NavigationListStyles.css';\nimport { useNavigationList } from './useNavigationList';\nimport { forwardRef, useImperativeHandle } from 'preact/compat';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { NavigationListProps, NavigationListContext } from '../UNSAFE_NavigationListCommon';\nexport { RemovableNavigationListItem } from '../UNSAFE_NavigationListCommon';\n\nexport type FocusableHandle = {\n  focus: () => void;\n  blur: () => void;\n};\n\nexport const NavigationList = forwardRef(\n  <K extends string | number>(\n    {\n      children,\n      selection,\n      onSelectionChange,\n      onRemove,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelLedBy,\n      testId\n    }: NavigationListProps<K> & TestIdProps,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const containerRef = useRef<HTMLUListElement>(null);\n\n    const { showFocusRing, currentKey, onCurrentKeyChange, containerHandlers, onKeyDown } =\n      useNavigationList({\n        containerRef: containerRef as MutableRef<HTMLUListElement>,\n        selection,\n        onRemove,\n        onSelectionChange,\n        children\n      });\n\n    const eventProps = { onKeyDown };\n    const navigationListClass = classNames([navigationListStyles.uListStyle]);\n    const navigationListItemPrefix = useId() + '_';\n    const testIdProps = useTestId(testId);\n\n    //Allows to call focus on rootRef without having to expose it\n    useImperativeHandle(ref!, () => ({\n      focus: () => {\n        if (containerRef.current) {\n          containerRef.current.focus();\n        }\n      },\n      blur: () => {\n        if (containerRef.current) {\n          containerRef.current.focus();\n        }\n      }\n    }));\n\n    return (\n      <ul\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelLedBy}\n        role=\"tablist\"\n        ref={containerRef}\n        aria-orientation={'vertical'}\n        tabIndex={0}\n        aria-activedescendant={currentKey ? navigationListItemPrefix + currentKey : ''}\n        {...mergeProps(eventProps, containerHandlers)}\n        {...testIdProps}\n        class={navigationListClass}>\n        <NavigationListContext.Provider\n          value={{\n            selection,\n            onSelectionChange,\n            onCurrentKeyChange,\n            currentKey,\n            showFocusRing,\n            navigationListItemPrefix,\n            onRemove\n          }}>\n          {children}\n        </NavigationListContext.Provider>\n      </ul>\n    );\n  }\n);\n","import {\n  BaseNavigationListItem,\n  BaseNavigationListItemProps\n} from '../UNSAFE_NavigationListCommon/BaseNavigationListItem';\n\nexport type NavigationListItemProps<K extends string | number> = Omit<\n  BaseNavigationListItemProps<K>,\n  'removeIcon'\n>;\n\nexport function NavigationListItem<K extends string | number>({\n  itemKey,\n  label,\n  badge,\n  metadata,\n  severity\n}: NavigationListItemProps<K>) {\n  return (\n    <BaseNavigationListItem\n      itemKey={itemKey}\n      label={label}\n      badge={badge}\n      metadata={metadata}\n      severity={severity}\n    />\n  );\n}\n"],"names":["extractOnlyItemKey","element","itemSelector","itemEliminator","navigationListItem","closest","removeButton","contains","keyExtractor","findNextCurrentKey","currentKey","currNavs","prevNavs","index","indexOf","nextKey","length","NavigationList","forwardRef","children","selection","onSelectionChange","onRemove","ariaLabel","ariaLabelLedBy","testId","ref","containerRef","useRef","showFocusRing","onCurrentKeyChange","containerHandlers","onKeyDown","ITEM_SELECTOR","setCurrentKey","useState","useCallback","detail","value","currentKeyProps","useCurrentKey","getPrevNextKeyUsingRef","undefined","focusRingProps","useCollectionFocusRing","onFocusProps","onFocus","current","key","getFirstVisibleKey","prevNavItems","useEffect","navListItemKeys","Array","from","querySelectorAll","elem","getKey","navListItem","findElementByKey","scrollIntoViewIfNeeded","scrollIntoView","block","event","navListItemKey","reason","mergeProps","useNavigationList","eventProps","navigationListClass","classNames","navigationListStyles","uListStyle","navigationListItemPrefix","useId","testIdProps","useTestId","useImperativeHandle","focus","blur","_jsx","role","tabIndex","class","NavigationListContext","Provider","itemKey","label","badge","metadata","severity","jsx","BaseNavigationListItem"],"mappings":"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"}
+{"version":3,"file":"NavigationListItem-0a4f8a9c.js","sources":["../../src/UNSAFE_NavigationList/useNavigationList.ts","../../src/UNSAFE_NavigationList/NavigationList.tsx","../../src/UNSAFE_NavigationList/NavigationListItem.tsx"],"sourcesContent":["import { useState, useCallback, MutableRef, useRef, useEffect } from 'preact/hooks';\nimport {\n  keyExtractor,\n  getFirstVisibleKey,\n  getKey,\n  getPrevNextKeyUsingRef,\n  findElementByKey\n} from '../utils/PRIVATE_collectionUtils';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { useCurrentKey } from '../hooks/PRIVATE_useCurrentKey';\nimport { NavigationListContextProps } from '../UNSAFE_NavigationListCommon';\n\nimport { ComponentChildren } from 'preact';\n\n/**\n * type for payload of current key change event handler\n */\ntype CurrentKeyDetail<K> = {\n  value: K;\n};\n/**\n * type for payload of selection change event handler\n */\ntype SelectionDetail<K> = {\n  value: K;\n  reason: 'pointer' | 'keyboard';\n};\n/**\n * type for payload of remove event handler\n */\ntype RemoveDetail<K> = {\n  value: K;\n};\n\n/*TODO: JET-58534. Create a hook to share some logic between navlist and tabbar. Hook will be used inside this one. */\nexport function useNavigationList<K extends string | number>({\n  containerRef,\n  selection,\n  onRemove,\n  onSelectionChange,\n  children\n}: {\n  containerRef: MutableRef<HTMLUListElement>;\n  selection?: K;\n  onRemove?: <K extends string | number>(detail: RemoveDetail<K>) => void;\n  onSelectionChange?: <K extends string | number>(detail: SelectionDetail<K>) => void;\n  children: ComponentChildren;\n}) {\n  const ITEM_SELECTOR = '[role=\"tab\"]';\n  const REMOVAL_ICON_SELECTOR = '[data-oj-navigationlist-item-remove-icon]';\n  const [currentKey, setCurrentKey] = useState<K | undefined>(selection);\n\n  const onCurrentKeyChange = useCallback((detail: CurrentKeyDetail<K | undefined>) => {\n    setCurrentKey(detail.value);\n  }, []) as NavigationListContextProps<K>['onCurrentKeyChange'];\n\n  const { currentKeyProps } = useCurrentKey(\n    (element) =>\n      onRemove\n        ? (extractOnlyItemKey(element, ITEM_SELECTOR, REMOVAL_ICON_SELECTOR) as K)\n        : keyExtractor(element, ITEM_SELECTOR),\n    false,\n    getPrevNextKeyUsingRef(containerRef, currentKey, true, ITEM_SELECTOR),\n    getPrevNextKeyUsingRef(containerRef, currentKey, false, ITEM_SELECTOR),\n    undefined,\n    undefined,\n    currentKey,\n    onCurrentKeyChange\n  );\n\n  const [showFocusRing, focusRingProps] = useCollectionFocusRing(containerRef, [\n    'Home',\n    'End',\n    'ArrowUp',\n    'ArrowDown'\n  ]);\n\n  const onFocus = useCallback(() => {\n    if (containerRef.current && currentKey === undefined) {\n      const key = getFirstVisibleKey(containerRef.current, ITEM_SELECTOR);\n      if (key) {\n        setCurrentKey(key as K);\n      }\n    }\n  }, [currentKey, containerRef]);\n\n  const onFocusProps = { onFocus };\n  const prevNavItems = useRef<K[]>();\n\n  useEffect(() => {\n    if (containerRef.current) {\n      const navListItemKeys = Array.from(\n        containerRef.current.querySelectorAll(ITEM_SELECTOR),\n        (elem) => getKey(elem as HTMLElement) as K\n      );\n      if (currentKey != null && navListItemKeys.indexOf(currentKey) !== -1) {\n        const navListItem = findElementByKey(\n          containerRef.current,\n          currentKey,\n          ITEM_SELECTOR\n        ) as any;\n        if (navListItem.scrollIntoViewIfNeeded) {\n          // for some browsers, we'll need the non-standard scrollIntoViewIfNeeded\n          navListItem.scrollIntoViewIfNeeded();\n        } else {\n          navListItem.scrollIntoView({ block: 'nearest' });\n        }\n      } else {\n        if (currentKey && navListItemKeys.indexOf(currentKey) === -1) {\n          prevNavItems.current\n            ? setCurrentKey(findNextCurrentKey(currentKey, navListItemKeys, prevNavItems.current))\n            : setCurrentKey(navListItemKeys[0] as K);\n        }\n        prevNavItems.current = navListItemKeys;\n      }\n    }\n  }, [children, currentKey, containerRef]);\n\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if ((event.key === 'Home' || event.key === 'End') && containerRef.current && currentKey) {\n        const navListItemKey = Array.from(\n          containerRef.current.querySelectorAll(ITEM_SELECTOR),\n          (elem) => getKey(elem as HTMLElement) as K\n        );\n        onCurrentKeyChange?.({\n          value: navListItemKey[event.key === 'Home' ? 0 : navListItemKey.length - 1] as K\n        });\n      }\n      if (currentKey && event.key === 'Enter') {\n        onSelectionChange?.({\n          value: currentKey as K,\n          reason: 'keyboard'\n        });\n      }\n      if (currentKey && event.key === 'Delete') {\n        onRemove?.({ value: currentKey as K });\n      }\n    },\n    [currentKey, onSelectionChange, onRemove, onCurrentKeyChange, containerRef]\n  );\n\n  return {\n    showFocusRing,\n    currentKey,\n    onCurrentKeyChange,\n    onKeyDown,\n    containerHandlers: mergeProps(focusRingProps, currentKeyProps, onFocusProps)\n  };\n}\n\nconst extractOnlyItemKey = (element: HTMLElement, itemSelector: string, itemEliminator: string) => {\n  const navigationListItem = element.closest(itemSelector);\n  const removeButton = element.closest(itemEliminator);\n  return navigationListItem?.contains(removeButton) ? null : keyExtractor(element, itemSelector);\n};\n\nconst findNextCurrentKey = <K>(currentKey: K, currNavs: K[], prevNavs: K[]) => {\n  const index = prevNavs.indexOf(currentKey);\n  if (index > 0) {\n    const nextIndex = index === prevNavs.length - 1 ? index - 1 : index + 1;\n    const nextKey = prevNavs[nextIndex];\n    if (currNavs.indexOf(nextKey) !== -1) {\n      return nextKey;\n    }\n  }\n  // update current key to be the first one if we can't find a suitable next key\n  return currNavs[0];\n};\n","import { Ref } from 'preact';\nimport { MutableRef, useRef } from 'preact/hooks';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { navigationListStyles } from './themes/NavigationListStyles.css';\nimport { useNavigationList } from './useNavigationList';\nimport { forwardRef, useImperativeHandle } from 'preact/compat';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { NavigationListProps, NavigationListContext } from '../UNSAFE_NavigationListCommon';\nexport { RemovableNavigationListItem } from '../UNSAFE_NavigationListCommon';\n\nexport type FocusableHandle = {\n  focus: () => void;\n  blur: () => void;\n};\n\nexport const NavigationList = forwardRef(\n  <K extends string | number>(\n    {\n      children,\n      selection,\n      onSelectionChange,\n      onRemove,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelLedBy,\n      testId\n    }: NavigationListProps<K> & TestIdProps,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const containerRef = useRef<HTMLUListElement>(null);\n\n    const { showFocusRing, currentKey, onCurrentKeyChange, containerHandlers, onKeyDown } =\n      useNavigationList({\n        containerRef: containerRef as MutableRef<HTMLUListElement>,\n        selection,\n        onRemove,\n        onSelectionChange,\n        children\n      });\n\n    const eventProps = { onKeyDown };\n    const navigationListClass = classNames([navigationListStyles.uListStyle]);\n    const navigationListItemPrefix = useId() + '_';\n    const testIdProps = useTestId(testId);\n\n    //Allows to call focus on rootRef without having to expose it\n    useImperativeHandle(ref!, () => ({\n      focus: () => {\n        if (containerRef.current) {\n          containerRef.current.focus();\n        }\n      },\n      blur: () => {\n        if (containerRef.current) {\n          containerRef.current.focus();\n        }\n      }\n    }));\n\n    return (\n      <ul\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelLedBy}\n        role=\"tablist\"\n        ref={containerRef}\n        aria-orientation={'vertical'}\n        tabIndex={0}\n        aria-activedescendant={currentKey ? navigationListItemPrefix + currentKey : ''}\n        {...mergeProps(eventProps, containerHandlers)}\n        {...testIdProps}\n        class={navigationListClass}>\n        <NavigationListContext.Provider\n          value={{\n            selection,\n            onSelectionChange,\n            onCurrentKeyChange,\n            currentKey,\n            showFocusRing,\n            navigationListItemPrefix,\n            onRemove\n          }}>\n          {children}\n        </NavigationListContext.Provider>\n      </ul>\n    );\n  }\n);\n","import {\n  BaseNavigationListItem,\n  BaseNavigationListItemProps\n} from '../UNSAFE_NavigationListCommon/BaseNavigationListItem';\n\nexport type NavigationListItemProps<K extends string | number> = Omit<\n  BaseNavigationListItemProps<K>,\n  'removeIcon'\n>;\n\nexport function NavigationListItem<K extends string | number>({\n  itemKey,\n  label,\n  badge,\n  metadata,\n  severity\n}: NavigationListItemProps<K>) {\n  return (\n    <BaseNavigationListItem\n      itemKey={itemKey}\n      label={label}\n      badge={badge}\n      metadata={metadata}\n      severity={severity}\n    />\n  );\n}\n"],"names":["extractOnlyItemKey","element","itemSelector","itemEliminator","navigationListItem","closest","removeButton","contains","keyExtractor","findNextCurrentKey","currentKey","currNavs","prevNavs","index","indexOf","nextKey","length","NavigationList","forwardRef","children","selection","onSelectionChange","onRemove","ariaLabel","ariaLabelLedBy","testId","ref","containerRef","useRef","showFocusRing","onCurrentKeyChange","containerHandlers","onKeyDown","ITEM_SELECTOR","setCurrentKey","useState","useCallback","detail","value","currentKeyProps","useCurrentKey","getPrevNextKeyUsingRef","undefined","focusRingProps","useCollectionFocusRing","onFocusProps","onFocus","current","key","getFirstVisibleKey","prevNavItems","useEffect","navListItemKeys","Array","from","querySelectorAll","elem","getKey","navListItem","findElementByKey","scrollIntoViewIfNeeded","scrollIntoView","block","event","navListItemKey","reason","mergeProps","useNavigationList","eventProps","navigationListClass","classNames","navigationListStyles","uListStyle","navigationListItemPrefix","useId","testIdProps","useTestId","useImperativeHandle","focus","blur","_jsx","role","tabIndex","class","NavigationListContext","Provider","itemKey","label","badge","metadata","severity","jsx","BaseNavigationListItem"],"mappings":"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"}