@oracle/oraclejet-preact 18.1.5 → 18.1.6

package/amd/BaseRichSelection-33a97275.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', 'preact/hooks', './useFormFieldContextProps-4e36b4c3', 'preact', './useCollectionFocusRing-9dab85a9', './useTranslationBundle-7c40cb58', './Label-41b672b4', './InlineHelp-4f896a0a', './logger-0f873e29', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-a97e0011', './Flex-590160eb', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', './useTestId-c286f212', './LayerHost-733ade2f', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-30886397', 'css!./IconStyle.styles.css', './IconButton-368fba34', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', './HiddenAccessible-037ef42d', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './Popup-3e2566da', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './CheckboxRadioFieldStyles.css-681da2d3', './CheckboxRadioContext-6a0fead0', './LayoutStyles.css-c8bc984d', './Grid-a8a51c37', './refUtils-d354a169', './useContainerBreakpoints-53f7e391', './RichSelectionStartContext-0912e7b0', './View-db26162c', './classNames-08d99695', './useFormFieldContext-8196183c', './size-f0e638ec', './StyledLabelValueLayout-2524f5c3', './useComponentTheme-5aa41a8f', './UNSAFE_RadioItem/themes/redwood/RadioTheme', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_TextField/themes/redwood/FormLayoutTheme', './UNSAFE_Checkbox/themes/redwood/CheckboxTheme', 'css!./RichLabelValueLayoutStyles.styles.css', './useMessageSeverity-1d69e1ae'], (function(e,s,t,a,o,l,i,r,n,c,d,h,u,b,S,y,p,m,x,R,T,_,C,L,A,g,U,f,F,I,w,V,M,k,v,E,B,j,D,N,W,P,O,H,q,$,z,G,X,J,K,Q,Y,Z,ee,se,te,ae,oe,le,ie,re,ne,ce,de){"use strict";const he=["xl","lg","md","sm","xs"],ue={xl:{xl:6,md:4,sm:4},lg:{xl:4,md:3,sm:3},md:{xl:3,md:2,sm:2},sm:{xl:2,md:2,sm:2},xs:{xl:1,md:1,sm:1}},be={xs:"0px",sm:"600px",md:"768px",lg:"1024px",xl:"1440px"},Se=(e,s)=>{for(const t of he)if(e[t])return ue[t][s];return ue.xs[s]};var ye="RichLabelValueLayoutStyles_richLabelInnerStyles_insideRichRadioSet__3a9bpp0",pe="RichLabelValueLayoutStyles_richLabelInnerStyles_startRichRadioSetWithoutTopUA__3a9bpp1",me="RichLabelValueLayoutStyles_richLabelInnerStyles_startXLRichRadioSetWithoutTopUA__3a9bpp2",xe="RichLabelValueLayoutStyles_richLabelInnerStyles_startMDRichRadioSetWithoutTopUAOrSecondaryText__3a9bpp3",Re="RichLabelValueLayoutStyles_richLabelInnerStyles_startMDRichRadioSetWithoutMediaTopUAOrSecondaryText__3a9bpp4",Te="RichLabelValueLayoutStyles_richLabelInnerStyles_startSMRichRadioSetWithoutTopUAOrSecondaryText__3a9bpp5",_e="RichLabelValueLayoutStyles_richLabelInnerStyles_startSMRichRadioSetWithoutMediaTopUAOrSecondaryText__3a9bpp6",Ce="RichLabelValueLayoutStyles_richLabelInnerStyles_insideRichCheckboxSet__3a9bpp7",Le="RichLabelValueLayoutStyles_richLabelInnerStyles_startRichCheckboxSetWithoutTopUA__3a9bpp8",Ae="RichLabelValueLayoutStyles_richLabelInnerStyles_startXLRichCheckboxSetWithoutTopUA__3a9bpp9",ge="RichLabelValueLayoutStyles_richLabelInnerStyles_startMDRichCheckboxSetWithoutTopUAOrSecondaryText__3a9bppa",Ue="RichLabelValueLayoutStyles_richLabelInnerStyles_startMDRichCheckboxSetWithoutMediaTopUAOrSecondaryText__3a9bppb",fe="RichLabelValueLayoutStyles_richLabelInnerStyles_startSMRichCheckboxSetWithoutTopUAOrSecondaryText__3a9bppc",Fe="RichLabelValueLayoutStyles_richLabelInnerStyles_startSMRichCheckboxSetWithoutMediaTopUAOrSecondaryText__3a9bppd";const Ie=({label:e,labelEdge:t,children:a,labelStartWidth:l="33%",parentComponentVariant:i,hasTopUserAssistance:r=!1,hasSecondaryText:n=!1,hasMedia:c=!1})=>{const{baseTheme:d}=oe.useComponentTheme(le.RadioRedwoodTheme),{baseTheme:h}=oe.useComponentTheme(ne.CheckboxRedwoodTheme),{baseTheme:u}=oe.useComponentTheme(ie.LabelRedwoodTheme),{baseTheme:b}=oe.useComponentTheme(re.FormLayoutRedwoodTheme),S=Y.useRichSelectionContext(),y="richRadioSet"===i,p="richCheckboxSet"===i,m="start"===t,x="top"===t||"inside"===t,R="inside"===t,T=te.sizeToCSS(l),_=`calc(100% - ${T})`,C=m?{flexBasis:T,width:T,maxWidth:T}:{},L=m?{flexBasis:_,width:_,maxWidth:_}:{},{isFormLayout:A,isReadonly:g}=o.useFormContext(),{isReadonly:U}=se.useFormFieldContext(),f=A&&g||!A&&U,F=ee.classNames([b,ae.labelSlotStyles.base,m&&ae.labelSlotStyles.start,x&&ae.labelSlotStyles.top,x&&r&&ae.labelSlotStyles.topAndTopUA,x&&f&&ae.labelSlotStyles.topPureReadonly]),I=ee.classNames([y&&d,p&&h,u,b,ae.labelInnerStyles.base,m&&ae.labelInnerStyles.start,y&&R&&ye,p&&R&&Ce,y&&m&&!r&&"xl"!==S?.layout&&pe,y&&m&&!r&&"xl"===S?.layout&&me,y&&m&&"md"===S?.layout&&!r&&!n&&c&&xe,y&&m&&"md"===S?.layout&&!r&&!n&&!c&&Re,y&&m&&"sm"===S?.layout&&!r&&!n&&c&&Te,y&&m&&"sm"===S?.layout&&!r&&!n&&!c&&_e,p&&m&&!r&&"xl"!==S?.layout&&Le,p&&m&&!r&&"xl"===S?.layout&&Ae,p&&m&&"md"===S?.layout&&!r&&!n&&c&&ge,p&&m&&"md"===S?.layout&&!r&&!n&&!c&&Ue,p&&m&&"sm"===S?.layout&&!r&&!n&&c&&fe,p&&m&&"sm"===S?.layout&&!r&&!n&&!c&&Fe]);return s.jsx(ae.StyledLabelValueLayout,{flexAlign:U&&m?"stretch":"start",labelStyleClasses:F,labelStyles:C,labelInnerClasses:I,label:e,valueStyles:L,children:a})},we=t.forwardRef((({"aria-describedby":e,assistiveText:a,baseId:o,children:l,columnSpan:i=1,hasValue:r,helpSourceLink:b,helpSourceText:S,isDisabled:y,isReadonly:p,isRequired:m,label:R,labelEdge:T,labelStartWidth:_="33%",messages:C,parentComponentVariant:A,role:g,testId:U,userAssistanceDensity:f},F=null)=>{const I=L.useTestId(U),w=`${U}-inline-user-assistance`,V=U?`${w}-top`:void 0,M=U?`${w}-bottom`:void 0,k=!(y||p||!a&&!b),v=!y&&!p,B=t.useRef(null),{groupProps:j,labelProps:D,topUserAssistanceProps:N,bottomUserAssistanceProps:W,readonlyId:P}=z.useCheckboxRadioField({ariaDescribedBy:e,baseId:o,isRequired:m,isReadonly:p,isDisabled:y,label:R,labelEdge:T,messages:C,hasValue:r,hasTopUserAssistance:k,hasBottomUserAssistance:v,parentComponentVariant:"richRadioSet"===A?"radioSet":"checkboxSet"}),[O,H]=t.useState({hasMedia:!1,hasSecondaryText:!1}),q=d.useTranslationBundle("@oracle/oraclejet-preact").formControl_readOnly();t.useImperativeHandle(F,(()=>({focus:()=>{if(!y){const e=B.current?.querySelectorAll("input")??[],s=Array.from(e).find((e=>e.checked));s?s.focus():e[0].focus()}},blur:()=>{B.current?.contains(document.activeElement)&&document.activeElement.blur()}})));const[$,ee]=c.useCollectionFocusRing(B,"richRadioSet"===A?["ArrowUp","ArrowRight","ArrowDown","ArrowLeft"]:["Tab"]),{gridTemplateColumns:se,ref:te}=(()=>{const e=Y.useRichSelectionContext(),{breakpointMatches:s,ref:t}=Q.useContainerBreakpoints(be);return{ref:t,gridTemplateColumns:null!==e?`repeat(${Se(s,e.layout)}, 1fr)`:""}})(),ae=t.useMemo((()=>n.toChildArray(l).map(((e,t)=>"start"===T?s.jsx(Y.RichSelectionStartContext.Provider,{value:{setStartData:H,isFirst:0===t},children:e}):e))),[l,T]),oe=s.jsxs(s.Fragment,{children:[k&&s.jsx("div",{id:`${o}-top-ua-container`,class:"start"===T?z.topUAContainerStyles.start:z.topUAContainerStyles.top,children:s.jsx(x.InlineUserAssistanceContainer,{...N,testId:V,children:s.jsx(u.InlineHelp,{assistiveText:a,sourceLink:b,sourceText:S})})}),s.jsx(Z.View,{padding:["2x",0],width:"100%",children:s.jsx(J.Grid,{gridTemplateColumns:se,gap:"6x",role:"list",children:s.jsx(G.CheckboxRadioContext.Provider,{value:{isFocusRingShown:$},children:ae})})}),v?s.jsx(x.InlineUserAssistance,{...W,requiredAlignment:"start",messages:C,userAssistanceDensity:"reflow"===f?"reflow":"efficient",testId:M}):"reflow"===f?void 0:s.jsx(x.InlineUserAssistance,{id:W?.id,userAssistanceDensity:"efficient",testId:M})]}),le=X.layoutSpanStyles.layoutSpanColumn[i];return s.jsxs("div",{ref:K.mergeRefs(B,te),class:le,role:g,...j,...ee,...I,children:["none"===T?oe:s.jsx(Ie,{parentComponentVariant:A,hasTopUserAssistance:k,hasSecondaryText:O.hasSecondaryText,hasMedia:O.hasMedia,label:s.jsx(h.Label,{...D,variant:T,userAssistanceDensity:"efficient",parentComponentVariant:A,children:R}),labelEdge:T,labelStartWidth:_,children:oe}),p&&s.jsx(E.HiddenAccessible,{id:P,isHidden:!0,children:q})]})})),Ve=t.forwardRef((({"aria-describedby":e,assistiveText:t,baseId:a,children:i,columnSpan:n,helpSourceLink:c,helpSourceText:d,isDisabled:h,isReadonly:u,isRequired:b,label:S,labelEdge:y,labelStartWidth:p,layout:m,messages:x,selection:R,testId:T,userAssistanceDensity:_,value:C},L=null)=>{const A=null!=C&&("single"===R||C.size>0),{isDisabled:g,isReadonly:U,labelEdge:f,labelStartWidth:F,userAssistanceDensity:I}=o.useFormContext(),w=h??g,V=u??U,M=y??f,k=p??F,v=_??I,E=r.useFormFieldContextProps({hasValue:A,isDisabled:w,isReadonly:V}),B="error"===de.useMessageSeverity(x)?"error":void 0;return s.jsx(l.FormFieldContext.Provider,{value:E,children:s.jsx(Y.RichSelectionContext.Provider,{value:{selection:R,layout:m,messageSeverity:B},children:s.jsx(we,{"aria-describedby":e,assistiveText:t,baseId:a,columnSpan:n,hasValue:A,helpSourceLink:c,helpSourceText:d,isDisabled:w,isReadonly:V,isRequired:b,label:S,labelEdge:M,labelStartWidth:k,messages:x,parentComponentVariant:"single"===R?"richRadioSet":"richCheckboxSet",ref:L,role:"single"===R?"radiogroup":"group",testId:T,userAssistanceDensity:v,children:i})})})}));e.BaseRichSelection=Ve}));
+//# sourceMappingURL=BaseRichSelection-33a97275.js.map

