@oracle/oraclejet-preact 20.1.4 → 20.1.5

package/amd/Label-bb51506c.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './FormFieldContext-a024b891', './useFormFieldContext-9260f081', './classNames-08d99695', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './useComponentTheme-db55de25', './TabbableModeContext-a9c97640', './LayerHost-0b288129', 'preact/compat', './safeHref-e764caa8', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './Flex-4b81b412', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './useTooltip-31ac71c4', './useScale-04a448c3', './useDensity-8a10fc70', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-d855e8f2', 'css!./IconStyle.styles.css', './clientHints-6d361eaa', './IconButton-be3bd92a', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './logger-00b673c5', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './InputGroupContext-372087af', './Popup-195ebcbf', './UNSAFE_Separator/themes/SeparatorStyles.css', './CompactLabelAssistance-002f7b2f', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './truncationUtils-84dea8ba', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_Label/themes/redwood/LabelTheme'], (function(e,s,t,a,o,n,l,i,r,d,c,u,m,p,b,F,h,y,x,T,S,f,C,A,g,U,M,w,N,R,E,L,V,I,_,D,B,j,v,P,k,H,O,W,q,G,z,J,K){"use strict";const Q=({children:e,labelRef:a,hasValue:o,isFocused:n,...l})=>{const i=t.useRef(null),r=a??i,{detectTruncationProps:d,isTextTruncated:c}=(({isDisabled:e=!1,rootRef:s})=>{const[a,o]=t.useState(!1),n=t.useRef(),l=t.useCallback((()=>{clearTimeout(n.current),n.current=setTimeout((()=>{const e=z.detectTruncation(s);o(e)}),1e3)}),[s]),i=t.useCallback((()=>{clearTimeout(n.current),n.current=void 0,o(!1)}),[]);return{detectTruncationProps:e?{}:{onMouseOver:l,onMouseOut:i},isTextTruncated:a}})({rootRef:r}),u=C.useScale()||"lg",m=A.useDensity()||"standard",p={sm:3,md:3.5,lg:4}[u],b="standard"===m?0:-p,F={sm:Math.max(p+b,3),md:Math.max(1.14*p+b,3.5),lg:2*p+b},h=o||n?F[u]+5:Math.max(5.75*p+b,16),{tooltipContent:y,tooltipProps:x}=f.useTooltip({offset:{mainAxis:h,crossAxis:-4*p-1},position:"top-start",text:e,isDisabled:!c}),{"aria-describedby":T,...S}=x;return s.jsxs(s.Fragment,{children:[s.jsx("label",{ref:r,...d,...l,...S,children:e}),y]})},X=({hasValue:e,readonly:t,disabled:a,isFocused:o,isRequiredShown:l,labelRef:d,helpIconId:c,helpSourceLink:u,helpSourceText:m,userAssistanceDensity:p="reflow",variant:b="inside",parentComponentVariant:F="textField",...h})=>{const{isFormLayout:y,isReadonly:x,labelWrapping:T}=i.useFormContext(),S="inside"===b,f="textField"===F,C=R.getClientHints(),A=S&&!a&&"textField"===F,{classes:g,styles:{safariAfter:U,uaDensityCompactLabel:M,uaDensityCompactLabelStart:w,uaDensityCompactLabelTopInside:N}}=r.useComponentTheme(K.LabelRedwoodTheme,{labelWrapping:T,position:b,inside:S?"isInside":"notInside",inEnabledForm:y&&!x?"isInEnabledForm":"notInEnabledForm",readonly:t?"isReadonly":"notReadonly",focused:o?"isFocused":"nonFocused",formLayout:y?"isFormLayout":"nonFormLayout",readonlyForm:x?"isReadonlyForm":"notReadonlyForm",textField:f?"isTextField":"notTextField",value:e?"hasValue":"noValue",valueOrFocus:e||o?"hasValueOrFocus":"noValueOrFocus",animatedWhenInside:f?"isAnimated":"notAnimated",disabled:f&&a?"isDisabled":"nonDisabled",userAssistanceDensity:p}),{baseTheme:E}=r.useComponentTheme(J.TextFieldRedwoodTheme),L="safari"===C.browser?U:void 0,V=n.classNames([L,M,"start"===b?w:N]),I=A?s.jsx(Q,{...h,class:V,hasValue:e,isFocused:o,labelRef:d}):s.jsx("label",{...h,class:V});return"compact"===p?s.jsxs("div",{class:n.classNames([g,E]),children:["start"!==b&&I,s.jsx(W.CompactLabelAssistance,{isRequiredShown:l,helpIconId:c,helpSourceLink:u,helpSourceText:m,labelEdge:"top"===b||"start"===b?b:"inside"}),"start"===b&&I]}):A?s.jsx(Q,{...h,class:n.classNames([L,g,E]),hasValue:e,isFocused:o,labelRef:d}):s.jsx("label",{"aria-disabled":a?"true":void 0,...h,class:n.classNames([L,g,E])})};e.Label=({forId:e,...t})=>{const{hasValue:a,isDisabled:n,isFocused:l,isReadonly:i}=o.useFormFieldContext();return s.jsx(X,{for:e,hasValue:a,disabled:n,isFocused:l,readonly:i,...t})}}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './FormFieldContext-a024b891', './useFormFieldContext-9260f081', './classNames-08d99695', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './useComponentTheme-db55de25', './TabbableModeContext-a9c97640', './LayerHost-1a734852', 'preact/compat', './safeHref-e764caa8', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './Flex-71f83c12', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './useTooltip-c03bc796', './useScale-404175fb', './useDensity-622a2d34', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-2f3b01e4', 'css!./IconStyle.styles.css', './clientHints-6d361eaa', './IconButton-be3bd92a', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './logger-00b673c5', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './InputGroupContext-372087af', './Popup-224c908e', './UNSAFE_Separator/themes/SeparatorStyles.css', './CompactLabelAssistance-89684859', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './truncationUtils-84dea8ba', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_Label/themes/redwood/LabelTheme'], (function(e,s,t,a,o,n,l,i,r,d,c,u,m,p,b,F,h,y,x,T,S,C,f,A,g,U,M,w,N,R,E,L,V,I,_,D,B,j,v,P,k,H,O,W,q,G,z,J,K){"use strict";const Q=({children:e,labelRef:a,hasValue:o,isFocused:n,...l})=>{const i=t.useRef(null),r=a??i,{detectTruncationProps:d,isTextTruncated:c}=(({isDisabled:e=!1,rootRef:s})=>{const[a,o]=t.useState(!1),n=t.useRef(),l=t.useCallback((()=>{clearTimeout(n.current),n.current=setTimeout((()=>{const e=z.detectTruncation(s);o(e)}),1e3)}),[s]),i=t.useCallback((()=>{clearTimeout(n.current),n.current=void 0,o(!1)}),[]);return{detectTruncationProps:e?{}:{onMouseOver:l,onMouseOut:i},isTextTruncated:a}})({rootRef:r}),u=f.useScale()||"lg",m=A.useDensity()||"standard",p={sm:3,md:3.5,lg:4}[u],b="standard"===m?0:-p,F={sm:Math.max(p+b,3),md:Math.max(1.14*p+b,3.5),lg:2*p+b},h=o||n?F[u]+5:Math.max(5.75*p+b,16),{tooltipContent:y,tooltipProps:x}=C.useTooltip({offset:{mainAxis:h,crossAxis:-4*p-1},position:"top-start",text:e,isDisabled:!c}),{"aria-describedby":T,...S}=x;return s.jsxs(s.Fragment,{children:[s.jsx("label",{ref:r,...d,...l,...S,children:e}),y]})},X=({hasValue:e,readonly:t,disabled:a,isFocused:o,isRequiredShown:l,labelRef:d,helpIconId:c,helpSourceLink:u,helpSourceText:m,userAssistanceDensity:p="reflow",variant:b="inside",parentComponentVariant:F="textField",...h})=>{const{isFormLayout:y,isReadonly:x,labelWrapping:T}=i.useFormContext(),S="inside"===b,C="textField"===F,f=R.getClientHints(),A=S&&!a&&"textField"===F,{classes:g,styles:{safariAfter:U,uaDensityCompactLabel:M,uaDensityCompactLabelStart:w,uaDensityCompactLabelTopInside:N}}=r.useComponentTheme(K.LabelRedwoodTheme,{labelWrapping:T,position:b,inside:S?"isInside":"notInside",inEnabledForm:y&&!x?"isInEnabledForm":"notInEnabledForm",readonly:t?"isReadonly":"notReadonly",focused:o?"isFocused":"nonFocused",formLayout:y?"isFormLayout":"nonFormLayout",readonlyForm:x?"isReadonlyForm":"notReadonlyForm",textField:C?"isTextField":"notTextField",value:e?"hasValue":"noValue",valueOrFocus:e||o?"hasValueOrFocus":"noValueOrFocus",animatedWhenInside:C?"isAnimated":"notAnimated",disabled:C&&a?"isDisabled":"nonDisabled",userAssistanceDensity:p}),{baseTheme:E}=r.useComponentTheme(J.TextFieldRedwoodTheme),L="safari"===f.browser?U:void 0,V=n.classNames([L,M,"start"===b?w:N]),I=A?s.jsx(Q,{...h,class:V,hasValue:e,isFocused:o,labelRef:d}):s.jsx("label",{...h,class:V});return"compact"===p?s.jsxs("div",{class:n.classNames([g,E]),children:["start"!==b&&I,s.jsx(W.CompactLabelAssistance,{isRequiredShown:l,helpIconId:c,helpSourceLink:u,helpSourceText:m,labelEdge:"top"===b||"start"===b?b:"inside"}),"start"===b&&I]}):A?s.jsx(Q,{...h,class:n.classNames([L,g,E]),hasValue:e,isFocused:o,labelRef:d}):s.jsx("label",{"aria-disabled":a?"true":void 0,...h,class:n.classNames([L,g,E])})};e.Label=({forId:e,...t})=>{const{hasValue:a,isDisabled:n,isFocused:l,isReadonly:i}=o.useFormFieldContext();return s.jsx(X,{for:e,hasValue:a,disabled:n,isFocused:l,readonly:i,...t})}}));
 //# sourceMappingURL=Label-bb51506c.js.map

