@oracle/oraclejet-preact 20.1.1 → 20.1.2

package/amd/{ColorPalette-f05a9dad.js.map → ColorPalette-43ffde6d.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ColorPalette-f05a9dad.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"}
+{"version":3,"file":"ColorPalette-43ffde6d.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-3b4180e9.js

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

package/amd/{ColorPicker-236d84f0.js.map → ColorPicker-3b4180e9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker-236d84f0.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"}
+{"version":3,"file":"ColorPicker-3b4180e9.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-52a06d25.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', 'preact/compat', './BareButton-d02b4870', './IconButton-d78fe636', './useToggleAction-59741954', './useTooltip-5615359f', './useHover-8b8a1496', './mergeProps-bcfa6a92', './useComponentTheme-5aa41a8f', './LayerHost-1a734852', './useColorScheme-6cb3a3b7', './classNames-08d99695', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-0761844d', './useActive-bb5dc069', './clientHints-6d361eaa', './UNSAFE_ColorSwatch/themes/redwood/ColorSwatchTheme', './buttonUtils-cbbb0130', './swatchData-ef8329c2', './resources/nls/en/bundle', './CheckboxCrossed-ae889483'], (function(e,s,t,o,l,a,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=l.forwardRef((({size:e="sm",isSelected:l=!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)+l?" "+L:"")),Y=p.useColorScheme(),{classes:Z,styles:{alphaHalfStyles:$,swatchStyles:ee,buttonStyles:se,noFillStyles:te,noFillDisabledStyles:oe,noFillHoverStyles:le,smallButtonContainerStyles:ae}}=h.useComponentTheme(w.ColorSwatchRedwoodTheme,{size:e,selected:l?"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((l?L+" ":"")+Q(D))}),[l,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([ae,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:le]),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:l}),children:ce()}):s.jsxs(t.Fragment,{children:[s.jsx(a.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:l}),children:ce()}),re]})}));D.displayName="ColorSwatch",e.ColorSwatch=D}));
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', 'preact/compat', './BareButton-d02b4870', './IconButton-d78fe636', './useToggleAction-59741954', './useTooltip-c8aaf38a', './useHover-8b8a1496', './mergeProps-bcfa6a92', './useComponentTheme-5aa41a8f', './LayerHost-0b288129', './useColorScheme-097c31ff', './classNames-08d99695', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-66f3844a', './useActive-bb5dc069', './clientHints-6d361eaa', './UNSAFE_ColorSwatch/themes/redwood/ColorSwatchTheme', './buttonUtils-cbbb0130', './swatchData-ef8329c2', './resources/nls/en/bundle', './CheckboxCrossed-ae889483'], (function(e,s,t,o,a,l,i,r,n,c,d,h,u,p,b,v,m,g,S,C,x,f,w,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}}=w.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(f.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-52a06d25.js.map

package/amd/ComboChart-9cc157af.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './utils-8bf50f08', './ReferenceLineArea-27698a8f', './MarkersWithLabel-2960e007', './dataStyleUtils-1a157bd8', './useUser-e0677e8d', './colorUtils-1c8d0c00', './accUtils-7e057eef', './themeContract.css-b6ec3943', './BarGroup-6f67e7ca', './chartUtils-2415ea65', 'preact/compat', './Chart-57d1c518'], (function(e,t,i,a,r,s,n,o,l,d,c,g,p,h){"use strict";const I=p.forwardRef((({width:e,height:l,selectedIds:p=[],hiddenIds:I=[],highlightedIds:x,hideAndShowBehavior:f="none",orientation:m="vertical",yAxis:S,series:y,groups:A,getDataItem:b,selectionMode:v="none",drilling:C="off",dataItemGaps:L=.5,dataLabelEffect:T="outline",stacking:k="off",...D},R)=>{const{direction:j,forcedColors:M}=n.useUser(),G="active"===M,U=y.filter((e=>"bar"===e.type)),W="rtl"===j,B="log"===S?.scale,P=D.xAxis?.timeAxisType,w=new Set(I),E=new Set(p),z=new Set(x),F="horizontal"===m,H=o.getColorRamp();let N=i.getSeriesData(y.length,A.length,b,w,B);const O="off"!=k,q="string"==typeof k?void 0:k.stackLabelStyle,V=("on"===k?e=>e.id:"off"!=k?k.getStackGroup:void 0)||(()=>"default"),Y="object"==typeof k&&k.getStackLabel?k.getStackLabel:void 0,Z=(e,t)=>O?{...b(e,t),value:N[e][t]}:b(e,t),J="number"==typeof D.y2Axis?.split,K=i.getMarkers(),Q=[],{hasBar:X,hasCenteredSeries:$,hasUncenteredSeries:_,hasArea:ee}=y.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,{ref:R,width:e,height:l,selectedIds:E,hiddenIds:I,hideAndShowBehavior:f,orientation:m,yAxis:S,series:y,defaultOverviewContentRenderer:()=>t.jsx(u,{groups:A,series:y,getDataItem:b}),groups:A,selectionMode:v,drilling:C,isStacked:O,getDataItem:b,findNearest:(e,t,a)=>i.findNearestDataPoint(y,A,e,t,Z,O,(()=>({offset:0,dataWidth:0})),((e,t)=>t.transform(e)),B,0,w,P,a),getDataItemPos:(e,t,i,a,r,s)=>{const n=X?c.getBarPosition(U,A,b,e,t,i,w,L,a,r,s,"log"===S?.scale,O,W,F,J,V,P):void 0;return(i,a)=>"bar"===y[i].type?n?n(i,a):void 0:g.getLineAreaChartItemPosition(i,a,N,b,A,F,e,t,P)},getMarkerInfo:(e,t)=>({color:s.getItemColor(e,t,y,b),markerType:s.getMarkerType(e,t,b)}),renderGridLinesInFront:ee,getNavUtil:(e,t)=>s.getLineAreaChartNavUtil(b,y.length,e,t,O,W,F),getGapRatio:()=>1,getStartAndEndAxesOffset:e=>i.getStartAndEndAxesOffset($,_,F,e,X),isRtl:W,stackLabelStyle:q,getStackGroup:V,...D,children:({xStartIndex:e,xEndIndex:s,xScale:n,groupsInfo:o,yScale:l,y2Scale:g,activeId:p,focusedItemInfo:h,hoveredItemInfo:I,isPointInsideMarquee:u,getTextDimensions:f,defaultFontSize:A,resolvedColors:k,axisStepWidth:R,averageGroupZ:j,getItemAriaLabel:M,plotAreaClipPathId:q})=>{let V=-1;const X=o.map((({item:e})=>e));return N=i.getSeriesData(y.length,X.length,b,w,B),t.jsx(t.Fragment,{children:N.map(((o,$)=>{const _=y[$],ee="y2"===_.associatedYAxis,te="lineWithArea"===_.type?.2:1,ie="area"===_.type||"lineWithArea"===_.type,ae="area"===_.type;if(0===o.length)return;const re=i.getLineAreaSegments(ee?g:l,n,o,e,s,B,X,$,Z,P);Q[$]=re[0];const se="bar"!==_.type?"curved"===_.lineType&&O&&N.length>1&&$>0:O&&N.length>1&&$>0,ne=void 0===x||0===z.size||z.has(_.id),oe=O&&0!=$?Q.reduce(((e,t,i)=>i>=$?e:t.length>0?i:e),0):void 0;return"bar"===_.type&&(V+=1),t.jsxs(t.Fragment,{children:["bar"===_.type&&X.slice(e,s+1).map(((a,r)=>t.jsx(c.BarGroup,{plotAreaClipPathId:q,yScale:l,y2Scale:g,xScale:n,splitDualY:J,groupIndex:r+e,selectedIds:E,hiddenIds:w,highlightedIds:x?z:x,isDrillEnabled:"on"===C,series:U,barGapRatio:i.getBarGapRatio(O,e,s),dataItemGaps:L,isPointInsideMarquee:u,isStacked:O,axisStepWidth:R,averageGroupZ:j,group:X[r],timeAxisType:D.xAxis?.timeAxisType,colors:k,activeId:p,isLog:"log"===S?.scale,orientation:m,getDataItem:b,isSelectionEnabled:"none"!=v,isRtl:W,focusedItemInfo:h,hoveredItemInfo:I,getTextDimensions:f,defaultFontSize:A,seriesIndex:V,getItemAriaLabel:M,getStackLabel:Y}))),ie&&t.jsx(a.AreaSeries,{yScale:ee?g:l,plotAreaClipPathId:q,lineType:_.lineType,color:_.areaColor||H[$%H.length],isHorizontal:F,areaColorOpacity:te,isBottomSegmentCurved:se,bottomCoords:void 0!==oe&&Q[oe].some((e=>null!=e))?Q[oe]:void 0,lineSegments:re,isLog:B,isHighlighted:ne,seriesIndex:$,groupWidth:R,isRtl:W,timeAxisType:P}),"line"===_.type&&t.jsx(a.LineSeries,{plotAreaClipPathId:q,lineType:_.lineType,lineColor:ae?d.colorSchemeVars.dvt.contrastLine:_.lineColor,lineWidth:ae?1.25:_.lineWidth,lineStyle:_.lineStyle||"solid",color:_.lineColor||H[$%H.length],lineSegmentCoords:re,isHorizontal:F,isHighlighted:ne,seriesIndex:$,groupWidth:R,isRtl:W,timeAxisType:P}),!O&&("line"===_.type||ie)&&t.jsx(r.MarkersWithLabel,{yScale:ee?g:l,xScale:n,groups:X,series:_,timeAxisType:P,color:H[$%H.length],seriesIndex:$,startIndex:e,endIndex:s,markerType:K[$%K.length],orientation:m,isLog:B,activeId:p,getDataItem:b,isPointInsideMarquee:u,selectedIds:E,focusedItemIndex:h.seriesIndex!==$||!h.isFocusVisible||D.isDataCursorEnabled&&D.dataCursorStyle?.isMarkerDisplayed?void 0:h.groupIndex,hoveredItemIndex:I?.isCurrent&&I.seriesIndex===$?I.groupIndex:void 0,isSelectionEnabled:"single"===v||"multiple"===v,isDrillEnabled:"on"===C,defaultFontSize:A,dataLabelEffect:T,isHighContrast:G,getItemAriaLabel:M,isRtl:W})]})}))})}})}));function u(e){return t.jsx(I,{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=I}));
+define(['exports', 'preact/jsx-runtime', './utils-8bf50f08', './ReferenceLineArea-450530dd', './MarkersWithLabel-2960e007', './dataStyleUtils-1a157bd8', './useUser-08901aba', './colorUtils-1c8d0c00', './accUtils-7e057eef', './themeContract.css-b6ec3943', './BarGroup-6f67e7ca', './chartUtils-2415ea65', 'preact/compat', './Chart-57d1c518'], (function(e,t,i,a,r,s,n,o,l,d,c,g,p,h){"use strict";const I=p.forwardRef((({width:e,height:l,selectedIds:p=[],hiddenIds:I=[],highlightedIds:x,hideAndShowBehavior:m="none",orientation:S="vertical",yAxis:f,series:y,groups:A,getDataItem:b,selectionMode:v="none",drilling:C="off",dataItemGaps:L=.5,dataLabelEffect:T="outline",stacking:k="off",...D},R)=>{const{direction:j,forcedColors:M}=n.useUser(),G="active"===M,U=y.filter((e=>"bar"===e.type)),W="rtl"===j,B="log"===f?.scale,P=D.xAxis?.timeAxisType,w=new Set(I),E=new Set(p),z=new Set(x),F="horizontal"===S,H=o.getColorRamp();let N=i.getSeriesData(y.length,A.length,b,w,B);const O="off"!=k,q="string"==typeof k?void 0:k.stackLabelStyle,V=("on"===k?e=>e.id:"off"!=k?k.getStackGroup:void 0)||(()=>"default"),Y="object"==typeof k&&k.getStackLabel?k.getStackLabel:void 0,Z=(e,t)=>O?{...b(e,t),value:N[e][t]}:b(e,t),J="number"==typeof D.y2Axis?.split,K=i.getMarkers(),Q=[],{hasBar:X,hasCenteredSeries:$,hasUncenteredSeries:_,hasArea:ee}=y.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,{ref:R,width:e,height:l,selectedIds:E,hiddenIds:I,hideAndShowBehavior:m,orientation:S,yAxis:f,series:y,defaultOverviewContentRenderer:()=>t.jsx(u,{groups:A,series:y,getDataItem:b}),groups:A,selectionMode:v,drilling:C,isStacked:O,getDataItem:b,findNearest:(e,t,a)=>i.findNearestDataPoint(y,A,e,t,Z,O,(()=>({offset:0,dataWidth:0})),((e,t)=>t.transform(e)),B,0,w,P,a),getDataItemPos:(e,t,i,a,r,s)=>{const n=X?c.getBarPosition(U,A,b,e,t,i,w,L,a,r,s,"log"===f?.scale,O,W,F,J,V,P):void 0;return(i,a)=>"bar"===y[i].type?n?n(i,a):void 0:g.getLineAreaChartItemPosition(i,a,N,b,A,F,e,t,P)},getMarkerInfo:(e,t)=>({color:s.getItemColor(e,t,y,b),markerType:s.getMarkerType(e,t,b)}),renderGridLinesInFront:ee,getNavUtil:(e,t)=>s.getLineAreaChartNavUtil(b,y.length,e,t,O,W,F),getGapRatio:()=>1,getStartAndEndAxesOffset:e=>i.getStartAndEndAxesOffset($,_,F,e,X),isRtl:W,stackLabelStyle:q,getStackGroup:V,...D,children:({xStartIndex:e,xEndIndex:s,xScale:n,groupsInfo:o,yScale:l,y2Scale:g,activeId:p,focusedItemInfo:h,hoveredItemInfo:I,isPointInsideMarquee:u,getTextDimensions:m,defaultFontSize:A,resolvedColors:k,axisStepWidth:R,averageGroupZ:j,getItemAriaLabel:M,plotAreaClipPathId:q})=>{let V=-1;const X=o.map((({item:e})=>e));return N=i.getSeriesData(y.length,X.length,b,w,B),t.jsx(t.Fragment,{children:N.map(((o,$)=>{const _=y[$],ee="y2"===_.associatedYAxis,te="lineWithArea"===_.type?.2:1,ie="area"===_.type||"lineWithArea"===_.type,ae="area"===_.type;if(0===o.length)return;const re=i.getLineAreaSegments(ee?g:l,n,o,e,s,B,X,$,Z,P);Q[$]=re[0];const se="bar"!==_.type?"curved"===_.lineType&&O&&N.length>1&&$>0:O&&N.length>1&&$>0,ne=void 0===x||0===z.size||z.has(_.id),oe=O&&0!=$?Q.reduce(((e,t,i)=>i>=$?e:t.length>0?i:e),0):void 0;return"bar"===_.type&&(V+=1),t.jsxs(t.Fragment,{children:["bar"===_.type&&X.slice(e,s+1).map(((a,r)=>t.jsx(c.BarGroup,{plotAreaClipPathId:q,yScale:l,y2Scale:g,xScale:n,splitDualY:J,groupIndex:r+e,selectedIds:E,hiddenIds:w,highlightedIds:x?z:x,isDrillEnabled:"on"===C,series:U,barGapRatio:i.getBarGapRatio(O,e,s),dataItemGaps:L,isPointInsideMarquee:u,isStacked:O,axisStepWidth:R,averageGroupZ:j,group:X[r],timeAxisType:D.xAxis?.timeAxisType,colors:k,activeId:p,isLog:"log"===f?.scale,orientation:S,getDataItem:b,isSelectionEnabled:"none"!=v,isRtl:W,focusedItemInfo:h,hoveredItemInfo:I,getTextDimensions:m,defaultFontSize:A,seriesIndex:V,getItemAriaLabel:M,getStackLabel:Y}))),ie&&t.jsx(a.AreaSeries,{yScale:ee?g:l,plotAreaClipPathId:q,lineType:_.lineType,color:_.areaColor||H[$%H.length],isHorizontal:F,areaColorOpacity:te,isBottomSegmentCurved:se,bottomCoords:void 0!==oe&&Q[oe].some((e=>null!=e))?Q[oe]:void 0,lineSegments:re,isLog:B,isHighlighted:ne,seriesIndex:$,groupWidth:R,isRtl:W,timeAxisType:P}),"line"===_.type&&t.jsx(a.LineSeries,{plotAreaClipPathId:q,lineType:_.lineType,lineColor:ae?d.colorSchemeVars.dvt.contrastLine:_.lineColor,lineWidth:ae?1.25:_.lineWidth,lineStyle:_.lineStyle||"solid",color:_.lineColor||H[$%H.length],lineSegmentCoords:re,isHorizontal:F,isHighlighted:ne,seriesIndex:$,groupWidth:R,isRtl:W,timeAxisType:P}),!O&&("line"===_.type||ie)&&t.jsx(r.MarkersWithLabel,{yScale:ee?g:l,xScale:n,groups:X,series:_,timeAxisType:P,color:H[$%H.length],seriesIndex:$,startIndex:e,endIndex:s,markerType:K[$%K.length],orientation:S,isLog:B,activeId:p,getDataItem:b,isPointInsideMarquee:u,selectedIds:E,focusedItemIndex:h.seriesIndex!==$||!h.isFocusVisible||D.isDataCursorEnabled&&D.dataCursorStyle?.isMarkerDisplayed?void 0:h.groupIndex,hoveredItemIndex:I?.isCurrent&&I.seriesIndex===$?I.groupIndex:void 0,isSelectionEnabled:"single"===v||"multiple"===v,isDrillEnabled:"on"===C,defaultFontSize:A,dataLabelEffect:T,isHighContrast:G,getItemAriaLabel:M,isRtl:W})]})}))})}})}));function u(e){return t.jsx(I,{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=I}));
 //# sourceMappingURL=ComboChart-9cc157af.js.map

package/amd/CompactHelpSource-09ac9fe1.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './TabbableModeContext-a9c97640', './useTabbableMode-0a9ef009', './useTranslationBundle-db326955', './classNames-08d99695', './Help-b67ab14c', './Popup-575d49f7', './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: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}=p.useComponentTheme(d.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}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './TabbableModeContext-a9c97640', './useTabbableMode-0a9ef009', './useTranslationBundle-e4dd341e', './classNames-08d99695', './Help-b67ab14c', './Popup-feb5bf60', './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: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}=p.useComponentTheme(d.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-09ac9fe1.js.map

package/amd/CompactLabelAssistance-65c63769.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './useTooltip-c8aaf38a', 'preact/hooks', './logger-0f873e29', './LayerHost-0b288129', 'preact/compat', './classNames-08d99695', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-66f3844a', './useTranslationBundle-e4dd341e', './CompactHelpSource-09ac9fe1', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css'], (function(e,s,t,o,a,r,l,c,n,i,p,d,u,h,m){"use strict";e.CompactLabelAssistance=({helpIconId:e,helpSourceLink:o,helpSourceText:a,isRequiredShown:r,labelEdge:l})=>{const n=u.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_required(),{tooltipContent:i,tooltipProps:p}=t.useTooltip({text:n,offset:{mainAxis:8}}),d=c.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-65c63769.js.map

package/amd/{CompactLabelAssistance-7bb76228.js.map → CompactLabelAssistance-65c63769.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CompactLabelAssistance-7bb76228.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"}
+{"version":3,"file":"CompactLabelAssistance-65c63769.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-2fc90192.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './useComponentTheme-5aa41a8f', 'preact/hooks', './Flex-71f83c12', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './LayerHost-1a734852', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-0761844d', 'css!./IconStyle.styles.css', './IconButton-d78fe636', '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-d5d70f71', './FormFieldContext-a024b891', './useFormFieldContext-9260f081', './Popup-575d49f7', './Separator-181f7541', './CompactHelpSource-09ac9fe1', './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,f,A,U,M,T,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}}));
+define(['exports', 'preact/jsx-runtime', './useComponentTheme-5aa41a8f', 'preact/hooks', './Flex-4b81b412', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './LayerHost-0b288129', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-66f3844a', 'css!./IconStyle.styles.css', './IconButton-d78fe636', '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-d5d70f71', './FormFieldContext-a024b891', './useFormFieldContext-9260f081', './Popup-feb5bf60', './Separator-181f7541', './CompactHelpSource-09ac9fe1', './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,f,x,A,U,M,T,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-2fc90192.js.map

package/amd/ComponentMessageContainer-d5d70f71.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Flex-71f83c12', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', './logger-0f873e29', 'preact', './useTestId-6160e7a2', './LayerHost-1a734852', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-0761844d', 'css!./IconStyle.styles.css', './IconButton-d78fe636', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './MessagesManager-4d5f6217', './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,x,I,U,b,N,w){"use strict";function B({detail:e,fieldLabel:t,severity:a="error",testId:n}){const{classes:o}=v.useComponentTheme(b.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(U.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)})})}}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Flex-4b81b412', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', './logger-0f873e29', 'preact', './useTestId-f4240cbd', './LayerHost-0b288129', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-66f3844a', 'css!./IconStyle.styles.css', './IconButton-d78fe636', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './MessagesManager-4d5f6217', './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,b,A,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"===b.getClientHints().platform&&"safari"===b.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-d5d70f71.js.map

package/amd/ConveyorBelt-e54ce1f7.js

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

package/amd/{DatePicker-89255880.js → DatePicker-ed971798.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Flex-71f83c12', './useTestId-6160e7a2', './useFocusWithin-5a504fca', './useTranslationBundle-db326955', './calendarDateUtils-ab83f6b1', 'preact/compat', './useHiddenTestMethod-6bbe8a43', './useBreakpointValues-b3cb2a4e', './Button-d541cd67', './UNSAFE_DatePicker/themes/DatePickerContract.css', './useComponentTheme-5aa41a8f', './UNSAFE_DatePicker/themes/redwood/DatePickerTheme', './DatePickerHeader-b75e4c72', './MonthView-15e7e2cc', './YearsGridView-ef191926'], (function(e,a,o,t,i,n,s,r,d,c,u,l,h,y,w,v,V,p){"use strict";const m=["monthView","monthsGridView","yearsGridView","viewBlur"],b=["dayFocused","daySelected","goToToday","previousDay","nextDay","previousWeek","nextWeek","previousMonth","previousMonthAndFocus","nextMonth","nextMonthAndFocus","previousYear","nextYear","firstDayOfMonth","lastDayOfMonth"],g=["previousMonthInGridView","nextMonthInGridView","previousMonthRowInGridView","nextMonthRowInGridView","monthFocused","monthSelected"],D=["previousYearInGridView","nextYearInGridView","previousYearRowInGridView","nextYearRowInGridView","previousDecade","previousDecadeAndFocus","nextDecade","nextDecadeAndFocus","yearFocused","yearSelected"],f=(e,a)=>{if("reset"===a.type)return a.payload;switch(a.type){case"monthView":return{...e,currentView:"monthView",isViewFocused:!1,isNextNavigationButtonHidden:!1,isPreviousNavigationButtonHidden:!1,isTodayNavigationButtonHidden:!1};case"monthsGridView":return{...e,currentView:"monthsGridView",focusableMonth:e.focusableDate.month,isViewFocused:!1,isNextNavigationButtonHidden:!0,isPreviousNavigationButtonHidden:!0,isTodayNavigationButtonHidden:!0};case"yearsGridView":return{...e,currentView:"yearsGridView",focusableYear:e.focusableDate.year,isViewFocused:!1,isNextNavigationButtonHidden:!1,isPreviousNavigationButtonHidden:!1,isTodayNavigationButtonHidden:!0};case"viewBlur":return e.isViewFocused?{...e,isViewFocused:!1}:e;case"dayFocused":case"daySelected":case"goToToday":return{...e,isViewFocused:!0,focusableDate:a.payload};case"previousDay":{const o=r.addToCalendarDate(a.payload,{days:-1});return{...e,isViewFocused:!0,focusableDate:o}}case"nextDay":{const o=r.addToCalendarDate(a.payload,{days:1});return{...e,isViewFocused:!0,focusableDate:o}}case"previousWeek":{const o=r.addToCalendarDate(a.payload,{days:-7});return{...e,isViewFocused:!0,focusableDate:o}}case"nextWeek":{const o=r.addToCalendarDate(a.payload,{days:7});return{...e,isViewFocused:!0,focusableDate:o}}case"previousMonth":case"previousMonthAndFocus":{const o=r.addToCalendarDate(a.payload,{months:-1});return{...e,isViewFocused:"previousMonthAndFocus"===a.type,focusableDate:o}}case"nextMonth":case"nextMonthAndFocus":{const o=r.addToCalendarDate(a.payload,{months:1});return{...e,isViewFocused:"nextMonthAndFocus"===a.type,focusableDate:o}}case"previousYear":{const o=r.addToCalendarDate(a.payload,{years:-1});return{...e,isViewFocused:!0,focusableDate:o}}case"nextYear":{const o=r.addToCalendarDate(a.payload,{years:1});return{...e,isViewFocused:!0,focusableDate:o}}case"firstDayOfMonth":{const o=a.payload,t={year:o.year,month:o.month,day:1};return{...e,isViewFocused:!0,focusableDate:t}}case"lastDayOfMonth":{const o=a.payload,t=r.getDaysInMonth(o.month,o.year),i={year:o.year,month:o.month,day:t};return{...e,isViewFocused:!0,focusableDate:i}}case"previousMonthInGridView":{const o=r.addToMonth(a.payload.month,-1);return{...e,focusableMonth:o,isViewFocused:!0}}case"previousMonthRowInGridView":{const o=r.addToMonth(a.payload.month,-4);return{...e,focusableMonth:o,isViewFocused:!0}}case"nextMonthInGridView":{const o=r.addToMonth(a.payload.month,1);return{...e,focusableMonth:o,isViewFocused:!0}}case"nextMonthRowInGridView":{const o=r.addToMonth(a.payload.month,4);return{...e,focusableMonth:o,isViewFocused:!0}}case"monthFocused":return{...e,focusableMonth:a.payload.month,isViewFocused:!0};case"monthSelected":{const o=a.payload.month-e.focusableDate.month,t=r.addToCalendarDate(e.focusableDate,{months:o});return{...e,currentView:"monthView",focusableDate:t,isViewFocused:!0,isNextNavigationButtonHidden:!1,isPreviousNavigationButtonHidden:!1,isTodayNavigationButtonHidden:!1}}case"previousYearInGridView":{const o=r.addToYear(a.payload.year,-1);return{...e,focusableYear:o,isViewFocused:!0}}case"previousYearRowInGridView":{const o=r.addToYear(a.payload.year,-4);return{...e,focusableYear:o,isViewFocused:!0}}case"previousDecade":case"previousDecadeAndFocus":{const o=r.addToYear(a.payload.year,-10);return{...e,focusableYear:o,isViewFocused:"previousDecadeAndFocus"===a.type}}case"nextYearInGridView":{const o=r.addToYear(a.payload.year,1);return{...e,focusableYear:o,isViewFocused:!0}}case"nextYearRowInGridView":{const o=r.addToYear(a.payload.year,4);return{...e,focusableYear:o,isViewFocused:!0}}case"nextDecade":case"nextDecadeAndFocus":{const o=r.addToYear(a.payload.year,10);return{...e,focusableYear:o,isViewFocused:"nextDecadeAndFocus"===a.type}}case"yearFocused":return{...e,focusableYear:a.payload.year,isViewFocused:!0};case"yearSelected":{const o=a.payload.year-e.focusableDate.year,t=r.addToCalendarDate(e.focusableDate,{years:o});return{...e,currentView:"monthView",focusableDate:t,isViewFocused:!0,isNextNavigationButtonHidden:!1,isPreviousNavigationButtonHidden:!1,isTodayNavigationButtonHidden:!1}}default:return e}},x={monthView:"none",monthsGridView:"month",yearsGridView:"year"},T=({isReadonly:e,max:a,min:o,rootRef:t,todayTimeZone:i,value:u,onCommit:l})=>{if(o&&a&&r.isCalendarDateBefore(a,o))throw new Error("DatePicker: min must be equal or less than max.");const h=r.getCalendarDateToday(i),y=d.useMemo((()=>r.constrainCalendarDate(u??h,o,a)),[u,h,o,a]),{state:w,actions:v}=(({initialFocusableDate:e})=>{const a={currentView:"monthView",focusableDate:e,focusableMonth:e.month,focusableYear:e.year,isViewFocused:!1,isNextNavigationButtonHidden:!1,isPreviousNavigationButtonHidden:!1,isTodayNavigationButtonHidden:!1},[o,t]=d.useReducer(f,a),i=d.useRef(e);return 0!==r.compareDates(i.current,e)&&(i.current=e,0!==r.compareDates(e,o.focusableDate)&&t({type:"reset",payload:a})),{state:o,actions:d.useMemo((()=>{const e={};return m.forEach((a=>{e[a]=()=>t({type:a})})),b.forEach((a=>{e[a]=e=>t({type:a,payload:e})})),g.forEach((a=>{e[a]=e=>t({type:a,payload:e})})),D.forEach((a=>{e[a]=e=>t({type:a,payload:e})})),e}),[t])}})({initialFocusableDate:y}),V=s.useTranslationBundle("@oracle/oraclejet-preact"),p={next:V.datePicker_next(),previous:V.datePicker_prev(),goToToday:V.datePicker_goToToday(),today:V.datePicker_today()},T=d.useCallback((a=>e?Promise.reject("Component is readonly"):(l({value:a,previousValue:u}),Promise.resolve())),[e,l,u]);c.useHiddenTestMethod({elementRef:t,method:T,name:"_changeValue"});const F={handleMonthToggle:d.useCallback((()=>{"monthsGridView"!==w.currentView?v.monthsGridView(void 0):v.monthView(void 0)}),[v,w.currentView]),handleYearToggle:d.useCallback((()=>{"yearsGridView"!==w.currentView?v.yearsGridView(void 0):v.monthView(void 0)}),[v,w.currentView]),handleTodayNavigation:d.useCallback((()=>{v.goToToday(h)}),[v,h]),handlePreviousNavigation:d.useCallback((()=>"monthView"===w.currentView?v.previousMonth(w.focusableDate):"yearsGridView"===w.currentView?v.previousDecade({year:w.focusableYear}):void 0),[v,w.currentView,w.focusableDate,w.focusableYear]),handleNextNavigation:d.useCallback((()=>"monthView"===w.currentView?v.nextMonth(w.focusableDate):"yearsGridView"===w.currentView?v.nextDecade({year:w.focusableYear}):void 0),[v,w.currentView,w.focusableDate,w.focusableYear]),handleMonthViewAction:d.useCallback((a=>{void 0===a.date||e||(v.daySelected(a.date),l?.({previousValue:u,value:a.date}))}),[v,e,l,u]),handleMonthViewNavigation:d.useCallback((e=>{switch(e.direction){case"previousMonth":return v.previousMonthAndFocus(e.date);case"nextMonth":return v.nextMonthAndFocus(e.date);case"today":return v.goToToday(h);default:return v[e.direction](e.date)}}),[v,h]),handleMonthsGridViewAction:d.useCallback((e=>{v.monthSelected(e)}),[v]),handleMonthsGridViewNavigation:d.useCallback((e=>{switch(e.direction){case"down":return v.nextMonthRowInGridView({month:e.month});case"next":return v.nextMonthInGridView({month:e.month});case"previous":return v.previousMonthInGridView({month:e.month});case"up":return v.previousMonthRowInGridView({month:e.month})}}),[v]),handleYearsGridViewAction:d.useCallback((e=>{v.yearSelected(e)}),[v]),handleYearsGridViewNavigation:d.useCallback((e=>{switch(e.direction){case"down":return v.nextYearRowInGridView({year:e.year});case"next":return v.nextYearInGridView({year:e.year});case"nextDecade":return v.nextDecadeAndFocus({year:e.year});case"previous":return v.previousYearInGridView({year:e.year});case"previousDecade":return v.previousDecadeAndFocus({year:e.year});case"up":return v.previousYearRowInGridView({year:e.year})}}),[v])},{focusProps:M}=n.useFocusWithin({onBlurWithin:d.useCallback((()=>v.viewBlur(void 0)),[v])});return{accessibleLabels:p,actions:v,handlers:F,state:w,todaysDate:h,toggleSelection:x[w.currentView],viewContainerProps:{...M}}},F=({onTodayNavigationAction:e,testId:o,todayNavigationAriaLabel:i,todayNavigationLabel:n})=>a.jsx(t.Flex,{direction:"column",children:a.jsx(l.Button,{testId:o,label:n,"aria-label":i,size:"sm",onAction:e})});e.DatePicker=({dayFormatter:e,daysOutsideMonth:n,height:s,isReadonly:r=!1,monthAndYearPicker:d="on",max:c,maxWidth:l,min:m,value:b,testId:g,todayTimeZone:D,todayButton:f="visible",weekDisplay:x="none",width:M,onCommit:N})=>{const G=o.useRef(null),{accessibleLabels:Y,handlers:k,state:P,todaysDate:B,toggleSelection:A,viewContainerProps:C}=T({isReadonly:r,max:c,min:m,rootRef:G,todayTimeZone:D,value:b,onCommit:N}),{month:I,year:H}=P.focusableDate,R="on"===d&&!r,j=u.useBreakpointValues({sm:!0,md:!1},{sm:"0px",md:"360px"}),S=!P.isTodayNavigationButtonHidden&&j&&"visible"===f,{classes:_}=y.useComponentTheme(w.DatePickerRedwoodTheme),W=i.useTestId(g);return a.jsx("div",{class:_,ref:G,...W,children:a.jsxs(t.Flex,{direction:"column",gap:"monthView"===P.currentView?h.datePickerPropVars.calendarGridRowGap:h.datePickerPropVars.monthYearGridRowGap,height:"auto"===s?void 0:S?h.datePickerPropVars.todayFooterButtonHeight:h.datePickerPropVars.height,maxWidth:void 0!==l?l:h.datePickerPropVars.maxWidth,width:void 0!==M?M:h.datePickerPropVars.width,children:[a.jsx(v.DatePickerHeader,{testId:g?g+"_header":void 0,month:I,year:H,isPreviousNavigationButtonHidden:P.isPreviousNavigationButtonHidden,isTodayNavigationButtonHidden:"hidden"===f||P.isTodayNavigationButtonHidden||j,isNextNavigationButtonHidden:P.isNextNavigationButtonHidden,monthYearHeader:R?"independentButtons":"text",toggleSelection:R?A:void 0,previousNavigationAccessibleLabel:Y.previous,todayNavigationAccessibleLabel:Y.goToToday,nextNavigationAccessibleLabel:Y.next,onTodayNavigationAction:k.handleTodayNavigation,onPreviousNavigationAction:k.handlePreviousNavigation,onNextNavigationAction:k.handleNextNavigation,onMonthToggle:R?k.handleMonthToggle:void 0,onYearToggle:R?k.handleYearToggle:void 0}),a.jsxs("div",{...C,children:["monthView"===P.currentView&&a.jsx(V.MonthView,{dayFormatter:e,daysOutsideMonth:n,isReadonly:r,max:c,min:m,selectedDate:b,focusableDate:P.focusableDate,isFocused:P.isViewFocused,testId:g?g+"_monthView":void 0,todaysDate:B,onNavigation:k.handleMonthViewNavigation,onAction:k.handleMonthViewAction,weekDisplay:x}),"monthsGridView"===P.currentView&&a.jsx(p.MonthsGridView,{currentMonth:B.month,focusableMonth:P.focusableMonth,isFocused:P.isViewFocused,selectedMonth:I,testId:g?g+"_monthsGridView":void 0,onAction:k.handleMonthsGridViewAction,onNavigation:k.handleMonthsGridViewNavigation}),"yearsGridView"===P.currentView&&a.jsx(p.YearsGridView,{currentYear:B.year,focusableYear:P.focusableYear,isFocused:P.isViewFocused,selectedYear:H,testId:g?g+"_yearsGridView":void 0,onAction:k.handleYearsGridViewAction,onNavigation:k.handleYearsGridViewNavigation})]}),S&&a.jsx("div",{children:a.jsx(F,{testId:g?g+"_footerTodayButton":void 0,todayNavigationLabel:Y.today,todayNavigationAriaLabel:Y.goToToday,onTodayNavigationAction:k.handleTodayNavigation})})]})})}}));
-//# sourceMappingURL=DatePicker-89255880.js.map
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Flex-4b81b412', './useTestId-f4240cbd', './useFocusWithin-5a504fca', './useTranslationBundle-e4dd341e', './calendarDateUtils-ab83f6b1', 'preact/compat', './useHiddenTestMethod-8321d341', './useBreakpointValues-b3cb2a4e', './Button-e5d7c0e3', './UNSAFE_DatePicker/themes/DatePickerContract.css', './useComponentTheme-5aa41a8f', './UNSAFE_DatePicker/themes/redwood/DatePickerTheme', './DatePickerHeader-b75e4c72', './MonthView-93a866a6', './YearsGridView-09b45b4e'], (function(e,a,o,t,i,n,s,r,d,c,u,l,h,y,w,v,V,p){"use strict";const m=["monthView","monthsGridView","yearsGridView","viewBlur"],b=["dayFocused","daySelected","goToToday","previousDay","nextDay","previousWeek","nextWeek","previousMonth","previousMonthAndFocus","nextMonth","nextMonthAndFocus","previousYear","nextYear","firstDayOfMonth","lastDayOfMonth"],g=["previousMonthInGridView","nextMonthInGridView","previousMonthRowInGridView","nextMonthRowInGridView","monthFocused","monthSelected"],D=["previousYearInGridView","nextYearInGridView","previousYearRowInGridView","nextYearRowInGridView","previousDecade","previousDecadeAndFocus","nextDecade","nextDecadeAndFocus","yearFocused","yearSelected"],f=(e,a)=>{if("reset"===a.type)return a.payload;switch(a.type){case"monthView":return{...e,currentView:"monthView",isViewFocused:!1,isNextNavigationButtonHidden:!1,isPreviousNavigationButtonHidden:!1,isTodayNavigationButtonHidden:!1};case"monthsGridView":return{...e,currentView:"monthsGridView",focusableMonth:e.focusableDate.month,isViewFocused:!1,isNextNavigationButtonHidden:!0,isPreviousNavigationButtonHidden:!0,isTodayNavigationButtonHidden:!0};case"yearsGridView":return{...e,currentView:"yearsGridView",focusableYear:e.focusableDate.year,isViewFocused:!1,isNextNavigationButtonHidden:!1,isPreviousNavigationButtonHidden:!1,isTodayNavigationButtonHidden:!0};case"viewBlur":return e.isViewFocused?{...e,isViewFocused:!1}:e;case"dayFocused":case"daySelected":case"goToToday":return{...e,isViewFocused:!0,focusableDate:a.payload};case"previousDay":{const o=r.addToCalendarDate(a.payload,{days:-1});return{...e,isViewFocused:!0,focusableDate:o}}case"nextDay":{const o=r.addToCalendarDate(a.payload,{days:1});return{...e,isViewFocused:!0,focusableDate:o}}case"previousWeek":{const o=r.addToCalendarDate(a.payload,{days:-7});return{...e,isViewFocused:!0,focusableDate:o}}case"nextWeek":{const o=r.addToCalendarDate(a.payload,{days:7});return{...e,isViewFocused:!0,focusableDate:o}}case"previousMonth":case"previousMonthAndFocus":{const o=r.addToCalendarDate(a.payload,{months:-1});return{...e,isViewFocused:"previousMonthAndFocus"===a.type,focusableDate:o}}case"nextMonth":case"nextMonthAndFocus":{const o=r.addToCalendarDate(a.payload,{months:1});return{...e,isViewFocused:"nextMonthAndFocus"===a.type,focusableDate:o}}case"previousYear":{const o=r.addToCalendarDate(a.payload,{years:-1});return{...e,isViewFocused:!0,focusableDate:o}}case"nextYear":{const o=r.addToCalendarDate(a.payload,{years:1});return{...e,isViewFocused:!0,focusableDate:o}}case"firstDayOfMonth":{const o=a.payload,t={year:o.year,month:o.month,day:1};return{...e,isViewFocused:!0,focusableDate:t}}case"lastDayOfMonth":{const o=a.payload,t=r.getDaysInMonth(o.month,o.year),i={year:o.year,month:o.month,day:t};return{...e,isViewFocused:!0,focusableDate:i}}case"previousMonthInGridView":{const o=r.addToMonth(a.payload.month,-1);return{...e,focusableMonth:o,isViewFocused:!0}}case"previousMonthRowInGridView":{const o=r.addToMonth(a.payload.month,-4);return{...e,focusableMonth:o,isViewFocused:!0}}case"nextMonthInGridView":{const o=r.addToMonth(a.payload.month,1);return{...e,focusableMonth:o,isViewFocused:!0}}case"nextMonthRowInGridView":{const o=r.addToMonth(a.payload.month,4);return{...e,focusableMonth:o,isViewFocused:!0}}case"monthFocused":return{...e,focusableMonth:a.payload.month,isViewFocused:!0};case"monthSelected":{const o=a.payload.month-e.focusableDate.month,t=r.addToCalendarDate(e.focusableDate,{months:o});return{...e,currentView:"monthView",focusableDate:t,isViewFocused:!0,isNextNavigationButtonHidden:!1,isPreviousNavigationButtonHidden:!1,isTodayNavigationButtonHidden:!1}}case"previousYearInGridView":{const o=r.addToYear(a.payload.year,-1);return{...e,focusableYear:o,isViewFocused:!0}}case"previousYearRowInGridView":{const o=r.addToYear(a.payload.year,-4);return{...e,focusableYear:o,isViewFocused:!0}}case"previousDecade":case"previousDecadeAndFocus":{const o=r.addToYear(a.payload.year,-10);return{...e,focusableYear:o,isViewFocused:"previousDecadeAndFocus"===a.type}}case"nextYearInGridView":{const o=r.addToYear(a.payload.year,1);return{...e,focusableYear:o,isViewFocused:!0}}case"nextYearRowInGridView":{const o=r.addToYear(a.payload.year,4);return{...e,focusableYear:o,isViewFocused:!0}}case"nextDecade":case"nextDecadeAndFocus":{const o=r.addToYear(a.payload.year,10);return{...e,focusableYear:o,isViewFocused:"nextDecadeAndFocus"===a.type}}case"yearFocused":return{...e,focusableYear:a.payload.year,isViewFocused:!0};case"yearSelected":{const o=a.payload.year-e.focusableDate.year,t=r.addToCalendarDate(e.focusableDate,{years:o});return{...e,currentView:"monthView",focusableDate:t,isViewFocused:!0,isNextNavigationButtonHidden:!1,isPreviousNavigationButtonHidden:!1,isTodayNavigationButtonHidden:!1}}default:return e}},x={monthView:"none",monthsGridView:"month",yearsGridView:"year"},T=({isReadonly:e,max:a,min:o,rootRef:t,todayTimeZone:i,value:u,onCommit:l})=>{if(o&&a&&r.isCalendarDateBefore(a,o))throw new Error("DatePicker: min must be equal or less than max.");const h=r.getCalendarDateToday(i),y=d.useMemo((()=>r.constrainCalendarDate(u??h,o,a)),[u,h,o,a]),{state:w,actions:v}=(({initialFocusableDate:e})=>{const a={currentView:"monthView",focusableDate:e,focusableMonth:e.month,focusableYear:e.year,isViewFocused:!1,isNextNavigationButtonHidden:!1,isPreviousNavigationButtonHidden:!1,isTodayNavigationButtonHidden:!1},[o,t]=d.useReducer(f,a),i=d.useRef(e);return 0!==r.compareDates(i.current,e)&&(i.current=e,0!==r.compareDates(e,o.focusableDate)&&t({type:"reset",payload:a})),{state:o,actions:d.useMemo((()=>{const e={};return m.forEach((a=>{e[a]=()=>t({type:a})})),b.forEach((a=>{e[a]=e=>t({type:a,payload:e})})),g.forEach((a=>{e[a]=e=>t({type:a,payload:e})})),D.forEach((a=>{e[a]=e=>t({type:a,payload:e})})),e}),[t])}})({initialFocusableDate:y}),V=s.useTranslationBundle("@oracle/oraclejet-preact"),p={next:V.datePicker_next(),previous:V.datePicker_prev(),goToToday:V.datePicker_goToToday(),today:V.datePicker_today()},T=d.useCallback((a=>e?Promise.reject("Component is readonly"):(l({value:a,previousValue:u}),Promise.resolve())),[e,l,u]);c.useHiddenTestMethod({elementRef:t,method:T,name:"_changeValue"});const F={handleMonthToggle:d.useCallback((()=>{"monthsGridView"!==w.currentView?v.monthsGridView(void 0):v.monthView(void 0)}),[v,w.currentView]),handleYearToggle:d.useCallback((()=>{"yearsGridView"!==w.currentView?v.yearsGridView(void 0):v.monthView(void 0)}),[v,w.currentView]),handleTodayNavigation:d.useCallback((()=>{v.goToToday(h)}),[v,h]),handlePreviousNavigation:d.useCallback((()=>"monthView"===w.currentView?v.previousMonth(w.focusableDate):"yearsGridView"===w.currentView?v.previousDecade({year:w.focusableYear}):void 0),[v,w.currentView,w.focusableDate,w.focusableYear]),handleNextNavigation:d.useCallback((()=>"monthView"===w.currentView?v.nextMonth(w.focusableDate):"yearsGridView"===w.currentView?v.nextDecade({year:w.focusableYear}):void 0),[v,w.currentView,w.focusableDate,w.focusableYear]),handleMonthViewAction:d.useCallback((a=>{void 0===a.date||e||(v.daySelected(a.date),l?.({previousValue:u,value:a.date}))}),[v,e,l,u]),handleMonthViewNavigation:d.useCallback((e=>{switch(e.direction){case"previousMonth":return v.previousMonthAndFocus(e.date);case"nextMonth":return v.nextMonthAndFocus(e.date);case"today":return v.goToToday(h);default:return v[e.direction](e.date)}}),[v,h]),handleMonthsGridViewAction:d.useCallback((e=>{v.monthSelected(e)}),[v]),handleMonthsGridViewNavigation:d.useCallback((e=>{switch(e.direction){case"down":return v.nextMonthRowInGridView({month:e.month});case"next":return v.nextMonthInGridView({month:e.month});case"previous":return v.previousMonthInGridView({month:e.month});case"up":return v.previousMonthRowInGridView({month:e.month})}}),[v]),handleYearsGridViewAction:d.useCallback((e=>{v.yearSelected(e)}),[v]),handleYearsGridViewNavigation:d.useCallback((e=>{switch(e.direction){case"down":return v.nextYearRowInGridView({year:e.year});case"next":return v.nextYearInGridView({year:e.year});case"nextDecade":return v.nextDecadeAndFocus({year:e.year});case"previous":return v.previousYearInGridView({year:e.year});case"previousDecade":return v.previousDecadeAndFocus({year:e.year});case"up":return v.previousYearRowInGridView({year:e.year})}}),[v])},{focusProps:M}=n.useFocusWithin({onBlurWithin:d.useCallback((()=>v.viewBlur(void 0)),[v])});return{accessibleLabels:p,actions:v,handlers:F,state:w,todaysDate:h,toggleSelection:x[w.currentView],viewContainerProps:{...M}}},F=({onTodayNavigationAction:e,testId:o,todayNavigationAriaLabel:i,todayNavigationLabel:n})=>a.jsx(t.Flex,{direction:"column",children:a.jsx(l.Button,{testId:o,label:n,"aria-label":i,size:"sm",onAction:e})});e.DatePicker=({dayFormatter:e,daysOutsideMonth:n,height:s,isReadonly:r=!1,monthAndYearPicker:d="on",max:c,maxWidth:l,min:m,value:b,testId:g,todayTimeZone:D,todayButton:f="visible",weekDisplay:x="none",width:M,onCommit:N})=>{const G=o.useRef(null),{accessibleLabels:Y,handlers:k,state:P,todaysDate:B,toggleSelection:A,viewContainerProps:C}=T({isReadonly:r,max:c,min:m,rootRef:G,todayTimeZone:D,value:b,onCommit:N}),{month:I,year:H}=P.focusableDate,R="on"===d&&!r,j=u.useBreakpointValues({sm:!0,md:!1},{sm:"0px",md:"360px"}),S=!P.isTodayNavigationButtonHidden&&j&&"visible"===f,{classes:_}=y.useComponentTheme(w.DatePickerRedwoodTheme),W=i.useTestId(g);return a.jsx("div",{class:_,ref:G,...W,children:a.jsxs(t.Flex,{direction:"column",gap:"monthView"===P.currentView?h.datePickerPropVars.calendarGridRowGap:h.datePickerPropVars.monthYearGridRowGap,height:"auto"===s?void 0:S?h.datePickerPropVars.todayFooterButtonHeight:h.datePickerPropVars.height,maxWidth:void 0!==l?l:h.datePickerPropVars.maxWidth,width:void 0!==M?M:h.datePickerPropVars.width,children:[a.jsx(v.DatePickerHeader,{testId:g?g+"_header":void 0,month:I,year:H,isPreviousNavigationButtonHidden:P.isPreviousNavigationButtonHidden,isTodayNavigationButtonHidden:"hidden"===f||P.isTodayNavigationButtonHidden||j,isNextNavigationButtonHidden:P.isNextNavigationButtonHidden,monthYearHeader:R?"independentButtons":"text",toggleSelection:R?A:void 0,previousNavigationAccessibleLabel:Y.previous,todayNavigationAccessibleLabel:Y.goToToday,nextNavigationAccessibleLabel:Y.next,onTodayNavigationAction:k.handleTodayNavigation,onPreviousNavigationAction:k.handlePreviousNavigation,onNextNavigationAction:k.handleNextNavigation,onMonthToggle:R?k.handleMonthToggle:void 0,onYearToggle:R?k.handleYearToggle:void 0}),a.jsxs("div",{...C,children:["monthView"===P.currentView&&a.jsx(V.MonthView,{dayFormatter:e,daysOutsideMonth:n,isReadonly:r,max:c,min:m,selectedDate:b,focusableDate:P.focusableDate,isFocused:P.isViewFocused,testId:g?g+"_monthView":void 0,todaysDate:B,onNavigation:k.handleMonthViewNavigation,onAction:k.handleMonthViewAction,weekDisplay:x}),"monthsGridView"===P.currentView&&a.jsx(p.MonthsGridView,{currentMonth:B.month,focusableMonth:P.focusableMonth,isFocused:P.isViewFocused,selectedMonth:I,testId:g?g+"_monthsGridView":void 0,onAction:k.handleMonthsGridViewAction,onNavigation:k.handleMonthsGridViewNavigation}),"yearsGridView"===P.currentView&&a.jsx(p.YearsGridView,{currentYear:B.year,focusableYear:P.focusableYear,isFocused:P.isViewFocused,selectedYear:H,testId:g?g+"_yearsGridView":void 0,onAction:k.handleYearsGridViewAction,onNavigation:k.handleYearsGridViewNavigation})]}),S&&a.jsx("div",{children:a.jsx(F,{testId:g?g+"_footerTodayButton":void 0,todayNavigationLabel:Y.today,todayNavigationAriaLabel:Y.goToToday,onTodayNavigationAction:k.handleTodayNavigation})})]})})}}));
+//# sourceMappingURL=DatePicker-ed971798.js.map