@oracle/oraclejet-preact 19.0.0 → 19.0.2

package/amd/CheckboxControl-c5240f9a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxControl-c5240f9a.js","sources":["../../src/PRIVATE_CheckboxControl/CheckboxControl.tsx"],"sourcesContent":["import { ComponentChild, ComponentProps, Ref, RefObject } from 'preact';\nimport { forwardRef, createRef, useEffect, useRef } from 'preact/compat';\n\nimport { useCheckboxRadioContext } from '../PRIVATE_CheckboxRadioField/CheckboxRadioContext';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useFocus } from '../hooks/UNSAFE_useFocus';\nimport { IconUserAssistance, InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { StyledCheckbox } from '../PRIVATE_StyledCheckbox';\nimport { CheckboxRedwoodTheme } from '../UNSAFE_Checkbox/themes/redwood/CheckboxTheme';\nimport { useActive } from '../hooks/UNSAFE_useActive';\nimport {\n  CheckboxVariantOptions,\n  CheckboxStyles\n} from '../UNSAFE_Checkbox/themes/CheckboxStyles.css';\nimport { useFocusWithin } from '#hooks/UNSAFE_useFocusWithin';\nimport { LayoutColumnSpan, layoutSpanStyles } from '#utils/UNSAFE_styles/Layout';\nimport { classNames } from '#utils/UNSAFE_classNames';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\ntype StyledCheckboxProps = ComponentProps<typeof StyledCheckbox>;\n\ntype CheckboxControlProps = Pick<\n  StyledCheckboxProps,\n  | 'aria-describedby'\n  | 'name'\n  | 'value'\n  | 'onChange'\n  | 'onKeyUp'\n  | 'isReadonly'\n  | 'isDisabled'\n  | 'isRequired'\n> &\n  Pick<InlineUserAssistanceProps, 'assistiveText' | 'helpSourceLink' | 'helpSourceText'> & {\n    /**\n     * Text that describes the checkbox value.\n     */\n    children: ComponentChild;\n    /**\n     * Specifies how many columns to span in a FormLayout with direction === 'row'\n     */\n    columnSpan?: LayoutColumnSpan;\n    /**\n     * Whether the input element is checked.\n     */\n    isChecked?: boolean;\n  };\n\n/**\n * CheckboxControl is an internal subcomponent used by both Checkbox and CheckboxItem.\n * It handles styling, placement of label, assistive text, and accessibility text for both parent components.\n * onCommit handling is handled in the parent components.\n */\nconst CheckboxControl = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      name,\n      value,\n      children,\n      isChecked,\n      isDisabled,\n      isReadonly,\n      isRequired,\n      onChange,\n      onKeyUp,\n      assistiveText,\n      helpSourceLink,\n      helpSourceText,\n      columnSpan = 1\n    }: CheckboxControlProps,\n    ref: Ref<HTMLInputElement> = null\n  ) => {\n    // hooks\n    const id = useId();\n    const childWrapperRef = useRef<HTMLSpanElement>(null);\n    const { isTabbable } = useTabbableMode();\n    const { isActive, activeProps } = useActive();\n    const { isFocusRingShown } = useCheckboxRadioContext();\n    const labelRef = createRef<HTMLLabelElement>();\n    const {\n      isFocus,\n      focusProps: { onFocus, onBlur }\n    } = useFocus();\n\n    // styling\n    const {\n      classes: checkboxClasses,\n      styles: { valueLabelStyle, checkboxSpanStyle }\n    } = useComponentTheme<CheckboxVariantOptions, CheckboxStyles>(CheckboxRedwoodTheme, {\n      cursor: isDisabled || isReadonly ? 'arrow' : 'pointer',\n      disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n      focused: isFocus && isFocusRingShown ? 'isFocused' : 'notFocused'\n    });\n\n    // help available\n    const hasUserAssistive = !isDisabled && !isReadonly && !!(assistiveText || helpSourceLink);\n    const helpAvailableId = hasUserAssistive ? `${id}-help-available` : undefined;\n    const uaId = hasUserAssistive ? `${id}-icon-ua` : undefined;\n    const { formControl_helpAvailable } = useTranslationBundle<BundleType>(\n      '@oracle/oraclejet-preact'\n    );\n    const helpAvailableString = formControl_helpAvailable();\n    const userAssistiveHelp = hasUserAssistive ? (\n      <HiddenAccessible id={helpAvailableId}>{helpAvailableString}</HiddenAccessible>\n    ) : undefined;\n\n    // prevent auto scrolling\n    const onKeyDown = (event: KeyboardEvent) => {\n      const { key } = event;\n      if (!isReadonly && key !== undefined && key === ' ') {\n        event.preventDefault();\n      }\n    };\n\n    // we want to prevent mouseDown on Links to set active\n    const onMouseDownHandler = (e: Event) => {\n      // check to see if the target is within an <a> tag and the tag is within the label\n      const closestAnchor = (e.target as Element).closest('a');\n      if (closestAnchor && childWrapperRef.current?.contains(closestAnchor)) {\n        e.stopPropagation();\n      } else {\n        activeProps['onMouseDown']?.(e);\n      }\n    };\n\n    // don't allow key down to set active state\n    delete activeProps['onKeyDown'];\n    const { focusProps, isFocused: isFocusedWithin } = useFocusWithin();\n\n    // JET-70100 - ensure checkbox is scrolled into view when focused and focus ring is shown\n    const scrollRef = useRef<HTMLInputElement>(null);\n    const inputRef = ref || scrollRef;\n\n    useEffect(() => {\n      const isActiveElement =\n        document.activeElement === (inputRef as RefObject<HTMLInputElement>)?.current;\n      if (!isActiveElement && isFocus && isFocusRingShown) {\n        labelRef?.current?.scrollIntoView({ block: 'nearest' });\n      }\n    }, [inputRef, isFocus, isFocusRingShown, labelRef]);\n\n    // The top level element needs the column span class on it.\n    const classes = layoutSpanStyles.layoutSpanColumn[columnSpan];\n\n    return (\n      <label ref={labelRef} class={classNames([checkboxClasses, classes])}>\n        <span class={checkboxSpanStyle} {...activeProps}>\n          <StyledCheckbox\n            aria-describedby={ariaDescribedBy}\n            name={name}\n            value={value}\n            onChange={onChange}\n            onBlur={onBlur}\n            onFocus={onFocus}\n            onKeyUp={onKeyUp}\n            onKeyDown={onKeyDown}\n            isActive={isActive}\n            isChecked={isChecked ? 'checked' : 'unchecked'}\n            isDisabled={isDisabled}\n            isReadonly={isReadonly}\n            isRequired={isRequired}\n            ref={inputRef}\n          />\n        </span>\n        <span class={valueLabelStyle}>\n          <span\n            {...activeProps}\n            {...focusProps}\n            onMouseDown={onMouseDownHandler}\n            ref={childWrapperRef}>\n            {children}\n          </span>\n          {userAssistiveHelp}\n          {hasUserAssistive && (\n            <IconUserAssistance\n              assistiveText={assistiveText}\n              helpSourceLink={helpSourceLink}\n              helpSourceText={helpSourceText}\n              isTabbable={isTabbable && (isFocus || isFocusedWithin)}\n              id={uaId}\n            />\n          )}\n        </span>\n      </label>\n    );\n  }\n);\n\nexport { CheckboxControl };\n"],"names":["CheckboxControl","forwardRef","ariaDescribedBy","name","value","children","isChecked","isDisabled","isReadonly","isRequired","onChange","onKeyUp","assistiveText","helpSourceLink","helpSourceText","columnSpan","ref","id","useId","childWrapperRef","useRef","isTabbable","useTabbableMode","isActive","activeProps","useActive","isFocusRingShown","useCheckboxRadioContext","labelRef","createRef","isFocus","focusProps","onFocus","onBlur","useFocus","classes","checkboxClasses","styles","valueLabelStyle","checkboxSpanStyle","useComponentTheme","CheckboxRedwoodTheme","cursor","disabled","focused","hasUserAssistive","helpAvailableId","undefined","uaId","formControl_helpAvailable","useTranslationBundle","helpAvailableString","userAssistiveHelp","_jsx","HiddenAccessible","isFocused","isFocusedWithin","useFocusWithin","scrollRef","inputRef","useEffect","document","activeElement","current","scrollIntoView","block","layoutSpanStyles","layoutSpanColumn","_jsxs","jsxs","class","classNames","StyledCheckbox","onKeyDown","event","key","preventDefault","onMouseDown","e","closestAnchor","target","closest","contains","stopPropagation","IconUserAssistance"],"mappings":"s4DAyDA,MAAMA,EAAkBC,EAAAA,YACtB,EAEI,mBAAoBC,EACpBC,OACAC,QACAC,WACAC,YACAC,aACAC,aACAC,aACAC,WACAC,UACAC,gBACAC,iBACAC,iBACAC,aAAa,GAEfC,EAA6B,QAG7B,MAAMC,EAAKC,EAAAA,QACLC,EAAkBC,SAAwB,OAC1CC,WAAEA,GAAeC,EAAAA,mBACjBC,SAAEA,EAAQC,YAAEA,GAAgBC,EAASA,aACrCC,iBAAEA,GAAqBC,EAAAA,0BACvBC,EAAWC,EAAAA,aACXC,QACJA,EACAC,YAAYC,QAAEA,EAAOC,OAAEA,IACrBC,EAAAA,YAIFC,QAASC,EACTC,QAAQC,gBAAEA,EAAeC,kBAAEA,IACzBC,EAAiBA,kBAAyCC,uBAAsB,CAClFC,OAAQnC,GAAcC,EAAa,QAAU,UAC7CmC,SAAUpC,EAAa,aAAe,cACtCqC,QAASd,GAAWJ,EAAmB,YAAc,eAIjDmB,IAAoBtC,GAAeC,IAAiBI,IAAiBC,GACrEiC,EAAkBD,EAAmB,GAAG5B,wBAAsB8B,EAC9DC,EAAOH,EAAmB,GAAG5B,iBAAe8B,GAC5CE,0BAAEA,GAA8BC,EAAoBA,qBACxD,4BAEIC,EAAsBF,IACtBG,EAAoBP,EACxBQ,MAACC,mBAAgB,CAACrC,GAAI6B,WAAkBK,SACtCJ,SAsBGvB,EAAuB,UAC9B,MAAMO,WAAEA,EAAYwB,UAAWC,GAAoBC,EAAcA,iBAG3DC,EAAYtC,SAAyB,MACrCuC,EAAW3C,GAAO0C,EAExBE,EAAAA,WAAU,OAENC,SAASC,gBAAmBH,GAA0CI,UAChDjC,GAAWJ,GACjCE,GAAUmC,SAASC,eAAe,CAAEC,MAAO,WAC5C,GACA,CAACN,EAAU7B,EAASJ,EAAkBE,IAGzC,MAAMO,GAAU+B,EAAAA,iBAAiBC,iBAAiBpD,GAElD,OACEqD,EAAAC,KAAA,QAAA,CAAOrD,IAAKY,EAAU0C,MAAOC,aAAW,CAACnC,EAAiBD,KAAS9B,SAAA,CACjEgD,MAAM,OAAA,CAAAiB,MAAO/B,KAAuBf,WAClC6B,EAAAA,IAACmB,EAAcA,eACK,CAAA,mBAAAtE,EAClBC,KAAMA,EACNC,MAAOA,EACPM,SAAUA,EACVuB,OAAQA,EACRD,QAASA,EACTrB,QAASA,EACT8D,UAhDWC,IACjB,MAAMC,IAAEA,GAAQD,EACXlE,QAAsBuC,IAAR4B,GAA6B,MAARA,GACtCD,EAAME,gBACP,EA6CKrD,SAAUA,EACVjB,UAAWA,EAAY,UAAY,YACnCC,WAAYA,EACZC,WAAYA,EACZC,WAAYA,EACZO,IAAK2C,MAGTS,eAAME,MAAOhC,EAAejC,SAAA,CAC1BgD,MACM,OAAA,IAAA7B,KACAO,EACJ8C,YArDoBC,IAE1B,MAAMC,EAAiBD,EAAEE,OAAmBC,QAAQ,KAChDF,GAAiB5D,EAAgB4C,SAASmB,SAASH,GACrDD,EAAEK,kBAEF3D,EAAyB,cAAIsD,EAC9B,EA+CK9D,IAAKG,EACJd,SAAAA,IAEF+C,EACAP,GACCQ,EAAAA,IAAC+B,EAAkBA,oBACjBxE,cAAeA,EACfC,eAAgBA,EAChBC,eAAgBA,EAChBO,WAAYA,IAAeS,GAAW0B,GACtCvC,GAAI+B,SAKZ"}

package/amd/CheckboxRadioField-18bf3cc2.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './useCollectionFocusRing-35d278f5', './useTranslationBundle-8e42d505', './Flex-07d2aa5b', './Label-3c17bcc9', './InlineHelp-1fc7b3a9', './logger-0f873e29', './TabbableModeContext-a9c97640', 'preact/hooks', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-e406e352', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './utils-ad4761c9', './useTestId-9afc201a', './LayerHost-daf96749', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', 'css!./IconStyle.styles.css', './IconButton-232d63fc', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', './HiddenAccessible-037ef42d', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './FormFieldContext-a024b891', './Popup-695781d6', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './CheckboxRadioFieldStyles.css-bf7d0e95', './CheckboxRadioContext-6a0fead0', './LayoutStyles.css-e2543ca1', './CheckboxRadioLabelValueLayout-edb44215'], (function(e,s,t,a,o,n,r,i,l,c,d,u,p,b,h,m,y,A,S,x,U,f,C,g,w,F,T,E,I,R,B,L,j,M,V,_,k,v,N,P,D,H,q,$,W,G,O,z){"use strict";const J=t.forwardRef((({"aria-describedby":e,assistiveText:l,baseId:c,direction:d="column",columnSpan:u=1,hasValue:p,helpSourceLink:b,helpSourceText:m,isDisabled:y,isReadonly:A,isRequired:S,label:f,labelEdge:C,labelStartWidth:g="33%",parentComponentVariant:w,messages:F,userAssistanceDensity:T,role:E,children:I,testId:R},B=null)=>{const L=U.useTestId(R),M=`${R}-inline-user-assistance`,V=R?`${M}-top`:void 0,_=R?`${M}-bottom`:void 0,k=!(y||A||!l&&!b),v=!y,N=t.useRef(null),{groupProps:P,labelProps:D,topUserAssistanceProps:H,bottomUserAssistanceProps:q,readonlyId:$}=W.useCheckboxRadioField({ariaDescribedBy:e,baseId:c,isRequired:S,isReadonly:A,isDisabled:y,label:f,labelEdge:C,messages:F,hasValue:p,hasTopUserAssistance:k,hasBottomUserAssistance:v,parentComponentVariant:w}),J=o.useTranslationBundle("@oracle/oraclejet-preact").formControl_readOnly(),K="radioSet"===w;t.useImperativeHandle(B,(()=>({focus:()=>{if(!y){const e=N.current?.querySelectorAll("input")??[],s=Array.from(e).find((e=>e.checked));s?s.focus():e[0].focus()}},blur:()=>{N.current?.contains(document.activeElement)&&document.activeElement.blur()}})));const[Q,X]=a.useCollectionFocusRing(N,K?["ArrowUp","ArrowRight","ArrowDown","ArrowLeft"]:["Tab"]),Y=s.jsxs(s.Fragment,{children:[k&&s.jsx("div",{id:`${c}-top-ua-container`,class:"start"===C?W.topUAContainerStyles.start:W.topUAContainerStyles.top,children:s.jsx(h.InlineUserAssistanceContainer,{...H,testId:V,children:s.jsx(i.InlineHelp,{assistiveText:l,sourceLink:b,sourceText:m})})}),s.jsx(n.Flex,{direction:d,..."row"===d&&{gap:[0,x.xUnits(8)],wrap:"wrap"},children:s.jsx(G.CheckboxRadioContext.Provider,{value:{isFocusRingShown:Q},children:I})}),v?s.jsx(h.InlineUserAssistance,{...q,requiredAlignment:"start",messages:F,userAssistanceDensity:"reflow"===T?"reflow":"efficient",testId:_}):"reflow"===T?void 0:s.jsx(h.InlineUserAssistance,{id:q?.id,userAssistanceDensity:"efficient",testId:_})]}),Z=O.layoutSpanStyles.layoutSpanColumn[u];return s.jsxs("div",{role:E,ref:N,class:Z,...P,...X,...L,children:["none"===C?Y:s.jsx(z.CheckboxRadioLabelValueLayout,{columnSpan:u,parentComponentVariant:w,hasTopUserAssistance:k,label:s.jsx(r.Label,{...D,variant:C,userAssistanceDensity:"efficient",parentComponentVariant:w,children:f}),labelEdge:C,labelStartWidth:g,children:Y}),A&&s.jsx(j.HiddenAccessible,{id:$,isHidden:!0,children:J})]})}));e.CheckboxRadioField=J}));
+//# sourceMappingURL=CheckboxRadioField-18bf3cc2.js.map

package/amd/CheckboxRadioField-18bf3cc2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxRadioField-18bf3cc2.js","sources":["../../src/PRIVATE_CheckboxRadioField/CheckboxRadioField.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport type { ComponentChildren, ComponentProps, Ref, JSX } from 'preact';\nimport { forwardRef, useImperativeHandle, useRef } from 'preact/compat';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\n\nimport { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport { useCollectionFocusRing } from '#hooks/PRIVATE_useCollectionFocusRing';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { FlexboxProps } from '#utils/UNSAFE_interpolations/flexbox';\nimport { Size } from '#utils/UNSAFE_size';\nimport { BundleType } from '#resources/nls/bundle';\nimport { Flex } from '#UNSAFE_Flex';\nimport { Label } from '#UNSAFE_Label';\nimport {\n  InlineHelp,\n  InlineUserAssistance,\n  InlineUserAssistanceContainer,\n  UserAssistanceDensityType\n} from '#UNSAFE_UserAssistance';\nimport { useCheckboxRadioField } from './useCheckboxRadioField';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { xUnits } from '#UNSAFE_Theme';\nimport { topUAContainerStyles } from './CheckboxRadioFieldStyles.css';\nimport { CheckboxRadioContext } from './CheckboxRadioContext';\nimport { layoutSpanStyles, LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport { type TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { CheckboxRadioLabelValueLayout } from '#UNSAFE_CheckboxRadioField/CheckboxRadioLabelValueLayout';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype AriaProps = Pick<UnpackSignals<JSX.AriaAttributes>, 'aria-describedby'>;\n\ntype Props = TestIdProps &\n  AriaProps & {\n    /**\n     * Text to provide guidance to help the user understand what data to enter.\n     */\n    assistiveText?: InlineUserAssistanceProps['assistiveText'];\n    /**\n     * baseId, used to generate other element IDs.\n     */\n    baseId: string;\n    /**\n     * <RadioItem /> or <CheckboxItem />\n     */\n    children: ComponentChildren;\n    /**\n     * Specifies how many columns to span in a FormLayout with direction === 'row'\n     */\n    columnSpan?: LayoutColumnSpan;\n    /**\n     * layout direction of the children elements\n     */\n    direction?: FlexboxProps['direction'];\n    /**\n     * Value of the radio option.\n     */\n    hasValue?: boolean;\n    /**\n     * Help source URL associated with the component.\n     */\n    helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n    /**\n     * Custom text to be rendered for the <code>helpSourceLink</code>.\n     */\n    helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n    /**\n     * Specifies if the radio group is disabled.\n     */\n    isDisabled?: boolean;\n    /**\n     * Specifies if the radio group is read-only.\n     */\n    isReadonly?: boolean;\n    /**\n     * Specifies whether the radio group requires a selection to be made.\n     */\n    isRequired?: boolean;\n    /**\n     * Label text for the group of radio buttons.\n     */\n    label: string;\n    /**\n     * Specifies where the label is positioned relative to the field.\n     */\n    labelEdge?: 'none' | 'top' | 'start' | 'inside';\n    /**\n     * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>.\n     */\n    labelStartWidth?: Size;\n    /**\n     * Messages to show on screen that are associated with the component.\n     */\n    messages?: InlineUserAssistanceProps['messages'];\n\n    role?: 'radiogroup' | 'group';\n    /**\n     * Specifies the density of the user assistance presentation.  It can be set to:\n     * <ul>\n     * <li><code>'reflow'</code>: Show inline. Layout will reflow when text is displayed.</li>\n     * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n     * assistance text is displayed.</li>\n     * <li><code>'compact'</code>: Show inline and reserve space to prevent layout reflow when user\n     * assistance text is displayed.</li>\n     * </ul>\n     */\n    userAssistanceDensity?: UserAssistanceDensityType;\n\n    parentComponentVariant: 'radioSet' | 'checkboxSet';\n  };\n\nexport const CheckboxRadioField = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      baseId,\n      direction = 'column',\n      columnSpan = 1,\n      hasValue,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled,\n      isReadonly,\n      isRequired,\n      label,\n      labelEdge,\n      labelStartWidth = '33%',\n      parentComponentVariant,\n      messages,\n      userAssistanceDensity,\n      role,\n      children,\n      testId\n    }: Props,\n    ref: Ref<FocusableHandle> = null\n  ) => {\n    const testIdProps = useTestId(testId);\n    const UAtestId = `${testId}-inline-user-assistance`;\n    const UAtestIdTop = testId ? `${UAtestId}-top` : undefined;\n    const UAtestIdBottom = testId ? `${UAtestId}-bottom` : undefined;\n    const hasTopUserAssistance =\n      !isDisabled && !isReadonly && (!!assistiveText || !!helpSourceLink);\n    // we still render <InlineUserAssistance/> if density is 'efficient' or 'compact' to save space,\n    // even though we don't render user assistance for disabled fields\n    const hasBottomUserAssistance = !isDisabled;\n    const groupRef = useRef<HTMLDivElement>(null);\n\n    const {\n      groupProps,\n      labelProps,\n      topUserAssistanceProps,\n      bottomUserAssistanceProps,\n      readonlyId\n    } = useCheckboxRadioField({\n      ariaDescribedBy,\n      baseId,\n      isRequired,\n      isReadonly,\n      isDisabled,\n      label,\n      labelEdge,\n      messages,\n      hasValue,\n      hasTopUserAssistance,\n      hasBottomUserAssistance,\n      parentComponentVariant\n    });\n\n    const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n    const readonlyLabel = translations.formControl_readOnly();\n    const isRadioSet = parentComponentVariant === 'radioSet';\n\n    useImperativeHandle(ref, () => ({\n      focus: () => {\n        if (!isDisabled) {\n          const inputChildren = groupRef.current?.querySelectorAll<HTMLInputElement>('input') ?? [];\n          const selectedChild = Array.from(inputChildren).find((child) => child.checked);\n\n          if (selectedChild) {\n            selectedChild.focus();\n          } else {\n            inputChildren[0].focus();\n          }\n        }\n      },\n      blur: () => {\n        if (groupRef.current?.contains(document.activeElement)) {\n          (document.activeElement as HTMLElement).blur();\n        }\n      }\n    }));\n\n    // the props from the hook are used for focus management on the radioset variant to allow for arrow navigation\n    // while checkboxset uses tabbing\n    const [isFocusRingShown, focusRingProps] = useCollectionFocusRing(\n      groupRef,\n      isRadioSet ? ['ArrowUp', 'ArrowRight', 'ArrowDown', 'ArrowLeft'] : ['Tab']\n    );\n\n    const content = (\n      <>\n        {hasTopUserAssistance && (\n          <div\n            id={`${baseId}-top-ua-container`}\n            class={labelEdge === 'start' ? topUAContainerStyles.start : topUAContainerStyles.top}>\n            <InlineUserAssistanceContainer {...topUserAssistanceProps} testId={UAtestIdTop}>\n              <InlineHelp\n                assistiveText={assistiveText}\n                sourceLink={helpSourceLink}\n                sourceText={helpSourceText}\n              />\n            </InlineUserAssistanceContainer>\n          </div>\n        )}\n        <Flex\n          direction={direction}\n          {...(direction === 'row' && { gap: [0, xUnits(8) as Size], wrap: 'wrap' })}>\n          <CheckboxRadioContext.Provider value={{ isFocusRingShown }}>\n            {children}\n          </CheckboxRadioContext.Provider>\n        </Flex>\n        {hasBottomUserAssistance ? (\n          <InlineUserAssistance\n            {...bottomUserAssistanceProps}\n            requiredAlignment=\"start\"\n            messages={messages}\n            userAssistanceDensity={userAssistanceDensity === 'reflow' ? 'reflow' : 'efficient'}\n            testId={UAtestIdBottom}\n          />\n        ) : userAssistanceDensity === 'reflow' ? undefined : (\n          /* save space for user assistance if density is 'efficient' or 'compact', even though we don't\n             render user assistance for disabled fields */\n          <InlineUserAssistance\n            id={bottomUserAssistanceProps?.id}\n            userAssistanceDensity=\"efficient\"\n            testId={UAtestIdBottom}\n          />\n        )}\n      </>\n    );\n    // The top level element needs the column span class on it.\n    const classes = layoutSpanStyles.layoutSpanColumn[columnSpan];\n\n    return (\n      <div\n        role={role}\n        ref={groupRef}\n        class={classes}\n        {...groupProps}\n        {...focusRingProps}\n        {...testIdProps}>\n        {labelEdge === 'none' ? (\n          content\n        ) : (\n          <CheckboxRadioLabelValueLayout\n            columnSpan={columnSpan}\n            parentComponentVariant={parentComponentVariant}\n            hasTopUserAssistance={hasTopUserAssistance}\n            label={\n              <Label\n                {...labelProps}\n                variant={labelEdge}\n                userAssistanceDensity=\"efficient\"\n                parentComponentVariant={parentComponentVariant}>\n                {label}\n              </Label>\n            }\n            labelEdge={labelEdge}\n            labelStartWidth={labelStartWidth}>\n            {content}\n          </CheckboxRadioLabelValueLayout>\n        )}\n        {isReadonly && (\n          <HiddenAccessible id={readonlyId} isHidden={true}>\n            {readonlyLabel}\n          </HiddenAccessible>\n        )}\n      </div>\n    );\n  }\n);\n"],"names":["CheckboxRadioField","forwardRef","ariaDescribedBy","assistiveText","baseId","direction","columnSpan","hasValue","helpSourceLink","helpSourceText","isDisabled","isReadonly","isRequired","label","labelEdge","labelStartWidth","parentComponentVariant","messages","userAssistanceDensity","role","children","testId","ref","testIdProps","useTestId","UAtestId","UAtestIdTop","undefined","UAtestIdBottom","hasTopUserAssistance","hasBottomUserAssistance","groupRef","useRef","groupProps","labelProps","topUserAssistanceProps","bottomUserAssistanceProps","readonlyId","useCheckboxRadioField","readonlyLabel","useTranslationBundle","formControl_readOnly","isRadioSet","useImperativeHandle","focus","inputChildren","current","querySelectorAll","selectedChild","Array","from","find","child","checked","blur","contains","document","activeElement","isFocusRingShown","focusRingProps","useCollectionFocusRing","content","_jsxs","_Fragment","_jsx","id","class","topUAContainerStyles","start","top","InlineUserAssistanceContainer","InlineHelp","sourceLink","sourceText","Flex","gap","xUnits","wrap","jsx","CheckboxRadioContext","Provider","value","InlineUserAssistance","requiredAlignment","classes","layoutSpanStyles","layoutSpanColumn","CheckboxRadioLabelValueLayout","Label","variant","HiddenAccessible","isHidden"],"mappings":"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"}

package/amd/CheckboxRadioLabelValueLayout-edb44215.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', './useFormFieldContext-9260f081', './useComponentTheme-5aa41a8f', './UNSAFE_RadioItem/themes/redwood/RadioTheme', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_TextField/themes/redwood/FormLayoutTheme', './UNSAFE_Checkbox/themes/redwood/CheckboxTheme', './StyledLabelValueLayout-5737d116', 'css!./CheckboxRadioLabelValueLayoutStyles.styles.css', './formControlUtils-a737ac5e'], (function(e,t,a,o,l,s,d,b,n,i,h,r,m,c,S){"use strict";var u="CheckboxRadioLabelValueLayoutStyles_checkboxRadioLabelInnerStyles_startRadioSetWithoutTopUA__dgf9120",y="CheckboxRadioLabelValueLayoutStyles_checkboxRadioLabelInnerStyles_insideRadioSet__dgf9121",x="CheckboxRadioLabelValueLayoutStyles_checkboxRadioLabelInnerStyles_startCheckboxSetWithoutTopUA__dgf9122",L="CheckboxRadioLabelValueLayoutStyles_checkboxRadioLabelInnerStyles_insideCheckboxSet__dgf9123";e.CheckboxRadioLabelValueLayout=({columnSpan:e=1,label:o,labelEdge:s,children:c,parentComponentVariant:C,labelStartWidth:p="33%",hasTopUserAssistance:R=!1})=>{const{baseTheme:T}=b.useComponentTheme(n.RadioRedwoodTheme),{baseTheme:_}=b.useComponentTheme(r.CheckboxRedwoodTheme),{baseTheme:F}=b.useComponentTheme(i.LabelRedwoodTheme),{baseTheme:k}=b.useComponentTheme(h.FormLayoutRedwoodTheme),f="radioSet"===C,w="checkboxSet"===C,A="start"===s,I="top"===s||"inside"===s,U="inside"===s,V=S.computeStartLabelWidth(p,e),W=`calc(100% - ${V})`,g=A?{flexBasis:V,width:V,maxWidth:V}:{},N=A?{flexBasis:W,width:W,maxWidth:W}:{},{isFormLayout:E,isReadonly:j,labelWrapping:v}=l.useFormContext(),{isReadonly:B}=d.useFormFieldContext(),P=E&&j||!E&&B,$=a.classNames([k,m.labelSlotStyles.base,A&&m.labelSlotStyles.start,I&&m.labelSlotStyles.top,I&&R&&m.labelSlotStyles.topAndTopUA,I&&P&&m.labelSlotStyles.topPureReadonly]),q=a.classNames([f&&T,w&&_,F,k,m.labelInnerStyles.base,A&&m.labelInnerStyles.start,f&&U&&y,w&&U&&L,f&&A&&!R&&u,w&&A&&!R&&x,"truncate"===v&&m.labelInnerStyles.noWrap]);return t.jsx(m.StyledLabelValueLayout,{flexAlign:B&&A?"stretch":"start",labelStyleClasses:$,labelStyles:g,labelInnerClasses:q,label:o,valueStyles:N,children:c})}}));
+//# sourceMappingURL=CheckboxRadioLabelValueLayout-edb44215.js.map

package/amd/CheckboxRadioLabelValueLayout-edb44215.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxRadioLabelValueLayout-edb44215.js","sources":["../../src/UNSAFE_CheckboxRadioField/CheckboxRadioLabelValueLayout.tsx"],"sourcesContent":["import { ComponentChildren, JSX } from 'preact';\n\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { useFormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { Size } from '#utils/UNSAFE_size';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { RadioRedwoodTheme } from '#UNSAFE_RadioItem/themes/redwood/RadioTheme';\nimport { LabelRedwoodTheme } from '#UNSAFE_Label/themes/redwood/LabelTheme';\nimport { FormLayoutRedwoodTheme } from '#UNSAFE_TextField/themes/redwood/FormLayoutTheme';\nimport { CheckboxRedwoodTheme } from '#UNSAFE_Checkbox/themes/redwood/CheckboxTheme';\nimport {\n  labelSlotStyles,\n  labelInnerStyles\n} from '#UNSAFE_LabelValueLayout/LabelValueLayoutStyles.css';\nimport { StyledLabelValueLayout } from '#UNSAFE_LabelValueLayout/StyledLabelValueLayout';\nimport { checkboxRadioLabelInnerStyles } from './CheckboxRadioLabelValueLayoutStyles.css';\nimport { LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport { computeStartLabelWidth } from '#utils/UNSAFE_formControlUtils';\n\ntype Props = {\n  /**\n   * Specifies how many columns to span in a FormLayout with direction === 'row'\n   */\n  columnSpan?: LayoutColumnSpan;\n  /**\n   * Defines how the label is going to be positioned. For CheckboxSet or RadioSet the start, top and inside values are supported.\n   */\n  labelEdge?: 'start' | 'top' | 'inside';\n  /**\n   * Specifies if the parent component is a CheckboxSet or RadioSet\n   */\n  parentComponentVariant: 'radioSet' | 'checkboxSet';\n  /**\n   * Specifies if there is assistive text or links at the top of the component below the label\n   */\n  hasTopUserAssistance?: boolean;\n  /**\n   * Label content of the layout\n   */\n  label?: ComponentChildren;\n  /**\n   * Defines the label width for labelEdge 'start' ('top' is always 100%)\n   */\n  labelStartWidth?: Size;\n  /**\n   * Value content of the layout\n   */\n  children: ComponentChildren;\n};\n\n/**\n * A layout component for rendering a label and value pair, used in form components\n * such as CheckboxSet and RadioSet.\n */\nexport const CheckboxRadioLabelValueLayout = ({\n  columnSpan = 1,\n  label,\n  labelEdge,\n  children,\n  parentComponentVariant,\n  labelStartWidth = '33%',\n  hasTopUserAssistance = false\n}: Props) => {\n  const { baseTheme: radioTheme } = useComponentTheme(RadioRedwoodTheme);\n  const { baseTheme: checkboxTheme } = useComponentTheme(CheckboxRedwoodTheme);\n  const { baseTheme: labelTheme } = useComponentTheme(LabelRedwoodTheme);\n  const { baseTheme: formLayoutTheme } = useComponentTheme(FormLayoutRedwoodTheme);\n\n  const isRadio = parentComponentVariant === 'radioSet';\n  const isCheckbox = parentComponentVariant === 'checkboxSet';\n  const isStart = labelEdge === 'start';\n  const isTop = labelEdge === 'top' || labelEdge === 'inside'; // 'inside' needs to pick up all 'top' styles.\n  const isInside = labelEdge === 'inside';\n\n  // JET-68190 - labelStartWidth needs to take columnSpan into account\n  const width = computeStartLabelWidth(labelStartWidth, columnSpan);\n  const valueWidth = `calc(100% - ${width})`;\n\n  const labelStyles: JSX.CSSProperties = isStart\n    ? { flexBasis: width, width: width, maxWidth: width }\n    : {};\n\n  const valueStyles: JSX.CSSProperties = isStart\n    ? { flexBasis: valueWidth, width: valueWidth, maxWidth: valueWidth }\n    : {};\n\n  const { isFormLayout, isReadonly: isFormReadonly, labelWrapping } = useFormContext();\n  const { isReadonly } = useFormFieldContext();\n  const isPureReadonly = (isFormLayout && isFormReadonly) || (!isFormLayout && isReadonly);\n\n  const labelStyleClasses = classNames([\n    formLayoutTheme,\n    labelSlotStyles.base,\n    isStart && labelSlotStyles.start,\n    isTop && labelSlotStyles.top,\n    isTop && hasTopUserAssistance && labelSlotStyles.topAndTopUA,\n    isTop && isPureReadonly && labelSlotStyles.topPureReadonly\n  ]);\n\n  const labelInnerClasses = classNames([\n    isRadio && radioTheme,\n    isCheckbox && checkboxTheme,\n    labelTheme,\n    formLayoutTheme,\n    labelInnerStyles.base,\n    isStart && labelInnerStyles.start,\n    isRadio && isInside && checkboxRadioLabelInnerStyles.insideRadioSet,\n    isCheckbox && isInside && checkboxRadioLabelInnerStyles.insideCheckboxSet,\n    isRadio &&\n      isStart &&\n      !hasTopUserAssistance &&\n      checkboxRadioLabelInnerStyles.startRadioSetWithoutTopUA,\n    isCheckbox &&\n      isStart &&\n      !hasTopUserAssistance &&\n      checkboxRadioLabelInnerStyles.startCheckboxSetWithoutTopUA,\n    labelWrapping === 'truncate' && labelInnerStyles.noWrap\n  ]);\n\n  return (\n    <StyledLabelValueLayout\n      // For readonly start aligned labels, we want the div that is the parent of the label to\n      // stretch to the height of the value content, including the end content (InputSensitiveText)\n      flexAlign={isReadonly && isStart ? 'stretch' : 'start'}\n      labelStyleClasses={labelStyleClasses}\n      labelStyles={labelStyles}\n      labelInnerClasses={labelInnerClasses}\n      label={label}\n      valueStyles={valueStyles}>\n      {children}\n    </StyledLabelValueLayout>\n  );\n};\n"],"names":["columnSpan","label","labelEdge","children","parentComponentVariant","labelStartWidth","hasTopUserAssistance","baseTheme","radioTheme","useComponentTheme","RadioRedwoodTheme","checkboxTheme","CheckboxRedwoodTheme","labelTheme","LabelRedwoodTheme","formLayoutTheme","FormLayoutRedwoodTheme","isRadio","isCheckbox","isStart","isTop","isInside","width","computeStartLabelWidth","valueWidth","labelStyles","flexBasis","maxWidth","valueStyles","isFormLayout","isReadonly","isFormReadonly","labelWrapping","useFormContext","useFormFieldContext","isPureReadonly","labelStyleClasses","classNames","labelSlotStyles","base","start","top","topAndTopUA","topPureReadonly","labelInnerClasses","labelInnerStyles","checkboxRadioLabelInnerStyles","noWrap","_jsx","StyledLabelValueLayout","flexAlign"],"mappings":"q/BAuD6C,EAC3CA,aAAa,EACbC,QACAC,YACAC,WACAC,yBACAC,kBAAkB,MAClBC,wBAAuB,MAEvB,MAAQC,UAAWC,GAAeC,EAAiBA,kBAACC,EAAiBA,oBAC7DH,UAAWI,GAAkBF,EAAiBA,kBAACG,EAAoBA,uBACnEL,UAAWM,GAAeJ,EAAiBA,kBAACK,EAAiBA,oBAC7DP,UAAWQ,GAAoBN,EAAiBA,kBAACO,EAAsBA,wBAEzEC,EAAqC,aAA3Bb,EACVc,EAAwC,gBAA3Bd,EACbe,EAAwB,UAAdjB,EACVkB,EAAsB,QAAdlB,GAAqC,WAAdA,EAC/BmB,EAAyB,WAAdnB,EAGXoB,EAAQC,EAAAA,uBAAuBlB,EAAiBL,GAChDwB,EAAa,eAAeF,KAE5BG,EAAiCN,EACnC,CAAEO,UAAWJ,EAAOA,MAAOA,EAAOK,SAAUL,GAC5C,GAEEM,EAAiCT,EACnC,CAAEO,UAAWF,EAAYF,MAAOE,EAAYG,SAAUH,GACtD,IAEEK,aAAEA,EAAcC,WAAYC,EAAcC,cAAEA,GAAkBC,EAAAA,kBAC9DH,WAAEA,GAAeI,EAAAA,sBACjBC,EAAkBN,GAAgBE,IAAqBF,GAAgBC,EAEvEM,EAAoBC,EAAAA,WAAW,CACnCtB,EACAuB,EAAAA,gBAAgBC,KAChBpB,GAAWmB,EAAeA,gBAACE,MAC3BpB,GAASkB,EAAeA,gBAACG,IACzBrB,GAASd,GAAwBgC,EAAAA,gBAAgBI,YACjDtB,GAASe,GAAkBG,EAAAA,gBAAgBK,kBAGvCC,EAAoBP,EAAAA,WAAW,CACnCpB,GAAWT,EACXU,GAAcP,EACdE,EACAE,EACA8B,EAAAA,iBAAiBN,KACjBpB,GAAW0B,EAAgBA,iBAACL,MAC5BvB,GAAWI,GAAYyB,EACvB5B,GAAcG,GAAYyB,EAC1B7B,GACEE,IACCb,GACDwC,EACF5B,GACEC,IACCb,GACDwC,EACgB,aAAlBd,GAAgCa,EAAAA,iBAAiBE,SAGnD,OACEC,MAACC,EAAsBA,wBAGrBC,UAAWpB,GAAcX,EAAU,UAAY,QAC/CiB,kBAAmBA,EACnBX,YAAaA,EACbmB,kBAAmBA,EACnB3C,MAAOA,EACP2B,YAAaA,EAAWzB,SACvBA,GAEH"}

package/amd/CheckboxSet-678ea1d4.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', 'preact/compat', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', './useFormFieldContextProps-08e673cf', 'css!./CheckboxSetStyles.styles.css', './useId-c9578d26', './CheckboxRadioField-18bf3cc2'], (function(e,s,t,i,o,a,l,r,n,d,c,u){"use strict";const b=t.createContext({});var x="CheckboxSetStyles_styles_ul__68p6630";const h=o.forwardRef((({"aria-describedby":e,assistiveText:o,columnSpan:a,direction:d="column",helpSourceLink:h,helpSourceText:m,isDisabled:C,isReadonly:p,isRequired:S=!1,label:y,labelEdge:F,labelStartWidth:k,messages:v,onCommit:R,userAssistanceDensity:f,value:D,children:g,testId:j},I)=>{const A=void 0!==D&&D.size>0,P=c.useId(),{isDisabled:T,isReadonly:_,labelEdge:E,labelStartWidth:V,userAssistanceDensity:W}=l.useFormContext(),q=C??T,L=p??_,w=F??E,z=k??V,B=f??W,M=n.useFormFieldContextProps({hasValue:A,isDisabled:q,isReadonly:L}),N=i.useMemo((()=>({name:P,value:D,onCommit:R})),[P,R,D]),G=t.toChildArray(g).filter(Boolean).map((e=>s.jsx("li",{children:e})));return s.jsx(r.FormFieldContext.Provider,{value:M,children:s.jsx(u.CheckboxRadioField,{"aria-describedby":e,assistiveText:o,baseId:P,columnSpan:a,direction:d,helpSourceLink:h,helpSourceText:m,isDisabled:q,isReadonly:L,isRequired:S,label:y,labelEdge:w,labelStartWidth:z,parentComponentVariant:"checkboxSet",messages:v,userAssistanceDensity:B,hasValue:A,role:"group",testId:j,ref:I,children:s.jsx(b.Provider,{value:N,children:s.jsx("ul",{className:x,children:G})})})})}));e.CheckboxSet=h,e.CheckboxSetContext=b,e.useCheckboxSetContext=()=>i.useContext(b)}));
+//# sourceMappingURL=CheckboxSet-678ea1d4.js.map

package/amd/CheckboxSet-678ea1d4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxSet-678ea1d4.js","sources":["../../src/UNSAFE_CheckboxSet/CheckboxSetContext.ts","../../src/UNSAFE_CheckboxSet/CheckboxSet.tsx"],"sourcesContent":["import { createContext } from 'preact';\nimport { useContext } from 'preact/hooks';\n\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\n\ntype CheckboxSetContextValue = {\n  name: string;\n  value?: Set<string | number>;\n  onCommit?: (detail: ValueUpdateDetail<Set<string | number>>) => void;\n};\n\nconst CheckboxSetContext = createContext<CheckboxSetContextValue>({} as CheckboxSetContextValue);\nconst useCheckboxSetContext = () => useContext(CheckboxSetContext);\n\nexport { CheckboxSetContext, useCheckboxSetContext };\n","import { ComponentChildren, ComponentProps, Ref, toChildArray, JSX } from 'preact';\nimport { useMemo } from 'preact/hooks';\nimport { forwardRef } from 'preact/compat';\n\nimport { CheckboxSetContext } from './CheckboxSetContext';\nimport { CheckboxRadioField } from '#PRIVATE_CheckboxRadioField';\nimport { InlineUserAssistance, UserAssistanceDensityType } from '#UNSAFE_UserAssistance';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { useFormFieldContextProps } from '#hooks/UNSAFE_useFormFieldContextProps';\nimport { FlexboxProps } from '#utils/UNSAFE_interpolations/flexbox';\nimport { Size } from '#utils/UNSAFE_size';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport { styles } from './CheckboxSetStyles.css';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = {\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  'aria-describedby'?: UnpackSignals<JSX.AriaAttributes>['aria-describedby'];\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * set of CheckboxItems\n   */\n  children: ComponentChildren;\n  /**\n   * Specifies how many columns to span in a FormLayout with direction === 'row'\n   */\n  columnSpan?: LayoutColumnSpan;\n  /**\n   * layout direction of the children elements\n   */\n  direction?: FlexboxProps['direction'];\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n  /**\n   * Custom text to be rendered for the <code>helpSourceLink</code>.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n  /**\n   * Specifies whether the checkbox set requires a selection to be made.\n   */\n  isRequired?: boolean;\n  /**\n   * Specifies if the checkbox set is read-only.\n   */\n  isReadonly?: boolean;\n  /**\n   * Specifies if the checkbox set is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Label text for the group of checkbox items.\n   */\n  label: string;\n  /**\n   * Specifies where the label is positioned relative to the field.\n   */\n  labelEdge?: 'none' | 'top' | 'start' | 'inside';\n  /**\n   * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>.\n   */\n  labelStartWidth?: Size;\n  /**\n   * Messages to show on screen that are associated with the component.\n   */\n  messages?: InlineUserAssistanceProps['messages'];\n  /**\n   * Callback invoked each time the user changes selected option.\n   */\n  onCommit: (detail: ValueUpdateDetail<Set<string | number>>) => void;\n  /**\n   * Specifies the density of the user assistance presentation.  It can be set to:\n   * <ul>\n   * <li><code>'reflow'</code>: Show inline.  Layout will reflow when text is displayed.</li>\n   * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * <li><code>'compact'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * </ul>\n   */\n  userAssistanceDensity?: UserAssistanceDensityType;\n  /**\n   * Value of the selected checkbox option.\n   */\n  value?: Set<string | number>;\n} & TestIdProps;\n/**\n * A CheckboxSet allows the user to select one or more options from a set.\n */\nexport const CheckboxSet = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      columnSpan,\n      direction = 'column',\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      messages,\n      onCommit,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n      children,\n      testId\n    }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const hasValue = value !== undefined ? value.size > 0 : false;\n    const baseId = useId();\n\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      labelStartWidth: formLabelStartWidth,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n\n    // default to FormContext values if component properties are not specified\n    const isDisabled = propIsDisabled ?? isFormDisabled;\n    const isReadonly = propIsReadonly ?? isFormReadonly;\n    const labelEdge = propLabelEdge ?? formLabelEdge;\n    const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n    const formFieldContext = useFormFieldContextProps({\n      hasValue,\n      isDisabled,\n      isReadonly\n    });\n\n    const checkboxSetContext = useMemo(\n      () => ({\n        name: baseId,\n        value,\n        onCommit\n      }),\n      [baseId, onCommit, value]\n    );\n\n    // wrap each CheckboxItem in an <li> tag and the entire set with <ul>\n    const childrenArray = toChildArray(children).filter(Boolean);\n    const wrappedChildren = childrenArray.map((item) => <li>{item}</li>);\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <CheckboxRadioField\n          aria-describedby={ariaDescribedBy}\n          assistiveText={assistiveText}\n          baseId={baseId}\n          columnSpan={columnSpan}\n          direction={direction}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          isDisabled={isDisabled}\n          isReadonly={isReadonly}\n          isRequired={isRequired}\n          label={label}\n          labelEdge={labelEdge}\n          labelStartWidth={labelStartWidth}\n          parentComponentVariant=\"checkboxSet\"\n          messages={messages}\n          userAssistanceDensity={userAssistanceDensity}\n          hasValue={hasValue}\n          role=\"group\"\n          testId={testId}\n          ref={ref}>\n          <CheckboxSetContext.Provider value={checkboxSetContext}>\n            <ul className={styles.ul}>{wrappedChildren}</ul>\n          </CheckboxSetContext.Provider>\n        </CheckboxRadioField>\n      </FormFieldContext.Provider>\n    );\n  }\n);\n"],"names":["CheckboxSetContext","createContext","CheckboxSet","forwardRef","ariaDescribedBy","assistiveText","columnSpan","direction","helpSourceLink","helpSourceText","isDisabled","propIsDisabled","isReadonly","propIsReadonly","isRequired","label","labelEdge","propLabelEdge","labelStartWidth","propLabelStartWidth","messages","onCommit","userAssistanceDensity","propUserAssistanceDensity","value","children","testId","ref","hasValue","undefined","size","baseId","useId","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formUserAssistanceDensity","useFormContext","formFieldContext","useFormFieldContextProps","checkboxSetContext","useMemo","name","wrappedChildren","toChildArray","filter","Boolean","map","item","_jsx","FormFieldContext","Provider","CheckboxRadioField","parentComponentVariant","role","jsx","className","styles","useContext"],"mappings":"6UAWA,MAAMA,EAAqBC,EAAaA,cAA0B,iDC4F3D,MAAMC,EAAcC,EAAUA,YACnC,EAEI,mBAAoBC,EACpBC,gBACAC,aACAC,YAAY,SACZC,iBACAC,iBACAC,WAAYC,EACZC,WAAYC,EACZC,cAAa,EACbC,QACAC,UAAWC,EACXC,gBAAiBC,EACjBC,WACAC,WACAC,sBAAuBC,EACvBC,QACAC,WACAC,UAEFC,KAEA,MAAMC,OAAqBC,IAAVL,GAAsBA,EAAMM,KAAO,EAC9CC,EAASC,EAAAA,SAGbtB,WAAYuB,EACZrB,WAAYsB,EACZlB,UAAWmB,EACXjB,gBAAiBkB,EACjBd,sBAAuBe,GACrBC,EAAcA,iBAGZ5B,EAAaC,GAAkBsB,EAC/BrB,EAAaC,GAAkBqB,EAC/BlB,EAAYC,GAAiBkB,EAC7BjB,EAAkBC,GAAuBiB,EACzCd,EAAwBC,GAA6Bc,EAErDE,EAAmBC,EAAAA,yBAAyB,CAChDZ,WACAlB,aACAE,eAGI6B,EAAqBC,EAAAA,SACzB,KAAO,CACLC,KAAMZ,EACNP,QACAH,cAEF,CAACU,EAAQV,EAAUG,IAKfoB,EADgBC,EAAAA,aAAapB,GAAUqB,OAAOC,SACdC,KAAKC,GAASC,MAAA,KAAA,CAAAzB,SAAKwB,MAEzD,OACEC,EAAAA,IAACC,EAAAA,iBAAiBC,UAAS5B,MAAOe,EAAgBd,SAChDyB,EAAAA,IAACG,EAAAA,uCACmBjD,EAClBC,cAAeA,EACf0B,OAAQA,EACRzB,WAAYA,EACZC,UAAWA,EACXC,eAAgBA,EAChBC,eAAgBA,EAChBC,WAAYA,EACZE,WAAYA,EACZE,WAAYA,EACZC,MAAOA,EACPC,UAAWA,EACXE,gBAAiBA,EACjBoC,uBAAuB,cACvBlC,SAAUA,EACVE,sBAAuBA,EACvBM,SAAUA,EACV2B,KAAK,QACL7B,OAAQA,EACRC,IAAKA,EACLF,SAAAyB,EAAAM,IAACxD,EAAmBoD,SAAQ,CAAC5B,MAAOiB,EAAkBhB,SACpDyB,EAAAA,UAAIO,UAAWC,EAASjC,SAAGmB,SAIjC,mEDpLwB,IAAMe,EAAAA,WAAW3D"}

package/amd/CheckboxStyles.styles.css

@@ -26,4 +26,10 @@
   padding-block-start: calc((var(--rowHeight__1qyga5a2) - var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height) * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size) + 1px) * 0.5);
   padding-block-end: calc((var(--rowHeight__1qyga5a2) - var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height) * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size) - 1px) * 0.5);
   font-size: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size);