package/amd/BaseRichSelection-33a97275.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseRichSelection-33a97275.js","sources":["../../src/PRIVATE_RichSelectionCommon/useRichSelectionGrid.ts","../../src/PRIVATE_RichSelectionCommon/RichLabelValueLayout.tsx","../../src/PRIVATE_RichSelectionCommon/RichSelectionField.tsx","../../src/PRIVATE_RichSelectionCommon/BaseRichSelection.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 { Ref } from 'preact';\nimport { useContainerBreakpoints } from '#hooks/UNSAFE_useContainerBreakpoints';\nimport {\n  useRichSelectionContext,\n  type RichSelectionContextValue\n} from '#PRIVATE_RichSelectionCommon/RichSelectionContext';\n\nconst sizes = ['xl', 'lg', 'md', 'sm', 'xs'] as const;\n\nconst columnMatrix = {\n  xl: { xl: 6, md: 4, sm: 4 },\n  lg: { xl: 4, md: 3, sm: 3 },\n  md: { xl: 3, md: 2, sm: 2 },\n  sm: { xl: 2, md: 2, sm: 2 },\n  xs: { xl: 1, md: 1, sm: 1 }\n} as const;\n\nconst breakpointSizes = {\n  xs: '0px',\n  sm: '600px',\n  md: '768px',\n  lg: '1024px',\n  xl: '1440px'\n} as const;\n\nconst breakpointColumns = (\n  breakpoints: Record<(typeof sizes)[number], boolean>,\n  layout: RichSelectionContextValue['layout']\n) => {\n  // incrementally go from largest to smallest breakpoint\n  for (const size of sizes) {\n    if (breakpoints[size]) {\n      return columnMatrix[size][layout];\n    }\n  }\n  // defaults to xs columns if no breakpoints are true\n  return columnMatrix['xs'][layout];\n};\n/**\n * Hook to be used with rich selection items that are in a grid layout within RichSelectionField\n * @returns An object containing a ref to be placed on the container and a string\n * with the calculated grid template columns to be placed on the Grid component\n */\nconst useRichSelectionGrid = () => {\n  const context = useRichSelectionContext()!;\n  const { breakpointMatches, ref } = useContainerBreakpoints(breakpointSizes);\n\n  return {\n    ref: ref as Ref<HTMLDivElement>,\n    gridTemplateColumns:\n      context !== null ? `repeat(${breakpointColumns(breakpointMatches, context.layout)}, 1fr)` : ''\n  };\n};\n\nexport { useRichSelectionGrid };\n","import { ComponentChildren, JSX } from 'preact';\n\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { useFormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { sizeToCSS, Size } from '#utils/UNSAFE_size';\nimport {\n  labelSlotStyles,\n  labelInnerStyles\n} from '../UNSAFE_LabelValueLayout/LabelValueLayoutStyles.css';\n\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { RadioRedwoodTheme } from '#UNSAFE_RadioItem/themes/redwood/RadioTheme';\nimport { LabelRedwoodTheme } from '#UNSAFE_Label/themes/redwood/LabelTheme';\nimport { FormLayoutRedwoodTheme } from '#UNSAFE_TextField/themes/redwood/FormLayoutTheme';\nimport { CheckboxRedwoodTheme } from '#UNSAFE_Checkbox/themes/redwood/CheckboxTheme';\nimport { useRichSelectionContext } from '#PRIVATE_RichSelectionCommon/RichSelectionContext';\nimport { StyledLabelValueLayout } from '../UNSAFE_LabelValueLayout/StyledLabelValueLayout';\nimport { richLabelInnerStyles } from './RichLabelValueLayoutStyles.css';\n\ntype Props = {\n  /**\n   * Defines how the label is going to be positioned. For RichCheckboxSet or RichRadioSet the start, top and inside values are supported.\n   */\n  labelEdge?: 'start' | 'top' | 'inside';\n  /**\n   * Specifies if the parent component is a RichCheckboxSet or RichRadioSet\n   */\n  parentComponentVariant: 'richRadioSet' | 'richCheckboxSet';\n  /**\n   * Specifies if there is assistive text or links at the top of the component below the label\n   */\n  hasTopUserAssistance?: boolean;\n  /**\n   * Specifies if there is secondary text for the Rich Selection Items\n   */\n  hasSecondaryText?: boolean;\n  /**\n   * Specifies if there is media for the Rich Selection Items\n   */\n  hasMedia?: boolean;\n  /**\n   * Label content of the layout\n   */\n  label?: ComponentChildren;\n  /**\n   * Defines the label width for labelEdge 'start' ('top' is always 100%)\n   */\n  labelStartWidth?: Size;\n  /**\n   * Value content of the layout\n   */\n  children: ComponentChildren;\n};\n\n/**\n * A layout component for rendering a label and value pair, used in form components\n * such as RichCheckboxSet and RichRadioSet.\n */\nexport const RichLabelValueLayout = ({\n  label,\n  labelEdge,\n  children,\n  labelStartWidth = '33%',\n  parentComponentVariant,\n  hasTopUserAssistance = false,\n  hasSecondaryText = false,\n  hasMedia = false\n}: Props) => {\n  const { baseTheme: radioTheme } = useComponentTheme(RadioRedwoodTheme);\n  const { baseTheme: checkboxTheme } = useComponentTheme(CheckboxRedwoodTheme);\n  const { baseTheme: labelTheme } = useComponentTheme(LabelRedwoodTheme);\n  const { baseTheme: formLayoutTheme } = useComponentTheme(FormLayoutRedwoodTheme);\n  const richSelectionContext = useRichSelectionContext();\n  const isRichRadio = parentComponentVariant === 'richRadioSet';\n  const isRichCheckbox = parentComponentVariant === 'richCheckboxSet';\n  const isStart = labelEdge === 'start';\n  const isTop = labelEdge === 'top' || labelEdge === 'inside'; // 'inside' needs to pick up all 'top' styles.\n  const isInside = labelEdge === 'inside';\n  const width = sizeToCSS(labelStartWidth);\n  const valueWidth = `calc(100% - ${width})`;\n\n  const labelStyles: JSX.CSSProperties = isStart\n    ? { flexBasis: width, width: width, maxWidth: width }\n    : {};\n\n  const valueStyles: JSX.CSSProperties = isStart\n    ? { flexBasis: valueWidth, width: valueWidth, maxWidth: valueWidth }\n    : {};\n\n  const { isFormLayout, isReadonly: isFormReadonly } = useFormContext();\n  const { isReadonly } = useFormFieldContext();\n  const isPureReadonly = (isFormLayout && isFormReadonly) || (!isFormLayout && isReadonly);\n\n  const labelStyleClasses = classNames([\n    formLayoutTheme,\n    labelSlotStyles.base,\n    isStart && labelSlotStyles.start,\n    isTop && labelSlotStyles.top,\n    isTop && hasTopUserAssistance && labelSlotStyles.topAndTopUA,\n    isTop && isPureReadonly && labelSlotStyles.topPureReadonly\n  ]);\n\n  const labelInnerClasses = classNames([\n    isRichRadio && radioTheme,\n    isRichCheckbox && checkboxTheme,\n    labelTheme,\n    formLayoutTheme,\n    labelInnerStyles.base,\n    isStart && labelInnerStyles.start,\n    isRichRadio && isInside && richLabelInnerStyles.insideRichRadioSet,\n    isRichCheckbox && isInside && richLabelInnerStyles.insideRichCheckboxSet,\n\n    // Rich Radioset\n    isRichRadio &&\n      isStart &&\n      !hasTopUserAssistance &&\n      richSelectionContext?.layout !== 'xl' &&\n      richLabelInnerStyles.startRichRadioSetWithoutTopUA,\n\n    isRichRadio &&\n      isStart &&\n      !hasTopUserAssistance &&\n      richSelectionContext?.layout === 'xl' &&\n      richLabelInnerStyles.startXLRichRadioSetWithoutTopUA,\n\n    isRichRadio &&\n      isStart &&\n      richSelectionContext?.layout === 'md' &&\n      !hasTopUserAssistance &&\n      !hasSecondaryText &&\n      hasMedia &&\n      richLabelInnerStyles.startMDRichRadioSetWithoutTopUAOrSecondaryText,\n\n    isRichRadio &&\n      isStart &&\n      richSelectionContext?.layout === 'md' &&\n      !hasTopUserAssistance &&\n      !hasSecondaryText &&\n      !hasMedia &&\n      richLabelInnerStyles.startMDRichRadioSetWithoutMediaTopUAOrSecondaryText,\n\n    isRichRadio &&\n      isStart &&\n      richSelectionContext?.layout === 'sm' &&\n      !hasTopUserAssistance &&\n      !hasSecondaryText &&\n      hasMedia &&\n      richLabelInnerStyles.startSMRichRadioSetWithoutTopUAOrSecondaryText,\n\n    isRichRadio &&\n      isStart &&\n      richSelectionContext?.layout === 'sm' &&\n      !hasTopUserAssistance &&\n      !hasSecondaryText &&\n      !hasMedia &&\n      richLabelInnerStyles.startSMRichRadioSetWithoutMediaTopUAOrSecondaryText,\n\n    // Rich Checkboxset\n    isRichCheckbox &&\n      isStart &&\n      !hasTopUserAssistance &&\n      richSelectionContext?.layout !== 'xl' &&\n      richLabelInnerStyles.startRichCheckboxSetWithoutTopUA,\n\n    isRichCheckbox &&\n      isStart &&\n      !hasTopUserAssistance &&\n      richSelectionContext?.layout === 'xl' &&\n      richLabelInnerStyles.startXLRichCheckboxSetWithoutTopUA,\n\n    isRichCheckbox &&\n      isStart &&\n      richSelectionContext?.layout === 'md' &&\n      !hasTopUserAssistance &&\n      !hasSecondaryText &&\n      hasMedia &&\n      richLabelInnerStyles.startMDRichCheckboxSetWithoutTopUAOrSecondaryText,\n\n    isRichCheckbox &&\n      isStart &&\n      richSelectionContext?.layout === 'md' &&\n      !hasTopUserAssistance &&\n      !hasSecondaryText &&\n      !hasMedia &&\n      richLabelInnerStyles.startMDRichCheckboxSetWithoutMediaTopUAOrSecondaryText,\n\n    isRichCheckbox &&\n      isStart &&\n      richSelectionContext?.layout === 'sm' &&\n      !hasTopUserAssistance &&\n      !hasSecondaryText &&\n      hasMedia &&\n      richLabelInnerStyles.startSMRichCheckboxSetWithoutTopUAOrSecondaryText,\n\n    isRichCheckbox &&\n      isStart &&\n      richSelectionContext?.layout === 'sm' &&\n      !hasTopUserAssistance &&\n      !hasSecondaryText &&\n      !hasMedia &&\n      richLabelInnerStyles.startSMRichCheckboxSetWithoutMediaTopUAOrSecondaryText\n  ]);\n\n  return (\n    <StyledLabelValueLayout\n      // For readonly start aligned labels, we want the div that is the parent of the label to\n      // stretch to the height of the value content, including the end content (InputSensitiveText)\n      flexAlign={isReadonly && isStart ? 'stretch' : 'start'}\n      labelStyleClasses={labelStyleClasses}\n      labelStyles={labelStyles}\n      labelInnerClasses={labelInnerClasses}\n      label={label}\n      valueStyles={valueStyles}>\n      {children}\n    </StyledLabelValueLayout>\n  );\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { toChildArray, type ComponentChildren, type ComponentProps, type Ref } from 'preact';\nimport { forwardRef, useImperativeHandle, useMemo, useRef, useState } from 'preact/compat';\n\nimport type { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport { useCollectionFocusRing } from '#hooks/PRIVATE_useCollectionFocusRing';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '#resources/nls/bundle';\nimport type { AriaAttributesSignalExcluded } from '#utils/UNSAFE_attributeUtils';\nimport { Label } from '#UNSAFE_Label';\nimport {\n  InlineHelp,\n  InlineUserAssistance,\n  InlineUserAssistanceContainer,\n  type UserAssistanceDensityType\n} from '#UNSAFE_UserAssistance';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { topUAContainerStyles } from '#PRIVATE_CheckboxRadioField/CheckboxRadioFieldStyles.css';\nimport { CheckboxRadioContext } from '#PRIVATE_CheckboxRadioField/CheckboxRadioContext';\nimport { useCheckboxRadioField } from '#PRIVATE_CheckboxRadioField/useCheckboxRadioField';\nimport { layoutSpanStyles, type LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport { type TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { Grid } from '#UNSAFE_Grid';\nimport { mergeRefs } from '#utils/PRIVATE_refUtils';\nimport { useRichSelectionGrid } from './useRichSelectionGrid';\nimport { View } from '#UNSAFE_View';\nimport type { Size } from '#utils/UNSAFE_size';\nimport { RichSelectionStartContext } from './RichSelectionStartContext';\nimport { RichLabelValueLayout } from './RichLabelValueLayout';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype AriaProps = Pick<AriaAttributesSignalExcluded, 'aria-describedby'>;\n\ntype Props = TestIdProps &\n  AriaProps & {\n    /**\n     * Text to provide guidance to help the user understand what data to enter.\n     */\n    assistiveText?: InlineUserAssistanceProps['assistiveText'];\n    /**\n     * baseId, used to generate other element IDs.\n     */\n    baseId: string;\n    /**\n     * <RichSelectionItems />\n     */\n    children: ComponentChildren;\n    /**\n     * Specifies how many columns to span in a FormLayout with direction === 'row'\n     */\n    columnSpan?: LayoutColumnSpan;\n    /**\n     * Value of the option.\n     */\n    hasValue?: boolean;\n    /**\n     * Help source URL associated with the component.\n     */\n    helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n    /**\n     * Custom text to be rendered for the <code>helpSourceLink</code>.\n     */\n    helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n    /**\n     * Specifies if the set is disabled.\n     */\n    isDisabled?: boolean;\n    /**\n     * Specifies if the set is read-only.\n     */\n    isReadonly?: boolean;\n    /**\n     * Specifies whether the set requires a selection to be made.\n     */\n    isRequired?: boolean;\n    /**\n     * Label text for the set.\n     */\n    label: string;\n    /**\n     * Specifies where the label is positioned relative to the field.\n     */\n    labelEdge?: 'none' | 'top' | 'inside' | 'start';\n    /**\n     * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>.\n     */\n    labelStartWidth?: Size;\n    /**\n     * Messages to show on screen that are associated with the component.\n     */\n    messages?: InlineUserAssistanceProps['messages'];\n    /**\n     * Specifies the parent field type.\n     */\n    parentComponentVariant: 'richRadioSet' | 'richCheckboxSet';\n    /**\n     * Specifies the ARIA role type.\n     */\n    role?: 'radiogroup' | 'group';\n    /**\n     * Specifies the density of the user assistance presentation.  It can be set to:\n     * <ul>\n     * <li><code>'reflow'</code>: Show inline. Layout will reflow when text is displayed.</li>\n     * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n     * assistance text is displayed.</li>\n     * <li><code>'compact'</code>: Show inline and reserve space to prevent layout reflow when user\n     * assistance text is displayed.</li>\n     * </ul>\n     */\n    userAssistanceDensity?: UserAssistanceDensityType;\n  };\n\n/**\n * Internal component use by rich selection components to manage focus and layout labels and messages\n */\nexport const RichSelectionField = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      baseId,\n      children,\n      columnSpan = 1,\n      hasValue,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled,\n      isReadonly,\n      isRequired,\n      label,\n      labelEdge,\n      labelStartWidth = '33%',\n      messages,\n      parentComponentVariant,\n      role,\n      testId,\n      userAssistanceDensity\n    }: Props,\n    ref: Ref<FocusableHandle> = null\n  ) => {\n    const testIdProps = useTestId(testId);\n    const UAtestId = `${testId}-inline-user-assistance`;\n    const UAtestIdTop = testId ? `${UAtestId}-top` : undefined;\n    const UAtestIdBottom = testId ? `${UAtestId}-bottom` : undefined;\n    const hasTopUserAssistance =\n      !isDisabled && !isReadonly && (!!assistiveText || !!helpSourceLink);\n    // we still render <InlineUserAssistance/> if density is 'efficient' or 'compact' to save space,\n    // even though we don't render user assistance for disabled or readonly fields\n    const hasBottomUserAssistance = !isDisabled && !isReadonly;\n    const groupRef = useRef<HTMLDivElement>(null);\n\n    const {\n      groupProps,\n      labelProps,\n      topUserAssistanceProps,\n      bottomUserAssistanceProps,\n      readonlyId\n    } = useCheckboxRadioField({\n      ariaDescribedBy,\n      baseId,\n      isRequired,\n      isReadonly,\n      isDisabled,\n      label,\n      labelEdge,\n      messages,\n      hasValue,\n      hasTopUserAssistance,\n      hasBottomUserAssistance,\n      parentComponentVariant: parentComponentVariant === 'richRadioSet' ? 'radioSet' : 'checkboxSet'\n    });\n\n    const [startData, setStartData] = useState({\n      hasMedia: false,\n      hasSecondaryText: false\n    });\n    const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n    const readonlyLabel = translations.formControl_readOnly();\n\n    useImperativeHandle(ref, () => ({\n      focus: () => {\n        if (!isDisabled) {\n          const inputChildren = groupRef.current?.querySelectorAll<HTMLInputElement>('input') ?? [];\n          const selectedChild = Array.from(inputChildren).find((child) => child.checked);\n\n          if (selectedChild) {\n            selectedChild.focus();\n          } else {\n            inputChildren[0].focus();\n          }\n        }\n      },\n      blur: () => {\n        if (groupRef.current?.contains(document.activeElement)) {\n          (document.activeElement as HTMLElement).blur();\n        }\n      }\n    }));\n\n    // the props from the hook are used for focus management on the radioset variant to allow for arrow navigation\n    // while checkboxset uses tabbing\n    const [isFocusRingShown, focusRingProps] = useCollectionFocusRing(\n      groupRef,\n      parentComponentVariant === 'richRadioSet'\n        ? ['ArrowUp', 'ArrowRight', 'ArrowDown', 'ArrowLeft']\n        : ['Tab']\n    );\n\n    const { gridTemplateColumns, ref: breakpointRef } = useRichSelectionGrid();\n\n    const memoizedChildren = useMemo(() => {\n      return toChildArray(children).map((child, index) => {\n        // we only need to wrap children with starting labels in context because they are the only ones\n        // that can conditionally apply min-height and set the startData\n        return labelEdge === 'start' ? (\n          // the first child is the one that will set the startData\n          <RichSelectionStartContext.Provider value={{ setStartData, isFirst: index === 0 }}>\n            {child}\n          </RichSelectionStartContext.Provider>\n        ) : (\n          child\n        );\n      });\n    }, [children, labelEdge]);\n\n    const content = (\n      <>\n        {hasTopUserAssistance && (\n          <div\n            id={`${baseId}-top-ua-container`}\n            class={labelEdge === 'start' ? topUAContainerStyles.start : topUAContainerStyles.top}>\n            <InlineUserAssistanceContainer {...topUserAssistanceProps} testId={UAtestIdTop}>\n              <InlineHelp\n                assistiveText={assistiveText}\n                sourceLink={helpSourceLink}\n                sourceText={helpSourceText}\n              />\n            </InlineUserAssistanceContainer>\n          </div>\n        )}\n        <View padding={['2x', 0]} width=\"100%\">\n          <Grid gridTemplateColumns={gridTemplateColumns} gap=\"6x\" role=\"list\">\n            <CheckboxRadioContext.Provider value={{ isFocusRingShown }}>\n              {memoizedChildren}\n            </CheckboxRadioContext.Provider>\n          </Grid>\n        </View>\n        {hasBottomUserAssistance ? (\n          <InlineUserAssistance\n            {...bottomUserAssistanceProps}\n            requiredAlignment=\"start\"\n            messages={messages}\n            userAssistanceDensity={userAssistanceDensity === 'reflow' ? 'reflow' : 'efficient'}\n            testId={UAtestIdBottom}\n          />\n        ) : userAssistanceDensity === 'reflow' ? undefined : (\n          /* save space for user assistance if density is 'efficient' or 'compact', even though we don't\n             render user assistance for disabled or readonly fields */\n          <InlineUserAssistance\n            id={bottomUserAssistanceProps?.id}\n            userAssistanceDensity=\"efficient\"\n            testId={UAtestIdBottom}\n          />\n        )}\n      </>\n    );\n    // The top level element needs the column span class on it.\n    const classes = layoutSpanStyles.layoutSpanColumn[columnSpan];\n\n    return (\n      <div\n        ref={mergeRefs(groupRef, breakpointRef)}\n        class={classes}\n        role={role}\n        {...groupProps}\n        {...focusRingProps}\n        {...testIdProps}>\n        {labelEdge === 'none' ? (\n          content\n        ) : (\n          <RichLabelValueLayout\n            parentComponentVariant={parentComponentVariant}\n            hasTopUserAssistance={hasTopUserAssistance}\n            hasSecondaryText={startData.hasSecondaryText}\n            hasMedia={startData.hasMedia}\n            label={\n              <Label\n                {...labelProps}\n                variant={labelEdge}\n                userAssistanceDensity=\"efficient\"\n                parentComponentVariant={parentComponentVariant}>\n                {label}\n              </Label>\n            }\n            labelEdge={labelEdge}\n            labelStartWidth={labelStartWidth}>\n            {content}\n          </RichLabelValueLayout>\n        )}\n        {isReadonly && (\n          <HiddenAccessible id={readonlyId} isHidden={true}>\n            {readonlyLabel}\n          </HiddenAccessible>\n        )}\n      </div>\n    );\n  }\n);\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport type { ComponentProps, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\n\nimport type { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { useFormFieldContextProps } from '#hooks/UNSAFE_useFormFieldContextProps';\nimport { RichSelectionField } from './RichSelectionField';\nimport { RichSelectionContext, type RichSelectionContextValue } from './RichSelectionContext';\nimport { useMessageSeverity } from '#hooks/PRIVATE_useMessageSeverity';\nimport { Size } from '#utils/UNSAFE_size';\n\ntype RichSelectionFieldProps = ComponentProps<typeof RichSelectionField>;\n\ntype Props = TestIdProps &\n  Pick<\n    RichSelectionFieldProps,\n    | 'aria-describedby'\n    | 'assistiveText'\n    | 'baseId'\n    | 'children'\n    | 'columnSpan'\n    | 'helpSourceLink'\n    | 'helpSourceText'\n    | 'isDisabled'\n    | 'isReadonly'\n    | 'isRequired'\n    | 'label'\n    | 'messages'\n    | 'userAssistanceDensity'\n  > & {\n    /**\n     * Specifies where the label is positioned relative to the field.\n     */\n    labelEdge?: 'none' | 'top' | 'inside' | 'start';\n    /**\n     * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>.\n     */\n    labelStartWidth?: Size;\n    /**\n     * Specifies the layout of the cards and media\n     */\n    layout: RichSelectionContextValue['layout'];\n  } & (\n    | {\n        selection: 'single';\n        value?: string | number;\n      }\n    | {\n        selection: 'multiple';\n        value?: Set<string | number>;\n      }\n  );\n\n/**\n * Internal component used by Rich Selection components to provide context and wrap RichSelectionField\n */\nexport const BaseRichSelection = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      baseId,\n      children,\n      columnSpan,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired,\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      layout,\n      messages,\n      selection,\n      testId,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value\n    }: Props,\n    ref: Ref<FocusableHandle> = null\n  ) => {\n    const hasValue = value != null && (selection === 'single' || value.size > 0);\n\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      labelStartWidth: formLabelStartWidth,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n\n    // default to FormContext values if component properties are not specified\n    const isDisabled = propIsDisabled ?? isFormDisabled;\n    const isReadonly = propIsReadonly ?? isFormReadonly;\n    const labelEdge = propLabelEdge ?? formLabelEdge;\n    const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n    const formFieldContext = useFormFieldContextProps({\n      hasValue,\n      isDisabled,\n      isReadonly\n    });\n\n    // rich selection only need to be aware of error severity\n    const messageSeverity = useMessageSeverity(messages) === 'error' ? 'error' : undefined;\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <RichSelectionContext.Provider\n          value={{\n            selection,\n            layout,\n            messageSeverity\n          }}>\n          <RichSelectionField\n            aria-describedby={ariaDescribedBy}\n            assistiveText={assistiveText}\n            baseId={baseId}\n            columnSpan={columnSpan}\n            hasValue={hasValue}\n            helpSourceLink={helpSourceLink}\n            helpSourceText={helpSourceText}\n            isDisabled={isDisabled}\n            isReadonly={isReadonly}\n            isRequired={isRequired}\n            label={label}\n            labelEdge={labelEdge}\n            labelStartWidth={labelStartWidth}\n            messages={messages}\n            parentComponentVariant={selection === 'single' ? 'richRadioSet' : 'richCheckboxSet'}\n            ref={ref}\n            role={selection === 'single' ? 'radiogroup' : 'group'}\n            testId={testId}\n            userAssistanceDensity={userAssistanceDensity}>\n            {children}\n          </RichSelectionField>\n        </RichSelectionContext.Provider>\n      </FormFieldContext.Provider>\n    );\n  }\n);\n"],"names":["sizes","columnMatrix","xl","md","sm","lg","xs","breakpointSizes","breakpointColumns","breakpoints","layout","size","RichLabelValueLayout","label","labelEdge","children","labelStartWidth","parentComponentVariant","hasTopUserAssistance","hasSecondaryText","hasMedia","baseTheme","radioTheme","useComponentTheme","RadioRedwoodTheme","checkboxTheme","CheckboxRedwoodTheme","labelTheme","LabelRedwoodTheme","formLayoutTheme","FormLayoutRedwoodTheme","richSelectionContext","useRichSelectionContext","isRichRadio","isRichCheckbox","isStart","isTop","isInside","width","sizeToCSS","valueWidth","labelStyles","flexBasis","maxWidth","valueStyles","isFormLayout","isReadonly","isFormReadonly","useFormContext","useFormFieldContext","isPureReadonly","labelStyleClasses","classNames","labelSlotStyles","base","start","top","topAndTopUA","topPureReadonly","labelInnerClasses","labelInnerStyles","richLabelInnerStyles","_jsx","StyledLabelValueLayout","flexAlign","RichSelectionField","forwardRef","ariaDescribedBy","assistiveText","baseId","columnSpan","hasValue","helpSourceLink","helpSourceText","isDisabled","isRequired","messages","role","testId","userAssistanceDensity","ref","testIdProps","useTestId","UAtestId","UAtestIdTop","undefined","UAtestIdBottom","hasBottomUserAssistance","groupRef","useRef","groupProps","labelProps","topUserAssistanceProps","bottomUserAssistanceProps","readonlyId","useCheckboxRadioField","startData","setStartData","useState","readonlyLabel","useTranslationBundle","formControl_readOnly","useImperativeHandle","focus","inputChildren","current","querySelectorAll","selectedChild","Array","from","find","child","checked","blur","contains","document","activeElement","isFocusRingShown","focusRingProps","useCollectionFocusRing","gridTemplateColumns","breakpointRef","context","breakpointMatches","useContainerBreakpoints","useRichSelectionGrid","memoizedChildren","useMemo","toChildArray","map","index","RichSelectionStartContext","Provider","value","isFirst","content","_jsxs","_Fragment","jsx","id","class","topUAContainerStyles","InlineUserAssistanceContainer","InlineHelp","sourceLink","sourceText","View","padding","Grid","gap","CheckboxRadioContext","InlineUserAssistance","requiredAlignment","classes","layoutSpanStyles","layoutSpanColumn","mergeRefs","Label","variant","HiddenAccessible","isHidden","BaseRichSelection","propIsDisabled","propIsReadonly","propLabelEdge","propLabelStartWidth","selection","propUserAssistanceDensity","isFormDisabled","formLabelEdge","formLabelStartWidth","formUserAssistanceDensity","formFieldContext","useFormFieldContextProps","messageSeverity","useMessageSeverity","FormFieldContext","RichSelectionContext"],"mappings":"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"}

package/amd/Button-cb88d20f.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './BaseButton-c86afd54', './ButtonLabelLayout-ce54dfdc', 'preact/compat'], (function(e,t,o,n,a){"use strict";const s=a.forwardRef((({variant:e="outlined",isDisabled:a=!1,isRepeat:s=!1,size:i="md",display:u="all",type:d="button",endIcon:c,startIcon:r,autofocus:l,edge:b,testId:p,onAction:y,label:f="","aria-label":B,"aria-describedby":h,width:m,onBlur:I,onFocus:L,onMouseEnter:T,onMouseLeave:v,onTouchEnd:x,onTouchStart:E},M)=>{const g=!r&&!c||"label"===u,j={type:"button",buttonType:d},w=g?f:t.jsx(n.ButtonLabelLayout,{display:u,startIcon:r,endIcon:c,size:i,children:f});return t.jsx(o.BaseButton,{ref:M,elementDetails:j,isDisabled:a,isRepeat:s,size:i,width:m,autofocus:l,edge:b,variant:e,styling:[g?"default":"min"],onAction:y,"aria-label":B??f,"aria-describedby":h,onBlur:I,onFocus:L,onMouseEnter:T,onMouseLeave:v,onTouchEnd:x,onTouchStart:E,testId:p,children:w})}));s.displayName="Button",e.Button=s}));
+//# sourceMappingURL=Button-cb88d20f.js.map

