@oracle/oraclejet-preact 20.1.1 → 20.1.2

package/amd/{LayerHost-1a734852.js.map → LayerHost-0b288129.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LayerHost-1a734852.js","sources":["../../src/UNSAFE_Environment/EnvironmentContext.tsx","../../src/UNSAFE_Layer/LayerContext.ts","../../src/UNSAFE_Layer/LayerHost.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { Theme, ThemeModifiers } from '../UNSAFE_Theme';\n\nimport { Redwood } from '../Common';\nimport { createContext } from 'preact';\n\n/**\n * Defines user specific environment\n */\ntype User = {\n  locale: string;\n  direction: 'rtl' | 'ltr';\n  forcedColors: 'none' | 'active';\n};\n\n/**\n * Defines translation bundle type.\n */\nexport type TranslationBundle = Record<string, (...args: any[]) => string>;\n\n/**\n * Defines a type for translation property which is an object where\n * - key - string - bundle id\n * - value - object - strings to functions of the type (options?: object)=>string\n *\n * Translation bundle example:\n * const bundle = {\n *  @oracle/oracle-preact-bundle: {\n *      welcome: () => 'bienvenido',\n *      success: () => 'éxito'\n *  }\n * }\n */\ntype Translations = { [bundleId: string]: TranslationBundle };\n\n/**\n * Defines the mode in which the application is running. For \"test\" mode, UNSAFE_useTestId hook will\n * return a set of attributes to be rendered on the component DOM for testing purposes. Default is\n * \"production\"\n */\ntype Mode = 'test' | 'production';\n\n/**\n * Environment specified at the root level\n */\nexport type RootEnvironment = Partial<ThemeModifiers> & {\n  /**\n   * user - supports user preferences\n   */\n  user?: Partial<User>;\n  /**\n   * theme - supports theme settings\n   */\n  theme?: Theme;\n  /**\n   * translations - supports translation bundles\n   */\n  translations?: Translations;\n  /**\n   * mode - the application's configured mode\n   */\n  mode?: Mode;\n};\n\n/**\n * Environment specified at the component level\n */\nexport type Environment = Partial<ThemeModifiers> & {\n  translations?: Translations;\n};\n\nexport type CompleteEnvironmentType = ThemeModifiers & {\n  user: User;\n  theme: Theme;\n  translations?: Translations;\n  mode: Mode;\n};\n\n/**\n * Default environment created for the application\n */\nexport const DefaultEnvironment: CompleteEnvironmentType = {\n  user: {\n    locale: document.documentElement.getAttribute('lang') || 'en',\n    direction:\n      document.documentElement.getAttribute('dir')?.toLowerCase() === 'rtl' ? 'rtl' : 'ltr',\n    forcedColors: window.matchMedia?.('(forced-colors: active)')?.matches ? 'active' : 'none'\n  },\n  theme: Redwood,\n  colorScheme: 'light',\n  scale: 'lg',\n  currentBgColor: undefined,\n  mode: 'production',\n  density: 'standard'\n};\n\nexport const EnvironmentContext = createContext<CompleteEnvironmentType>(DefaultEnvironment);\n","import { createContext } from 'preact';\n\nexport type LayerLevel = 'nearestAncestor' | 'topLevel';\nexport type LayerPriority = 'popup' | 'dialog' | 'messages' | 'tooltip';\n\nexport type LayerContextProps = {\n  getRootLayerHost?: (priority?: LayerPriority) => Element;\n  getLayerHost?: (priority?: LayerPriority) => Element;\n  onLayerUnmount?: (element: HTMLElement) => void;\n};\n\nexport const LayerContext = createContext<LayerContextProps>({});\n","/**\n * The LayerHost is a div which is created in place\n * where you want to \"house\" a portaled content\n */\nimport { forwardRef } from 'preact/compat';\nimport { baseStyle } from './themes/LayerHostStyles.css';\n\nconst LayerHost = forwardRef<HTMLDivElement>((_props, ref) => {\n  return <div id=\"__root_layer_host\" role=\"presentation\" ref={ref} class={baseStyle} />;\n});\n\nLayerHost.displayName = 'Forwarded<LayerHost>';\n\nexport default LayerHost;\n"],"names":["DefaultEnvironment","user","locale","document","documentElement","getAttribute","direction","toLowerCase","forcedColors","window","matchMedia","matches","theme","Redwood","o","colorScheme","scale","currentBgColor","undefined","mode","density","EnvironmentContext","createContext","LayerContext","LayerHost","forwardRef","_props","ref","_jsx","id","role","class","baseStyle","displayName"],"mappings":"oKAwFa,MAAAA,EAA8C,CACzDC,KAAM,CACJC,OAAQC,SAASC,gBAAgBC,aAAa,SAAW,KACzDC,UACkE,QAAhEH,SAASC,gBAAgBC,aAAa,QAAQE,cAA0B,MAAQ,MAClFC,aAAcC,OAAOC,aAAa,4BAA4BC,QAAU,SAAW,QAErFC,MAAOC,EAAOC,EACdC,YAAa,QACbC,MAAO,KACPC,oBAAgBC,EAChBC,KAAM,aACNC,QAAS,YAGEC,EAAqBC,EAAaA,cAA0BtB,GC5F5DuB,EAAeD,EAAaA,cAAoB,CAAE,GCJzDE,EAAYC,EAAUA,YAAiB,CAACC,EAAQC,IAC7CC,aAAKC,GAAG,oBAAoBC,KAAK,eAAeH,IAAKA,EAAKI,MAAOC,EAAAA,cAG1ER,EAAUS,YAAc"}
+{"version":3,"file":"LayerHost-0b288129.js","sources":["../../src/UNSAFE_Environment/EnvironmentContext.tsx","../../src/UNSAFE_Layer/LayerContext.ts","../../src/UNSAFE_Layer/LayerHost.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { Theme, ThemeModifiers } from '../UNSAFE_Theme';\n\nimport { Redwood } from '../Common';\nimport { createContext } from 'preact';\n\n/**\n * Defines user specific environment\n */\ntype User = {\n  locale: string;\n  direction: 'rtl' | 'ltr';\n  forcedColors: 'none' | 'active';\n};\n\n/**\n * Defines translation bundle type.\n */\nexport type TranslationBundle = Record<string, (...args: any[]) => string>;\n\n/**\n * Defines a type for translation property which is an object where\n * - key - string - bundle id\n * - value - object - strings to functions of the type (options?: object)=>string\n *\n * Translation bundle example:\n * const bundle = {\n *  @oracle/oracle-preact-bundle: {\n *      welcome: () => 'bienvenido',\n *      success: () => 'éxito'\n *  }\n * }\n */\ntype Translations = { [bundleId: string]: TranslationBundle };\n\n/**\n * Defines the mode in which the application is running. For \"test\" mode, UNSAFE_useTestId hook will\n * return a set of attributes to be rendered on the component DOM for testing purposes. Default is\n * \"production\"\n */\ntype Mode = 'test' | 'production';\n\n/**\n * Environment specified at the root level\n */\nexport type RootEnvironment = Partial<ThemeModifiers> & {\n  /**\n   * user - supports user preferences\n   */\n  user?: Partial<User>;\n  /**\n   * theme - supports theme settings\n   */\n  theme?: Theme;\n  /**\n   * translations - supports translation bundles\n   */\n  translations?: Translations;\n  /**\n   * mode - the application's configured mode\n   */\n  mode?: Mode;\n};\n\n/**\n * Environment specified at the component level\n */\nexport type Environment = Partial<ThemeModifiers> & {\n  translations?: Translations;\n};\n\nexport type CompleteEnvironmentType = ThemeModifiers & {\n  user: User;\n  theme: Theme;\n  translations?: Translations;\n  mode: Mode;\n};\n\n/**\n * Default environment created for the application\n */\nexport const DefaultEnvironment: CompleteEnvironmentType = {\n  user: {\n    locale: document.documentElement.getAttribute('lang') || 'en',\n    direction:\n      document.documentElement.getAttribute('dir')?.toLowerCase() === 'rtl' ? 'rtl' : 'ltr',\n    forcedColors: window.matchMedia?.('(forced-colors: active)')?.matches ? 'active' : 'none'\n  },\n  theme: Redwood,\n  colorScheme: 'light',\n  scale: 'lg',\n  currentBgColor: undefined,\n  mode: 'production',\n  density: 'standard'\n};\n\nexport const EnvironmentContext = createContext<CompleteEnvironmentType>(DefaultEnvironment);\n","import { createContext } from 'preact';\n\nexport type LayerLevel = 'nearestAncestor' | 'topLevel';\nexport type LayerPriority = 'popup' | 'dialog' | 'messages' | 'tooltip';\n\nexport type LayerContextProps = {\n  getRootLayerHost?: (priority?: LayerPriority) => Element;\n  getLayerHost?: (priority?: LayerPriority) => Element;\n  onLayerUnmount?: (element: HTMLElement) => void;\n};\n\nexport const LayerContext = createContext<LayerContextProps>({});\n","/**\n * The LayerHost is a div which is created in place\n * where you want to \"house\" a portaled content\n */\nimport { forwardRef } from 'preact/compat';\nimport { baseStyle } from './themes/LayerHostStyles.css';\n\nconst LayerHost = forwardRef<HTMLDivElement>((_props, ref) => {\n  return <div id=\"__root_layer_host\" role=\"presentation\" ref={ref} class={baseStyle} />;\n});\n\nLayerHost.displayName = 'Forwarded<LayerHost>';\n\nexport default LayerHost;\n"],"names":["DefaultEnvironment","user","locale","document","documentElement","getAttribute","direction","toLowerCase","forcedColors","window","matchMedia","matches","theme","Redwood","o","colorScheme","scale","currentBgColor","undefined","mode","density","EnvironmentContext","createContext","LayerContext","LayerHost","forwardRef","_props","ref","_jsx","id","role","class","baseStyle","displayName"],"mappings":"oKAwFa,MAAAA,EAA8C,CACzDC,KAAM,CACJC,OAAQC,SAASC,gBAAgBC,aAAa,SAAW,KACzDC,UACkE,QAAhEH,SAASC,gBAAgBC,aAAa,QAAQE,cAA0B,MAAQ,MAClFC,aAAcC,OAAOC,aAAa,4BAA4BC,QAAU,SAAW,QAErFC,MAAOC,EAAOC,EACdC,YAAa,QACbC,MAAO,KACPC,oBAAgBC,EAChBC,KAAM,aACNC,QAAS,YAGEC,EAAqBC,EAAaA,cAA0BtB,GC5F5DuB,EAAeD,EAAaA,cAAoB,CAAE,GCJzDE,EAAYC,EAAUA,YAAiB,CAACC,EAAQC,IAC7CC,aAAKC,GAAG,oBAAoBC,KAAK,eAAeH,IAAKA,EAAKI,MAAOC,EAAAA,cAG1ER,EAAUS,YAAc"}

package/amd/LayerManager-426c669d.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './LayerHost-0b288129'], (function(e,t,r,s){"use strict";e.LayerManager=function({children:e}){const[a,n]=r.useState(),o=r.useCallback((e=>{null!==e&&n(e)}),[]);return t.jsx(s.LayerContext.Consumer,{children:r=>{let n={};a&&(n={getRootLayerHost:()=>a,getLayerHost:()=>a});const c=r.getLayerHost?r:n;return t.jsxs(s.LayerContext.Provider,{value:c,children:[e,!r.getLayerHost&&t.jsx(s.LayerHost,{ref:o})]})}})}}));
+//# sourceMappingURL=LayerManager-426c669d.js.map

package/amd/{LayerManager-5ba8e6ed.js.map → LayerManager-426c669d.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LayerManager-5ba8e6ed.js","sources":["../../src/UNSAFE_Layer/LayerManager.tsx"],"sourcesContent":["/**\n * The LayerManager wraps your application and creates two adjacent divs for\n * rendering your application and housing Layers.\n */\nimport { ComponentChildren } from 'preact';\nimport { useCallback, useState } from 'preact/compat';\nimport { LayerContext, LayerContextProps } from './LayerContext';\nimport LayerHost from './LayerHost';\n\ntype LayerManagerProps = {\n  children?: ComponentChildren;\n};\n\nexport function LayerManager({ children }: LayerManagerProps) {\n  const [defaultHost, setDefaultHost] = useState<Element>();\n  //const context = useContext(LayerContext);\n  const defaultHostRef = useCallback((el: Element | null) => {\n    // ref callbacks fire after the component has been unnmounted so we do not\n    // want to set state in this use-case\n    if (el !== null) {\n      setDefaultHost(el);\n    }\n  }, []);\n\n  return (\n    <LayerContext.Consumer>\n      {(value: LayerContextProps) => {\n        let defaultHostContext = {};\n        if (defaultHost) {\n          defaultHostContext = {\n            getRootLayerHost: () => {\n              return defaultHost;\n            },\n            getLayerHost: () => {\n              return defaultHost;\n            }\n          };\n        }\n        const layerContext = value.getLayerHost ? value : defaultHostContext;\n        return (\n          <LayerContext.Provider value={layerContext}>\n            {children}\n            {!value.getLayerHost && <LayerHost ref={defaultHostRef} />}\n          </LayerContext.Provider>\n        );\n      }}\n    </LayerContext.Consumer>\n  );\n}\n"],"names":["children","defaultHost","setDefaultHost","useState","defaultHostRef","useCallback","el","_jsx","LayerContext","Consumer","value","defaultHostContext","getRootLayerHost","getLayerHost","layerContext","_jsxs","Provider","jsx","LayerHost","ref"],"mappings":"8HAagB,UAAaA,SAAEA,IAC7B,MAAOC,EAAaC,GAAkBC,EAAQA,WAExCC,EAAiBC,eAAaC,IAGvB,OAAPA,GACFJ,EAAeI,EAChB,GACA,IAEH,OACEC,EAAAA,IAACC,EAAAA,aAAaC,SACX,CAAAT,SAACU,IACA,IAAIC,EAAqB,CAAA,EACrBV,IACFU,EAAqB,CACnBC,iBAAkB,IACTX,EAETY,aAAc,IACLZ,IAIb,MAAMa,EAAeJ,EAAMG,aAAeH,EAAQC,EAClD,OACEI,EAAAA,KAACP,EAAAA,aAAaQ,SAAS,CAAAN,MAAOI,EAC3Bd,SAAA,CAAAA,GACCU,EAAMG,cAAgBN,EAAAU,IAACC,YAAS,CAACC,IAAKf,MAE1C,GAIV"}
+{"version":3,"file":"LayerManager-426c669d.js","sources":["../../src/UNSAFE_Layer/LayerManager.tsx"],"sourcesContent":["/**\n * The LayerManager wraps your application and creates two adjacent divs for\n * rendering your application and housing Layers.\n */\nimport { ComponentChildren } from 'preact';\nimport { useCallback, useState } from 'preact/compat';\nimport { LayerContext, LayerContextProps } from './LayerContext';\nimport LayerHost from './LayerHost';\n\ntype LayerManagerProps = {\n  children?: ComponentChildren;\n};\n\nexport function LayerManager({ children }: LayerManagerProps) {\n  const [defaultHost, setDefaultHost] = useState<Element>();\n  //const context = useContext(LayerContext);\n  const defaultHostRef = useCallback((el: Element | null) => {\n    // ref callbacks fire after the component has been unnmounted so we do not\n    // want to set state in this use-case\n    if (el !== null) {\n      setDefaultHost(el);\n    }\n  }, []);\n\n  return (\n    <LayerContext.Consumer>\n      {(value: LayerContextProps) => {\n        let defaultHostContext = {};\n        if (defaultHost) {\n          defaultHostContext = {\n            getRootLayerHost: () => {\n              return defaultHost;\n            },\n            getLayerHost: () => {\n              return defaultHost;\n            }\n          };\n        }\n        const layerContext = value.getLayerHost ? value : defaultHostContext;\n        return (\n          <LayerContext.Provider value={layerContext}>\n            {children}\n            {!value.getLayerHost && <LayerHost ref={defaultHostRef} />}\n          </LayerContext.Provider>\n        );\n      }}\n    </LayerContext.Consumer>\n  );\n}\n"],"names":["children","defaultHost","setDefaultHost","useState","defaultHostRef","useCallback","el","_jsx","LayerContext","Consumer","value","defaultHostContext","getRootLayerHost","getLayerHost","layerContext","_jsxs","Provider","jsx","LayerHost","ref"],"mappings":"8HAagB,UAAaA,SAAEA,IAC7B,MAAOC,EAAaC,GAAkBC,EAAQA,WAExCC,EAAiBC,eAAaC,IAGvB,OAAPA,GACFJ,EAAeI,EAChB,GACA,IAEH,OACEC,EAAAA,IAACC,EAAAA,aAAaC,SACX,CAAAT,SAACU,IACA,IAAIC,EAAqB,CAAA,EACrBV,IACFU,EAAqB,CACnBC,iBAAkB,IACTX,EAETY,aAAc,IACLZ,IAIb,MAAMa,EAAeJ,EAAMG,aAAeH,EAAQC,EAClD,OACEI,EAAAA,KAACP,EAAAA,aAAaQ,SAAS,CAAAN,MAAOI,EAC3Bd,SAAA,CAAAA,GACCU,EAAMG,cAAgBN,EAAAU,IAACC,YAAS,CAACC,IAAKf,MAE1C,GAIV"}

package/amd/Legend-e09a1733.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './useLegendContextMenu-9b6f6083', './useVisEvents-4860cd24', './useLegendDnd-9b550023', './mergeProps-bcfa6a92', './useItemFocus-75d6510d', './PRIVATE_BaseLegend/themes/LegendStyles.css', './useCssVars-d0c0bfa2', './classNames-08d99695', './useTestId-6160e7a2', './useVisTouchResponse-88a7bb09', './stringUtils-4ffd9d59', 'preact/compat', './TrackResizeContainer-d8fa612c', './useTextDimensions-f254e8f5', './hooks/PRIVATE_useVisDnd/themes/VisDndStyles.css', './LegendRendered-d8626509'], (function(e,t,n,s,i,o,a,d,r,l,m,h,g,c,u,I,f,x,y){"use strict";function v(e,t){const{itemIdx:n}=e;return-1==n?t[t.length-1]:t[n]}function p(e,t){let n=e.itemIdx;return-1==n&&(n=t.length-1),n=Math.min(t.length-1,n+1),"off"!==t[n].actionable?{sectionIdx:0,itemIdx:n}:n===t.length-1?(n-=1,{sectionIdx:0,itemIdx:n}):p({sectionIdx:0,itemIdx:n},t)}function b(e,t){let n=e.itemIdx;return-1==n&&(n=t.length-1),n=Math.max(0,n-1),"off"!==t[n].actionable?{sectionIdx:0,itemIdx:n}:b({sectionIdx:0,itemIdx:n},t)}function D(e){return{getItem:t=>v(t,e),getDetailFromInfo:t=>{if(!t||0===e.length)return{itemId:void 0,data:void 0};const n=v(t,e);return{itemId:n.id,data:n}},getPrevItemInfo:t=>b(t,e),getNextItemInfo:t=>p(t,e)}}const S=({width:e,getTextDimensions:t,resolvedVars:n,orientation:s,legendFontStylesObj:i={},symbolWidth:o,items:a})=>{let d=0,r=0,l=0,m=!1;const h=e;if(!Object.keys(n).length||!t)return;const g=parseFloat(n.unit),{maxItemWidth:c,maxItemHeight:u,horizontalSectionWidth:I}=R(a,g,t,i,o);l=I,d=c,r=u,m=I>h;return{totalWidth:l,maxItemWidth:Math.min(d,h),maxItemHeight:r,itemsPerRow:"vertical"===s?1:Math.max(1,Math.floor(h/d)),isWrapped:m}},R=(e,t,n,s,i,o)=>{let a=0,d=0,r=0,l=0,m=0;return l=i?1.5*t+i:4*t,m=o?o+1.7*t:2.5*t+1.7*t,e?.forEach((e=>{const i=e,{width:o,height:h}=n(i.text,s),g=2.5*t+o;r+=l+g,a=Math.max(a,l+g),d=Math.max(d,h,m)})),{maxItemWidth:a,maxItemHeight:d,horizontalSectionWidth:r}};const M=u.forwardRef((({orientation:e="horizontal",items:v,isReadOnly:p=!0,onItemAction:b,onItemHover:R,onItemFocus:M,testId:W,contextMenuConfig:C,hideAndShowBehavior:P="off",hoverBehavior:F="none",halign:L="start",valign:T="top",...V},H=null)=>{const{isGetPreferredSizeReady:w,width:j,height:E}=n.useContext(y.LegendRenderedContext),{textMeasureContent:O,getTextDimensions:z}=f.useTextDimensions(),{resolvedVars:A,cssContent:N}=l.useCssVars(o.legendVars),B=o.getLegendTextStyle({fontStyle:V.textFontStyle,fontSize:V.textFontSize?.toString(),fontWeight:V.textFontWeight?.toString(),fontFamily:V.textFontFamily},A),k=n.useRef(null);u.useImperativeHandle(H,(()=>({_getPreferredSize:(t,n)=>function(e,t,n,s,i,a,d,r,l){if(!l)return;const m=S({width:e,getTextDimensions:l,resolvedVars:s,orientation:i,legendFontStylesObj:a,symbolWidth:d,symbolHeight:r,items:n}),{itemsPerCol:h,itemsPerRow:g}=o.getGridNums(n.length,m,i),c=parseFloat(s.unit),u=Math.min(e,1===h?m.totalWidth:g?m.maxItemWidth*g:m.totalWidth),I=.8*c,f=1.5*c,x=h?m.maxItemHeight*h+(h-1)*I+f:m.maxItemHeight+f,y=Math.min(t,x);return{width:Math.ceil(u),height:Math.ceil(y)}}(t,n,v,A,e,B,V.symbolWidth,V.symbolHeight,z)})),[z,A,e,B,V.symbolWidth,V.symbolHeight,v]),z&&null!=A.unit&&null!=A.fontSize&&w?.(!0);const $=h.useTestId(W),G=void 0!==$["data-testid"],_=n.useRef(),{getDetailFromInfo:U,getPrevItemInfo:q,getNextItemInfo:K}=D(v),J=o.getIsLegendItemActionable(v,p),Q=v.length>0,{touchResponse:X,touchResponseStyle:Y}=g.useVisTouchResponse({type:"touchStart"}),{focusedItemInfo:Z,hoveredItemInfo:ee,onContextMenuDismissed:te,activeId:ne,eventsProps:se}=i.useVisEvent(X,!p,J,((e,t,n)=>o.getKeyUpHandler(e,t,n,null!=V.hiddenIds)),U,q,K,b,R,M,o.isEqualItem,o.getItemInfo,{itemIdx:0,sectionIdx:0},null!=V.hiddenIds),{focusedItemRef:ie}=d.useItemFocus(Z),[oe,ae]=n.useState(!1),{datatipContent:de,datatipProps:{"aria-describedby":re,...le}}=s.useLegendDatatip({items:v,datatip:V.datatip,rootDimsRef:_,focusedItemInfo:Z,focusedItemRef:ie,hoveredItemInfo:ee,touchResponse:X,isDisabled:oe}),me=o.getAriaProps(p,V["aria-label"],V.hiddenIds,c.l([V["aria-describedby"],re]),V["aria-labelledby"]),{contextMenuContent:he,contextMenuProps:ge}=s.useLegendContextMenu({rootRef:k,contextMenuConfig:Q?C:void 0,focusedItemInfo:Z,items:v,isReadOnly:p,onContextMenuDismissed:te}),[ce,ue]=n.useState(),{draggable:Ie,dndProps:fe,dndContent:xe}=o.useLegendDnd({onDrag:V.onDrag,onDragStart:V.onDragStart,onDragEnd:V.onDragEnd,onDragEnter:V.onDragEnter,onDragLeave:V.onDragLeave,onDragOver:V.onDragOver,onDrop:V.onDrop,items:v,setDragOver:ue,setDatatipDisabled:ae,itemDraggable:V.itemDraggable}),ye=a.mergeProps(se,le,ge,fe),{legendStyle:ve,renderedLegendStyle:pe}=r.styles;return t.jsxs(t.Fragment,{children:[!w&&t.jsx(I.TrackResizeContainer,{width:j?`${j}px`:"100%",height:E?`${E}px`:"100%",class:m.classNames([r.styles.flexStyle,r.styles[`${L}HAlign`],r.styles[`${T}VAlign`]]),children:function(i){const a=n.useMemo((()=>S({width:i,getTextDimensions:z,resolvedVars:A,orientation:e,legendFontStylesObj:B,symbolWidth:V.symbolWidth,symbolHeight:V.symbolHeight,items:v})),[i]),{itemsPerCol:d,itemsPerRow:r}=o.getGridNums(v.length,a);return t.jsxs(t.Fragment,{children:[t.jsx("div",{ref:k,tabIndex:p?void 0:0,role:"application",draggable:Ie,class:m.classNames([ve,pe,ce?x.styles.dndDragOverHTMLStyle:!1===ce?x.styles.dndRejectedStyle:void 0]),style:Y,...$,...me,...ye,"aria-activedescendant":ne,children:t.jsx(s.BaseLegend,{...V,focusedItemRef:ie,items:v,isReadOnly:p,orientation:e,sectionIdx:0,itemsPerRow:r,itemsPerCol:d,itemWidth:a?.isWrapped?a?.maxItemWidth:void 0,focusedItemInfo:Z,hoveredItemInfo:ee,activeId:ne,hideAndShowBehavior:P,hoverBehavior:F,isTestEnv:G})}),de,he,xe]})}}),O,N]})}));e.Legend=M}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './useLegendContextMenu-9b6f6083', './useVisEvents-5f18ab46', './useLegendDnd-9b550023', './mergeProps-bcfa6a92', './useItemFocus-75d6510d', './PRIVATE_BaseLegend/themes/LegendStyles.css', './useCssVars-3194b2f6', './classNames-08d99695', './useTestId-f4240cbd', './useVisTouchResponse-88a7bb09', './stringUtils-4ffd9d59', 'preact/compat', './TrackResizeContainer-d8fa612c', './useTextDimensions-f254e8f5', './hooks/PRIVATE_useVisDnd/themes/VisDndStyles.css', './LegendRendered-d8626509'], (function(e,t,n,s,i,o,a,d,r,l,m,h,g,c,u,I,f,x,y){"use strict";function b(e,t){const{itemIdx:n}=e;return-1==n?t[t.length-1]:t[n]}function v(e,t){let n=e.itemIdx;return-1==n&&(n=t.length-1),n=Math.min(t.length-1,n+1),"off"!==t[n].actionable?{sectionIdx:0,itemIdx:n}:n===t.length-1?(n-=1,{sectionIdx:0,itemIdx:n}):v({sectionIdx:0,itemIdx:n},t)}function p(e,t){let n=e.itemIdx;return-1==n&&(n=t.length-1),n=Math.max(0,n-1),"off"!==t[n].actionable?{sectionIdx:0,itemIdx:n}:p({sectionIdx:0,itemIdx:n},t)}function D(e){return{getItem:t=>b(t,e),getDetailFromInfo:t=>{if(!t||0===e.length)return{itemId:void 0,data:void 0};const n=b(t,e);return{itemId:n.id,data:n}},getPrevItemInfo:t=>p(t,e),getNextItemInfo:t=>v(t,e)}}const S=({width:e,getTextDimensions:t,resolvedVars:n,orientation:s,legendFontStylesObj:i={},symbolWidth:o,items:a})=>{let d=0,r=0,l=0,m=!1;const h=e;if(!Object.keys(n).length||!t)return;const g=parseFloat(n.unit),{maxItemWidth:c,maxItemHeight:u,horizontalSectionWidth:I}=R(a,g,t,i,o);l=I,d=c,r=u,m=I>h;return{totalWidth:l,maxItemWidth:Math.min(d,h),maxItemHeight:r,itemsPerRow:"vertical"===s?1:Math.max(1,Math.floor(h/d)),isWrapped:m}},R=(e,t,n,s,i,o)=>{let a=0,d=0,r=0,l=0,m=0;return l=i?1.5*t+i:4*t,m=o?o+1.7*t:2.5*t+1.7*t,e?.forEach((e=>{const i=e,{width:o,height:h}=n(i.text,s),g=2.5*t+o;r+=l+g,a=Math.max(a,l+g),d=Math.max(d,h,m)})),{maxItemWidth:a,maxItemHeight:d,horizontalSectionWidth:r}};const M=u.forwardRef((({orientation:e="horizontal",items:b,isReadOnly:v=!0,onItemAction:p,onItemHover:R,onItemFocus:M,testId:W,contextMenuConfig:C,hideAndShowBehavior:P="off",hoverBehavior:F="none",halign:L="start",valign:T="top",...V},H=null)=>{const{isGetPreferredSizeReady:w,width:j,height:E}=n.useContext(y.LegendRenderedContext),{textMeasureContent:O,getTextDimensions:z}=f.useTextDimensions(),{resolvedVars:A,cssContent:N}=l.useCssVars(o.legendVars),B=o.getLegendTextStyle({fontStyle:V.textFontStyle,fontSize:V.textFontSize?.toString(),fontWeight:V.textFontWeight?.toString(),fontFamily:V.textFontFamily},A),k=n.useRef(null);u.useImperativeHandle(H,(()=>({_getPreferredSize:(t,n)=>function(e,t,n,s,i,a,d,r,l){if(!l)return;const m=S({width:e,getTextDimensions:l,resolvedVars:s,orientation:i,legendFontStylesObj:a,symbolWidth:d,symbolHeight:r,items:n}),{itemsPerCol:h,itemsPerRow:g}=o.getGridNums(n.length,m,i),c=parseFloat(s.unit),u=Math.min(e,1===h?m.totalWidth:g?m.maxItemWidth*g:m.totalWidth),I=.8*c,f=1.5*c,x=h?m.maxItemHeight*h+(h-1)*I+f:m.maxItemHeight+f,y=Math.min(t,x);return{width:Math.ceil(u),height:Math.ceil(y)}}(t,n,b,A,e,B,V.symbolWidth,V.symbolHeight,z)})),[z,A,e,B,V.symbolWidth,V.symbolHeight,b]),z&&null!=A.unit&&null!=A.fontSize&&w?.(!0);const $=h.useTestId(W),G=void 0!==$["data-testid"],_=n.useRef(),{getDetailFromInfo:U,getPrevItemInfo:q,getNextItemInfo:K}=D(b),J=o.getIsLegendItemActionable(b,v),Q=b.length>0,{touchResponse:X,touchResponseStyle:Y}=g.useVisTouchResponse({type:"touchStart"}),{focusedItemInfo:Z,hoveredItemInfo:ee,onContextMenuDismissed:te,activeId:ne,eventsProps:se}=i.useVisEvent(X,!v,J,((e,t,n)=>o.getKeyUpHandler(e,t,n,null!=V.hiddenIds)),U,q,K,p,R,M,o.isEqualItem,o.getItemInfo,{itemIdx:0,sectionIdx:0},null!=V.hiddenIds),{focusedItemRef:ie}=d.useItemFocus(Z),[oe,ae]=n.useState(!1),{datatipContent:de,datatipProps:{"aria-describedby":re,...le}}=s.useLegendDatatip({items:b,datatip:V.datatip,rootDimsRef:_,focusedItemInfo:Z,focusedItemRef:ie,hoveredItemInfo:ee,touchResponse:X,isDisabled:oe}),me=o.getAriaProps(v,V["aria-label"],V.hiddenIds,c.l([V["aria-describedby"],re]),V["aria-labelledby"]),{contextMenuContent:he,contextMenuProps:ge}=s.useLegendContextMenu({rootRef:k,contextMenuConfig:Q?C:void 0,focusedItemInfo:Z,items:b,isReadOnly:v,onContextMenuDismissed:te}),[ce,ue]=n.useState(),{draggable:Ie,dndProps:fe,dndContent:xe}=o.useLegendDnd({onDrag:V.onDrag,onDragStart:V.onDragStart,onDragEnd:V.onDragEnd,onDragEnter:V.onDragEnter,onDragLeave:V.onDragLeave,onDragOver:V.onDragOver,onDrop:V.onDrop,items:b,setDragOver:ue,setDatatipDisabled:ae,itemDraggable:V.itemDraggable}),ye=a.mergeProps(se,le,ge,fe),{legendStyle:be,renderedLegendStyle:ve}=r.styles;return t.jsxs(t.Fragment,{children:[!w&&t.jsx(I.TrackResizeContainer,{width:j?`${j}px`:"100%",height:E?`${E}px`:"100%",class:m.classNames([r.styles.flexStyle,r.styles[`${L}HAlign`],r.styles[`${T}VAlign`]]),children:function(i){const a=n.useMemo((()=>S({width:i,getTextDimensions:z,resolvedVars:A,orientation:e,legendFontStylesObj:B,symbolWidth:V.symbolWidth,symbolHeight:V.symbolHeight,items:b})),[i]),{itemsPerCol:d,itemsPerRow:r}=o.getGridNums(b.length,a);return t.jsxs(t.Fragment,{children:[t.jsx("div",{ref:k,tabIndex:v?void 0:0,role:"application",draggable:Ie,class:m.classNames([be,ve,ce?x.styles.dndDragOverHTMLStyle:!1===ce?x.styles.dndRejectedStyle:void 0]),style:Y,...$,...me,...ye,"aria-activedescendant":ne,children:t.jsx(s.BaseLegend,{...V,focusedItemRef:ie,items:b,isReadOnly:v,orientation:e,sectionIdx:0,itemsPerRow:r,itemsPerCol:d,itemWidth:a?.isWrapped?a?.maxItemWidth:void 0,focusedItemInfo:Z,hoveredItemInfo:ee,activeId:ne,hideAndShowBehavior:P,hoverBehavior:F,isTestEnv:G})}),de,he,xe]})}}),O,N]})}));e.Legend=M}));
 //# sourceMappingURL=Legend-e09a1733.js.map