+}
+.CheckboxStyles_valueLabelStyle__13w91qj3 .LinkBaseTheme_baseTheme__eahcnn0 {
+  margin-top: calc(-1 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
+}
+.oj-scale-sm .CheckboxStyles_valueLabelStyle__13w91qj3 .LinkBaseTheme_baseTheme__eahcnn0, :root.oj-scale-sm .CheckboxStyles_valueLabelStyle__13w91qj3 .LinkBaseTheme_baseTheme__eahcnn0 {
+  margin-top: -5px;
 }

package/amd/Chip-b62a8126.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './useActionable-86c5bafc', 'preact/hooks', './TabbableModeContext-a9c97640', './useTabbableMode-df433329', './UNSAFE_Chip/themes/ChipStyles.css', './useInteractionStyle-15a2bdd0', './mergeProps-bcfa6a92', './useTestId-a2e433c2'], (function(e,s,a,t,i,o,l,r,c,n){"use strict";e.Chip=function({isSelected:e,isDisabled:i,"aria-label":d,children:b,testId:u,onToggle:p}){const v=t.useCallback((()=>{p?.({previousValue:e,value:!e})}),[e,p]),{actionableProps:h}=a.useActionable(v),{interactionProps:y,applyActiveStyle:S,applyHoverStyle:f,applyPseudoHoverStyle:H}=r.useInteractionStyle(),P=c.mergeProps(h,y),T=l.multiVariantStyles({disabled:i?"isDisabled":"notDisabled",hover:!f||i||e?"notHover":"isHover",pseudoHover:!H||i||e?"notPseudoHover":"isPseudoHover",active:e||S?"isActive":"notActive"}),{isTabbable:x}=o.useTabbableMode(),A=n.useTestId(u);return i?s.jsx("div",{class:T,...A,children:b}):s.jsx("div",{...P,class:T,...A,tabIndex:x?0:-1,"aria-label":d,role:"switch","aria-checked":e?"true":"false",children:b})}}));
+define(['exports', 'preact/jsx-runtime', './useActionable-86c5bafc', 'preact/hooks', './TabbableModeContext-a9c97640', './useTabbableMode-df433329', './UNSAFE_Chip/themes/ChipStyles.css', './useInteractionStyle-15a2bdd0', './mergeProps-bcfa6a92', './useTestId-9afc201a'], (function(e,s,a,t,i,o,l,r,c,n){"use strict";e.Chip=function({isSelected:e,isDisabled:i,"aria-label":d,children:b,testId:u,onToggle:p}){const v=t.useCallback((()=>{p?.({previousValue:e,value:!e})}),[e,p]),{actionableProps:h}=a.useActionable(v),{interactionProps:y,applyActiveStyle:S,applyHoverStyle:f,applyPseudoHoverStyle:H}=r.useInteractionStyle(),P=c.mergeProps(h,y),T=l.multiVariantStyles({disabled:i?"isDisabled":"notDisabled",hover:!f||i||e?"notHover":"isHover",pseudoHover:!H||i||e?"notPseudoHover":"isPseudoHover",active:e||S?"isActive":"notActive"}),{isTabbable:x}=o.useTabbableMode(),A=n.useTestId(u);return i?s.jsx("div",{class:T,...A,children:b}):s.jsx("div",{...P,class:T,...A,tabIndex:x?0:-1,"aria-label":d,role:"switch","aria-checked":e?"true":"false",children:b})}}));
 //# sourceMappingURL=Chip-b62a8126.js.map