package/amd/Button-cb88d20f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button-cb88d20f.js","sources":["../../src/UNSAFE_Button/Button.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, ComponentProps, Ref } from 'preact';\nimport { BaseButton } from '../UNSAFE_BaseButton';\nimport { ButtonLabelLayout } from '../UNSAFE_ButtonLabelLayout';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { forwardRef } from 'preact/compat';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\n\ntype IntrinsicProps = Pick<\n  HTMLAttributesSignalExcluded<HTMLElement>,\n  | 'autofocus'\n  | 'onBlur'\n  | 'onFocus'\n  | 'onMouseEnter'\n  | 'onMouseLeave'\n  | 'onTouchEnd'\n  | 'onTouchStart'\n>;\n\ntype WidthProps = Pick<DimensionProps, 'width'>;\n\ntype Props = IntrinsicProps &\n  WidthProps &\n  TestIdProps & {\n    /**\n     * The startIcon is the button's start icon.\n     */\n    startIcon?: ComponentChildren;\n\n    /**\n     * The endIcon is the button's end icon.\n     */\n    endIcon?: ComponentChildren;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * Specifies if repeated events are dispatched for key or pointer held down\n     */\n    isRepeat?: boolean;\n\n    /**\n     * Specifes the button type\n     */\n    type?: 'button' | 'submit';\n\n    /**\n     * label - button label, used for accessibility if no override\n     */\n    label?: string;\n\n    /**\n     * aria-label - override label for accessibility\n     */\n    'aria-label'?: string;\n\n    /**\n     * Indicates in what states the button has chrome (background and border).\n     *     \"ghost\": \"Ghost buttons are the least prominent variation. Ghost buttons are\n     * useful for performing low-priority tasks, such as manipulating the UI.\",\n     *     \"borderless\"': \"Borderless buttons are a more prominent variation. Borderless\n     * buttons are useful for supplemental actions that require minimal emphasis.\",\n     *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n     * solid buttons. Outlined buttons are useful for secondary actions.\",\n     *     \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n     *  most important actions in the UI.\",\n     *     \"callToAction\"': \"A Call To Action (CTA) button guides the user to take or\n     * complete the action that is the main goal of the page or page section. There\n     * should only be one CTA button on a page at any given time.\",\n     *     \"danger\"': \"A Danger button alerts the user to a dangerous situation.\"\n     */\n    variant?: ComponentProps<typeof BaseButton>['variant'];\n\n    /**\n     * The size indicates how large the button is rendered.\n     */\n    size?: 'xs' | 'sm' | 'md' | 'lg';\n\n    /**\n     * Edge can be used to specify that the button is intended to go at the bottom of\n     * a region, stretching from left to right.\n     */\n    edge?: ComponentProps<typeof BaseButton>['edge'];\n\n    /**\n     * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n     */\n    onAction?: () => void | null;\n\n    /**\n     * Display indicates whether only the label or all elements should be rendered by the button.\n     */\n    display?: 'label' | 'all';\n\n    /**\n     * The ID of an element (or space separated IDs of multiple elements) that\n     * describes the button.\n     */\n    'aria-describedby'?: string;\n  };\n/**\n * A button is a pressable element that invokes an action.\n */\nexport const Button = forwardRef(\n  (\n    {\n      variant = 'outlined',\n      isDisabled = false,\n      isRepeat = false,\n      size = 'md',\n      display = 'all',\n      type: buttonType = 'button',\n      endIcon,\n      startIcon,\n      autofocus,\n      edge,\n      testId,\n      onAction,\n      label = '',\n      'aria-label': accessibleLabel,\n      'aria-describedby': ariaDescribedBy,\n      width,\n      onBlur,\n      onFocus,\n      onMouseEnter,\n      onMouseLeave,\n      onTouchEnd,\n      onTouchStart\n    }: Props,\n    ref?: Ref<HTMLButtonElement>\n  ) => {\n    const labelOnly = (!startIcon && !endIcon) || display === 'label';\n    const elementDetails = {\n      type: 'button' as const,\n      buttonType: buttonType\n    };\n    const content = labelOnly ? (\n      label\n    ) : (\n      <ButtonLabelLayout display={display} startIcon={startIcon} endIcon={endIcon} size={size}>\n        {label}\n      </ButtonLabelLayout>\n    );\n\n    return (\n      <BaseButton\n        ref={ref as Ref<HTMLButtonElement> & Ref<HTMLAnchorElement> & Ref<HTMLSpanElement>}\n        elementDetails={elementDetails}\n        isDisabled={isDisabled}\n        isRepeat={isRepeat}\n        size={size}\n        width={width}\n        autofocus={autofocus}\n        edge={edge}\n        variant={variant}\n        styling={[labelOnly ? 'default' : 'min']}\n        onAction={onAction}\n        aria-label={accessibleLabel ?? label}\n        aria-describedby={ariaDescribedBy}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        onTouchEnd={onTouchEnd}\n        onTouchStart={onTouchStart}\n        testId={testId}>\n        {content}\n      </BaseButton>\n    );\n  }\n);\n\nButton.displayName = 'Button';\n"],"names":["Button","forwardRef","variant","isDisabled","isRepeat","size","display","type","buttonType","endIcon","startIcon","autofocus","edge","testId","onAction","label","accessibleLabel","ariaDescribedBy","width","onBlur","onFocus","onMouseEnter","onMouseLeave","onTouchEnd","onTouchStart","ref","labelOnly","elementDetails","content","_jsx","jsx","ButtonLabelLayout","children","BaseButton","styling","displayName"],"mappings":"iJAiHO,MAAMA,EAASC,EAAUA,YAC9B,EAEIC,UAAU,WACVC,cAAa,EACbC,YAAW,EACXC,OAAO,KACPC,UAAU,MACVC,KAAMC,EAAa,SACnBC,UACAC,YACAC,YACAC,OACAC,SACAC,WACAC,QAAQ,GACR,aAAcC,EACd,mBAAoBC,EACpBC,QACAC,SACAC,UACAC,eACAC,eACAC,aACAC,gBAEFC,KAEA,MAAMC,GAAchB,IAAcD,GAAwB,UAAZH,EACxCqB,EAAiB,CACrBpB,KAAM,SACNC,WAAYA,GAERoB,EAAUF,IAGdG,EAAAC,IAACC,oBAAkB,CAAAzB,QAASA,EAASI,UAAWA,EAAWD,QAASA,EAASJ,KAAMA,EAAI2B,SACpFjB,IAIL,OACEc,MAACI,EAAAA,WAAU,CACTR,IAAKA,EACLE,eAAgBA,EAChBxB,WAAYA,EACZC,SAAUA,EACVC,KAAMA,EACNa,MAAOA,EACPP,UAAWA,EACXC,KAAMA,EACNV,QAASA,EACTgC,QAAS,CAACR,EAAY,UAAY,OAClCZ,SAAUA,EACE,aAAAE,GAAmBD,EAAK,mBAClBE,EAClBE,OAAQA,EACRC,QAASA,EACTC,aAAcA,EACdC,aAAcA,EACdC,WAAYA,EACZC,aAAcA,EACdX,OAAQA,EACPmB,SAAAJ,GAEH,IAIN5B,EAAOmC,YAAc"}

package/amd/ButtonSetButton-819e99a8.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './BaseButton-c86afd54', './mergeProps-bcfa6a92', './useButtonSetContext-dffdaea3', './ToggleButtonLabel-2f0e4f18', './toggleButtonUtils-0ebe4c56', './buttonUtils-97878e90'], (function(t,e,o,s,a,n,l,i,u){"use strict";const r=o.forwardRef((({startIcon:t,endIcon:o,isSelected:r=!1,onToggle:d,position:c,autofocus:p,testId:b,label:g,value:B,"aria-label":f,"aria-describedby":y,width:S,...m},x)=>{const I=n.useButtonSetContext(),{inputProps:P,buttonSetButtonProps:h,globalEventProps:v,isDisabled:w}=u.processSetButtonProps(m,I),j={...P,display:I.display??m.display??"all"},D=i.toggleStyling(h.layoutWidth,r,!1,!0,"outlined"===h.variant,c,!0,!1);return e.jsx(s.BaseButton,{...a.mergeProps(v,h),ref:x,onAction:()=>{d?.({value:r})},elementDetails:{type:"span",isFocusable:!1,isLabel:!0},width:I.width?"100%":S,autofocus:p,styling:D,"aria-describedby":y,testId:b,children:e.jsx(l.ToggleButtonLabel,{label:g,isSelected:r,isDisabled:w,startIcon:t,endIcon:o,value:B,...j})})}));r.displayName="ButtonSetButton",t.ButtonSetButton=r}));
+//# sourceMappingURL=ButtonSetButton-819e99a8.js.map

package/amd/ButtonSetButton-819e99a8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonSetButton-819e99a8.js","sources":["../../src/UNSAFE_ButtonSetButton/ButtonSetButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\n\nimport { BaseButton } from '#UNSAFE_BaseButton';\nimport { ToggleDetail } from '#hooks/UNSAFE_useToggleAction';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport type { DimensionProps } from '#utils/UNSAFE_interpolations/dimensions';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { useButtonSetContext } from '#hooks/UNSAFE_useButtonSetContext';\nimport { ToggleButtonLabel } from '../UNSAFE_ToggleButtonLabel';\nimport {\n  toggleStyling,\n  processSetButtonProps,\n  LayoutWidths,\n  ButtonSetPosition,\n  type InputTypes,\n  type ButtonIntrinsicProps\n} from '#utils/UNSAFE_buttonUtils';\n\ntype WidthProps = Pick<DimensionProps, 'width'>;\n\nexport type ButtonSetButtonProps = ButtonIntrinsicProps &\n  WidthProps &\n  TestIdProps & {\n    /**\n     * The startIcon is the button's start icon. This should not vary depending on state.\n     */\n    startIcon?: ComponentChildren;\n\n    /**\n     * The endIcon is the button's end icon. This should not vary depending on state.\n     */\n    endIcon?: ComponentChildren;\n\n    /**\n     * Input type indicate if the toggle is intended as a radio or checkbox.\n     */\n    inputType?: InputTypes;\n\n    /**\n     * The name of the input group\n     */\n    inputName?: string;\n\n    /**\n     * Specifies that the buttonsetbutton element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * label - buttonsetbutton label, used for accessibility if no override\n     */\n    label?: string;\n\n    /**\n     * value - buttonsetbutton value\n     */\n    value?: string;\n\n    /**\n     * aria-label - override label for accessibility\n     */\n    'aria-label'?: string;\n\n    /**\n     * Indicates in what states the buttonsetbutton has chrome (background and border).\n     *     \"borderless\"': \"Borderless buttonsetbuttons are a more prominent variation. Borderless\n     * buttonsetbuttons are useful for supplemental actions that require minimal emphasis.\",\n     *     \"outlined\"': \"Outlined buttonsetbuttons are salient, but lighter weight than\n     * solid buttonsetbuttons. Outlined buttonsetbuttons are useful for secondary actions.\",\n     */\n    variant?: 'outlined' | 'borderless';\n\n    /**\n     * The size indicates how large the buttonsetbutton is rendered.\n     */\n    size?: 'sm' | 'md' | 'lg';\n\n    /**\n     * Specifies if the toggle button is selected\n     */\n    isSelected?: boolean;\n\n    /**\n     * The position modifies the borders for usage inside a button group.\n     */\n    position?: ButtonSetPosition;\n\n    /**\n     * Property that triggers a callback immediately when toggle happens and value of isSelected property should be updated\n     */\n    onToggle?: (details: ToggleDetail) => void;\n\n    /**\n     * Display indicates whether only the label or all elements should be rendered by the buttonsetbutton.\n     */\n    display?: 'label' | 'all';\n\n    /**\n     * The ID of an element (or space separated IDs of multiple elements) that\n     * describes the buttonsetbutton.\n     */\n    'aria-describedby'?: string;\n\n    /**\n     * The layoutWidth specifies if the toggle button width fits the contents or\n     * the container.\n     */\n    layoutWidth?: LayoutWidths;\n  };\n\n/**\n * Toggle buttons allow users to switch between states when pressed.\n */\nexport const ButtonSetButton = forwardRef(\n  (\n    {\n      startIcon,\n      endIcon,\n      isSelected = false,\n      onToggle,\n      position,\n      autofocus,\n      testId,\n      label,\n      value,\n      'aria-label': accessibleLabel,\n      'aria-describedby': ariaDescribedBy,\n      width,\n      ...props\n    }: ButtonSetButtonProps,\n    ref?: Ref<HTMLButtonElement>\n  ) => {\n    const buttonSetProps = useButtonSetContext();\n    const {\n      inputProps: baseInputProps,\n      buttonSetButtonProps,\n      globalEventProps,\n      isDisabled\n    } = processSetButtonProps(props, buttonSetProps);\n    const inputProps = {\n      ...baseInputProps,\n      display: buttonSetProps.display ?? props.display ?? 'all'\n    };\n\n    const styling = toggleStyling(\n      buttonSetButtonProps.layoutWidth,\n      isSelected,\n      false, // switch\n      true, // label\n      buttonSetButtonProps.variant === 'outlined',\n      position,\n      true, // hasLabel\n      false // iconOnly\n    );\n\n    return (\n      <BaseButton\n        {...mergeProps(globalEventProps, buttonSetButtonProps)}\n        ref={ref as Ref<HTMLButtonElement> & Ref<HTMLAnchorElement> & Ref<HTMLSpanElement>}\n        onAction={() => {\n          onToggle?.({ value: isSelected });\n        }}\n        elementDetails={{ type: 'span', isFocusable: false, isLabel: true }}\n        width={buttonSetProps.width ? '100%' : width}\n        autofocus={autofocus}\n        styling={styling}\n        aria-describedby={ariaDescribedBy}\n        testId={testId}>\n        <ToggleButtonLabel\n          label={label}\n          isSelected={isSelected}\n          isDisabled={isDisabled}\n          startIcon={startIcon}\n          endIcon={endIcon}\n          value={value}\n          {...inputProps}></ToggleButtonLabel>\n      </BaseButton>\n    );\n  }\n);\n\nButtonSetButton.displayName = 'ButtonSetButton';\n"],"names":["ButtonSetButton","forwardRef","startIcon","endIcon","isSelected","onToggle","position","autofocus","testId","label","value","accessibleLabel","ariaDescribedBy","width","props","ref","buttonSetProps","useButtonSetContext","inputProps","baseInputProps","buttonSetButtonProps","globalEventProps","isDisabled","processSetButtonProps","display","styling","toggleStyling","layoutWidth","variant","_jsx","BaseButton","mergeProps","onAction","elementDetails","type","isFocusable","isLabel","children","ToggleButtonLabel","displayName"],"mappings":"gRAyHaA,EAAkBC,EAAAA,YAC7B,EAEIC,YACAC,UACAC,cAAa,EACbC,WACAC,WACAC,YACAC,SACAC,QACAC,QACA,aAAcC,EACd,mBAAoBC,EACpBC,WACGC,GAELC,KAEA,MAAMC,EAAiBC,EAAAA,uBAErBC,WAAYC,EAAcC,qBAC1BA,EAAoBC,iBACpBA,EAAgBC,WAChBA,GACEC,EAAqBA,sBAACT,EAAOE,GAC3BE,EAAa,IACdC,EACHK,QAASR,EAAeQ,SAAWV,EAAMU,SAAW,OAGhDC,EAAUC,EAAaA,cAC3BN,EAAqBO,YACrBvB,GACA,GACA,EACiC,aAAjCgB,EAAqBQ,QACrBtB,GACA,GACA,GAGF,OACEuB,MAACC,EAAAA,eACKC,aAAWV,EAAkBD,GACjCL,IAAKA,EACLiB,SAAU,KACR3B,IAAW,CAAEK,MAAON,GAAa,EAEnC6B,eAAgB,CAAEC,KAAM,OAAQC,aAAa,EAAOC,SAAS,GAC7DvB,MAAOG,EAAeH,MAAQ,OAASA,EACvCN,UAAWA,EACXkB,QAASA,EACS,mBAAAb,EAClBJ,OAAQA,EAAM6B,SACdR,MAACS,oBAAiB,CAChB7B,MAAOA,EACPL,WAAYA,EACZkB,WAAYA,EACZpB,UAAWA,EACXC,QAASA,EACTO,MAAOA,KACHQ,KAER,IAINlB,EAAgBuC,YAAc"}

package/amd/ButtonSetIconButton-9f171b1e.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', 'preact/hooks', './BaseButton-c86afd54', './useTooltip-7b915f4c', './mergeProps-bcfa6a92', './logger-0f873e29', './LayerHost-733ade2f', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-30886397', './useButtonSetContext-dffdaea3', './ToggleButtonLabel-2f0e4f18', './toggleButtonUtils-0ebe4c56', './buttonUtils-97878e90'], (function(t,e,o,s,n,i,l,a,r,u,c,d,p,b,g,B,f,h){"use strict";const y=s.forwardRef((({children:t,tooltip:s,value:r,accessibleLabel:u,isSelected:c=!1,onToggle:d,position:p,testId:b,width:y,"aria-describedby":S,...m},T)=>{const x=g.useButtonSetContext(),{inputProps:v,buttonSetButtonProps:w,isDisabled:C}=h.processSetButtonProps(m,x),I=n.useRef(null);n.useImperativeHandle(T,(()=>I.current),[I]);const{tooltipContent:P,tooltipProps:L}=l.useTooltip({text:s??u,isDisabled:C}),U=f.toggleStyling(w.layoutWidth,c,!1,!0,"outlined"===w.variant,p,void 0,!0),j={"aria-describedby":S};return e.jsxs(o.Fragment,{children:[e.jsx(i.BaseButton,{...a.mergeProps(w,j,L),elementDetails:{type:"span",isFocusable:!1,isLabel:!0},onAction:()=>d?.({value:c}),styling:U,width:x.width?"100%":y,ref:I,testId:b,children:e.jsx(B.ToggleButtonLabel,{label:u??s,display:"icons",isSelected:c,...v,value:r,startIcon:t})}),P]})}));y.displayName="ButtonSetIconButton",t.ButtonSetIconButton=y}));
+//# sourceMappingURL=ButtonSetIconButton-9f171b1e.js.map

package/amd/ButtonSetIconButton-9f171b1e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonSetIconButton-9f171b1e.js","sources":["../../src/UNSAFE_ButtonSetIconButton/ButtonSetIconButton.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 { ComponentChild, Fragment } from 'preact';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { useRef, useImperativeHandle } from 'preact/hooks';\n\nimport { BaseButton } from '#UNSAFE_BaseButton';\nimport { ToggleDetail } from '#hooks/UNSAFE_useToggleAction';\nimport { useTooltip } from '#hooks/UNSAFE_useTooltip';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport type { DimensionProps } from '#utils/UNSAFE_interpolations/dimensions';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { useButtonSetContext } from '#hooks/UNSAFE_useButtonSetContext';\nimport { ToggleButtonLabel } from '#UNSAFE_ToggleButtonLabel';\nimport {\n  toggleStyling,\n  processSetButtonProps,\n  ButtonSetPosition,\n  LayoutWidths,\n  type InputTypes\n} from '#utils/UNSAFE_buttonUtils';\n\ntype WidthInterpolationProps = Pick<DimensionProps, 'width'>;\n\nexport type ButtonSetIconButtonProps = WidthInterpolationProps &\n  TestIdProps & {\n    /**\n     * icon - the icon for the button\n     */\n    children?: ComponentChild;\n\n    /**\n     * InpuType indicate if the toggle is a radio or checkbox,\n     */\n    inputType?: InputTypes;\n\n    /**\n     * The name of the input group\n     */\n    inputName?: string;\n\n    /**\n     * The value of the input\n     */\n    value?: string;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * The ID of an element (or space separated IDs of multiple elements) that\n     * describes the button.\n     */\n    'aria-describedby'?: string;\n\n    /**\n     * Specifies if the toggle button is selected\n     */\n    isSelected?: boolean;\n\n    /**\n     * Property that triggers a callback immediately when toggle happens and value of isSelected property should be updated\n     */\n    onToggle?: (details: ToggleDetail) => void;\n\n    /**\n     * Indicates in what states the button has chrome (background and border).\n     *     \"ghost\": \"Ghost buttons are the least prominent variant. Ghost buttons are\n     * useful for performing low-priority tasks, such as manipulating the UI.\",\n     *     \"borderless\"': \"Borderless buttons are a more prominent variation. Borderless\n     * buttons are useful for supplemental actions that require minimal emphasis.\",\n     *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n     * solid buttons. Outlined buttons are useful for secondary actions.\",\n     */\n    variant?: 'ghost' | 'borderless' | 'outlined';\n\n    /**\n     * The size indicates how large the button is rendered: \"sm\", \"md\" (default), \"lg\".\n     */\n    size?: 'sm' | 'md' | 'lg';\n\n    /**\n     * The position modifies the borders for usage inside a button group.\n     */\n    position?: ButtonSetPosition;\n\n    /**\n     * The layoutWidth specifies if the toggle button width fits the contents or\n     * the container.\n     */\n    layoutWidth?: LayoutWidths;\n  };\n\n/**\n * Note that either an accessibleLabel or tooltip must be specified.\n */\ntype VariationAccessibleLabelProps =\n  | {\n      /**\n       * accessibleLabel - the aria label\n       */\n      accessibleLabel: string;\n\n      /**\n       * tooltip - overrides the accessibleLabel for the tooltip\n       */\n      tooltip?: string;\n    }\n  | {\n      accessibleLabel?: string;\n\n      tooltip: string;\n    };\n\n/**\n * A ButtonSetIconButton is an icon button that allows users to switch\n * between states when pressed.\n */\nexport const ButtonSetIconButton = forwardRef(\n  (\n    {\n      children,\n      tooltip,\n      value,\n      accessibleLabel,\n      isSelected = false,\n      onToggle,\n      position,\n      testId,\n      width,\n      'aria-describedby': ariaDescribedBy,\n      ...props\n    }: ButtonSetIconButtonProps & VariationAccessibleLabelProps & TestIdProps,\n    ref?: ForwardedRef<HTMLButtonElement>\n  ) => {\n    const buttonSetProps = useButtonSetContext();\n    const { inputProps, buttonSetButtonProps, isDisabled } = processSetButtonProps(\n      props,\n      buttonSetProps\n    );\n\n    const buttonRef = useRef<HTMLButtonElement>(null);\n    useImperativeHandle(ref!, () => buttonRef.current!, [buttonRef]);\n\n    const { tooltipContent, tooltipProps } = useTooltip({\n      text: tooltip ?? accessibleLabel,\n      isDisabled: isDisabled\n    });\n\n    const styling = toggleStyling(\n      buttonSetButtonProps.layoutWidth,\n      isSelected,\n      false,\n      true,\n      buttonSetButtonProps.variant === 'outlined',\n      position,\n      undefined,\n      true\n    );\n\n    const ariaProps = { 'aria-describedby': ariaDescribedBy };\n\n    return (\n      <Fragment>\n        <BaseButton\n          {...mergeProps(buttonSetButtonProps, ariaProps, tooltipProps)}\n          elementDetails={{ type: 'span', isFocusable: false, isLabel: true }}\n          onAction={() => onToggle?.({ value: isSelected })}\n          styling={styling}\n          width={buttonSetProps.width ? '100%' : width}\n          ref={buttonRef}\n          testId={testId}>\n          <ToggleButtonLabel\n            label={accessibleLabel ?? tooltip}\n            display={'icons'}\n            isSelected={isSelected}\n            {...inputProps}\n            value={value}\n            startIcon={children}></ToggleButtonLabel>\n        </BaseButton>\n        {tooltipContent}\n      </Fragment>\n    );\n  }\n);\n\nButtonSetIconButton.displayName = 'ButtonSetIconButton';\n"],"names":["ButtonSetIconButton","forwardRef","children","tooltip","value","accessibleLabel","isSelected","onToggle","position","testId","width","ariaDescribedBy","props","ref","buttonSetProps","useButtonSetContext","inputProps","buttonSetButtonProps","isDisabled","processSetButtonProps","buttonRef","useRef","useImperativeHandle","current","tooltipContent","tooltipProps","useTooltip","text","styling","toggleStyling","layoutWidth","variant","undefined","ariaProps","_jsxs","Fragment","_jsx","BaseButton","mergeProps","elementDetails","type","isFocusable","isLabel","onAction","jsx","ToggleButtonLabel","label","display","startIcon","displayName"],"mappings":"ykBA6Ha,MAAAA,EAAsBC,EAAUA,YAC3C,EAEIC,WACAC,UACAC,QACAC,kBACAC,cAAa,EACbC,WACAC,WACAC,SACAC,QACA,mBAAoBC,KACjBC,GAELC,KAEA,MAAMC,EAAiBC,EAAAA,uBACjBC,WAAEA,EAAUC,qBAAEA,EAAoBC,WAAEA,GAAeC,wBACvDP,EACAE,GAGIM,EAAYC,SAA0B,MAC5CC,EAAmBA,oBAACT,GAAM,IAAMO,EAAUG,SAAU,CAACH,IAErD,MAAMI,eAAEA,EAAcC,aAAEA,GAAiBC,aAAW,CAClDC,KAAMxB,GAAWE,EACjBa,WAAYA,IAGRU,EAAUC,EAAaA,cAC3BZ,EAAqBa,YACrBxB,GACA,GACA,EACiC,aAAjCW,EAAqBc,QACrBvB,OACAwB,GACA,GAGIC,EAAY,CAAE,mBAAoBtB,GAExC,OACEuB,OAACC,EAAQA,SAAA,CAAAjC,SAAA,CACPkC,EAAAA,IAACC,EAAAA,WAAU,IACLC,EAAUA,WAACrB,EAAsBgB,EAAWR,GAChDc,eAAgB,CAAEC,KAAM,OAAQC,aAAa,EAAOC,SAAS,GAC7DC,SAAU,IAAMpC,IAAW,CAAEH,MAAOE,IACpCsB,QAASA,EACTlB,MAAOI,EAAeJ,MAAQ,OAASA,EACvCG,IAAKO,EACLX,OAAQA,WACR2B,EAACQ,IAAAC,EAAiBA,kBAChB,CAAAC,MAAOzC,GAAmBF,EAC1B4C,QAAS,QACTzC,WAAYA,KACRU,EACJZ,MAAOA,EACP4C,UAAW9C,MAEdsB,IAEH,IAINxB,EAAoBiD,YAAc"}

package/amd/ButtonSetItem-8a51cd2a.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './ButtonSetButton-819e99a8', './ButtonSetIconButton-9f171b1e', 'preact/hooks', './useButtonSetContext-dffdaea3', './ButtonSetPositionContext-fd98cc11', './useButtonSetPositionContext-b8534679', './toggleButtonUtils-0ebe4c56'], (function(t,e,o,n,u,s,i,l,a){"use strict";const c=({isDisabled:t,...i})=>{const{display:c,inputType:d,isDisabled:S,buttonSetValue:r,onCommit:v,...b}=s.useButtonSetContext(),p=l.useButtonSetPositionContext(),x=t??S,f={tooltip:i.label,value:i.value},g="radio"===d,C=u.useCallback((()=>{g&&v?.({previousValue:r,value:[i.value]})}),[r,v,g,i.value]),m=u.useCallback((()=>{if(!g){const t=a.toggleButtonSetItem(i.value,r);v?.({previousValue:r,value:t})}}),[r,v,g,i.value]);return"icons"===c?e.jsx(n.ButtonSetIconButton,{isSelected:B(i.value,r),onToggle:g?C:m,isDisabled:x,...f,...p,...b,children:i.startIcon}):e.jsx(o.ButtonSetButton,{isSelected:B(i.value,r),onToggle:g?C:m,isDisabled:x,...i,...p,...b})};function B(t,e){return!!e&&e?.indexOf(t)>-1}c.displayName="ButtonSetItem",t.ButtonSetItem=c}));
+//# sourceMappingURL=ButtonSetItem-8a51cd2a.js.map