package/amd/LabelValueLayout-20843443.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', './useFormFieldContext-9260f081', './StyledLabelValueLayout-907bc2d3', './useComponentTheme-db55de25', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_TextField/themes/redwood/FormLayoutTheme', './formControlUtils-132b4c30'], (function(e,t,l,a,o,s,n,r,m,d,b,i,p){"use strict";e.LabelValueLayout=({columnSpan:e=1,label:a,labelEdge:s,children:u,labelStartWidth:h="33%",parentComponentVariant:S="textField",...y})=>{const{baseTheme:F}=m.useComponentTheme(d.TextFieldRedwoodTheme),{baseTheme:x}=m.useComponentTheme(b.LabelRedwoodTheme),{baseTheme:T}=m.useComponentTheme(i.FormLayoutRedwoodTheme),c=S.startsWith("text"),C="formComponentWrapper"===S,L="unknown"===S,W="start"===s,w="top"===s||"inside"===s,f="inside"===s,A=p.computeStartLabelWidth(h,e),I=`calc(100% - ${A})`,U=!!y.hasTopUserAssistance,N=W?{flexBasis:A,width:A,maxWidth:A}:{},R=W?{flexBasis:I,width:I,maxWidth:I}:{},{isFormLayout:E,isReadonly:V,labelWrapping:g}=o.useFormContext(),{isReadonly:P}=n.useFormFieldContext(),_=E&&V||!E&&P,j=l.classNames([T,r.labelSlotStyles.base,W&&r.labelSlotStyles.start,w&&r.labelSlotStyles.top,w&&U&&r.labelSlotStyles.topAndTopUA,w&&_&&r.labelSlotStyles.topPureReadonly]),k=l.classNames([c&&F,x,T,r.labelInnerStyles.base,W&&r.labelInnerStyles.start,L&&W&&r.labelInnerStyles.startUnknownParent,c&&W&&!_&&r.labelInnerStyles.startNotPureReadonly,C&&f&&r.labelInnerStyles.insideFormComponentWrapper,C&&W&&!_&&!U&&r.labelInnerStyles.startWithoutTopFormComponentWrapperUA,"truncate"===g&&r.labelInnerStyles.noWrap]);return t.jsx(r.StyledLabelValueLayout,{flexAlign:P&&W?"stretch":"start",labelStyleClasses:j,labelStyles:N,labelInnerClasses:k,label:a,valueStyles:R,children:u})}}));
+define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', './useFormFieldContext-9260f081', './StyledLabelValueLayout-16ac9a5e', './useComponentTheme-db55de25', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_TextField/themes/redwood/FormLayoutTheme', './formControlUtils-132b4c30'], (function(e,t,l,a,o,s,n,r,m,d,b,i,p){"use strict";e.LabelValueLayout=({columnSpan:e=1,label:a,labelEdge:s,children:u,labelStartWidth:h="33%",parentComponentVariant:S="textField",...y})=>{const{baseTheme:F}=m.useComponentTheme(d.TextFieldRedwoodTheme),{baseTheme:x}=m.useComponentTheme(b.LabelRedwoodTheme),{baseTheme:T}=m.useComponentTheme(i.FormLayoutRedwoodTheme),c=S.startsWith("text"),C="formComponentWrapper"===S,L="unknown"===S,W="start"===s,w="top"===s||"inside"===s,f="inside"===s,A=p.computeStartLabelWidth(h,e),I=`calc(100% - ${A})`,U=!!y.hasTopUserAssistance,N=W?{flexBasis:A,width:A,maxWidth:A}:{},R=W?{flexBasis:I,width:I,maxWidth:I}:{},{isFormLayout:E,isReadonly:V,labelWrapping:g}=o.useFormContext(),{isReadonly:P}=n.useFormFieldContext(),_=E&&V||!E&&P,j=l.classNames([T,r.labelSlotStyles.base,W&&r.labelSlotStyles.start,w&&r.labelSlotStyles.top,w&&U&&r.labelSlotStyles.topAndTopUA,w&&_&&r.labelSlotStyles.topPureReadonly]),k=l.classNames([c&&F,x,T,r.labelInnerStyles.base,W&&r.labelInnerStyles.start,L&&W&&r.labelInnerStyles.startUnknownParent,c&&W&&!_&&r.labelInnerStyles.startNotPureReadonly,C&&f&&r.labelInnerStyles.insideFormComponentWrapper,C&&W&&!_&&!U&&r.labelInnerStyles.startWithoutTopFormComponentWrapperUA,"truncate"===g&&r.labelInnerStyles.noWrap]);return t.jsx(r.StyledLabelValueLayout,{flexAlign:P&&W?"stretch":"start",labelStyleClasses:j,labelStyles:N,labelInnerClasses:k,label:a,valueStyles:R,children:u})}}));
 //# sourceMappingURL=LabelValueLayout-20843443.js.map