package/amd/LineAreaChart-08247f99.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './utils-8bf50f08', './ReferenceLineArea-27698a8f', './MarkersWithLabel-2960e007', './dataStyleUtils-1a157bd8', './useUser-e0677e8d', './colorUtils-1c8d0c00', './accUtils-7e057eef', './themeContract.css-b6ec3943', './chartUtils-2415ea65', 'preact/compat', './Chart-57d1c518'], (function(e,t,i,s,n,r,a,o,l,d,g,c,h){"use strict";const p=c.forwardRef((({width:e,height:l,selectedIds:c=[],hiddenIds:p=[],highlightedIds:I,hideAndShowBehavior:u="none",orientation:m="vertical",yAxis:S,y2Axis:f,series:y,groups:v,isStacked:A=!1,getDataItem:C,selectionMode:T="none",drilling:b="off",type:L="line",overview:D="off",dataLabelEffect:k="outline",...R},E)=>{const{direction:M,forcedColors:w}=a.useUser(),U="active"===w,j=void 0!==R.testId,W="rtl"===M,P="log"===S?.scale,F=R.xAxis?.timeAxisType,z=new Set(p),H=new Set(c),N=new Set(I),O="horizontal"===m,q=o.getColorRamp();let B=A?i.getCumulativeSeries(y.length,v.length,C,z,P):i.getSeriesData(y?.length,v?.length,C,z,P);const V=(e,t)=>A?{...C(e,t),value:B[e][t]}:C(e,t),{hasCenteredSeries:Y,hasUncenteredSeries:G}=y.reduce(((e,t)=>({hasCenteredSeries:e.hasCenteredSeries||"centeredSegmented"===t.lineType||"centeredStepped"===t.lineType,hasUncenteredSeries:e.hasUncenteredSeries||"segmented"===t.lineType||"stepped"===t.lineType})),{hasCenteredSeries:!1,hasUncenteredSeries:!1}),J=i.getMarkers(),K="lineWithArea"===L?.2:1,Q="area"===L||"lineWithArea"===L,X="area"===L,Z=[];return t.jsx(h.Chart,{ref:E,width:e,height:l,selectedIds:H,hiddenIds:p,hideAndShowBehavior:u,orientation:m,yAxis:S,y2Axis:f,series:y,groups:v,selectionMode:T,drilling:b,isStacked:A,getDataItem:C,findNearest:(e,t,s)=>i.findNearestDataPoint(y,v,e,t,V,A,(()=>({offset:0,dataWidth:0})),((e,t)=>t.transform(e)),P,0,z,F,s),getDataItemPos:(e,t,i)=>(s,n)=>{const r="y2"===y[s].associatedYAxis;return g.getLineAreaChartItemPosition(s,n,B,C,v,O,e,r?i:t,F)},getMarkerInfo:(e,t)=>({color:r.getItemColor(e,t,y,C),type:r.getMarkerType(e,t,C)}),renderGridLinesInFront:Q,getNavUtil:(e,t)=>r.getLineAreaChartNavUtil(C,y.length,e,t,A,W,O),getGapRatio:()=>1,getStartAndEndAxesOffset:e=>i.getStartAndEndAxesOffset(Y,G,O,e),isRtl:W,overview:D,defaultOverviewContentRenderer:()=>t.jsx(x,{series:y,groups:v,getDataItem:C,type:L}),...R,children:({getItemAriaLabel:e,groupsInfo:r,xStartIndex:a,xEndIndex:o,xScale:l,yScale:g,y2Scale:c,activeId:h,focusedItemInfo:p,hoveredItemInfo:x,isPointInsideMarquee:u,defaultFontSize:S,getTextDimensions:f,plotAreaClipPathId:v,axisStepWidth:L})=>{const D=r.map((({item:e})=>e));return B=A?i.getCumulativeSeries(y.length,D.length,C,z,P):i.getSeriesData(y?.length,D?.length,C,z,P),t.jsxs(t.Fragment,{children:[B.map(((r,E)=>{if(0===r.length)return;const M=y[E],w="y2"===M.associatedYAxis,z=i.getLineAreaSegments(w?c:g,l,r,a,o,P,D,E,V,F);Z[E]=z[0];const Y="curved"===M.lineType&&A&&B.length>1&&E>0,G=void 0===I||0===I.length||N.has(M.id),$=A&&0!=E?Z.reduce(((e,t,i)=>i>=E?e:t.length>0?i:e),0):void 0;return t.jsxs(t.Fragment,{children:[Q&&t.jsx(s.AreaSeries,{yScale:w?c:g,lineType:M.lineType,color:M.areaColor||q[E%q.length],isHorizontal:O,areaColorOpacity:K,isBottomSegmentCurved:Y,bottomCoords:void 0!==$&&Z[$].some((e=>null!=e))?Z[$]:void 0,lineSegments:z,isLog:P,isHighlighted:G,seriesIndex:E,groupWidth:L,isRtl:W,timeAxisType:F,plotAreaClipPathId:v}),t.jsx(s.LineSeries,{lineType:M.lineType,lineColor:X?d.colorSchemeVars.dvt.contrastLine:M.lineColor,lineWidth:X?A?2.5:1.25:M.lineWidth,lineStyle:M.lineStyle,color:M.lineColor||q[E%q.length],lineSegmentCoords:z,isHorizontal:O,isHighlighted:G,seriesIndex:E,groupWidth:L,isRtl:W,timeAxisType:F,plotAreaClipPathId:v}),!A&&"stepped"!==M.lineType&&"segmented"!==M.lineType&&t.jsx(n.MarkersWithLabel,{yScale:w?c:g,xScale:l,groups:D,series:M,timeAxisType:F,color:M.lineColor||M.areaColor||q[E%q.length],seriesIndex:E,startIndex:a,endIndex:o,markerType:J[E%J.length],orientation:m,isLog:P,activeId:h,getDataItem:C,isPointInsideMarquee:u,selectedIds:H,highlightedIds:void 0!==I?N:void 0,focusedItemIndex:p.seriesIndex!==E||!p.isFocusVisible||R.isDataCursorEnabled&&R.dataCursorStyle?.isMarkerDisplayed?void 0:p.groupIndex,hoveredItemIndex:x?.isCurrent&&x.seriesIndex===E?x.groupIndex:void 0,isSelectionEnabled:"single"===T||"multiple"===T,isDrillEnabled:"on"===b,defaultFontSize:S,dataLabelEffect:k,isHighContrast:U,isTestEnv:j,getTextDimensions:f,getItemAriaLabel:e,isRtl:W})]})})),B.map(((i,s)=>{if(0===i.length)return;const r=y[s],d="y2"===r.associatedYAxis;return A||"segmented"===r.lineType||"stepped"===r.lineType?t.jsx(n.MarkersWithLabel,{yScale:d?c:g,series:y[s],xScale:l,groups:D,timeAxisType:F,color:r.lineColor||r.areaColor||q[s%q.length],seriesIndex:s,isPointInsideMarquee:u,startIndex:a,endIndex:o,markerType:J[s%J.length],orientation:m,isLog:P,activeId:h,getDataItem:V,selectedIds:H,focusedItemIndex:p.seriesIndex===s&&p.isFocusVisible?p.groupIndex:void 0,hoveredItemIndex:x?.isCurrent&&x.seriesIndex===s?x.groupIndex:void 0,isSelectionEnabled:"single"===T||"multiple"===T,isDrillEnabled:"on"===b,defaultFontSize:S,dataLabelEffect:k,isHighContrast:U,isTestEnv:j,getTextDimensions:f,getItemAriaLabel:e,isRtl:W}):void 0}))]})}})}));function x(e){return t.jsx(p,{datatip:()=>({content:""}),zoomAndScroll:"off",overview:"off",plotArea:{yMajorTick:{isRendered:!1}},xAxis:{tickLabel:{autoRotate:!1,isRendered:!!e.xAxis?.timeAxisType}},series:e.series,groups:e.groups,getDataItem:e.getDataItem,yAxis:{tickLabel:{isRendered:!1}},type:e.type})}e.LineAreaChart=p}));
+define(['exports', 'preact/jsx-runtime', './utils-8bf50f08', './ReferenceLineArea-450530dd', './MarkersWithLabel-2960e007', './dataStyleUtils-1a157bd8', './useUser-08901aba', './colorUtils-1c8d0c00', './accUtils-7e057eef', './themeContract.css-b6ec3943', './chartUtils-2415ea65', 'preact/compat', './Chart-57d1c518'], (function(e,t,i,s,n,r,a,o,d,l,g,c,h){"use strict";const p=c.forwardRef((({width:e,height:d,selectedIds:c=[],hiddenIds:p=[],highlightedIds:I,hideAndShowBehavior:u="none",orientation:m="vertical",yAxis:S,y2Axis:f,series:y,groups:v,isStacked:A=!1,getDataItem:C,selectionMode:T="none",drilling:b="off",type:L="line",overview:D="off",dataLabelEffect:k="outline",...R},E)=>{const{direction:M,forcedColors:w}=a.useUser(),U="active"===w,j=void 0!==R.testId,W="rtl"===M,P="log"===S?.scale,F=R.xAxis?.timeAxisType,z=new Set(p),H=new Set(c),N=new Set(I),O="horizontal"===m,q=o.getColorRamp();let B=A?i.getCumulativeSeries(y.length,v.length,C,z,P):i.getSeriesData(y?.length,v?.length,C,z,P);const V=(e,t)=>A?{...C(e,t),value:B[e][t]}:C(e,t),{hasCenteredSeries:Y,hasUncenteredSeries:G}=y.reduce(((e,t)=>({hasCenteredSeries:e.hasCenteredSeries||"centeredSegmented"===t.lineType||"centeredStepped"===t.lineType,hasUncenteredSeries:e.hasUncenteredSeries||"segmented"===t.lineType||"stepped"===t.lineType})),{hasCenteredSeries:!1,hasUncenteredSeries:!1}),J=i.getMarkers(),K="lineWithArea"===L?.2:1,Q="area"===L||"lineWithArea"===L,X="area"===L,Z=[];return t.jsx(h.Chart,{ref:E,width:e,height:d,selectedIds:H,hiddenIds:p,hideAndShowBehavior:u,orientation:m,yAxis:S,y2Axis:f,series:y,groups:v,selectionMode:T,drilling:b,isStacked:A,getDataItem:C,findNearest:(e,t,s)=>i.findNearestDataPoint(y,v,e,t,V,A,(()=>({offset:0,dataWidth:0})),((e,t)=>t.transform(e)),P,0,z,F,s),getDataItemPos:(e,t,i)=>(s,n)=>{const r="y2"===y[s].associatedYAxis;return g.getLineAreaChartItemPosition(s,n,B,C,v,O,e,r?i:t,F)},getMarkerInfo:(e,t)=>({color:r.getItemColor(e,t,y,C),type:r.getMarkerType(e,t,C)}),renderGridLinesInFront:Q,getNavUtil:(e,t)=>r.getLineAreaChartNavUtil(C,y.length,e,t,A,W,O),getGapRatio:()=>1,getStartAndEndAxesOffset:e=>i.getStartAndEndAxesOffset(Y,G,O,e),isRtl:W,overview:D,defaultOverviewContentRenderer:()=>t.jsx(x,{series:y,groups:v,getDataItem:C,type:L}),...R,children:({getItemAriaLabel:e,groupsInfo:r,xStartIndex:a,xEndIndex:o,xScale:d,yScale:g,y2Scale:c,activeId:h,focusedItemInfo:p,hoveredItemInfo:x,isPointInsideMarquee:u,defaultFontSize:S,getTextDimensions:f,plotAreaClipPathId:v,axisStepWidth:L})=>{const D=r.map((({item:e})=>e));return B=A?i.getCumulativeSeries(y.length,D.length,C,z,P):i.getSeriesData(y?.length,D?.length,C,z,P),t.jsxs(t.Fragment,{children:[B.map(((r,E)=>{if(0===r.length)return;const M=y[E],w="y2"===M.associatedYAxis,z=i.getLineAreaSegments(w?c:g,d,r,a,o,P,D,E,V,F);Z[E]=z[0];const Y="curved"===M.lineType&&A&&B.length>1&&E>0,G=void 0===I||0===I.length||N.has(M.id),$=A&&0!=E?Z.reduce(((e,t,i)=>i>=E?e:t.length>0?i:e),0):void 0;return t.jsxs(t.Fragment,{children:[Q&&t.jsx(s.AreaSeries,{yScale:w?c:g,lineType:M.lineType,color:M.areaColor||q[E%q.length],isHorizontal:O,areaColorOpacity:K,isBottomSegmentCurved:Y,bottomCoords:void 0!==$&&Z[$].some((e=>null!=e))?Z[$]:void 0,lineSegments:z,isLog:P,isHighlighted:G,seriesIndex:E,groupWidth:L,isRtl:W,timeAxisType:F,plotAreaClipPathId:v}),t.jsx(s.LineSeries,{lineType:M.lineType,lineColor:X?l.colorSchemeVars.dvt.contrastLine:M.lineColor,lineWidth:X?A?2.5:1.25:M.lineWidth,lineStyle:M.lineStyle,color:M.lineColor||q[E%q.length],lineSegmentCoords:z,isHorizontal:O,isHighlighted:G,seriesIndex:E,groupWidth:L,isRtl:W,timeAxisType:F,plotAreaClipPathId:v}),!A&&"stepped"!==M.lineType&&"segmented"!==M.lineType&&t.jsx(n.MarkersWithLabel,{yScale:w?c:g,xScale:d,groups:D,series:M,timeAxisType:F,color:M.lineColor||M.areaColor||q[E%q.length],seriesIndex:E,startIndex:a,endIndex:o,markerType:J[E%J.length],orientation:m,isLog:P,activeId:h,getDataItem:C,isPointInsideMarquee:u,selectedIds:H,highlightedIds:void 0!==I?N:void 0,focusedItemIndex:p.seriesIndex!==E||!p.isFocusVisible||R.isDataCursorEnabled&&R.dataCursorStyle?.isMarkerDisplayed?void 0:p.groupIndex,hoveredItemIndex:x?.isCurrent&&x.seriesIndex===E?x.groupIndex:void 0,isSelectionEnabled:"single"===T||"multiple"===T,isDrillEnabled:"on"===b,defaultFontSize:S,dataLabelEffect:k,isHighContrast:U,isTestEnv:j,getTextDimensions:f,getItemAriaLabel:e,isRtl:W})]})})),B.map(((i,s)=>{if(0===i.length)return;const r=y[s],l="y2"===r.associatedYAxis;return A||"segmented"===r.lineType||"stepped"===r.lineType?t.jsx(n.MarkersWithLabel,{yScale:l?c:g,series:y[s],xScale:d,groups:D,timeAxisType:F,color:r.lineColor||r.areaColor||q[s%q.length],seriesIndex:s,isPointInsideMarquee:u,startIndex:a,endIndex:o,markerType:J[s%J.length],orientation:m,isLog:P,activeId:h,getDataItem:V,selectedIds:H,focusedItemIndex:p.seriesIndex===s&&p.isFocusVisible?p.groupIndex:void 0,hoveredItemIndex:x?.isCurrent&&x.seriesIndex===s?x.groupIndex:void 0,isSelectionEnabled:"single"===T||"multiple"===T,isDrillEnabled:"on"===b,defaultFontSize:S,dataLabelEffect:k,isHighContrast:U,isTestEnv:j,getTextDimensions:f,getItemAriaLabel:e,isRtl:W}):void 0}))]})}})}));function x(e){return t.jsx(p,{datatip:()=>({content:""}),zoomAndScroll:"off",overview:"off",plotArea:{yMajorTick:{isRendered:!1}},xAxis:{tickLabel:{autoRotate:!1,isRendered:!!e.xAxis?.timeAxisType}},series:e.series,groups:e.groups,getDataItem:e.getDataItem,yAxis:{tickLabel:{isRendered:!1}},type:e.type})}e.LineAreaChart=p}));
 //# sourceMappingURL=LineAreaChart-08247f99.js.map