package/amd/ButtonSetItem-8a51cd2a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonSetItem-8a51cd2a.js","sources":["../../src/UNSAFE_ButtonSetItem/ButtonSetItem.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\n\nimport { ButtonSetButton } from '../UNSAFE_ButtonSetButton';\nimport { ButtonSetIconButton } from '../UNSAFE_ButtonSetIconButton';\nimport { useCallback } from 'preact/hooks';\n\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useButtonSetContext } from '../hooks/UNSAFE_useButtonSetContext';\nimport { useButtonSetPositionContext } from '../hooks/UNSAFE_useButtonSetPositionContext';\nimport { toggleButtonSetItem } from '#utils/UNSAFE_buttonUtils';\n\nexport type ButtonSetItemProps = TestIdProps & {\n  /**\n   * Value of the selected buttonSetItem option.\n   */\n  value: string;\n\n  /**\n   * label - label\n   */\n  label?: string;\n\n  /**\n   * The startIcon is the button's start icon.\n   */\n  startIcon?: ComponentChildren;\n\n  /**\n   * The endIcon is the button's end icon.\n   */\n  endIcon?: ComponentChildren;\n\n  /**\n   * Specifies that the ButtonSetSingle element should be disabled.\n   */\n  isDisabled?: boolean;\n};\n\n/**\n * A ButtonSetItem specifies buttons for a buttonset.\n */\nexport const ButtonSetItem = ({ isDisabled: isPropsDisabled, ...props }: ButtonSetItemProps) => {\n  // The buttonSetItem context determines if a buttonset button or icon button rendered\n  // The buttonset context control provides variant, size, isItemDisabled, inputType, inputName. value\n  // The buttonset position control provides position, isSelected,\n  const {\n    display,\n    inputType,\n    isDisabled: isSetDisabled,\n    buttonSetValue,\n    onCommit,\n    ...buttonsetProps\n  } = useButtonSetContext();\n\n  const positionProps = useButtonSetPositionContext();\n  // The property isItemDisabled, if defined, overrides buttonSetItem settings.\n  const isItemDisabled = isPropsDisabled ?? isSetDisabled;\n  const iconProps = {\n    tooltip: props.label,\n    value: props.value\n  };\n\n  const isRadio = inputType === 'radio';\n\n  const onToggleHandlerSingle = useCallback(() => {\n    if (isRadio) {\n      onCommit?.({\n        previousValue: buttonSetValue,\n        value: [props.value]\n      });\n    }\n  }, [buttonSetValue, onCommit, isRadio, props.value]);\n\n  const onToggleHandlerMultiple = useCallback(() => {\n    if (!isRadio) {\n      const newButtonSetValue = toggleButtonSetItem(props.value, buttonSetValue);\n      onCommit?.({\n        previousValue: buttonSetValue,\n        value: newButtonSetValue\n      });\n    }\n  }, [buttonSetValue, onCommit, isRadio, props.value]);\n\n  // When toggled, the button invokes the buttonset commit, which can update the buttonset value, which then\n  // updates the buttonset context buttonSetValue causing this buttonSetItem to render appropriately.\n  return display === 'icons' ? (\n    <ButtonSetIconButton\n      isSelected={isButtonSetItemSelected(props.value, buttonSetValue)}\n      onToggle={isRadio ? onToggleHandlerSingle : onToggleHandlerMultiple}\n      isDisabled={isItemDisabled}\n      {...iconProps}\n      {...positionProps}\n      {...buttonsetProps}>\n      {props.startIcon}\n    </ButtonSetIconButton>\n  ) : (\n    <ButtonSetButton\n      isSelected={isButtonSetItemSelected(props.value, buttonSetValue)}\n      onToggle={isRadio ? onToggleHandlerSingle : onToggleHandlerMultiple}\n      isDisabled={isItemDisabled}\n      {...props}\n      {...positionProps}\n      {...buttonsetProps}></ButtonSetButton>\n  );\n};\n\n/**\n * Check if buttonSetValue contains the buttonSetItem.\n * Note the buttonSetValue can be a set of strings or a string, depending on whether a checkbox or\n * radio type is used.\n * @param buttonSetItemValue\n * @param buttonSetValue\n * @returns\n */\nfunction isButtonSetItemSelected(\n  buttonSetItemValue: string,\n  buttonSetValue: Array<string> | undefined\n): boolean {\n  if (!buttonSetValue) {\n    return false;\n  }\n  return buttonSetValue?.indexOf(buttonSetItemValue) > -1;\n}\n\nButtonSetItem.displayName = 'ButtonSetItem';\n"],"names":["ButtonSetItem","isDisabled","isPropsDisabled","props","display","inputType","isSetDisabled","buttonSetValue","onCommit","buttonsetProps","useButtonSetContext","positionProps","useButtonSetPositionContext","isItemDisabled","iconProps","tooltip","label","value","isRadio","onToggleHandlerSingle","useCallback","previousValue","onToggleHandlerMultiple","newButtonSetValue","toggleButtonSetItem","_jsx","ButtonSetIconButton","isSelected","isButtonSetItemSelected","onToggle","children","startIcon","ButtonSetButton","buttonSetItemValue","indexOf","displayName"],"mappings":"8SAgDa,MAAAA,EAAgB,EAAGC,WAAYC,KAAoBC,MAI9D,MAAMC,QACJA,EAAOC,UACPA,EACAJ,WAAYK,EAAaC,eACzBA,EAAcC,SACdA,KACGC,GACDC,EAAAA,sBAEEC,EAAgBC,EAAAA,8BAEhBC,EAAiBX,GAAmBI,EACpCQ,EAAY,CAChBC,QAASZ,EAAMa,MACfC,MAAOd,EAAMc,OAGTC,EAAwB,UAAdb,EAEVc,EAAwBC,EAAAA,aAAY,KACpCF,GACFV,IAAW,CACTa,cAAed,EACfU,MAAO,CAACd,EAAMc,QAEjB,GACA,CAACV,EAAgBC,EAAUU,EAASf,EAAMc,QAEvCK,EAA0BF,EAAAA,aAAY,KAC1C,IAAKF,EAAS,CACZ,MAAMK,EAAoBC,EAAmBA,oBAACrB,EAAMc,MAAOV,GAC3DC,IAAW,CACTa,cAAed,EACfU,MAAOM,GAEV,IACA,CAAChB,EAAgBC,EAAUU,EAASf,EAAMc,QAI7C,MAAmB,UAAZb,EACLqB,EAAAA,IAACC,EAAmBA,qBAClBC,WAAYC,EAAwBzB,EAAMc,MAAOV,GACjDsB,SAAUX,EAAUC,EAAwBG,EAC5CrB,WAAYY,KACRC,KACAH,KACAF,EACHqB,SAAA3B,EAAM4B,YAGTN,MAACO,kBAAe,CACdL,WAAYC,EAAwBzB,EAAMc,MAAOV,GACjDsB,SAAUX,EAAUC,EAAwBG,EAC5CrB,WAAYY,KACRV,KACAQ,KACAF,GACP,EAWH,SAASmB,EACPK,EACA1B,GAEA,QAAKA,GAGEA,GAAgB2B,QAAQD,IAAuB,CACxD,CAEAjC,EAAcmC,YAAc"}

package/amd/CardFlexView-f7fdfac8.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './useResizeObserver-275c3e83', './BaseCardView-a1c5a21d'], (function(e,t,i,r,a){"use strict";e.CardFlexView=function(e){const c=i.useRef(null),[s,d]=i.useState({}),n=i.useCallback((e=>{const t=e.contentRect.width;s.containerWidth!==t&&d((e=>({...e,containerWidth:t})))}),[s]);r.useResizeObserver(c,n);const o=a.gutterSizeToPX[e.gutterSize||"sm"],u=a.getColCount(o,s.cardWidth,s.containerWidth),h={width:s.cardWidth,height:s.cardHeight};return t.jsx(a.BaseCardView,{...e,ref:c,layout:"flex",columns:u,cardSize:h,updateCardSize:(e,t)=>{d((i=>({...i,cardWidth:e,cardHeight:t})))}})}}));
+//# sourceMappingURL=CardFlexView-f7fdfac8.js.map

package/amd/CardFlexView-f7fdfac8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardFlexView-f7fdfac8.js","sources":["../../src/UNSAFE_CardFlexView/CardFlexView.tsx"],"sourcesContent":["import { useCallback, useRef, useState } from 'preact/hooks';\nimport { useResizeObserver } from '../hooks/UNSAFE_useResizeObserver';\nimport { BaseCardView, gutterSizeToPX, getColCount } from '../PRIVATE_BaseCardView';\nimport { BaseCardViewPublicProps as Props } from './BaseCardView.types';\n\ntype CardFlexViewProps<K extends string | number, D> = Props<K, D>;\ntype SizeInfo = {\n  cardWidth?: number;\n  cardHeight?: number;\n  containerWidth?: number;\n};\n\nexport function CardFlexView<K extends string | number, D>(props: CardFlexViewProps<K, D>) {\n  const rootRef = useRef<HTMLDivElement>(null);\n\n  const [size, setSize] = useState<SizeInfo>({});\n  const updateCardSize = (cardWidth: number, cardHeight: number) => {\n    setSize((size) => ({ ...size, cardWidth, cardHeight }));\n  };\n\n  const handleResize = useCallback(\n    (entry: ResizeObserverEntry) => {\n      const containerWidth = entry.contentRect.width;\n      if (size.containerWidth !== containerWidth) {\n        setSize((size) => ({ ...size, containerWidth }));\n      }\n    },\n    [size]\n  );\n  useResizeObserver(rootRef, handleResize);\n\n  const gutterSizePX = gutterSizeToPX[props.gutterSize || 'sm'];\n  const columns = getColCount(gutterSizePX, size.cardWidth, size.containerWidth);\n  const cardSize = { width: size.cardWidth, height: size.cardHeight };\n\n  return (\n    <BaseCardView\n      {...props}\n      ref={rootRef}\n      layout=\"flex\"\n      columns={columns}\n      cardSize={cardSize}\n      updateCardSize={updateCardSize}\n    />\n  );\n}\n"],"names":["props","rootRef","useRef","size","setSize","useState","handleResize","useCallback","entry","containerWidth","contentRect","width","useResizeObserver","gutterSizePX","gutterSizeToPX","gutterSize","columns","getColCount","cardWidth","cardSize","height","cardHeight","_jsx","BaseCardView","ref","layout","updateCardSize"],"mappings":"iKAYM,SAAqDA,GACzD,MAAMC,EAAUC,SAAuB,OAEhCC,EAAMC,GAAWC,EAAQA,SAAW,CAAE,GAKvCC,EAAeC,eAClBC,IACC,MAAMC,EAAiBD,EAAME,YAAYC,MACrCR,EAAKM,iBAAmBA,GAC1BL,GAASD,IAAU,IAAKA,EAAMM,oBAC/B,GAEH,CAACN,IAEHS,oBAAkBX,EAASK,GAE3B,MAAMO,EAAeC,EAAcA,eAACd,EAAMe,YAAc,MAClDC,EAAUC,EAAAA,YAAYJ,EAAcV,EAAKe,UAAWf,EAAKM,gBACzDU,EAAW,CAAER,MAAOR,EAAKe,UAAWE,OAAQjB,EAAKkB,YAEvD,OACEC,EAAAA,IAACC,EAAAA,aACK,IAAAvB,EACJwB,IAAKvB,EACLwB,OAAO,OACPT,QAASA,EACTG,SAAUA,EACVO,eA1BmB,CAACR,EAAmBG,KACzCjB,GAASD,QAAeA,EAAMe,YAAWG,gBAAc,GA4B3D"}

package/amd/CardGridView-b8a60fae.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './BaseCardView-a1c5a21d'], (function(e,t,a,i){"use strict";e.CardGridView=function(e){const[r,d]=a.useState({});return t.jsx(i.BaseCardView,{...e,layout:"grid",cardSize:r,updateCardSize:(e,t)=>{d({width:e,height:t})}})}}));
+//# sourceMappingURL=CardGridView-b8a60fae.js.map

package/amd/CardGridView-b8a60fae.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardGridView-b8a60fae.js","sources":["../../src/UNSAFE_CardGridView/CardGridView.tsx"],"sourcesContent":["import { useState } from 'preact/hooks';\nimport { BaseCardView } from '../PRIVATE_BaseCardView';\nimport { Props } from '../UNSAFE_CardFlexView';\n\ntype CardGridProps<K extends string | number, D> = Props<K, D> & {\n  /**\n   * Provide the number of columns to render. The number of columns is required for CardGridView component.\n   * If the number of columns is not provided, please use CardFlexView component.\n   */\n  columns: number;\n};\n\nexport function CardGridView<K extends string | number, D>(props: CardGridProps<K, D>) {\n  const [cardSize, setCardSize] = useState<{ width?: number; height?: number }>({});\n  const updateCardSize = (width: number, height: number) => {\n    setCardSize({ width, height });\n  };\n\n  return (\n    <BaseCardView {...props} layout=\"grid\" cardSize={cardSize} updateCardSize={updateCardSize} />\n  );\n}\n"],"names":["props","cardSize","setCardSize","useState","_jsx","BaseCardView","layout","updateCardSize","width","height"],"mappings":"gIAYM,SAAqDA,GACzD,MAAOC,EAAUC,GAAeC,EAAQA,SAAsC,CAAE,GAKhF,OACEC,MAACC,EAAAA,iBAAiBL,EAAOM,OAAO,OAAOL,SAAUA,EAAUM,eALtC,CAACC,EAAeC,KACrCP,EAAY,CAAEM,QAAOC,UAAS,GAMlC"}