package/amd/LabelledLinkVariants.styles.css

@@ -1,16 +1,16 @@
-.LabelledLinkVariants_multiVariantStyles_compound_0__19wz0pf6 {
+.LabelledLinkVariants_multiVariantStyles_compound_0__l9dkig6 {
   white-space: nowrap;
   overflow-x: scroll;
   overflow-y: hidden;
   scrollbar-width: none;
   padding-inline: var(--textToEdgePadding__w6gg1y9);
 }
-.LabelledLinkVariants_multiVariantStyles_compound_1__19wz0pf7 {
+.LabelledLinkVariants_multiVariantStyles_compound_1__l9dkig7 {
   height: 100%;
   padding-top: calc(var(--insideEdgePaddingTop__w6gg1yh) + 0.1875rem);
   display: flex;
   align-items: center;
 }
-.LabelledLinkVariants_multiVariantStyles_compound_2__19wz0pf8 {
+.LabelledLinkVariants_multiVariantStyles_compound_2__l9dkig8 {
   padding-block: 3px;
 }

package/amd/LabelledLinkVariants.styles2.css

@@ -1,16 +1,16 @@
-.LabelledLinkVariants_multiVariantStyles_compound_0__l9dkig6 {
+.LabelledLinkVariants_multiVariantStyles_compound_0__19wz0pf6 {
   white-space: nowrap;
   overflow-x: scroll;
   overflow-y: hidden;
   scrollbar-width: none;
   padding-inline: var(--textToEdgePadding__w6gg1y9);
 }
-.LabelledLinkVariants_multiVariantStyles_compound_1__l9dkig7 {
+.LabelledLinkVariants_multiVariantStyles_compound_1__19wz0pf7 {
   height: 100%;
   padding-top: calc(var(--insideEdgePaddingTop__w6gg1yh) + 0.1875rem);
   display: flex;
   align-items: center;
 }
-.LabelledLinkVariants_multiVariantStyles_compound_2__l9dkig8 {
+.LabelledLinkVariants_multiVariantStyles_compound_2__19wz0pf8 {
   padding-block: 3px;
 }

package/amd/Layer-64bf71ad.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './LayerHost-1a734852', './classNames-08d99695', './UNSAFE_Layer/themes/LayerStyles.css', './useThemeInterpolations-53e9343f'], (function(e,t,o,s,r,a,l){"use strict";const n=Symbol.for("oj-logical-parent");e.LOGICAL_PARENT=n,e.Layer=({children:e,logicalParentRef:i,isModal:y=!1,priority:c="popup",level:u="nearestAncestor"})=>{const[m,p]=o.useState(null),d=o.useRef(null),L=o.useContext(s.LayerContext),g=e=>{d.current=e,p(e)},f=l.useThemeInterpolations(i);let S=a.styles.popupPriorityStyle;switch(c){case"dialog":S=a.styles.dialogPriorityStyle;break;case"messages":S=a.styles.messagesPriorityStyle;break;case"tooltip":S=a.styles.tooltipPriorityStyle;break;default:S=a.styles.popupPriorityStyle}const b=r.classNames([f,a.baseStyle,S]);o.useLayoutEffect((()=>{const e="topLevel"===u?L.getRootLayerHost?.(c):L.getLayerHost?.(c);if(!e)return;const t=(e.ownerDocument??document).createElement("div");return t.setAttribute("data-oj-layer",y?"modal":"modeless"),i&&(t[n]=l.toUnsafeDomElement(i)),e.appendChild(t),g(t),()=>{e&&t&&e.contains(t)&&(delete t[n],e.removeChild(t)),L.onLayerUnmount&&L.onLayerUnmount(t),g(null)}}),[i,L,u,c,y]),m&&(m.className=b);const H=o.useCallback((()=>m),[m]),P=o.useMemo((()=>L.getLayerHost?{getRootLayerHost:L.getRootLayerHost?.bind(null,c),getLayerHost:H.bind(null)}:{}),[L.getLayerHost,L.getRootLayerHost,H,c]);return t.jsx(s.LayerContext.Provider,{value:P,children:m&&o.createPortal(e,m)})}}));
+//# sourceMappingURL=Layer-64bf71ad.js.map

package/amd/Layer-64bf71ad.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layer-64bf71ad.js","sources":["../../src/UNSAFE_Layer/Layer.tsx"],"sourcesContent":["import { VNode, type RefObject } from 'preact';\nimport {\n  createPortal,\n  useContext,\n  useLayoutEffect,\n  useState,\n  useRef,\n  useMemo,\n  useCallback\n} from 'preact/compat';\nimport { LayerContext, LayerContextProps, LayerLevel, LayerPriority } from './LayerContext';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { baseStyle, styles } from './themes/LayerStyles.css';\nimport { useThemeInterpolations } from '../hooks/UNSAFE_useThemeInterpolations/useThemeInterpolations';\nimport { toUnsafeDomElement } from '#utils/PRIVATE_unsafeDomRefUtils/unsafeDomRefUtils';\nimport { UnsafeDomHandle } from '#utils/UNSAFE_unsafeDomAccess';\n\nexport const LOGICAL_PARENT = Symbol.for('oj-logical-parent');\n\ntype Props = {\n  /**\n   * The content to be re-parented using Portal\n   */\n  children: VNode;\n  /**\n   * Logical parent of the re-parented content. Typically the 'launcher' associated\n   * with the popup.\n   */\n  logicalParentRef?: RefObject<Element> | RefObject<UnsafeDomHandle<Element>> | null;\n  /**\n   * Determines if this layer contains a Modal.\n   */\n  isModal?: boolean;\n  /**\n   * Determines Layer's stacking context. Components that always need to render on top of other popup\n   * elements (such as Messages) should use respective priority value. The default priority level is 'popup'.\n   */\n  priority?: LayerPriority;\n  /**\n   * Determines Layer's nesting context. By default, new layers will render in the context of a parent Layer,\n   * if it exists (nearestAncestor)). Some popup components (such as Dialog and Message) may need to set up\n   * a new nesting context as(topLevel).\n   */\n  level?: LayerLevel;\n};\n\nexport type LayerElement = HTMLElement & {\n  [LOGICAL_PARENT]?: Element | null;\n};\n\nconst Layer = ({\n  children,\n  logicalParentRef,\n  isModal = false,\n  priority = 'popup',\n  level = 'nearestAncestor'\n}: Props) => {\n  const [layerContainer, _setLayerContainer] = useState<Element | null>(null);\n  const layerContainerRef = useRef<Element | null>(null);\n\n  const context = useContext(LayerContext);\n\n  const setLayerContainer = (elem: Element | null) => {\n    layerContainerRef.current = elem;\n    _setLayerContainer(elem);\n  };\n\n  // because the children are being rendered into a portal that is out of the flow of parent dom,\n  // we need to specify the colorScheme and scale class names here to pick up the correct CSS styles.\n  const themeClasses = useThemeInterpolations(logicalParentRef);\n\n  let priorityStyle = styles.popupPriorityStyle;\n\n  switch (priority) {\n    case 'dialog': {\n      priorityStyle = styles.dialogPriorityStyle;\n      break;\n    }\n    case 'messages': {\n      priorityStyle = styles.messagesPriorityStyle;\n      break;\n    }\n    case 'tooltip': {\n      priorityStyle = styles.tooltipPriorityStyle;\n      break;\n    }\n    default: {\n      priorityStyle = styles.popupPriorityStyle;\n      break;\n    }\n  }\n\n  const classes = classNames([themeClasses, baseStyle, priorityStyle]);\n\n  // Really need useLayoutEffect instead of useEffect here. Otherwise the re-parented\n  // content does not get re-rendered with valid ref's\n  useLayoutEffect(() => {\n    const host =\n      level === 'topLevel'\n        ? context.getRootLayerHost?.(priority)\n        : context.getLayerHost?.(priority);\n\n    if (!host) return;\n    const doc = host.ownerDocument ?? document;\n    const layer: LayerElement = doc.createElement('div');\n\n    layer.setAttribute('data-oj-layer', isModal ? 'modal' : 'modeless');\n\n    if (logicalParentRef) {\n      layer[LOGICAL_PARENT] = toUnsafeDomElement(logicalParentRef);\n    }\n    host.appendChild(layer);\n    setLayerContainer(layer);\n\n    return () => {\n      if (host && layer && host.contains(layer)) {\n        delete layer[LOGICAL_PARENT];\n        host.removeChild(layer);\n      }\n      if (context.onLayerUnmount) {\n        context.onLayerUnmount(layer);\n      }\n      setLayerContainer(null);\n    };\n  }, [logicalParentRef, context, level, priority, isModal]);\n\n  // add the colorScheme and scale classes if there is a layerContainer\n  if (layerContainer) {\n    // use the theme interpolations to set the appropriate style classes for colorScheme and scale\n    layerContainer.className = classes;\n  }\n\n  const getLayerHost = useCallback(() => {\n    return layerContainer;\n  }, [layerContainer]);\n\n  const newLayerContext = useMemo(() => {\n    if (context.getLayerHost) {\n      return {\n        getRootLayerHost: context.getRootLayerHost?.bind(null, priority),\n        getLayerHost: getLayerHost.bind(null)\n      };\n    } else {\n      return {};\n    }\n  }, [context.getLayerHost, context.getRootLayerHost, getLayerHost, priority]);\n\n  return (\n    <LayerContext.Provider value={newLayerContext as LayerContextProps}>\n      {layerContainer && createPortal(children, layerContainer)}\n    </LayerContext.Provider>\n  );\n};\n\nexport default Layer;\n"],"names":["LOGICAL_PARENT","Symbol","for","children","logicalParentRef","isModal","priority","level","layerContainer","_setLayerContainer","useState","layerContainerRef","useRef","context","useContext","LayerContext","setLayerContainer","elem","current","themeClasses","useThemeInterpolations","priorityStyle","styles","popupPriorityStyle","dialogPriorityStyle","messagesPriorityStyle","tooltipPriorityStyle","classes","classNames","baseStyle","useLayoutEffect","host","getRootLayerHost","getLayerHost","layer","ownerDocument","document","createElement","setAttribute","toUnsafeDomElement","appendChild","contains","removeChild","onLayerUnmount","className","useCallback","newLayerContext","useMemo","bind","_jsx","Provider","value","createPortal"],"mappings":"yNAiBa,MAAAA,EAAiBC,OAAOC,IAAI,gDAiC3B,EACZC,WACAC,mBACAC,WAAU,EACVC,WAAW,QACXC,QAAQ,sBAER,MAAOC,EAAgBC,GAAsBC,EAAQA,SAAiB,MAChEC,EAAoBC,SAAuB,MAE3CC,EAAUC,aAAWC,EAAAA,cAErBC,EAAqBC,IACzBN,EAAkBO,QAAUD,EAC5BR,EAAmBQ,EAAK,EAKpBE,EAAeC,yBAAuBhB,GAE5C,IAAIiB,EAAgBC,EAAMA,OAACC,mBAE3B,OAAQjB,GACN,IAAK,SACHe,EAAgBC,EAAMA,OAACE,oBACvB,MAEF,IAAK,WACHH,EAAgBC,EAAMA,OAACG,sBACvB,MAEF,IAAK,UACHJ,EAAgBC,EAAMA,OAACI,qBACvB,MAEF,QACEL,EAAgBC,EAAMA,OAACC,mBAK3B,MAAMI,EAAUC,EAAAA,WAAW,CAACT,EAAcU,EAASA,UAAER,IAIrDS,EAAAA,iBAAgB,KACd,MAAMC,EACM,aAAVxB,EACIM,EAAQmB,mBAAmB1B,GAC3BO,EAAQoB,eAAe3B,GAE7B,IAAKyB,EAAM,OACX,MACMG,GADMH,EAAKI,eAAiBC,UACFC,cAAc,OAU9C,OARAH,EAAMI,aAAa,gBAAiBjC,EAAU,QAAU,YAEpDD,IACF8B,EAAMlC,GAAkBuC,EAAkBA,mBAACnC,IAE7C2B,EAAKS,YAAYN,GACjBlB,EAAkBkB,GAEX,KACDH,GAAQG,GAASH,EAAKU,SAASP,YAC1BA,EAAMlC,GACb+B,EAAKW,YAAYR,IAEfrB,EAAQ8B,gBACV9B,EAAQ8B,eAAeT,GAEzBlB,EAAkB,KAAK,CACxB,GACA,CAACZ,EAAkBS,EAASN,EAAOD,EAAUD,IAG5CG,IAEFA,EAAeoC,UAAYjB,GAG7B,MAAMM,EAAeY,EAAAA,aAAY,IACxBrC,GACN,CAACA,IAEEsC,EAAkBC,EAAAA,SAAQ,IAC1BlC,EAAQoB,aACH,CACLD,iBAAkBnB,EAAQmB,kBAAkBgB,KAAK,KAAM1C,GACvD2B,aAAcA,EAAae,KAAK,OAG3B,IAER,CAACnC,EAAQoB,aAAcpB,EAAQmB,iBAAkBC,EAAc3B,IAElE,OACE2C,MAAClC,EAAYA,aAACmC,SAAS,CAAAC,MAAOL,EAAoC3C,SAC/DK,GAAkB4C,EAAAA,aAAajD,EAAUK,IAE5C"}

package/amd/LayerHost-1a734852.js

@@ -0,0 +1,2 @@
+define(['exports', './index-055933ab', 'preact', 'preact/jsx-runtime', 'preact/compat', './UNSAFE_Layer/themes/LayerHostStyles.css'], (function(e,t,o,r,n,a){"use strict";const c={user:{locale:document.documentElement.getAttribute("lang")||"en",direction:"rtl"===document.documentElement.getAttribute("dir")?.toLowerCase()?"rtl":"ltr",forcedColors:window.matchMedia?.("(forced-colors: active)")?.matches?"active":"none"},theme:t.o,colorScheme:"light",scale:"lg",currentBgColor:void 0,mode:"production",density:"standard"},s=o.createContext(c),d=o.createContext({}),i=n.forwardRef(((e,t)=>r.jsx("div",{id:"__root_layer_host",role:"presentation",ref:t,class:a.baseStyle})));i.displayName="Forwarded<LayerHost>",e.DefaultEnvironment=c,e.EnvironmentContext=s,e.LayerContext=d,e.LayerHost=i}));
+//# sourceMappingURL=LayerHost-1a734852.js.map

package/amd/LayerHost-1a734852.js.map

@@ -0,0 +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"}

package/amd/LayerManager-5ba8e6ed.js

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

package/amd/LayerManager-5ba8e6ed.js.map

@@ -0,0 +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"}

package/amd/Legend-a5c5da73.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './useLegendContextMenu-5d461b88', './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,d,a,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:d})=>{let a=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(d,g,t,i,o);l=I,a=c,r=u,m=I>h;return{totalWidth:l,maxItemWidth:Math.min(a,h),maxItemHeight:r,itemsPerRow:"vertical"===s?1:Math.max(1,Math.floor(h/a)),isWrapped:m}},R=(e,t,n,s,i,o)=>{let d=0,a=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,d=Math.max(d,l+g),a=Math.max(a,h,m)})),{maxItemWidth:d,maxItemHeight:a,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,d,a,r,l){if(!l)return;const m=S({width:e,getTextDimensions:l,resolvedVars:s,orientation:i,legendFontStylesObj:d,symbolWidth:a,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}=a.useItemFocus(Z),[oe,de]=n.useState(!1),{datatipContent:ae,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:de,itemDraggable:V.itemDraggable}),ye=d.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 d=n.useMemo((()=>S({width:i,getTextDimensions:z,resolvedVars:A,orientation:e,legendFontStylesObj:B,symbolWidth:V.symbolWidth,symbolHeight:V.symbolHeight,items:b})),[i]),{itemsPerCol:a,itemsPerRow:r}=o.getGridNums(b.length,d);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:a,itemWidth:d?.isWrapped?d?.maxItemWidth:void 0,focusedItemInfo:Z,hoveredItemInfo:ee,activeId:ne,hideAndShowBehavior:P,hoverBehavior:F,isTestEnv:G})}),ae,he,xe]})}}),O,N]})}));e.Legend=M}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './useLegendContextMenu-5d461b88', './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,d,a,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:d})=>{let a=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(d,g,t,i,o);l=I,a=c,r=u,m=I>h;return{totalWidth:l,maxItemWidth:Math.min(a,h),maxItemHeight:r,itemsPerRow:"vertical"===s?1:Math.max(1,Math.floor(h/a)),isWrapped:m}},R=(e,t,n,s,i,o)=>{let d=0,a=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,d=Math.max(d,l+g),a=Math.max(a,h,m)})),{maxItemWidth:d,maxItemHeight:a,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,d,a,r,l){if(!l)return;const m=S({width:e,getTextDimensions:l,resolvedVars:s,orientation:i,legendFontStylesObj:d,symbolWidth:a,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}=a.useItemFocus(Z),[oe,de]=n.useState(!1),{datatipContent:ae,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:de,itemDraggable:V.itemDraggable}),ye=d.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 d=n.useMemo((()=>S({width:i,getTextDimensions:z,resolvedVars:A,orientation:e,legendFontStylesObj:B,symbolWidth:V.symbolWidth,symbolHeight:V.symbolHeight,items:v})),[i]),{itemsPerCol:a,itemsPerRow:r}=o.getGridNums(v.length,d);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:a,itemWidth:d?.isWrapped?d?.maxItemWidth:void 0,focusedItemInfo:Z,hoveredItemInfo:ee,activeId:ne,hideAndShowBehavior:P,hoverBehavior:F,isTestEnv:G})}),ae,he,xe]})}}),O,N]})}));e.Legend=M}));
 //# sourceMappingURL=Legend-a5c5da73.js.map

