@oracle/oraclejet-preact 20.1.3 → 20.1.5

package/amd/Message-215f9d76.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Flex-4b81b412', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './useComponentTheme-db55de25', './timer-571d3748', './classNames-08d99695', './Close-bd28ab5e', './IconButton-be3bd92a', './useTranslationBundle-e4dd341e', './PRIVATE_Message/themes/MessageStyles.css', 'preact', './MessageFormattingUtils-ea0be23e', './MessagesManager-33f8965e', './utils-9a3f9606'], (function(e,s,a,t,n,r,o,l,i,c,u,m,d,g,b,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 f({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((e=>u?.(c,e)),[c,u]),V=a.useCallback((e=>{"Escape"===e.key&&"on"===C&&u?.(c,{reason:"keyboard"})}),[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)&&b.playSound(M),A&&E(),()=>{U()})),[]);const{variantClasses:_}=r.useComponentTheme(n.MessageBannerRedwoodTheme,{severity:B}),H=l.classNames(["banner"===I&&_,m.messageStyles.base[I],"toast"!==p&&b.severityBasedStyleClass(B,I),"sectionBanner"===p&&m.messageStyles.section]),$=l.classNames([m.messageStyles.content.base,m.messageStyles.content[I]]),z=g.isValidValueForProp(k,"timestamp")&&"toast"!==p&&s.jsx(S,{variant:I,value:k}),K=s.jsx(x,{variant:I,item:c,renderer:e}),O=s.jsx(b.MessageSummary,{variant:I,text:T,role:"heading","aria-level":2});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(f,{item:c,renderer:i}):h(B)?s.jsx(b.MessageStartIcon,{severity:B,variant:I}):null,s.jsx(t.Flex,{direction:"column",flex:"1",gap:y.xUnits(2),children:s.jsxs(s.Fragment,{children:[s.jsxs(j,{variant:I,children:[T?O:K,z]}),T&&K]})}),"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-71f83c12', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './useComponentTheme-db55de25', './timer-571d3748', './classNames-08d99695', './Close-bd28ab5e', './IconButton-be3bd92a', './useTranslationBundle-db326955', './PRIVATE_Message/themes/MessageStyles.css', 'preact', './MessageFormattingUtils-ea0be23e', './MessagesManager-33f8965e', './utils-9a3f9606'], (function(e,s,a,t,n,r,o,l,i,c,u,m,d,g,y,b){"use strict";function f({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 v({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((e=>u?.(c,e)),[c,u]),V=a.useCallback((e=>{"Escape"===e.key&&"on"===C&&u?.(c,{reason:"keyboard"})}),[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)&&y.playSound(M),A&&E(),()=>{U()})),[]);const{variantClasses:_}=r.useComponentTheme(n.MessageBannerRedwoodTheme,{severity:B}),H=l.classNames(["banner"===I&&_,m.messageStyles.base[I],"toast"!==p&&y.severityBasedStyleClass(B,I),"sectionBanner"===p&&m.messageStyles.section]),$=l.classNames([m.messageStyles.content.base,m.messageStyles.content[I]]),z=g.isValidValueForProp(k,"timestamp")&&"toast"!==p&&s.jsx(S,{variant:I,value:k}),K=s.jsx(x,{variant:I,item:c,renderer:e}),O=s.jsx(y.MessageSummary,{variant:I,text:T,role:"heading","aria-level":2});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(v,{item:c,renderer:i}):h(B)?s.jsx(y.MessageStartIcon,{severity:B,variant:I}):null,s.jsx(t.Flex,{direction:"column",flex:"1",gap:b.xUnits(2),children:s.jsxs(s.Fragment,{children:[s.jsxs(j,{variant:I,children:[T?O:K,z]}),T&&K]})}),"on"===C&&s.jsx(f,{variant:I,onAction:N})]})})},e.MessageCloseButton=f,e.MessageDetail=x,e.MessageTimestamp=S}));
 //# sourceMappingURL=Message-215f9d76.js.map