package/amd/Chart-79cfc878.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './PRIVATE_Chart/themes/ChartStyles.css', './TrackResizeContainer-c6b5de04', './useTextDimensions-030c6dbd', './useCssVars-cc825c54', 'preact/hooks', './Gridlines-8894882d', './useId-c9578d26', './Axis-56371b34', './useChartViewport-b6aa68eb', './layoutUtils-4304ffe4', './useChartNav-a9d203a5', './mergeProps-bcfa6a92', './ScrollBar-4046f84f', './useSelectDrill-113ae3ae', './useUser-797287de', './useTestId-c286f212', './cssUtils-19c17965', './useChartContextMenu-59a5f8c0', './useChartDnd-44674b7d', './eventsUtils-edf8f4e5', './accUtils-93ee6f16', './layoutUtils-ba7693df', './useTooltip-7b915f4c', './logger-0f873e29', './LayerHost-733ade2f', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-30886397', './useChartMarquee-2f7d51c4', './useVisTouchResponse-88a7bb09', './stringUtils-0ae982c2', './useOverviewContext-dd00c487', './scale-3ae48ed5', './OverviewSlidingWindow-0029380e', './PRIVATE_VisOverview/themes/VisOverview.css'], (function(e,t,o,i,r,s,n,a,d,l,c,u,x,p,g,h,v,f,w,m,I,y,S,C,D,b,A,M,P,T,j,R,E,k,O,V,G,N,F){"use strict";function z(e,t,o){const i=e.groupIndex+1;if(!(i>=t))return o(i)?{groupIndex:i}:z({groupIndex:i},t,o)}function B(e,t){const o=e.groupIndex-1;if(!(o<0))return t(o)?{groupIndex:o}:B({groupIndex:o},t)}function L({x:e,width:o,height:i,y:r,windowX:s,windowHeight:n,windowWidth:a,windowY:d}){return t.jsxs(t.Fragment,{children:[t.jsx("rect",{x:e,y:r,width:Math.max(0,s-e),height:i,class:F.styles.overviewBackground}),t.jsx("rect",{x:s+a,width:Math.max(0,e+o-s-a),y:r,height:i,class:F.styles.overviewBackground}),t.jsx("rect",{x:s,y:r,height:Math.max(0,d-r),width:a,class:F.styles.overviewBackground}),t.jsx("rect",{x:s,y:d+n,width:a,class:F.styles.overviewBackground,height:Math.max(r+i-d-n,0)})]})}const U=10,W=w.getChartVars();function H({width:e,height:i,selectedIds:w,hiddenIds:S,hideAndShowBehavior:b="none",orientation:A="vertical",xAxis:M,yAxis:P,plotArea:T,dragMode:j="user",series:R,groups:F,isStacked:H=!1,getDataItem:X,selectionMode:q="none",drilling:Y="off",dataCursorPosition:$,onSelectionChange:_,isDataCursorEnabled:Z,dataCursorStyle:J,onViewportChange:K,onDataCursorPositionChange:Q,onItemDrill:ee,onGroupDrill:te,onItemHover:oe,onItemFocus:ie,datatip:re,zoomAndScroll:se="off",offset:ne,getNavUtil:ae,getDataItemPos:de,getGapRatio:le,valueFormats:ce,findNearest:ue,getMarkerInfo:xe,isRtl:pe,children:ge,testId:he,renderGridLinesInFront:ve,isDataXAxis:fe,contextMenuConfig:we,overview:me="off",defaultOverviewContentRenderer:Ie,isOverview:ye,yAxisSize:Se,overviewRenderer:Ce,...De}){const be=f.useTestId(he),Ae=n.useRef(null),Me=void 0!==be["data-testid"],Pe="horizontal"===A,{xAxisPosition:Te,yAxisPosition:je}=u.getAxesPosition(P,Pe,pe),{resolvedVars:Re,cssContent:Ee}=s.useCssVars(W),ke=Array.from(Array(12)).map(((e,t)=>Re[`color${t+1}`])),{textMeasureContent:Oe,getTextDimensions:Ve}=r.useTextDimensions();let Ge=u.getAvailSpace(e,i);if(ye&&Se){const e=Ge.width-Se,t=u.getOuterGaps(e,i);Ge.width-=Se-2*t.width,Ge.x+=Se-t.width}const Ne=null!=M?.timeAxisType,Fe=u.getScrollBarSpace(Ne,Ge,se,Te,me);let ze=Fe.scrollDims;Ge=Fe.availSpace;const{locale:Be}=v.useUser(),{x:Le,y:Ue,width:We,height:He}=Ge,Xe=Re.labelFontSize,qe=n.useMemo((()=>{const e=new Set(S);return u.getLayoutInfo(R,F,X,M,P,{x:Le,y:Ue,width:We,height:He},e,b,Pe,pe,H,Xe,ne,Be,Ve,Me,fe)}),[Le,Ue,We,He,X,Ve,F,S,b,fe,Pe,pe,H,Me,Be,ne,Xe,R,M,P]),{xProps:Ye,xScale:$e,xViewportExtent:_e,xAxisExtent:Ze,xIndexExtent:Je,xAxisMinExtent:Ke,yViewportExtent:Qe,yAxisExtent:et,groupWidth:tt,yProps:ot,yScale:it,yMaxDim:rt,yMajorTicks:st,xMajorTicks:nt,yMinorTicks:at,xMinorTicks:dt,plotAreaSpace:lt,xSpace:ct,ySpace:ut,idToDataMap:xt,formatAxisLabel:pt,formatYValue:gt}=qe;ze=u.updateScrollBarSpace(ze,"bottom"===Te,pe,rt);const ht=le(Je.startIndex,Je.endIndex),vt=ae(Je.startIndex,Je.endIndex),ft=Ye.tickLabels.map((({index:e})=>e+Je.startIndex)),{getNextNavGroup:wt,getDefaultNavGroup:mt}=function(e,t,o,i,r){const s=o=>{const r=e[t[o]].drilling;return("on"===i||"groupsOnly"===i)&&"off"!=r},n=e=>o.startIndex>t[e.groupIndex]?(e.groupIndex=0,e):o.endIndex<t[e.groupIndex]?(e.groupIndex=t.length-1,e):void 0;return{getDefaultNavGroup:n,getNextNavGroup:(e,o)=>{let i=n(e);return i||(i="ArrowRight"===o?r?B(e,s):z(e,t.length,s):r?z(e,t.length,s):B(e,s),i||e)}}}(F,ft,Je,Y,pe),{ignoreSelectPointerUp:It,cursor:yt,yAxisCursor:St,marqueeProps:Ct,marqueeContent:Dt,toggleButtonContent:bt,isPointInsideMarquee:At,dragMode:Mt}=E.useChartMarquee({plotAreaSpace:lt,xSpace:ct,ySpace:ut,dragMode:j,chartWidth:e,isMultiSelection:"multiple"===q,onViewportChange:K,isZoomScroll:"live"===se,xAxisExtent:Ze,xScale:$e,selectedIds:w,getDataById:e=>xt.get(e),onSelectionChange:_,viewportMax:_e.viewportMax,viewportMin:_e.viewportMin,isRtl:pe,xAxisMinExtent:Ke}),{touchResponse:Pt,touchResponseStyle:Tt}=k.useVisTouchResponse({type:"auto",supportsTouchDragGestures:"off"!==Mt,rootRef:Ae}),{activeId:jt,focusedItemInfo:Rt,hoveredItemInfo:Et,focusedGroupInfo:kt,navProps:Ot,onFocusUpdate:Vt}=x.useChartNav({rootRef:Ae,getNextChartItem:vt,getNextNavGroup:wt,getDefaultNavGroup:mt,touchResponse:Pt,onItemHover:oe,onItemFocus:ie,drilling:Y,xIndexExtent:Je}),{tooltipContent:Gt,tooltipProps:Nt}=function({getTextAndBounds:e,width:t,isRtl:o}){const[i,r]=n.useState(),s=n.useRef(),{tooltipContent:a,tooltipProps:d}=D.useTooltip({text:i,position:"top-start",offset:C.calculateOffset(o,t,s.current)});return{tooltipContent:a,tooltipProps:p.mergeProps({onPointerMove:t=>{const o=e(t.target);o?(s.current=o.bounds,r(o.text)):r(void 0)}},d)}}({getTextAndBounds:e=>{if(e!=Ae.current){const t=y.getElementData(Ae,e),o=t?.ojText;if(!o)return;if(o===M?.title)return{text:o,bounds:Ye.titleProps?.dims};if(o===P?.title)return{text:o,bounds:ot.titleProps?.dims};if(t?.ojGroupIndex){const e=parseInt(t.ojGroupIndex);return{bounds:Ye.tickLabels[e].dims,text:o}}}if(e===Ae.current&&kt.isFocusVisible){const e=F[kt.groupIndex];return{bounds:Ye.tickLabels[kt.groupIndex].dims,text:e.name||e.id}}},width:e,isRtl:pe}),Ft=c.useChartViewport({rootRef:Ae,width:e,height:i,xViewportExtent:_e,yViewportExtent:Qe,xAxisExtent:Ze,yAxisExtent:et,xScale:$e,yScale:it,plotAreaSpace:lt,isRtl:pe,isHoriz:Pe,zoomAndScroll:se,onViewportChange:K}),{selectDrillProps:zt,selectionContent:Bt}=h.useSelectDrill({selectionMode:q,selection:[...w],onChange:_,rootRef:Ae,drilling:Y,onItemDrill:ee,onGroupDrill:te,focusedGroupInfo:kt,focusedItemInfo:Rt,groups:F,getDataItem:X,getDataById:e=>xt.get(e),ignoreAsTrigger:e=>{if(!e)return!1;const t=y.getElementData(Ae,e);return!((!t||"marquee"!==t.ojPrivateObject&&"dragModeControls"!==t.ojPrivateObject&&"scrollBar"!==t.ojPrivateObject)&&!It)}}),Lt=ue($e,it,tt,ht),Ut=de($e,it,tt,ht),[Wt,Ht]=n.useState(!1),{datatipContent:Xt,dataCursorContent:qt,datatipProps:{"aria-describedby":Yt,...$t}}=h.useChartDatatipAndCursor({series:R,groups:F,width:e,height:i,findNearest:Lt,plotAreaSpace:lt,onDataCursorPositionChange:Q,isDataCursorEnabled:Z,dataCursorPosition:$,dataCursorStyle:J,hoveredItemInfo:Et,focusedItemInfo:Rt,getDataItem:X,getMarkerInfo:xe,getDataItemPos:Ut,datatip:re,valueFormats:ce,isHoriz:Pe,touchResponse:Pt,isDisabled:Wt,xScale:$e,yScale:it,timeAxisType:M?.timeAxisType,formatAxisLabel:pt,formatYValue:gt,hasXYValues:fe}),_t=d.useId(),{startIndex:Zt,endIndex:Jt}=Je,Kt=t.jsx(a.Gridlines,{plotArea:T,yMinorTicks:at,xMinorTicks:dt,xScale:$e,yScale:it,isLog:"log"===P?.scale,yTicks:st,xTicks:nt,yAxisPosition:je,isDataXAxis:fe}),Qt=R.length>0&&F.length>0,{contextMenuContent:eo,contextMenuProps:to}=m.useChartContextMenu({isRtl:pe,width:e,height:i,getDataItemPosition:Ut,series:R,groups:F,getDataItem:X,focusedItemInfo:Rt,rootRef:Ae,xAxisTitle:M?.title,yAxisTitle:P?.title,contextMenuConfig:Qt?we:void 0,onContextMenuDismissed:e=>{"keyboard"===e&&Vt()}}),[oo,io]=n.useState({accepted:void 0,type:""}),{draggable:ro,dndProps:so,dndContent:no}=I.useChartDnd({onDrag:De.onDrag,onDragStart:De.onDragStart,onDragEnd:De.onDragEnd,onDragEnter:De.onDragEnter,onDragLeave:De.onDragLeave,onDragOver:De.onDragOver,onDrop:De.onDrop,itemsDraggable:De.itemsDraggable,groupDraggable:De.groupDraggable,rootRef:Ae,groups:F,series:R,selectedIds:w,getDataItem:X,xSpace:ct,ySpace:ut,plotAreaSpace:lt,setDragOver:io,setDatatipDisabled:Ht,onSelectionChange:_}),ao=p.mergeProps(Ot,zt,Ft,$t,Ct,Nt,to,so),lo="off"==me||"on"!==me&&me.renderer?void 0:Ie,{background:co,slidingWindow:uo}=Ce(lt);return t.jsxs(t.Fragment,{children:[Ve&&null!=Re.labelFontSize&&t.jsxs("div",{tabIndex:ye?void 0:0,draggable:ro,ref:Ae,"aria-activedescendant":jt,"aria-label":De["aria-label"],"aria-labelledby":De["aria-labelledby"],"aria-describedby":O.merge([De["aria-describedby"],Yt]),style:{...Tt},role:ye?void 0:"application",className:o.styles.baseChartStyle,"data-oj-private-selection-mode":Me?q:void 0,...be,...ye?{}:ao,children:[t.jsxs("svg",{width:"100%",height:0!=ze.height&&"off"!=me?Math.ceil(100*(Fe.availSpace.height+U))/i+"%":"100%",children:[t.jsx("clipPath",{id:`${_t}`,children:t.jsx("rect",{...lt})}),co,t.jsx(a.PlotArea,{color:T?.color,dragOverStyle:"plotArea"!==oo.type?"none":oo.accepted?"accept":"reject",yScale:it,hasAxisLine:!ye,cursor:yt,isLog:"log"===P?.scale,availSpace:lt,xAxisPosition:Te,isDataXAxis:fe,isRtl:pe}),!ve&&Kt,t.jsx(l.Axis,{...ot,axisPosition:je,isRtl:pe,cursor:St,availSpace:ut,dragOverStyle:"yAxis"!==oo.type?"none":oo.accepted?"accept":"reject"}),t.jsx(l.Axis,{...Ye,isRtl:pe,axisPosition:Te,isTextInteractive:e=>{if(null!=M?.timeAxisType)return!1;const t=F[e]?.drilling;return"on"===t||"off"!=t&&("on"===Y||"groupsOnly"===Y)},activeId:jt,cursor:yt,focusedGroupIndex:kt.isFocusVisible?kt.groupIndex:void 0,availSpace:ct,dragOverStyle:"xAxis"!==oo.type?"none":oo.accepted?"accept":"reject"}),t.jsxs("g",{"clip-path":`url(#${_t})`,children:[ge({xStartIndex:Zt,xEndIndex:Jt,colors:ke,xScale:$e,yScale:it,isPointInsideMarquee:At,defaultFontSize:Re.labelFontSize,gapRatio:ht,activeId:jt,focusedItemInfo:Rt,hoveredItemInfo:Et,getTextDimensions:Ve,groupWidth:tt}),ve&&Kt,qt]}),uo,"live"===se&&!ye&&t.jsx(g.ScrollBar,{availSpace:ze,isRtl:pe,viewport:_e,axisExtent:Ze,isHoriz:"bottom"===Te}),Dt]}),t.jsx(V.OverviewContext.Provider,{value:{yAxisSize:ut.width,isOverview:!0,width:e,height:ze.height,overviewRenderer:e=>{const{xScale:o,...i}=function(e,t,o,i,r,s){const n=[o.min,o.max],a=e?[s.x+s.width,s.x]:[s.x,s.x+s.width],d=new G.ScaleLinear(n,a),l=[r.min,r.max],c=[s.y+s.height,s.y],u=new G.ScaleLinear(l,c),x=d.transform(t.viewportMin),p=Math.abs(d.transform(t.viewportMax)-d.transform(t.viewportMin));return{windowX:e?x-p:x+.5,windowWidth:p-.5,windowY:u.transform(i.viewportMax),windowHeight:Math.abs(u.transform(i.viewportMax)-u.transform(i.viewportMin)),xScale:d,yScale:u}}(pe,_e,Ze,Qe,et,e);return function(e,o,i,r,s,n,a){return{slidingWindow:t.jsx(N.OverviewSlidingWindow,{...r,...s,hasHandles:n,onWindowDimsChange:t=>{u.updateViewportFromOverview(e,o,s.windowX,s.windowWidth,t.deltaX,t.deltaWidth,i,a)}}),background:t.jsx(L,{...r,...s})}}(Ze,pe,o,e,i,!0,K)}},children:!ye&&"off"!==me&&lo&&t.jsx("div",{style:{width:e,height:ze.height},children:lo()})}),bt,Xt,Gt,eo,Bt,no]}),Oe,Ee]})}e.Chart=function({width:e,height:r,...s}){const{isOverview:n,overviewRenderer:a,yAxisSize:d,width:l,height:c}=V.useOverviewContext();let u=e,x=r;return void 0===u&&n&&void 0!==l&&(u=`${l}px`),void 0===x&&n&&void 0!==c&&(x=`${c}px`),t.jsx(i.TrackResizeContainer,{width:u,height:x,class:o.dimensionStyle,children:(e,o)=>e||o?t.jsx(H,{width:e,height:o,...s,yAxisSize:d,isOverview:n,overviewRenderer:a}):void 0})}}));
+//# sourceMappingURL=Chart-79cfc878.js.map