package/amd/Link-20f7e72d.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './usePressClick-b5bf4243', './useComponentTheme-5aa41a8f', './useInteractionStyle-15a2bdd0', './UNSAFE_Link/themes/redwood/LinkTheme', './TabbableModeContext-a9c97640', './useTabbableMode-0a9ef009', './useTestId-6160e7a2'], (function(e,s,a,t,n,o,r,i,d,l){"use strict";const b=()=>{};e.Link=function({href:e,variant:i,placement:c="standalone",target:u,testId:p,"aria-describedby":v,"aria-label":m,"aria-labelledby":y,children:T,onClick:h,isDisabled:f}){const{interactionProps:H,applyPseudoHoverStyle:k,applyHoverStyle:P}=o.useInteractionStyle(),{classes:C}=n.useComponentTheme(r.LinkRedwoodTheme,{needsEventsHover:P?"isNeedsEventsHover":"notNeedsEventsHover",pseudoHover:k?"isPseudoHover":"notPseudoHover",variant:i,placement:c,disabled:f?"isDisabled":"notDisabled"}),{isTabbable:I}=d.useTabbableMode(),x=a.classNames([C]),{pressProps:N}=t.usePressClick(h??b),S=l.useTestId(p);return s.jsx("a",{tabIndex:I&&!f?0:-1,href:f?void 0:e,"aria-describedby":v,"aria-label":m,"aria-labelledby":y,target:u,...!f&&N,...H,...S,class:x,children:T})}}));
+define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './usePressClick-b5bf4243', './useComponentTheme-5aa41a8f', './useInteractionStyle-15a2bdd0', './UNSAFE_Link/themes/redwood/LinkTheme', './TabbableModeContext-a9c97640', './useTabbableMode-0a9ef009', './useTestId-f4240cbd'], (function(e,s,a,t,n,o,r,d,i,l){"use strict";const b=()=>{};e.Link=function({href:e,variant:d,placement:c="standalone",target:u,testId:p,"aria-describedby":v,"aria-label":m,"aria-labelledby":y,children:T,onClick:f,isDisabled:h}){const{interactionProps:H,applyPseudoHoverStyle:k,applyHoverStyle:P}=o.useInteractionStyle(),{classes:C}=n.useComponentTheme(r.LinkRedwoodTheme,{needsEventsHover:P?"isNeedsEventsHover":"notNeedsEventsHover",pseudoHover:k?"isPseudoHover":"notPseudoHover",variant:d,placement:c,disabled:h?"isDisabled":"notDisabled"}),{isTabbable:I}=i.useTabbableMode(),x=a.classNames([C]),{pressProps:N}=t.usePressClick(f??b),S=l.useTestId(p);return s.jsx("a",{tabIndex:I&&!h?0:-1,href:h?void 0:e,"aria-describedby":v,"aria-label":m,"aria-labelledby":y,target:u,...!h&&N,...H,...S,class:x,children:T})}}));
 //# sourceMappingURL=Link-20f7e72d.js.map

package/amd/List-8d95a024.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './classNames-08d99695', './mergeProps-bcfa6a92', './keys-4755c121', './collectionUtils-3951928f', './LoadMoreCollection-895f1ed5', './VirtualizedCollection-967c8e06', 'preact/compat', './TabbableModeContext-a9c97640', './useId-c9578d26', './FocusTrap-038b32c3', './useNavigation-8d7dae30', './useInteractionStyle-15a2bdd0', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './PRIVATE_List/themes/ListStyles.css', './Skeleton-3e52c94a', './Flex-71f83c12', './ImageVars.css-17386400', './useTheme-59bafcbb', './useTestId-6160e7a2', './ReorderableContext-6d10a1b7', './LayerHost-1a734852', './CollectionInteractionContext-0b4ed98b', './useCollectionInteractionContext-f345e8f7', 'preact', './useSelection-48cb7bdf', './useAdditiveSelection-4c04d01c', './useItemAction-5d50d0f3', './Inset-36993577', 'module', './clientHints-6d361eaa'], (function(e,t,i,n,s,l,o,a,r,c,d,u,g,m,f,b,h,p,y,S,v,x,I,T,C,k,M,E,L,P,R,j,A,w){"use strict";const K=e=>{switch(e){case"listbox":return{list:"listbox",item:"presentation",cell:"option"};case"treegrid":return{list:"treegrid",item:"row",cell:"gridcell"};default:return{list:"grid",item:"row",cell:"gridcell"}}};function V({children:e,context:s,itemKey:a,itemData:r,itemMetadata:c,itemIndex:y,itemDepth:S,isFocused:v,isFocusRingVisible:x,isActive:I,isGridlineVisible:T,selectedKeys:C,handleSelectionChange:k,isTopGridlineVisible:M=!1,isTabbable:E=!1,role:L,selectionMode:P,suggestion:R,currentItemVariant:j,padding:A}){const w=i.useRef(null),V=i.useMemo((()=>K(L)),[L]),F=l.containsKey(C,a),H="option"===V.cell?{role:V.cell,"aria-posinset":y+1,"aria-setsize":-1}:{role:V.cell},{interactionProps:O,applyActiveStyle:z,applyHoverStyle:D,applyPseudoHoverStyle:N}=f.useInteractionStyle({disabledKeys:["enter"]}),G=p.listItemMultiVariantStyles({selectable:_(P,F)?"isSelectable":"notSelectable",selected:F?"isSelected":"notSelected",selectedSingle:F&&"single"===P?"isSelectedSingle":"notSelectedSingle",needsEventsHover:D?"isNeedsEventsHover":"notNeedsEventsHover",pseudoHover:N?"isPseudoHover":"notPseudoHover",active:z||I?"isActive":"notActive",focusHighlight:"highlight"===j&&v?"isFocusHighlight":"notFocusHighlight",focusRingVisible:x&&v?"isFocusRingVisible":"notFocusRingVisible",gridlineTop:M?"visible":"hidden",gridlineBottom:!T&&("end"!==R||T||F&&"single"===P)?"hidden":"visible"}),Y=[];A&&("enabled"===A?Y.push(p.paddingStyles.allPadding):"disabled"!==A&&("enabled"===A.top&&Y.push(p.paddingStyles.topItemPadding),"enabled"===A.bottom&&Y.push(p.paddingStyles.bottomItemPadding),"enabled"===A.start&&Y.push(p.paddingStyles.startItemPadding),"enabled"===A.end&&Y.push(p.paddingStyles.endItemPadding)));const q=n.classNames([G,...Y]),B=b.mergeInterpolations([...Object.values(h.flexitemInterpolations)]),{class:U,...W}=B({flex:"1 1 auto",alignSelf:"center"}),$=n.classNames([U,m.isMultipleSelection(P)&&p.listItemStyles.checkboxContainer]),J=s||o.getItemContext({data:{data:r,metadata:c},index:y},C,m.isMultipleSelection(P),k);return t.jsx("div",{"aria-rowindex":"grid"===L?y+1:void 0,"aria-level":S,"data-oj-key":a,"data-oj-list-item":"",class:q,ref:w,role:V.item,...R&&{"data-oj-suggestion":!0},..."number"==typeof a&&{"data-oj-key-type":"number"},...O,children:t.jsx("div",{id:u.useId(),style:W,class:$,"aria-posinset":"grid"===L||"treegrid"===L?void 0:y+1,"aria-setsize":"grid"===L||"treegrid"===L?void 0:-1,onKeyDown:e=>{!E||"ArrowDown"!==e.key&&"ArrowUp"!==e.key||e.stopPropagation()},"aria-colindex":"grid"===L?1:void 0,"aria-selected":"none"!==P?F:void 0,...H,children:t.jsx(d.TabbableModeContext.Provider,{value:{isTabbable:E},children:t.jsx(g.FocusTrap,{isDisabled:!E,restoreFocusRef:!1,children:e(J)})})})})}const _=(e,t)=>"none"!==e&&(m.isMultipleSelection(e)||!t),F=c.memo(V,((e,t)=>!(!e||!t)&&(e.children===t.children&&e.itemData===t.itemData&&e.itemKey===t.itemKey&&e.itemMetadata.isLeaf===t.itemMetadata.isLeaf&&e.itemMetadata.parentKey===t.itemMetadata.parentKey&&e.itemMetadata.suggestion===t.itemMetadata.suggestion&&e.itemMetadata.treeDepth===t.itemMetadata.treeDepth&&e.itemIndex===t.itemIndex&&e.isFocused===t.isFocused&&e.isFocusRingVisible===t.isFocusRingVisible&&l.isSameKey(e.selectedKeys,t.selectedKeys)&&e.isTabbable===t.isTabbable&&e.isActive===t.isActive&&e.selectionMode===t.selectionMode&&e.role===t.role&&e.itemDepth===t.itemDepth&&e.currentItemVariant===t.currentItemVariant&&e.suggestion===t.suggestion&&e.isGridlineVisible===t.isGridlineVisible&&e.isTopGridlineVisible===t.isTopGridlineVisible&&e.padding===t.padding)));function H({children:e,minimumCount:s=1}){const[l,o]=i.useState(!1);i.useEffect((()=>{setTimeout((()=>{o(!0)}),50)}),[]);const a=n.classNames([p.skeletonStyles.container]);return l&&e?t.jsx("div",{class:a,role:"presentation",children:[...Array(s)].map(((t,i)=>e(i)))}):null}function O({sparkleHeight:e}){const{name:i}=x.useTheme();if(e<=0)return null;const s=e+"px",l=n.classNames([p.sparkleStyles.base]),o=n.classNames([p.sparkleStyles.container,"oj-collection-sparkle","redwood"===i&&v.globalImages]);return t.jsx("div",{class:o,children:t.jsx("div",{class:l,style:{height:s}})},"sparkle")}const z=(e,t)=>{if(0===t)return null;return e.slice(0,t).reduce(((e,i,n)=>{const s=i.metadata.key;return n===t-1?e.set(s,"end"):e.set(s,!0),e}),new Map)},D=(e,t)=>{const i=t.data.map((e=>e.metadata.key)),n=i.indexOf(e.value.start),s=i.indexOf(e.value.end),l=Math.min(n,s),o=Math.max(n,s);return-1===l?{offset:0,count:t.totalSize}:i.slice(l,o+1)},N=(e,t)=>{if(null!=e){const i=e.querySelectorAll("[role='row']");if(i.length>t)return o.getKey(i[t])}return null};function G(e,t){const i=Math.abs(null==t?e.scrollTop:t),n={y:i,key:void 0,offsetY:void 0};let s=0;const l=e.querySelectorAll("[role='row']");if(l.length>0&&0===i)return n.key=N(e,0),n.offsetY=0,n;for(let t=0;t<l.length;t++){const o=l[t].getBoundingClientRect().height;if(s+=o,i<s){n.key=N(e,t),n.offsetY=o+i-s;break}}return n}function Y(e,t){const i=function(e,t){if(null!=t){let i,n=!1;if(null!=t.key?(n=!0,i=t.key):null!=t.offsetY&&null==t.y&&(n=!0,i=G(e).key),n){if(null!=i){let n=0;const s=e.querySelectorAll("[role ='row']");for(let e=0;e<s.length;e++){if(i===o.getKey(s[e]))return n+(null!=t.offsetY?t.offsetY:0);n+=s[e].getBoundingClientRect().height}}}else if(null!=t.y)return t.y}return}(e,t);e.scrollTop=null!=i?i:0}const q=(e,t)=>e.querySelector(`[role=${t}]`)?.id||"",B={all:!1,keys:new Set},U=t.jsx(H,{minimumCount:25,children:()=>t.jsx(j.Inset,{variant:"listview",children:t.jsx(S.Flex,{height:"6x",align:"center",children:t.jsx(y.Skeleton,{height:"4x"})})})}),W=t.jsx(H,{minimumCount:3,children:()=>t.jsx(j.Inset,{variant:"listview",children:t.jsx(S.Flex,{height:"6x",align:"center",children:t.jsx(y.Skeleton,{height:"4x"})})})}),$=t.jsx("div",{class:a.LOADMORE_STYLE_CLASS,children:t.jsx(H,{minimumCount:3,children:()=>t.jsx(j.Inset,{variant:"listview",children:t.jsx(S.Flex,{height:"6x",align:"center",children:t.jsx(y.Skeleton,{height:"4x"})})})})}),J=(e,t)=>{if(t){const i=Math.min(t.offset,e.offset+e.totalSize),n=i-e.offset;n>0&&(e={offset:i,data:e.data.slice(n,n+t.count),totalSize:e.totalSize,sizePrecision:e.sizePrecision})}return e};e.List=function({"aria-label":e,"aria-labelledby":c,"aria-describedby":u,allowTabbableMode:g=!0,children:f,data:b,gridlines:h,loadingIndicator:y,loadMoreIndicator:S=$,currentItemOverride:v,onPersistCurrentItem:x,onLoadRange:T,onSelectionChange:C,onItemAction:k,rangeExtractor:E,role:j="grid",selectedKeys:A=B,selectionMode:_="none",viewportConfig:H,currentItemVariant:N,promotedSection:G,isVirtualized:Q=!1,customItemRenderer:X,scrollToVisibleOffset:Z,testId:ee,scrollerRef:te,reorderProps:ie,contextMenuTriggerProps:ne,itemPadding:se,itemEnterKeyFocusBehavior:le="focusWithin",...oe}){const ae=i.useRef(null),re=i.useRef(!1),ce=i.useRef(),de=i.useRef(),[ue,ge]=i.useState(!1),me="none"===_?void 0:m.isMultipleSelection(_),fe=null===b?void 0:"exact"===b.sizePrecision?b.totalSize:-1,be=!("ios"===w.getClientHints().platform||"android"===w.getClientHints().platform),he=[p.listStyles.base];be||he.push(p.listStyles.userSelect);const pe=n.classNames(he),{isTabbable:ye}=i.useContext(d.TabbableModeContext),Se="embedded"===M.useCollectionInteractionContext(),ve=void 0!==N?N:Se?"highlight":"none",xe=y??(Se?W:U),Ie=i.useCallback(((e,t)=>{b&&(de.current={detail:e,range:{offset:b.offset,count:b.data.length}},T(t))}),[b,T]);H=m.getViewportConfig(ae,H),i.useLayoutEffect((()=>{ae.current&&ce.current!==oe.scrollPositionOverride&&(Y(ae.current,oe.scrollPositionOverride),ce.current=oe.scrollPositionOverride)}),[oe.scrollPositionOverride]);const Te=i.useRef({offset:0,count:0}),Ce=i.useCallback((e=>{re.current&&Te.current.offset===e.offset&&Te.current.count===e.count||(re.current=!0,Te.current=e,T(e))}),[re,T]);i.useEffect((()=>{re.current=!1}),[b]);const ke=i.useMemo((()=>K(j)),[j]),Me={ArrowUp:e=>o.getPrevNextKey(ae.current,e,!0,m.LIST_ITEM_SELECTOR),ArrowDown:e=>o.getPrevNextKey(ae.current,e,!1,m.LIST_ITEM_SELECTOR)},{navigationProps:Ee,currentKey:Le,showFocusRing:Pe,isCurrentTabbableKey:Re}=m.useNavigation(b,ae,(e=>q(e,ke.cell)),m.LIST_ITEM_SELECTOR,Me,v,x,H,Z,"multiple"!==_||Se,g,!0,Se,"focusWithin"===le),{eventProps:je,handleSelectionChange:Ae}=((e,t,n="none",a,r,c,d,u,g,f,b)=>{const h=i.useRef(),p=i.useCallback((e=>{a&&(!1===e.value.all&&e.value.keys.size>0&&(h.current=Array.from(e.value.keys.values()).pop()),a(e))}),[h,a]),y=i.useCallback((e=>{if(c&&a){const i=D(e,c);if(Array.isArray(i))if("shiftSpace"===e.eventType?h.current=e.value.start:h.current=e.value.end,b||"multipleToggle"===n){const e=l.addKeys(t,i);a({value:e,target:null})}else a({value:{all:!1,keys:new Set(i)},target:null});else f(e,i)}}),[c,b,t,a,f]),{selectionProps:S}=L.useSelection((t=>t===g.current?void 0===e?null:e:o.keyExtractor(t,m.LIST_ITEM_SELECTOR)),t,b||"multipleToggle"===n?"none":n,!1,"replace",p,h.current,e,((e,t)=>o.getPrevNextKey(g.current,e,t,m.LIST_ITEM_SELECTOR)),void 0,(e=>{if(g.current){const t=o.findElementByKey(g.current,e,m.LIST_ITEM_SELECTOR);if(t){const e=d?.scrollerRef.current,i=u?u(g.current):0;m.scrollToVisible(t,null!=e?e:g.current,i)}}}),y),{eventProps:v}=P.useAdditiveSelection((t=>t===g.current?void 0===e?null:e:o.keyExtractor(t,m.LIST_ITEM_SELECTOR)),t,"multipleToggle"===n?"multiple":b?n:"none",!1,(e=>c?c.data.findIndex((t=>t.metadata.key===e)):-1),((e,t)=>c?c.data.map((e=>e.metadata.key)).slice(e,t):[]),((e,t)=>o.getPrevNextKey(g.current,e,t,m.LIST_ITEM_SELECTOR)),e,p,y,"multipleToggle"!==n&&b),x=R.useItemAction(e,c,r,m.LIST_ITEM_SELECTOR,b);return{eventProps:s.mergeProps(S,x,v),handleSelectionChange:p}})(Le,A,_,C,k,b,H,Z,ae,Ie,Se);if(b&&void 0!==de.current&&C){const e=D(de.current.detail,b);if(Array.isArray(e))if(Se){C({value:l.addKeys(A,e),target:null})}else C({value:{all:!1,keys:new Set(e)},target:null});const t=de.current?de.current.range:{offset:b.offset,count:b.data.length};b=J(b,t),de.current=void 0,T(t)}const{sparkleHeight:we,suggestions:Ke}=((e,t,n)=>{const[s,l]=i.useState(0),o=i.useMemo((()=>e&&t&&z(e.data,t.count)),[e,t]);return i.useEffect((()=>{if(o){const e=n.current?.querySelector("."+r.PLACEHOLDER_STYLE_CLASS);let t=e?.offsetHeight||0;const i=n.current?.querySelectorAll("[data-oj-suggestion]");i?.forEach((e=>t+=e.offsetHeight)),l(t)}}),[n,o]),{sparkleHeight:s,suggestions:o}})(b,G,ae),Ve=t.jsx(O,{sparkleHeight:we}),_e=Q?V:F,Fe=e=>{const i=o.getItemContext(e,A,m.isMultipleSelection(_),Ae),n=Ke?.get(i.metadata.key),s=g&&Re(i.metadata.key),a=Le===i.metadata.key&&!s,r=a&&ue,c=l.containsKey(A,i.metadata.key),d=a&&Pe,u=(e,i)=>{return t.jsx(_e,{context:X?e:void 0,itemData:e.data,itemKey:e.metadata.key,itemMetadata:e.metadata,itemIndex:e.index,isFocused:a,isFocusRingVisible:d,isActive:r,isGridlineVisible:(s=e.index,"visible"===h?.item&&(s+1!==b?.totalSize||"visible"===h?.bottom)),selectedKeys:A,isTabbable:g&&Re(e.metadata.key),role:j,selectionMode:_,handleSelectionChange:Ae,currentItemVariant:ve,padding:se,...n&&{suggestion:n},...0===e.index&&{isTopGridlineVisible:"visible"===h?.item&&"visible"===h?.top},...i,children:f},e.metadata.key);var s};if(X){return X({listItemContext:i,isFocused:a,isFocusRingVisible:d,isSelected:c,isTabbable:s,isActive:r,defaultListItem:u})}return u(i)},He=i.useCallback((e=>{" "===e.key&&l.isKeyDefined(Le)&&"none"!==_&&ge(!0)}),[Le,_,ge]),Oe=i.useCallback((()=>{ge(!1)}),[ge]);i.useImperativeHandle(te,(()=>ae.current));const ze=I.useTestId(ee);return t.jsx("div",{...s.mergeProps(je,Ee,ne||{},ie||{},{onKeyDown:He,onKeyUp:Oe},oe),...ze,role:j,"aria-rowcount":"grid"===j?fe:void 0,"aria-colcount":"grid"===j?1:void 0,ref:ae,class:pe,tabIndex:ye?0:-1,"aria-label":e,"aria-labelledby":c,"aria-describedby":u,"aria-multiselectable":me,children:null==b||0===b.data.length&&"atLeast"===b.sizePrecision&&b.totalSize>0?xe:Q?t.jsx(r.VirtualizedCollection,{data:b,itemSelector:m.LIST_ITEM_SELECTOR,loadMoreIndicator:S,onLoadRange:T,rangeExtractor:E,suggestions:Ve,viewportConfig:H,children:Fe}):t.jsx(a.LoadMoreCollection,{data:b.data,loadMoreIndicator:S,hasMore:"atLeast"===b.sizePrecision&&b.data.length<=b.totalSize,onLoadMore:()=>{b&&Ce({offset:0,count:b.data.length+25})},suggestions:Ve,viewportConfig:H,children:Fe})})},e.SkeletonContainer=H,e.getScrollPosition=G}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './classNames-08d99695', './mergeProps-bcfa6a92', './keys-4755c121', './collectionUtils-3951928f', './LoadMoreCollection-895f1ed5', './VirtualizedCollection-967c8e06', 'preact/compat', './TabbableModeContext-a9c97640', './useId-c9578d26', './FocusTrap-038b32c3', './useNavigation-8d7dae30', './useInteractionStyle-15a2bdd0', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './PRIVATE_List/themes/ListStyles.css', './Skeleton-3e52c94a', './Flex-4b81b412', './ImageVars.css-17386400', './useTheme-da27e1d1', './useTestId-f4240cbd', './ReorderableContext-6d10a1b7', './LayerHost-0b288129', './CollectionInteractionContext-0b4ed98b', './useCollectionInteractionContext-f345e8f7', 'preact', './useSelection-aecb6b23', './useAdditiveSelection-4c04d01c', './useItemAction-5d50d0f3', './Inset-36993577', 'module', './clientHints-6d361eaa'], (function(e,t,i,n,s,l,o,a,r,c,d,u,g,m,f,b,h,p,y,S,v,x,I,T,C,k,M,E,L,P,R,j,A,w){"use strict";const K=e=>{switch(e){case"listbox":return{list:"listbox",item:"presentation",cell:"option"};case"treegrid":return{list:"treegrid",item:"row",cell:"gridcell"};default:return{list:"grid",item:"row",cell:"gridcell"}}};function V({children:e,context:s,itemKey:a,itemData:r,itemMetadata:c,itemIndex:y,itemDepth:S,isFocused:v,isFocusRingVisible:x,isActive:I,isGridlineVisible:T,selectedKeys:C,handleSelectionChange:k,isTopGridlineVisible:M=!1,isTabbable:E=!1,role:L,selectionMode:P,suggestion:R,currentItemVariant:j,padding:A}){const w=i.useRef(null),V=i.useMemo((()=>K(L)),[L]),F=l.containsKey(C,a),H="option"===V.cell?{role:V.cell,"aria-posinset":y+1,"aria-setsize":-1}:{role:V.cell},{interactionProps:O,applyActiveStyle:z,applyHoverStyle:D,applyPseudoHoverStyle:N}=f.useInteractionStyle({disabledKeys:["enter"]}),G=p.listItemMultiVariantStyles({selectable:_(P,F)?"isSelectable":"notSelectable",selected:F?"isSelected":"notSelected",selectedSingle:F&&"single"===P?"isSelectedSingle":"notSelectedSingle",needsEventsHover:D?"isNeedsEventsHover":"notNeedsEventsHover",pseudoHover:N?"isPseudoHover":"notPseudoHover",active:z||I?"isActive":"notActive",focusHighlight:"highlight"===j&&v?"isFocusHighlight":"notFocusHighlight",focusRingVisible:x&&v?"isFocusRingVisible":"notFocusRingVisible",gridlineTop:M?"visible":"hidden",gridlineBottom:!T&&("end"!==R||T||F&&"single"===P)?"hidden":"visible"}),Y=[];A&&("enabled"===A?Y.push(p.paddingStyles.allPadding):"disabled"!==A&&("enabled"===A.top&&Y.push(p.paddingStyles.topItemPadding),"enabled"===A.bottom&&Y.push(p.paddingStyles.bottomItemPadding),"enabled"===A.start&&Y.push(p.paddingStyles.startItemPadding),"enabled"===A.end&&Y.push(p.paddingStyles.endItemPadding)));const q=n.classNames([G,...Y]),B=b.mergeInterpolations([...Object.values(h.flexitemInterpolations)]),{class:U,...W}=B({flex:"1 1 auto",alignSelf:"center"}),$=n.classNames([U,m.isMultipleSelection(P)&&p.listItemStyles.checkboxContainer]),J=s||o.getItemContext({data:{data:r,metadata:c},index:y},C,m.isMultipleSelection(P),k);return t.jsx("div",{"aria-rowindex":"grid"===L?y+1:void 0,"aria-level":S,"data-oj-key":a,"data-oj-list-item":"",class:q,ref:w,role:V.item,...R&&{"data-oj-suggestion":!0},..."number"==typeof a&&{"data-oj-key-type":"number"},...O,children:t.jsx("div",{id:u.useId(),style:W,class:$,"aria-posinset":"grid"===L||"treegrid"===L?void 0:y+1,"aria-setsize":"grid"===L||"treegrid"===L?void 0:-1,onKeyDown:e=>{!E||"ArrowDown"!==e.key&&"ArrowUp"!==e.key||e.stopPropagation()},"aria-colindex":"grid"===L?1:void 0,"aria-selected":"none"!==P?F:void 0,...H,children:t.jsx(d.TabbableModeContext.Provider,{value:{isTabbable:E},children:t.jsx(g.FocusTrap,{isDisabled:!E,restoreFocusRef:!1,children:e(J)})})})})}const _=(e,t)=>"none"!==e&&(m.isMultipleSelection(e)||!t),F=c.memo(V,((e,t)=>!(!e||!t)&&(e.children===t.children&&e.itemData===t.itemData&&e.itemKey===t.itemKey&&e.itemMetadata.isLeaf===t.itemMetadata.isLeaf&&e.itemMetadata.parentKey===t.itemMetadata.parentKey&&e.itemMetadata.suggestion===t.itemMetadata.suggestion&&e.itemMetadata.treeDepth===t.itemMetadata.treeDepth&&e.itemIndex===t.itemIndex&&e.isFocused===t.isFocused&&e.isFocusRingVisible===t.isFocusRingVisible&&l.isSameKey(e.selectedKeys,t.selectedKeys)&&e.isTabbable===t.isTabbable&&e.isActive===t.isActive&&e.selectionMode===t.selectionMode&&e.role===t.role&&e.itemDepth===t.itemDepth&&e.currentItemVariant===t.currentItemVariant&&e.suggestion===t.suggestion&&e.isGridlineVisible===t.isGridlineVisible&&e.isTopGridlineVisible===t.isTopGridlineVisible&&e.padding===t.padding)));function H({children:e,minimumCount:s=1}){const[l,o]=i.useState(!1);i.useEffect((()=>{setTimeout((()=>{o(!0)}),50)}),[]);const a=n.classNames([p.skeletonStyles.container]);return l&&e?t.jsx("div",{class:a,role:"presentation",children:[...Array(s)].map(((t,i)=>e(i)))}):null}function O({sparkleHeight:e}){const{name:i}=x.useTheme();if(e<=0)return null;const s=e+"px",l=n.classNames([p.sparkleStyles.base]),o=n.classNames([p.sparkleStyles.container,"oj-collection-sparkle","redwood"===i&&v.globalImages]);return t.jsx("div",{class:o,children:t.jsx("div",{class:l,style:{height:s}})},"sparkle")}const z=(e,t)=>{if(0===t)return null;return e.slice(0,t).reduce(((e,i,n)=>{const s=i.metadata.key;return n===t-1?e.set(s,"end"):e.set(s,!0),e}),new Map)},D=(e,t)=>{const i=t.data.map((e=>e.metadata.key)),n=i.indexOf(e.value.start),s=i.indexOf(e.value.end),l=Math.min(n,s),o=Math.max(n,s);return-1===l?{offset:0,count:t.totalSize}:i.slice(l,o+1)},N=(e,t)=>{if(null!=e){const i=e.querySelectorAll("[role='row']");if(i.length>t)return o.getKey(i[t])}return null};function G(e,t){const i=Math.abs(null==t?e.scrollTop:t),n={y:i,key:void 0,offsetY:void 0};let s=0;const l=e.querySelectorAll("[role='row']");if(l.length>0&&0===i)return n.key=N(e,0),n.offsetY=0,n;for(let t=0;t<l.length;t++){const o=l[t].getBoundingClientRect().height;if(s+=o,i<s){n.key=N(e,t),n.offsetY=o+i-s;break}}return n}function Y(e,t){const i=function(e,t){if(null!=t){let i,n=!1;if(null!=t.key?(n=!0,i=t.key):null!=t.offsetY&&null==t.y&&(n=!0,i=G(e).key),n){if(null!=i){let n=0;const s=e.querySelectorAll("[role ='row']");for(let e=0;e<s.length;e++){if(i===o.getKey(s[e]))return n+(null!=t.offsetY?t.offsetY:0);n+=s[e].getBoundingClientRect().height}}}else if(null!=t.y)return t.y}return}(e,t);e.scrollTop=null!=i?i:0}const q=(e,t)=>e.querySelector(`[role=${t}]`)?.id||"",B={all:!1,keys:new Set},U=t.jsx(H,{minimumCount:25,children:()=>t.jsx(j.Inset,{variant:"listview",children:t.jsx(S.Flex,{height:"6x",align:"center",children:t.jsx(y.Skeleton,{height:"4x"})})})}),W=t.jsx(H,{minimumCount:3,children:()=>t.jsx(j.Inset,{variant:"listview",children:t.jsx(S.Flex,{height:"6x",align:"center",children:t.jsx(y.Skeleton,{height:"4x"})})})}),$=t.jsx("div",{class:a.LOADMORE_STYLE_CLASS,children:t.jsx(H,{minimumCount:3,children:()=>t.jsx(j.Inset,{variant:"listview",children:t.jsx(S.Flex,{height:"6x",align:"center",children:t.jsx(y.Skeleton,{height:"4x"})})})})}),J=(e,t)=>{if(t){const i=Math.min(t.offset,e.offset+e.totalSize),n=i-e.offset;n>0&&(e={offset:i,data:e.data.slice(n,n+t.count),totalSize:e.totalSize,sizePrecision:e.sizePrecision})}return e};e.List=function({"aria-label":e,"aria-labelledby":c,"aria-describedby":u,allowTabbableMode:g=!0,children:f,data:b,gridlines:h,loadingIndicator:y,loadMoreIndicator:S=$,currentItemOverride:v,onPersistCurrentItem:x,onLoadRange:T,onSelectionChange:C,onItemAction:k,rangeExtractor:E,role:j="grid",selectedKeys:A=B,selectionMode:_="none",viewportConfig:H,currentItemVariant:N,promotedSection:G,isVirtualized:Q=!1,customItemRenderer:X,scrollToVisibleOffset:Z,testId:ee,scrollerRef:te,reorderProps:ie,contextMenuTriggerProps:ne,itemPadding:se,itemEnterKeyFocusBehavior:le="focusWithin",...oe}){const ae=i.useRef(null),re=i.useRef(!1),ce=i.useRef(),de=i.useRef(),[ue,ge]=i.useState(!1),me="none"===_?void 0:m.isMultipleSelection(_),fe=null===b?void 0:"exact"===b.sizePrecision?b.totalSize:-1,be=!("ios"===w.getClientHints().platform||"android"===w.getClientHints().platform),he=[p.listStyles.base];be||he.push(p.listStyles.userSelect);const pe=n.classNames(he),{isTabbable:ye}=i.useContext(d.TabbableModeContext),Se="embedded"===M.useCollectionInteractionContext(),ve=void 0!==N?N:Se?"highlight":"none",xe=y??(Se?W:U),Ie=i.useCallback(((e,t)=>{b&&(de.current={detail:e,range:{offset:b.offset,count:b.data.length}},T(t))}),[b,T]);H=m.getViewportConfig(ae,H),i.useLayoutEffect((()=>{ae.current&&ce.current!==oe.scrollPositionOverride&&(Y(ae.current,oe.scrollPositionOverride),ce.current=oe.scrollPositionOverride)}),[oe.scrollPositionOverride]);const Te=i.useRef({offset:0,count:0}),Ce=i.useCallback((e=>{re.current&&Te.current.offset===e.offset&&Te.current.count===e.count||(re.current=!0,Te.current=e,T(e))}),[re,T]);i.useEffect((()=>{re.current=!1}),[b]);const ke=i.useMemo((()=>K(j)),[j]),Me={ArrowUp:e=>o.getPrevNextKey(ae.current,e,!0,m.LIST_ITEM_SELECTOR),ArrowDown:e=>o.getPrevNextKey(ae.current,e,!1,m.LIST_ITEM_SELECTOR)},{navigationProps:Ee,currentKey:Le,showFocusRing:Pe,isCurrentTabbableKey:Re}=m.useNavigation(b,ae,(e=>q(e,ke.cell)),m.LIST_ITEM_SELECTOR,Me,v,x,H,Z,"multiple"!==_||Se,g,!0,Se,"focusWithin"===le),{eventProps:je,handleSelectionChange:Ae}=((e,t,n="none",a,r,c,d,u,g,f,b)=>{const h=i.useRef(),p=i.useCallback((e=>{a&&(!1===e.value.all&&e.value.keys.size>0&&(h.current=Array.from(e.value.keys.values()).pop()),a(e))}),[h,a]),y=i.useCallback((e=>{if(c&&a){const i=D(e,c);if(Array.isArray(i))if("shiftSpace"===e.eventType?h.current=e.value.start:h.current=e.value.end,b||"multipleToggle"===n){const e=l.addKeys(t,i);a({value:e,target:null})}else a({value:{all:!1,keys:new Set(i)},target:null});else f(e,i)}}),[c,b,t,a,f]),{selectionProps:S}=L.useSelection((t=>t===g.current?void 0===e?null:e:o.keyExtractor(t,m.LIST_ITEM_SELECTOR)),t,b||"multipleToggle"===n?"none":n,!1,"replace",p,h.current,e,((e,t)=>o.getPrevNextKey(g.current,e,t,m.LIST_ITEM_SELECTOR)),void 0,(e=>{if(g.current){const t=o.findElementByKey(g.current,e,m.LIST_ITEM_SELECTOR);if(t){const e=d?.scrollerRef.current,i=u?u(g.current):0;m.scrollToVisible(t,null!=e?e:g.current,i)}}}),y),{eventProps:v}=P.useAdditiveSelection((t=>t===g.current?void 0===e?null:e:o.keyExtractor(t,m.LIST_ITEM_SELECTOR)),t,"multipleToggle"===n?"multiple":b?n:"none",!1,(e=>c?c.data.findIndex((t=>t.metadata.key===e)):-1),((e,t)=>c?c.data.map((e=>e.metadata.key)).slice(e,t):[]),((e,t)=>o.getPrevNextKey(g.current,e,t,m.LIST_ITEM_SELECTOR)),e,p,y,"multipleToggle"!==n&&b),x=R.useItemAction(e,c,r,m.LIST_ITEM_SELECTOR,b);return{eventProps:s.mergeProps(S,x,v),handleSelectionChange:p}})(Le,A,_,C,k,b,H,Z,ae,Ie,Se);if(b&&void 0!==de.current&&C){const e=D(de.current.detail,b);if(Array.isArray(e))if(Se){C({value:l.addKeys(A,e),target:null})}else C({value:{all:!1,keys:new Set(e)},target:null});const t=de.current?de.current.range:{offset:b.offset,count:b.data.length};b=J(b,t),de.current=void 0,T(t)}const{sparkleHeight:we,suggestions:Ke}=((e,t,n)=>{const[s,l]=i.useState(0),o=i.useMemo((()=>e&&t&&z(e.data,t.count)),[e,t]);return i.useEffect((()=>{if(o){const e=n.current?.querySelector("."+r.PLACEHOLDER_STYLE_CLASS);let t=e?.offsetHeight||0;const i=n.current?.querySelectorAll("[data-oj-suggestion]");i?.forEach((e=>t+=e.offsetHeight)),l(t)}}),[n,o]),{sparkleHeight:s,suggestions:o}})(b,G,ae),Ve=t.jsx(O,{sparkleHeight:we}),_e=Q?V:F,Fe=e=>{const i=o.getItemContext(e,A,m.isMultipleSelection(_),Ae),n=Ke?.get(i.metadata.key),s=g&&Re(i.metadata.key),a=Le===i.metadata.key&&!s,r=a&&ue,c=l.containsKey(A,i.metadata.key),d=a&&Pe,u=(e,i)=>{return t.jsx(_e,{context:X?e:void 0,itemData:e.data,itemKey:e.metadata.key,itemMetadata:e.metadata,itemIndex:e.index,isFocused:a,isFocusRingVisible:d,isActive:r,isGridlineVisible:(s=e.index,"visible"===h?.item&&(s+1!==b?.totalSize||"visible"===h?.bottom)),selectedKeys:A,isTabbable:g&&Re(e.metadata.key),role:j,selectionMode:_,handleSelectionChange:Ae,currentItemVariant:ve,padding:se,...n&&{suggestion:n},...0===e.index&&{isTopGridlineVisible:"visible"===h?.item&&"visible"===h?.top},...i,children:f},e.metadata.key);var s};if(X){return X({listItemContext:i,isFocused:a,isFocusRingVisible:d,isSelected:c,isTabbable:s,isActive:r,defaultListItem:u})}return u(i)},He=i.useCallback((e=>{" "===e.key&&l.isKeyDefined(Le)&&"none"!==_&&ge(!0)}),[Le,_,ge]),Oe=i.useCallback((()=>{ge(!1)}),[ge]);i.useImperativeHandle(te,(()=>ae.current));const ze=I.useTestId(ee);return t.jsx("div",{...s.mergeProps(je,Ee,ne||{},ie||{},{onKeyDown:He,onKeyUp:Oe},oe),...ze,role:j,"aria-rowcount":"grid"===j?fe:void 0,"aria-colcount":"grid"===j?1:void 0,ref:ae,class:pe,tabIndex:ye?0:-1,"aria-label":e,"aria-labelledby":c,"aria-describedby":u,"aria-multiselectable":me,children:null==b||0===b.data.length&&"atLeast"===b.sizePrecision&&b.totalSize>0?xe:Q?t.jsx(r.VirtualizedCollection,{data:b,itemSelector:m.LIST_ITEM_SELECTOR,loadMoreIndicator:S,onLoadRange:T,rangeExtractor:E,suggestions:Ve,viewportConfig:H,children:Fe}):t.jsx(a.LoadMoreCollection,{data:b.data,loadMoreIndicator:S,hasMore:"atLeast"===b.sizePrecision&&b.data.length<=b.totalSize,onLoadMore:()=>{b&&Ce({offset:0,count:b.data.length+25})},suggestions:Ve,viewportConfig:H,children:Fe})})},e.SkeletonContainer=H,e.getScrollPosition=G}));
 //# sourceMappingURL=List-8d95a024.js.map