package/amd/MessageBanner-b16bf82a.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Message-215f9d76', 'preact', './useComponentTheme-db55de25', './useTestId-f4240cbd', './LayerHost-0b288129', 'preact/compat', './classNames-08d99695', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-d855e8f2', 'css!./IconStyle.styles.css', './clientHints-6d361eaa', './IconButton-be3bd92a', './useTranslationBundle-e4dd341e', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './MessagesManager-33f8965e', './Flex-4b81b412', './LiveRegion-dbefb95b', './useMessagesFocusManager-43813483', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme'], (function(e,s,t,n,o,a,i,r,l,c,d,u,g,h,m,f,p,x,v,y,M,b,T,R,H){"use strict";const B={entering:e=>({to:{maxHeight:`${e.scrollHeight}px`,overflow:"hidden"},options:{duration:250},end:{maxHeight:"none",overflow:"initial"}}),exiting:e=>({..."none"===e.style.maxHeight&&{from:{maxHeight:`${e.scrollHeight}px`,overflow:"hidden"}},to:{maxHeight:0,overflow:"hidden"},end:{maxHeight:0,overflow:"hidden"},options:{duration:250}})},C={maxHeight:0,overflow:"hidden"};e.MessageBanner=function({detailRendererKey:e,data:o,onClose:r,renderers:l,testId:d,variant:u="section"}){const g=i.useTestId(d),h=t.useRef(new Map),m=t.useRef(null),p=t.useRef(null),[v,y]=t.useState(),[k,w]=t.useState(o.length>0),{deviceType:F}=f.getClientHints(),S=x.useTranslationBundle("@oracle/oraclejet-preact"),j=t.useRef(o.length),I=t.useRef(0);j.current=o.length;const E=t.useCallback((e=>s=>h.current.set(e,s)),[]);t.useImperativeHandle(p,(()=>({focus:()=>{if(o.length){const e=o[0].key;return h.current.get(e)?.focus(),!0}return!1},contains:e=>!(!o.length||!e)&&(m.current?.contains(e)??!1)})),[o]);const{controller:L,handlers:N}=R.useMessageFocusManager(p,{onFocus:t.useCallback((()=>{y(M.getLiveRegionTextByDevice("from",F,S))}),[F,S])}),U=t.useCallback((e=>{r?.(e)}),[r]),A=t.useCallback(((e,s,t)=>{const n=t?.contains(document.activeElement);if(0===j.current)return w(!1),void(n&&L.restorePriorFocus());const a=s+1<o.length?s+1:s-1;if(a>-1&&n){const e=o[a].key;h.current.get(e)?.focus()}}),[L,o]);t.useEffect((()=>{o.length?(w(!0),o.length>I.current&&y(M.getLiveRegionTextByDevice("to",F,S)),L.prioritize()):y(""),I.current=o.length}),[L,o,F,S]);const{classes:_}=a.useComponentTheme(H.MessageBannerRedwoodTheme);return k||0!==o.length?s.jsx("div",{ref:m,class:c.classNames(["oj-c-messagebanner",_]),tabIndex:-1,...N,...g,children:s.jsxs(b.Flex,{direction:"column",gap:"section"===u?"1x":void 0,children:[s.jsx(M.MessagesManager,{animationStates:B,initialAnimationStyles:C,data:o,onMessageWillRemove:A,children:({item:t})=>s.jsx(n.Message,{messageRef:E(t.key),item:t,detailRenderer:M.getRenderer(t,e,l),variant:"page"===u?"pageBanner":"sectionBanner",onClose:U},t.key)}),s.jsx(T.LiveRegion,{children:v})]})}):null}}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Message-215f9d76', 'preact', './useComponentTheme-db55de25', './useTestId-6160e7a2', './LayerHost-1a734852', 'preact/compat', './classNames-08d99695', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-2f3b01e4', 'css!./IconStyle.styles.css', './clientHints-6d361eaa', './IconButton-be3bd92a', './useTranslationBundle-db326955', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './MessagesManager-33f8965e', './Flex-71f83c12', './LiveRegion-1553833d', './useMessagesFocusManager-43813483', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme'], (function(e,s,t,n,o,a,i,r,l,c,d,u,g,h,m,f,p,x,v,y,M,T,R,H,b){"use strict";const B={entering:e=>({to:{maxHeight:`${e.scrollHeight}px`,overflow:"hidden"},options:{duration:250},end:{maxHeight:"none",overflow:"initial"}}),exiting:e=>({..."none"===e.style.maxHeight&&{from:{maxHeight:`${e.scrollHeight}px`,overflow:"hidden"}},to:{maxHeight:0,overflow:"hidden"},end:{maxHeight:0,overflow:"hidden"},options:{duration:250}})},C={maxHeight:0,overflow:"hidden"};e.MessageBanner=function({detailRendererKey:e,data:o,onClose:r,renderers:l,testId:d,variant:u="section"}){const g=i.useTestId(d),h=t.useRef(new Map),m=t.useRef(null),p=t.useRef(null),[v,y]=t.useState(),[k,w]=t.useState(o.length>0),{deviceType:F}=f.getClientHints(),S=x.useTranslationBundle("@oracle/oraclejet-preact"),j=t.useRef(o.length),I=t.useRef(0);j.current=o.length;const E=t.useCallback((e=>s=>h.current.set(e,s)),[]);t.useImperativeHandle(p,(()=>({focus:()=>{if(o.length){const e=o[0].key;return h.current.get(e)?.focus(),!0}return!1},contains:e=>!(!o.length||!e)&&(m.current?.contains(e)??!1)})),[o]);const{controller:L,handlers:N}=H.useMessageFocusManager(p,{onFocus:t.useCallback((()=>{y(M.getLiveRegionTextByDevice("from",F,S))}),[F,S])}),U=t.useCallback((e=>{r?.(e)}),[r]),A=t.useCallback(((e,s,t)=>{const n=t?.contains(document.activeElement);if(0===j.current)return w(!1),void(n&&L.restorePriorFocus());const a=s+1<o.length?s+1:s-1;if(a>-1&&n){const e=o[a].key;h.current.get(e)?.focus()}}),[L,o]);t.useEffect((()=>{o.length?(w(!0),o.length>I.current&&y(M.getLiveRegionTextByDevice("to",F,S)),L.prioritize()):y(""),I.current=o.length}),[L,o,F,S]);const{classes:_}=a.useComponentTheme(b.MessageBannerRedwoodTheme);return k||0!==o.length?s.jsx("div",{ref:m,class:c.classNames(["oj-c-messagebanner",_]),tabIndex:-1,...N,...g,children:s.jsxs(T.Flex,{direction:"column",gap:"section"===u?"1x":void 0,children:[s.jsx(M.MessagesManager,{animationStates:B,initialAnimationStyles:C,data:o,onMessageWillRemove:A,children:({item:t})=>s.jsx(n.Message,{messageRef:E(t.key),item:t,detailRenderer:M.getRenderer(t,e,l),variant:"page"===u?"pageBanner":"sectionBanner",onClose:U},t.key)}),s.jsx(R.LiveRegion,{children:v})]})}):null}}));
 //# sourceMappingURL=MessageBanner-b16bf82a.js.map