package/amd/ClearIcon-13bd61d3.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './useTranslationBundle-8e42d505', './IconButton-232d63fc', './DeleteCircleS-1120c906', './TabbableModeContext-a9c97640', 'preact/hooks'], (function(e,t,n,o,r,a,c){"use strict";e.ClearIcon=function({onClick:e,testId:c}){const i=n.useTranslationBundle("@oracle/oraclejet-preact").formControl_clear();return t.jsx(a.TabbableModeContext.Provider,{value:{isTabbable:!1},children:t.jsx("div",{"aria-hidden":"true",children:t.jsx(o.IconButton,{variant:"ghost",size:"sm",onAction:e,tooltip:i,testId:c,children:t.jsx(r.SvgDeleteCircleS,{})})})})}}));
+//# sourceMappingURL=ClearIcon-13bd61d3.js.map

package/amd/ClearIcon-13bd61d3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearIcon-13bd61d3.js","sources":["../../src/PRIVATE_ClearIcon/ClearIcon.tsx"],"sourcesContent":["import type { BundleType } from '#resources/nls/bundle';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { IconButton } from '#UNSAFE_IconButton';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { DeleteIcon } from '#PRIVATE_ThemedIcons/DeleteIcon';\nimport { TabbableModeContext } from '#hooks/UNSAFE_useTabbableMode';\n\ntype Props = {\n  onClick?: () => void;\n} & TestIdProps;\n\n/**\n * ClearIcon is used to clear an input value.\n * @param onClick Callback for clearing value when button is clicked\n * @param testId ID used for testing purposes\n */\nexport function ClearIcon({ onClick, testId }: Props) {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const clearStr = translations.formControl_clear();\n\n  return (\n    <TabbableModeContext.Provider value={{ isTabbable: false }}>\n      <div aria-hidden=\"true\">\n        <IconButton variant=\"ghost\" size=\"sm\" onAction={onClick} tooltip={clearStr} testId={testId}>\n          <DeleteIcon />\n        </IconButton>\n      </div>\n    </TabbableModeContext.Provider>\n  );\n}\n"],"names":["onClick","testId","clearStr","useTranslationBundle","formControl_clear","_jsx","TabbableModeContext","Provider","value","isTabbable","jsx","IconButton","variant","size","onAction","tooltip","DeleteIcon"],"mappings":"yOAgB0BA,QAAEA,EAAOC,OAAEA,IACnC,MACMC,EADeC,uBAAiC,4BACxBC,oBAE9B,OACEC,EAAAA,IAACC,EAAAA,oBAAoBC,SAAS,CAAAC,MAAO,CAAEC,YAAY,YACjDJ,EAAiBK,IAAA,MAAA,CAAA,cAAA,gBACfL,EAACK,IAAAC,aAAW,CAAAC,QAAQ,QAAQC,KAAK,KAAKC,SAAUd,EAASe,QAASb,EAAUD,OAAQA,WAClFI,EAACK,IAAAM,4BAKX"}

package/amd/CollapseIcon-8d26ba2a.js

@@ -1,2 +1,2 @@
-define(['exports', './ChevronRight-3c1f1b2c', './ChevronLeft-b190b987', './withDirectionIcon-2bb38763'], (function(e,n,o,t){"use strict";const i=t.withDirectionIcon(n.SvgChevronRight,o.SvgChevronLeft);e.CollapseIcon=i}));
+define(['exports', './ChevronRight-3c1f1b2c', './ChevronLeft-b190b987', './withDirectionIcon-170ce869'], (function(e,n,o,t){"use strict";const c=t.withDirectionIcon(n.SvgChevronRight,o.SvgChevronLeft);e.CollapseIcon=c}));
 //# sourceMappingURL=CollapseIcon-8d26ba2a.js.map

package/amd/Collapsible-bf6945f6.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './useId-c9578d26', 'preact', './classNames-08d99695', './useComponentTheme-5aa41a8f', './TabbableModeContext-a9c97640', './useTabbableMode-df433329', './Flex-4bc3a394', './Separator-181f7541', './ChevronDown-1d01f028', './CollapseIcon-8d26ba2a', './ChevronUp-fd41f17e', './UNSAFE_Collapsible/themes/redwood/CollapsibleTheme', './useAnimation-5a74955f', './useTestId-a2e433c2'], (function(e,n,a,s,i,o,t,l,d,r,c,u,b,p,h,x,m){"use strict";const g=({isExpanded:e,isDisabled:a,iconPosition:s})=>{const i=a?"disabled":"primary",o="start"===s&&e?u.SvgChevronDown:b.CollapseIcon,t="end"===s&&e?p.SvgChevronUp:u.SvgChevronDown,l="start"===s?o:t;return n.jsx(l,{size:"6x",color:i})},v={isDisabled:!1};const C=({children:e,id:s,contentId:l,isDisabled:u,isExpanded:b,iconPosition:p,variant:x="basic",toggleHandler:m,accessibleLabel:C,accessibleLabelId:f})=>{const[S,E]=a.useState(!1),j=a.useRef(!1),{isTabbable:y}=d.useTabbableMode(),{classes:D,styles:T}=t.useComponentTheme(h.CollapsibleRedwoodTheme,{disabled:u?"isDisabled":"notDisabled",divider:"horizontal-rule"===x?"hasDivider":"noDivider",focused:S?"isFocused":"notFocused"}),w=o.classNames([T.headerChildrenStyle,"end"===p&&T.iconEndStyle,"start"===p&&T.iconStartStyle]),I=a.useCallback((e=>{if(m(e.target),S){(window&&"PointerEvent"in window&&e instanceof PointerEvent||e instanceof MouseEvent)&&E(!1)}}),[m,S]),{pressProps:H}=function(e,n=v){const[s,i]=a.useState(!1),o=a.useMemo((()=>({...v,...n})),[n]),t=a.useCallback((e=>{"Space"!==e.code&&"Enter"!==e.code||i(!0)}),[i]),l=a.useCallback((n=>{"Space"!==n.code&&"Enter"!==n.code||(i(!1),n.preventDefault(),e(n))}),[e,i]),d=a.useCallback((()=>{i(!1)}),[i]),r=a.useCallback((n=>{n.stopPropagation(),s||e(n)}),[e,s]);return{pressProps:o.isDisabled?{}:{onKeyDown:t,onKeyUp:l,onBlur:d,onClick:r}}}(I,{isDisabled:u}),k=a.useCallback((e=>{"focusin"!==e.type||j.current?E(!1):E(!0)}),[]),P=()=>{j.current=!0},N=()=>{j.current=!1},F=C?{"aria-label":C}:f?{"aria-labelledby":f}:{"aria-labelledby":s};return n.jsxs(n.Fragment,{children:[n.jsx("div",{id:s,className:D,...H,children:n.jsx(r.Flex,{align:"center",justify:"start"===p?"start":"between",children:n.jsxs(i.Fragment,{children:["end"===p&&n.jsx("div",{className:w,children:e}),n.jsx("div",{tabIndex:y&&!u?0:-1,role:"button","aria-controls":l,"aria-expanded":b,onFocus:k,onBlur:k,onMouseDown:P,onMouseUp:N,className:T.chevronStyle,...F,children:n.jsx(g,{iconPosition:p,isExpanded:b,isDisabled:u})}),"start"===p&&n.jsx("div",{className:w,children:e})]})})}),"horizontal-rule"===x&&n.jsx(c.Separator,{})]})},f=({children:e,id:s,isExpanded:i,onTransitionEnd:l})=>{const[d,r]=a.useState(i?"expanding":"unmounted"),{styles:c}=t.useComponentTheme(h.CollapsibleRedwoodTheme),u=a.useRef({overflowY:"hidden",maxHeight:i?"none":"0"}),b=o.classNames([c.contentChildrenStyle,"unmounted"===d&&c.contentHiddenStyle]);a.useEffect((()=>{("unmounted"!==d||i)&&r(i?"expanding":"collapsing")}),[i,d]);const{nodeRef:p}=x.useAnimation(d,{animationStates:S,onAnimationEnd:({animationState:e})=>{"collapsing"===e&&r("unmounted"),l?.()}});return n.jsx("div",{className:b,ref:p,id:s,tabIndex:-1,style:u.current,"aria-hidden":!i||void 0,children:e})},S={expanding:e=>({to:{maxHeight:`${e.scrollHeight}px`},options:{duration:400},end:{maxHeight:"none"}}),collapsing:e=>({..."none"===e.style.maxHeight&&{from:{maxHeight:`${e.scrollHeight}px`}},to:{maxHeight:"0"},options:{duration:400}})};e.Collapsible=({header:e,children:i,isDisabled:o=!1,isExpanded:t=!1,iconPosition:l="start",variant:d="basic",onToggle:r,onTransitionEnd:c,"aria-label":u,"aria-labelledby":b,testId:p})=>{const h=s.useId(),x=`oj-collapsible-header-${h}`,g=`oj-collapsible-content-${h}`,v=m.useTestId(p),S=a.useCallback((e=>{o||r?.({value:!t,target:e})}),[o,r,t]),E=a.useCallback((()=>{c?.({value:t})}),[c,t]);return n.jsxs("div",{...v,children:[n.jsx(C,{id:x,contentId:g,toggleHandler:S,isDisabled:o,isExpanded:t,iconPosition:l,variant:d,accessibleLabel:u,accessibleLabelId:b,children:e}),n.jsx(f,{id:g,isExpanded:t,onTransitionEnd:E,children:i})]})}}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './useId-c9578d26', 'preact', './classNames-08d99695', './useComponentTheme-5aa41a8f', './TabbableModeContext-a9c97640', './useTabbableMode-df433329', './Flex-07d2aa5b', './Separator-181f7541', './ChevronDown-1d01f028', './CollapseIcon-8d26ba2a', './ChevronUp-fd41f17e', './UNSAFE_Collapsible/themes/redwood/CollapsibleTheme', './useAnimation-5a74955f', './useTestId-9afc201a'], (function(e,n,a,s,i,o,t,l,d,r,c,u,b,p,h,x,m){"use strict";const g=({isExpanded:e,isDisabled:a,iconPosition:s})=>{const i=a?"disabled":"primary",o="start"===s&&e?u.SvgChevronDown:b.CollapseIcon,t="end"===s&&e?p.SvgChevronUp:u.SvgChevronDown,l="start"===s?o:t;return n.jsx(l,{size:"6x",color:i})},v={isDisabled:!1};const C=({children:e,id:s,contentId:l,isDisabled:u,isExpanded:b,iconPosition:p,variant:x="basic",toggleHandler:m,accessibleLabel:C,accessibleLabelId:f})=>{const[S,E]=a.useState(!1),j=a.useRef(!1),{isTabbable:y}=d.useTabbableMode(),{classes:D,styles:T}=t.useComponentTheme(h.CollapsibleRedwoodTheme,{disabled:u?"isDisabled":"notDisabled",divider:"horizontal-rule"===x?"hasDivider":"noDivider",focused:S?"isFocused":"notFocused"}),w=o.classNames([T.headerChildrenStyle,"end"===p&&T.iconEndStyle,"start"===p&&T.iconStartStyle]),I=a.useCallback((e=>{if(m(e.target),S){(window&&"PointerEvent"in window&&e instanceof PointerEvent||e instanceof MouseEvent)&&E(!1)}}),[m,S]),{pressProps:H}=function(e,n=v){const[s,i]=a.useState(!1),o=a.useMemo((()=>({...v,...n})),[n]),t=a.useCallback((e=>{"Space"!==e.code&&"Enter"!==e.code||i(!0)}),[i]),l=a.useCallback((n=>{"Space"!==n.code&&"Enter"!==n.code||(i(!1),n.preventDefault(),e(n))}),[e,i]),d=a.useCallback((()=>{i(!1)}),[i]),r=a.useCallback((n=>{n.stopPropagation(),s||e(n)}),[e,s]);return{pressProps:o.isDisabled?{}:{onKeyDown:t,onKeyUp:l,onBlur:d,onClick:r}}}(I,{isDisabled:u}),k=a.useCallback((e=>{"focusin"!==e.type||j.current?E(!1):E(!0)}),[]),P=()=>{j.current=!0},N=()=>{j.current=!1},F=C?{"aria-label":C}:f?{"aria-labelledby":f}:{"aria-labelledby":s};return n.jsxs(n.Fragment,{children:[n.jsx("div",{id:s,className:D,...H,children:n.jsx(r.Flex,{align:"center",justify:"start"===p?"start":"between",children:n.jsxs(i.Fragment,{children:["end"===p&&n.jsx("div",{className:w,children:e}),n.jsx("div",{tabIndex:y&&!u?0:-1,role:"button","aria-controls":l,"aria-expanded":b,onFocus:k,onBlur:k,onMouseDown:P,onMouseUp:N,className:T.chevronStyle,...F,children:n.jsx(g,{iconPosition:p,isExpanded:b,isDisabled:u})}),"start"===p&&n.jsx("div",{className:w,children:e})]})})}),"horizontal-rule"===x&&n.jsx(c.Separator,{})]})},f=({children:e,id:s,isExpanded:i,onTransitionEnd:l})=>{const[d,r]=a.useState(i?"expanding":"unmounted"),{styles:c}=t.useComponentTheme(h.CollapsibleRedwoodTheme),u=a.useRef({overflowY:"hidden",maxHeight:i?"none":"0"}),b=o.classNames([c.contentChildrenStyle,"unmounted"===d&&c.contentHiddenStyle]);a.useEffect((()=>{("unmounted"!==d||i)&&r(i?"expanding":"collapsing")}),[i,d]);const{nodeRef:p}=x.useAnimation(d,{animationStates:S,onAnimationEnd:({animationState:e})=>{"collapsing"===e&&r("unmounted"),l?.()}});return n.jsx("div",{className:b,ref:p,id:s,tabIndex:-1,style:u.current,"aria-hidden":!i||void 0,children:e})},S={expanding:e=>({to:{maxHeight:`${e.scrollHeight}px`},options:{duration:400},end:{maxHeight:"none"}}),collapsing:e=>({..."none"===e.style.maxHeight&&{from:{maxHeight:`${e.scrollHeight}px`}},to:{maxHeight:"0"},options:{duration:400}})};e.Collapsible=({header:e,children:i,isDisabled:o=!1,isExpanded:t=!1,iconPosition:l="start",variant:d="basic",onToggle:r,onTransitionEnd:c,"aria-label":u,"aria-labelledby":b,testId:p})=>{const h=s.useId(),x=`oj-collapsible-header-${h}`,g=`oj-collapsible-content-${h}`,v=m.useTestId(p),S=a.useCallback((e=>{o||r?.({value:!t,target:e})}),[o,r,t]),E=a.useCallback((()=>{c?.({value:t})}),[c,t]);return n.jsxs("div",{...v,children:[n.jsx(C,{id:x,contentId:g,toggleHandler:S,isDisabled:o,isExpanded:t,iconPosition:l,variant:d,accessibleLabel:u,accessibleLabelId:b,children:e}),n.jsx(f,{id:g,isExpanded:t,onTransitionEnd:E,children:i})]})}}));
 //# sourceMappingURL=Collapsible-bf6945f6.js.map