package/amd/{ListItemLayout-23390b90.js → ListItemLayout-2dbba38a.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './Grid-5324e17b', './classNames-08d99695', './UNSAFE_ListItemLayout/themes/ListItemLayoutStyles.css'], (function(s,e,l,t,a){"use strict";s.ListItemLayout=function({children:s,selector:n,leading:c,primary:i,secondary:d,tertiary:r,overline:y,metadata:o,trailing:m,action:h,quaternary:u,navigation:p,verticalAlignment:x="middle"}){const{columnsTemplate:S,firstCell:N,secondCell:j,lastCell:v,hasSecondRow:f}="top"===x?function(s,l,n,c,i,d,r){const y=[];let o=null;s&&(y.push("auto"),o=e.jsx("div",{className:a.styles.optInSelectorStyles,children:s}));let m=null;(s||l)&&(y.push("auto"),m=e.jsx("div",{className:t.classNames([s?a.styles.leftPaddingStyles:"",a.styles.topAlignStyles,l?a.styles.optInRightPaddingStyles:""]),children:l}));y.push("1fr");let h=null;(n||c||i||r)&&(y.push("auto"),h=e.jsx("div",{className:t.classNames([a.styles.topAlignStyles]),children:e.jsxs("div",{className:t.classNames([a.styles.optInExtraStyles,a.styles.flexRowStyles]),children:[e.jsx("div",{className:t.classNames([a.styles.centerVerticalStyles,n?a.styles.leftPaddingStyles:""]),children:n}),e.jsx("div",{className:t.classNames([a.styles.centerVerticalStyles,c?a.styles.leftPaddingStyles:""]),children:c}),e.jsx("div",{className:t.classNames([a.styles.centerVerticalStyles,i?a.styles.actionStyles:""]),children:i})]})}));const u=y.join(" "),p=!(!d&&!r);return{columnsTemplate:u,firstCell:o,secondCell:m,lastCell:h,hasSecondRow:p}}(n,c,o,m,h,u,p):function(s,l,n,c,i,d,r){const y=[];let o=null;s&&(y.push("auto"),o=e.jsx("div",{className:a.styles.selectorStyles,children:s}));let m=null;l&&(y.push("auto"),m=e.jsx("div",{className:t.classNames([a.styles.centerVerticalStyles,a.styles.displayFlexStyle]),children:l}));y.push("1fr");let h=null;(n||c||i||r)&&(y.push("auto"),h=e.jsxs("div",{className:a.styles.flexRowStyles,children:[e.jsx("div",{className:t.classNames([a.styles.centerVerticalStyles,n?a.styles.leftPaddingStyles:""]),children:n}),e.jsx("div",{className:t.classNames([a.styles.centerVerticalStyles,c?a.styles.leftPaddingStyles:""]),children:c}),e.jsx("div",{className:t.classNames([a.styles.centerVerticalStyles,i?a.styles.actionStyles:""]),children:i})]}));const u=y.join(" "),p=!(!d&&!r);return{columnsTemplate:u,firstCell:o,secondCell:m,lastCell:h,hasSecondRow:p}}(n,c,o,m,h,u,p),g=y&&"top"===x?[N&&e.jsx("span",{children:" "}),j&&e.jsx("span",{children:" "}),e.jsx("div",{className:a.styles.topRowStyles,children:y}),v&&e.jsx("span",{children:" "})]:null,C=s?e.jsx("div",{className:a.styles.childrenStyles,children:s}):e.jsxs("div",{className:a.styles.flexColumnStyles,children:["top"===x?null:e.jsx("div",{children:y}),e.jsx("div",{children:i}),e.jsx("div",{children:d}),e.jsx("div",{children:r})]}),I=f?[N&&e.jsx("span",{children:" "}),j&&e.jsx("span",{children:" "}),e.jsx("div",{className:t.classNames(["top"===x?a.styles.optInTopPaddingStyles:"",a.styles.rowAlignStyles]),children:u}),v&&e.jsx("div",{className:t.classNames(["top"===x?a.styles.optInTopPaddingStyles:"",a.styles.endJustifyStyles]),children:p})]:null;return e.jsxs(l.Grid,{gap:"top"===x?"0x":"4x",gridTemplateColumns:S,children:[g,N,j,e.jsx("div",{className:a.styles.centerVerticalStyles,children:C}),v,I]})}}));
-//# sourceMappingURL=ListItemLayout-23390b90.js.map
+define(['exports', 'preact/jsx-runtime', './Grid-caac1c86', './classNames-08d99695', './UNSAFE_ListItemLayout/themes/ListItemLayoutStyles.css'], (function(s,e,l,t,a){"use strict";s.ListItemLayout=function({children:s,selector:n,leading:c,primary:i,secondary:d,tertiary:r,overline:y,metadata:o,trailing:m,action:h,quaternary:u,navigation:p,verticalAlignment:x="middle"}){const{columnsTemplate:S,firstCell:N,secondCell:j,lastCell:v,hasSecondRow:f}="top"===x?function(s,l,n,c,i,d,r){const y=[];let o=null;s&&(y.push("auto"),o=e.jsx("div",{className:a.styles.optInSelectorStyles,children:s}));let m=null;(s||l)&&(y.push("auto"),m=e.jsx("div",{className:t.classNames([s?a.styles.leftPaddingStyles:"",a.styles.topAlignStyles,l?a.styles.optInRightPaddingStyles:""]),children:l}));y.push("1fr");let h=null;(n||c||i||r)&&(y.push("auto"),h=e.jsx("div",{className:t.classNames([a.styles.topAlignStyles]),children:e.jsxs("div",{className:t.classNames([a.styles.optInExtraStyles,a.styles.flexRowStyles]),children:[e.jsx("div",{className:t.classNames([a.styles.centerVerticalStyles,n?a.styles.leftPaddingStyles:""]),children:n}),e.jsx("div",{className:t.classNames([a.styles.centerVerticalStyles,c?a.styles.leftPaddingStyles:""]),children:c}),e.jsx("div",{className:t.classNames([a.styles.centerVerticalStyles,i?a.styles.actionStyles:""]),children:i})]})}));const u=y.join(" "),p=!(!d&&!r);return{columnsTemplate:u,firstCell:o,secondCell:m,lastCell:h,hasSecondRow:p}}(n,c,o,m,h,u,p):function(s,l,n,c,i,d,r){const y=[];let o=null;s&&(y.push("auto"),o=e.jsx("div",{className:a.styles.selectorStyles,children:s}));let m=null;l&&(y.push("auto"),m=e.jsx("div",{className:t.classNames([a.styles.centerVerticalStyles,a.styles.displayFlexStyle]),children:l}));y.push("1fr");let h=null;(n||c||i||r)&&(y.push("auto"),h=e.jsxs("div",{className:a.styles.flexRowStyles,children:[e.jsx("div",{className:t.classNames([a.styles.centerVerticalStyles,n?a.styles.leftPaddingStyles:""]),children:n}),e.jsx("div",{className:t.classNames([a.styles.centerVerticalStyles,c?a.styles.leftPaddingStyles:""]),children:c}),e.jsx("div",{className:t.classNames([a.styles.centerVerticalStyles,i?a.styles.actionStyles:""]),children:i})]}));const u=y.join(" "),p=!(!d&&!r);return{columnsTemplate:u,firstCell:o,secondCell:m,lastCell:h,hasSecondRow:p}}(n,c,o,m,h,u,p),g=y&&"top"===x?[N&&e.jsx("span",{children:" "}),j&&e.jsx("span",{children:" "}),e.jsx("div",{className:a.styles.topRowStyles,children:y}),v&&e.jsx("span",{children:" "})]:null,C=s?e.jsx("div",{className:a.styles.childrenStyles,children:s}):e.jsxs("div",{className:a.styles.flexColumnStyles,children:["top"===x?null:e.jsx("div",{children:y}),e.jsx("div",{children:i}),e.jsx("div",{children:d}),e.jsx("div",{children:r})]}),I=f?[N&&e.jsx("span",{children:" "}),j&&e.jsx("span",{children:" "}),e.jsx("div",{className:t.classNames(["top"===x?a.styles.optInTopPaddingStyles:"",a.styles.rowAlignStyles]),children:u}),v&&e.jsx("div",{className:t.classNames(["top"===x?a.styles.optInTopPaddingStyles:"",a.styles.endJustifyStyles]),children:p})]:null;return e.jsxs(l.Grid,{gap:"top"===x?"0x":"4x",gridTemplateColumns:S,children:[g,N,j,e.jsx("div",{className:a.styles.centerVerticalStyles,children:C}),v,I]})}}));
+//# sourceMappingURL=ListItemLayout-2dbba38a.js.map