package/amd/MessageBannerVariants.styles.css

@@ -1,9 +1,9 @@
-.MessageBannerVariants_multiVariantStyles_severity_error__10p8l3t0 {
+.MessageBannerVariants_multiVariantStyles_severity_error__15mgzlb0 {
   --backgroundColor__l2hi9d0: var(--oj-c-surface-danger-low);
   --startIconColor__l2hi9d1: var(--oj-c-text-icon-danger);
   --summaryTextColor__l2hi9d3: var(--oj-c-text-icon-danger);
 }
-.MessageBannerVariants_multiVariantStyles_severity_warning__10p8l3t1 {
+.MessageBannerVariants_multiVariantStyles_severity_warning__15mgzlb1 {
   --backgroundColor__l2hi9d0: var(--oj-c-surface-warning-low);
   --startIconColor__l2hi9d1: var(--oj-c-text-icon-warning);
   --summaryTextColor__l2hi9d3: var(--oj-c-text-icon-warning);

package/amd/MessageBannerVariants.styles2.css

@@ -1,9 +1,9 @@
-.MessageBannerVariants_multiVariantStyles_severity_error__15mgzlb0 {
+.MessageBannerVariants_multiVariantStyles_severity_error__10p8l3t0 {
   --backgroundColor__l2hi9d0: var(--oj-c-surface-danger-low);
   --startIconColor__l2hi9d1: var(--oj-c-text-icon-danger);
   --summaryTextColor__l2hi9d3: var(--oj-c-text-icon-danger);
 }
-.MessageBannerVariants_multiVariantStyles_severity_warning__15mgzlb1 {
+.MessageBannerVariants_multiVariantStyles_severity_warning__10p8l3t1 {
   --backgroundColor__l2hi9d0: var(--oj-c-surface-warning-low);
   --startIconColor__l2hi9d1: var(--oj-c-text-icon-warning);
   --summaryTextColor__l2hi9d3: var(--oj-c-text-icon-warning);

package/amd/MessageLayer-3c3156a8.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './Flex-71f83c12', './WindowOverlay-5b6850df', './useUser-e0677e8d', './Layer-64bf71ad', 'preact/compat', './LayerHost-1a734852'], (function(t,e,o,s,r,i,a,n){"use strict";t.MessageLayer=({children:t,offset:a,testId:n,position:c="bottom"})=>{const l=c.split("-")[0];let d;d="number"==typeof a?{mainAxis:a,crossAxis:a}:"top"==l||"bottom"==l?{mainAxis:a?.vertical,crossAxis:a?.horizontal}:{mainAxis:a?.horizontal,crossAxis:a?.vertical};const{direction:p}=r.useUser(),m="ltr"===p;let b;switch(c){case"top-left":b=m?"top-start":"top-end";break;case"top-right":b=m?"top-end":"top-start";break;case"bottom-left":b=m?"bottom-start":"bottom-end";break;case"bottom-right":b=m?"bottom-end":"bottom-start";break;default:b=c}return e.jsx(i.Layer,{priority:"messages",level:"topLevel",children:e.jsx(s.WindowOverlay,{placement:b,offset:d,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-3c3156a8.js.map

package/amd/{MessageLayer-29d1f82c.js.map → MessageLayer-3c3156a8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MessageLayer-29d1f82c.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-3c3156a8.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-c968b70e.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './LayerHost-0b288129', './EnvironmentProvider-403bf554', './useMessagesFocusManager-43813483', './useBreakpointValues-b3cb2a4e', './MessagesContext-602a69a2', './useMessagesContext-1395a997', './useTranslationBundle-e4dd341e', './Message-215f9d76', 'preact', './utils-9a3f9606', './useComponentTheme-db55de25', './useTestId-f4240cbd', './useColorScheme-097c31ff', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-d855e8f2', 'css!./IconStyle.styles.css', './clientHints-6d361eaa', './IconButton-be3bd92a', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './MessagesManager-33f8965e', './Flex-4b81b412', './FocusTrap-038b32c3', './LiveRegion-dbefb95b', './UNSAFE_MessageToast/themes/redwood/MessageToastTheme', './MessageLayer-29d1f82c'], (function(e,s,t,n,o,a,r,i,l,c,u,d,g,f,m,h,p,y,b,v,x,T,M,R,C,k,F,S,j,L,B){"use strict";const E={entering:e=>({from:{transform:`translate(0, ${e.offsetHeight}px)`,opacity:1},to:{transform:"translate(0, 0)",opacity:1},end:{transform:"unset",opacity:1},options:{duration:250}}),exiting:{from:{opacity:1},to:{opacity:0},end:{opacity:0},options:{duration:250}}},U={opacity:0};e.MessageToast=function({data:e,detailRendererKey:n,iconRendererKey:i,renderers:d,onClose:p,offset:y,position:b,testId:v}){const x=m.useTestId(v),M=t.useRef(new Map),R=t.useRef(null),C=t.useRef(null),I=t.useRef(null),w=t.useRef(),[z,A]=t.useState(),[H,_]=t.useState(e.length>0),[N,V]=t.useState(!1),{deviceType:$}=T.getClientHints(),D=c.useTranslationBundle("@oracle/oraclejet-preact"),{UNSAFE_messagesLayerId:K}=l.useMessagesContext(),P=t.useRef(e.length),W=t.useRef(0);P.current=e.length,t.useImperativeHandle(I,(()=>({focus:()=>!!e.length&&(R.current=M.current.get(e[0].key)??null,V(!0),!0),contains:s=>!(!e.length||!s)&&(C.current?.contains(s)??!1)})),[e]);const{controller:q,handlers:G}=a.useMessageFocusManager(I,{onFocus:t.useCallback((()=>{A(k.getLiveRegionTextByDevice("from",$,D))}),[$,D]),onFocusLeave:t.useCallback((()=>{V(!1)}),[])},{handleEscapeKey:!1}),J=t.useCallback(((s,t,n)=>{if("keyboard"!==w?.current?.reason)return;const o=n?.contains(document.activeElement);if(0===P.current)return _(!1),V(!1),void(o&&setTimeout((()=>q.restorePriorFocus()),0));const a=t+1<e.length?t+1:t-1;if(a>-1&&o){const s=e[a].key;M.current.get(s)?.focus()}}),[q,e]),O=t.useCallback((e=>s=>M.current.set(e,s)),[]),Q=t.useCallback(((e,s)=>{w.current=s,p?.(e)}),[p]);t.useEffect((()=>{const s=W.current;if(W.current=e.length,e.length)return _(!0),e.length>s&&A(k.getLiveRegionTextByDevice("to",$,D)),void q.prioritize();A(s?D.messageToast_allMessagesClosed():"")}),[q,e.length,$,D]);const X=r.useBreakpointValues({sm:`calc(100vw - ${g.xUnits(8)})`,md:`calc(100vw - ${g.xUnits(12)})`,lg:`calc(150 * ${g.xUnits(1)})`}),Y=r.useBreakpointValues({sm:{horizontal:"number"==typeof y?y:y?.horizontal??0,vertical:16+("number"==typeof y?y:y?.vertical??0)},lg:{horizontal:"number"==typeof y?y:y?.horizontal??0,vertical:24+("number"==typeof y?y:y?.vertical??0)}}),Z=h.useColorScheme(),ee=Z&&"light"!==Z?"light":"dark",{classes:se}=f.useComponentTheme(L.MessageToastRedwoodTheme);return H||0!==e.length?s.jsxs(o.EnvironmentProvider,{environment:{colorScheme:ee},children:[s.jsx(B.MessageLayer,{offset:Y,position:b,children:s.jsx("div",{class:se,ref:C,tabIndex:-1,id:K,...G,...x,children:s.jsx(S.FocusTrap,{autoFocusRef:R,isDisabled:!N,children:s.jsx(F.Flex,{direction:"column",gap:"1x",align:"center",maxWidth:X,children:s.jsx(k.MessagesManager,{animationStates:E,initialAnimationStyles:U,data:e,onMessageWillRemove:J,children:({item:e})=>s.jsx(u.Message,{messageRef:O(e.key),item:e,detailRenderer:k.getRenderer(e,n,d),iconRenderer:k.getRenderer(e,i,d),onClose:Q,variant:"toast"},e.key)})})})})}),s.jsx(j.LiveRegion,{children:z})]}):s.jsx(j.LiveRegion,{children:z})}}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './LayerHost-1a734852', './EnvironmentProvider-75ba928e', './useMessagesFocusManager-43813483', './useBreakpointValues-b3cb2a4e', './MessagesContext-602a69a2', './useMessagesContext-1395a997', './useTranslationBundle-db326955', './Message-215f9d76', 'preact', './utils-9a3f9606', './useComponentTheme-db55de25', './useTestId-6160e7a2', './useColorScheme-6cb3a3b7', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-2f3b01e4', 'css!./IconStyle.styles.css', './clientHints-6d361eaa', './IconButton-be3bd92a', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './MessagesManager-33f8965e', './Flex-71f83c12', './FocusTrap-038b32c3', './LiveRegion-1553833d', './UNSAFE_MessageToast/themes/redwood/MessageToastTheme', './MessageLayer-3c3156a8'], (function(e,s,t,n,o,a,r,i,l,c,u,d,g,m,h,f,p,y,v,x,T,b,M,R,C,k,F,S,j,L,B){"use strict";const E={entering:e=>({from:{transform:`translate(0, ${e.offsetHeight}px)`,opacity:1},to:{transform:"translate(0, 0)",opacity:1},end:{transform:"unset",opacity:1},options:{duration:250}}),exiting:{from:{opacity:1},to:{opacity:0},end:{opacity:0},options:{duration:250}}},U={opacity:0};e.MessageToast=function({data:e,detailRendererKey:n,iconRendererKey:i,renderers:d,onClose:p,offset:y,position:v,testId:x}){const T=h.useTestId(x),M=t.useRef(new Map),R=t.useRef(null),C=t.useRef(null),I=t.useRef(null),w=t.useRef(),[z,A]=t.useState(),[H,_]=t.useState(e.length>0),[N,V]=t.useState(!1),{deviceType:$}=b.getClientHints(),D=c.useTranslationBundle("@oracle/oraclejet-preact"),{UNSAFE_messagesLayerId:K}=l.useMessagesContext(),P=t.useRef(e.length),W=t.useRef(0);P.current=e.length,t.useImperativeHandle(I,(()=>({focus:()=>!!e.length&&(R.current=M.current.get(e[0].key)??null,V(!0),!0),contains:s=>!(!e.length||!s)&&(C.current?.contains(s)??!1)})),[e]);const{controller:q,handlers:G}=a.useMessageFocusManager(I,{onFocus:t.useCallback((()=>{A(k.getLiveRegionTextByDevice("from",$,D))}),[$,D]),onFocusLeave:t.useCallback((()=>{V(!1)}),[])},{handleEscapeKey:!1}),J=t.useCallback(((s,t,n)=>{if("keyboard"!==w?.current?.reason)return;const o=n?.contains(document.activeElement);if(0===P.current)return _(!1),V(!1),void(o&&setTimeout((()=>q.restorePriorFocus()),0));const a=t+1<e.length?t+1:t-1;if(a>-1&&o){const s=e[a].key;M.current.get(s)?.focus()}}),[q,e]),O=t.useCallback((e=>s=>M.current.set(e,s)),[]),Q=t.useCallback(((e,s)=>{w.current=s,p?.(e)}),[p]);t.useEffect((()=>{const s=W.current;if(W.current=e.length,e.length)return _(!0),e.length>s&&A(k.getLiveRegionTextByDevice("to",$,D)),void q.prioritize();A(s?D.messageToast_allMessagesClosed():"")}),[q,e.length,$,D]);const X=r.useBreakpointValues({sm:`calc(100vw - ${g.xUnits(8)})`,md:`calc(100vw - ${g.xUnits(12)})`,lg:`calc(150 * ${g.xUnits(1)})`}),Y=r.useBreakpointValues({sm:{horizontal:"number"==typeof y?y:y?.horizontal??0,vertical:16+("number"==typeof y?y:y?.vertical??0)},lg:{horizontal:"number"==typeof y?y:y?.horizontal??0,vertical:24+("number"==typeof y?y:y?.vertical??0)}}),Z=f.useColorScheme(),ee=Z&&"light"!==Z?"light":"dark",{classes:se}=m.useComponentTheme(L.MessageToastRedwoodTheme);return H||0!==e.length?s.jsxs(o.EnvironmentProvider,{environment:{colorScheme:ee},children:[s.jsx(B.MessageLayer,{offset:Y,position:v,children:s.jsx("div",{class:se,ref:C,tabIndex:-1,id:K,...G,...T,children:s.jsx(S.FocusTrap,{autoFocusRef:R,isDisabled:!N,children:s.jsx(F.Flex,{direction:"column",gap:"1x",align:"center",maxWidth:X,children:s.jsx(k.MessagesManager,{animationStates:E,initialAnimationStyles:U,data:e,onMessageWillRemove:J,children:({item:e})=>s.jsx(u.Message,{messageRef:O(e.key),item:e,detailRenderer:k.getRenderer(e,n,d),iconRenderer:k.getRenderer(e,i,d),onClose:Q,variant:"toast"},e.key)})})})})}),s.jsx(j.LiveRegion,{children:z})]}):s.jsx(j.LiveRegion,{children:z})}}));
 //# sourceMappingURL=MessageToast-c968b70e.js.map

package/amd/MessagesManager-33f8965e.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './SuccessS-894179a0', './ErrorS-22529095', './InformationS-0d400067', './WarningS-a7423be4', './Flex-4b81b412', './PRIVATE_Message/themes/MessageStyles.css', './useTranslationBundle-e4dd341e', './useTestId-f4240cbd', './logger-00b673c5', './soundUtils-95e86a66', './MessageFormattingUtils-ea0be23e', 'preact', 'preact/hooks', './TransitionGroup-3b9d81b6', './useAnimation-d90c433f', './MessagesContext-602a69a2', './useMessagesContext-1395a997', './Transition-04efcc49'], (function(e,n,t,a,s,i,r,o,c,l,u,d,g,m,y,S,f,v,x,h,b){"use strict";const p={confirmation:a.SvgSuccessS,error:s.SvgErrorS,info:i.SvgInformationS,warning:r.SvgWarningS};const T=(e,n="common")=>d.warn(`JET Message(${n}): ${e}`);function M(e,n="common"){throw new Error(`JET Message(${n}) - ${e}`)}const I={};function j({animationStates:e=I,initialAnimationStyles:t,onEntering:a,onExiting:s,...i}){const[r,o]=S.useState("entering"),c=S.useRef(),l=S.useRef(),{controller:u,nodeRef:d}=v.useAnimation(r,{animationStates:e,isAnimatedOnMount:!0,onAnimationEnd:S.useCallback((()=>{c.current?.(),c.current=void 0,l.current?.(),l.current=void 0}),[])}),{addBusyState:g}=h.useMessagesContext(),m=S.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]),y=S.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 S.useLayoutEffect((()=>()=>l.current?.()),[]),n.jsx("div",{ref:d,style:t,children:n.jsx(b.Transition,{...i,onEntering:m,onExiting:y})})}e.MessageStartIcon=function({severity:e,testId:a,variant:s="banner"}){const i=p[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=S.useCallback((async(e,n)=>{n&&i?.(n.key,n.index,e)}),[i]);return n.jsx(f.TransitionGroup,{elementType:y.Fragment,children:e.map(((e,i)=>n.jsx(j,{animationStates:t,initialAnimationStyles:s,metadata:{index:i,key:e.key},onExited:r,children:a?.({index:i,item:e})},e.key)))})},e.getLiveRegionTextByDevice=(e,n,t)=>{const a=["phone","tablet"].includes(n)?"touch":"keyboard",s={to:{touch:"message_navigationToTouch",keyboard:"message_navigationToMessagesRegion"},from:{touch:"",keyboard:"message_navigationFromMessagesRegion"}}[e][a];return s?t[s]:""},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||M(`${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){T(`Failed to play the audio from the url ${e}. ${n}.`)}else try{g.playDefaultNotificationSound()}catch(e){T(`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=M}));
+define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './SuccessS-894179a0', './ErrorS-22529095', './InformationS-0d400067', './WarningS-a7423be4', './Flex-71f83c12', './PRIVATE_Message/themes/MessageStyles.css', './useTranslationBundle-db326955', './useTestId-6160e7a2', './logger-00b673c5', './soundUtils-95e86a66', './MessageFormattingUtils-ea0be23e', 'preact', 'preact/hooks', './TransitionGroup-3b9d81b6', './useAnimation-d90c433f', './MessagesContext-602a69a2', './useMessagesContext-1395a997', './Transition-04efcc49'], (function(e,n,t,a,s,i,r,o,c,l,u,d,g,m,y,S,f,v,x,h,p){"use strict";const b={confirmation:a.SvgSuccessS,error:s.SvgErrorS,info:i.SvgInformationS,warning:r.SvgWarningS};const T=(e,n="common")=>d.warn(`JET Message(${n}): ${e}`);function M(e,n="common"){throw new Error(`JET Message(${n}) - ${e}`)}const I={};function j({animationStates:e=I,initialAnimationStyles:t,onEntering:a,onExiting:s,...i}){const[r,o]=S.useState("entering"),c=S.useRef(),l=S.useRef(),{controller:u,nodeRef:d}=v.useAnimation(r,{animationStates:e,isAnimatedOnMount:!0,onAnimationEnd:S.useCallback((()=>{c.current?.(),c.current=void 0,l.current?.(),l.current=void 0}),[])}),{addBusyState:g}=h.useMessagesContext(),m=S.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]),y=S.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 S.useLayoutEffect((()=>()=>l.current?.()),[]),n.jsx("div",{ref:d,style:t,children:n.jsx(p.Transition,{...i,onEntering:m,onExiting:y})})}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=S.useCallback((async(e,n)=>{n&&i?.(n.key,n.index,e)}),[i]);return n.jsx(f.TransitionGroup,{elementType:y.Fragment,children:e.map(((e,i)=>n.jsx(j,{animationStates:t,initialAnimationStyles:s,metadata:{index:i,key:e.key},onExited:r,children:a?.({index:i,item:e})},e.key)))})},e.getLiveRegionTextByDevice=(e,n,t)=>{const a=["phone","tablet"].includes(n)?"touch":"keyboard",s={to:{touch:"message_navigationToTouch",keyboard:"message_navigationToMessagesRegion"},from:{touch:"",keyboard:"message_navigationFromMessagesRegion"}}[e][a];return s?t[s]:""},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||M(`${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){T(`Failed to play the audio from the url ${e}. ${n}.`)}else try{g.playDefaultNotificationSound()}catch(e){T(`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=M}));
 //# sourceMappingURL=MessagesManager-33f8965e.js.map

package/amd/MeterBar-5bc359f6.js

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

package/amd/MeterCircle-b6971795.js

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

package/amd/Modal-95bf034f.js

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

package/amd/{MonthView-83028b09.js → MonthView-61364398.js}

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

package/amd/{MonthView-83028b09.js.map → MonthView-61364398.js.map}

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

package/amd/NavigationListItem-13378f8f.js

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