package/amd/ColorPalette-b26f3861.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './ColorSwatch-57d78771', './swatchData-ef8329c2', './Flex-07d2aa5b', './useTestId-9afc201a', './dimensions-f24f9a2b', './padding-2e7f02fe', './colors-17f17162', './aria-232c9168', './mergeInterpolations-9ede4cf7', './resources/nls/en/bundle', './SwatchFlexView-bb78745d'], (function(e,a,t,l,s,r,o,n,c,i,u,d,f,p,h){"use strict";const v=[...Object.values(c.dimensionInterpolations),...Object.values(u.colorInterpolations),...Object.values(d.ariaInterpolations),...Object.values(i.paddingInterpolations)],b=f.mergeInterpolations(v),w=t.forwardRef((({value:e,swatchSize:c="sm",palette:i,onCommit:u,testId:d,...f},v)=>{const{class:w,ariaLabel:y,ariaLabelledBy:m,...S}=b(f),x=l.useRef(null),I=n.useTestId(d),g=p.default.accColorPalette(),[j,C]=t.useState(void 0),[k,P]=t.useState({all:!1,keys:new Set([e??void 0])});t.useEffect((()=>{P({all:!1,keys:new Set([r.parseColorValue(e??void 0)])})}),[e]),t.useEffect((()=>{}),[k]);t.useImperativeHandle(v,(()=>({focus:()=>{x.current&&x.current.focus()},blur:()=>{x.current&&x.current.blur()}})));return a.jsx("div",{"aria-labelledby":m,className:w,style:{width:"100%",height:"100%"},...I,...S,children:a.jsx(o.Flex,{align:"center",children:a.jsx(h.SwatchFlexView,{ref:x,"aria-label":y||g,focusBehavior:"content",data:i?r.convertPalette(r.sortPalette(i)):null,getRowKey:e=>e,currentKey:j,onCurrentKeyChange:e=>{C(e.value)},selectedKeys:k,children:e=>a.jsx(s.ColorSwatch,{size:c,testId:d+"_palette_colorSwatch_"+e.data,"aria-hidden":!0,value:e.data,onToggle:()=>{u?.({value:e.data,previousValue:k.keys?.values().next().value}),P({all:!1,keys:new Set([e.data])})},isSelected:k.keys?.has(e.data)})})})})}));w.displayName="ColorPalette",e.ColorPalette=w}));
+//# sourceMappingURL=ColorPalette-b26f3861.js.map