package/amd/{ListItemLayout-23390b90.js.map → ListItemLayout-2dbba38a.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ListItemLayout-23390b90.js","sources":["../../src/UNSAFE_ListItemLayout/ListItemLayout.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, JSX } from 'preact';\nimport { Grid } from '../UNSAFE_Grid';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { styles } from './themes/ListItemLayoutStyles.css';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\ntype Props = {\n  children?: ComponentChildren;\n  /**\n   * The centermost element that should display more important data.\n   */\n  primary?: ComponentChildren;\n  /**\n   * Render Selector component in the leftmost column of the grid.\n   */\n  selector?: ComponentChildren;\n  /**\n   * Visual element to the left of the primary section.\n   * Supports image, avatar, badge, initials, or icon.\n   */\n  leading?: ComponentChildren;\n  /**\n   * A section that is rendered above the primary line.\n   */\n  overline?: ComponentChildren;\n  /**\n   * A section below the primary line.\n   */\n  secondary?: ComponentChildren;\n  /**\n   * Another section below secondary.\n   */\n  tertiary?: ComponentChildren;\n  /**\n   * Provides information about other data.\n   * Some examples of basic metadata are author, date created, date modified, file size, abbreviations, etc.\n   */\n  metadata?: ComponentChildren;\n  /**\n   * Visual element to the right of the primary section and metadata.\n   * Example components are image, avatar, badge, initials, or icon.\n   */\n  trailing?: ComponentChildren;\n  /**\n   * The action prop displays either one primary action or one or more secondary actions.\n   * A common example is using Toolbar.\n   */\n  action?: ComponentChildren;\n  /**\n   * Additional section separated with a space between itself and tertiary.\n   */\n  quaternary?: ComponentChildren;\n  /**\n   * Navigation should normally be used for linking away from the layout.\n   */\n  navigation?: ComponentChildren;\n  /**\n   * Aligns content to top of cell and moves overline to a row above primary.\n   */\n  verticalAlignment?: 'middle' | 'top';\n} & IntrinsicProps;\n\n// TODO: revisit idea of negative margin when selector has a proper API for handling spacing\n// Jira: JET-54543\n/**\n * A ListItemLayout component represents a layout used for list view item elements.\n */\nexport function ListItemLayout({\n  children,\n  selector,\n  leading,\n  primary,\n  secondary,\n  tertiary,\n  overline,\n  metadata,\n  trailing,\n  action,\n  quaternary,\n  navigation,\n  verticalAlignment = 'middle'\n}: Props) {\n  // generate grid skeleton, adding cells based on which props are defined\n  const { columnsTemplate, firstCell, secondCell, lastCell, hasSecondRow } =\n    verticalAlignment === 'top'\n      ? getOptInColumnsTemplate(\n          selector,\n          leading,\n          metadata,\n          trailing,\n          action,\n          quaternary,\n          navigation\n        )\n      : getColumnsTemplate(selector, leading, metadata, trailing, action, quaternary, navigation);\n\n  // extra row placed before the other rows, only used with top alignment\n  const topRow =\n    overline && verticalAlignment === 'top'\n      ? [\n          firstCell && <span> </span>,\n          secondCell && <span> </span>,\n          <div className={styles.topRowStyles}>{overline}</div>,\n          lastCell && <span> </span>\n        ]\n      : null;\n\n  // if ListItemLayout component has a child (ListItemTextLayout) then render that instead of individual props\n  const textArea = children ? (\n    <div className={styles.childrenStyles}>{children}</div>\n  ) : (\n    <div className={styles.flexColumnStyles}>\n      {verticalAlignment === 'top' ? null : <div>{overline}</div>}\n      <div>{primary}</div>\n      <div>{secondary}</div>\n      <div>{tertiary}</div>\n    </div>\n  );\n\n  // a second row is needed when quaternary or navigation are defined\n  const secondRow = hasSecondRow\n    ? [\n        firstCell && <span> </span>,\n        secondCell && <span> </span>,\n        <div\n          className={classNames([\n            verticalAlignment === 'top' ? styles.optInTopPaddingStyles : '',\n            styles.rowAlignStyles\n          ])}>\n          {quaternary}\n        </div>,\n        lastCell && (\n          <div\n            className={classNames([\n              verticalAlignment === 'top' ? styles.optInTopPaddingStyles : '',\n              styles.endJustifyStyles\n            ])}>\n            {navigation}\n          </div>\n        )\n      ]\n    : null;\n\n  return (\n    <Grid gap={verticalAlignment === 'top' ? '0x' : '4x'} gridTemplateColumns={columnsTemplate}>\n      {topRow}\n      {firstCell}\n      {secondCell}\n      <div className={styles.centerVerticalStyles}>{textArea}</div>\n      {lastCell}\n      {secondRow}\n    </Grid>\n  );\n}\n\nfunction getColumnsTemplate(\n  selector: ComponentChildren,\n  leading: ComponentChildren,\n  metadata: ComponentChildren,\n  trailing: ComponentChildren,\n  action: ComponentChildren,\n  quaternary: ComponentChildren,\n  navigation: ComponentChildren\n) {\n  const columnsTemplateBuilder = [];\n\n  let firstCell = null;\n  if (selector) {\n    columnsTemplateBuilder.push('auto');\n    firstCell = <div className={styles.selectorStyles}>{selector}</div>;\n  }\n\n  let secondCell = null;\n  if (leading) {\n    columnsTemplateBuilder.push('auto');\n    secondCell = (\n      <div className={classNames([styles.centerVerticalStyles, styles.displayFlexStyle])}>\n        {leading}\n      </div>\n    );\n  }\n\n  columnsTemplateBuilder.push('1fr'); // Text area always gets 1 full fraction of allotted space\n\n  let lastCell = null;\n  if (metadata || trailing || action || navigation) {\n    columnsTemplateBuilder.push('auto');\n    lastCell = (\n      <div className={styles.flexRowStyles}>\n        <div\n          className={classNames([\n            styles.centerVerticalStyles,\n            metadata ? styles.leftPaddingStyles : ''\n          ])}>\n          {metadata}\n        </div>\n        <div\n          className={classNames([\n            styles.centerVerticalStyles,\n            trailing ? styles.leftPaddingStyles : ''\n          ])}>\n          {trailing}\n        </div>\n        <div\n          className={classNames([styles.centerVerticalStyles, action ? styles.actionStyles : ''])}>\n          {action}\n        </div>\n      </div>\n    );\n  }\n\n  const columnsTemplate = columnsTemplateBuilder.join(' ');\n  const hasSecondRow = quaternary || navigation ? true : false;\n\n  return { columnsTemplate, firstCell, secondCell, lastCell, hasSecondRow };\n}\n\nfunction getOptInColumnsTemplate(\n  selector: ComponentChildren,\n  leading: ComponentChildren,\n  metadata: ComponentChildren,\n  trailing: ComponentChildren,\n  action: ComponentChildren,\n  quaternary: ComponentChildren,\n  navigation: ComponentChildren\n) {\n  const columnsTemplateBuilder = [];\n\n  let firstCell = null;\n  if (selector) {\n    columnsTemplateBuilder.push('auto');\n    firstCell = <div className={styles.optInSelectorStyles}>{selector}</div>;\n  }\n\n  let secondCell = null;\n  if (selector || leading) {\n    columnsTemplateBuilder.push('auto');\n    secondCell = (\n      <div\n        className={classNames([\n          selector ? styles.leftPaddingStyles : '',\n          styles.topAlignStyles,\n          leading ? styles.optInRightPaddingStyles : ''\n        ])}>\n        {leading}\n      </div>\n    );\n  }\n\n  columnsTemplateBuilder.push('1fr'); // Text area always gets 1 full fraction of allotted space\n\n  let lastCell = null;\n  if (metadata || trailing || action || navigation) {\n    columnsTemplateBuilder.push('auto');\n    lastCell = (\n      <div className={classNames([styles.topAlignStyles])}>\n        <div className={classNames([styles.optInExtraStyles, styles.flexRowStyles])}>\n          <div\n            className={classNames([\n              styles.centerVerticalStyles,\n              metadata ? styles.leftPaddingStyles : ''\n            ])}>\n            {metadata}\n          </div>\n          <div\n            className={classNames([\n              styles.centerVerticalStyles,\n              trailing ? styles.leftPaddingStyles : ''\n            ])}>\n            {trailing}\n          </div>\n          <div\n            className={classNames([\n              styles.centerVerticalStyles,\n              action ? styles.actionStyles : ''\n            ])}>\n            {action}\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  const columnsTemplate = columnsTemplateBuilder.join(' ');\n  const hasSecondRow = quaternary || navigation ? true : false;\n\n  return { columnsTemplate, firstCell, secondCell, lastCell, hasSecondRow };\n}\n"],"names":["children","selector","leading","primary","secondary","tertiary","overline","metadata","trailing","action","quaternary","navigation","verticalAlignment","columnsTemplate","firstCell","secondCell","lastCell","hasSecondRow","columnsTemplateBuilder","push","_jsx","className","styles","optInSelectorStyles","classNames","leftPaddingStyles","topAlignStyles","optInRightPaddingStyles","jsx","_jsxs","optInExtraStyles","flexRowStyles","centerVerticalStyles","actionStyles","join","getOptInColumnsTemplate","selectorStyles","displayFlexStyle","getColumnsTemplate","topRow","topRowStyles","textArea","childrenStyles","flexColumnStyles","secondRow","optInTopPaddingStyles","rowAlignStyles","endJustifyStyles","jsxs","Grid","gap","gridTemplateColumns"],"mappings":"+LA0EgB,UAAeA,SAC7BA,EAAQC,SACRA,EAAQC,QACRA,EAAOC,QACPA,EAAOC,UACPA,EAASC,SACTA,EAAQC,SACRA,EAAQC,SACRA,EAAQC,SACRA,EAAQC,OACRA,EAAMC,WACNA,EAAUC,WACVA,EAAUC,kBACVA,EAAoB,WAGpB,MAAMC,gBAAEA,EAAeC,UAAEA,EAASC,WAAEA,EAAUC,SAAEA,EAAQC,aAAEA,GAClC,QAAtBL,EAqIJ,SACEX,EACAC,EACAK,EACAC,EACAC,EACAC,EACAC,GAEA,MAAMO,EAAyB,GAE/B,IAAIJ,EAAY,KACZb,IACFiB,EAAuBC,KAAK,QAC5BL,EAAYM,EAAAA,IAAK,MAAA,CAAAC,UAAWC,EAAMA,OAACC,oBAAmBvB,SAAGC,KAG3D,IAAIc,EAAa,MACbd,GAAYC,KACdgB,EAAuBC,KAAK,QAC5BJ,EACEK,EAAAA,IAAA,MAAA,CACEC,UAAWG,EAAAA,WAAW,CACpBvB,EAAWqB,EAAAA,OAAOG,kBAAoB,GACtCH,EAAAA,OAAOI,eACPxB,EAAUoB,EAAAA,OAAOK,wBAA0B,KAE5C3B,SAAAE,KAKPgB,EAAuBC,KAAK,OAE5B,IAAIH,EAAW,MACXT,GAAYC,GAAYC,GAAUE,KACpCO,EAAuBC,KAAK,QAC5BH,EACEI,EAAKQ,IAAA,MAAA,CAAAP,UAAWG,EAAUA,WAAC,CAACF,EAAMA,OAACI,iBAAgB1B,SACjD6B,EAAAA,YAAKR,UAAWG,EAAAA,WAAW,CAACF,EAAMA,OAACQ,iBAAkBR,EAAAA,OAAOS,gBAC1D/B,SAAA,CAAAoB,EAAAA,IAAA,MAAA,CACEC,UAAWG,EAAAA,WAAW,CACpBF,EAAAA,OAAOU,qBACPzB,EAAWe,EAAAA,OAAOG,kBAAoB,KACtCzB,SACDO,IAEHa,aACEC,UAAWG,aAAW,CACpBF,EAAAA,OAAOU,qBACPxB,EAAWc,EAAAA,OAAOG,kBAAoB,KACtCzB,SACDQ,IAEHY,aACEC,UAAWG,aAAW,CACpBF,EAAAA,OAAOU,qBACPvB,EAASa,EAAAA,OAAOW,aAAe,cAEhCxB,UAOX,MAAMI,EAAkBK,EAAuBgB,KAAK,KAC9CjB,KAAeP,IAAcC,GAEnC,MAAO,CAAEE,kBAAiBC,YAAWC,aAAYC,WAAUC,eAC7D,CA1MQkB,CACElC,EACAC,EACAK,EACAC,EACAC,EACAC,EACAC,GA+DV,SACEV,EACAC,EACAK,EACAC,EACAC,EACAC,EACAC,GAEA,MAAMO,EAAyB,GAE/B,IAAIJ,EAAY,KACZb,IACFiB,EAAuBC,KAAK,QAC5BL,EAAYM,EAAAA,IAAK,MAAA,CAAAC,UAAWC,EAAMA,OAACc,eAAcpC,SAAGC,KAGtD,IAAIc,EAAa,KACbb,IACFgB,EAAuBC,KAAK,QAC5BJ,EACEK,EAAKQ,IAAA,MAAA,CAAAP,UAAWG,EAAAA,WAAW,CAACF,EAAMA,OAACU,qBAAsBV,EAAMA,OAACe,mBAC7DrC,SAAAE,KAKPgB,EAAuBC,KAAK,OAE5B,IAAIH,EAAW,MACXT,GAAYC,GAAYC,GAAUE,KACpCO,EAAuBC,KAAK,QAC5BH,EACEa,EAAAA,KAAK,MAAA,CAAAR,UAAWC,EAAAA,OAAOS,cACrB/B,SAAA,CAAAoB,EAAAA,IAAA,MAAA,CACEC,UAAWG,EAAAA,WAAW,CACpBF,EAAAA,OAAOU,qBACPzB,EAAWe,EAAAA,OAAOG,kBAAoB,KACtCzB,SACDO,IAEHa,aACEC,UAAWG,aAAW,CACpBF,EAAAA,OAAOU,qBACPxB,EAAWc,EAAAA,OAAOG,kBAAoB,KAEvCzB,SAAAQ,IAEHY,EAAAA,WACEC,UAAWG,EAAUA,WAAC,CAACF,EAAMA,OAACU,qBAAsBvB,EAASa,EAAAA,OAAOW,aAAe,KAClFjC,SAAAS,QAMT,MAAMI,EAAkBK,EAAuBgB,KAAK,KAC9CjB,KAAeP,IAAcC,GAEnC,MAAO,CAAEE,kBAAiBC,YAAWC,aAAYC,WAAUC,eAC7D,CAzHQqB,CAAmBrC,EAAUC,EAASK,EAAUC,EAAUC,EAAQC,EAAYC,GAG9E4B,EACJjC,GAAkC,QAAtBM,EACR,CACEE,GAAaM,EAAAA,IAAc,OAAA,CAAApB,SAAA,MAC3Be,GAAcK,EAAAA,IAAc,OAAA,CAAApB,SAAA,MAC5BoB,EAAAQ,IAAA,MAAA,CAAKP,UAAWC,EAAMA,OAACkB,aAAYxC,SAAGM,IACtCU,GAAYI,EAAAA,IAAc,OAAA,CAAApB,SAAA,OAE5B,KAGAyC,EAAWzC,EACfoB,EAAAA,IAAA,MAAA,CAAKC,UAAWC,SAAOoB,eAAiB1C,SAAAA,IAExC6B,EAAAA,KAAK,MAAA,CAAAR,UAAWC,SAAOqB,2BACE,QAAtB/B,EAA8B,KAAOQ,EAAMQ,IAAA,MAAA,CAAA5B,SAAAM,IAC5Cc,sBAAMjB,IACNiB,MAAA,MAAA,CAAApB,SAAMI,IACNgB,EAAAA,IAAA,MAAA,CAAApB,SAAMK,OAKJuC,EAAY3B,EACd,CACEH,GAAaM,EAAAA,IAAc,OAAA,CAAApB,SAAA,MAC3Be,GAAcK,EAAAA,IAAc,OAAA,CAAApB,SAAA,MAC5BoB,EAAAA,IACE,MAAA,CAAAC,UAAWG,aAAW,CACE,QAAtBZ,EAA8BU,SAAOuB,sBAAwB,GAC7DvB,EAAAA,OAAOwB,iBACP9C,SACDU,IAEHM,GACEI,EAAAA,IAAA,MAAA,CACEC,UAAWG,EAAAA,WAAW,CACE,QAAtBZ,EAA8BU,SAAOuB,sBAAwB,GAC7DvB,EAAAA,OAAOyB,mBACP/C,SACDW,KAIP,KAEJ,OACEkB,EAACmB,KAAAC,EAAIA,MAACC,IAA2B,QAAtBtC,EAA8B,KAAO,KAAMuC,oBAAqBtC,YACxE0B,EACAzB,EACAC,EACDK,EAAKQ,IAAA,MAAA,CAAAP,UAAWC,EAAMA,OAACU,qBAAuBhC,SAAAyC,IAC7CzB,EACA4B,IAGP"}
+{"version":3,"file":"ListItemLayout-2dbba38a.js","sources":["../../src/UNSAFE_ListItemLayout/ListItemLayout.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, JSX } from 'preact';\nimport { Grid } from '../UNSAFE_Grid';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { styles } from './themes/ListItemLayoutStyles.css';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\ntype Props = {\n  children?: ComponentChildren;\n  /**\n   * The centermost element that should display more important data.\n   */\n  primary?: ComponentChildren;\n  /**\n   * Render Selector component in the leftmost column of the grid.\n   */\n  selector?: ComponentChildren;\n  /**\n   * Visual element to the left of the primary section.\n   * Supports image, avatar, badge, initials, or icon.\n   */\n  leading?: ComponentChildren;\n  /**\n   * A section that is rendered above the primary line.\n   */\n  overline?: ComponentChildren;\n  /**\n   * A section below the primary line.\n   */\n  secondary?: ComponentChildren;\n  /**\n   * Another section below secondary.\n   */\n  tertiary?: ComponentChildren;\n  /**\n   * Provides information about other data.\n   * Some examples of basic metadata are author, date created, date modified, file size, abbreviations, etc.\n   */\n  metadata?: ComponentChildren;\n  /**\n   * Visual element to the right of the primary section and metadata.\n   * Example components are image, avatar, badge, initials, or icon.\n   */\n  trailing?: ComponentChildren;\n  /**\n   * The action prop displays either one primary action or one or more secondary actions.\n   * A common example is using Toolbar.\n   */\n  action?: ComponentChildren;\n  /**\n   * Additional section separated with a space between itself and tertiary.\n   */\n  quaternary?: ComponentChildren;\n  /**\n   * Navigation should normally be used for linking away from the layout.\n   */\n  navigation?: ComponentChildren;\n  /**\n   * Aligns content to top of cell and moves overline to a row above primary.\n   */\n  verticalAlignment?: 'middle' | 'top';\n} & IntrinsicProps;\n\n// TODO: revisit idea of negative margin when selector has a proper API for handling spacing\n// Jira: JET-54543\n/**\n * A ListItemLayout component represents a layout used for list view item elements.\n */\nexport function ListItemLayout({\n  children,\n  selector,\n  leading,\n  primary,\n  secondary,\n  tertiary,\n  overline,\n  metadata,\n  trailing,\n  action,\n  quaternary,\n  navigation,\n  verticalAlignment = 'middle'\n}: Props) {\n  // generate grid skeleton, adding cells based on which props are defined\n  const { columnsTemplate, firstCell, secondCell, lastCell, hasSecondRow } =\n    verticalAlignment === 'top'\n      ? getOptInColumnsTemplate(\n          selector,\n          leading,\n          metadata,\n          trailing,\n          action,\n          quaternary,\n          navigation\n        )\n      : getColumnsTemplate(selector, leading, metadata, trailing, action, quaternary, navigation);\n\n  // extra row placed before the other rows, only used with top alignment\n  const topRow =\n    overline && verticalAlignment === 'top'\n      ? [\n          firstCell && <span> </span>,\n          secondCell && <span> </span>,\n          <div className={styles.topRowStyles}>{overline}</div>,\n          lastCell && <span> </span>\n        ]\n      : null;\n\n  // if ListItemLayout component has a child (ListItemTextLayout) then render that instead of individual props\n  const textArea = children ? (\n    <div className={styles.childrenStyles}>{children}</div>\n  ) : (\n    <div className={styles.flexColumnStyles}>\n      {verticalAlignment === 'top' ? null : <div>{overline}</div>}\n      <div>{primary}</div>\n      <div>{secondary}</div>\n      <div>{tertiary}</div>\n    </div>\n  );\n\n  // a second row is needed when quaternary or navigation are defined\n  const secondRow = hasSecondRow\n    ? [\n        firstCell && <span> </span>,\n        secondCell && <span> </span>,\n        <div\n          className={classNames([\n            verticalAlignment === 'top' ? styles.optInTopPaddingStyles : '',\n            styles.rowAlignStyles\n          ])}>\n          {quaternary}\n        </div>,\n        lastCell && (\n          <div\n            className={classNames([\n              verticalAlignment === 'top' ? styles.optInTopPaddingStyles : '',\n              styles.endJustifyStyles\n            ])}>\n            {navigation}\n          </div>\n        )\n      ]\n    : null;\n\n  return (\n    <Grid gap={verticalAlignment === 'top' ? '0x' : '4x'} gridTemplateColumns={columnsTemplate}>\n      {topRow}\n      {firstCell}\n      {secondCell}\n      <div className={styles.centerVerticalStyles}>{textArea}</div>\n      {lastCell}\n      {secondRow}\n    </Grid>\n  );\n}\n\nfunction getColumnsTemplate(\n  selector: ComponentChildren,\n  leading: ComponentChildren,\n  metadata: ComponentChildren,\n  trailing: ComponentChildren,\n  action: ComponentChildren,\n  quaternary: ComponentChildren,\n  navigation: ComponentChildren\n) {\n  const columnsTemplateBuilder = [];\n\n  let firstCell = null;\n  if (selector) {\n    columnsTemplateBuilder.push('auto');\n    firstCell = <div className={styles.selectorStyles}>{selector}</div>;\n  }\n\n  let secondCell = null;\n  if (leading) {\n    columnsTemplateBuilder.push('auto');\n    secondCell = (\n      <div className={classNames([styles.centerVerticalStyles, styles.displayFlexStyle])}>\n        {leading}\n      </div>\n    );\n  }\n\n  columnsTemplateBuilder.push('1fr'); // Text area always gets 1 full fraction of allotted space\n\n  let lastCell = null;\n  if (metadata || trailing || action || navigation) {\n    columnsTemplateBuilder.push('auto');\n    lastCell = (\n      <div className={styles.flexRowStyles}>\n        <div\n          className={classNames([\n            styles.centerVerticalStyles,\n            metadata ? styles.leftPaddingStyles : ''\n          ])}>\n          {metadata}\n        </div>\n        <div\n          className={classNames([\n            styles.centerVerticalStyles,\n            trailing ? styles.leftPaddingStyles : ''\n          ])}>\n          {trailing}\n        </div>\n        <div\n          className={classNames([styles.centerVerticalStyles, action ? styles.actionStyles : ''])}>\n          {action}\n        </div>\n      </div>\n    );\n  }\n\n  const columnsTemplate = columnsTemplateBuilder.join(' ');\n  const hasSecondRow = quaternary || navigation ? true : false;\n\n  return { columnsTemplate, firstCell, secondCell, lastCell, hasSecondRow };\n}\n\nfunction getOptInColumnsTemplate(\n  selector: ComponentChildren,\n  leading: ComponentChildren,\n  metadata: ComponentChildren,\n  trailing: ComponentChildren,\n  action: ComponentChildren,\n  quaternary: ComponentChildren,\n  navigation: ComponentChildren\n) {\n  const columnsTemplateBuilder = [];\n\n  let firstCell = null;\n  if (selector) {\n    columnsTemplateBuilder.push('auto');\n    firstCell = <div className={styles.optInSelectorStyles}>{selector}</div>;\n  }\n\n  let secondCell = null;\n  if (selector || leading) {\n    columnsTemplateBuilder.push('auto');\n    secondCell = (\n      <div\n        className={classNames([\n          selector ? styles.leftPaddingStyles : '',\n          styles.topAlignStyles,\n          leading ? styles.optInRightPaddingStyles : ''\n        ])}>\n        {leading}\n      </div>\n    );\n  }\n\n  columnsTemplateBuilder.push('1fr'); // Text area always gets 1 full fraction of allotted space\n\n  let lastCell = null;\n  if (metadata || trailing || action || navigation) {\n    columnsTemplateBuilder.push('auto');\n    lastCell = (\n      <div className={classNames([styles.topAlignStyles])}>\n        <div className={classNames([styles.optInExtraStyles, styles.flexRowStyles])}>\n          <div\n            className={classNames([\n              styles.centerVerticalStyles,\n              metadata ? styles.leftPaddingStyles : ''\n            ])}>\n            {metadata}\n          </div>\n          <div\n            className={classNames([\n              styles.centerVerticalStyles,\n              trailing ? styles.leftPaddingStyles : ''\n            ])}>\n            {trailing}\n          </div>\n          <div\n            className={classNames([\n              styles.centerVerticalStyles,\n              action ? styles.actionStyles : ''\n            ])}>\n            {action}\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  const columnsTemplate = columnsTemplateBuilder.join(' ');\n  const hasSecondRow = quaternary || navigation ? true : false;\n\n  return { columnsTemplate, firstCell, secondCell, lastCell, hasSecondRow };\n}\n"],"names":["children","selector","leading","primary","secondary","tertiary","overline","metadata","trailing","action","quaternary","navigation","verticalAlignment","columnsTemplate","firstCell","secondCell","lastCell","hasSecondRow","columnsTemplateBuilder","push","_jsx","className","styles","optInSelectorStyles","classNames","leftPaddingStyles","topAlignStyles","optInRightPaddingStyles","jsx","_jsxs","optInExtraStyles","flexRowStyles","centerVerticalStyles","actionStyles","join","getOptInColumnsTemplate","selectorStyles","displayFlexStyle","getColumnsTemplate","topRow","topRowStyles","textArea","childrenStyles","flexColumnStyles","secondRow","optInTopPaddingStyles","rowAlignStyles","endJustifyStyles","jsxs","Grid","gap","gridTemplateColumns"],"mappings":"+LA0EgB,UAAeA,SAC7BA,EAAQC,SACRA,EAAQC,QACRA,EAAOC,QACPA,EAAOC,UACPA,EAASC,SACTA,EAAQC,SACRA,EAAQC,SACRA,EAAQC,SACRA,EAAQC,OACRA,EAAMC,WACNA,EAAUC,WACVA,EAAUC,kBACVA,EAAoB,WAGpB,MAAMC,gBAAEA,EAAeC,UAAEA,EAASC,WAAEA,EAAUC,SAAEA,EAAQC,aAAEA,GAClC,QAAtBL,EAqIJ,SACEX,EACAC,EACAK,EACAC,EACAC,EACAC,EACAC,GAEA,MAAMO,EAAyB,GAE/B,IAAIJ,EAAY,KACZb,IACFiB,EAAuBC,KAAK,QAC5BL,EAAYM,EAAAA,IAAK,MAAA,CAAAC,UAAWC,EAAMA,OAACC,oBAAmBvB,SAAGC,KAG3D,IAAIc,EAAa,MACbd,GAAYC,KACdgB,EAAuBC,KAAK,QAC5BJ,EACEK,EAAAA,IAAA,MAAA,CACEC,UAAWG,EAAAA,WAAW,CACpBvB,EAAWqB,EAAAA,OAAOG,kBAAoB,GACtCH,EAAAA,OAAOI,eACPxB,EAAUoB,EAAAA,OAAOK,wBAA0B,KAE5C3B,SAAAE,KAKPgB,EAAuBC,KAAK,OAE5B,IAAIH,EAAW,MACXT,GAAYC,GAAYC,GAAUE,KACpCO,EAAuBC,KAAK,QAC5BH,EACEI,EAAKQ,IAAA,MAAA,CAAAP,UAAWG,EAAUA,WAAC,CAACF,EAAMA,OAACI,iBAAgB1B,SACjD6B,EAAAA,YAAKR,UAAWG,EAAAA,WAAW,CAACF,EAAMA,OAACQ,iBAAkBR,EAAAA,OAAOS,gBAC1D/B,SAAA,CAAAoB,EAAAA,IAAA,MAAA,CACEC,UAAWG,EAAAA,WAAW,CACpBF,EAAAA,OAAOU,qBACPzB,EAAWe,EAAAA,OAAOG,kBAAoB,KACtCzB,SACDO,IAEHa,aACEC,UAAWG,aAAW,CACpBF,EAAAA,OAAOU,qBACPxB,EAAWc,EAAAA,OAAOG,kBAAoB,KACtCzB,SACDQ,IAEHY,aACEC,UAAWG,aAAW,CACpBF,EAAAA,OAAOU,qBACPvB,EAASa,EAAAA,OAAOW,aAAe,cAEhCxB,UAOX,MAAMI,EAAkBK,EAAuBgB,KAAK,KAC9CjB,KAAeP,IAAcC,GAEnC,MAAO,CAAEE,kBAAiBC,YAAWC,aAAYC,WAAUC,eAC7D,CA1MQkB,CACElC,EACAC,EACAK,EACAC,EACAC,EACAC,EACAC,GA+DV,SACEV,EACAC,EACAK,EACAC,EACAC,EACAC,EACAC,GAEA,MAAMO,EAAyB,GAE/B,IAAIJ,EAAY,KACZb,IACFiB,EAAuBC,KAAK,QAC5BL,EAAYM,EAAAA,IAAK,MAAA,CAAAC,UAAWC,EAAMA,OAACc,eAAcpC,SAAGC,KAGtD,IAAIc,EAAa,KACbb,IACFgB,EAAuBC,KAAK,QAC5BJ,EACEK,EAAKQ,IAAA,MAAA,CAAAP,UAAWG,EAAAA,WAAW,CAACF,EAAMA,OAACU,qBAAsBV,EAAMA,OAACe,mBAC7DrC,SAAAE,KAKPgB,EAAuBC,KAAK,OAE5B,IAAIH,EAAW,MACXT,GAAYC,GAAYC,GAAUE,KACpCO,EAAuBC,KAAK,QAC5BH,EACEa,EAAAA,KAAK,MAAA,CAAAR,UAAWC,EAAAA,OAAOS,cACrB/B,SAAA,CAAAoB,EAAAA,IAAA,MAAA,CACEC,UAAWG,EAAAA,WAAW,CACpBF,EAAAA,OAAOU,qBACPzB,EAAWe,EAAAA,OAAOG,kBAAoB,KACtCzB,SACDO,IAEHa,aACEC,UAAWG,aAAW,CACpBF,EAAAA,OAAOU,qBACPxB,EAAWc,EAAAA,OAAOG,kBAAoB,KAEvCzB,SAAAQ,IAEHY,EAAAA,WACEC,UAAWG,EAAUA,WAAC,CAACF,EAAMA,OAACU,qBAAsBvB,EAASa,EAAAA,OAAOW,aAAe,KAClFjC,SAAAS,QAMT,MAAMI,EAAkBK,EAAuBgB,KAAK,KAC9CjB,KAAeP,IAAcC,GAEnC,MAAO,CAAEE,kBAAiBC,YAAWC,aAAYC,WAAUC,eAC7D,CAzHQqB,CAAmBrC,EAAUC,EAASK,EAAUC,EAAUC,EAAQC,EAAYC,GAG9E4B,EACJjC,GAAkC,QAAtBM,EACR,CACEE,GAAaM,EAAAA,IAAc,OAAA,CAAApB,SAAA,MAC3Be,GAAcK,EAAAA,IAAc,OAAA,CAAApB,SAAA,MAC5BoB,EAAAQ,IAAA,MAAA,CAAKP,UAAWC,EAAMA,OAACkB,aAAYxC,SAAGM,IACtCU,GAAYI,EAAAA,IAAc,OAAA,CAAApB,SAAA,OAE5B,KAGAyC,EAAWzC,EACfoB,EAAAA,IAAA,MAAA,CAAKC,UAAWC,SAAOoB,eAAiB1C,SAAAA,IAExC6B,EAAAA,KAAK,MAAA,CAAAR,UAAWC,SAAOqB,2BACE,QAAtB/B,EAA8B,KAAOQ,EAAMQ,IAAA,MAAA,CAAA5B,SAAAM,IAC5Cc,sBAAMjB,IACNiB,MAAA,MAAA,CAAApB,SAAMI,IACNgB,EAAAA,IAAA,MAAA,CAAApB,SAAMK,OAKJuC,EAAY3B,EACd,CACEH,GAAaM,EAAAA,IAAc,OAAA,CAAApB,SAAA,MAC3Be,GAAcK,EAAAA,IAAc,OAAA,CAAApB,SAAA,MAC5BoB,EAAAA,IACE,MAAA,CAAAC,UAAWG,aAAW,CACE,QAAtBZ,EAA8BU,SAAOuB,sBAAwB,GAC7DvB,EAAAA,OAAOwB,iBACP9C,SACDU,IAEHM,GACEI,EAAAA,IAAA,MAAA,CACEC,UAAWG,EAAAA,WAAW,CACE,QAAtBZ,EAA8BU,SAAOuB,sBAAwB,GAC7DvB,EAAAA,OAAOyB,mBACP/C,SACDW,KAIP,KAEJ,OACEkB,EAACmB,KAAAC,EAAIA,MAACC,IAA2B,QAAtBtC,EAA8B,KAAO,KAAMuC,oBAAqBtC,YACxE0B,EACAzB,EACAC,EACDK,EAAKQ,IAAA,MAAA,CAAAP,UAAWC,EAAMA,OAACU,qBAAuBhC,SAAAyC,IAC7CzB,EACA4B,IAGP"}