package/amd/LineAreaChart-0a7c48c0.js

@@ -1,2 +1,2 @@
-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-bf9828b6'], (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-27698a8f', './MarkersWithLabel-2960e007', './dataStyleUtils-1a157bd8', './useUser-e0677e8d', './colorUtils-1c8d0c00', './accUtils-7e057eef', './themeContract.css-b6ec3943', './chartUtils-2415ea65', 'preact/compat', './Chart-bf9828b6'], (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}));
 //# sourceMappingURL=LineAreaChart-0a7c48c0.js.map

package/amd/Link-aef5429d.js

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

package/amd/List-99db89cc.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './classNames-08d99695', './mergeProps-bcfa6a92', './keys-4755c121', './collectionUtils-89bc31e1', './LoadMoreCollection-895f1ed5', './VirtualizedCollection-967c8e06', 'preact/compat', './TabbableModeContext-a9c97640', './useId-c9578d26', './FocusTrap-038b32c3', './useNavigation-58a94f6a', './useInteractionStyle-15a2bdd0', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './PRIVATE_List/themes/ListStyles.css', './Skeleton-a12452e9', './Flex-4b81b412', './ImageVars.css-17386400', './useTheme-da27e1d1', './useTestId-f4240cbd', './ReorderableContext-6d10a1b7', './LayerHost-0b288129', './CollectionInteractionContext-0b4ed98b', './useCollectionInteractionContext-f345e8f7', 'preact', './useSelection-aecb6b23', './useAdditiveSelection-4c04d01c', './useItemAction-f413fdc5', './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-89bc31e1', './LoadMoreCollection-895f1ed5', './VirtualizedCollection-967c8e06', 'preact/compat', './TabbableModeContext-a9c97640', './useId-c9578d26', './FocusTrap-038b32c3', './useNavigation-58a94f6a', './useInteractionStyle-15a2bdd0', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './PRIVATE_List/themes/ListStyles.css', './Skeleton-a12452e9', './Flex-71f83c12', './ImageVars.css-17386400', './useTheme-59bafcbb', './useTestId-6160e7a2', './ReorderableContext-6d10a1b7', './LayerHost-1a734852', './CollectionInteractionContext-0b4ed98b', './useCollectionInteractionContext-f345e8f7', 'preact', './useSelection-48cb7bdf', './useAdditiveSelection-4c04d01c', './useItemAction-f413fdc5', './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-99db89cc.js.map