package/amd/ColorPalette-b26f3861.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPalette-b26f3861.js","sources":["../../src/UNSAFE_ColorPalette/ColorPalette.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 { useState, useEffect, forwardRef, useImperativeHandle } from 'preact/compat';\nimport { useRef } from 'preact/hooks';\nimport { Ref } from 'preact';\nimport { SwatchFlexView } from '#PRIVATE_SwatchFlexView';\nimport { ColorSwatch } from '#UNSAFE_ColorSwatch';\nimport { parseColorValue, type ColorValue } from '#utils/UNSAFE_color';\nimport { Flex } from '#UNSAFE_Flex/Flex';\nimport { Keys } from '#utils/UNSAFE_keys';\nimport { ListItemRendererContext } from '#UNSAFE_Collection';\nimport { TestIdProps, useTestId } from '../hooks/UNSAFE_useTestId';\nimport { DimensionProps, dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport { PaddingProps, paddingInterpolations } from '../utils/UNSAFE_interpolations/padding';\nimport { ColorProps, colorInterpolations } from '../utils/UNSAFE_interpolations/colors';\nimport { AriaProps, ariaInterpolations } from '../utils/UNSAFE_interpolations/aria';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { sortPalette, convertPalette } from '#utils/UNSAFE_color';\nimport type { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport translations from '#resources/nls/en/bundle';\nexport type FocusableHandle = {\n  focus: () => void;\n  blur: () => void;\n};\n\ntype StyleProps = DimensionProps & PaddingProps & ColorProps & AriaProps;\n\nexport type ColorPaletteProps = StyleProps &\n  TestIdProps & {\n    /**\n     * The selected color of the palette\n     */\n    value?: ColorValue;\n\n    /**\n     * The swatch size indicates how large the color swatches are rendered.\n     */\n    swatchSize?: 'xs' | 'sm';\n\n    /**\n     * An array of colors for the palette\n     */\n    palette?: Array<ColorValue>;\n\n    /**\n     * Invoked when a swatch is toggled\n     */\n    onCommit?: (details: ValueUpdateDetail<ColorValue>) => void;\n  };\n\nconst interpolations = [\n  ...Object.values(dimensionInterpolations),\n  ...Object.values(colorInterpolations),\n  ...Object.values(ariaInterpolations),\n  ...Object.values(paddingInterpolations)\n];\n\nconst mergedInterpolations = mergeInterpolations<ColorPaletteProps>(interpolations);\n\n/**\n * A Color Palette is an interface that displays a variety of color swatches allowing\n * users to select a color value.\n *\n * @param {ColorPaletteProps} props ColorPalette component props.\n * @returns {JSX.Element} ColorPalette component element.\n */\nexport const ColorPalette = forwardRef(\n  (\n    { value, swatchSize = 'sm', palette, onCommit, testId, ...props }: ColorPaletteProps,\n    focusHandleRef?: Ref<FocusableHandle>\n  ) => {\n    const {\n      class: mergedClasses,\n      ariaLabel,\n      ariaLabelledBy,\n      ...mergedStyles\n    } = mergedInterpolations(props);\n\n    const rootRef = useRef<HTMLDivElement>(null);\n\n    const testIdProps = useTestId(testId);\n    const colorPaletteTranslated = translations.accColorPalette();\n\n    const [current, setCurrent] = useState<string | undefined>(undefined);\n    const [selected, setSelected] = useState<Keys<string | number>>({\n      all: false,\n      keys: new Set([(value as string) ?? undefined])\n    });\n\n    useEffect(() => {\n      setSelected({\n        all: false,\n        keys: new Set([parseColorValue(value ?? undefined)])\n      });\n    }, [value]);\n\n    useEffect(() => {}, [selected]); // redraw when selection occurs\n\n    const getRowKey = (data: unknown) => {\n      return data as string;\n    };\n\n    //Allows to call focus on rootRef without having to expose it\n    useImperativeHandle(focusHandleRef!, () => ({\n      focus: () => {\n        if (rootRef.current) {\n          rootRef.current.focus();\n        }\n      },\n      blur: () => {\n        if (rootRef.current) {\n          rootRef.current.blur();\n        }\n      }\n    }));\n\n    const dropdownStyle = {\n      width: '100%',\n      height: '100%'\n    };\n\n    return (\n      <div\n        aria-labelledby={ariaLabelledBy}\n        className={mergedClasses}\n        style={dropdownStyle}\n        {...testIdProps}\n        {...mergedStyles}>\n        <Flex align=\"center\">\n          <SwatchFlexView\n            ref={rootRef}\n            aria-label={ariaLabel ? ariaLabel : colorPaletteTranslated}\n            focusBehavior=\"content\"\n            data={palette ? convertPalette(sortPalette(palette)) : null}\n            getRowKey={getRowKey}\n            currentKey={current}\n            onCurrentKeyChange={(detail) => {\n              setCurrent(detail.value as string);\n            }}\n            selectedKeys={selected}>\n            {(context: ListItemRendererContext<string | number, unknown>) => (\n              <ColorSwatch\n                size={swatchSize}\n                testId={testId + '_palette' + '_colorSwatch_' + context.data}\n                aria-hidden={true}\n                value={context.data as ColorValue}\n                onToggle={() => {\n                  onCommit?.({\n                    value: context.data as ColorValue,\n                    previousValue: selected.keys?.values().next().value as ColorValue\n                  });\n                  setSelected({ all: false, keys: new Set([context.data as string]) });\n                }}\n                isSelected={selected.keys?.has(context.data as string)}></ColorSwatch>\n            )}\n          </SwatchFlexView>\n        </Flex>\n      </div>\n    );\n  }\n);\n\nColorPalette.displayName = 'ColorPalette';\n"],"names":["interpolations","Object","values","dimensionInterpolations","colorInterpolations","ariaInterpolations","paddingInterpolations","mergedInterpolations","mergeInterpolations","ColorPalette","forwardRef","value","swatchSize","palette","onCommit","testId","props","focusHandleRef","class","mergedClasses","ariaLabel","ariaLabelledBy","mergedStyles","rootRef","useRef","testIdProps","useTestId","colorPaletteTranslated","translations","accColorPalette","current","setCurrent","useState","undefined","selected","setSelected","all","keys","Set","useEffect","parseColorValue","useImperativeHandle","focus","blur","_jsx","jsx","className","style","width","height","children","Flex","align","SwatchFlexView","ref","focusBehavior","data","convertPalette","sortPalette","getRowKey","currentKey","onCurrentKeyChange","detail","selectedKeys","context","ColorSwatch","size","onToggle","previousValue","next","isSelected","has","displayName"],"mappings":"mYAuDA,MAAMA,EAAiB,IAClBC,OAAOC,OAAOC,8BACdF,OAAOC,OAAOE,0BACdH,OAAOC,OAAOG,yBACdJ,OAAOC,OAAOI,0BAGbC,EAAuBC,EAAAA,oBAAuCR,GASvDS,EAAeC,EAAUA,YACpC,EACIC,QAAOC,aAAa,KAAMC,UAASC,WAAUC,YAAWC,GAC1DC,KAEA,MACEC,MAAOC,EAAaC,UACpBA,EAASC,eACTA,KACGC,GACDf,EAAqBS,GAEnBO,EAAUC,SAAuB,MAEjCC,EAAcC,YAAUX,GACxBY,EAAyBC,UAAaC,mBAErCC,EAASC,GAAcC,EAAQA,cAAqBC,IACpDC,EAAUC,GAAeH,WAAgC,CAC9DI,KAAK,EACLC,KAAM,IAAIC,IAAI,CAAE3B,QAAoBsB,MAGtCM,EAAAA,WAAU,KACRJ,EAAY,CACVC,KAAK,EACLC,KAAM,IAAIC,IAAI,CAACE,EAAeA,gBAAC7B,QAASsB,MACxC,GACD,CAACtB,IAEJ4B,EAAAA,WAAU,QAAU,CAACL,IAOrBO,EAAmBA,oBAACxB,GAAiB,KAAO,CAC1CyB,MAAO,KACDnB,EAAQO,SACVP,EAAQO,QAAQY,OACjB,EAEHC,KAAM,KACApB,EAAQO,SACVP,EAAQO,QAAQa,MACjB,MASL,OACEC,EAAAC,IAAA,MAAA,CAAA,kBACmBxB,EACjByB,UAAW3B,EACX4B,MATkB,CACpBC,MAAO,OACPC,OAAQ,WAQFxB,KACAH,EACJ4B,SAAAN,EAAAC,IAACM,OAAI,CAACC,MAAM,SACVF,SAAAN,EAAAC,IAACQ,iBACC,CAAAC,IAAK/B,eACOH,GAAwBO,EACpC4B,cAAc,UACdC,KAAM3C,EAAU4C,EAAcA,eAACC,EAAWA,YAAC7C,IAAY,KACvD8C,UApCWH,GACVA,EAoCDI,WAAY9B,EACZ+B,mBAAqBC,IACnB/B,EAAW+B,EAAOnD,MAAgB,EAEpCoD,aAAc7B,EACbgB,SAACc,GACApB,MAACqB,cAAW,CACVC,KAAMtD,EACNG,OAAQA,0BAAwCiD,EAAQR,KAC3C,eAAA,EACb7C,MAAOqD,EAAQR,KACfW,SAAU,KACRrD,IAAW,CACTH,MAAOqD,EAAQR,KACfY,cAAelC,EAASG,MAAMnC,SAASmE,OAAO1D,QAEhDwB,EAAY,CAAEC,KAAK,EAAOC,KAAM,IAAIC,IAAI,CAAC0B,EAAQR,QAAmB,EAEtEc,WAAYpC,EAASG,MAAMkC,IAAIP,EAAQR,aAKjD,IAIN/C,EAAa+D,YAAc"}

package/amd/ColorPicker-d578df9c.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './useTestId-9afc201a', './UNSAFE_ColorPicker/themes/ColorPickerContract.css', './useComponentTheme-5aa41a8f', './UNSAFE_ColorPicker/themes/redwood/ColorPickerTheme', './ColorPalette-b26f3861', 'preact/compat', './Flex-07d2aa5b', './clientUtils-f1eea2db'], (function(e,o,t,i,r,s,c,a,l,d){"use strict";const h=a.forwardRef((({swatchSize:e="xs",palette:a,height:h,maxWidth:m,value:n,testId:P,width:C,onCommit:p},u)=>{const{classes:x}=r.useComponentTheme(s.ColorPickerRedwoodTheme),k=t.useTestId(P);return o.jsx("div",{ref:u,class:x,...k,children:o.jsx(l.Flex,{direction:"column",height:"auto"===h||d.isMobile()?void 0:i.colorPickerPropVars.maxHeight,maxWidth:void 0!==m?m:d.isMobile()?"100%":i.colorPickerPropVars.maxWidth,width:void 0!==C?C:i.colorPickerPropVars.width,children:o.jsx(c.ColorPalette,{palette:a,swatchSize:e,value:n,testId:P?P+"_picker":void 0,onCommit:p})})})}));e.ColorPicker=h}));
+//# sourceMappingURL=ColorPicker-d578df9c.js.map

package/amd/ColorPicker-d578df9c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker-d578df9c.js","sources":["../../src/UNSAFE_ColorPicker/ColorPicker.tsx"],"sourcesContent":["// import { Flex } from '#UNSAFE_Flex';\nimport { useTestId, type TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport type { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { colorPickerPropVars } from './themes/ColorPickerContract.css';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { ColorPickerRedwoodTheme } from './themes/redwood/ColorPickerTheme';\nimport { ColorPalette } from '#UNSAFE_ColorPalette';\nimport { Size } from '#utils/UNSAFE_size';\nimport { ComponentProps } from 'preact';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { type ColorValue } from '#utils/UNSAFE_color';\nimport { Flex } from '#UNSAFE_Flex';\nimport { isMobile } from '#utils/UNSAFE_clientUtils';\n\ntype ColorPaletteProps = ComponentProps<typeof ColorPalette>;\ntype PickedPropsFromColorPalette = Pick<ColorPaletteProps, 'swatchSize' | 'palette'>;\n\ntype Props = TestIdProps &\n  PickedPropsFromColorPalette & {\n    /**\n     * The selected color\n     */\n    value?: ColorValue;\n\n    /**\n     * When property is set to \"auto\", the color picker will automatically adjust to the height of the palette.\n     * This is mainly to be used in conjunction with InputColor.\n     * <p>If not specified, defaults to the theme specified height.<br/>\n     */\n    height?: 'auto';\n\n    /**\n     * Specifies the component style maxWidth.\n     * <p>If not specified, defaults to the theme specified maxWidth.<br/>\n     * This attribute accepts values of type:<br/>\n     * 0 | `${number}${CssUnits}` | `${number}x` | `--${string}` | `var($string})` | `${number}%`</p>\n     * <p>When this component is used in composition and the component should take up 100% of the parent container's\n     * width, set maxWidth to '100%'.<br/>\n     * Because there is a theme default value for maxWidth, when setting the width property to achieve a fixed width,\n     * set the maxWidth property to the same value.</p>\n     */\n    maxWidth?: Size;\n\n    /**\n     * Specifies the component style width.\n     * <p>If not specified, defaults to '100%'.</p>\n     * <p>This attribute accepts values of type:</p>\n     * <p>0 | `${number}${CssUnits}` | `${number}x` | `--${string}`  | `var($string})` | `${number}%`</p>\n     * <br/>\n     * <p>Because there is a theme default value for maxWidth, when setting the width property to achieve a fixed width,\n     * set the maxWidth property to the same value.</p>\n     */\n    width?: Size;\n\n    /**\n     * Callback invoked when the user selects a color in the Palette. This callback is called even when the previous\n     * value and the value are the same, that is, when the user selects an already selected color.\n     * The app needs to handle this to write back the controlled 'value' property, or else no color will be shown\n     * to be selected.\n     */\n    onCommit: (detail: ValueUpdateDetail<ColorValue>) => void;\n  };\n\n/**\n * A ColorPicker is a component that allows users to select a single color.\n */\nexport const ColorPicker = forwardRef(\n  (\n    { swatchSize = 'xs', palette, height, maxWidth, value, testId, width, onCommit }: Props,\n    pickerRef?: ForwardedRef<HTMLDivElement>\n  ) => {\n    // we need to render the baseTheme on the root dom element so that the CSS vars in colorPickerPropVars will be defined.\n    const { classes } = useComponentTheme(ColorPickerRedwoodTheme);\n\n    const testIdProps = useTestId(testId);\n\n    return (\n      <div ref={pickerRef} class={classes} {...testIdProps}>\n        <Flex\n          direction=\"column\"\n          height={\n            height === 'auto' ? undefined : isMobile() ? undefined : colorPickerPropVars.maxHeight\n          }\n          maxWidth={\n            maxWidth !== undefined ? maxWidth : isMobile() ? '100%' : colorPickerPropVars.maxWidth\n          }\n          width={width !== undefined ? width : colorPickerPropVars.width}>\n          <ColorPalette\n            palette={palette}\n            swatchSize={swatchSize}\n            value={value}\n            testId={testId ? testId + '_picker' : undefined}\n            onCommit={onCommit}></ColorPalette>\n        </Flex>\n      </div>\n    );\n  }\n);\n"],"names":["ColorPicker","forwardRef","swatchSize","palette","height","maxWidth","value","testId","width","onCommit","pickerRef","classes","useComponentTheme","ColorPickerRedwoodTheme","testIdProps","useTestId","_jsx","jsx","ref","class","children","Flex","direction","isMobile","undefined","colorPickerPropVars","maxHeight","ColorPalette"],"mappings":"4UAkEa,MAAAA,EAAcC,EAAAA,YACzB,EACIC,aAAa,KAAMC,UAASC,SAAQC,WAAUC,QAAOC,SAAQC,QAAOC,YACtEC,KAGA,MAAMC,QAAEA,GAAYC,EAAiBA,kBAACC,EAAuBA,yBAEvDC,EAAcC,YAAUR,GAE9B,OACES,EAAKC,IAAA,MAAA,CAAAC,IAAKR,EAAWS,MAAOR,KAAaG,EACvCM,SAAAJ,EAAAC,IAACI,EAAIA,KAAA,CACHC,UAAU,SACVlB,OACa,SAAXA,GAAgCmB,EAAAA,gBAAZC,EAAqCC,sBAAoBC,UAE/ErB,cACemB,IAAbnB,EAAyBA,EAAWkB,EAAAA,WAAa,OAASE,EAAAA,oBAAoBpB,SAEhFG,WAAiBgB,IAAVhB,EAAsBA,EAAQiB,sBAAoBjB,MAAKY,SAC9DJ,EAAAA,IAACW,EAAAA,aACC,CAAAxB,QAASA,EACTD,WAAYA,EACZI,MAAOA,EACPC,OAAQA,EAASA,EAAS,eAAYiB,EACtCf,SAAUA,OAGhB"}

package/amd/ColorSwatch-57d78771.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', 'preact/compat', './BareButton-7b68bbbf', './IconButton-232d63fc', './useToggleAction-59741954', './useTooltip-75a63697', './useHover-8b8a1496', './mergeProps-bcfa6a92', './useComponentTheme-5aa41a8f', './LayerHost-daf96749', './useColorScheme-3022ec9a', './classNames-08d99695', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', './useActive-bb5dc069', './clientHints-6d361eaa', './UNSAFE_ColorSwatch/themes/redwood/ColorSwatchTheme', './buttonUtils-cbbb0130', './swatchData-ef8329c2', './resources/nls/en/bundle', './CheckboxCrossed-5a1e4f21'], (function(e,s,t,o,a,l,i,r,n,c,d,h,u,p,b,v,m,g,S,C,x,w,f,y,T,N){"use strict";const j=()=>s.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 48 48",preserveAspectRatio:"none",width:"100%",height:"100%",children:s.jsx("path",{"stroke-width":"2","vector-effect":"non-scaling-stroke",d:"M0 0L48 48"})}),D=a.forwardRef((({size:e="sm",isSelected:a=!1,isButton:u=!1,onToggle:v,isDisabled:m=!1,isTooltipDisabled:g=!1,testId:S,value:D,...A},H)=>{const B="events"===x.getClientHints().hoverSupport,k=D,F=k&&k.length,P=F?k?.toLocaleLowerCase():D,E=!!F&&"transparent"===P,I=!(!D||!F)&&y.isEightDigitHex(D),L=T.default.vis_stateSelected(),U=T.default.labelNone(),V=T.default.accColorSwatch(),{globalEventProps:_,ariaProps:{"aria-label":z,"aria-hidden":R,"aria-roledescription":G,...M}}=f.processGlobals(A),{hoverProps:q,isHover:J}=c.useHover({isDisabled:!B}),{activeProps:K,isActive:O}=C.useActive({isDisabled:m}),Q=o.useCallback((e=>"transparent"===e?.toLowerCase()?U:y.parseColorValue(e)),[U]),[W,X]=o.useState(z||(Q(D)+a?" "+L:"")),Y=p.useColorScheme(),{classes:Z,styles:{alphaHalfStyles:$,swatchStyles:ee,buttonStyles:se,noFillStyles:te,noFillDisabledStyles:oe,noFillHoverStyles:ae,smallButtonContainerStyles:le}}=h.useComponentTheme(w.ColorSwatchRedwoodTheme,{size:e,selected:a?"isSelected":"notSelected",active:O?"isActive":"notActive",disabled:m?"isDisabled":"notDisabled",hover:J?"isHover":"notHover",noFill:E?"isNoFill":"notNoFill",hasValue:F?"hasValue":"notHasValue",button:u?"isButton":"notButton",colorScheme:Y});o.useEffect((()=>{z||X((a?L+" ":"")+Q(D))}),[a,D,Q,L,z]);const{triggerProps:ie}=r.useToggleAction({onToggle:v}),{tooltipContent:re,tooltipProps:ne}=n.useTooltip({text:W,isDisabled:m||g}),ce=()=>F?s.jsx("div",{className:b.classNames([le,u&&se,!u&&ee]),style:E||m||I?{}:{backgroundColor:D},children:E?s.jsx("div",{className:m?oe:te,children:s.jsx(j,{})}):I?s.jsxs(t.Fragment,{children:[s.jsx("div",{className:$,style:m?{}:{backgroundColor:y.getSixDigitHex(D)}}),s.jsx("div",{className:$,style:m?{}:{backgroundColor:D}})]}):void 0}):s.jsx("div",{className:b.classNames([!u&&ee,m?oe:ae]),children:s.jsx(N.SvgCheckboxCrossed,{})});return u?s.jsx(i.IconButton,{"aria-label":W,"aria-roledescription":G??V,...M,isDisabled:m,ref:H,size:"sm",testId:S,variant:"ghost",onAction:()=>v?.({value:a}),children:ce()}):s.jsxs(t.Fragment,{children:[s.jsx(l.BareButton,{ref:H,elementDetails:{type:"div"},...d.mergeProps(ie,_,q,K,_,ne),testId:S,isDisabled:m,"aria-label":W,"aria-roledescription":G??V,...M,classNames:Z,onAction:()=>v?.({value:a}),children:ce()}),re]})}));D.displayName="ColorSwatch",e.ColorSwatch=D}));
+//# sourceMappingURL=ColorSwatch-57d78771.js.map

package/amd/ColorSwatch-57d78771.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorSwatch-57d78771.js","sources":["../../src/UNSAFE_ColorSwatch/NoFill.tsx","../../src/UNSAFE_ColorSwatch/ColorSwatch.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\n/**\n * The NoFill image\n */\nexport const NoFill = () => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 48 48\"\n    preserveAspectRatio=\"none\"\n    width=\"100%\"\n    height=\"100%\">\n    <path stroke-width=\"2\" vector-effect=\"non-scaling-stroke\" d=\"M0 0L48 48\" />\n  </svg>\n);\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { Fragment, Ref } from 'preact';\nimport { useEffect, useState, useCallback } from 'preact/hooks';\nimport { forwardRef, ElementRef } from 'preact/compat';\n\nimport { BareButton } from '../UNSAFE_BareButton';\nimport { IconButton } from '../UNSAFE_IconButton';\nimport { useToggleAction, ToggleDetail } from '../hooks/UNSAFE_useToggleAction';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useTooltip } from '../hooks/UNSAFE_useTooltip';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { useActive } from '../hooks/UNSAFE_useActive';\nimport { useColorScheme } from '../hooks/UNSAFE_useColorScheme';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { ColorSwatchVariantOptions } from './themes/ColorSwatchStyles.css';\nimport { ColorSwatchRedwoodTheme } from './themes/redwood/ColorSwatchTheme';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { NoFill } from './NoFill';\nimport { processGlobals } from '../utils/UNSAFE_buttonUtils';\nimport type { ButtonIntrinsicProps, ButtonIntrinsicAriaProps } from '../utils/UNSAFE_buttonUtils';\nimport {\n  parseColorValue,\n  type ColorValue,\n  isEightDigitHex,\n  getSixDigitHex\n} from '../utils/UNSAFE_color';\nimport translations from '#resources/nls/en/bundle';\nimport { CheckboxCrossed } from '#PRIVATE_Icons/CheckboxCrossed';\nimport { classNames } from '#utils/UNSAFE_classNames';\n\ntype SwatchHandle = ElementRef<typeof BareButton>;\n\nexport type ColorSwatchProps = Partial<ButtonIntrinsicProps> &\n  Partial<ButtonIntrinsicAriaProps> &\n  TestIdProps & {\n    /**\n     * color of the swatch\n     */\n    value?: ColorValue;\n\n    /**\n     * The size indicates how large the color swatch is rendered.\n     */\n    size?: 'xs' | 'sm';\n\n    /**\n     * Specifies if the color swatch is selected\n     */\n    isSelected?: boolean;\n\n    /**\n     * Specifies if the color swatch has role = button.  By default, the color swatch is used in a\n     * palette whereby it is not a button, but just a color swatch inside a grid cell.  However,\n     * it can be used as a stand-alone button, in which case this property should be set to true.  For\n     * example, inside inputColor, the color swatch is a button.\n     */\n    isButton?: boolean;\n\n    /**\n     * Specifies if the color swatch is disabled\n     */\n    isDisabled?: boolean;\n\n    /**\n     * Specifies if the color swatch tooltip is disabled\n     */\n    isTooltipDisabled?: boolean;\n\n    /**\n     * Property that triggers a callback immediately when toggle happens and value of isSelected property should be updated\n     */\n    onToggle?: (details: ToggleDetail) => void;\n  };\n\n/**\n * ColorSwatches render a color, showing focus, hover, and selection variations.\n */\nexport const ColorSwatch = forwardRef(\n  (\n    {\n      size = 'sm',\n      isSelected = false,\n      isButton = false,\n      onToggle,\n      isDisabled = false,\n      isTooltipDisabled = false,\n      testId,\n      value,\n      ...props\n    }: ColorSwatchProps,\n    ref: Ref<SwatchHandle>\n  ) => {\n    const clientHints = getClientHints();\n    const isHybrid = clientHints.hoverSupport === 'events';\n    const valueText = value as string;\n    const hasValue = valueText && valueText.length;\n    const lowerValueText = hasValue ? valueText?.toLocaleLowerCase() : value;\n    const isNoFill = hasValue ? lowerValueText === 'transparent' : false;\n    const hasAlpha = value && hasValue ? isEightDigitHex(value) : false;\n    // const isSmallButton = isButton && size === 'xs'; // if used as xs button, the icon is 20x20, while the target size is 24x24\n\n    const selectedTranslated = translations.vis_stateSelected();\n    const noneTranslated = translations.labelNone();\n    const colorSwatchTranslated = translations.accColorSwatch();\n\n    const {\n      globalEventProps,\n      ariaProps: {\n        'aria-label': ariaLabel,\n        'aria-hidden': ariaHidden,\n        'aria-roledescription': ariaRoleDescription,\n        ...swatchAriaProps\n      }\n    } = processGlobals(props);\n    const { hoverProps, isHover } = useHover({ isDisabled: !isHybrid });\n    const { activeProps, isActive } = useActive({ isDisabled: isDisabled });\n\n    // Cope with rgb or palette colors or illegal colors\n    const getHexValue = useCallback(\n      (raw?: string) => {\n        if (raw?.toLowerCase() === 'transparent') {\n          return noneTranslated;\n        }\n        return parseColorValue(raw);\n      },\n      [noneTranslated]\n    );\n\n    const [accessibleLabel, setAccessibleLabel] = useState<string>(\n      ariaLabel\n        ? ariaLabel\n        : getHexValue(value as string) + isSelected\n        ? ' ' + selectedTranslated\n        : ''\n    );\n\n    const colorScheme = useColorScheme();\n\n    const {\n      classes,\n      styles: {\n        alphaHalfStyles,\n        swatchStyles,\n        buttonStyles,\n        noFillStyles,\n        noFillDisabledStyles,\n        noFillHoverStyles,\n        smallButtonContainerStyles\n      }\n    } = useComponentTheme<ColorSwatchVariantOptions>(ColorSwatchRedwoodTheme, {\n      size: size,\n      selected: isSelected ? 'isSelected' : 'notSelected',\n      active: isActive ? 'isActive' : 'notActive',\n      disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n      hover: isHover ? 'isHover' : 'notHover',\n      noFill: isNoFill ? 'isNoFill' : 'notNoFill',\n      hasValue: hasValue ? 'hasValue' : 'notHasValue',\n      button: isButton ? 'isButton' : 'notButton',\n      colorScheme\n    });\n\n    useEffect(() => {\n      if (!ariaLabel) {\n        setAccessibleLabel(\n          (isSelected ? selectedTranslated + ' ' : '') + getHexValue(value as string)\n        );\n      }\n    }, [isSelected, value, getHexValue, selectedTranslated, ariaLabel]);\n\n    const { triggerProps } = useToggleAction({\n      onToggle: onToggle\n    });\n\n    const { tooltipContent, tooltipProps } = useTooltip({\n      text: accessibleLabel,\n      isDisabled: isDisabled || isTooltipDisabled\n    });\n\n    const elementDetails = {\n      type: 'div' as const\n    };\n\n    const splitSwatch = () => {\n      return (\n        <Fragment>\n          <div\n            className={alphaHalfStyles}\n            style={isDisabled ? {} : { backgroundColor: getSixDigitHex(value!) as string }}\n          />\n          <div\n            className={alphaHalfStyles}\n            style={isDisabled ? {} : { backgroundColor: value as string }}\n          />\n        </Fragment>\n      );\n    };\n    const noFill = () => {\n      return (\n        <div className={isDisabled ? noFillDisabledStyles : noFillStyles}>\n          <NoFill />\n        </div>\n      );\n    };\n\n    const valueSwatch = () => {\n      return (\n        <div\n          className={classNames([\n            smallButtonContainerStyles,\n            isButton && buttonStyles,\n            !isButton && swatchStyles\n          ])}\n          style={isNoFill || isDisabled || hasAlpha ? {} : { backgroundColor: value as string }}>\n          {isNoFill ? noFill() : hasAlpha ? splitSwatch() : undefined}\n        </div>\n      );\n    };\n\n    const noValueSwatch = () => {\n      return (\n        <div\n          className={classNames([\n            !isButton && swatchStyles,\n            isDisabled ? noFillDisabledStyles : noFillHoverStyles\n          ])}>\n          <CheckboxCrossed />\n        </div>\n      );\n    };\n\n    const swatchContents = () => {\n      return hasValue ? valueSwatch() : noValueSwatch();\n    };\n\n    const buttonContents = () => {\n      return (\n        <IconButton\n          aria-label={accessibleLabel}\n          aria-roledescription={ariaRoleDescription ?? colorSwatchTranslated}\n          {...swatchAriaProps}\n          isDisabled={isDisabled}\n          ref={ref}\n          size=\"sm\"\n          testId={testId}\n          variant=\"ghost\"\n          onAction={() => onToggle?.({ value: isSelected })}>\n          {swatchContents()}\n        </IconButton>\n      );\n    };\n\n    return isButton ? (\n      buttonContents()\n    ) : (\n      <Fragment>\n        <BareButton\n          ref={ref}\n          elementDetails={elementDetails}\n          {...mergeProps(\n            triggerProps,\n            globalEventProps,\n            hoverProps,\n            activeProps,\n            globalEventProps,\n            tooltipProps\n          )}\n          testId={testId}\n          isDisabled={isDisabled}\n          aria-label={accessibleLabel}\n          aria-roledescription={ariaRoleDescription ?? colorSwatchTranslated}\n          {...swatchAriaProps}\n          classNames={classes}\n          onAction={() => onToggle?.({ value: isSelected })}>\n          {swatchContents()}\n        </BareButton>\n        {tooltipContent}\n      </Fragment>\n    );\n  }\n);\n\nColorSwatch.displayName = 'ColorSwatch';\n"],"names":["NoFill","_jsx","xmlns","viewBox","preserveAspectRatio","width","height","d","ColorSwatch","forwardRef","size","isSelected","isButton","onToggle","isDisabled","isTooltipDisabled","testId","value","props","ref","isHybrid","getClientHints","hoverSupport","valueText","hasValue","length","lowerValueText","toLocaleLowerCase","isNoFill","hasAlpha","isEightDigitHex","selectedTranslated","translations","vis_stateSelected","noneTranslated","labelNone","colorSwatchTranslated","accColorSwatch","globalEventProps","ariaProps","ariaLabel","ariaHidden","ariaRoleDescription","swatchAriaProps","processGlobals","hoverProps","isHover","useHover","activeProps","isActive","useActive","getHexValue","useCallback","raw","toLowerCase","parseColorValue","accessibleLabel","setAccessibleLabel","useState","colorScheme","useColorScheme","classes","styles","alphaHalfStyles","swatchStyles","buttonStyles","noFillStyles","noFillDisabledStyles","noFillHoverStyles","smallButtonContainerStyles","useComponentTheme","ColorSwatchRedwoodTheme","selected","active","disabled","hover","noFill","button","useEffect","triggerProps","useToggleAction","tooltipContent","tooltipProps","useTooltip","text","swatchContents","className","classNames","style","backgroundColor","children","jsx","_jsxs","Fragment","getSixDigitHex","undefined","CheckboxCrossed","SvgCheckboxCrossed","IconButton","variant","onAction","BareButton","elementDetails","type","mergeProps","displayName"],"mappings":"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"}

package/amd/ComboChart-f3876b51.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './utils-8ccd1b88', './chartUtils-d0a5aa01', './LineSeries-53e65053', './dataStyleUtils-9895ff76', './useUser-12ec03f1', './colorUtils-7aaca9f1', './accUtils-acd70e81', './themeContract.css-2e4b066d', './BarGroup-c171e6cb', './Chart-061335fe'], (function(e,t,i,a,r,s,n,o,l,d,c,h){"use strict";function g({width:e,height:l,selectedIds:g=[],hiddenIds:I=[],highlightedIds:x,hideAndShowBehavior:m="none",orientation:u="vertical",yAxis:y,series:S,groups:f,isStacked:A=!1,getDataItem:C,selectionMode:v="none",drilling:b="off",dataItemGaps:T=.5,dataLabelEffect:D="outline",...L}){const{direction:k,forcedColors:R}=n.useUser(),j="active"===R,M=S.filter((e=>"bar"===e.type)),U="rtl"===k,B="log"===y?.scale,P=L.xAxis?.timeAxisType,W=new Set(I),E=new Set(g),G=new Set(x),w="horizontal"===u,z=o.getColorRamp();let F=i.getSeriesData(S.length,f.length,C,W,B);const H=(e,t)=>A?{...C(e,t),value:F[e][t]}:C(e,t),N="number"==typeof L.y2Axis?.split,O=i.getMarkers(),q=[],{hasBar:V,hasCenteredSeries:Y,hasUncenteredSeries:Z,hasArea:J}=S.reduce(((e,t)=>({hasArea:e.hasArea||"area"===t.type||"lineWithArea"===t.type,hasBar:e.hasBar||"bar"===t.type,hasCenteredSeries:e.hasCenteredSeries||"centeredSegmented"===t.lineType||"centeredStepped"===t.lineType,hasUncenteredSeries:e.hasUncenteredSeries||"segmented"===t.lineType||"stepped"===t.lineType})),{hasBar:!1,hasCenteredSeries:!1,hasUncenteredSeries:!1,hasArea:!1});return t.jsx(h.Chart,{width:e,height:l,selectedIds:E,hiddenIds:I,hideAndShowBehavior:m,orientation:u,yAxis:y,series:S,defaultOverviewContentRenderer:()=>t.jsx(p,{groups:f,series:S,getDataItem:C}),groups:f,selectionMode:v,drilling:b,isStacked:A,getDataItem:C,findNearest:(e,t,a)=>i.findNearestDataPoint(S,f,e,t,H,A,(()=>({offset:0,dataWidth:0})),((e,t)=>t.transform(e)),B,0,W,P,a),getDataItemPos:(e,t,i,r,s,n)=>{const o=V?c.getBarPosition(M,f,C,e,t,i,W,T,r,s,n,"log"===y?.scale,A,U,w,N,P):void 0;return(i,r)=>"bar"===S[i].type?o?o(i,r):void 0:a.getLineAreaChartItemPosition(i,r,F,C,f,w,e,t,P)},getMarkerInfo:(e,t)=>({color:s.getItemColor(e,t,S,C),markerType:s.getMarkerType(e,t,C)}),renderGridLinesInFront:J,getNavUtil:(e,t)=>s.getLineAreaChartNavUtil(C,S.length,e,t,A,U,w),getGapRatio:()=>1,getStartAndEndAxesOffset:e=>i.getStartAndEndAxesOffset(Y,Z,w,e,V),isRtl:U,...L,children:({xStartIndex:e,xEndIndex:s,xScale:n,groupsInfo:o,yScale:l,y2Scale:h,activeId:g,focusedItemInfo:p,hoveredItemInfo:I,isPointInsideMarquee:m,getTextDimensions:f,defaultFontSize:k,axisStepWidth:R,averageGroupZ:V,getItemAriaLabel:Y,plotAreaClipPathId:Z})=>{let J=-1;const K=o.map((({item:e})=>e));return F=i.getSeriesData(S.length,K.length,C,W,B),t.jsx(t.Fragment,{children:F.map(((o,Q)=>{const X=S[Q],$="y2"===X.associatedYAxis,_="lineWithArea"===X.type?.2:1,ee="area"===X.type||"lineWithArea"===X.type,te="area"===X.type;if(0===o.length)return;const ie=i.getLineAreaSegments($?h:l,n,o,e,s,B,K,Q,H,P);q[Q]=ie[0];const ae="bar"!==X.type?"curved"===X.lineType&&A&&F.length>1&&Q>0:A&&F.length>1&&Q>0,re=void 0===x||0===G.size||G.has(X.id),se=A&&0!=Q?q.reduce(((e,t,i)=>i>=Q?e:t.length>0?i:e),0):void 0;return"bar"===X.type&&(J+=1),t.jsxs(t.Fragment,{children:["bar"===X.type&&K.slice(e,s+1).map(((a,r)=>t.jsx(c.BarGroup,{plotAreaClipPathId:Z,yScale:l,y2Scale:h,xScale:n,splitDualY:N,groupIndex:r+e,selectedIds:E,hiddenIds:W,highlightedIds:x?G:x,isDrillEnabled:"on"===b,series:M,barGapRatio:i.getBarGapRatio(A,e,s),dataItemGaps:T,isPointInsideMarquee:m,isStacked:A,axisStepWidth:R,averageGroupZ:V,group:K[r],timeAxisType:L.xAxis?.timeAxisType,colors:z,activeId:g,isLog:"log"===y?.scale,orientation:u,getDataItem:C,isSelectionEnabled:"none"!=v,isRtl:U,focusedItemInfo:p,hoveredItemInfo:I,getTextDimensions:f,defaultFontSize:k,seriesIndex:J,getItemAriaLabel:Y}))),ee&&t.jsx(a.AreaSeries,{yScale:$?h:l,plotAreaClipPathId:Z,lineType:X.lineType,color:X.areaColor||z[Q%z.length],isHorizontal:w,areaColorOpacity:_,isBottomSegmentCurved:ae,bottomCoords:void 0!==se&&q[se].some((e=>null!=e))?q[se]:void 0,lineSegments:ie,isLog:B,isHighlighted:re,seriesIndex:Q,groupWidth:R,isRtl:U,timeAxisType:P}),"line"===X.type&&t.jsx(r.LineSeries,{plotAreaClipPathId:Z,lineType:X.lineType,lineColor:te?d.colorSchemeVars.dvt.contrastLine:X.lineColor,lineWidth:te?1.25:X.lineWidth,lineStyle:X.lineStyle||"solid",color:X.lineColor||z[Q%z.length],lineSegmentCoords:ie,isHorizontal:w,isHighlighted:re,seriesIndex:Q,groupWidth:R,isRtl:U,timeAxisType:P}),!A&&("line"===X.type||ee)&&t.jsx(r.MarkersWithLabel,{yScale:$?h:l,xScale:n,groups:K,series:X,timeAxisType:P,color:z[Q%z.length],seriesIndex:Q,startIndex:e,endIndex:s,markerType:O[Q%O.length],orientation:u,isLog:B,activeId:g,getDataItem:C,isPointInsideMarquee:m,selectedIds:E,focusedItemIndex:p.seriesIndex!==Q||!p.isFocusVisible||L.isDataCursorEnabled&&L.dataCursorStyle?.isMarkerDisplayed?void 0:p.groupIndex,hoveredItemIndex:I?.isCurrent&&I.seriesIndex===Q?I.groupIndex:void 0,isSelectionEnabled:"single"===v||"multiple"===v,isDrillEnabled:"on"===b,defaultFontSize:k,dataLabelEffect:D,isHighContrast:j,getItemAriaLabel:Y})]})}))})}})}function p(e){return t.jsx(g,{datatip:()=>({content:""}),zoomAndScroll:"off",plotArea:{yMajorTick:{isRendered:!1},xMajorTick:{}},xAxis:{tickLabel:{autoRotate:!1,isRendered:!!e.xAxis?.timeAxisType}},series:e.series,groups:e.groups,getDataItem:e.getDataItem,yAxis:{tickLabel:{isRendered:!1}},overview:"off"})}e.ComboChart=g}));
+//# sourceMappingURL=ComboChart-f3876b51.js.map