package/amd/ListView-fe5d340a.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './LayerHost-1a734852', './StyledCheckbox-76fc99f0', 'css!./SelectorStyles.styles.css', './CollectionInteractionContext-0b4ed98b', 'css!./DragAndDropStyles.styles.css', 'css!./ReorderableItemStyles.styles.css', './ReorderableContext-6d10a1b7', './HiddenAccessible-037ef42d', './List-8d95a024', './keys-4755c121', './useReorderableItem-6ab59e42', './classNames-08d99695', './UNSAFE_ListView/themes/ListViewStyles.css', './useNavigation-8d7dae30', './mergeProps-bcfa6a92', './collectionUtils-3951928f', './Menu-4b445ba5', './MenuItem-f3de5e35', 'preact', './logger-0f873e29', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-0761844d', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Menu/themes/MenuItemStyles.css', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', './menuUtils-8e42385f', 'css!./MenuStyles.styles.css', './useItemAction-5d50d0f3', './useContextMenuGesture-750ef2c6', './LoadMoreCollection-895f1ed5'], (function(e,r,t,o,s,n,i,a,l,c,d,u,m,f,y,I,g,C,S,p,x,R,h,M,b,v,T,E,L,P,O,k,K,_,D,j,w,A,F,N){"use strict";const U=t.memo((function({children:e,dragKey:t,setDragKey:s,onReorder:n,rootRef:i,itemKey:a}){const l=o.useRef(null),c={itemOverlayFront:g.styles.reorderableItemOverlayFront,itemOverlayRear:g.styles.reorderableItemOverlayRear,itemDragger:g.styles.reorderableItemDragger},d=o.useCallback((e=>{e.dataTransfer?.setData("text/listview-items-key",JSON.stringify(a))}),[a]),{rootProps:u,isDragged:m,overlayZoneBeforeProps:S,overlayZoneAfterProps:p}=y.useReorderableItem({isDisabled:!n,dragKey:t,setDragKey:s,onReorder:n,rootRef:i,ref:l,getItem:()=>l?.current?.closest(C.LIST_ITEM_SELECTOR),setTransferData:d,itemStyles:c,itemSelector:C.LIST_ITEM_SELECTOR,isVertical:!0}),x=I.classNames([u?.class,g.styles.reorderableItemDnd]);return r.jsxs("div",{...u,class:x,children:[e,!m&&f.isKeyDefined(t)&&r.jsxs(r.Fragment,{children:[r.jsx("div",{...S}),r.jsx("div",{...p})]})]})}),((e,r)=>!(!e||!r)&&(e.children===r.children&&e.dragKey===r.dragKey)));function V({contextMenuConfig:e,testId:t,contextMenuContext:o,...s}){const n=e.accessibleLabel;let i;if(s.isOpen){if(i=e.itemsRenderer(o),j.isMenuChildrenFalsy(i))return null}else i=null;return r.jsx(x.Menu,{...s,...n&&{"aria-label":n},testId:t,children:i})}const B={mouse:{initialFocus:"menu",placement:"bottom-start",offsetValue:0},keyboard:{initialFocus:"firstItem",placement:"bottom-start",offsetValue:0},touch:{initialFocus:"firstItem",placement:"end",offsetValue:40}},H={isOpen:!1,initialFocus:"menu",placement:"bottom-start",offsetValue:0,anchorRef:{current:null}},G=t.forwardRef((({children:e,...t},s)=>{const{contextMenuConfig:n}=t,i=o.useRef(null),{currentItemOverride:a,updateCurrentItemOverride:l}=(e=>{const r=o.useRef(),t=o.useRef();t.current!==e&&(t.current=e,r.current=e);const s=o.useCallback((e=>{r.current={rowKey:e}}),[]);return{currentItemOverride:r.current,updateCurrentItemOverride:s}})(t.currentItemOverride),c=t.data?t.data.map((e=>({data:e,metadata:{key:t.getRowKey(e)}}))):null,f=t.onLoadMore?t.onLoadMore:()=>{},I=c?{offset:0,data:c,sizePrecision:t.hasMore?"atLeast":"exact",totalSize:c.length}:null;o.useImperativeHandle(s,(()=>({getScrollPosition:()=>i.current?m.getScrollPosition(i.current):{y:0},focus:()=>{i.current&&i.current.focus()}})));const g=null!=t.onReorder,{reorderProps:x,reorderItemProps:R,reorderContext:h,reorderInstructionsId:M,reorderInstructions:b}=(({onReorder:e,rootRef:r,viewportConfig:t})=>{const s=null!=e,[n,i]=o.useState(void 0),{reorderProps:a,reorderContext:l,reorderInstructionsId:c,reorderInstructions:d}=y.useReorderable({onReorder:e,rootRef:r,itemSelector:C.LIST_ITEM_SELECTOR,isDisabled:!s,columns:1}),u=o.useRef(!1);o.useEffect((()=>{if(s&&u.current){const e=r.current,o=p.findElementByKey(e,l.currentItemKey.current,C.LIST_ITEM_SELECTOR);if(o){const r=t?.scrollerRef.current||e;C.scrollToVisible(o,r,0),u.current=!1}}}));const m=o.useMemo((()=>({dragKey:n,setDragKey:i,onReorder:e,rootRef:r})),[n,e,r]);return s?{reorderProps:S.mergeProps({onKeyDown:e=>{s&&("ArrowUp"===e.key||"ArrowDown"===e.key)&&(e.metaKey||e.ctrlKey)&&e.shiftKey&&(u.current=!0,a.onKeyDown?.(e))},onDragOver:e=>{void 0!==n&&(u.current=!1,p.dragToScroll(e,void 0!==n,r.current))}}),reorderItemProps:m,reorderContext:l,reorderInstructionsId:c,reorderInstructions:d}:{reorderProps:a,reorderContext:l,reorderInstructionsId:c,reorderInstructions:d}})({onReorder:t.onReorder,rootRef:i,viewportConfig:t.viewportConfig}),{triggerProps:v,menuProps:T,contextMenuContext:E,notifyCurrentKeyChanged:L}=((e,r,t,s)=>{const[n,i]=o.useState(),[a,l]=o.useState(H),c=o.useRef(),{triggerProps:d}=F.useContextMenuGesture((({gesture:r,anchor:o,target:n})=>{let a=o;if("keyboard"===r){a=p.findElementByKey(t.current,c.current,C.LIST_ITEM_SELECTOR)||o;const r=A.findItemContext(c.current,e);i(r)}else{const r=p.keyExtractor(n,C.LIST_ITEM_SELECTOR),t=A.findItemContext(r,e);i(t),s(r)}l({...B[r],anchorRef:{current:a},isOpen:!0})}),{isDisabled:!r}),u=o.useCallback((e=>{"dismissed"!==e.reason&&"itemAction"!==e.reason||t.current?.focus({preventScroll:!0}),l({...H})}),[t]);return{menuProps:{...a,onClose:u},onClose:u,contextMenuContext:n,triggerProps:d,notifyCurrentKeyChanged:e=>{c.current=e.value}}})(I,n,i,l),P=e=>{t.onPersistCurrentItem?.(e),L(e)},O=o.useCallback((t=>r.jsx(U,{...R,itemKey:t.metadata.key,children:e(t)})),[e,R]);if(g&&R)return r.jsxs(r.Fragment,{children:[r.jsxs(d.ReorderableContext.Provider,{value:h,children:[r.jsx(m.List,{...t,"aria-describedby":M,contextMenuTriggerProps:v,reorderProps:x,onLoadRange:f,scrollerRef:i,data:I,currentItemOverride:a,onPersistCurrentItem:P,children:O}),r.jsx("span",{id:M,children:r.jsx(u.HiddenAccessible,{children:b})})]}),n&&r.jsx(V,{...T,testId:t.testId?t.testId+"-menu":void 0,contextMenuConfig:n,contextMenuContext:E})]});return r.jsxs(r.Fragment,{children:[r.jsx(m.List,{...t,loadingIndicator:t.skeletonRenderer?(k=t.skeletonRenderer,r.jsx(m.SkeletonContainer,{minimumCount:25,children:e=>k({loadingStatus:"initial",index:e})})):void 0,loadMoreIndicator:t.skeletonRenderer?(e=>r.jsx("div",{class:N.LOADMORE_STYLE_CLASS,children:r.jsx(m.SkeletonContainer,{minimumCount:3,children:r=>e({loadingStatus:"loadMore",index:r})})}))(t.skeletonRenderer):void 0,onLoadRange:f,scrollerRef:i,data:I,contextMenuTriggerProps:v,currentItemOverride:a,onPersistCurrentItem:P,children:e}),n&&r.jsx(V,{...T,contextMenuConfig:n,contextMenuContext:E,testId:t.testId?t.testId+"-menu":void 0})]});var k}));e.ListView=G}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './LayerHost-0b288129', './StyledCheckbox-76fc99f0', 'css!./SelectorStyles.styles.css', './CollectionInteractionContext-0b4ed98b', 'css!./DragAndDropStyles.styles.css', 'css!./ReorderableItemStyles.styles.css', './ReorderableContext-6d10a1b7', './HiddenAccessible-037ef42d', './List-8d95a024', './keys-4755c121', './useReorderableItem-0f9d7742', './classNames-08d99695', './UNSAFE_ListView/themes/ListViewStyles.css', './useNavigation-8d7dae30', './mergeProps-bcfa6a92', './collectionUtils-3951928f', './Menu-4b445ba5', './MenuItem-f3de5e35', 'preact', './logger-0f873e29', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-66f3844a', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Menu/themes/MenuItemStyles.css', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', './menuUtils-8e42385f', 'css!./MenuStyles.styles.css', './useItemAction-5d50d0f3', './useContextMenuGesture-750ef2c6', './LoadMoreCollection-895f1ed5'], (function(e,r,t,o,s,n,i,a,l,c,d,u,m,f,y,I,g,C,S,p,x,R,h,M,b,v,T,E,L,P,O,k,K,_,D,j,w,A,F,N){"use strict";const U=t.memo((function({children:e,dragKey:t,setDragKey:s,onReorder:n,rootRef:i,itemKey:a}){const l=o.useRef(null),c={itemOverlayFront:g.styles.reorderableItemOverlayFront,itemOverlayRear:g.styles.reorderableItemOverlayRear,itemDragger:g.styles.reorderableItemDragger},d=o.useCallback((e=>{e.dataTransfer?.setData("text/listview-items-key",JSON.stringify(a))}),[a]),{rootProps:u,isDragged:m,overlayZoneBeforeProps:S,overlayZoneAfterProps:p}=y.useReorderableItem({isDisabled:!n,dragKey:t,setDragKey:s,onReorder:n,rootRef:i,ref:l,getItem:()=>l?.current?.closest(C.LIST_ITEM_SELECTOR),setTransferData:d,itemStyles:c,itemSelector:C.LIST_ITEM_SELECTOR,isVertical:!0}),x=I.classNames([u?.class,g.styles.reorderableItemDnd]);return r.jsxs("div",{...u,class:x,children:[e,!m&&f.isKeyDefined(t)&&r.jsxs(r.Fragment,{children:[r.jsx("div",{...S}),r.jsx("div",{...p})]})]})}),((e,r)=>!(!e||!r)&&(e.children===r.children&&e.dragKey===r.dragKey)));function V({contextMenuConfig:e,testId:t,contextMenuContext:o,...s}){const n=e.accessibleLabel;let i;if(s.isOpen){if(i=e.itemsRenderer(o),j.isMenuChildrenFalsy(i))return null}else i=null;return r.jsx(x.Menu,{...s,...n&&{"aria-label":n},testId:t,children:i})}const B={mouse:{initialFocus:"menu",placement:"bottom-start",offsetValue:0},keyboard:{initialFocus:"firstItem",placement:"bottom-start",offsetValue:0},touch:{initialFocus:"firstItem",placement:"end",offsetValue:40}},H={isOpen:!1,initialFocus:"menu",placement:"bottom-start",offsetValue:0,anchorRef:{current:null}},G=t.forwardRef((({children:e,...t},s)=>{const{contextMenuConfig:n}=t,i=o.useRef(null),{currentItemOverride:a,updateCurrentItemOverride:l}=(e=>{const r=o.useRef(),t=o.useRef();t.current!==e&&(t.current=e,r.current=e);const s=o.useCallback((e=>{r.current={rowKey:e}}),[]);return{currentItemOverride:r.current,updateCurrentItemOverride:s}})(t.currentItemOverride),c=t.data?t.data.map((e=>({data:e,metadata:{key:t.getRowKey(e)}}))):null,f=t.onLoadMore?t.onLoadMore:()=>{},I=c?{offset:0,data:c,sizePrecision:t.hasMore?"atLeast":"exact",totalSize:c.length}:null;o.useImperativeHandle(s,(()=>({getScrollPosition:()=>i.current?m.getScrollPosition(i.current):{y:0},focus:()=>{i.current&&i.current.focus()}})));const g=null!=t.onReorder,{reorderProps:x,reorderItemProps:R,reorderContext:h,reorderInstructionsId:M,reorderInstructions:b}=(({onReorder:e,rootRef:r,viewportConfig:t})=>{const s=null!=e,[n,i]=o.useState(void 0),{reorderProps:a,reorderContext:l,reorderInstructionsId:c,reorderInstructions:d}=y.useReorderable({onReorder:e,rootRef:r,itemSelector:C.LIST_ITEM_SELECTOR,isDisabled:!s,columns:1}),u=o.useRef(!1);o.useEffect((()=>{if(s&&u.current){const e=r.current,o=p.findElementByKey(e,l.currentItemKey.current,C.LIST_ITEM_SELECTOR);if(o){const r=t?.scrollerRef.current||e;C.scrollToVisible(o,r,0),u.current=!1}}}));const m=o.useMemo((()=>({dragKey:n,setDragKey:i,onReorder:e,rootRef:r})),[n,e,r]);return s?{reorderProps:S.mergeProps({onKeyDown:e=>{s&&("ArrowUp"===e.key||"ArrowDown"===e.key)&&(e.metaKey||e.ctrlKey)&&e.shiftKey&&(u.current=!0,a.onKeyDown?.(e))},onDragOver:e=>{void 0!==n&&(u.current=!1,p.dragToScroll(e,void 0!==n,r.current))}}),reorderItemProps:m,reorderContext:l,reorderInstructionsId:c,reorderInstructions:d}:{reorderProps:a,reorderContext:l,reorderInstructionsId:c,reorderInstructions:d}})({onReorder:t.onReorder,rootRef:i,viewportConfig:t.viewportConfig}),{triggerProps:v,menuProps:T,contextMenuContext:E,notifyCurrentKeyChanged:L}=((e,r,t,s)=>{const[n,i]=o.useState(),[a,l]=o.useState(H),c=o.useRef(),{triggerProps:d}=F.useContextMenuGesture((({gesture:r,anchor:o,target:n})=>{let a=o;if("keyboard"===r){a=p.findElementByKey(t.current,c.current,C.LIST_ITEM_SELECTOR)||o;const r=A.findItemContext(c.current,e);i(r)}else{const r=p.keyExtractor(n,C.LIST_ITEM_SELECTOR),t=A.findItemContext(r,e);i(t),s(r)}l({...B[r],anchorRef:{current:a},isOpen:!0})}),{isDisabled:!r}),u=o.useCallback((e=>{"dismissed"!==e.reason&&"itemAction"!==e.reason||t.current?.focus({preventScroll:!0}),l({...H})}),[t]);return{menuProps:{...a,onClose:u},onClose:u,contextMenuContext:n,triggerProps:d,notifyCurrentKeyChanged:e=>{c.current=e.value}}})(I,n,i,l),P=e=>{t.onPersistCurrentItem?.(e),L(e)},O=o.useCallback((t=>r.jsx(U,{...R,itemKey:t.metadata.key,children:e(t)})),[e,R]);if(g&&R)return r.jsxs(r.Fragment,{children:[r.jsxs(d.ReorderableContext.Provider,{value:h,children:[r.jsx(m.List,{...t,"aria-describedby":M,contextMenuTriggerProps:v,reorderProps:x,onLoadRange:f,scrollerRef:i,data:I,currentItemOverride:a,onPersistCurrentItem:P,children:O}),r.jsx("span",{id:M,children:r.jsx(u.HiddenAccessible,{children:b})})]}),n&&r.jsx(V,{...T,testId:t.testId?t.testId+"-menu":void 0,contextMenuConfig:n,contextMenuContext:E})]});return r.jsxs(r.Fragment,{children:[r.jsx(m.List,{...t,loadingIndicator:t.skeletonRenderer?(k=t.skeletonRenderer,r.jsx(m.SkeletonContainer,{minimumCount:25,children:e=>k({loadingStatus:"initial",index:e})})):void 0,loadMoreIndicator:t.skeletonRenderer?(e=>r.jsx("div",{class:N.LOADMORE_STYLE_CLASS,children:r.jsx(m.SkeletonContainer,{minimumCount:3,children:r=>e({loadingStatus:"loadMore",index:r})})}))(t.skeletonRenderer):void 0,onLoadRange:f,scrollerRef:i,data:I,contextMenuTriggerProps:v,currentItemOverride:a,onPersistCurrentItem:P,children:e}),n&&r.jsx(V,{...T,contextMenuConfig:n,contextMenuContext:E,testId:t.testId?t.testId+"-menu":void 0})]});var k}));e.ListView=G}));
 //# sourceMappingURL=ListView-fe5d340a.js.map

package/amd/LiveRegion-dbefb95b.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', 'css!./LiveRegionStyles.styles.css', './useTestId-f4240cbd'], (function(e,t,s,i,c){"use strict";e.LiveRegion=function({testId:e,atomic:i="false",children:n="",timeout:o=100,type:u="polite"}){const a=function(e,t){const[i,c]=s.useState(""),n=s.useCallback((()=>c(e)),[e]),o=s.useCallback((()=>setTimeout(n,t)),[n,t]);return s.useEffect((()=>{const e=o();return()=>clearTimeout(e)}),[o]),i}(n,o),r=c.useTestId(e);return t.jsx("span",{"aria-live":u,"aria-atomic":i,class:"LiveRegionStyles_offScreenStyle__1uvpdtw0",...r,children:a})}}));
+//# sourceMappingURL=LiveRegion-dbefb95b.js.map