package/amd/ListItemLayout-23390b90.js

@@ -0,0 +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

package/amd/ListItemLayout-23390b90.js.map

@@ -0,0 +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"}

package/amd/ListStyles.styles.css

@@ -1,137 +1,11 @@
-.ListStyles_listStyles_base__1wld4xf0 {
-  color: var(--oj-c-text-icon-primary);
-  height: 100%;
-  overflow-y: inherit;
-  overflow-anchor: none;
-}
-.ListStyles_listStyles_base__1wld4xf0:focus {
-  outline-style: none;
-}
-.ListStyles_listStyles_userSelect__1wld4xf1 {
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-}
-.ListStyles_listItemStyles_base__1wld4xf2 {
-  display: flex;
-  min-height: var(--oj-c-list-item-height);
+.ListStyles_listStyles_base__131gxbz0 {
+  background-color: inherit;
   box-sizing: border-box;
-  border-top: 1px solid transparent;
-  box-shadow: inset 0px -1px transparent;
-}
-.ListStyles_listItemStyles_checkboxContainer__1wld4xf3 {
-  width: 100%;
-}
-.ListStyles_sparkleStyles_base__1wld4xf4 {
-  position: absolute;
-  top: 0;
-  width: var(--oj-c-size-units, 0.25rem);
-  z-index: 1;
-  display: block;
-  background-image: var(--imageVars_sparkleImg__odczjta);
-  background-repeat: no-repeat;
-  background-size: 100% 100%;
-}
-.ListStyles_sparkleStyles_container__1wld4xf5 {
-  position: relative;
-}
-.ListStyles_skeletonStyles_container__1wld4xf6 {
   height: 100%;
-  overflow-x: hidden;
-  overflow-y: hidden;
-}
-.ListStyles_paddingStyles_allPadding__1wld4xf7 {
-  padding-top: var(--oj-c-list-item-padding-vertical);
-  padding-bottom: var(--oj-c-list-item-padding-vertical);
-  padding-inline-start: var(--oj-c-list-item-padding-horizontal);
-  padding-inline-end: var(--oj-c-list-item-padding-horizontal);
-}
-.ListStyles_paddingStyles_topItemPadding__1wld4xf8 {
-  padding-top: var(--oj-c-list-item-padding-vertical);
-}
-.ListStyles_paddingStyles_bottomItemPadding__1wld4xf9 {
-  padding-bottom: var(--oj-c-list-item-padding-vertical);
-}
-.ListStyles_paddingStyles_startItemPadding__1wld4xfa {
-  padding-inline-start: var(--oj-c-list-item-padding-horizontal);
-}
-.ListStyles_paddingStyles_endItemPadding__1wld4xfb {
-  padding-inline-end: var(--oj-c-list-item-padding-horizontal);
-}
-.ListStyles_listItemMultiVariantStyles_gridlineTop_visible__1wld4xfc {
-  border-top-color: var(--oj-c-border-divider);
-}
-.ListStyles_listItemMultiVariantStyles_gridlineBottom_visible__1wld4xfe {
-  box-shadow: inset 0px -1px var(--oj-c-border-divider);
-}
-.ListStyles_listItemMultiVariantStyles_selected_isSelected__1wld4xfi {
-  background-color: var(--oj-c-surface-selected);
-}
-.ListStyles_listItemMultiVariantStyles_focusRingVisible_isFocusRingVisible__1wld4xfo {
-  outline-style: dotted;
-  outline-width: 1px;
-  outline-offset: -1px;
-  outline-color: var(--oj-c-border-keyboard-focus);
-}
-.ListStyles_listItemMultiVariantStyles_compound_0__1wld4xfw {
-  border-top-color: var(--oj-c-border-selected);
-  box-shadow: inset 0px -1px var(--oj-c-border-selected);
-}
-.ListStyles_listItemMultiVariantStyles_compound_2__1wld4xfy:not(:active) {
-  background-image: linear-gradient(var(--oj-c-overlay-hover), var(--oj-c-overlay-hover));
-}
-.ListStyles_listItemMultiVariantStyles_compound_3__1wld4xfz {
-  background-color: var(--oj-c-overlay-hover);
-}
-.ListStyles_listItemMultiVariantStyles_compound_4__1wld4xf10 {
-  background-image: linear-gradient(var(--oj-c-overlay-hover), var(--oj-c-overlay-hover));
-}
-.ListStyles_listItemMultiVariantStyles_compound_6__1wld4xf12 {
-  background-image: 
-    linear-gradient(
-      var(--oj-c-collection-header-surface-selected),
-      var(--oj-c-collection-header-surface-selected)
-    ),
-    linear-gradient(var(--oj-c-overlay-hover), var(--oj-c-overlay-hover));
-}
-.ListStyles_listGroupHeaderMultiVariantStyles_gridlineTop_visible__1wld4xf13 {
-  border-top-color: var(--oj-c-border-divider);
-}
-.ListStyles_listGroupHeaderMultiVariantStyles_gridlineBottom_visible__1wld4xf15 {
-  box-shadow: inset 0px -1px var(--oj-c-border-divider);
-}
-.ListStyles_listGroupHeaderMultiVariantStyles_expandable_isExpandable__1wld4xf17 {
-  cursor: pointer;
-}
-.ListStyles_listGroupHeaderMultiVariantStyles_expandable_notExpandable__1wld4xf18 {
-  position: sticky;
-  top: 0;
-}
-.ListStyles_listGroupHeaderMultiVariantStyles_focusRingVisible_isFocusRingVisible__1wld4xf1b {
-  outline-style: dotted;
-  outline-width: 1px;
-  outline-offset: -1px;
-  outline-color: var(--oj-c-border-keyboard-focus);
-}
-.ListStyles_listGroupHeaderMultiVariantStyles_compound_1__1wld4xf1i:not(:active) {
-  background-image: linear-gradient(var(--oj-c-overlay-hover), var(--oj-c-overlay-hover));
-}
-.ListStyles_listGroupHeaderMultiVariantStyles_compound_2__1wld4xf1j {
-  background-image: linear-gradient(var(--oj-c-overlay-active), var(--oj-c-overlay-active));
+  position: relative;
+  width: 100%;
+  z-index: 0;
 }
-@media (hover: hover) {
-  .ListStyles_listItemMultiVariantStyles_compound_1__1wld4xfx:hover:not(:active) {
-    background-image: linear-gradient(var(--oj-c-overlay-hover), var(--oj-c-overlay-hover));
-  }
-  .ListStyles_listItemMultiVariantStyles_compound_5__1wld4xf11:hover:not(:active) {
-    background-image: 
-    linear-gradient(
-      var(--oj-c-collection-header-surface-selected),
-      var(--oj-c-collection-header-surface-selected)
-    ),
-    linear-gradient(var(--oj-c-overlay-hover), var(--oj-c-overlay-hover));
-  }
-  .ListStyles_listGroupHeaderMultiVariantStyles_compound_0__1wld4xf1h:hover:not(:active) {
-    background-image: linear-gradient(var(--oj-c-overlay-hover), var(--oj-c-overlay-hover));
-  }
+.ListStyles_listStyles_base__131gxbz0:focus {
+  outline-style: none;
 }