package/amd/ComboChart-f3876b51.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboChart-f3876b51.js","sources":["../../src/UNSAFE_ComboChart/ComboChart.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 { ComboChartProps, LineAreaItem } from './ComboChart.types';\nimport {\n  findNearestDataPoint,\n  getStartAndEndAxesOffset\n} from '#utils/PRIVATE_chartUtils/layoutUtils';\nimport { AreaSeries } from '#PRIVATE_LineAreaComponents/AreaSeries';\nimport { getMarkers, getSeriesData } from '#utils/PRIVATE_chartUtils/utils';\nimport { MarkersWithLabel } from '#PRIVATE_Chart/MarkersWithLabel';\nimport { getLineAreaChartNavUtil } from '#utils/PRIVATE_chartUtils/navUtils';\nimport { Chart } from '#PRIVATE_Chart';\nimport { Scale, TimeAxisProps } from '#utils/UNSAFE_visTypes/chart';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { getColorRamp } from '#utils/UNSAFE_visUtils';\nimport { LineSeries } from '#PRIVATE_LineAreaComponents/LineSeries';\nimport { Point } from '#utils/PRIVATE_visSVGUtils';\nimport { getLineAreaSegments } from '#utils/PRIVATE_chartUtils/utils';\nimport { colorSchemeVars } from '@oracle/oraclejet-internal-theme-contract/themeContract.css';\nimport { getItemColor, getMarkerType } from '#utils/PRIVATE_chartUtils/dataStyleUtils';\nimport { BarGroup } from '#UNSAFE_BarChart/BarGroup';\nimport { getBarPosition } from '#UNSAFE_BarChart/utils/barLayoutUtils';\nimport { getLineAreaChartItemPosition } from '#PRIVATE_LineAreaComponents/utils/chartUtils';\nimport { getBarGapRatio } from '#UNSAFE_BarChart/utils/barSeriesUtils';\n\nconst LINE_WITH_AREA_OPACITY = 0.2;\n\n/**\n * The ComboChart displays information graphically using bars, lines and filled areas, making relationships among the data easier to understand.\n */\nexport function ComboChart<K extends string | number, D extends LineAreaItem<K>>({\n  width,\n  height,\n  selectedIds = [],\n  hiddenIds = [],\n  highlightedIds,\n  hideAndShowBehavior = 'none',\n  orientation = 'vertical',\n  yAxis,\n  series,\n  groups,\n  isStacked = false,\n  getDataItem,\n  selectionMode = 'none',\n  drilling = 'off',\n  dataItemGaps = 0.5,\n  dataLabelEffect = 'outline',\n  ...props\n}: ComboChartProps<K, D>) {\n  const { direction, forcedColors } = useUser();\n  const isHighContrast = forcedColors === 'active';\n  const filteredBarSeries = series.filter((currentSeries) => currentSeries.type === 'bar');\n  const isRtl = direction === 'rtl';\n  const isLog = yAxis?.scale === 'log';\n  const timeAxisType = (props.xAxis as TimeAxisProps)?.timeAxisType;\n  const hiddenSet = new Set(hiddenIds);\n  const selectedSet = new Set(selectedIds);\n  const highlightedSet = new Set(highlightedIds);\n  const isHoriz = orientation === 'horizontal';\n  const colors = getColorRamp();\n  // TODO: JET-71332 ; should only be (number | undefined)[][]\n  // remove the type inference from scatter chart item.\n  let renderedSeries = getSeriesData<K, D>(\n    series.length,\n    groups.length,\n    getDataItem,\n    hiddenSet,\n    isLog\n  );\n\n  const renderedGetDataItem = (seriesIndex: number, groupIndex: number): D | undefined => {\n    if (!isStacked) return getDataItem(seriesIndex, groupIndex);\n    return {\n      ...getDataItem(seriesIndex, groupIndex),\n      value: renderedSeries[seriesIndex][groupIndex]\n    } as D;\n  };\n\n  const getGapRatio = () => {\n    return 1;\n  };\n\n  const getNextChartItemFunc = (startIndex: number, endIndex: number) => {\n    // TODO: JET-71332\n    //@ts-ignore\n    return getLineAreaChartNavUtil<D>(\n      getDataItem,\n      series.length,\n      startIndex,\n      endIndex,\n      isStacked,\n      isRtl,\n      isHoriz\n    );\n  };\n  const isSplitDualY = typeof props.y2Axis?.split === 'number';\n  const getDataItemPos = (\n    xScale: Scale,\n    yScale: Scale,\n    y2Scale: Scale,\n    axisStepWidth: number,\n    averageGroupZ: number,\n    gapRatio: number\n  ) => {\n    const _getBarPosition = hasBar\n      ? getBarPosition(\n          filteredBarSeries,\n          groups,\n          getDataItem,\n          xScale,\n          yScale,\n          y2Scale,\n          hiddenSet,\n          dataItemGaps,\n          axisStepWidth,\n          averageGroupZ,\n          gapRatio,\n          yAxis?.scale === 'log',\n          isStacked,\n          isRtl,\n          isHoriz,\n          isSplitDualY,\n          timeAxisType\n        )\n      : undefined;\n\n    return (seriesIndex: number, groupIndex: number) => {\n      const seriesItem = series[seriesIndex];\n      if (seriesItem.type === 'bar') {\n        return _getBarPosition ? _getBarPosition(seriesIndex, groupIndex) : undefined;\n      } else {\n        return getLineAreaChartItemPosition(\n          seriesIndex,\n          groupIndex,\n          renderedSeries,\n          getDataItem,\n          groups,\n          isHoriz,\n          xScale,\n          yScale,\n          timeAxisType\n        );\n      }\n    };\n  };\n\n  const getMarkerColorAndType = (seriesIndex: number, groupIndex: number) => {\n    const color = getItemColor(seriesIndex, groupIndex, series, getDataItem);\n    const markerType = getMarkerType(seriesIndex, groupIndex, getDataItem);\n    return { color, markerType };\n  };\n\n  const findNearest = (xScale: Scale, yScale: Scale, y2Scale: Scale) => {\n    const getSeriesDataInfo = () => {\n      return {\n        offset: 0,\n        dataWidth: 0\n      };\n    };\n\n    const getYCoord = (value: number, yScale: Scale) => {\n      return yScale.transform(value);\n    };\n\n    return findNearestDataPoint<K, D>(\n      series,\n      groups,\n      xScale,\n      yScale,\n      renderedGetDataItem,\n      isStacked,\n      getSeriesDataInfo,\n      getYCoord,\n      isLog,\n      0,\n      hiddenSet,\n      timeAxisType,\n      y2Scale\n    );\n  };\n  const markers = getMarkers();\n\n  const allLineSegmentCoords: Point[][] = [];\n\n  const { hasBar, hasCenteredSeries, hasUncenteredSeries, hasArea } = (\n    series as { lineType: string; type: string }[]\n  ).reduce(\n    (acc, s) => {\n      return {\n        hasArea: acc.hasArea || s.type === 'area' || s.type === 'lineWithArea',\n        hasBar: acc.hasBar || s.type === 'bar',\n        hasCenteredSeries:\n          acc.hasCenteredSeries ||\n          s.lineType === 'centeredSegmented' ||\n          s.lineType === 'centeredStepped',\n        hasUncenteredSeries:\n          acc.hasUncenteredSeries || s.lineType === 'segmented' || s.lineType === 'stepped'\n      };\n    },\n    { hasBar: false, hasCenteredSeries: false, hasUncenteredSeries: false, hasArea: false }\n  );\n\n  const getOffset = (groupCount: number) => {\n    return getStartAndEndAxesOffset(\n      hasCenteredSeries,\n      hasUncenteredSeries,\n      isHoriz,\n      groupCount,\n      hasBar\n    );\n  };\n\n  return (\n    <Chart\n      width={width}\n      height={height}\n      selectedIds={selectedSet}\n      hiddenIds={hiddenIds}\n      hideAndShowBehavior={hideAndShowBehavior}\n      orientation={orientation}\n      yAxis={yAxis}\n      series={series}\n      defaultOverviewContentRenderer={() => {\n        return <OverviewComboChart groups={groups} series={series} getDataItem={getDataItem} />;\n      }}\n      groups={groups}\n      selectionMode={selectionMode}\n      drilling={drilling}\n      isStacked={isStacked}\n      getDataItem={getDataItem}\n      findNearest={findNearest}\n      getDataItemPos={getDataItemPos}\n      getMarkerInfo={getMarkerColorAndType}\n      renderGridLinesInFront={hasArea}\n      getNavUtil={getNextChartItemFunc}\n      getGapRatio={getGapRatio}\n      getStartAndEndAxesOffset={getOffset}\n      isRtl={isRtl}\n      {...props}>\n      {({\n        xStartIndex,\n        xEndIndex,\n        xScale,\n        groupsInfo,\n        yScale,\n        y2Scale,\n        activeId,\n        focusedItemInfo,\n        hoveredItemInfo,\n        isPointInsideMarquee,\n        getTextDimensions,\n        defaultFontSize,\n        axisStepWidth,\n        averageGroupZ,\n        getItemAriaLabel,\n        plotAreaClipPathId\n      }) => {\n        let barSeriesIndex = -1;\n        const leafGroups = groupsInfo.map(({ item }) => item);\n        renderedSeries = getSeriesData<K, D>(\n          series.length,\n          leafGroups.length,\n          getDataItem,\n          hiddenSet,\n          isLog\n        );\n\n        return (\n          <>\n            {renderedSeries.map((valueSeries, index) => {\n              const currentSeries = series[index];\n              const isAssociatedToY2 = currentSeries.associatedYAxis === 'y2';\n              const areaOpacity =\n                currentSeries.type === 'lineWithArea' ? LINE_WITH_AREA_OPACITY : 1;\n              const isAreaRendered =\n                currentSeries.type === 'area' || currentSeries.type === 'lineWithArea';\n              const isContrastLineNeeded = currentSeries.type === 'area';\n\n              if (valueSeries.length === 0) {\n                return;\n              }\n\n              const lineSegmentCoords: Point[][] = getLineAreaSegments<K, D>(\n                isAssociatedToY2 ? y2Scale : yScale,\n                xScale,\n                valueSeries,\n                xStartIndex,\n                xEndIndex,\n                isLog,\n                leafGroups,\n                index,\n                renderedGetDataItem,\n                timeAxisType\n              );\n              allLineSegmentCoords[index] = lineSegmentCoords[0];\n              const isBottomSegmentCurved =\n                currentSeries.type !== 'bar'\n                  ? currentSeries.lineType === 'curved' &&\n                    isStacked &&\n                    renderedSeries.length > 1 &&\n                    index > 0\n                  : isStacked && renderedSeries.length > 1 && index > 0;\n\n              const isHighlighted =\n                highlightedIds === undefined ||\n                highlightedSet.size === 0 ||\n                highlightedSet.has(currentSeries.id);\n\n              const prevCoords =\n                isStacked && index != 0\n                  ? allLineSegmentCoords.reduce((prevValue, newValue, j) => {\n                      // find the index i such that i < index, and series i  has at least\n                      // one or more data item unhidden. Only such series will can be\n                      // used as bottomCoord for current series. Otherwise we have to use\n                      // baseline coord\n                      if (j >= index) {\n                        return prevValue;\n                      }\n                      if (newValue.length > 0) {\n                        return j;\n                      }\n                      return prevValue;\n                    }, 0)\n                  : undefined;\n              if (currentSeries.type === 'bar') barSeriesIndex = barSeriesIndex + 1;\n              return (\n                <>\n                  {currentSeries.type === 'bar' &&\n                    leafGroups.slice(xStartIndex, xEndIndex + 1).map((_, index) => {\n                      const barGroup = (\n                        <BarGroup\n                          plotAreaClipPathId={plotAreaClipPathId}\n                          yScale={yScale}\n                          y2Scale={y2Scale}\n                          xScale={xScale}\n                          splitDualY={isSplitDualY}\n                          groupIndex={index + xStartIndex}\n                          selectedIds={selectedSet}\n                          hiddenIds={hiddenSet}\n                          highlightedIds={highlightedIds ? highlightedSet : highlightedIds}\n                          isDrillEnabled={drilling === 'on'}\n                          series={filteredBarSeries}\n                          barGapRatio={getBarGapRatio(isStacked, xStartIndex, xEndIndex)}\n                          dataItemGaps={dataItemGaps}\n                          isPointInsideMarquee={isPointInsideMarquee}\n                          isStacked={isStacked}\n                          axisStepWidth={axisStepWidth}\n                          averageGroupZ={averageGroupZ!}\n                          group={leafGroups[index]}\n                          timeAxisType={(props.xAxis as TimeAxisProps)?.timeAxisType}\n                          colors={colors}\n                          activeId={activeId}\n                          isLog={yAxis?.scale === 'log'}\n                          orientation={orientation}\n                          getDataItem={getDataItem}\n                          isSelectionEnabled={selectionMode != 'none'}\n                          isRtl={isRtl}\n                          focusedItemInfo={focusedItemInfo}\n                          hoveredItemInfo={hoveredItemInfo}\n                          getTextDimensions={getTextDimensions}\n                          defaultFontSize={defaultFontSize}\n                          seriesIndex={barSeriesIndex}\n                          getItemAriaLabel={getItemAriaLabel}\n                        />\n                      );\n\n                      return barGroup;\n                    })}\n                  {isAreaRendered && (\n                    <AreaSeries\n                      yScale={isAssociatedToY2 ? y2Scale : yScale}\n                      plotAreaClipPathId={plotAreaClipPathId}\n                      lineType={currentSeries.lineType}\n                      color={currentSeries.areaColor || colors[index % colors.length]}\n                      isHorizontal={isHoriz}\n                      areaColorOpacity={areaOpacity}\n                      isBottomSegmentCurved={isBottomSegmentCurved}\n                      bottomCoords={\n                        prevCoords !== undefined &&\n                        allLineSegmentCoords[prevCoords].some((value) => value != null)\n                          ? allLineSegmentCoords[prevCoords]\n                          : undefined\n                      }\n                      lineSegments={lineSegmentCoords}\n                      isLog={isLog}\n                      isHighlighted={isHighlighted}\n                      seriesIndex={index}\n                      groupWidth={axisStepWidth}\n                      isRtl={isRtl}\n                      timeAxisType={timeAxisType}\n                    />\n                  )}\n                  {currentSeries.type === 'line' && (\n                    <LineSeries\n                      plotAreaClipPathId={plotAreaClipPathId}\n                      lineType={currentSeries.lineType}\n                      lineColor={\n                        isContrastLineNeeded\n                          ? colorSchemeVars.dvt.contrastLine\n                          : currentSeries.lineColor\n                      }\n                      lineWidth={isContrastLineNeeded ? 1.25 : currentSeries.lineWidth}\n                      lineStyle={currentSeries.lineStyle || 'solid'}\n                      color={currentSeries.lineColor || colors[index % colors.length]}\n                      lineSegmentCoords={lineSegmentCoords}\n                      isHorizontal={isHoriz}\n                      isHighlighted={isHighlighted}\n                      seriesIndex={index}\n                      groupWidth={axisStepWidth}\n                      isRtl={isRtl}\n                      timeAxisType={timeAxisType}\n                    />\n                  )}\n                  {\n                    /*for non stacked charts, markers should render in the order of series.\n                     some markers might get hidden behind area but this preserves the legacy behavior. */\n                    !isStacked && (currentSeries.type === 'line' || isAreaRendered) && (\n                      <MarkersWithLabel\n                        yScale={isAssociatedToY2 ? y2Scale : yScale}\n                        xScale={xScale}\n                        groups={leafGroups}\n                        series={currentSeries}\n                        timeAxisType={timeAxisType}\n                        color={\n                          colors[\n                            index % colors.length\n                          ] /* TODO : make this use getItemColor function from dataStyleUtils. */\n                        }\n                        seriesIndex={index}\n                        startIndex={xStartIndex}\n                        endIndex={xEndIndex}\n                        markerType={markers[index % markers.length]}\n                        orientation={orientation}\n                        isLog={isLog}\n                        activeId={activeId}\n                        getDataItem={getDataItem}\n                        isPointInsideMarquee={isPointInsideMarquee}\n                        selectedIds={selectedSet}\n                        focusedItemIndex={\n                          focusedItemInfo.seriesIndex === index &&\n                          focusedItemInfo.isFocusVisible &&\n                          !(props.isDataCursorEnabled && props.dataCursorStyle?.isMarkerDisplayed)\n                            ? focusedItemInfo.groupIndex\n                            : undefined\n                        }\n                        hoveredItemIndex={\n                          hoveredItemInfo?.isCurrent && hoveredItemInfo.seriesIndex === index\n                            ? hoveredItemInfo.groupIndex\n                            : undefined\n                        }\n                        isSelectionEnabled={\n                          selectionMode === 'single' || selectionMode === 'multiple'\n                        }\n                        isDrillEnabled={drilling === 'on'}\n                        defaultFontSize={defaultFontSize}\n                        dataLabelEffect={dataLabelEffect}\n                        isHighContrast={isHighContrast}\n                        getItemAriaLabel={getItemAriaLabel}\n                      />\n                    )\n                  }\n                </>\n              );\n            })}\n          </>\n          //TODO - handle isStack part\n        );\n      }}\n    </Chart>\n  );\n}\n\nfunction OverviewComboChart<K extends string | number, D extends LineAreaItem<K>>(\n  props: ComboChartProps<K, D>\n) {\n  return (\n    <ComboChart\n      datatip={() => ({ content: '' })}\n      zoomAndScroll=\"off\"\n      plotArea={{\n        yMajorTick: {\n          isRendered: false\n        },\n        xMajorTick: {}\n      }}\n      xAxis={{\n        tickLabel: {\n          autoRotate: false,\n          // @ts-ignore\n          isRendered: props.xAxis?.timeAxisType ? true : false\n        }\n      }}\n      series={props.series}\n      groups={props.groups}\n      getDataItem={props.getDataItem}\n      yAxis={{\n        tickLabel: {\n          isRendered: false\n        }\n      }}\n      overview=\"off\"\n    />\n  );\n}\n"],"names":["ComboChart","width","height","selectedIds","hiddenIds","highlightedIds","hideAndShowBehavior","orientation","yAxis","series","groups","isStacked","getDataItem","selectionMode","drilling","dataItemGaps","dataLabelEffect","props","direction","forcedColors","useUser","isHighContrast","filteredBarSeries","filter","currentSeries","type","isRtl","isLog","scale","timeAxisType","xAxis","hiddenSet","Set","selectedSet","highlightedSet","isHoriz","colors","getColorRamp","renderedSeries","getSeriesData","length","renderedGetDataItem","seriesIndex","groupIndex","value","isSplitDualY","y2Axis","split","markers","getMarkers","allLineSegmentCoords","hasBar","hasCenteredSeries","hasUncenteredSeries","hasArea","reduce","acc","s","lineType","_jsx","jsx","Chart","defaultOverviewContentRenderer","OverviewComboChart","findNearest","xScale","yScale","y2Scale","findNearestDataPoint","offset","dataWidth","transform","getDataItemPos","axisStepWidth","averageGroupZ","gapRatio","_getBarPosition","getBarPosition","undefined","getLineAreaChartItemPosition","getMarkerInfo","color","getItemColor","markerType","getMarkerType","renderGridLinesInFront","getNavUtil","startIndex","endIndex","getLineAreaChartNavUtil","getGapRatio","getStartAndEndAxesOffset","groupCount","children","xStartIndex","xEndIndex","groupsInfo","activeId","focusedItemInfo","hoveredItemInfo","isPointInsideMarquee","getTextDimensions","defaultFontSize","getItemAriaLabel","plotAreaClipPathId","barSeriesIndex","leafGroups","map","item","_Fragment","Fragment","valueSeries","index","isAssociatedToY2","associatedYAxis","areaOpacity","isAreaRendered","isContrastLineNeeded","lineSegmentCoords","getLineAreaSegments","isBottomSegmentCurved","isHighlighted","size","has","id","prevCoords","prevValue","newValue","j","_jsxs","slice","_","BarGroup","splitDualY","isDrillEnabled","barGapRatio","getBarGapRatio","group","isSelectionEnabled","AreaSeries","areaColor","isHorizontal","areaColorOpacity","bottomCoords","some","lineSegments","groupWidth","LineSeries","lineColor","colorSchemeVars","dvt","contrastLine","lineWidth","lineStyle","MarkersWithLabel","focusedItemIndex","isFocusVisible","isDataCursorEnabled","dataCursorStyle","isMarkerDisplayed","hoveredItemIndex","isCurrent","datatip","content","zoomAndScroll","plotArea","yMajorTick","isRendered","xMajorTick","tickLabel","autoRotate","overview"],"mappings":"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"}

package/amd/CompactHelpSource-103a8263.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './TabbableModeContext-a9c97640', './useTabbableMode-df433329', './useTranslationBundle-27bf6340', './classNames-08d99695', './Help-99314e05', './Popup-062b66ff', './useFocusWithin-5a504fca', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', './useComponentTheme-5aa41a8f', './UNSAFE_Label/themes/redwood/LabelTheme'], (function(e,s,o,n,t,u,a,c,r,l,i,p,d){"use strict";function b(){const e=o.useRef(null),{focusProps:s,isFocused:n}=l.useFocusWithin();return{isFocused:n,popupProps:{onTransitionEnd:o.useCallback((o=>{o?(s.onFocusIn&&e.current?.addEventListener("focusin",s.onFocusIn,!1),s.onFocusOut&&e.current?.addEventListener("focusout",s.onFocusOut,!1)):(s.onFocusIn&&e.current?.removeEventListener("focusin",s.onFocusIn,!1),s.onFocusOut&&e.current?.removeEventListener("focusout",s.onFocusOut,!1))}),[s.onFocusIn,s.onFocusOut,e]),ref:e}}}e.CompactHelpSource=function({children:e,id:n,labelEdge:l,source:f}){const[h,F]=o.useState(!1),m=u.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_learnMore(),{isTabbable:x,tabbableModeProps:T}=t.useTabbableMode(),E=o.useRef(null),v=e??m,{baseTheme:L}=p.useComponentTheme(d.LabelRedwoodTheme),I=a.classNames([L,i.helpIconBase,"start"===l&&i.helpIconLabelEdgeStart]),{isFocused:S,popupProps:j}=b(),A=!0===h||!0===S;return s.jsxs(s.Fragment,{children:[s.jsx("a",{target:"_blank",...f&&{href:f},"aria-label":v,class:I,id:n,ref:E,role:"link",onMouseEnter:()=>F(!0),onMouseLeave:()=>F(!1),onFocus:()=>F(!0),onBlur:()=>F(!1),...x?{tabIndex:0}:T,children:s.jsx(c.SvgHelp,{})}),s.jsx(r.Popup,{...j,placement:"end-top-corner",isOpen:A,anchorRef:E,flipOptions:{mainAxis:!0,crossAxis:!1},role:"tooltip",maxWidth:"296px",children:s.jsx("div",{class:i.helpContentStyles,children:v})})]})},e.usePopupFocusWithin=b}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './TabbableModeContext-a9c97640', './useTabbableMode-df433329', './useTranslationBundle-8e42d505', './classNames-08d99695', './Help-99314e05', './Popup-695781d6', './useFocusWithin-5a504fca', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', './useComponentTheme-5aa41a8f', './UNSAFE_Label/themes/redwood/LabelTheme'], (function(e,s,o,n,t,u,a,c,r,l,i,d,p){"use strict";function b(){const e=o.useRef(null),{focusProps:s,isFocused:n}=l.useFocusWithin();return{isFocused:n,popupProps:{onTransitionEnd:o.useCallback((o=>{o?(s.onFocusIn&&e.current?.addEventListener("focusin",s.onFocusIn,!1),s.onFocusOut&&e.current?.addEventListener("focusout",s.onFocusOut,!1)):(s.onFocusIn&&e.current?.removeEventListener("focusin",s.onFocusIn,!1),s.onFocusOut&&e.current?.removeEventListener("focusout",s.onFocusOut,!1))}),[s.onFocusIn,s.onFocusOut,e]),ref:e}}}e.CompactHelpSource=function({children:e,id:n,labelEdge:l,source:h}){const[F,f]=o.useState(!1),m=u.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_learnMore(),{isTabbable:x,tabbableModeProps:T}=t.useTabbableMode(),E=o.useRef(null),v=e??m,{baseTheme:L}=d.useComponentTheme(p.LabelRedwoodTheme),I=a.classNames([L,i.helpIconBase,"start"===l&&i.helpIconLabelEdgeStart]),{isFocused:S,popupProps:j}=b(),A=!0===F||!0===S;return s.jsxs(s.Fragment,{children:[s.jsx("a",{target:"_blank",...h&&{href:h},"aria-label":v,class:I,id:n,ref:E,role:"link",onMouseEnter:()=>f(!0),onMouseLeave:()=>f(!1),onFocus:()=>f(!0),onBlur:()=>f(!1),...x?{tabIndex:0}:T,children:s.jsx(c.SvgHelp,{})}),s.jsx(r.Popup,{...j,placement:"end-top-corner",isOpen:A,anchorRef:E,flipOptions:{mainAxis:!0,crossAxis:!1},role:"tooltip",maxWidth:"296px",children:s.jsx("div",{class:i.helpContentStyles,children:v})})]})},e.usePopupFocusWithin=b}));
 //# sourceMappingURL=CompactHelpSource-103a8263.js.map