package/amd/{LiveRegion-1553833d.js.map → LiveRegion-dbefb95b.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LiveRegion-1553833d.js","sources":["../../src/UNSAFE_LiveRegion/LiveRegion.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'preact/hooks';\nimport { offScreenStyle } from './LiveRegionStyles.css';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\n\ntype Props = TestIdProps & {\n  /**\n   * Whether this live region is atomic\n   */\n  atomic?: 'true' | 'false';\n\n  /**\n   * The text to be read out in the live region\n   */\n  children?: string;\n\n  /**\n   * Timeout for updating the text\n   */\n  timeout?: number;\n\n  /**\n   * The value for the aria-live attribute\n   */\n  type?: 'assertive' | 'polite' | 'off';\n};\n\n/**\n * A helper component that renders an aria-live region\n *\n * TODO: Create a more centralized component that can handle aria-live region for\n * the whole application and use context api to communicate\n */\nfunction LiveRegion({\n  testId,\n  atomic = 'false',\n  children = '',\n  timeout = 100,\n  type = 'polite'\n}: Props) {\n  const ariaLiveText = useLiveText(children, timeout);\n  const testIdProps = useTestId(testId);\n\n  return (\n    <span aria-live={type} aria-atomic={atomic} class={offScreenStyle} {...testIdProps}>\n      {ariaLiveText}\n    </span>\n  );\n}\n\n/**\n * A custom hook for handling the aria-live region\n *\n * @param text The aria-live text to use\n * @param timeout The timeout for setting the aria-live text async\n * @returns The aria-live text\n */\nfunction useLiveText(text: string, timeout: number) {\n  const [liveText, setLiveText] = useState('');\n  const updateText = useCallback(() => setLiveText(text), [text]);\n  const updateTextAsync = useCallback(() => setTimeout(updateText, timeout), [updateText, timeout]);\n\n  useEffect(() => {\n    const timeoutId = updateTextAsync();\n\n    return () => clearTimeout(timeoutId);\n  }, [updateTextAsync]);\n\n  return liveText;\n}\n\nexport { LiveRegion };\n"],"names":["testId","atomic","children","timeout","type","ariaLiveText","text","liveText","setLiveText","useState","updateText","useCallback","updateTextAsync","setTimeout","useEffect","timeoutId","clearTimeout","useLiveText","testIdProps","useTestId","_jsx","jsx","class"],"mappings":"6JAgCA,UAAoBA,OAClBA,EAAMC,OACNA,EAAS,QAAOC,SAChBA,EAAW,GAAEC,QACbA,EAAU,IAAGC,KACbA,EAAO,WAEP,MAAMC,EAiBR,SAAqBC,EAAcH,GACjC,MAAOI,EAAUC,GAAeC,EAAQA,SAAC,IACnCC,EAAaC,EAAAA,aAAY,IAAMH,EAAYF,IAAO,CAACA,IACnDM,EAAkBD,eAAY,IAAME,WAAWH,EAAYP,IAAU,CAACO,EAAYP,IAQxF,OANAW,EAAAA,WAAU,KACR,MAAMC,EAAYH,IAElB,MAAO,IAAMI,aAAaD,EAAU,GACnC,CAACH,IAEGL,CACT,CA7BuBU,CAAYf,EAAUC,GACrCe,EAAcC,YAAUnB,GAE9B,OACEoB,EAAAC,IAAA,OAAA,CAAA,YAAiBjB,EAAI,cAAeH,EAAQqB,qDAA2BJ,EAAWhB,SAC/EG,GAGP"}
+{"version":3,"file":"LiveRegion-dbefb95b.js","sources":["../../src/UNSAFE_LiveRegion/LiveRegion.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'preact/hooks';\nimport { offScreenStyle } from './LiveRegionStyles.css';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\n\ntype Props = TestIdProps & {\n  /**\n   * Whether this live region is atomic\n   */\n  atomic?: 'true' | 'false';\n\n  /**\n   * The text to be read out in the live region\n   */\n  children?: string;\n\n  /**\n   * Timeout for updating the text\n   */\n  timeout?: number;\n\n  /**\n   * The value for the aria-live attribute\n   */\n  type?: 'assertive' | 'polite' | 'off';\n};\n\n/**\n * A helper component that renders an aria-live region\n *\n * TODO: Create a more centralized component that can handle aria-live region for\n * the whole application and use context api to communicate\n */\nfunction LiveRegion({\n  testId,\n  atomic = 'false',\n  children = '',\n  timeout = 100,\n  type = 'polite'\n}: Props) {\n  const ariaLiveText = useLiveText(children, timeout);\n  const testIdProps = useTestId(testId);\n\n  return (\n    <span aria-live={type} aria-atomic={atomic} class={offScreenStyle} {...testIdProps}>\n      {ariaLiveText}\n    </span>\n  );\n}\n\n/**\n * A custom hook for handling the aria-live region\n *\n * @param text The aria-live text to use\n * @param timeout The timeout for setting the aria-live text async\n * @returns The aria-live text\n */\nfunction useLiveText(text: string, timeout: number) {\n  const [liveText, setLiveText] = useState('');\n  const updateText = useCallback(() => setLiveText(text), [text]);\n  const updateTextAsync = useCallback(() => setTimeout(updateText, timeout), [updateText, timeout]);\n\n  useEffect(() => {\n    const timeoutId = updateTextAsync();\n\n    return () => clearTimeout(timeoutId);\n  }, [updateTextAsync]);\n\n  return liveText;\n}\n\nexport { LiveRegion };\n"],"names":["testId","atomic","children","timeout","type","ariaLiveText","text","liveText","setLiveText","useState","updateText","useCallback","updateTextAsync","setTimeout","useEffect","timeoutId","clearTimeout","useLiveText","testIdProps","useTestId","_jsx","jsx","class"],"mappings":"6JAgCA,UAAoBA,OAClBA,EAAMC,OACNA,EAAS,QAAOC,SAChBA,EAAW,GAAEC,QACbA,EAAU,IAAGC,KACbA,EAAO,WAEP,MAAMC,EAiBR,SAAqBC,EAAcH,GACjC,MAAOI,EAAUC,GAAeC,EAAQA,SAAC,IACnCC,EAAaC,EAAAA,aAAY,IAAMH,EAAYF,IAAO,CAACA,IACnDM,EAAkBD,eAAY,IAAME,WAAWH,EAAYP,IAAU,CAACO,EAAYP,IAQxF,OANAW,EAAAA,WAAU,KACR,MAAMC,EAAYH,IAElB,MAAO,IAAMI,aAAaD,EAAU,GACnC,CAACH,IAEGL,CACT,CA7BuBU,CAAYf,EAAUC,GACrCe,EAAcC,YAAUnB,GAE9B,OACEoB,EAAAC,IAAA,OAAA,CAAA,YAAiBjB,EAAI,cAAeH,EAAQqB,qDAA2BJ,EAAWhB,SAC/EG,GAGP"}

package/amd/{MaxLengthLiveRegion-5172c87a.js → MaxLengthLiveRegion-8f9f7247.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './useDebounce-8b4d8cfb', './useTranslationBundle-db326955', './LiveRegion-1553833d'], (function(e,n,t,i,o){"use strict";e.MaxLengthLiveRegion=function({isMaxLengthExceeded:e,maxLength:r,testId:s,valueLength:d=0}){const a=t.useDebounce(r-d,500),c=i.useTranslationBundle("@oracle/oraclejet-preact"),u=c.formControl_maxLengthExceeded({MAX_LENGTH:`${r}`}),g=c.formControl_maxLengthRemaining({CHARACTER_COUNT:`${a}`});return n.jsxs(n.Fragment,{children:[n.jsx(o.LiveRegion,{testId:s?s+"_remainingChars":void 0,children:g}),e&&n.jsx(o.LiveRegion,{testId:s?s+"_exceeded":void 0,type:"assertive",children:u})]})}}));
-//# sourceMappingURL=MaxLengthLiveRegion-5172c87a.js.map
+define(['exports', 'preact/jsx-runtime', './useDebounce-8b4d8cfb', './useTranslationBundle-e4dd341e', './LiveRegion-dbefb95b'], (function(e,n,t,i,o){"use strict";e.MaxLengthLiveRegion=function({isMaxLengthExceeded:e,maxLength:r,testId:s,valueLength:d=0}){const a=t.useDebounce(r-d,500),c=i.useTranslationBundle("@oracle/oraclejet-preact"),u=c.formControl_maxLengthExceeded({MAX_LENGTH:`${r}`}),g=c.formControl_maxLengthRemaining({CHARACTER_COUNT:`${a}`});return n.jsxs(n.Fragment,{children:[n.jsx(o.LiveRegion,{testId:s?s+"_remainingChars":void 0,children:g}),e&&n.jsx(o.LiveRegion,{testId:s?s+"_exceeded":void 0,type:"assertive",children:u})]})}}));
+//# sourceMappingURL=MaxLengthLiveRegion-8f9f7247.js.map

package/amd/{MaxLengthLiveRegion-5172c87a.js.map → MaxLengthLiveRegion-8f9f7247.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MaxLengthLiveRegion-5172c87a.js","sources":["../../src/UNSAFE_TextField/MaxLengthLiveRegion.tsx"],"sourcesContent":["import { useDebounce } from '../hooks/UNSAFE_useDebounce';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\n\ntype Props = TestIdProps & {\n  isMaxLengthExceeded: boolean;\n  maxLength: number;\n  valueLength?: number;\n};\n\nconst MAX_LENGTH_UPDATE_DELAY = 500;\n\nexport function MaxLengthLiveRegion({\n  isMaxLengthExceeded,\n  maxLength,\n  testId,\n  valueLength = 0\n}: Props) {\n  // Comment copied from InputBase.js in Big JET:\n  // Only update the aria-live div when the user has paused for more than\n  // 500 milliseconds. That way, we avoid queued up aria-live messages which\n  // would be annoying and not helpful. The 500ms was agreed upon in the\n  // accessibility review meeting.\n  const debouncedRemainingChars = useDebounce(maxLength - valueLength, MAX_LENGTH_UPDATE_DELAY);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const maxLengthExceededTranslatedString = translations.formControl_maxLengthExceeded({\n    MAX_LENGTH: `${maxLength}`\n  });\n  const remainingCharsTranslatedString = translations.formControl_maxLengthRemaining({\n    CHARACTER_COUNT: `${debouncedRemainingChars}`\n  });\n\n  return (\n    <>\n      <LiveRegion testId={testId ? testId + '_remainingChars' : undefined}>\n        {remainingCharsTranslatedString}\n      </LiveRegion>\n      {isMaxLengthExceeded && (\n        <LiveRegion testId={testId ? testId + '_exceeded' : undefined} type=\"assertive\">\n          {maxLengthExceededTranslatedString}\n        </LiveRegion>\n      )}\n    </>\n  );\n}\n"],"names":["isMaxLengthExceeded","maxLength","testId","valueLength","debouncedRemainingChars","useDebounce","translations","useTranslationBundle","maxLengthExceededTranslatedString","formControl_maxLengthExceeded","MAX_LENGTH","remainingCharsTranslatedString","formControl_maxLengthRemaining","CHARACTER_COUNT","_jsxs","_jsx","LiveRegion","undefined","type","children"],"mappings":"mLAcgB,UAAoBA,oBAClCA,EAAmBC,UACnBA,EAASC,OACTA,EAAMC,YACNA,EAAc,IAOd,MAAMC,EAA0BC,EAAWA,YAACJ,EAAYE,EAb1B,KAcxBG,EAAeC,uBAAiC,4BAChDC,EAAoCF,EAAaG,8BAA8B,CACnFC,WAAY,GAAGT,MAEXU,EAAiCL,EAAaM,+BAA+B,CACjFC,gBAAiB,GAAGT,MAGtB,OACEU,EAAAA,2BACEC,EAAAA,IAACC,EAAAA,YAAWd,OAAQA,EAASA,EAAS,uBAAoBe,WACvDN,IAEFX,GACCe,MAACC,EAAUA,WAAA,CAACd,OAAQA,EAASA,EAAS,iBAAce,EAAWC,KAAK,YAAWC,SAC5EX,MAKX"}
+{"version":3,"file":"MaxLengthLiveRegion-8f9f7247.js","sources":["../../src/UNSAFE_TextField/MaxLengthLiveRegion.tsx"],"sourcesContent":["import { useDebounce } from '../hooks/UNSAFE_useDebounce';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\n\ntype Props = TestIdProps & {\n  isMaxLengthExceeded: boolean;\n  maxLength: number;\n  valueLength?: number;\n};\n\nconst MAX_LENGTH_UPDATE_DELAY = 500;\n\nexport function MaxLengthLiveRegion({\n  isMaxLengthExceeded,\n  maxLength,\n  testId,\n  valueLength = 0\n}: Props) {\n  // Comment copied from InputBase.js in Big JET:\n  // Only update the aria-live div when the user has paused for more than\n  // 500 milliseconds. That way, we avoid queued up aria-live messages which\n  // would be annoying and not helpful. The 500ms was agreed upon in the\n  // accessibility review meeting.\n  const debouncedRemainingChars = useDebounce(maxLength - valueLength, MAX_LENGTH_UPDATE_DELAY);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const maxLengthExceededTranslatedString = translations.formControl_maxLengthExceeded({\n    MAX_LENGTH: `${maxLength}`\n  });\n  const remainingCharsTranslatedString = translations.formControl_maxLengthRemaining({\n    CHARACTER_COUNT: `${debouncedRemainingChars}`\n  });\n\n  return (\n    <>\n      <LiveRegion testId={testId ? testId + '_remainingChars' : undefined}>\n        {remainingCharsTranslatedString}\n      </LiveRegion>\n      {isMaxLengthExceeded && (\n        <LiveRegion testId={testId ? testId + '_exceeded' : undefined} type=\"assertive\">\n          {maxLengthExceededTranslatedString}\n        </LiveRegion>\n      )}\n    </>\n  );\n}\n"],"names":["isMaxLengthExceeded","maxLength","testId","valueLength","debouncedRemainingChars","useDebounce","translations","useTranslationBundle","maxLengthExceededTranslatedString","formControl_maxLengthExceeded","MAX_LENGTH","remainingCharsTranslatedString","formControl_maxLengthRemaining","CHARACTER_COUNT","_jsxs","_jsx","LiveRegion","undefined","type","children"],"mappings":"mLAcgB,UAAoBA,oBAClCA,EAAmBC,UACnBA,EAASC,OACTA,EAAMC,YACNA,EAAc,IAOd,MAAMC,EAA0BC,EAAWA,YAACJ,EAAYE,EAb1B,KAcxBG,EAAeC,uBAAiC,4BAChDC,EAAoCF,EAAaG,8BAA8B,CACnFC,WAAY,GAAGT,MAEXU,EAAiCL,EAAaM,+BAA+B,CACjFC,gBAAiB,GAAGT,MAGtB,OACEU,EAAAA,2BACEC,EAAAA,IAACC,EAAAA,YAAWd,OAAQA,EAASA,EAAS,uBAAoBe,WACvDN,IAEFX,GACCe,MAACC,EAAUA,WAAA,CAACd,OAAQA,EAASA,EAAS,iBAAce,EAAWC,KAAK,YAAWC,SAC5EX,MAKX"}

package/amd/Menu-4b445ba5.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Sheet-1d02491d', 'preact/compat', './Dropdown-d1438b58', './mergeProps-bcfa6a92', './classNames-08d99695', './useUser-e0677e8d', './menuUtils-8e42385f', './MenuItem-f3de5e35', './UNSAFE_Menu/themes/MenuStyles.css', './useTestId-6160e7a2', './UNSAFE_Menu/themes/DropdownMenuStyles.css', './Flex-71f83c12', './Skeleton-3e52c94a', './UNSAFE_Menu/themes/MenuSkeletonStyles.css', './LiveRegion-1553833d', './useTranslationBundle-db326955', './useComponentTheme-5aa41a8f', './UNSAFE_Menu/themes/redwood/MenuItemTheme', './unsafeDomAccess-602c5dde'], (function(e,n,t,s,o,r,a,i,u,c,l,d,m,h,f,p,M,x,y,g,C,b){"use strict";const v=({children:e,"aria-label":s,currentFocus:o="menu",display:r,closeSubmenu:h,menuId:f,menuLevel:p,anchorRef:M})=>{const{onClose:x,testId:y}=l.useMenuContext(),{direction:g}=u.useUser(),C=t.useRef(null),b=t.useRef({wasMouseMoved:!1,lastMouseLeaveMenuItemdRelatedTarget:null,lastChangeKeyReason:void 0}),[v,S]=t.useState(),[k,E]=t.useState(!1),[j,w]=t.useState(!1),F=t.useCallback((e=>{b.current.lastChangeKeyReason=e.reason,S(e.key),"keyboard"===e.reason?E(!0):E(!1)}),[]),I=t.useCallback((()=>{const e=n=>{const t=c.keyElemExtractor(n.target),s=t?.key,o=t?.elem;if(s&&o){b.current.wasMouseMoved=!0;const n=new MouseEvent("mouseenter");o.dispatchEvent(n),C.current?.removeEventListener("mousemove",e)}};C.current?.addEventListener("mousemove",e)}),[]),{currentKeyProps:R}=function(e,n,s,o,r){const a=t.useMemo((()=>({ArrowDown:n,ArrowUp:e,Home:s,End:o})),[n,e,s,o]),i=t.useCallback((e=>{if(r){const n=a[e.key];if(n&&!e.shiftKey){const t=n();t&&r({key:t,reason:"keyboard"}),e.preventDefault()}}}),[r,a]);return{currentKeyProps:null==r?{}:{onKeyDown:i}}}(c.getPrevNext(C.current,!0,v),c.getPrevNext(C.current,!1,v),(()=>c.getNVisible(C.current,0)),(()=>c.getLastVisible(C.current)),F);t.useEffect((()=>{const e=C.current;if("none"!==o&&e)if("menu"===o){F({key:void 0,reason:"click"});const n=()=>{e.focus()};n()}else if("firstItem"===o){const e=c.getNVisible(C.current,0);e&&F({key:e,reason:"keyboard"})}else if("secondItem"===o){const e=c.getNVisible(C.current,1);e&&F({key:e,reason:"keyboard"})}else if("secondItemDueToTouch"===o){const e=c.getNVisible(C.current,1);e&&F({key:e,reason:"touch"})}return()=>{clearTimeout(undefined)}}),[F,o,p,r,M]),t.useEffect((()=>{I()}),[I]);const T=m.useTestId(y);return n.jsx("div",{...f&&{id:f},ref:C,tabIndex:v||"main"!==p&&"sheet"!==r?-1:0,role:"menu","aria-orientation":"vertical","aria-label":s,class:i.classNames([d.menuStyles.menuContainerStyle]),...a.mergeProps(R,c.getKeyboardCloseProps(x,p),c.getCloseSubmenuEvent(g,h),c.getMenuContainerFocusMethods((()=>{C.current?.contains(document.activeElement)||(E(!1),w(!1))}),(()=>{"touch"===b.current.lastChangeKeyReason?w(!1):w(!0)})),c.getMenuContainerMouseLeave((e=>{e.relatedTarget&&e.relatedTarget.isEqualNode(b.current.lastMouseLeaveMenuItemdRelatedTarget)||(F({key:void 0,reason:"mouseEnter"}),C.current?.focus())})),c.getMenuPointerDown()),...T,children:n.jsx(l.MenuContainerContext.Provider,{value:{menuContainerRef:C,currentKey:v,showFocusRing:k,changeKey:F,menuContainerGeneralInformation:b,isContainerFocused:j},children:e})})};function S({children:e}){const{baseTheme:t}=g.useComponentTheme(C.MenuItemRedwoodTheme),s=i.classNames([t,M.menuSkeletonStyles.container]);return n.jsx("div",{"oj-menu-skeleton":"true",class:s,role:"presentation",children:[...Array(4)].map(((n,t)=>e?.(t)))})}const k=()=>{t.useEffect((()=>{setTimeout((()=>{s(!0)}),E)}),[]);const[e,s]=t.useState(!1),o=y.useTranslationBundle("@oracle/oraclejet-preact");return n.jsxs(n.Fragment,{children:[e&&n.jsx(x.LiveRegion,{children:o.menu_stateLoading()}),n.jsx(S,{children:()=>n.jsx(f.Flex,{height:"11x",align:"center",children:e&&n.jsx(p.Skeleton,{height:"4x"})})})]})},E=50,j=o.forwardRef((({anchorRef:e,defaultPlacement:t,offsetValue:s,closeSubmenu:a,children:u,"aria-label":m,currentFocus:f,menuId:p,menuLevel:M,flipOptions:x,isOpen:y,isMenuLoading:g=!1,minWidth:C,onTransitionEnd:S},E)=>{const{onClose:j}=l.useMenuContext(),F=o.useCallback((n=>{if("sub"!==M&&"outsideMousedown"===n.reason){const t=c.keyElemExtractor(n.target)?.key;if(!t){const t=e.current?.contains?.(n.target)||e.current?.[b.UNSAFE_DOM_ACCESS]?.contains(n.target);j?.({reason:t?"anchorClick":"outsideClick"})}}}),[j,M]);return n.jsx(r.Dropdown,{minWidth:C?Math.max(w,C):w,onClose:F,isOpen:y,placement:t,anchorRef:e,flipOptions:x,offset:s,shiftOptions:{mainAxis:!0,crossAxis:!0},sizeOptions:{isMaxWidthAdjusted:!0,isMaxHeightAdjusted:!0,maxWidthCeiling:460},onTransitionEnd:S,children:n.jsx("div",{class:i.classNames([h.dropdownMenuStyles.base,d.menuStyles.dropdownMenuContainerStyle]),ref:E,children:g?n.jsx(k,{}):n.jsx(v,{menuLevel:M,closeSubmenu:a,"aria-label":m,currentFocus:f,menuId:p,display:"dropdown",anchorRef:e,children:u})})})})),w=140,F=c.getIsMobile();e.DropdownMenu=j,e.Menu=({onClose:e,isOpen:o,testId:r,initialFocus:a="menu",placement:u,offsetValue:m,minWidthBehavior:h,anchorRef:f,flipOptions:p,...M})=>{const x=t.useCallback((()=>{e?.({reason:"dismissed"})}),[e]),y=c.isMenuChildrenFalsy(M.children),g=y?"none":a,[C,S]=t.useState();t.useEffect((()=>{if(o&&"basedOnAnchorWidth"===h){const e=f.current?.offsetWidth||f.current?.[b.UNSAFE_DOM_ACCESS]?.offsetWidth;C!==e&&S(e)}}),[o,h,C,f]);return n.jsx(l.MenuContext.Provider,{value:{onClose:e,isMobile:F,testId:r},children:n.jsx(n.Fragment,{children:F?n.jsx(n.Fragment,{children:n.jsx(s.Sheet,{isOpen:o,onClose:x,children:n.jsx("div",{class:i.classNames([d.menuStyles.sheetMenuContainerStyle]),children:y?n.jsx(k,{}):n.jsx(v,{...M,anchorRef:f,currentFocus:g,menuLevel:"main",display:"sheet"})})})}):n.jsx(j,{...M,anchorRef:f,isMenuLoading:y,isOpen:o,currentFocus:g,menuLevel:"main",defaultPlacement:u,offsetValue:m,flipOptions:p||{crossAxis:!0,mainAxis:!0,fallbackPlacements:["bottom-start","bottom-end","top-start","top-end","end-top","start-top","end-bottom","start-bottom"]},minWidth:C,onTransitionEnd:()=>{const e=document.activeElement;if(!e)return;const n=e.closest("[data-oj-menu-item-key]");n&&n.scrollIntoView({block:"nearest",inline:"nearest"})}})})})},e.MenuContainer=v}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Sheet-1d02491d', 'preact/compat', './Dropdown-9eed614a', './mergeProps-bcfa6a92', './classNames-08d99695', './useUser-08901aba', './menuUtils-8e42385f', './MenuItem-f3de5e35', './UNSAFE_Menu/themes/MenuStyles.css', './useTestId-f4240cbd', './UNSAFE_Menu/themes/DropdownMenuStyles.css', './Flex-4b81b412', './Skeleton-3e52c94a', './UNSAFE_Menu/themes/MenuSkeletonStyles.css', './LiveRegion-dbefb95b', './useTranslationBundle-e4dd341e', './useComponentTheme-5aa41a8f', './UNSAFE_Menu/themes/redwood/MenuItemTheme', './unsafeDomAccess-602c5dde'], (function(e,n,t,s,o,r,a,i,u,c,l,d,m,f,h,p,M,b,x,y,g,C){"use strict";const v=({children:e,"aria-label":s,currentFocus:o="menu",display:r,closeSubmenu:f,menuId:h,menuLevel:p,anchorRef:M})=>{const{onClose:b,testId:x}=l.useMenuContext(),{direction:y}=u.useUser(),g=t.useRef(null),C=t.useRef({wasMouseMoved:!1,lastMouseLeaveMenuItemdRelatedTarget:null,lastChangeKeyReason:void 0}),[v,S]=t.useState(),[k,E]=t.useState(!1),[j,w]=t.useState(!1),F=t.useCallback((e=>{C.current.lastChangeKeyReason=e.reason,S(e.key),"keyboard"===e.reason?E(!0):E(!1)}),[]),I=t.useCallback((()=>{const e=n=>{const t=c.keyElemExtractor(n.target),s=t?.key,o=t?.elem;if(s&&o){C.current.wasMouseMoved=!0;const n=new MouseEvent("mouseenter");o.dispatchEvent(n),g.current?.removeEventListener("mousemove",e)}};g.current?.addEventListener("mousemove",e)}),[]),{currentKeyProps:R}=function(e,n,s,o,r){const a=t.useMemo((()=>({ArrowDown:n,ArrowUp:e,Home:s,End:o})),[n,e,s,o]),i=t.useCallback((e=>{if(r){const n=a[e.key];if(n&&!e.shiftKey){const t=n();t&&r({key:t,reason:"keyboard"}),e.preventDefault()}}}),[r,a]);return{currentKeyProps:null==r?{}:{onKeyDown:i}}}(c.getPrevNext(g.current,!0,v),c.getPrevNext(g.current,!1,v),(()=>c.getNVisible(g.current,0)),(()=>c.getLastVisible(g.current)),F);t.useEffect((()=>{const e=g.current;if("none"!==o&&e)if("menu"===o){F({key:void 0,reason:"click"});const n=()=>{e.focus()};n()}else if("firstItem"===o){const e=c.getNVisible(g.current,0);e&&F({key:e,reason:"keyboard"})}else if("secondItem"===o){const e=c.getNVisible(g.current,1);e&&F({key:e,reason:"keyboard"})}else if("secondItemDueToTouch"===o){const e=c.getNVisible(g.current,1);e&&F({key:e,reason:"touch"})}return()=>{clearTimeout(undefined)}}),[F,o,p,r,M]),t.useEffect((()=>{I()}),[I]);const T=m.useTestId(x);return n.jsx("div",{...h&&{id:h},ref:g,tabIndex:v||"main"!==p&&"sheet"!==r?-1:0,role:"menu","aria-orientation":"vertical","aria-label":s,class:i.classNames([d.menuStyles.menuContainerStyle]),...a.mergeProps(R,c.getKeyboardCloseProps(b,p),c.getCloseSubmenuEvent(y,f),c.getMenuContainerFocusMethods((()=>{g.current?.contains(document.activeElement)||(E(!1),w(!1))}),(()=>{"touch"===C.current.lastChangeKeyReason?w(!1):w(!0)})),c.getMenuContainerMouseLeave((e=>{e.relatedTarget&&e.relatedTarget.isEqualNode(C.current.lastMouseLeaveMenuItemdRelatedTarget)||(F({key:void 0,reason:"mouseEnter"}),g.current?.focus())})),c.getMenuPointerDown()),...T,children:n.jsx(l.MenuContainerContext.Provider,{value:{menuContainerRef:g,currentKey:v,showFocusRing:k,changeKey:F,menuContainerGeneralInformation:C,isContainerFocused:j},children:e})})};function S({children:e}){const{baseTheme:t}=y.useComponentTheme(g.MenuItemRedwoodTheme),s=i.classNames([t,M.menuSkeletonStyles.container]);return n.jsx("div",{"oj-menu-skeleton":"true",class:s,role:"presentation",children:[...Array(4)].map(((n,t)=>e?.(t)))})}const k=()=>{t.useEffect((()=>{setTimeout((()=>{s(!0)}),E)}),[]);const[e,s]=t.useState(!1),o=x.useTranslationBundle("@oracle/oraclejet-preact");return n.jsxs(n.Fragment,{children:[e&&n.jsx(b.LiveRegion,{children:o.menu_stateLoading()}),n.jsx(S,{children:()=>n.jsx(h.Flex,{height:"11x",align:"center",children:e&&n.jsx(p.Skeleton,{height:"4x"})})})]})},E=50,j=o.forwardRef((({anchorRef:e,defaultPlacement:t,offsetValue:s,closeSubmenu:a,children:u,"aria-label":m,currentFocus:h,menuId:p,menuLevel:M,flipOptions:b,isOpen:x,isMenuLoading:y=!1,minWidth:g,onTransitionEnd:S},E)=>{const{onClose:j}=l.useMenuContext(),F=o.useCallback((n=>{if("sub"!==M&&"outsideMousedown"===n.reason){const t=c.keyElemExtractor(n.target)?.key;if(!t){const t=e.current?.contains?.(n.target)||e.current?.[C.UNSAFE_DOM_ACCESS]?.contains(n.target);j?.({reason:t?"anchorClick":"outsideClick"})}}}),[j,M]);return n.jsx(r.Dropdown,{minWidth:g?Math.max(w,g):w,onClose:F,isOpen:x,placement:t,anchorRef:e,flipOptions:b,offset:s,shiftOptions:{mainAxis:!0,crossAxis:!0},sizeOptions:{isMaxWidthAdjusted:!0,isMaxHeightAdjusted:!0,maxWidthCeiling:460},onTransitionEnd:S,children:n.jsx("div",{class:i.classNames([f.dropdownMenuStyles.base,d.menuStyles.dropdownMenuContainerStyle]),ref:E,children:y?n.jsx(k,{}):n.jsx(v,{menuLevel:M,closeSubmenu:a,"aria-label":m,currentFocus:h,menuId:p,display:"dropdown",anchorRef:e,children:u})})})})),w=140,F=c.getIsMobile();e.DropdownMenu=j,e.Menu=({onClose:e,isOpen:o,testId:r,initialFocus:a="menu",placement:u,offsetValue:m,minWidthBehavior:f,anchorRef:h,flipOptions:p,...M})=>{const b=t.useCallback((()=>{e?.({reason:"dismissed"})}),[e]),x=c.isMenuChildrenFalsy(M.children),y=x?"none":a,[g,S]=t.useState();t.useEffect((()=>{if(o&&"basedOnAnchorWidth"===f){const e=h.current?.offsetWidth||h.current?.[C.UNSAFE_DOM_ACCESS]?.offsetWidth;g!==e&&S(e)}}),[o,f,g,h]);return n.jsx(l.MenuContext.Provider,{value:{onClose:e,isMobile:F,testId:r},children:n.jsx(n.Fragment,{children:F?n.jsx(n.Fragment,{children:n.jsx(s.Sheet,{isOpen:o,onClose:b,children:n.jsx("div",{class:i.classNames([d.menuStyles.sheetMenuContainerStyle]),children:x?n.jsx(k,{}):n.jsx(v,{...M,anchorRef:h,currentFocus:y,menuLevel:"main",display:"sheet"})})})}):n.jsx(j,{...M,anchorRef:h,isMenuLoading:x,isOpen:o,currentFocus:y,menuLevel:"main",defaultPlacement:u,offsetValue:m,flipOptions:p||{crossAxis:!0,mainAxis:!0,fallbackPlacements:["bottom-start","bottom-end","top-start","top-end","end-top","start-top","end-bottom","start-bottom"]},minWidth:g,onTransitionEnd:()=>{const e=document.activeElement;if(!e)return;const n=e.closest("[data-oj-menu-item-key]");n&&n.scrollIntoView({block:"nearest",inline:"nearest"})}})})})},e.MenuContainer=v}));
 //# sourceMappingURL=Menu-4b445ba5.js.map