package/amd/Chart-79cfc878.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chart-79cfc878.js","sources":["../../src/PRIVATE_Axis/utils/axisNavUtils.ts","../../src/PRIVATE_VisOverview/OverviewBackground.tsx","../../src/PRIVATE_Chart/ChartWithDimensions.tsx","../../src/PRIVATE_VisSVGText/useTextTruncation.ts","../../src/PRIVATE_VisOverview/utils.ts","../../src/PRIVATE_Chart/overviewUtils.tsx","../../src/PRIVATE_Chart/Chart.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 { Group, ChartGroupInfo } from '#utils/UNSAFE_visTypes/chart';\ntype isGroupNavigableType = (groupIndex: number) => boolean;\n\nexport function getNextGroup(\n  info: ChartGroupInfo,\n  viewportEndIndex: number,\n  isGroupNavigable: isGroupNavigableType\n): ChartGroupInfo | undefined {\n  const groupIndex = info.groupIndex + 1;\n  if (groupIndex >= viewportEndIndex) {\n    return;\n  }\n\n  if (isGroupNavigable(groupIndex)) {\n    return { groupIndex };\n  }\n  return getNextGroup({ groupIndex }, viewportEndIndex, isGroupNavigable);\n}\n\nexport function getPreviousGroup(\n  info: ChartGroupInfo,\n  isGroupNavigable: isGroupNavigableType\n): ChartGroupInfo | undefined {\n  const groupIndex = info.groupIndex - 1;\n  if (groupIndex < 0) {\n    return;\n  }\n  if (isGroupNavigable(groupIndex)) {\n    return { groupIndex };\n  }\n  return getPreviousGroup({ groupIndex }, isGroupNavigable);\n}\n\nexport function getGroupNavUtil(\n  groups: Group[],\n  renderedGroups: number[],\n  xIndexExtent: { startIndex: number; endIndex: number },\n  drilling: 'on' | 'off' | 'groupsOnly',\n  isRtl: boolean\n) {\n  const isGroupNavigable = (groupIndex: number) => {\n    const groupsDrilling = groups[renderedGroups[groupIndex]].drilling;\n    return (drilling === 'on' || drilling === 'groupsOnly') && groupsDrilling != 'off';\n  };\n\n  const getDefaultNavGroup = (info: ChartGroupInfo) => {\n    if (xIndexExtent.startIndex > renderedGroups[info.groupIndex]) {\n      info.groupIndex = 0;\n      return info;\n    } else if (xIndexExtent.endIndex < renderedGroups[info.groupIndex]) {\n      info.groupIndex = renderedGroups.length - 1;\n      return info;\n    }\n    return;\n  };\n\n  const getNextNavGroup = (info: ChartGroupInfo, arrow: 'ArrowRight' | 'ArrowLeft') => {\n    let nextGroup = getDefaultNavGroup(info);\n\n    if (nextGroup) return nextGroup;\n\n    if (arrow === 'ArrowRight') {\n      nextGroup = isRtl\n        ? getPreviousGroup(info, isGroupNavigable)\n        : getNextGroup(info, renderedGroups.length, isGroupNavigable);\n    } else {\n      nextGroup = isRtl\n        ? getNextGroup(info, renderedGroups.length, isGroupNavigable)\n        : getPreviousGroup(info, isGroupNavigable);\n    }\n    return nextGroup || info;\n  };\n\n  return { getDefaultNavGroup, getNextNavGroup };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { OverviewProps } from './overview.types';\nimport { styles } from './themes/VisOverview.css';\n\nexport function OverviewBackground({\n  x,\n  width,\n  height,\n  y,\n  windowX,\n  windowHeight,\n  windowWidth,\n  windowY\n}: OverviewProps) {\n  return (\n    <>\n      <rect\n        x={x}\n        y={y}\n        width={Math.max(0, windowX - x)}\n        height={height}\n        class={styles.overviewBackground}></rect>\n\n      <rect\n        x={windowX + windowWidth}\n        width={Math.max(0, x + width - windowX - windowWidth)}\n        y={y}\n        height={height}\n        class={styles.overviewBackground}></rect>\n\n      <rect\n        x={windowX}\n        y={y}\n        height={Math.max(0, windowY - y)}\n        width={windowWidth}\n        class={styles.overviewBackground}></rect>\n\n      <rect\n        x={windowX}\n        y={windowY + windowHeight}\n        width={windowWidth}\n        class={styles.overviewBackground}\n        height={Math.max(y + height - windowY - windowHeight, 0)}></rect>\n    </>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useTextDimensions } from '#hooks/PRIVATE_useTextDimensions';\nimport { useCssVars } from '#hooks/PRIVATE_useCssVars/useCssVars';\nimport { styles } from './themes/ChartStyles.css';\nimport { useMemo, useRef, useState } from 'preact/hooks';\nimport { PlotArea } from '#PRIVATE_PlotArea';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { Axis } from '#PRIVATE_Axis/Axis';\nimport { useChartViewport } from '#hooks/PRIVATE_useChartViewport';\nimport {\n  getAvailSpace,\n  getLayoutInfo,\n  getOuterGaps,\n  getScrollBarSpace,\n  updateScrollBarSpace\n} from '#utils/PRIVATE_chartUtils/layoutUtils';\nimport { useChartNav } from '#hooks/PRIVATE_useChartNav/useChartNav';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { getAxesPosition } from '#PRIVATE_Axis/utils/axisUtils';\nimport { ScrollBar } from '#PRIVATE_ChartScrollBar';\nimport { useSelectDrill } from '#hooks/PRIVATE_useChartEvents/useSelectDrill';\nimport { useChartDatatipAndCursor } from '#hooks/PRIVATE_useChartEvents/useDatatipAndCursor';\nimport { getGroupNavUtil } from '#PRIVATE_Axis/utils/axisNavUtils';\nimport { TimeAxisProps } from '#utils/UNSAFE_visTypes/chart';\nimport { Gridlines } from '#PRIVATE_PlotArea/Gridlines';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { useTestId } from '#hooks/UNSAFE_useTestId';\nimport { getChartVars } from '#utils/PRIVATE_chartUtils';\nimport { useChartContextMenu } from '#hooks/PRIVATE_useChartContextMenu';\nimport { useChartDnd } from '#hooks/PRIVATE_useChartDnd';\nimport { getElementData } from '#utils/UNSAFE_visUtils';\nimport { useTextTruncation } from '#PRIVATE_VisSVGText/useTextTruncation';\nimport { useChartMarquee } from '#hooks/PRIVATE_useChartMarquee';\nimport { ChartProps } from './Chart';\nimport type { gestureTypes } from '#hooks/PRIVATE_useVisContextMenu';\nimport { useVisTouchResponse } from '#hooks/PRIVATE_useVisTouchResponse';\nimport { merge } from '#utils/UNSAFE_stringUtils';\nimport { LineAreaItem } from '#UNSAFE_LineAreaChart/lineAreaChart.types';\nimport { ScatterItem } from '#UNSAFE_ScatterChart/scatterChart.types';\nimport { BarItemData } from '#UNSAFE_BarChart/barChart.types';\nimport { OverviewContext } from '#hooks/PRIVATE_useOverviewContext';\nimport { getWindowCoords } from '#PRIVATE_VisOverview/utils';\nimport { Dimension } from '#utils/UNSAFE_visTypes/common';\nimport { getRenderer } from './overviewUtils';\nimport { ComponentChildren } from 'preact';\n\ntype ChartWithDimensionsProps<K, D> = Omit<ChartProps<K, D>, 'width' | 'height'> & {\n  width: number;\n  height: number;\n  overviewRenderer: (props: Dimension) => {\n    background: ComponentChildren;\n    slidingWindow: ComponentChildren;\n  };\n  yAxisSize: number;\n  isOverview: boolean;\n};\n\nconst OVERVIEW_GAP = 10;\n\nconst chartVars = getChartVars();\n\nexport function ChartWithDimensions<\n  K extends string | number,\n  D extends LineAreaItem<K> | ScatterItem<K> | BarItemData<K>\n>({\n  width,\n  height,\n  selectedIds,\n  hiddenIds,\n  hideAndShowBehavior = 'none',\n  orientation = 'vertical',\n  xAxis,\n  yAxis,\n  plotArea,\n  dragMode = 'user',\n  series,\n  groups,\n  isStacked = false,\n  getDataItem,\n  selectionMode = 'none',\n  drilling = 'off',\n  dataCursorPosition,\n  onSelectionChange,\n  isDataCursorEnabled,\n  dataCursorStyle,\n  onViewportChange,\n  onDataCursorPositionChange,\n  onItemDrill,\n  onGroupDrill,\n  onItemHover,\n  onItemFocus,\n  datatip,\n  zoomAndScroll = 'off',\n  offset,\n  getNavUtil,\n  getDataItemPos,\n  getGapRatio,\n  valueFormats,\n  findNearest,\n  getMarkerInfo,\n  isRtl,\n  children,\n  testId,\n  renderGridLinesInFront,\n  isDataXAxis,\n  contextMenuConfig,\n  overview = 'off',\n  defaultOverviewContentRenderer,\n  isOverview,\n  yAxisSize,\n  overviewRenderer,\n  ...props\n}: ChartWithDimensionsProps<K, D>) {\n  const testIdProps = useTestId(testId);\n  const rootRef = useRef<HTMLDivElement>(null);\n  const isTestEnv = testIdProps['data-testid'] !== undefined;\n  const isHoriz = orientation === 'horizontal';\n  const { xAxisPosition, yAxisPosition } = getAxesPosition(yAxis, isHoriz, isRtl);\n  const { resolvedVars, cssContent } = useCssVars(chartVars);\n  const colors = Array.from(Array(12)).map((_, index) => {\n    return resolvedVars[`color${index + 1}`];\n  });\n  const { textMeasureContent, getTextDimensions } = useTextDimensions();\n  let availSpace = getAvailSpace(width, height);\n\n  if (isOverview && yAxisSize) {\n    const w = availSpace.width - yAxisSize;\n    const gaps = getOuterGaps(w, height);\n    availSpace.width -= yAxisSize - 2 * gaps.width;\n    availSpace.x += yAxisSize - gaps.width;\n  }\n  const isTimeAxis = (xAxis as TimeAxisProps)?.timeAxisType != null;\n\n  const updatedSpace = getScrollBarSpace(\n    isTimeAxis,\n    availSpace,\n    zoomAndScroll,\n    xAxisPosition,\n    overview\n  );\n  let scrollDims = updatedSpace.scrollDims;\n  availSpace = updatedSpace.availSpace;\n  const { locale } = useUser();\n  const { x, y, width: _width, height: _height } = availSpace;\n  const labelFontSize = resolvedVars['labelFontSize'];\n  const layoutInfo = useMemo(() => {\n    const hiddenSet = new Set(hiddenIds);\n    return getLayoutInfo<K, D>(\n      series,\n      groups,\n      getDataItem,\n      xAxis,\n      yAxis,\n      { x, y, width: _width, height: _height }, // availSpace\n      hiddenSet,\n      hideAndShowBehavior,\n      isHoriz,\n      isRtl,\n      isStacked,\n      labelFontSize,\n      offset,\n      locale,\n      getTextDimensions,\n      isTestEnv,\n      isDataXAxis\n    );\n  }, [\n    x,\n    y,\n    _width,\n    _height,\n    getDataItem,\n    getTextDimensions,\n    groups,\n    hiddenIds,\n    hideAndShowBehavior,\n    isDataXAxis,\n    isHoriz,\n    isRtl,\n    isStacked,\n    isTestEnv,\n    locale,\n    offset,\n    labelFontSize,\n    series,\n    xAxis,\n    yAxis\n  ]);\n\n  const {\n    xProps,\n    xScale,\n    xViewportExtent,\n    xAxisExtent,\n    xIndexExtent,\n    xAxisMinExtent,\n    yViewportExtent,\n    yAxisExtent,\n    groupWidth,\n    yProps,\n    yScale,\n    yMaxDim,\n    yMajorTicks,\n    xMajorTicks,\n    yMinorTicks,\n    xMinorTicks,\n    plotAreaSpace,\n    xSpace,\n    ySpace,\n    idToDataMap,\n    formatAxisLabel,\n    formatYValue\n  } = layoutInfo;\n\n  scrollDims = updateScrollBarSpace(scrollDims, xAxisPosition === 'bottom', isRtl, yMaxDim);\n\n  const gapRatio = getGapRatio(xIndexExtent.startIndex!, xIndexExtent.endIndex!);\n\n  const getNextChartItem = getNavUtil(xIndexExtent.startIndex!, xIndexExtent.endIndex!);\n\n  const renderedGroupsIndex = xProps.tickLabels.map(({ index }) => index + xIndexExtent.startIndex);\n  const { getNextNavGroup, getDefaultNavGroup } = getGroupNavUtil(\n    groups,\n    renderedGroupsIndex,\n    xIndexExtent as { startIndex: number; endIndex: number }, // TODO : JET-71301 | Scatter should have different nav utils call.\n    drilling,\n    isRtl\n  );\n\n  const {\n    ignoreSelectPointerUp,\n    cursor,\n    yAxisCursor,\n    marqueeProps,\n    marqueeContent,\n    toggleButtonContent,\n    isPointInsideMarquee,\n    dragMode: mode\n  } = useChartMarquee<K, D>({\n    plotAreaSpace,\n    xSpace,\n    ySpace,\n    dragMode,\n    chartWidth: width,\n    isMultiSelection: selectionMode === 'multiple',\n    onViewportChange,\n    isZoomScroll: zoomAndScroll === 'live',\n    xAxisExtent,\n    xScale,\n    selectedIds,\n    getDataById: (id) => idToDataMap.get(id),\n    onSelectionChange,\n    viewportMax: xViewportExtent.viewportMax!,\n    viewportMin: xViewportExtent.viewportMin!,\n    isRtl,\n    xAxisMinExtent\n  });\n\n  const { touchResponse, touchResponseStyle } = useVisTouchResponse({\n    type: 'auto',\n    supportsTouchDragGestures: mode !== 'off',\n    rootRef\n  });\n\n  const { activeId, focusedItemInfo, hoveredItemInfo, focusedGroupInfo, navProps, onFocusUpdate } =\n    useChartNav({\n      rootRef,\n      getNextChartItem,\n      getNextNavGroup,\n      getDefaultNavGroup,\n      touchResponse,\n      onItemHover,\n      onItemFocus,\n      drilling,\n      xIndexExtent\n    });\n\n  const onContextMenuDismissed = (gesture: gestureTypes) => {\n    if (gesture === 'keyboard') {\n      onFocusUpdate();\n    }\n  };\n\n  const getTextAndBounds = (target: EventTarget | null) => {\n    if (target != rootRef.current) {\n      const dataSet = getElementData(rootRef, target as HTMLElement);\n      const text = dataSet?.['ojText']!;\n\n      if (!text) {\n        return;\n      }\n\n      if (text === xAxis?.title) {\n        return {\n          text,\n          bounds: xProps.titleProps?.dims\n        };\n      } else if (text === yAxis?.title) {\n        return {\n          text,\n          bounds: yProps.titleProps?.dims\n        };\n      } else if (dataSet?.['ojGroupIndex']) {\n        const index = parseInt(dataSet['ojGroupIndex']);\n        return {\n          bounds: xProps.tickLabels[index].dims,\n          text: text!\n        };\n      }\n    }\n\n    if (target === rootRef.current && focusedGroupInfo.isFocusVisible) {\n      const group = groups[focusedGroupInfo.groupIndex];\n      return {\n        bounds: xProps.tickLabels[focusedGroupInfo.groupIndex].dims,\n        text: group.name || group.id\n      };\n    }\n    return;\n  };\n\n  const { tooltipContent, tooltipProps } = useTextTruncation({\n    getTextAndBounds,\n    width,\n    isRtl\n  });\n\n  const viewportProps = useChartViewport({\n    rootRef,\n    width,\n    height,\n    xViewportExtent,\n    yViewportExtent,\n    xAxisExtent,\n    yAxisExtent,\n    xScale,\n    yScale,\n    plotAreaSpace,\n    isRtl,\n    isHoriz,\n    zoomAndScroll,\n    onViewportChange\n  });\n\n  const ignoreAsTrigger = (target: EventTarget | null) => {\n    if (!target) {\n      return false;\n    }\n\n    const dataset = getElementData(rootRef, target as HTMLElement);\n    if (\n      (dataset &&\n        (dataset['ojPrivateObject'] === 'marquee' ||\n          dataset['ojPrivateObject'] === 'dragModeControls' ||\n          dataset['ojPrivateObject'] === 'scrollBar')) ||\n      ignoreSelectPointerUp\n    ) {\n      return true;\n    }\n\n    return false;\n  };\n\n  const { selectDrillProps, selectionContent } = useSelectDrill<K, D>({\n    selectionMode,\n    selection: [...selectedIds],\n    onChange: onSelectionChange,\n    rootRef,\n    drilling,\n    onItemDrill,\n    onGroupDrill,\n    focusedGroupInfo,\n    focusedItemInfo,\n    groups,\n    getDataItem,\n    getDataById: (id) => idToDataMap.get(id),\n    ignoreAsTrigger\n  });\n\n  const findNearestData = findNearest(xScale as any, yScale, groupWidth, gapRatio);\n  const getDataItemPosition = getDataItemPos(xScale as any, yScale, groupWidth, gapRatio);\n  const [datatipDisabled, setDatatipDisabled] = useState(false);\n  const {\n    datatipContent,\n    dataCursorContent,\n    datatipProps: { 'aria-describedby': datatipAriaDescribedby, ...datatipProps }\n  } = useChartDatatipAndCursor<K, D>({\n    series,\n    groups,\n    width,\n    height,\n    findNearest: findNearestData,\n    plotAreaSpace,\n    onDataCursorPositionChange,\n    isDataCursorEnabled,\n    dataCursorPosition,\n    dataCursorStyle,\n    hoveredItemInfo,\n    focusedItemInfo,\n    getDataItem,\n    getMarkerInfo,\n    getDataItemPos: getDataItemPosition,\n    datatip,\n    valueFormats,\n    isHoriz,\n    touchResponse,\n    isDisabled: datatipDisabled,\n    xScale: xScale as any,\n    yScale,\n    timeAxisType: (xAxis as TimeAxisProps)?.timeAxisType,\n    formatAxisLabel,\n    formatYValue,\n    hasXYValues: isDataXAxis\n  });\n\n  const isGroupInteractive = (index: number) => {\n    if ((xAxis as TimeAxisProps)?.timeAxisType != null) {\n      return false;\n    }\n    const groupDrill = groups[index]?.drilling;\n    if (groupDrill === 'on') {\n      return true;\n    }\n\n    if (groupDrill != 'off' && (drilling === 'on' || drilling === 'groupsOnly')) {\n      return true;\n    }\n    return false;\n  };\n\n  const plotAreaClipPathId = useId();\n  const { startIndex: xStartIndex, endIndex: xEndIndex } = xIndexExtent;\n  const gridLines = (\n    <Gridlines\n      plotArea={plotArea}\n      yMinorTicks={yMinorTicks}\n      xMinorTicks={xMinorTicks}\n      xScale={xScale}\n      yScale={yScale}\n      isLog={yAxis?.scale === 'log'}\n      yTicks={yMajorTicks}\n      xTicks={xMajorTicks}\n      yAxisPosition={yAxisPosition}\n      isDataXAxis={isDataXAxis}\n    />\n  );\n  const hasData = series.length > 0 && groups.length > 0;\n\n  const { contextMenuContent, contextMenuProps } = useChartContextMenu<K, D>({\n    isRtl,\n    width,\n    height,\n    getDataItemPosition,\n    series,\n    groups,\n    getDataItem,\n    focusedItemInfo,\n    rootRef,\n    xAxisTitle: xAxis?.title,\n    yAxisTitle: yAxis?.title,\n    contextMenuConfig: hasData ? contextMenuConfig : undefined,\n    onContextMenuDismissed\n  });\n\n  const [dragOver, setDragOver] = useState<{ accepted: boolean | undefined; type: string }>({\n    accepted: undefined,\n    type: ''\n  });\n\n  const { draggable, dndProps, dndContent } = useChartDnd<K, D>({\n    onDrag: props.onDrag,\n    onDragStart: props.onDragStart,\n    onDragEnd: props.onDragEnd,\n    onDragEnter: props.onDragEnter,\n    onDragLeave: props.onDragLeave,\n    onDragOver: props.onDragOver,\n    onDrop: props.onDrop,\n    itemsDraggable: props.itemsDraggable,\n    groupDraggable: props.groupDraggable,\n    rootRef,\n    groups,\n    series,\n    selectedIds,\n    getDataItem,\n    xSpace,\n    ySpace,\n    plotAreaSpace,\n    setDragOver,\n    setDatatipDisabled,\n    onSelectionChange\n  });\n\n  const eventsProps = mergeProps(\n    navProps,\n    selectDrillProps,\n    viewportProps,\n    datatipProps,\n    marqueeProps,\n    tooltipProps,\n    contextMenuProps,\n    dndProps\n  );\n\n  const overviewContentRenderer =\n    overview != 'off' && (overview === 'on' || !overview.renderer)\n      ? defaultOverviewContentRenderer\n      : undefined;\n\n  const { background, slidingWindow } = overviewRenderer(plotAreaSpace);\n  return (\n    <>\n      {getTextDimensions && resolvedVars['labelFontSize'] != undefined && (\n        <div\n          tabIndex={isOverview ? undefined : 0}\n          draggable={draggable}\n          ref={rootRef}\n          aria-activedescendant={activeId}\n          aria-label={props['aria-label']}\n          aria-labelledby={props['aria-labelledby']}\n          aria-describedby={merge([props['aria-describedby'], datatipAriaDescribedby])}\n          style={{ ...touchResponseStyle }}\n          role={isOverview ? undefined : 'application'}\n          className={styles.baseChartStyle}\n          data-oj-private-selection-mode={isTestEnv ? selectionMode : undefined}\n          {...testIdProps}\n          {...(isOverview ? {} : eventsProps)}>\n          <svg\n            width=\"100%\"\n            height={\n              scrollDims.height != 0 && overview != 'off'\n                ? `${Math.ceil((updatedSpace.availSpace.height + OVERVIEW_GAP) * 100) / height}%`\n                : '100%'\n            }>\n            <clipPath id={`${plotAreaClipPathId}`}>\n              <rect {...plotAreaSpace}></rect>\n            </clipPath>\n            {background}\n            <PlotArea\n              color={plotArea?.color}\n              dragOverStyle={\n                dragOver.type !== 'plotArea' ? 'none' : dragOver.accepted ? 'accept' : 'reject'\n              }\n              yScale={yScale}\n              hasAxisLine={!isOverview}\n              cursor={cursor}\n              isLog={yAxis?.scale === 'log'}\n              availSpace={plotAreaSpace}\n              xAxisPosition={xAxisPosition}\n              isDataXAxis={isDataXAxis}\n              isRtl={isRtl}\n            />\n            {!renderGridLinesInFront && gridLines}\n            <Axis\n              {...(yProps as any)}\n              axisPosition={yAxisPosition}\n              isRtl={isRtl}\n              cursor={yAxisCursor}\n              availSpace={ySpace}\n              dragOverStyle={\n                dragOver.type !== 'yAxis' ? 'none' : dragOver.accepted ? 'accept' : 'reject'\n              }\n            />\n            <Axis\n              {...xProps}\n              isRtl={isRtl}\n              axisPosition={xAxisPosition}\n              isTextInteractive={isGroupInteractive}\n              activeId={activeId}\n              cursor={cursor}\n              focusedGroupIndex={\n                focusedGroupInfo.isFocusVisible ? focusedGroupInfo.groupIndex : undefined\n              }\n              availSpace={xSpace}\n              dragOverStyle={\n                dragOver.type !== 'xAxis' ? 'none' : dragOver.accepted ? 'accept' : 'reject'\n              }\n            />\n            <g clip-path={`url(#${plotAreaClipPathId})`}>\n              {children({\n                xStartIndex,\n                xEndIndex,\n                colors,\n                xScale: xScale as any,\n                yScale,\n                isPointInsideMarquee,\n                defaultFontSize: resolvedVars['labelFontSize'],\n                gapRatio,\n                activeId,\n                focusedItemInfo,\n                hoveredItemInfo,\n                getTextDimensions,\n                groupWidth\n              })}\n              {renderGridLinesInFront && gridLines}\n              {dataCursorContent}\n            </g>\n            {slidingWindow}\n            {zoomAndScroll === 'live' && !isOverview && (\n              <ScrollBar\n                availSpace={scrollDims}\n                isRtl={isRtl}\n                viewport={xViewportExtent}\n                axisExtent={xAxisExtent}\n                isHoriz={xAxisPosition === 'bottom'}\n              />\n            )}\n            {marqueeContent}\n          </svg>\n          <OverviewContext.Provider\n            value={{\n              yAxisSize: ySpace.width,\n              isOverview: true,\n              width,\n              height: scrollDims.height,\n              overviewRenderer: (overviewChartPlotArea: Dimension) => {\n                const { xScale: overviewXScale, ...windowCoords } = getWindowCoords(\n                  isRtl,\n                  xViewportExtent,\n                  xAxisExtent,\n                  yViewportExtent,\n                  yAxisExtent,\n                  overviewChartPlotArea\n                );\n                return getRenderer(\n                  xAxisExtent,\n                  isRtl,\n                  overviewXScale,\n                  overviewChartPlotArea,\n                  windowCoords,\n                  true,\n                  onViewportChange\n                );\n              }\n            }}>\n            {!isOverview && overview !== 'off' && overviewContentRenderer && (\n              <div style={{ width, height: scrollDims.height }}>{overviewContentRenderer()}</div>\n            )}\n          </OverviewContext.Provider>\n          {toggleButtonContent}\n          {datatipContent}\n          {tooltipContent}\n          {contextMenuContent}\n          {selectionContent}\n          {dndContent}\n        </div>\n      )}\n      {textMeasureContent}\n      {cssContent}\n    </>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { Dimension } from '#utils/UNSAFE_visTypes/common';\nimport { calculateOffset } from '#utils/PRIVATE_visLayoutUtils/layoutUtils';\nimport { useTooltip } from '#hooks/UNSAFE_useTooltip';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { useRef, useState } from 'preact/hooks';\n\ntype Props = {\n  getTextAndBounds: (target: EventTarget | null) =>\n    | {\n        text?: string;\n        bounds?: Dimension;\n      }\n    | undefined;\n  isRtl: boolean;\n  width: number;\n};\n\nexport function useTextTruncation({ getTextAndBounds, width, isRtl }: Props) {\n  const [text, setText] = useState<string>();\n  const bounds = useRef<Dimension>();\n\n  const { tooltipContent, tooltipProps } = useTooltip({\n    text,\n    position: 'top-start',\n    offset: calculateOffset(isRtl, width, bounds.current)\n  });\n\n  const onPointerMove = (event: Event) => {\n    const textAndBounds = getTextAndBounds(event.target);\n\n    if (textAndBounds) {\n      bounds.current = textAndBounds.bounds;\n      setText(textAndBounds.text);\n    } else {\n      setText(undefined);\n    }\n  };\n\n  return {\n    tooltipContent,\n    tooltipProps: mergeProps({ onPointerMove }, tooltipProps)\n  };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ScaleLinear } from '#utils/PRIVATE_chartUtils';\nimport { Dimension } from '#utils/UNSAFE_visTypes/common';\n\nexport function getWindowCoords(\n  isRtl: boolean,\n  xViewportExtent: { viewportMin: number; viewportMax: number },\n  xAxisExtent: { min: number; max: number },\n  yViewportExtent: { viewportMin: number; viewportMax: number },\n  yAxisExtent: { min: number; max: number },\n  plotAreaSpace: Dimension\n) {\n  const xDomain = [xAxisExtent.min, xAxisExtent.max] as [number, number];\n  const xRange = (\n    isRtl\n      ? [plotAreaSpace.x + plotAreaSpace.width, plotAreaSpace.x]\n      : [plotAreaSpace.x, plotAreaSpace.x + plotAreaSpace.width]\n  ) as [number, number];\n  const xScale = new ScaleLinear(xDomain, xRange);\n\n  const yDomain = [yAxisExtent.min, yAxisExtent.max] as [number, number];\n  const yRange = [plotAreaSpace.y + plotAreaSpace.height, plotAreaSpace.y] as [number, number];\n\n  const yScale = new ScaleLinear(yDomain, yRange);\n\n  const windowX = xScale.transform(xViewportExtent.viewportMin);\n  const windowWidth = Math.abs(\n    xScale.transform(xViewportExtent.viewportMax) - xScale.transform(xViewportExtent.viewportMin)\n  );\n\n  return {\n    windowX: isRtl ? windowX - windowWidth : windowX + 0.5,\n    windowWidth: windowWidth - 0.5,\n    windowY: yScale.transform(yViewportExtent.viewportMax),\n    windowHeight: Math.abs(\n      yScale.transform(yViewportExtent.viewportMax) - yScale.transform(yViewportExtent.viewportMin)\n    ),\n    xScale,\n    yScale\n  };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { OverviewSlidingWindow } from '#PRIVATE_VisOverview';\nimport { OverviewBackground } from '#PRIVATE_VisOverview/OverviewBackground';\nimport { updateViewportFromOverview } from '#utils/PRIVATE_chartUtils/overviewUtils';\nimport { Scale } from '#utils/UNSAFE_visTypes/chart';\nimport { Dimension } from '#utils/UNSAFE_visTypes/common';\n\nexport function getRenderer(\n  xAxisExtent: { min: number; max: number },\n  isRtl: boolean,\n  overviewXScale: Scale,\n  plotAreaSpace: Dimension,\n  windowCoords: { windowX: number; windowY: number; windowHeight: number; windowWidth: number },\n  hasHandles: boolean,\n  onViewportChange?: (detail: {\n    xMin?: number;\n    xMax?: number;\n    yMin?: number;\n    yMax?: number;\n  }) => void\n) {\n  return {\n    slidingWindow: (\n      <OverviewSlidingWindow\n        {...plotAreaSpace}\n        {...windowCoords}\n        hasHandles={hasHandles}\n        onWindowDimsChange={(props: { deltaX: number; deltaWidth: number }) => {\n          updateViewportFromOverview(\n            xAxisExtent,\n            isRtl,\n            windowCoords.windowX,\n            windowCoords.windowWidth,\n            props.deltaX,\n            props.deltaWidth,\n            overviewXScale,\n            onViewportChange\n          );\n        }}\n      />\n    ),\n    background: <OverviewBackground {...plotAreaSpace} {...windowCoords} />\n  };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { dimensionStyle } from './themes/ChartStyles.css';\nimport { TrackResizeContainer } from '#UNSAFE_TrackResizeContainer';\nimport { ChartWithDimensions } from './ChartWithDimensions';\nimport {\n  ChartCommonProps,\n  ChartSeriesData,\n  GetNextChartItemType,\n  Info,\n  Scale,\n  getDataPosType\n} from '#utils/UNSAFE_visTypes/chart';\nimport { Dimension, MarkerShapes } from '#utils/UNSAFE_visTypes/common';\nimport { ComponentChildren, VNode } from 'preact';\nimport { Property } from 'csstype';\nimport { LineAreaItem } from '#UNSAFE_LineAreaChart/lineAreaChart.types';\nimport { ScatterItem } from '#UNSAFE_ScatterChart/scatterChart.types';\nimport { BarItemData } from '#UNSAFE_BarChart/barChart.types';\nimport { useOverviewContext } from '#hooks/PRIVATE_useOverviewContext';\n\nexport type ChartProps<K, D> = {\n  selectedIds: Set<K>;\n  getGapRatio: (startIndex: number, endIndex: number) => number;\n  getNavUtil: (startIndex: number, endIndex: number) => GetNextChartItemType;\n  getDataItemPos: (\n    xScale: Scale,\n    yScale: Scale,\n    groupWidth: number,\n    gapRatio: number\n  ) => getDataPosType;\n  findNearest: (\n    xScale: Scale,\n    yScale: Scale,\n    groupWidth: number,\n    gapRatio: number\n  ) => (\n    x: number,\n    y: number\n  ) =>\n    | {\n        seriesIndex: number;\n        groupIndex: number;\n        y: number | undefined;\n        x: number;\n      }\n    | undefined;\n  children: (context: {\n    xStartIndex: number;\n    xEndIndex: number;\n    xScale: Scale;\n    yScale: Scale;\n    gapRatio: number;\n    activeId?: string;\n    focusedItemInfo: Info;\n    hoveredItemInfo?: Info;\n    groupWidth: number;\n    isPointInsideMarquee: ((id: K, point: { x: number; y: number }) => boolean) | undefined;\n    getTextDimensions?: (text: string, style: Record<string, any>) => Dimension;\n    defaultFontSize: string;\n    colors: string[];\n  }) => VNode;\n  offset: number;\n  series: ChartSeriesData<K, D>[];\n  isRtl: boolean;\n  renderGridLinesInFront: boolean;\n  isDataXAxis?: boolean;\n  getMarkerInfo: (\n    seriesIndex: number,\n    groupIndex: number\n  ) => { color: Property.Color | undefined; type?: MarkerShapes };\n  defaultOverviewContentRenderer: () => ComponentChildren;\n} & Omit<ChartCommonProps<K, D>, 'highlightedIds' | 'hoverBehavior' | 'selectedIds'>;\n\nexport function Chart<\n  K extends string | number,\n  D extends LineAreaItem<K> | ScatterItem<K> | BarItemData<K>\n>({ width, height, ...props }: ChartProps<K, D>) {\n  // TODO: reevaluate how we handle empty data\n  const {\n    isOverview,\n    overviewRenderer,\n    yAxisSize,\n    width: overviewWidth,\n    height: overviewHeight\n  } = useOverviewContext();\n\n  let chartWidth = width;\n  let chartHeight = height;\n\n  if (chartWidth === undefined && isOverview && overviewWidth !== undefined) {\n    chartWidth = `${overviewWidth}px`;\n  }\n\n  if (chartHeight === undefined && isOverview && overviewHeight !== undefined) {\n    chartHeight = `${overviewHeight}px`;\n  }\n\n  return (\n    <TrackResizeContainer width={chartWidth} height={chartHeight} class={dimensionStyle}>\n      {(width, height) =>\n        width || height ? (\n          <ChartWithDimensions\n            width={width}\n            height={height}\n            {...props}\n            yAxisSize={yAxisSize}\n            isOverview={isOverview}\n            overviewRenderer={overviewRenderer}\n          />\n        ) : undefined\n      }\n    </TrackResizeContainer>\n  );\n}\n"],"names":["getNextGroup","info","viewportEndIndex","isGroupNavigable","groupIndex","getPreviousGroup","OverviewBackground","x","width","height","y","windowX","windowHeight","windowWidth","windowY","_jsxs","jsxs","_Fragment","children","_jsx","jsx","Math","max","class","styles","overviewBackground","OVERVIEW_GAP","chartVars","getChartVars","ChartWithDimensions","selectedIds","hiddenIds","hideAndShowBehavior","orientation","xAxis","yAxis","plotArea","dragMode","series","groups","isStacked","getDataItem","selectionMode","drilling","dataCursorPosition","onSelectionChange","isDataCursorEnabled","dataCursorStyle","onViewportChange","onDataCursorPositionChange","onItemDrill","onGroupDrill","onItemHover","onItemFocus","datatip","zoomAndScroll","offset","getNavUtil","getDataItemPos","getGapRatio","valueFormats","findNearest","getMarkerInfo","isRtl","testId","renderGridLinesInFront","isDataXAxis","contextMenuConfig","overview","defaultOverviewContentRenderer","isOverview","yAxisSize","overviewRenderer","props","testIdProps","useTestId","rootRef","useRef","isTestEnv","undefined","isHoriz","xAxisPosition","yAxisPosition","getAxesPosition","resolvedVars","cssContent","useCssVars","colors","Array","from","map","_","index","textMeasureContent","getTextDimensions","useTextDimensions","availSpace","getAvailSpace","w","gaps","getOuterGaps","isTimeAxis","timeAxisType","updatedSpace","getScrollBarSpace","scrollDims","locale","useUser","_width","_height","labelFontSize","layoutInfo","useMemo","hiddenSet","Set","getLayoutInfo","xProps","xScale","xViewportExtent","xAxisExtent","xIndexExtent","xAxisMinExtent","yViewportExtent","yAxisExtent","groupWidth","yProps","yScale","yMaxDim","yMajorTicks","xMajorTicks","yMinorTicks","xMinorTicks","plotAreaSpace","xSpace","ySpace","idToDataMap","formatAxisLabel","formatYValue","updateScrollBarSpace","gapRatio","startIndex","endIndex","getNextChartItem","renderedGroupsIndex","tickLabels","getNextNavGroup","getDefaultNavGroup","renderedGroups","groupsDrilling","length","arrow","nextGroup","getGroupNavUtil","ignoreSelectPointerUp","cursor","yAxisCursor","marqueeProps","marqueeContent","toggleButtonContent","isPointInsideMarquee","mode","useChartMarquee","chartWidth","isMultiSelection","isZoomScroll","getDataById","id","get","viewportMax","viewportMin","touchResponse","touchResponseStyle","useVisTouchResponse","type","supportsTouchDragGestures","activeId","focusedItemInfo","hoveredItemInfo","focusedGroupInfo","navProps","onFocusUpdate","useChartNav","tooltipContent","tooltipProps","getTextAndBounds","text","setText","useState","bounds","useTooltip","position","calculateOffset","current","mergeProps","onPointerMove","event","textAndBounds","target","useTextTruncation","dataSet","getElementData","title","titleProps","dims","parseInt","isFocusVisible","group","name","viewportProps","useChartViewport","selectDrillProps","selectionContent","useSelectDrill","selection","onChange","ignoreAsTrigger","dataset","findNearestData","getDataItemPosition","datatipDisabled","setDatatipDisabled","datatipContent","dataCursorContent","datatipProps","datatipAriaDescribedby","useChartDatatipAndCursor","isDisabled","hasXYValues","plotAreaClipPathId","useId","xStartIndex","xEndIndex","gridLines","Gridlines","isLog","scale","yTicks","xTicks","hasData","contextMenuContent","contextMenuProps","useChartContextMenu","xAxisTitle","yAxisTitle","onContextMenuDismissed","gesture","dragOver","setDragOver","accepted","draggable","dndProps","dndContent","useChartDnd","onDrag","onDragStart","onDragEnd","onDragEnter","onDragLeave","onDragOver","onDrop","itemsDraggable","groupDraggable","eventsProps","overviewContentRenderer","renderer","background","slidingWindow","tabIndex","ref","merge","style","role","className","baseChartStyle","ceil","PlotArea","color","dragOverStyle","hasAxisLine","Axis","axisPosition","isTextInteractive","groupDrill","focusedGroupIndex","defaultFontSize","ScrollBar","viewport","axisExtent","OverviewContext","Provider","value","overviewChartPlotArea","overviewXScale","windowCoords","xDomain","min","xRange","ScaleLinear","yDomain","yRange","transform","abs","getWindowCoords","hasHandles","OverviewSlidingWindow","onWindowDimsChange","updateViewportFromOverview","deltaX","deltaWidth","getRenderer","overviewWidth","overviewHeight","useOverviewContext","chartHeight","TrackResizeContainer","dimensionStyle"],"mappings":"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"}

package/amd/Checkbox-49753599.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './logger-0f873e29', './TabbableModeContext-a9c97640', 'preact/hooks', './useId-c9578d26', './LayerHost-733ade2f', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-a97e0011', './Flex-590160eb', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-30886397', 'css!./IconStyle.styles.css', './IconButton-368fba34', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './FormFieldContext-3c44aaaa', './Popup-3e2566da', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './FormContext-5130e198', './useFormContext-30acdd33', './CheckboxRadioContext-6a0fead0', './CheckboxControl-c6a380b3'], (function(e,s,t,o,a,n,r,i,c,l,d,u,m,p,h,y,S,b,C,A,x,U,g,f,F,w,T,k,E,M,v,N,_,B,I,R,L,D,V,P,j,q,H,G){"use strict";const $=t.forwardRef((({"aria-describedby":e,assistiveText:o,columnSpan:a,helpSourceLink:n,helpSourceText:i,isDisabled:c,isReadonly:l,isRequired:d=!1,messages:m,onCommit:p,userAssistanceDensity:h,value:y,testId:S,children:b},C=null)=>{const{isDisabled:A,isReadonly:x,userAssistanceDensity:U}=q.useFormContext(),g=t.useRef(null),f=r.useId(),F=S?`${S}-inline-user-assistance`:void 0,w=c??A,T=l??x,k=h??U,E=!w&&!T,M=E?`${f}-bottom-ua`:void 0,v=t.useCallback((e=>{const{key:s}=e,t=void 0!==s;if(t&&" "!==s)return;const o=e.target,a=t?!o.checked:o.checked,n=!!y;n!==a&&p({value:a,previousValue:n})}),[p,y]);return t.useImperativeHandle(C,(()=>({focus:()=>{!w&&g.current?.focus()},blur:()=>{const e=document.activeElement;g.current===e&&e.blur()}}))),s.jsxs(H.CheckboxRadioContext.Provider,{value:{isFocusRingShown:!w},children:[s.jsx(G.CheckboxControl,{...E?{onChange:v,onKeyUp:v}:{},"aria-describedby":e,assistiveText:o,columnSpan:a,helpSourceLink:n,helpSourceText:i,isChecked:y,isDisabled:w,isReadonly:T,isRequired:d,ref:g,children:b}),E?s.jsx(u.InlineUserAssistance,{id:M,isRequiredShown:!!d&&!y,requiredAlignment:"start",messages:m,userAssistanceDensity:"reflow"===k?"reflow":"efficient",testId:F}):"reflow"===k?void 0:s.jsx(u.InlineUserAssistance,{userAssistanceDensity:"efficient",testId:F})]})}));e.Checkbox=$}));
+//# sourceMappingURL=Checkbox-49753599.js.map

package/amd/Checkbox-49753599.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox-49753599.js","sources":["../../src/UNSAFE_Checkbox/Checkbox.tsx"],"sourcesContent":["import { ComponentChildren, ComponentProps, Ref } from 'preact';\nimport { forwardRef, useCallback, useImperativeHandle, useRef } from 'preact/compat';\n\nimport { InlineUserAssistance, UserAssistanceDensityType } from '#UNSAFE_UserAssistance';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport { CheckboxControl } from '#PRIVATE_CheckboxControl';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { CheckboxRadioContext } from '#PRIVATE_CheckboxRadioField/CheckboxRadioContext';\nimport { AriaAttributesSignalExcluded } from '#utils/UNSAFE_attributeUtils';\nimport { LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = {\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  'aria-describedby'?: AriaAttributesSignalExcluded['aria-describedby'];\n  /**\n   * Text to provide the user with additional information.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * Content associated with checkbox. This can be a label or a block of text.\n   */\n  children: ComponentChildren;\n  /**\n   * Specifies how many columns to span in a FormLayout with direction === 'row'\n   */\n  columnSpan?: LayoutColumnSpan;\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n  /**\n   * Custom text to be rendered for the <code>helpSourceLink</code>.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n  /**\n   * Specifies whether the checkbox requires a selection to be made.\n   */\n  isRequired?: boolean;\n  /**\n   * Specifies if the checkbox is read-only.\n   */\n  isReadonly?: boolean;\n  /**\n   * Specifies if the checkbox is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Messages to show on screen that are associated with the component.\n   */\n  messages?: InlineUserAssistanceProps['messages'];\n  /**\n   * Callback invoked each time the user changes checkbox selection.\n   */\n  onCommit: (detail: ValueUpdateDetail<boolean>) => void;\n  /**\n   * Specifies the density of the user assistance presentation.  It can be set to:\n   * <ul>\n   * <li><code>'reflow'</code>: Show inline. Layout will reflow when text is displayed.</li>\n   * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * <li><code>'compact'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * </ul>\n   */\n  userAssistanceDensity?: UserAssistanceDensityType;\n  /**\n   * Value of the checkbox.\n   */\n  value?: boolean;\n} & TestIdProps;\n\n/**\n * Checkbox is a single standalone checkbox control. It represents a boolean value.\n */\nexport const Checkbox = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      columnSpan,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      messages,\n      onCommit,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value: propValue,\n      testId,\n      children\n    }: Props,\n    ref: Ref<FocusableHandle> = null\n  ) => {\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n\n    const checkboxRef = useRef<HTMLInputElement>(null);\n    const id = useId();\n    const UAtestId = testId ? `${testId}-inline-user-assistance` : undefined;\n\n    // default to FormContext values if component properties are not specified\n    const isDisabled = propIsDisabled ?? isFormDisabled;\n    const isReadonly = propIsReadonly ?? isFormReadonly;\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n    // we still render <InlineUserAssistance/> if density is 'efficient' or 'compact' to save space,\n    // even though we don't render user assistance for disabled or readonly fields\n    const hasBottomUserAssistance = !isDisabled && !isReadonly;\n    const bottomUaId = hasBottomUserAssistance ? `${id}-bottom-ua` : undefined;\n\n    const onChangeHandler = useCallback(\n      (e: Event) => {\n        // return early on keyup if key isn't spacebar\n        const { key } = e as KeyboardEvent;\n        const hasKey = key !== undefined;\n\n        if (hasKey && key !== ' ') {\n          return;\n        }\n\n        const input = e.target as HTMLInputElement;\n        // While mouse clicking StyledCheckbox results in toggling the checked state on an input element, spacebar key events do not.\n        // If it is a spacebar key event, we will return the toggled value of its current state.\n        const value = hasKey ? !input.checked : input.checked;\n        const previousValue = !!propValue;\n\n        if (previousValue !== value) {\n          onCommit({\n            value,\n            previousValue\n          });\n        }\n      },\n      [onCommit, propValue]\n    );\n\n    useImperativeHandle(ref, () => ({\n      focus: () => {\n        !isDisabled && checkboxRef.current?.focus();\n      },\n      blur: () => {\n        const activeElement = document.activeElement as HTMLElement;\n        checkboxRef.current === activeElement && activeElement.blur();\n      }\n    }));\n\n    // TODO fix issue with tooltip and link in label\n    // \n\n    return (\n      <CheckboxRadioContext.Provider value={{ isFocusRingShown: !isDisabled }}>\n        <CheckboxControl\n          {...(hasBottomUserAssistance\n            ? {\n                onChange: onChangeHandler,\n                onKeyUp: onChangeHandler\n              }\n            : {})}\n          aria-describedby={ariaDescribedBy}\n          assistiveText={assistiveText}\n          columnSpan={columnSpan}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          isChecked={propValue}\n          isDisabled={isDisabled}\n          isReadonly={isReadonly}\n          isRequired={isRequired}\n          ref={checkboxRef}>\n          {children}\n        </CheckboxControl>\n        {hasBottomUserAssistance ? (\n          <InlineUserAssistance\n            id={bottomUaId}\n            isRequiredShown={!!isRequired && !propValue}\n            requiredAlignment=\"start\"\n            messages={messages}\n            userAssistanceDensity={userAssistanceDensity === 'reflow' ? 'reflow' : 'efficient'}\n            testId={UAtestId}\n          />\n        ) : userAssistanceDensity === 'reflow' ? undefined : (\n          /* save space for user assistance if density is 'efficient' or 'compact', even though we don't\n             render user assistance for disabled or readonly fields */\n          <InlineUserAssistance userAssistanceDensity=\"efficient\" testId={UAtestId} />\n        )}\n      </CheckboxRadioContext.Provider>\n    );\n  }\n);\n"],"names":["Checkbox","forwardRef","ariaDescribedBy","assistiveText","columnSpan","helpSourceLink","helpSourceText","isDisabled","propIsDisabled","isReadonly","propIsReadonly","isRequired","messages","onCommit","userAssistanceDensity","propUserAssistanceDensity","value","propValue","testId","children","ref","isFormDisabled","isFormReadonly","formUserAssistanceDensity","useFormContext","checkboxRef","useRef","id","useId","UAtestId","undefined","hasBottomUserAssistance","bottomUaId","onChangeHandler","useCallback","e","key","hasKey","input","target","checked","previousValue","useImperativeHandle","focus","current","blur","activeElement","document","_jsxs","jsxs","CheckboxRadioContext","Provider","isFocusRingShown","_jsx","CheckboxControl","onChange","onKeyUp","isChecked","InlineUserAssistance","isRequiredShown","requiredAlignment"],"mappings":"+vDAkFa,MAAAA,EAAWC,EAAUA,YAChC,EAEI,mBAAoBC,EACpBC,gBACAC,aACAC,iBACAC,iBACAC,WAAYC,EACZC,WAAYC,EACZC,cAAa,EACbC,WACAC,WACAC,sBAAuBC,EACvBC,MAAOC,EACPC,SACAC,YAEFC,EAA4B,QAE5B,MACEb,WAAYc,EACZZ,WAAYa,EACZR,sBAAuBS,GACrBC,EAAAA,iBAEEC,EAAcC,SAAyB,MACvCC,EAAKC,EAAAA,QACLC,EAAWX,EAAS,GAAGA,gCAAkCY,EAGzDvB,EAAaC,GAAkBa,EAC/BZ,EAAaC,GAAkBY,EAC/BR,EAAwBC,GAA6BQ,EAGrDQ,GAA2BxB,IAAeE,EAC1CuB,EAAaD,EAA0B,GAAGJ,mBAAiBG,EAE3DG,EAAkBC,eACrBC,IAEC,MAAMC,IAAEA,GAAQD,EACVE,OAAiBP,IAARM,EAEf,GAAIC,GAAkB,MAARD,EACZ,OAGF,MAAME,EAAQH,EAAEI,OAGVvB,EAAQqB,GAAUC,EAAME,QAAUF,EAAME,QACxCC,IAAkBxB,EAEpBwB,IAAkBzB,GACpBH,EAAS,CACPG,QACAyB,iBAEH,GAEH,CAAC5B,EAAUI,IAgBb,OAbAyB,EAAmBA,oBAACtB,GAAK,KAAO,CAC9BuB,MAAO,MACJpC,GAAckB,EAAYmB,SAASD,OAAO,EAE7CE,KAAM,KACJ,MAAMC,EAAgBC,SAASD,cAC/BrB,EAAYmB,UAAYE,GAAiBA,EAAcD,MAAM,MAQ/DG,EAACC,KAAAC,EAAoBA,qBAACC,SAAQ,CAACnC,MAAO,CAAEoC,kBAAmB7C,GAAYY,SAAA,CACrEkC,MAACC,EAAeA,gBAAA,IACTvB,EACD,CACEwB,SAAUtB,EACVuB,QAASvB,GAEX,CAAA,EAAG,mBACW/B,EAClBC,cAAeA,EACfC,WAAYA,EACZC,eAAgBA,EAChBC,eAAgBA,EAChBmD,UAAWxC,EACXV,WAAYA,EACZE,WAAYA,EACZE,WAAYA,EACZS,IAAKK,EACJN,SAAAA,IAEFY,EACCsB,MAACK,EAAAA,sBACC/B,GAAIK,EACJ2B,kBAAmBhD,IAAeM,EAClC2C,kBAAkB,QAClBhD,SAAUA,EACVE,sBAAiD,WAA1BA,EAAqC,SAAW,YACvEI,OAAQW,IAEkB,WAA1Bf,OAAqCgB,EAGvCuB,MAACK,EAAAA,qBAAoB,CAAC5C,sBAAsB,YAAYI,OAAQW,MAGpE"}

package/amd/CheckboxControl-c6a380b3.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './CheckboxRadioContext-6a0fead0', './HiddenAccessible-037ef42d', './useComponentTheme-5aa41a8f', './useFocus-4194fc59', './classNames-08d99695', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './useTranslationBundle-7c40cb58', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', 'preact/hooks', './Flex-590160eb', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './useId-c9578d26', './LayerHost-733ade2f', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-30886397', 'css!./IconStyle.styles.css', './IconButton-368fba34', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './logger-0f873e29', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './FormContext-5130e198', './FormFieldContext-3c44aaaa', './InputGroupContext-372087af', './Popup-3e2566da', './UNSAFE_Separator/themes/SeparatorStyles.css', './useFocusWithin-5a504fca', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './IconUserAssistance-e496ab70', './StyledCheckbox-0feb1ffb', './UNSAFE_Checkbox/themes/redwood/CheckboxTheme', './useActive-bb5dc069', './stringUtils-0ae982c2', './LayoutStyles.css-c8bc984d'], (function(e,s,o,t,a,n,c,l,i,r,d,u,b,h,p,m,y,S,C,x,f,F,A,T,U,g,k,w,M,v,B,N,E,_,R,L,j,D,I,V,P,K,H,q,G,W,$,z,J,O,Q){"use strict";const X=o.forwardRef((({"aria-describedby":e,name:i,value:u,children:b,isChecked:h,isDisabled:p,isReadonly:m,isRequired:y,onChange:S,onKeyUp:C,assistiveText:x,helpSourceLink:F,helpSourceText:A,columnSpan:T=1},U=null)=>{const g=f.useId(),k=o.useRef(null),{isTabbable:w}=r.useTabbableMode(),{isActive:M,activeProps:v}=J.useActive(),{isFocusRingShown:B}=t.useCheckboxRadioContext(),N=o.createRef(),{isFocus:E,focusProps:{onFocus:_,onBlur:R}}=c.useFocus(),{classes:L,styles:{valueLabelStyle:j,checkboxSpanStyle:D}}=n.useComponentTheme(z.CheckboxRedwoodTheme,{disabled:p?"isDisabled":"notDisabled",focused:E&&B?"isFocused":"notFocused"}),I=!(p||m||!x&&!F),V=I?`${g}-help-available`:void 0,P=I?`${g}-icon-ua`:void 0,{formControl_helpAvailable:H}=d.useTranslationBundle("@oracle/oraclejet-preact"),q=H(),G=I?s.jsx(a.HiddenAccessible,{id:V,children:q}):void 0;delete v.onKeyDown;const{focusProps:X,isFocused:Y}=K.useFocusWithin();o.useEffect((()=>{E&&B&&N?.current?.scrollIntoView({block:"nearest"})}),[E,B,N]);const Z=Q.layoutSpanStyles.layoutSpanColumn[T];return s.jsxs("label",{ref:N,class:l.classNames([L,Z]),children:[s.jsx("span",{class:D,...v,children:s.jsx($.StyledCheckbox,{"aria-describedby":O.merge([e,V]),name:i,value:u,onChange:S,onBlur:R,onFocus:_,onKeyUp:C,onKeyDown:e=>{const{key:s}=e;m||void 0===s||" "!==s||e.preventDefault()},isActive:M,isChecked:h?"checked":"unchecked",isDisabled:p,isReadonly:m,isRequired:y,ref:U})}),G,s.jsxs("span",{class:j,children:[s.jsx("span",{...v,...X,onMouseDown:e=>{const s=e.target.closest("a");s&&k.current?.contains(s)?e.stopPropagation():v.onMouseDown?.(e)},ref:k,children:b}),I&&s.jsx(W.IconUserAssistance,{assistiveText:x,helpSourceLink:F,helpSourceText:A,isTabbable:w&&(E||Y),id:P})]})]})}));e.CheckboxControl=X}));
+//# sourceMappingURL=CheckboxControl-c6a380b3.js.map

package/amd/CheckboxControl-c6a380b3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxControl-c6a380b3.js","sources":["../../src/PRIVATE_CheckboxControl/CheckboxControl.tsx"],"sourcesContent":["import { ComponentChild, ComponentProps, Ref } from 'preact';\nimport { forwardRef, createRef, useEffect, useRef } from 'preact/compat';\n\nimport { useCheckboxRadioContext } from '../PRIVATE_CheckboxRadioField/CheckboxRadioContext';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useFocus } from '../hooks/UNSAFE_useFocus';\nimport { IconUserAssistance, InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { StyledCheckbox } from '../PRIVATE_StyledCheckbox';\nimport { CheckboxRedwoodTheme } from '../UNSAFE_Checkbox/themes/redwood/CheckboxTheme';\nimport { useActive } from '../hooks/UNSAFE_useActive';\nimport {\n  CheckboxVariantOptions,\n  CheckboxStyles\n} from '../UNSAFE_Checkbox/themes/CheckboxStyles.css';\nimport { merge } from '#utils/UNSAFE_stringUtils';\nimport { useFocusWithin } from '#hooks/UNSAFE_useFocusWithin';\nimport { LayoutColumnSpan, layoutSpanStyles } from '#utils/UNSAFE_styles/Layout';\nimport { classNames } from '#utils/UNSAFE_classNames';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\ntype StyledCheckboxProps = ComponentProps<typeof StyledCheckbox>;\n\ntype CheckboxControlProps = Pick<\n  StyledCheckboxProps,\n  | 'aria-describedby'\n  | 'name'\n  | 'value'\n  | 'onChange'\n  | 'onKeyUp'\n  | 'isReadonly'\n  | 'isDisabled'\n  | 'isRequired'\n> &\n  Pick<InlineUserAssistanceProps, 'assistiveText' | 'helpSourceLink' | 'helpSourceText'> & {\n    /**\n     * Text that describes the checkbox value.\n     */\n    children: ComponentChild;\n    /**\n     * Specifies how many columns to span in a FormLayout with direction === 'row'\n     */\n    columnSpan?: LayoutColumnSpan;\n    /**\n     * Whether the input element is checked.\n     */\n    isChecked?: boolean;\n  };\n\n/**\n * CheckboxControl is an internal subcomponent used by both Checkbox and CheckboxItem.\n * It handles styling, placement of label, assistive text, and accessibility text for both parent components.\n * onCommit handling is handled in the parent components.\n */\nconst CheckboxControl = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      name,\n      value,\n      children,\n      isChecked,\n      isDisabled,\n      isReadonly,\n      isRequired,\n      onChange,\n      onKeyUp,\n      assistiveText,\n      helpSourceLink,\n      helpSourceText,\n      columnSpan = 1\n    }: CheckboxControlProps,\n    ref: Ref<HTMLInputElement> = null\n  ) => {\n    // hooks\n    const id = useId();\n    const childWrapperRef = useRef<HTMLSpanElement>(null);\n    const { isTabbable } = useTabbableMode();\n    const { isActive, activeProps } = useActive();\n    const { isFocusRingShown } = useCheckboxRadioContext();\n    const labelRef = createRef<HTMLLabelElement>();\n    const {\n      isFocus,\n      focusProps: { onFocus, onBlur }\n    } = useFocus();\n\n    // styling\n    const {\n      classes: checkboxClasses,\n      styles: { valueLabelStyle, checkboxSpanStyle }\n    } = useComponentTheme<CheckboxVariantOptions, CheckboxStyles>(CheckboxRedwoodTheme, {\n      disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n      focused: isFocus && isFocusRingShown ? 'isFocused' : 'notFocused'\n    });\n\n    // help available\n    const hasUserAssistive = !isDisabled && !isReadonly && !!(assistiveText || helpSourceLink);\n    const helpAvailableId = hasUserAssistive ? `${id}-help-available` : undefined;\n    const uaId = hasUserAssistive ? `${id}-icon-ua` : undefined;\n    const { formControl_helpAvailable } = useTranslationBundle<BundleType>(\n      '@oracle/oraclejet-preact'\n    );\n    const helpAvailableString = formControl_helpAvailable();\n    const userAssistiveHelp = hasUserAssistive ? (\n      <HiddenAccessible id={helpAvailableId}>{helpAvailableString}</HiddenAccessible>\n    ) : undefined;\n\n    // prevent auto scrolling\n    const onKeyDown = (event: KeyboardEvent) => {\n      const { key } = event;\n      if (!isReadonly && key !== undefined && key === ' ') {\n        event.preventDefault();\n      }\n    };\n\n    // we want to prevent mouseDown on Links to set active\n    const onMouseDownHandler = (e: Event) => {\n      // check to see if the target is within an <a> tag and the tag is within the label\n      const closestAnchor = (e.target as Element).closest('a');\n      closestAnchor && childWrapperRef.current?.contains(closestAnchor)\n        ? e.stopPropagation()\n        : activeProps['onMouseDown']?.(e);\n    };\n\n    // don't allow key down to set active state\n    delete activeProps['onKeyDown'];\n    const { focusProps, isFocused: isFocusedWithin } = useFocusWithin();\n\n    // JET-70100 - ensure checkbox is scrolled into view when focused and focus ring is shown\n    useEffect(() => {\n      if (isFocus && isFocusRingShown) {\n        labelRef?.current?.scrollIntoView({ block: 'nearest' });\n      }\n    }, [isFocus, isFocusRingShown, labelRef]);\n\n    // The top level element needs the column span class on it.\n    const classes = layoutSpanStyles.layoutSpanColumn[columnSpan];\n\n    return (\n      <label ref={labelRef} class={classNames([checkboxClasses, classes])}>\n        <span class={checkboxSpanStyle} {...activeProps}>\n          <StyledCheckbox\n            aria-describedby={merge([ariaDescribedBy, helpAvailableId])}\n            name={name}\n            value={value}\n            onChange={onChange}\n            onBlur={onBlur}\n            onFocus={onFocus}\n            onKeyUp={onKeyUp}\n            onKeyDown={onKeyDown}\n            isActive={isActive}\n            isChecked={isChecked ? 'checked' : 'unchecked'}\n            isDisabled={isDisabled}\n            isReadonly={isReadonly}\n            isRequired={isRequired}\n            ref={ref}\n          />\n        </span>\n        {userAssistiveHelp}\n        <span class={valueLabelStyle}>\n          <span\n            {...activeProps}\n            {...focusProps}\n            onMouseDown={onMouseDownHandler}\n            ref={childWrapperRef}>\n            {children}\n          </span>\n          {hasUserAssistive && (\n            <IconUserAssistance\n              assistiveText={assistiveText}\n              helpSourceLink={helpSourceLink}\n              helpSourceText={helpSourceText}\n              isTabbable={isTabbable && (isFocus || isFocusedWithin)}\n              id={uaId}\n            />\n          )}\n        </span>\n      </label>\n    );\n  }\n);\n\nexport { CheckboxControl };\n"],"names":["CheckboxControl","forwardRef","ariaDescribedBy","name","value","children","isChecked","isDisabled","isReadonly","isRequired","onChange","onKeyUp","assistiveText","helpSourceLink","helpSourceText","columnSpan","ref","id","useId","childWrapperRef","useRef","isTabbable","useTabbableMode","isActive","activeProps","useActive","isFocusRingShown","useCheckboxRadioContext","labelRef","createRef","isFocus","focusProps","onFocus","onBlur","useFocus","classes","checkboxClasses","styles","valueLabelStyle","checkboxSpanStyle","useComponentTheme","CheckboxRedwoodTheme","disabled","focused","hasUserAssistive","helpAvailableId","undefined","uaId","formControl_helpAvailable","useTranslationBundle","helpAvailableString","userAssistiveHelp","_jsx","HiddenAccessible","isFocused","isFocusedWithin","useFocusWithin","useEffect","current","scrollIntoView","block","layoutSpanStyles","layoutSpanColumn","_jsxs","class","classNames","jsx","StyledCheckbox","merge","onKeyDown","event","key","preventDefault","onMouseDown","e","closestAnchor","target","closest","contains","stopPropagation","IconUserAssistance"],"mappings":"i6DA0DA,MAAMA,EAAkBC,EAAAA,YACtB,EAEI,mBAAoBC,EACpBC,OACAC,QACAC,WACAC,YACAC,aACAC,aACAC,aACAC,WACAC,UACAC,gBACAC,iBACAC,iBACAC,aAAa,GAEfC,EAA6B,QAG7B,MAAMC,EAAKC,EAAAA,QACLC,EAAkBC,SAAwB,OAC1CC,WAAEA,GAAeC,EAAAA,mBACjBC,SAAEA,EAAQC,YAAEA,GAAgBC,EAASA,aACrCC,iBAAEA,GAAqBC,EAAAA,0BACvBC,EAAWC,EAAAA,aACXC,QACJA,EACAC,YAAYC,QAAEA,EAAOC,OAAEA,IACrBC,EAAAA,YAIFC,QAASC,EACTC,QAAQC,gBAAEA,EAAeC,kBAAEA,IACzBC,EAAiBA,kBAAyCC,uBAAsB,CAClFC,SAAUnC,EAAa,aAAe,cACtCoC,QAASb,GAAWJ,EAAmB,YAAc,eAIjDkB,IAAoBrC,GAAeC,IAAiBI,IAAiBC,GACrEgC,EAAkBD,EAAmB,GAAG3B,wBAAsB6B,EAC9DC,EAAOH,EAAmB,GAAG3B,iBAAe6B,GAC5CE,0BAAEA,GAA8BC,EAAoBA,qBACxD,4BAEIC,EAAsBF,IACtBG,EAAoBP,EACxBQ,MAACC,mBAAgB,CAACpC,GAAI4B,WAAkBK,SACtCJ,SAoBGtB,EAAuB,UAC9B,MAAMO,WAAEA,EAAYuB,UAAWC,GAAoBC,EAAcA,iBAGjEC,EAAAA,WAAU,KACJ3B,GAAWJ,GACbE,GAAU8B,SAASC,eAAe,CAAEC,MAAO,WAC5C,GACA,CAAC9B,EAASJ,EAAkBE,IAG/B,MAAMO,EAAU0B,EAAAA,iBAAiBC,iBAAiB/C,GAElD,OACEgD,OAAO,QAAA,CAAA/C,IAAKY,EAAUoC,MAAOC,EAAAA,WAAW,CAAC7B,EAAiBD,IACxD9B,SAAA,CAAA+C,EAAAA,IAAA,OAAA,CAAMY,MAAOzB,KAAuBf,EAClCnB,SAAA+C,EAAAc,IAACC,iBACmB,CAAA,mBAAAC,EAAKA,MAAC,CAAClE,EAAiB2C,IAC1C1C,KAAMA,EACNC,MAAOA,EACPM,SAAUA,EACVuB,OAAQA,EACRD,QAASA,EACTrB,QAASA,EACT0D,UAzCWC,IACjB,MAAMC,IAAEA,GAAQD,EACX9D,QAAsBsC,IAARyB,GAA6B,MAARA,GACtCD,EAAME,gBACP,EAsCKjD,SAAUA,EACVjB,UAAWA,EAAY,UAAY,YACnCC,WAAYA,EACZC,WAAYA,EACZC,WAAYA,EACZO,IAAKA,MAGRmC,EACDY,EAAAA,aAAMC,MAAO1B,EAAejC,SAAA,CAC1B+C,EAAAA,eACM5B,KACAO,EACJ0C,YA/CoBC,IAE1B,MAAMC,EAAiBD,EAAEE,OAAmBC,QAAQ,KACpDF,GAAiBxD,EAAgBuC,SAASoB,SAASH,GAC/CD,EAAEK,kBACFvD,EAAyB,cAAIkD,EAAE,EA2C7B1D,IAAKG,EAAed,SACnBA,IAEFuC,GACCQ,EAAAc,IAACc,qBACC,CAAApE,cAAeA,EACfC,eAAgBA,EAChBC,eAAgBA,EAChBO,WAAYA,IAAeS,GAAWyB,GACtCtC,GAAI8B,SAKZ"}

package/amd/CheckboxRadioField-1987c75d.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './useCollectionFocusRing-9dab85a9', './useTranslationBundle-7c40cb58', './Flex-590160eb', './Label-41b672b4', './InlineHelp-4f896a0a', './logger-0f873e29', './TabbableModeContext-a9c97640', 'preact/hooks', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-a97e0011', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './utils-32e81a13', './useTestId-c286f212', './LayerHost-733ade2f', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-30886397', 'css!./IconStyle.styles.css', './IconButton-368fba34', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', './HiddenAccessible-037ef42d', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './FormFieldContext-3c44aaaa', './Popup-3e2566da', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './CheckboxRadioFieldStyles.css-681da2d3', './CheckboxRadioContext-6a0fead0', './LayoutStyles.css-c8bc984d', './classNames-08d99695', './FormContext-5130e198', './useFormContext-30acdd33', './useFormFieldContext-8196183c', './size-f0e638ec', './useComponentTheme-5aa41a8f', './UNSAFE_RadioItem/themes/redwood/RadioTheme', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_TextField/themes/redwood/FormLayoutTheme', './UNSAFE_Checkbox/themes/redwood/CheckboxTheme', './StyledLabelValueLayout-2524f5c3', 'css!./CheckboxRadioLabelValueLayoutStyles.styles.css'], (function(e,s,t,a,o,l,n,i,r,d,c,b,h,u,m,p,y,S,x,C,A,T,U,F,f,L,R,w,_,g,I,k,E,N,V,B,j,v,M,P,W,D,H,$,q,z,G,O,J,K,Q,X,Y,Z,ee,se,te,ae,oe){"use strict";var le="CheckboxRadioLabelValueLayoutStyles_checkboxRadioLabelInnerStyles_startRadioSetWithoutTopUA__6098ei0",ne="CheckboxRadioLabelValueLayoutStyles_checkboxRadioLabelInnerStyles_insideRadioSet__6098ei1",ie="CheckboxRadioLabelValueLayoutStyles_checkboxRadioLabelInnerStyles_startCheckboxSetWithoutTopUA__6098ei2",re="CheckboxRadioLabelValueLayoutStyles_checkboxRadioLabelInnerStyles_insideCheckboxSet__6098ei3";const de=({label:e,labelEdge:t,children:a,parentComponentVariant:o,labelStartWidth:l="33%",hasTopUserAssistance:n=!1})=>{const{baseTheme:i}=Y.useComponentTheme(Z.RadioRedwoodTheme),{baseTheme:r}=Y.useComponentTheme(te.CheckboxRedwoodTheme),{baseTheme:d}=Y.useComponentTheme(ee.LabelRedwoodTheme),{baseTheme:c}=Y.useComponentTheme(se.FormLayoutRedwoodTheme),b="radioSet"===o,h="checkboxSet"===o,u="start"===t,m="top"===t||"inside"===t,p="inside"===t,y=X.sizeToCSS(l),S=`calc(100% - ${y})`,x=u?{flexBasis:y,width:y,maxWidth:y}:{},C=u?{flexBasis:S,width:S,maxWidth:S}:{},{isFormLayout:A,isReadonly:T,labelWrapping:U}=K.useFormContext(),{isReadonly:F}=Q.useFormFieldContext(),f=A&&T||!A&&F,L=O.classNames([c,ae.labelSlotStyles.base,u&&ae.labelSlotStyles.start,m&&ae.labelSlotStyles.top,m&&n&&ae.labelSlotStyles.topAndTopUA,m&&f&&ae.labelSlotStyles.topPureReadonly]),R=O.classNames([b&&i,h&&r,d,c,ae.labelInnerStyles.base,u&&ae.labelInnerStyles.start,b&&p&&ne,h&&p&&re,b&&u&&!n&&le,h&&u&&!n&&ie,"truncate"===U&&ae.labelInnerStyles.noWrap]);return s.jsx(ae.StyledLabelValueLayout,{flexAlign:F&&u?"stretch":"start",labelStyleClasses:L,labelStyles:x,labelInnerClasses:R,label:e,valueStyles:C,children:a})},ce=t.forwardRef((({"aria-describedby":e,assistiveText:r,baseId:d,direction:c="column",columnSpan:b=1,hasValue:h,helpSourceLink:u,helpSourceText:p,isDisabled:y,isReadonly:S,isRequired:x,label:T,labelEdge:U,labelStartWidth:F="33%",parentComponentVariant:f,messages:L,userAssistanceDensity:R,role:w,children:_,testId:g},I=null)=>{const k=A.useTestId(g),N=`${g}-inline-user-assistance`,V=g?`${N}-top`:void 0,B=g?`${N}-bottom`:void 0,j=!(y||S||!r&&!u),v=!y&&!S,M=t.useRef(null),{groupProps:P,labelProps:W,topUserAssistanceProps:D,bottomUserAssistanceProps:H,readonlyId:$}=q.useCheckboxRadioField({ariaDescribedBy:e,baseId:d,isRequired:x,isReadonly:S,isDisabled:y,label:T,labelEdge:U,messages:L,hasValue:h,hasTopUserAssistance:j,hasBottomUserAssistance:v,parentComponentVariant:f}),O=o.useTranslationBundle("@oracle/oraclejet-preact").formControl_readOnly(),J="radioSet"===f;t.useImperativeHandle(I,(()=>({focus:()=>{if(!y){const e=M.current?.querySelectorAll("input")??[],s=Array.from(e).find((e=>e.checked));s?s.focus():e[0].focus()}},blur:()=>{M.current?.contains(document.activeElement)&&document.activeElement.blur()}})));const[K,Q]=a.useCollectionFocusRing(M,J?["ArrowUp","ArrowRight","ArrowDown","ArrowLeft"]:["Tab"]),X=s.jsxs(s.Fragment,{children:[j&&s.jsx("div",{id:`${d}-top-ua-container`,class:"start"===U?q.topUAContainerStyles.start:q.topUAContainerStyles.top,children:s.jsx(m.InlineUserAssistanceContainer,{...D,testId:V,children:s.jsx(i.InlineHelp,{assistiveText:r,sourceLink:u,sourceText:p})})}),s.jsx(l.Flex,{direction:c,..."row"===c&&{gap:[0,C.xUnits(8)],wrap:"wrap"},children:s.jsx(z.CheckboxRadioContext.Provider,{value:{isFocusRingShown:K},children:_})}),v?s.jsx(m.InlineUserAssistance,{...H,requiredAlignment:"start",messages:L,userAssistanceDensity:"reflow"===R?"reflow":"efficient",testId:B}):"reflow"===R?void 0:s.jsx(m.InlineUserAssistance,{id:H?.id,userAssistanceDensity:"efficient",testId:B})]}),Y=G.layoutSpanStyles.layoutSpanColumn[b];return s.jsxs("div",{role:w,ref:M,class:Y,...P,...Q,...k,children:["none"===U?X:s.jsx(de,{parentComponentVariant:f,hasTopUserAssistance:j,label:s.jsx(n.Label,{...W,variant:U,userAssistanceDensity:"efficient",parentComponentVariant:f,children:T}),labelEdge:U,labelStartWidth:F,children:X}),S&&s.jsx(E.HiddenAccessible,{id:$,isHidden:!0,children:O})]})}));e.CheckboxRadioField=ce}));
+//# sourceMappingURL=CheckboxRadioField-1987c75d.js.map