package/amd/CompactLabelAssistance-deb90940.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './useTooltip-75a63697', 'preact/hooks', './logger-0f873e29', './LayerHost-daf96749', 'preact/compat', './classNames-08d99695', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', './useTranslationBundle-8e42d505', './CompactHelpSource-103a8263', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css'], (function(e,s,t,o,a,r,l,n,c,i,p,d,u,h,m){"use strict";e.CompactLabelAssistance=({helpIconId:e,helpSourceLink:o,helpSourceText:a,isRequiredShown:r,labelEdge:l})=>{const c=u.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_required(),{tooltipContent:i,tooltipProps:p}=t.useTooltip({text:c,offset:{mainAxis:8}}),d=n.classNames([m.requiredIconBase,"start"===l&&m.requiredIconLabelEdgeStart]),S=r&&s.jsxs("span",{children:[s.jsx("span",{class:d,...p}),i]}),T=(o||a)&&s.jsx(h.CompactHelpSource,{id:e,labelEdge:l,source:o,children:a});return s.jsxs(s.Fragment,{children:["start"!==l&&S,T,"start"===l&&S]})}}));
+//# sourceMappingURL=CompactLabelAssistance-deb90940.js.map

package/amd/CompactLabelAssistance-deb90940.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompactLabelAssistance-deb90940.js","sources":["../../src/UNSAFE_UserAssistance/CompactLabelAssistance.tsx"],"sourcesContent":["import { useTooltip } from '../hooks/UNSAFE_useTooltip';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { CompactHelpSource } from './CompactHelpSource';\nimport { requiredIconBase, requiredIconLabelEdgeStart } from './themes/UserAssistanceStyles.css';\n\ntype Props = {\n  helpIconId?: string;\n  helpSourceLink?: string;\n  helpSourceText?: string;\n  isRequiredShown?: boolean;\n  labelEdge?: 'inside' | 'start' | 'top';\n};\n\nconst CompactLabelAssistance = ({\n  helpIconId,\n  helpSourceLink,\n  helpSourceText,\n  isRequiredShown,\n  labelEdge\n}: Props) => {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const requiredStr = translations.userAssistance_required();\n\n  const { tooltipContent, tooltipProps } = useTooltip({\n    text: requiredStr,\n    offset: { mainAxis: 8 }\n  });\n\n  const requiredStyles = classNames([\n    requiredIconBase,\n    labelEdge === 'start' && requiredIconLabelEdgeStart\n  ]);\n  const requiredIndicator = isRequiredShown && (\n    <span>\n      <span class={requiredStyles} {...tooltipProps} />\n      {tooltipContent}\n    </span>\n  );\n\n  const helpIndicator = (helpSourceLink || helpSourceText) && (\n    <CompactHelpSource id={helpIconId} labelEdge={labelEdge} source={helpSourceLink}>\n      {helpSourceText}\n    </CompactHelpSource>\n  );\n\n  return (\n    <>\n      {labelEdge !== 'start' && requiredIndicator}\n      {helpIndicator}\n      {labelEdge === 'start' && requiredIndicator}\n    </>\n  );\n};\n\nexport { CompactLabelAssistance };\n"],"names":["helpIconId","helpSourceLink","helpSourceText","isRequiredShown","labelEdge","requiredStr","useTranslationBundle","userAssistance_required","tooltipContent","tooltipProps","useTooltip","text","offset","mainAxis","requiredStyles","classNames","requiredIconBase","requiredIconLabelEdgeStart","requiredIndicator","_jsxs","_jsx","class","helpIndicator","jsx","CompactHelpSource","id","source","children","jsxs","_Fragment","Fragment"],"mappings":"8jBAe+B,EAC7BA,aACAC,iBACAC,iBACAC,kBACAC,gBAEA,MACMC,EADeC,uBAAiC,4BACrBC,2BAE3BC,eAAEA,EAAcC,aAAEA,GAAiBC,aAAW,CAClDC,KAAMN,EACNO,OAAQ,CAAEC,SAAU,KAGhBC,EAAiBC,EAAAA,WAAW,CAChCC,EAAgBA,iBACF,UAAdZ,GAAyBa,EAA0BA,6BAE/CC,EAAoBf,GACxBgB,yBACEC,MAAM,OAAA,CAAAC,MAAOP,KAAoBL,IAChCD,KAICc,GAAiBrB,GAAkBC,IACvCkB,EAACG,IAAAC,EAAiBA,kBAAC,CAAAC,GAAIzB,EAAYI,UAAWA,EAAWsB,OAAQzB,EAC9D0B,SAAAzB,IAIL,OACEiB,EACGS,KAAAC,EAAAC,SAAA,CAAAH,SAAA,CAAc,UAAdvB,GAAyBc,EACzBI,EACc,UAAdlB,GAAyBc,IAE5B"}

package/amd/CompactUserAssistance-5ef03b0a.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './useComponentTheme-5aa41a8f', 'preact/hooks', './Flex-07d2aa5b', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './LayerHost-daf96749', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', 'css!./IconStyle.styles.css', './IconButton-232d63fc', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './logger-0f873e29', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './ComponentMessageContainer-7d775a43', './FormFieldContext-a024b891', './useFormFieldContext-9260f081', './Popup-695781d6', './Separator-181f7541', './CompactHelpSource-103a8263', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css'], (function(e,s,t,o,n,a,i,r,l,c,p,d,m,h,u,g,y,C,S,F,x,A,U,M,T,f,b,B,w,E,N,_,j,v){"use strict";e.CompactUserAssistance=function({anchorRef:e,assistiveText:o,fieldLabel:n,id:a,messages:i=[]}){const{isInputFocused:r,isReadonly:l}=E.useFormFieldContext(),{isFocused:c,popupProps:p}=j.usePopupFocusWithin(),d=!0===r||!0===c,{baseTheme:m}=t.useComponentTheme(b.UserAssistanceRedwoodTheme);return!0!==l&&(i.length>0||o)?s.jsx(N.Popup,{...p,placement:"end-top-corner",isOpen:d,anchorRef:e,flipOptions:{mainAxis:!0,crossAxis:!1},tail:"simple",role:"tooltip",maxWidth:"296px",children:s.jsxs("div",{id:a,class:m,children:[i.length>0&&s.jsx(B.ComponentMessageContainer,{fieldLabel:n,messages:i}),i.length>0&&o&&s.jsx("span",{class:v.dividerStyle,children:s.jsx(_.Separator,{})}),o&&s.jsx("span",{class:v.assistiveStyles,children:o})]})}):null}}));
+//# sourceMappingURL=CompactUserAssistance-5ef03b0a.js.map

package/amd/CompactUserAssistance-5ef03b0a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompactUserAssistance-5ef03b0a.js","sources":["../../src/UNSAFE_UserAssistance/CompactUserAssistance.tsx"],"sourcesContent":["import { RefObject } from 'preact/compat';\n\nimport { ComponentMessageContainer, ComponentMessageItem } from '../UNSAFE_ComponentMessage';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { Popup } from '../UNSAFE_Popup';\nimport { Coords } from '../UNSAFE_Floating';\nimport { Separator } from '../UNSAFE_Separator';\nimport { usePopupFocusWithin } from './usePopupFocusWithin';\nimport { assistiveStyles, dividerStyle } from './themes/UserAssistanceStyles.css';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { UserAssistanceRedwoodTheme } from './themes/redwood/UserAssistanceTheme';\n\ntype Props = {\n  anchorRef: RefObject<HTMLElement | Coords>;\n  assistiveText?: string;\n  fieldLabel?: string;\n  id?: string;\n  messages?: ComponentMessageItem[];\n};\n\nexport function CompactUserAssistance({\n  anchorRef,\n  assistiveText,\n  fieldLabel,\n  id,\n  messages = []\n}: Props) {\n  const { isInputFocused, isReadonly } = useFormFieldContext();\n  const flip = { mainAxis: true, crossAxis: false };\n  const { isFocused: isPopupFocused, popupProps } = usePopupFocusWithin();\n  const isOpen = isInputFocused === true || isPopupFocused === true;\n\n  const { baseTheme } = useComponentTheme(UserAssistanceRedwoodTheme);\n\n  const uaCompactContent =\n    isReadonly !== true && (messages.length > 0 || assistiveText) ? (\n      <Popup\n        {...popupProps}\n        placement=\"end-top-corner\"\n        isOpen={isOpen}\n        anchorRef={anchorRef}\n        flipOptions={flip}\n        tail=\"simple\"\n        role=\"tooltip\"\n        maxWidth={'296px'}>\n        <div id={id} class={baseTheme}>\n          {messages.length > 0 && (\n            <ComponentMessageContainer fieldLabel={fieldLabel} messages={messages} />\n          )}\n          {messages.length > 0 && assistiveText && (\n            <span class={dividerStyle}>\n              <Separator />\n            </span>\n          )}\n          {assistiveText && <span class={assistiveStyles}>{assistiveText}</span>}\n        </div>\n      </Popup>\n    ) : null;\n\n  return uaCompactContent;\n}\n"],"names":["anchorRef","assistiveText","fieldLabel","id","messages","isInputFocused","isReadonly","useFormFieldContext","isFocused","isPopupFocused","popupProps","usePopupFocusWithin","isOpen","baseTheme","useComponentTheme","UserAssistanceRedwoodTheme","length","_jsx","jsx","Popup","placement","flipOptions","mainAxis","crossAxis","tail","role","maxWidth","children","_jsxs","class","ComponentMessageContainer","dividerStyle","Separator","assistiveStyles"],"mappings":"u1CAoBgB,UAAsBA,UACpCA,EAASC,cACTA,EAAaC,WACbA,EAAUC,GACVA,EAAEC,SACFA,EAAW,KAEX,MAAMC,eAAEA,EAAcC,WAAEA,GAAeC,EAAmBA,uBAElDC,UAAWC,EAAcC,WAAEA,GAAeC,EAAmBA,sBAC/DC,GAA4B,IAAnBP,IAA8C,IAAnBI,GAEpCI,UAAEA,GAAcC,EAAiBA,kBAACC,EAA0BA,4BA2BlE,OAxBiB,IAAfT,IAAwBF,EAASY,OAAS,GAAKf,GAC7CgB,EAAAC,IAACC,EAAKA,MAAA,IACAT,EACJU,UAAU,iBACVR,OAAQA,EACRZ,UAAWA,EACXqB,YAbO,CAAEC,UAAU,EAAMC,WAAW,GAcpCC,KAAK,SACLC,KAAK,UACLC,SAAU,QAAOC,SACjBC,EAAAA,KAAK,MAAA,CAAAzB,GAAIA,EAAI0B,MAAOhB,EAASc,SAAA,CAC1BvB,EAASY,OAAS,GACjBC,EAAAC,IAACY,4BAAyB,CAAC5B,WAAYA,EAAYE,SAAUA,IAE9DA,EAASY,OAAS,GAAKf,GACtBgB,EAAAA,IAAA,OAAA,CAAMY,MAAOE,EAAYA,aAAAJ,SACvBV,EAACC,IAAAc,EAASA,UAAG,MAGhB/B,GAAiBgB,EAAAA,IAAM,OAAA,CAAAY,MAAOI,EAAAA,gBAAkBN,SAAA1B,SAGnD,IAGR"}

package/amd/ComponentMessageContainer-7d775a43.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Flex-07d2aa5b', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', './logger-0f873e29', 'preact', './useTestId-9afc201a', './LayerHost-daf96749', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', 'css!./IconStyle.styles.css', './IconButton-232d63fc', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './MessagesManager-1a6283c1', './useComponentTheme-5aa41a8f', './classNames-08d99695', './clientHints-6d361eaa', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', './HiddenAccessible-037ef42d', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css'], (function(e,s,t,a,n,o,i,r,d,l,c,m,g,p,y,h,u,M,f,T,C,v,S,A,b,x,I,U,N,w){"use strict";function B({detail:e,fieldLabel:t,severity:a="error",testId:n}){const{classes:o}=v.useComponentTheme(U.ComponentMessageRedwoodTheme,{severity:a??"none"}),{baseTheme:i}=v.useComponentTheme(N.UserAssistanceRedwoodTheme),r=S.classNames([o,i]),d=l.useTestId(n);return s.jsxs("div",{class:r,..."ios"===A.getClientHints().platform&&"safari"===A.getClientHints().browser?{"aria-live":"assertive"}:{role:"alert"},"aria-atomic":"true",...d,children:[t&&s.jsx(I.HiddenAccessible,{children:t}),C.isSeverityIconNeeded(a)&&s.jsx(C.MessageStartIcon,{severity:a,testId:n?`${n}-icon`:void 0,variant:"inline"}),s.jsx(C.MessageSummary,{testId:n?`${n}-summary`:void 0,text:e,variant:"inline"})]})}function F(e){return e.map(((e,s)=>({key:s,data:{closeAffordance:"off",severity:e.severity||"error",detail:e.detail}})))}e.ComponentMessage=B,e.ComponentMessageContainer=function({fieldLabel:e,messages:t=[],testId:a}){const n=l.useTestId(a);return s.jsx("div",{class:w.componentMessageContainerBase,...n,children:s.jsx(C.MessagesManager,{data:F(t),children:({item:t})=>s.jsx(B,{detail:t.data.detail,fieldLabel:e,severity:t.data.severity,testId:a?`${a}-message-${t.key}`:void 0},t.key)})})}}));
+//# sourceMappingURL=ComponentMessageContainer-7d775a43.js.map