package/amd/MenuButton-8428a792.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './ButtonLabelLayout-6464870c', './ChevronDown-1db436e3', './Menu-4b445ba5', './MenuItem-f3de5e35', 'preact/hooks', 'preact', './mergeProps-bcfa6a92', './logger-0f873e29', './LayerHost-1a734852', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-0761844d', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Menu/themes/MenuItemStyles.css', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', 'css!./MenuStyles.styles.css', './useMenuAction-26df747b', './BaseButton-9bf908ec'], (function(e,t,s,o,n,a,r,u,i,l,c,d,p,h,M,y,m,b,S,f,T,g,B,x,E,v){"use strict";const w=d.forwardRef((({children:e,label:a,suffix:l,variant:c="outlined",isDisabled:d=!1,isMenuOpen:p=!1,onToggleMenu:h,size:M="md",type:y="button",width:m,icon:b,testId:S,"aria-describedby":f,onBlur:T,onFocus:g,onMouseEnter:B,onMouseLeave:x,onTouchEnd:w,onTouchStart:F},A)=>{const I=r.useRef(null);r.useImperativeHandle(A,(()=>I.current),[I]);const{triggerProps:L,menuProps:N}=E.useMenuAction({isDisabled:d,onToggleMenu:h,isMenuOpen:p,anchorRef:I}),U={type:"button",buttonType:y},j={onBlur:T,onFocus:g,onMouseEnter:B,onMouseLeave:x,onTouchEnd:w,onTouchStart:F},C=t.jsx(v.BaseButton,{...i.mergeProps(L,j),styling:p?["min","active"]:["min"],elementDetails:U,isDisabled:d,variant:c,width:m,size:M,ref:I,testId:S,"aria-label":l?`${a} ${l}`:a,"aria-describedby":f,children:t.jsx(s.ButtonLabelLayout,{display:"all",suffix:l,startIcon:b,endIcon:t.jsx(o.SvgChevronDown,{}),size:M,children:a})});return d?C:t.jsxs(u.Fragment,{children:[C,t.jsx(n.Menu,{...N,"aria-label":a,offsetValue:4,children:e})]})}));w.displayName="MenuButton",e.MenuButton=w}));
+define(['exports', 'preact/jsx-runtime', './ButtonLabelLayout-6464870c', './ChevronDown-1db436e3', './Menu-4b445ba5', './MenuItem-f3de5e35', 'preact/hooks', 'preact', './mergeProps-bcfa6a92', './logger-0f873e29', './LayerHost-0b288129', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-66f3844a', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Menu/themes/MenuItemStyles.css', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', 'css!./MenuStyles.styles.css', './useMenuAction-26df747b', './BaseButton-5a0ad529'], (function(e,t,s,o,n,a,r,u,i,l,c,d,p,h,M,y,m,b,S,f,T,g,B,x,E,v){"use strict";const w=d.forwardRef((({children:e,label:a,suffix:l,variant:c="outlined",isDisabled:d=!1,isMenuOpen:p=!1,onToggleMenu:h,size:M="md",type:y="button",width:m,icon:b,testId:S,"aria-describedby":f,onBlur:T,onFocus:g,onMouseEnter:B,onMouseLeave:x,onTouchEnd:w,onTouchStart:F},A)=>{const I=r.useRef(null);r.useImperativeHandle(A,(()=>I.current),[I]);const{triggerProps:L,menuProps:N}=E.useMenuAction({isDisabled:d,onToggleMenu:h,isMenuOpen:p,anchorRef:I}),U={type:"button",buttonType:y},j={onBlur:T,onFocus:g,onMouseEnter:B,onMouseLeave:x,onTouchEnd:w,onTouchStart:F},C=t.jsx(v.BaseButton,{...i.mergeProps(L,j),styling:p?["min","active"]:["min"],elementDetails:U,isDisabled:d,variant:c,width:m,size:M,ref:I,testId:S,"aria-label":l?`${a} ${l}`:a,"aria-describedby":f,children:t.jsx(s.ButtonLabelLayout,{display:"all",suffix:l,startIcon:b,endIcon:t.jsx(o.SvgChevronDown,{}),size:M,children:a})});return d?C:t.jsxs(u.Fragment,{children:[C,t.jsx(n.Menu,{...N,"aria-label":a,offsetValue:4,children:e})]})}));w.displayName="MenuButton",e.MenuButton=w}));
 //# sourceMappingURL=MenuButton-8428a792.js.map

package/amd/MenuItem-f3de5e35.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Text-31cabc49', './classNames-08d99695', './useId-c9578d26', './mergeProps-bcfa6a92', './usePress-949a0d03', './useUser-e0677e8d', './useComponentTheme-5aa41a8f', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './useInteractionStyle-15a2bdd0', 'preact', 'preact/compat', './menuUtils-8e42385f', './useToggle-a29f97af', './UNSAFE_Menu/themes/redwood/MenuItemTheme'], (function(e,n,t,s,o,r,a,u,i,c,l,d,m,p,h,C,f,b){"use strict";const g=p.createContext({isMobile:!1,onClose:()=>null,testId:""});function v(){return t.useContext(g)}const M=p.createContext({menuContainerRef:{current:null},currentKey:void 0,showFocusRing:!1,changeKey:()=>{},isContainerFocused:!1,menuContainerGeneralInformation:{current:{wasMouseMoved:!1,lastMouseLeaveMenuItemdRelatedTarget:null}}});function x(){return t.useContext(M)}const I=h.forwardRef((({id:e,label:r,onAction:p,startIcon:h,endIcon:g,role:M,isChecked:I,isDisabled:y=!1,variant:S="standard",type:T,hoverInfo:j,openSubmenu:R,menuItemLabelWeight:w="normal",isSubmenuOpen:F,submenuId:k,submenuRef:E,itemKey:P,keyboardShortcut:L},U)=>{const{onClose:K}=v(),{currentKey:O,changeKey:N,showFocusRing:A,menuContainerRef:z,menuContainerGeneralInformation:D,isContainerFocused:G}=x(),B=t.useRef(null);t.useImperativeHandle(U,(()=>B.current),[]);const{direction:H}=i.useUser(),W=O===e,$=t.useCallback((e=>{"submenu"!==T&&K?.({reason:"itemAction"}),p?.(e)}),[T,K,p]),{hoverProps:_}=function(e){const{bool:n,setTrue:t,setFalse:s}=f.useToggle(!1);return{hoverProps:{ontouchend:t,onMouseEnter:t=>{n?s():e.onMouseEnter(t)},onMouseLeave:n=>{e.onMouseLeave(n)}}}}({onMouseEnter:n=>{j?.hoverStatus.current.recentClose||j?.hoverStatus.current.pendingUnhover||(j&&D.current.wasMouseMoved&&(j.hoverStatus.current.pendingUnhover=!0),D.current.wasMouseMoved&&(j?.hoverProps.onMouseEnter(n),N({key:e,reason:"mouseEnter"})))},onMouseLeave:e=>{j&&(j.hoverStatus.current.pendingUnhover=!1),(z.current?.contains(e.relatedTarget)||E?.current?.parentElement?.contains(e.relatedTarget))&&(D.current.lastMouseLeaveMenuItemdRelatedTarget=e.relatedTarget)}}),{pressProps:q}=u.usePress(y?()=>{}:$);t.useEffect((()=>{W&&B.current?.focus()}),[W]);const{interactionProps:J}=m.useInteractionStyle({isDisabled:y}),{classes:Q,styles:{iconLabelContainer:V,iconContainer:X,startIconContainer:Y,labelContainer:Z,endIconContainer:ee}}=c.useComponentTheme(b.MenuItemRedwoodTheme,{current:W?"isCurrent":"notCurrent",focusRing:A?"isFocusRing":"notFocusRing",variant:y?"disabled":S,containerFocused:G?"isContainerFocused":"notContainerFocused",submenuOpen:F?"isSubmenuOpen":"notSubmenuOpen"}),ne=l.mergeInterpolations([...Object.values(d.flexitemInterpolations)]),{class:te,...se}=ne({flex:"1 1 auto",alignSelf:"center"}),{class:oe,...re}=ne({flex:"0 0 auto",alignSelf:"center"}),ae=o.classNames([oe,V,X,Y]),ue=o.classNames([te,V,Z]),ie=o.classNames([oe,V,X,ee]);return n.jsx("div",{role:"presentation",children:n.jsxs("a",{...void 0!==k&&"submenu"===T&&{"aria-owns":k},ref:B,"data-oj-label":r,"data-oj-key":P,class:Q,...a.mergeProps(J,_,q,C.getOpenSubmenuEvent(H,R),C.getMenuItemClickChangeKey(e,N)),role:M,"data-oj-menu-item-key":e,..."submenu"===T&&{"aria-haspopup":!0,"aria-expanded":"bold"===w||!!F},...y&&{"aria-disabled":!0},..."select"===T&&{"aria-checked":!!I},tabIndex:W?0:-1,children:[h&&n.jsx("span",{style:re,class:ae,children:h}),n.jsx("span",{style:se,class:ue,children:n.jsx(s.Text,{variant:"inherit",size:"md",weight:w,children:r})}),(g||L)&&n.jsx("span",{style:re,class:ie,children:g||n.jsx(s.Text,{variant:"inherit",size:"md",weight:"normal",children:L})})]})})}));e.BaseMenuItem=I,e.MenuContainerContext=M,e.MenuContext=g,e.MenuItem=function(e){const s=r.useId(),o=t.useMemo((()=>`oj-menu-item-${s}`),[s]);return n.jsx(I,{...e,role:"menuitem",type:"simple",id:o})},e.useMenuContainerContext=x,e.useMenuContext=v}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Text-31cabc49', './classNames-08d99695', './useId-c9578d26', './mergeProps-bcfa6a92', './usePress-949a0d03', './useUser-08901aba', './useComponentTheme-5aa41a8f', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './useInteractionStyle-15a2bdd0', 'preact', 'preact/compat', './menuUtils-8e42385f', './useToggle-a29f97af', './UNSAFE_Menu/themes/redwood/MenuItemTheme'], (function(e,n,t,s,o,r,a,u,i,c,l,d,m,p,h,C,b,f){"use strict";const g=p.createContext({isMobile:!1,onClose:()=>null,testId:""});function v(){return t.useContext(g)}const M=p.createContext({menuContainerRef:{current:null},currentKey:void 0,showFocusRing:!1,changeKey:()=>{},isContainerFocused:!1,menuContainerGeneralInformation:{current:{wasMouseMoved:!1,lastMouseLeaveMenuItemdRelatedTarget:null}}});function x(){return t.useContext(M)}const I=h.forwardRef((({id:e,label:r,onAction:p,startIcon:h,endIcon:g,role:M,isChecked:I,isDisabled:y=!1,variant:S="standard",type:T,hoverInfo:j,openSubmenu:R,menuItemLabelWeight:w="normal",isSubmenuOpen:F,submenuId:k,submenuRef:E,itemKey:P,keyboardShortcut:L},U)=>{const{onClose:K}=v(),{currentKey:O,changeKey:N,showFocusRing:A,menuContainerRef:z,menuContainerGeneralInformation:D,isContainerFocused:G}=x(),B=t.useRef(null);t.useImperativeHandle(U,(()=>B.current),[]);const{direction:H}=i.useUser(),W=O===e,$=t.useCallback((e=>{"submenu"!==T&&K?.({reason:"itemAction"}),p?.(e)}),[T,K,p]),{hoverProps:_}=function(e){const{bool:n,setTrue:t,setFalse:s}=b.useToggle(!1);return{hoverProps:{ontouchend:t,onMouseEnter:t=>{n?s():e.onMouseEnter(t)},onMouseLeave:n=>{e.onMouseLeave(n)}}}}({onMouseEnter:n=>{j?.hoverStatus.current.recentClose||j?.hoverStatus.current.pendingUnhover||(j&&D.current.wasMouseMoved&&(j.hoverStatus.current.pendingUnhover=!0),D.current.wasMouseMoved&&(j?.hoverProps.onMouseEnter(n),N({key:e,reason:"mouseEnter"})))},onMouseLeave:e=>{j&&(j.hoverStatus.current.pendingUnhover=!1),(z.current?.contains(e.relatedTarget)||E?.current?.parentElement?.contains(e.relatedTarget))&&(D.current.lastMouseLeaveMenuItemdRelatedTarget=e.relatedTarget)}}),{pressProps:q}=u.usePress(y?()=>{}:$);t.useEffect((()=>{W&&B.current?.focus()}),[W]);const{interactionProps:J}=m.useInteractionStyle({isDisabled:y}),{classes:Q,styles:{iconLabelContainer:V,iconContainer:X,startIconContainer:Y,labelContainer:Z,endIconContainer:ee}}=c.useComponentTheme(f.MenuItemRedwoodTheme,{current:W?"isCurrent":"notCurrent",focusRing:A?"isFocusRing":"notFocusRing",variant:y?"disabled":S,containerFocused:G?"isContainerFocused":"notContainerFocused",submenuOpen:F?"isSubmenuOpen":"notSubmenuOpen"}),ne=l.mergeInterpolations([...Object.values(d.flexitemInterpolations)]),{class:te,...se}=ne({flex:"1 1 auto",alignSelf:"center"}),{class:oe,...re}=ne({flex:"0 0 auto",alignSelf:"center"}),ae=o.classNames([oe,V,X,Y]),ue=o.classNames([te,V,Z]),ie=o.classNames([oe,V,X,ee]);return n.jsx("div",{role:"presentation",children:n.jsxs("a",{...void 0!==k&&"submenu"===T&&{"aria-owns":k},ref:B,"data-oj-label":r,"data-oj-key":P,class:Q,...a.mergeProps(J,_,q,C.getOpenSubmenuEvent(H,R),C.getMenuItemClickChangeKey(e,N)),role:M,"data-oj-menu-item-key":e,..."submenu"===T&&{"aria-haspopup":!0,"aria-expanded":"bold"===w||!!F},...y&&{"aria-disabled":!0},..."select"===T&&{"aria-checked":!!I},tabIndex:W?0:-1,children:[h&&n.jsx("span",{style:re,class:ae,children:h}),n.jsx("span",{style:se,class:ue,children:n.jsx(s.Text,{variant:"inherit",size:"md",weight:w,children:r})}),(g||L)&&n.jsx("span",{style:re,class:ie,children:g||n.jsx(s.Text,{variant:"inherit",size:"md",weight:"normal",children:L})})]})})}));e.BaseMenuItem=I,e.MenuContainerContext=M,e.MenuContext=g,e.MenuItem=function(e){const s=r.useId(),o=t.useMemo((()=>`oj-menu-item-${s}`),[s]);return n.jsx(I,{...e,role:"menuitem",type:"simple",id:o})},e.useMenuContainerContext=x,e.useMenuContext=v}));
 //# sourceMappingURL=MenuItem-f3de5e35.js.map

package/amd/Message-bbea21c4.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Flex-71f83c12', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './useComponentTheme-5aa41a8f', './timer-571d3748', './classNames-08d99695', './Close-b78b3513', './IconButton-d78fe636', './useTranslationBundle-db326955', './PRIVATE_Message/themes/MessageStyles.css', 'preact', './MessageFormattingUtils-ea0be23e', './MessagesManager-4d5f6217', './utils-9a3f9606'], (function(e,s,a,t,n,r,o,l,i,c,u,m,d,g,f,y){"use strict";function v({onAction:e,variant:a="banner"}){const t=u.useTranslationBundle("@oracle/oraclejet-preact"),n=s.jsx(c.IconButton,{"aria-label":t.message_close(),size:"sm",variant:"borderless",onAction:e,children:s.jsx(i.SvgClose,{})}),r=l.classNames([m.messageCloseButtonStyles.base,m.messageCloseButtonStyles[a]]);return s.jsx("div",{class:r,"data-oj-message-close-button":"",children:n})}function b({item:e,renderer:a}){const t=l.classNames([m.messageStartIconStyles.base,m.messageStartIconStyles.toast,m.messageStartIconStyles.customToast]);return s.jsx("div",{class:t,role:"presentation","data-oj-message-custom-icon":"",children:a(e)})}function p(e){const{detail:a}=e.data;return g.isValidValueForProp(a)?s.jsx(d.Fragment,{children:a}):null}function x({item:e,renderer:a,variant:t="banner"}){const n=null!=a,r=(a??p)(e);if(null==r)return null;const o=l.classNames([m.messageDetailStyles.base,m.messageDetailStyles[t]]);return s.jsx("div",{class:o,...n?{"data-oj-message-custom-detail":""}:{},children:r})}function j({children:e,variant:a="banner"}){const t=l.classNames([m.messageHeaderStyles.base,m.messageHeaderStyles[a]]);return s.jsx("div",{role:"presentation",class:t,children:e})}function S({value:e,variant:a="banner"}){const t=l.classNames([m.messageTimestampStyles[a]]),n=g.formatTimestamp(e);return s.jsx("div",{class:t,children:n})}function h(e){return g.isValidValueForProp(e,"severity")&&"none"!==e}e.Message=function({detailRenderer:e,iconRenderer:i,item:c,onClose:u,messageRef:d=()=>{},variant:p="pageBanner"}){const{closeAffordance:C="on",severity:B="error",sound:M,summary:T,timestamp:k}=c.data,{autoTimeout:F="off"}=c.data,I=function(e){return"pageBanner"===e||"sectionBanner"===e?"banner":"toast"}(p),N=a.useCallback((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)&&f.playSound(M),A&&E(),()=>{U()})),[]);const{variantClasses:_}=r.useComponentTheme(n.MessageBannerRedwoodTheme,{severity:B}),H=l.classNames(["banner"===I&&_,m.messageStyles.base[I],"toast"!==p&&f.severityBasedStyleClass(B,I),"sectionBanner"===p&&m.messageStyles.section]),$=l.classNames([m.messageStyles.content.base,m.messageStyles.content[I]]),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(f.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(b,{item:c,renderer:i}):h(B)?s.jsx(f.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-4b81b412', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './useComponentTheme-5aa41a8f', './timer-571d3748', './classNames-08d99695', './Close-b78b3513', './IconButton-d78fe636', './useTranslationBundle-e4dd341e', './PRIVATE_Message/themes/MessageStyles.css', 'preact', './MessageFormattingUtils-ea0be23e', './MessagesManager-4d5f6217', './utils-9a3f9606'], (function(e,s,a,t,n,r,o,l,i,c,u,m,d,g,y,f){"use strict";function v({onAction:e,variant:a="banner"}){const t=u.useTranslationBundle("@oracle/oraclejet-preact"),n=s.jsx(c.IconButton,{"aria-label":t.message_close(),size:"sm",variant:"borderless",onAction:e,children:s.jsx(i.SvgClose,{})}),r=l.classNames([m.messageCloseButtonStyles.base,m.messageCloseButtonStyles[a]]);return s.jsx("div",{class:r,"data-oj-message-close-button":"",children:n})}function b({item:e,renderer:a}){const t=l.classNames([m.messageStartIconStyles.base,m.messageStartIconStyles.toast,m.messageStartIconStyles.customToast]);return s.jsx("div",{class:t,role:"presentation","data-oj-message-custom-icon":"",children:a(e)})}function p(e){const{detail:a}=e.data;return g.isValidValueForProp(a)?s.jsx(d.Fragment,{children:a}):null}function x({item:e,renderer:a,variant:t="banner"}){const n=null!=a,r=(a??p)(e);if(null==r)return null;const o=l.classNames([m.messageDetailStyles.base,m.messageDetailStyles[t]]);return s.jsx("div",{class:o,...n?{"data-oj-message-custom-detail":""}:{},children:r})}function j({children:e,variant:a="banner"}){const t=l.classNames([m.messageHeaderStyles.base,m.messageHeaderStyles[a]]);return s.jsx("div",{role:"presentation",class:t,children:e})}function S({value:e,variant:a="banner"}){const t=l.classNames([m.messageTimestampStyles[a]]),n=g.formatTimestamp(e);return s.jsx("div",{class:t,children:n})}function h(e){return g.isValidValueForProp(e,"severity")&&"none"!==e}e.Message=function({detailRenderer:e,iconRenderer:i,item:c,onClose:u,messageRef:d=()=>{},variant:p="pageBanner"}){const{closeAffordance:C="on",severity:B="error",sound:M,summary:T,timestamp:k}=c.data,{autoTimeout:F="off"}=c.data,I=function(e){return"pageBanner"===e||"sectionBanner"===e?"banner":"toast"}(p),N=a.useCallback((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(b,{item:c,renderer:i}):h(B)?s.jsx(y.MessageStartIcon,{severity:B,variant:I}):null,s.jsx(t.Flex,{direction:"column",flex:"1",gap:f.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}));
 //# sourceMappingURL=Message-bbea21c4.js.map

package/amd/MessageBanner-5c18f23c.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Message-bbea21c4', 'preact', './useComponentTheme-5aa41a8f', './useTestId-6160e7a2', './LayerHost-1a734852', 'preact/compat', './classNames-08d99695', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-0761844d', 'css!./IconStyle.styles.css', './clientHints-6d361eaa', './IconButton-d78fe636', './useTranslationBundle-db326955', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './MessagesManager-4d5f6217', './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 C={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}})},k={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(),[w,b]=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 b(!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?(b(!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 w||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:C,initialAnimationStyles:k,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}}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Message-bbea21c4', 'preact', './useComponentTheme-5aa41a8f', './useTestId-f4240cbd', './LayerHost-0b288129', 'preact/compat', './classNames-08d99695', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-66f3844a', 'css!./IconStyle.styles.css', './clientHints-6d361eaa', './IconButton-d78fe636', './useTranslationBundle-e4dd341e', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './MessagesManager-4d5f6217', './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,T,b,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(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(b.LiveRegion,{children:v})]})}):null}}));
 //# sourceMappingURL=MessageBanner-5c18f23c.js.map

package/amd/MessageLayer-cb7cbb34.js

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

package/amd/{MessageLayer-24870def.js.map → MessageLayer-cb7cbb34.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MessageLayer-24870def.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-cb7cbb34.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"}