package/amd/ComponentMessageContainer-7d775a43.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentMessageContainer-7d775a43.js","sources":["../../src/UNSAFE_ComponentMessage/ComponentMessage.tsx","../../src/UNSAFE_ComponentMessage/ComponentMessageContainer.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { isSeverityIconNeeded, MessageStartIcon, MessageSummary } from '../PRIVATE_Message';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { ComponentMessageVariantOptions } from './themes/ComponentMessageStyles.css';\nimport { ComponentMessageRedwoodTheme } from './themes/redwood/ComponentMessageTheme';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { type TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { UserAssistanceRedwoodTheme } from '#UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\n/**\n * A type for a single component message\n */\nexport type ComponentMessageItem = {\n  summary?: string;\n  detail?: string;\n  severity?: 'confirmation' | 'error' | 'info' | 'warning';\n};\n\n/**\n * Props for the Message Component\n */\ntype Props = TestIdProps & {\n  /**\n   * The error detail text for the component message\n   */\n  detail?: ComponentMessageItem['detail'];\n\n  /**\n   * The label of the field which is showing this error\n   */\n  fieldLabel?: string;\n\n  /**\n   * The severity of the component message\n   */\n  severity?: ComponentMessageItem['severity'];\n};\n\n/**\n * The component that renders an individual message for inline component messaging.\n */\nexport function ComponentMessage({ detail, fieldLabel, severity = 'error', testId }: Props) {\n  const { classes } = useComponentTheme<ComponentMessageVariantOptions>(\n    ComponentMessageRedwoodTheme,\n    {\n      severity: severity ?? 'none'\n    }\n  );\n\n  const { baseTheme } = useComponentTheme(UserAssistanceRedwoodTheme);\n  const styleClasses = classNames([classes, baseTheme]);\n  const testIdProps = useTestId(testId);\n\n  // aria-live assertive works on ios VoiceOver, but not on Jaws for our non-input-element form components like checkbox-set and input-date-mask,\n  // and role='alert' works on Jaws but not ios Voiceover due to VO bug.\n  // JET-65574 error message is not read on focus in voiceover due to VoiceOver bug with role: 'alert'.\n  // JET-72375 Accessibility - Checkbox, Error message is not read by JAWS due to aria-live: 'assertive'.\n\n  return (\n    <div\n      class={styleClasses}\n      {...(isIosSafari() ? { 'aria-live': 'assertive' } : { role: 'alert' })}\n      aria-atomic=\"true\"\n      {...testIdProps}>\n      {fieldLabel && <HiddenAccessible>{fieldLabel}</HiddenAccessible>}\n      {isSeverityIconNeeded(severity) && (\n        <MessageStartIcon\n          severity={severity}\n          testId={testId ? `${testId}-icon` : undefined}\n          variant=\"inline\"\n        />\n      )}\n      {/* We will be using the MessageSummary component, as this aligns with the style required */}\n      <MessageSummary\n        testId={testId ? `${testId}-summary` : undefined}\n        text={detail}\n        variant=\"inline\"\n      />\n    </div>\n  );\n}\n\n/**\n * Helper function to determine if the platform is iOS and the Browser is Safari.\n * Exported for usage in local tests.\n * @returns true if the platform is iOS, false otherwise\n */\nexport function isIosSafari() {\n  return getClientHints().platform === 'ios' && getClientHints().browser === 'safari';\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { MessagesManager } from '../PRIVATE_Message';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { ComponentMessage, ComponentMessageItem } from './ComponentMessage';\nimport { componentMessageContainerBase } from './themes/ComponentMessageStyles.css';\nimport { type TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\n\n/**\n * Converts the messages data into Item\n *\n * @param messages The messages data passed down as prop\n * @returns The messages data as Item\n */\nfunction generateMessagesData(messages: ComponentMessageItem[]) {\n  return messages.map<Item<number, ComponentMessageItem>>((message, index) => {\n    return {\n      key: index,\n      data: {\n        closeAffordance: 'off',\n        severity: message.severity || 'error',\n        detail: message.detail\n      }\n    };\n  });\n}\n\n/**\n * Props for the ComponentMessaging component\n */\ntype Props = TestIdProps & {\n  /**\n   * The label of the field which is showing this error\n   */\n  fieldLabel?: string;\n\n  /**\n   * Data for the messages. This data is used for rendering each message.\n   */\n  messages?: ComponentMessageItem[];\n};\n\nexport function ComponentMessageContainer({ fieldLabel, messages = [], testId }: Props) {\n  const testIdProps = useTestId(testId);\n  return (\n    <div class={componentMessageContainerBase} {...testIdProps}>\n      <MessagesManager data={generateMessagesData(messages)}>\n        {({ item }) => (\n          <ComponentMessage\n            key={item.key}\n            detail={item.data.detail}\n            fieldLabel={fieldLabel}\n            severity={item.data.severity}\n            testId={testId ? `${testId}-message-${item.key}` : undefined}\n          />\n        )}\n      </MessagesManager>\n    </div>\n  );\n}\n"],"names":["ComponentMessage","detail","fieldLabel","severity","testId","classes","useComponentTheme","ComponentMessageRedwoodTheme","baseTheme","UserAssistanceRedwoodTheme","styleClasses","classNames","testIdProps","useTestId","_jsxs","class","getClientHints","platform","browser","role","children","_jsx","HiddenAccessible","isSeverityIconNeeded","jsx","MessageStartIcon","undefined","variant","MessageSummary","text","generateMessagesData","messages","map","message","index","key","data","closeAffordance","componentMessageContainerBase","MessagesManager","item"],"mappings":"4mCAiDgB,SAAAA,GAAiBC,OAAEA,EAAMC,WAAEA,EAAUC,SAAEA,EAAW,QAAOC,OAAEA,IACzE,MAAMC,QAAEA,GAAYC,EAAiBA,kBACnCC,+BACA,CACEJ,SAAUA,GAAY,UAIpBK,UAAEA,GAAcF,EAAiBA,kBAACG,EAA0BA,4BAC5DC,EAAeC,EAAUA,WAAC,CAACN,EAASG,IACpCI,EAAcC,YAAUT,GAO9B,OACEU,cACEC,MAAOL,KA4B0B,QAA9BM,EAAAA,iBAAiBC,UAAmD,WAA7BD,EAAAA,iBAAiBE,QA3BtC,CAAE,YAAa,aAAgB,CAAEC,KAAM,uBAChD,UACRP,EACHQ,SAAA,CAAAlB,GAAcmB,EAAAA,IAACC,EAAAA,iBAAgB,CAAAF,SAAElB,IACjCqB,EAAAA,qBAAqBpB,IACpBkB,EAACG,IAAAC,mBACC,CAAAtB,SAAUA,EACVC,OAAQA,EAAS,GAAGA,cAAgBsB,EACpCC,QAAQ,WAIZN,EAAAG,IAACI,iBAAc,CACbxB,OAAQA,EAAS,GAAGA,iBAAmBsB,EACvCG,KAAM5B,EACN0B,QAAQ,aAIhB,CCpEA,SAASG,EAAqBC,GAC5B,OAAOA,EAASC,KAAwC,CAACC,EAASC,KACzD,CACLC,IAAKD,EACLE,KAAM,CACJC,gBAAiB,MACjBlC,SAAU8B,EAAQ9B,UAAY,QAC9BF,OAAQgC,EAAQhC,WAIxB,kDAiBM,UAAoCC,WAAEA,EAAU6B,SAAEA,EAAW,GAAE3B,OAAEA,IACrE,MAAMQ,EAAcC,YAAUT,GAC9B,OACEiB,EAAAG,IAAA,MAAA,CAAKT,MAAOuB,EAAAA,iCAAmC1B,EAC7CQ,SAAAC,EAAAG,IAACe,kBAAgB,CAAAH,KAAMN,EAAqBC,GACzCX,SAAA,EAAGoB,UACFnB,MAACrB,EAAgB,CAEfC,OAAQuC,EAAKJ,KAAKnC,OAClBC,WAAYA,EACZC,SAAUqC,EAAKJ,KAAKjC,SACpBC,OAAQA,EAAS,GAAGA,aAAkBoC,EAAKL,WAAQT,GAJ9Cc,EAAKL,QAUtB"}

package/amd/ConveyorBelt-b9ab13cc.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './BaseButton-d69319ea', './ButtonLabelLayout-9cc087dc', './ChevronLeft-b190b987', './ChevronRight-3c1f1b2c', './ChevronUp-fd41f17e', './ChevronDown-1d01f028', './classNames-08d99695', './UNSAFE_ConveyorBelt/themes/ConveyorBeltStyles.css', './useUser-12ec03f1', './clientHints-6d361eaa', './ConveyorBeltContext-d8653090', './useTestId-9afc201a', 'preact/compat', './useComponentTheme-5aa41a8f', './UNSAFE_ConveyorBelt/themes/redwood/ConveyorBeltTheme'], (function(e,t,r,n,o,s,i,c,l,u,f,h,a,d,m,v,g,b){"use strict";function C(){return"phone"===a.getClientHints().deviceRenderMode}function p(e){return"fixed"===getComputedStyle(e).position?null:e.offsetParent}function x(e,t){let r=p(e),n=e.offsetLeft;for(;r&&r!==t&&r!==document.body;)n+=r.offsetLeft,r=p(r);return n}function W(e,t){let r=p(e),n=e.offsetTop;for(;r!==t;)null!=r&&(n+=r.offsetTop,r=p(r));return n}const y=v.forwardRef((({children:e,scrollPosition:a,onScrollPositionChanged:p,arrowVisibility:y="auto",orientation:T="horizontal",testId:B},R=null)=>{const[H,j]=r.useState(!1),[w,E]=r.useState(!1),I=r.useRef(null),L=r.useRef(null),S=r.useRef(null),z=r.useRef(null),N=r.useRef(null),k=r.useRef(null),A=r.useRef(null),V=r.useRef(null),U=r.useRef(null),[$,F]=r.useState(C()&&"auto"===y||"hidden"===y),{direction:P}=h.useUser(),{itemElementsRef:D,addItem:M}=((e,t,n,o,s)=>{const i=r.useRef(),c=r.useRef([]),[l]=r.useState([]),u=r.useCallback((e=>{null!==c.current&&(c.current.push(e),l.push(e))}),[l]);r.useEffect((()=>{if(l&&l.length>0&&e){const r="horizontal"===t?"ltr"===s?`0px ${o?-o.offsetWidth:0}px 0px ${n?-n.offsetWidth:0}px`:`0px ${n?-n.offsetWidth:0}px 0px ${o?-o.offsetWidth:0}px`:`${o?-o.offsetHeight:0}px 0px ${n?-n.offsetHeight:0}px 0px`;i.current=new IntersectionObserver(f,{root:e,rootMargin:r,threshold:1});for(const e of l)null!=e&&i.current.observe(e.element)}return()=>{for(const e of l)i.current&&null!=e&&i.current.unobserve(e.element)}}),[l,l.length,e,o,n,s,t]);const f=e=>{const t=c.current.map(((t,r)=>{const n=e.find((e=>e.target===t.element));return n?{element:n.target,isVisible:n.isIntersecting,isCurrent:t.isCurrent,index:r}:t}));c.current=t};return r.useMemo((()=>({itemElementsRef:c,addItem:u})),[c,u])})(I.current,T,z.current,S.current,P);v.useImperativeHandle(R,(()=>({scrollElementIntoView:e=>{Z(e)},scrollPrevious:()=>{re()},scrollNext:()=>{ne()}})));const q=m.useTestId(B),O="leftArrow"+B,_="rightArrow"+B,{variantClasses:G}=g.useComponentTheme(b.ConveyorBeltRedwoodTheme,{orientation:T}),{variantClasses:J}=g.useComponentTheme(b.ConveyorBeltRedwoodTheme,{content:T}),{variantClasses:K}=g.useComponentTheme(b.ConveyorBeltRedwoodTheme,{pagination:H&&w?"both":H?"next":w?"previous":"none",direction:P,orientation:T,overflow:T,arrowVisibility:!0===$?"hidden":"visible"}),{classes:Q}=g.useComponentTheme(b.ConveyorBeltRedwoodTheme,{nextButton:T,direction:P}),{classes:X}=g.useComponentTheme(b.ConveyorBeltRedwoodTheme,{previousButton:T,direction:P});r.useEffect((()=>{(()=>{const e=L.current?Array.from(L.current.querySelectorAll("[data-oj-conveyorbelt-item]")):[];if(e){let t=-1;D.current=[];for(const r of e)t++,r&&M({element:r,isVisible:!1,index:t,isCurrent:!1})}})()}));const Y=r.useCallback((()=>{p&&p(I.current?.scrollLeft)}),[p]);r.useEffect((()=>{F(C()&&"auto"===y||"hidden"===y)}),[y]),r.useEffect((()=>{I.current&&I.current.scrollTo({left:a})}),[a]),r.useEffect((()=>{const e=I.current,t=k.current,r=A.current;return e&&t&&r&&($||(V.current=new IntersectionObserver((e=>{e.forEach((e=>{"left"===e.target.getAttribute("data-intersection-id")?E(!e.isIntersecting):j(!e.isIntersecting)}))}),{root:e}),V.current.observe(t),V.current.observe(r)),e.addEventListener("scrollend",Y)),()=>{e&&(e.removeEventListener("scrollend",Y),V.current?.unobserve(t),V.current?.unobserve(r))}}),[$,Y]);const Z=r.useCallback((e=>{const t=z.current?z.current.offsetWidth:0,r=S.current?S.current.offsetHeight:0,n=z.current?z.current.offsetWidth:0,o=S.current?S.current.offsetWidth:0,s=((e,s,i)=>{if(!s||!i)return!1;let c,l,u,f;if(i===document.documentElement)c=0,l=document.documentElement.clientWidth,u=0,f=document.documentElement.clientHeight;else{const e=i.getBoundingClientRect();c=w?e.left+t:e.left,l=H?e.right-n:e.right,u=w?e.top+r:e.top,f=H?e.bottom-o:e.bottom}const h=s.getBoundingClientRect();return"horizontal"===e?h.left<=l&&h.right<=l&&h.left>=c&&h.right>=c:h.top<=f&&h.bottom<=f&&h.top>=u&&h.bottom>=u})(T,e,I.current);if(s)return;const i=((e,t,r)=>{if(!t||!r)return!1;const n=t.getBoundingClientRect(),o=r.getBoundingClientRect();let s=o.width,i=o.height;return"horizontal"===e?(s=w&&z.current?s-z.current.offsetWidth:s,s=H&&S.current?s-S.current.offsetWidth:s):(i=w&&z.current?i-z.current.offsetHeight:i,i=H&&S.current?i-S.current.offsetHeight:i),"horizontal"===e?n.width>s:n.height>i})(T,e,I.current);if(!I.current||!L.current)return;const c=((e,t,r,s)=>{if(!r||!s)return!1;let i,c,l;if(s===document.documentElement)c=0,i=document.documentElement.clientWidth,l=document.documentElement.clientHeight;else{const e=s.getBoundingClientRect();i=H?e.right-n:e.right,c=H?e.left-n:e.left,l=H?e.bottom-o:e.bottom}const u=r.getBoundingClientRect();return"horizontal"===t?e?u.right>i:u.left<c:u.bottom>l})("ltr"===P,T,e,I.current);"vertical"!==T?"ltr"===P?c&&!i?I.current.scrollTo({left:x(e,L.current)+e.offsetWidth-I.current.offsetWidth+(S.current?.offsetWidth?S.current?.offsetWidth+1:0),behavior:"smooth"}):I.current.scrollTo({left:x(e,L.current)-(z.current?.offsetWidth?z.current?.offsetWidth+1:0),behavior:"smooth"}):c&&!i?I.current.scrollTo({left:x(e,L.current)-L.current.offsetWidth+I.current.offsetWidth-(S.current?.offsetWidth?S.current?.offsetWidth+1:0),behavior:"smooth"}):I.current.scrollTo({left:x(e,L.current)+e.offsetWidth-L.current.offsetWidth+(z.current?.offsetWidth?z.current?.offsetWidth+1:0),behavior:"smooth"}):c&&!i?I.current.scrollTo({top:W(e,L.current)+e.offsetHeight-I.current.offsetHeight+(S.current?.offsetHeight?S.current?.offsetHeight+1:0),behavior:"smooth"}):I.current.scrollTo({top:W(e,L.current)-(z.current?.offsetHeight?z.current?.offsetHeight+1:0),behavior:"smooth"})}),[H,w,P,T]),ee=r.useCallback((()=>{const e=D.current.find((e=>0==e.isVisible&&e.index>=1&&1==D.current[e.index-1].isVisible));return e?.element}),[D]),te=r.useCallback((()=>{const e=D.current.find((e=>0==e.isVisible&&e.index<D.current.length-1&&1==D.current[e.index+1].isVisible));return e?.element}),[D]),re=r.useCallback((()=>{const e=I.current,t="horizontal"===T?I.current?.clientWidth:I.current?.clientHeight;if(e&&t){const r=te();if("vertical"===T)return void(r?e.scrollTo({top:W(r,L.current)+r.offsetHeight-e.offsetHeight+(z.current?.offsetHeight?z.current?.offsetHeight+1:0),behavior:"smooth"}):e.scrollTo({top:e.scrollTop-t,behavior:"smooth"}));"ltr"===P?r?e.scrollTo({left:x(r,L.current)+r.offsetWidth-e.offsetWidth+(z.current?.offsetWidth?z.current?.offsetWidth+1:0),behavior:"smooth"}):e.scrollTo({left:e.scrollLeft-t,behavior:"smooth"}):r?e.scrollTo({left:x(r,L.current)-(L.current?L.current.offsetWidth:0)+e.offsetWidth-(z.current?.offsetWidth?z.current?.offsetWidth+1:0),behavior:"smooth"}):e.scrollTo({left:e.scrollLeft+t,behavior:"smooth"})}}),[P,T,te]),ne=r.useCallback((()=>{const e=I.current,t="horizontal"===T?I.current?.clientWidth:I.current?.clientHeight;if(e&&t){const r=ee();if("vertical"===T)return void(r?e.scrollTo({top:W(r,L.current)-(S.current?.offsetHeight?S.current?.offsetHeight+1:0),behavior:"smooth"}):e.scrollTo({top:e.scrollTop+t,behavior:"smooth"}));"ltr"===P?r?e.scrollTo({left:(x(r,L.current)??0)-(S.current?.offsetWidth?S.current?.offsetWidth+1:0),behavior:"smooth"}):e.scrollTo({left:e.scrollLeft+t,behavior:"smooth"}):r?e.scrollTo({left:-((L.current?L.current.offsetWidth:0)-(x(r,L.current)??0))+(r?.offsetWidth??0)+(S.current?.offsetWidth?S.current?.offsetWidth+1:0),behavior:"smooth"}):e.scrollTo({left:e.scrollLeft-t,behavior:"smooth"})}}),[P,T,ee]),oe=r.useCallback((e=>{if(U.current!==e){const t=D.current.find((t=>t.element===e)),r=D.current.find((e=>!0===e.isCurrent));if(t===r||!t)return;r&&(r.isCurrent=!1),t.isCurrent=!0,U.current=e,e&&Z(e)}}),[D,Z]),se=r.useCallback((e=>{if(!N.current?.isEqualNode(e.target))if(D.current.length>0){const t=D.current.find((t=>t.element.contains(e.target)));t&&Z(t.element)}else Z(e.target)}),[Z,D]),ie=u.classNames([f.styles.buttonContainer,X]),ce=u.classNames([f.styles.buttonContainer,Q]);return t.jsx(d.ConveyorBeltContext.Provider,{value:{setCurrentItem:oe},children:t.jsxs("div",{onFocus:se,ref:N,className:u.classNames([f.styles.conveyorStyle,G]),...q,children:[w&&!$&&t.jsx("div",{ref:z,class:ie,children:t.jsx(n.BaseButton,{elementDetails:{type:"span",isFocusable:!1},styling:["min"],size:"sm",variant:"ghost",onAction:()=>re(),"aria-hidden":!0,testId:O,children:t.jsx(o.ButtonLabelLayout,{size:"sm",display:"icons",startIcon:"horizontal"===T?"ltr"===P?t.jsx(s.SvgChevronLeft,{}):t.jsx(i.SvgChevronRight,{}):t.jsx(c.SvgChevronUp,{})})})}),t.jsx("div",{className:u.classNames([f.styles.overflowContainer,K]),ref:I,tabIndex:-1,children:t.jsxs("div",{className:u.classNames([f.styles.contentContainer,G,J]),ref:L,children:[t.jsx("div",{"data-intersection-id":"left",ref:k,style:{minWidth:1,minHeight:1}}),e,t.jsx("div",{"data-intersection-id":"right",ref:A,style:{minWidth:1,minHeight:1}})]})}),H&&!$&&t.jsx("div",{ref:S,class:ce,children:t.jsx(n.BaseButton,{elementDetails:{type:"span",isFocusable:!1},styling:["min"],size:"sm",variant:"ghost",onAction:()=>ne(),"aria-hidden":!0,testId:_,children:t.jsx(o.ButtonLabelLayout,{size:"sm",display:"icons",startIcon:"horizontal"===T?"ltr"===P?t.jsx(i.SvgChevronRight,{}):t.jsx(s.SvgChevronLeft,{}):t.jsx(l.SvgChevronDown,{})})})})]})})}));e.ConveyorBelt=y}));
+//# sourceMappingURL=ConveyorBelt-b9ab13cc.js.map