@oracle/oraclejet-preact 18.1.5 → 18.1.6

package/es/TextAreaAutosize-35a923c3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextAreaAutosize-35a923c3.js","sources":["../../src/UNSAFE_TextAreaAutosize/ScrollHeightUtils.tsx","../../src/UNSAFE_TextAreaAutosize/useTextAreaAutosizing.tsx","../../src/UNSAFE_TextAreaAutosize/TextAreaAutosize.tsx"],"sourcesContent":["// returns the lineHeight as a number of pixels.\nexport const calculateLineHeight = (textarea: HTMLTextAreaElement): number => {\n  const computedStyle = window.getComputedStyle(textarea);\n  const computedlineHeight = computedStyle.lineHeight;\n  if (computedlineHeight === 'normal') {\n    // We get 'normal' for values 'initial', 'inherit', 'unset' and 'normal'\n    // TODO: Unclear if we need this.\n    // getComputedStyle always return fontSize in pixels.  Not likely a float, but since it's legal\n    // we use parseFloat()\n    const fontSize = parseFloat(computedStyle.fontSize);\n    return 1.2 * fontSize;\n  }\n  return parseFloat(computedlineHeight);\n};\nexport const getStylingHeight = (textarea: HTMLTextAreaElement) => {\n  const cssStyle = window.getComputedStyle(textarea);\n  const paddingTop = parseFloat(cssStyle.paddingTop);\n  const paddingBottom = parseFloat(cssStyle.paddingBottom);\n  const borderTop = parseFloat(cssStyle.borderTop);\n  const borderBottom = parseFloat(cssStyle.borderBottom);\n  return { paddingHeight: paddingTop + paddingBottom, borderHeight: borderTop + borderBottom };\n};\n","import type { ComponentProps, RefObject } from 'preact';\nimport { useLayoutEffect } from 'preact/hooks';\nimport { calculateLineHeight, getStylingHeight } from './ScrollHeightUtils';\nimport { TextAreaAutosize } from './TextAreaAutosize';\n\ntype PickedPropsFromTextAreaAutosize = Pick<\n  ComponentProps<typeof TextAreaAutosize>,\n  'minRows' | 'maxRows' | 'value'\n>;\ntype Props = PickedPropsFromTextAreaAutosize & {\n  isReadonly?: boolean;\n  enabledElementRef: RefObject<HTMLTextAreaElement>;\n  readonlyElementRef: RefObject<HTMLTextAreaElement | HTMLDivElement>;\n};\n\n// TODO: Make this fire when the container resizes - JET-50840\nexport const useTextAreaAutosizing = ({\n  isReadonly,\n  enabledElementRef,\n  readonlyElementRef,\n  minRows = 2,\n  maxRows,\n  value\n}: Props) => {\n  useLayoutEffect(() => {\n    const textareaRef = isReadonly ? readonlyElementRef : enabledElementRef;\n    if (textareaRef.current === null) return;\n    if (textareaRef.current instanceof HTMLDivElement) return; // We don't need to do anything if the readonlyElement is a DIV.\n    const textarea = textareaRef.current;\n    const lineHeight = calculateLineHeight(textarea);\n    textarea.style.height = '0';\n    const { paddingHeight, borderHeight } = getStylingHeight(textarea);\n    const heightForMinRows = lineHeight * minRows + paddingHeight + borderHeight;\n    const scrollHeight = textarea.scrollHeight + borderHeight;\n    let resizedHeight = 0;\n    // if maxRows is -1 the textarea will grow or shrink to fit all the content.\n    // it won't shrink any less than rows.\n    if (maxRows === undefined) {\n      // we want to fit the entire scrollHeight, but we don't want\n      // to shrink smaller than the height for rows.\n      if (scrollHeight < heightForMinRows) {\n        resizedHeight = heightForMinRows;\n      } else {\n        resizedHeight = scrollHeight;\n      }\n    } else if (maxRows > minRows) {\n      // if maxRows is positive and greater than rows, the textarea will grow to fit the content\n      // up to maxrows, or shrink to fit the content and down to rows.\n      const heightForMaxRows = lineHeight * maxRows + paddingHeight + borderHeight;\n      if (scrollHeight > heightForMaxRows) {\n        resizedHeight = heightForMaxRows;\n      } else if (scrollHeight < heightForMinRows) {\n        resizedHeight = heightForMinRows;\n      } else {\n        resizedHeight = scrollHeight;\n      }\n    } else {\n      resizedHeight = heightForMinRows;\n    }\n    // The 0.5 gaurantees that the clientHeight will be bigger than the scrollHeight, so no scrollbar appears.\n    textarea.style.height = resizedHeight + 0.5 + 'px';\n  }, [value, minRows, maxRows, isReadonly, enabledElementRef, readonlyElementRef]);\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 { ComponentProps, Ref } from 'preact';\nimport { forwardRef, useCallback, useImperativeHandle, useRef } from 'preact/compat';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { FocusableHandle, useFocusableTextField } from '../hooks/UNSAFE_useFocusableTextField';\nimport { Label } from '../UNSAFE_Label';\nimport {\n  ReadonlyTextField,\n  ReadonlyTextFieldInput,\n  TextField,\n  TextFieldInput\n} from '../UNSAFE_TextField';\nimport { useTextField } from '../hooks/UNSAFE_useTextField';\nimport {\n  CompactUserAssistance,\n  InlineUserAssistance,\n  UserAssistanceDensityType\n} from '../UNSAFE_UserAssistance';\nimport { CountUnit, useLengthFilter } from '../hooks/UNSAFE_useLengthFilter';\nimport { MaxLengthLiveRegion } from '../UNSAFE_TextField';\nimport { useTextAreaAutosizing } from './useTextAreaAutosizing';\nimport { Size } from '../utils/UNSAFE_size';\nimport { useCurrentValueReducer } from '../hooks/UNSAFE_useCurrentValueReducer';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\nimport { MaxLengthCounter } from '../UNSAFE_TextArea';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { ComponentMessageItem } from '../UNSAFE_ComponentMessage';\nimport { LayoutColumnSpan } from '../utils/UNSAFE_styles/Layout';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { SelectableHandle, useSelectableTextField } from '#hooks/UNSAFE_useSelectableTextField';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\n\ntype TextFieldInputProps = ComponentProps<typeof TextFieldInput>;\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = TestIdProps & {\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  'aria-describedby'?: TextFieldInputProps['aria-describedby'];\n  /**\n   * Text to provide guidance to help the user understand what to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * Dictates component's autocomplete state.\n   * This attribute indicates whether the value of the control can be automatically completed by the browser.\n   * The common values are \"on\" and \"off\".\n   */\n  autoComplete?: TextFieldInputProps['autoComplete'];\n  /**\n   * Autofocus specifies whether the component will get focus when the page is loaded.\n   * If it is set to true then the associated component will get input focus when the page is loaded.\n   * Setting this property doesn't set the focus to the component; it tells the browser to focus\n   * to it when the element is inserted in the document.\n   */\n  autoFocus?: TextFieldInputProps['autoFocus'];\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 component is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Specifies whether the component is readonly.\n   */\n  isReadonly?: boolean;\n  /**\n   * Specifies for accessibility purposes whether a value is required.\n   *\n   * Setting this property to <code>false</code> means that a value is not required to be\n   * committed by the user.  Setting this property to <code>true</code> means that a value\n   * is required to be committed by the user.\n   */\n  isRequired?: TextFieldInputProps['isRequired'];\n  /**\n   * Specifies whether to show an indicator on screen that a value is required, for example\n   * before the user has committed a value.\n   */\n  isRequiredShown?: InlineUserAssistanceProps['isRequiredShown'];\n  /**\n   * Specifies the label associated with the field.\n   */\n  label: string;\n  /**\n   * Specifies where the label is positioned relative to the field.\n   */\n  labelEdge?: 'inside' | 'start' | 'top' | 'none';\n  /**\n   * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>\n   */\n  labelStartWidth?: Size;\n  /**\n   * Specifies the maximum number of characters that can be entered in the input field.\n   */\n  maxLength?: number;\n  /**\n   * Determines whether the remaining number of characters that can be entered is shown or not.\n   */\n  maxLengthCounter?: 'none' | 'remaining';\n  /**\n   * Specifies how the input text characters are to be counted when maxLength is specified.\n   */\n  maxLengthUnit?: CountUnit;\n  /**\n   * Specifies the maximum number of rows that the TextAreaAutosize is allowed to grow to.\n   * If maxRows is less than minRows, it is ignored.\n   */\n  maxRows?: number;\n  /**\n   * Messages to show on screen that are associated with the component.\n   */\n  messages?: InlineUserAssistanceProps['messages'];\n  /**\n   * Specifies the minimum number of rows that the TextAreaAutosize is allowed to shrink to.\n   */\n  minRows?: number;\n  /**\n   * A short hint to display before the user enters a value.\n   */\n  placeholder?: TextFieldInputProps['placeholder'];\n  /**\n   * Specifies how the user is allowed to manually resize the TextArea component.\n   */\n  role?: TextFieldInputProps['role'];\n  /**\n   * Specifies the number of rows to display\n   */\n  textAlign?: TextFieldInputProps['textAlign'];\n  /**\n   * Specifies the density of the user assistance presentation. It can be set to:\n   * <ul>\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>'reflow'</code>: Show inline. Layout will reflow when text is displayed.</li>\n   * <li><code>'compact'</code>: Messages, help, hints, and required will not be shown inline; they will show in a mode that keeps the screen more compact, like a popup for the messages, and a required icon to indicate Required. </li>\n   * </ul>\n   */\n  userAssistanceDensity?: UserAssistanceDensityType;\n  /**\n   * The current display value of the component.\n   */\n  value?: TextFieldInputProps['value'];\n  /**\n   * The style variant of the component.\n   */\n  variant?: TextFieldInputProps['variant'];\n  /**\n   * Callback invoked when the user commits the entered value by blurring out of the field.\n   *\n   */\n  onCommit?: TextFieldInputProps['onCommit'];\n\n  /**\n   * Callback invoked when the user inputs a value.\n   *\n   */\n  onInput: TextFieldInputProps['onInput'];\n};\ntype FocusSelectHandle = FocusableHandle & SelectableHandle;\n/**\n * A text area auto size displays a field that allows a user to enter a multi-line text value, and will adjust its height based on its content.\n */\nexport const TextAreaAutosize = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      autoComplete = 'off',\n      autoFocus = false,\n      columnSpan,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      isRequiredShown,\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      maxLength,\n      maxLengthCounter = 'remaining',\n      maxLengthUnit,\n      maxRows,\n      messages,\n      minRows = 2,\n      placeholder,\n      role,\n      //TODO: Add counter to show the length remaining - JET-50752\n      textAlign: propTextAlign,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n      variant = 'default',\n      onInput,\n      onCommit,\n      testId\n    }: Props,\n    ref?: Ref<FocusSelectHandle>\n  ) => {\n    const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n    const formControl_limitReached = maxLength\n      ? translations.formControl_limitReached({\n          CHARACTER_LIMIT: maxLength\n        })\n      : '';\n\n    const { currentCommitValue, dispatch } = useCurrentValueReducer({ value });\n    const onInputAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\n        dispatch({ type: 'input', payload: detail.value });\n        onInput?.(detail);\n      },\n      [onInput, dispatch]\n    );\n    const onCommitAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\n        dispatch({ type: 'commit', payload: detail.value });\n        onCommit?.(detail);\n      },\n      [onCommit, dispatch]\n    );\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      labelStartWidth: formLabelStartWidth,\n      textAlign: formTextAlign,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\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 textAlign = propTextAlign ?? formTextAlign;\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n    const maxLengthDescribedByIdRef = useRef<string>(useId());\n    // The enabledAriaDescribedBy includes the maxLengthDescribedById in addition to what was passed in to aria-describedby.\n    // We don't need to announce the max length message for readonly, as it only applies when editing the value.\n    const enabledAriaDescribedBy = ariaDescribedBy\n      ? `${ariaDescribedBy} ${maxLengthDescribedByIdRef.current}`\n      : maxLengthDescribedByIdRef.current;\n\n    const enabledElementRef = useRef<HTMLTextAreaElement>(null);\n    const readonlyElementRef = useRef<HTMLTextAreaElement | HTMLDivElement>(null);\n\n    const {\n      focusProps,\n      isFocused,\n      methods: focusMethods\n    } = useFocusableTextField<HTMLTextAreaElement, HTMLTextAreaElement | HTMLDivElement>({\n      isDisabled,\n      isReadonly,\n      enabledElementRef,\n      readonlyElementRef\n    });\n\n    const { methods: selectMethods } =\n      useSelectableTextField<HTMLTextAreaElement>(enabledElementRef);\n\n    useImperativeHandle(ref!, () => mergeProps(focusMethods, selectMethods), [\n      focusMethods,\n      selectMethods\n    ]);\n\n    // Handle length filter for user-typed inputs and controlled inputs\n    const { isMaxLengthReached, valueLength, onFilteredInput } = useLengthFilter({\n      maxLength,\n      maxLengthUnit,\n      value,\n      onInput: onInputAndDispatch,\n      onCommit: onCommitAndDispatch\n    });\n\n    const limitMessage = [{ detail: formControl_limitReached, severity: 'info' }];\n    const allMessages = [\n      ...(messages ?? []),\n      ...(isMaxLengthReached ? limitMessage : [])\n    ] as ComponentMessageItem[];\n\n    const { formFieldContext, inputProps, labelProps, textFieldProps, userAssistanceProps } =\n      useTextField({\n        ariaDescribedBy: isReadonly || isDisabled ? ariaDescribedBy : enabledAriaDescribedBy,\n        contentVariant: 'textarea',\n        helpSourceLink,\n        helpSourceText,\n        isDisabled,\n        isFocused,\n        isReadonly,\n        isRequiredShown,\n        labelEdge,\n        messages: allMessages,\n        styleVariant: variant,\n        userAssistanceDensity,\n        value\n      });\n\n    const onClickCounter = useCallback(() => {\n      const elm = enabledElementRef.current;\n      // for setSelectionRange(), len needs to be a number or null.\n      const len = elm ? elm.value.length : null;\n      // Since the counter element is after the text, clicking in this\n      // should put the selection at the end of the text\n      enabledElementRef.current?.setSelectionRange(len, len);\n      // Clicking the counter should put the focus on the input field\n      enabledElementRef.current?.focus();\n    }, [enabledElementRef]);\n\n    const labelComp = labelEdge !== 'none' ? <Label {...labelProps}>{label}</Label> : undefined;\n\n    const fieldLabelProps = {\n      label: labelEdge !== 'none' ? labelComp : undefined,\n      labelEdge: labelEdge !== 'none' ? labelEdge : undefined,\n      labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined\n    };\n\n    const ariaLabel = labelEdge === 'none' ? label : undefined;\n    const isInlineDensity =\n      userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow';\n\n    const inlineUserAssistance = isInlineDensity ? (\n      isDisabled || isReadonly ? (\n        // save space for user assistance if density is 'efficient', even though we don't\n        // render user assistance for disabled or readonly fields\n        userAssistanceDensity !== 'efficient' ? undefined : (\n          <InlineUserAssistance\n            userAssistanceDensity={userAssistanceDensity}\n            {...userAssistanceProps}\n          />\n        )\n      ) : (\n        <InlineUserAssistance\n          assistiveText={assistiveText}\n          fieldLabel={label}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          messages={allMessages}\n          isRequiredShown={isRequiredShown}\n          userAssistanceDensity={userAssistanceDensity}\n          {...userAssistanceProps}\n        />\n      )\n    ) : undefined;\n\n    const anchorRef = useRef<HTMLDivElement>(null);\n\n    const compactUserAssistance =\n      userAssistanceDensity === 'compact' ? (\n        <CompactUserAssistance\n          anchorRef={anchorRef}\n          messages={allMessages}\n          assistiveText={assistiveText}\n          {...userAssistanceProps}\n        />\n      ) : undefined;\n\n    useTextAreaAutosizing({\n      isReadonly,\n      enabledElementRef,\n      readonlyElementRef,\n      minRows,\n      maxRows,\n      value\n    });\n\n    if (isReadonly) {\n      // TODO: should be able to configure whether start/end content is shown when readonly\n      // JET-49916 - Preact InputText: show start/end content when readonly\n      const mainContent = (\n        <ReadonlyTextFieldInput\n          aria-describedby={inputProps['aria-describedby']}\n          aria-label={ariaLabel}\n          aria-labelledby={labelProps.id}\n          elementRef={readonlyElementRef}\n          {...(maxRows ? { as: 'textarea', rows: minRows } : { as: 'div' })}\n          autoFocus={autoFocus}\n          textAlign={textAlign}\n          value={value}\n          variant=\"textarea\"\n          hasEmptyLabel={label === '' && labelEdge === 'none'}\n          hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n        />\n      );\n      return (\n        <FormFieldContext.Provider value={formFieldContext}>\n          <ReadonlyTextField\n            role=\"presentation\"\n            columnSpan={columnSpan}\n            compactUserAssistance={compactUserAssistance}\n            inlineUserAssistance={inlineUserAssistance}\n            variant=\"textarea\"\n            mainContent={mainContent}\n            ref={anchorRef}\n            testId={testId}\n            {...fieldLabelProps}\n          />\n        </FormFieldContext.Provider>\n      );\n    }\n    const hasMaxLength = maxLength !== undefined;\n    const mainContent = (\n      <>\n        <TextFieldInput\n          as=\"textarea\"\n          aria-label={ariaLabel}\n          autoComplete={autoComplete}\n          autoFocus={autoFocus}\n          currentCommitValue={currentCommitValue}\n          hasEmptyLabel={label === '' && labelEdge === 'none'}\n          hasInsideLabel={labelComp !== undefined && labelEdge === 'inside'}\n          isRequired={isRequired}\n          inputRef={enabledElementRef}\n          onCommit={onCommitAndDispatch}\n          onInput={onFilteredInput}\n          placeholder={placeholder}\n          role={role}\n          rows={minRows}\n          textAlign={textAlign}\n          value={value}\n          {...inputProps}\n        />\n        {maxLengthCounter === 'remaining' && hasMaxLength && (\n          <MaxLengthCounter\n            maxLength={maxLength}\n            valueLength={valueLength}\n            onClick={onClickCounter}\n          />\n        )}\n        {hasMaxLength && (\n          <HiddenAccessible id={maxLengthDescribedByIdRef.current}>\n            {translations.formControl_maxLength({\n              MAX_LENGTH: `${maxLength}`\n            })}\n          </HiddenAccessible>\n        )}\n        {hasMaxLength && isFocused && (\n          <MaxLengthLiveRegion\n            maxLength={maxLength}\n            valueLength={valueLength}\n            testId={testId + '_remainingChars'}\n          />\n        )}\n      </>\n    );\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <TextField\n          mainContent={mainContent}\n          columnSpan={columnSpan}\n          compactUserAssistance={compactUserAssistance}\n          inlineUserAssistance={inlineUserAssistance}\n          onBlur={focusProps?.onFocusOut}\n          onFocus={focusProps?.onFocusIn}\n          mainFieldRef={anchorRef}\n          testId={testId}\n          {...textFieldProps}\n          {...fieldLabelProps}\n        />\n      </FormFieldContext.Provider>\n    );\n  }\n);\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}

package/es/TimeComponentCanvas2D-9fd1f811.js

@@ -1,568 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { jsx, jsxs } from 'preact/jsx-runtime';
-import { layersStackStyles, overlayControlsContainerStyles, panZoomLayoutStyles, zoomControlStyles, zoomControlsLayoutStyles, verticalScrollbarStyles, horizontalScrollbarStyles, verticalGridlinesStyles, timeAxisLabelsStyles } from './PRIVATE_TimeComponent/themes/TimeComponentStyles.css.js';
-import { c as classNames } from './classNames-4e12b00d.js';
-import { useState, useRef, useLayoutEffect } from 'preact/hooks';
-import { T as TrackResizeContainer } from './TrackResizeContainer-04a2c642.js';
-import { F as Flex } from './Flex-ce31b351.js';
-import { B as BaseButton } from './BaseButton-a0534b4d.js';
-import { B as ButtonLabelLayout } from './ButtonLabelLayout-e9f8cbc0.js';
-import { u as useTooltip } from './useTooltip-89ca3f3e.js';
-import './logger-c92f309c.js';
-import './LayerHost-e6402730.js';
-import 'preact/compat';
-import './TooltipContentStyles.styles.css';
-import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
-import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
-import './tooltipUtils-768450a7.js';
-import { S as SvgPlus } from './Plus-cda9af8c.js';
-import { a as getFormatParse } from './getFormatParse-75ff7ef9.js';
-import { u as useTranslationBundle } from './useTranslationBundle-09302c20.js';
-import { S as SvgMinus } from './Minus-175d2807.js';
-import { u as usePointerGesture } from './usePointerGesture-ddf231cc.js';
-import { toChildArray } from 'preact';
-import { T as Text } from './Text-f8d4ff78.js';
-
-function TimeComponentLayersStack({ width, height, children, align, justify }) {
-    const layers = toChildArray(children);
-    return (jsx("div", { class: layersStackStyles.base, style: { width, height, alignItems: align, justifyItems: justify }, children: layers.map((layer) => (jsx("div", { class: layersStackStyles.layer, children: layer }))) }));
-}
-
-function TimeComponentOverlayControlsContainer({ innerRef, children }) {
-    const [isVisible, setIsVisible] = useState(false);
-    const onControlsShow = () => setIsVisible(true);
-    const onControlsHide = () => setIsVisible(false);
-    const visibilityProps = { onControlsShow, onControlsHide };
-    return (jsx("div", { ref: innerRef, ...visibilityProps, class: classNames([
-            overlayControlsContainerStyles.base,
-            isVisible && overlayControlsContainerStyles.visible
-        ]), children: children }));
-}
-
-function TimeComponentPanZoomLayout({ overlayControlsContainerRef, width, height, overlayControls, verticalControl, verticalControlTopGap = '0', verticalControlBottomGap = '0', verticalControlStartGap = true, horizontalControl, horizontalControlStartGap = '0', horizontalControlEndGap = '0', horizontalControlTopGap = true, vis }) {
-    return (jsxs("div", { class: panZoomLayoutStyles.base, style: {
-            gridTemplateColumns: `${horizontalControlStartGap} minmax(0, 1fr) ${horizontalControlEndGap} auto`,
-            gridTemplateRows: `${verticalControlTopGap} minmax(0, 1fr) ${verticalControlBottomGap} auto`,
-            width,
-            height
-        }, children: [jsx("div", { class: classNames([
-                    panZoomLayoutStyles.verticalControl,
-                    verticalControlStartGap && panZoomLayoutStyles.verticalControlWithSpacing
-                ]), children: verticalControl }), jsx("div", { class: classNames([
-                    panZoomLayoutStyles.horizontalControl,
-                    horizontalControlTopGap && panZoomLayoutStyles.horizontalControlWithSpacing
-                ]), children: horizontalControl }), jsx("div", { class: panZoomLayoutStyles.vis, children: overlayControls ? (jsxs(TimeComponentLayersStack, { children: [vis, jsx(TimeComponentOverlayControlsContainer, { innerRef: overlayControlsContainerRef, children: overlayControls })] })) : (vis) })] }));
-}
-
-function TimeComponentZoomControl({ children, accessibleLabel, isDisabled = false, onAction }) {
-    const { tooltipContent, tooltipProps: { onFocus, onBlur, ...restTooltipProps } } = useTooltip({ text: accessibleLabel });
-    // Note that below we ensure the button is not tabbable;
-    // one should use a specific set of keyboard shortcuts for zooming instead.
-    // TODO: Work with UX to confirm the final look, and then switch to use the EmbeddedIconButton.
-    return (jsxs("div", { class: zoomControlStyles.base, ...restTooltipProps, children: [jsx(BaseButton, { elementDetails: isDisabled ? undefined : { type: 'span', isFocusable: false }, isDisabled: isDisabled, size: "sm", variant: "outlined", styling: ['min'], onAction: onAction, children: jsx(ButtonLabelLayout, { display: 'icons', startIcon: children, size: 'sm' }) }), tooltipContent] }));
-}
-
-/**
- * @license
- * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
- * Licensed under The Universal Permissive License (UPL), Version 1.0
- * as shown at https://oss.oracle.com/licenses/upl/
- * @ignore
- */
-const DAY = 1000 * 60 * 60 * 24;
-/**
- * Returns the timestamp value of the given ISO date string.
- * @param date The ISO date string.
- * @returns The number of milliseconds that has elapsed since the epoch.
- */
-const parseDate = (date) => Date.parse(date);
-/**
- * Returns the ISO date string given a date timestamp.
- * @param date The timestamp (number of milliseconds that has elapsed since the epoch.)
- * @returns The corresponding ISO date string.
- */
-const getISOString = (time) => new Date(time).toISOString();
-/**
- * Gets the pixel position of the given time in a given viewport.
- * @param time The query time.
- * @param viewportStartTime The viewport start time.
- * @param viewportEndTime The viewport end time.
- * @param width The viewport width.
- * @param isRTL Whether the reading direction is rtl.
- * @returns The pixel position.
- */
-const getTimePosition = (time, viewportStartTime, viewportEndTime, width, isRTL) => {
-    const ltrPos = (width * (time - viewportStartTime)) / (viewportEndTime - viewportStartTime);
-    return isRTL ? width - ltrPos : ltrPos;
-};
-/**
- * Gets the time of a given pixel position in a given viewport.
- * @param pos The query position.
- * @param viewportStartTime Thew viewport start time.
- * @param viewportEndTime The viewport end time.
- * @param width The viewport width.
- * @param isRTL Whether the reading direction is rtl.
- * @returns The time.
- */
-const getPositionTime = (pos, viewportStartTime, viewportEndTime, width, isRTL) => {
-    const ltrPos = isRTL ? width - pos : pos;
-    return (ltrPos * (viewportEndTime - viewportStartTime)) / width + viewportStartTime;
-};
-/**
- * Gets an appropriate date formatter function for the given scale.
- * @param scale The time scale.
- * @param timeTest A time to invoke the scale on to determine the best date formatter function to return.
- * @returns The date formatter function.
- */
-const getDefaultDateFormatter = (scale, timeTest) => {
-    // This is used for default datatip and acc.
-    // Note that in legacy, the default converter depends on the enum scale of the minor axis.
-    // However, in preact, we don't have enum scales, so we'll instead default based
-    // on the duration of a minor axis scale interval, i.e. if interval < 1 day, use datetime formatter,
-    // otherwise use date formatter. This should yield the same desired behavior if the default importable scales
-    // are used. For custom scales in legacy we just use dateformatter always even when the resolution is in < day.
-    // So arguably, this is a better default behavior than what we have in legacy.
-    //
-    // TODO: Decide whether to change legacy to do this behavior, OR in corepack, to 100%
-    // preserve the legacy behavior for default datatips + custom time scales,
-    // we'll make sure to pass the appropriate default converter to
-    // preact comp's valueformats based on scale (when we support valueformats in the future).
-    const timeTestString = getISOString(timeTest);
-    const intervalStart = parseDate(scale.getPreviousDate(timeTestString));
-    const intervalEnd = parseDate(scale.getNextDate(timeTestString));
-    const duration = intervalEnd - intervalStart;
-    const formatOptions = duration <= DAY
-        ? {
-            dateStyle: 'medium',
-            timeStyle: 'medium',
-            locale: navigator.language
-        }
-        : {
-            dateStyle: 'medium',
-            locale: navigator.language
-        };
-    return getFormatParse(formatOptions).format;
-};
-
-const PX_FACTOR_PER_LINE = 15; // Value used in Toolkit
-const PX_FACTOR_PER_PAGE = 40; // Value copied from datagrid; this is not handled in Toolkit
-const getNormalizedDelta = (e) => {
-    const { deltaX, deltaY, deltaMode } = e;
-    switch (deltaMode) {
-        case e.DOM_DELTA_PIXEL:
-            return { deltaX: -deltaX, deltaY: -deltaY };
-        case e.DOM_DELTA_LINE:
-            return { deltaX: -deltaX * PX_FACTOR_PER_LINE, deltaY: -deltaY * PX_FACTOR_PER_LINE };
-        case e.DOM_DELTA_PAGE:
-            return { deltaX: -deltaX * PX_FACTOR_PER_PAGE, deltaY: -deltaY * PX_FACTOR_PER_PAGE };
-        default:
-            return { deltaX: -deltaX, deltaY: -deltaY };
-    }
-};
-/**
- * Hook that enables and handles wheel gestures.
- */
-const useWheel = ({ onWheel: onWheelCallback, preventDefault = true, isDisabled = false }) => {
-    const onWheel = (e) => {
-        const { deltaX, deltaY } = getNormalizedDelta(e);
-        if (preventDefault)
-            e.preventDefault();
-        onWheelCallback({
-            x: e.offsetX,
-            y: e.offsetY,
-            deltaX,
-            deltaY,
-            ctrlKey: e.ctrlKey || e.metaKey
-        });
-    };
-    return isDisabled ? {} : { onWheel };
-};
-
-const DEFAULT_ZOOM_IN_FACTOR = 1.25;
-const DEFAULT_ZOOM_OUT_FACTOR = 1 / 1.25;
-/**
- * Gets the zoom viewport given the current viewport, zoom location, zoom factor, etc.
- * @param time The zoom location.
- * @param viewportStartTime The viewport start time.
- * @param viewportEndTime The viewport end time.
- * @param startTime The start time.
- * @param endTime The end time.
- * @param zoomFactor The zoom factor.
- * @param minViewportDuration The min viewport duration.
- * @param maxViewportDuration The max viewport duration.
- * @returns The new viewport if the zoom were to happen.
- */
-const getZoomViewport = (time, viewportStartTime, viewportEndTime, startTime, endTime, zoomFactor, minViewportDuration, maxViewportDuration) => {
-    // Let
-    // t = time point that triggered the zoom
-    // vs = viewport start time
-    // ve = viewport end time
-    // s = start time
-    // e = end time
-    // N = zoom factor, e.g. zoom factor == 2 means the content should "stretch"/"scale" by 2x.
-    //
-    // Zooming by N means:
-    //     current viewport: (vs, ve)
-    //     current viewport duration: (ve - vs)
-    //     final viewport: (vs + ds, ve - de) for some ds, de
-    //     final viewport duration: (1/N)*(ve - vs) = (ve - de) - (vs + ds)
-    //
-    // Solving for ds and de:
-    // (ve - de) - (vs + ds) = (1/N)*(ve - vs)
-    // (ve - vs) - (de + ds) = (1/N)*(ve - vs)
-    // (de + ds) = (ve - vs) * (1 - 1/N)
-    //
-    // Note that (t - vs) / (ve - vs) = ds / (de + ds). Rearranging and substituting the above:
-    // ds = (de + ds) * (t - vs) / (ve - vs)
-    // ds = (ve - vs) * (1 - 1/N) * (t - vs) / (ve - vs)
-    // ds = (1 - 1/N) * (t - vs)
-    //
-    // de = (ve - vs) * (1 - 1/N) - ds
-    // de = (ve - vs) * (1 - 1/N) - (1 - 1/N) * (t - vs)
-    // de = (1 - 1/N)(ve - vs - t + vs)
-    // de = (1 - 1/N)(ve - t)
-    //
-    // Therefore, assuming NO bounds and constraints:
-    // ds = (1 - 1/N) * (t - vs)
-    // de = (1 - 1/N)(ve - t)
-    // Final viewport after zoom: (vs + ds, ve - de)
-    //
-    // In reality, there is a max amount of zoom in (minViewportDuration),
-    // and a max amount of zoom out (maxViewportDuration),
-    // and the final viewport is constrained by the start and end edges,
-    // so the code below takes these constraints into account:
-    const t = time;
-    const vs = viewportStartTime;
-    const ve = viewportEndTime;
-    const s = startTime;
-    const e = endTime;
-    const N = zoomFactor;
-    const dur = ve - vs;
-    const dsMax = Math.max(0, dur - minViewportDuration) * ((t - vs) / dur);
-    const deMax = Math.max(0, dur - minViewportDuration) * ((ve - t) / dur);
-    const dsMin = -Math.max(0, maxViewportDuration - dur) * ((t - vs) / dur);
-    const deMin = -Math.max(0, maxViewportDuration - dur) * ((ve - t) / dur);
-    const ds = Math.max(dsMin, Math.min(dsMax, (1 - 1 / N) * (t - vs)));
-    const de = Math.max(deMin, Math.min(deMax, (1 - 1 / N) * (ve - t)));
-    const sOverShoot = Math.max(0, s - (vs + ds));
-    const eOverShoot = Math.max(0, ve - de - e);
-    return {
-        newViewportStartTime: Math.max(s, vs + (ds - eOverShoot)),
-        newViewportEndTime: Math.min(e, ve - (de - sOverShoot))
-    };
-};
-/**
- * Gets the best zoom order index given a viewport.
- * @param viewportStartTime The viewport start time.
- * @param viewportEndTime The viewport end time.
- * @param zoomOrderViewDurationThresholds The computed zoom order viewport duration thresholds.
- * @returns
- */
-const getZoomOrderIndex = (viewportStartTime, viewportEndTime, zoomOrderViewDurationThresholds) => {
-    const duration = viewportEndTime - viewportStartTime;
-    const nextIndex = [...zoomOrderViewDurationThresholds, -Infinity].findIndex((threshold) => duration > threshold);
-    return nextIndex - 1;
-};
-/**
- * Gets the best time axes scales given the viewport.
- * @param viewportStartTime The viewport start time.
- * @param viewportEndTime The viewport end time.
- * @param zoomOrderViewDurationThresholds The computed zoom order viewport duration thresholds.
- * @param minorAxisZoomOrder The minor axis zoom order.
- * @param minorAxisZoomOrderIndex The current minor axis zoom order index.
- * @param majorAxisZoomOrder The major axis zoom order.
- * @param majorAxisZoomOrderIndex The current major axis zoom order index.
- * @returns The best time axes scales given the viewport.
- */
-const getZoomScales = (viewportStartTime, viewportEndTime, zoomOrderViewDurationThresholds, minorAxisZoomOrder, minorAxisZoomOrderIndex, majorAxisZoomOrder, majorAxisZoomOrderIndex) => {
-    const idealMinorZoomOrderIndex = getZoomOrderIndex(viewportStartTime, viewportEndTime, zoomOrderViewDurationThresholds);
-    let indexOffset = 0;
-    if (majorAxisZoomOrder === undefined) {
-        indexOffset = idealMinorZoomOrderIndex - minorAxisZoomOrderIndex;
-    }
-    else if (idealMinorZoomOrderIndex >= minorAxisZoomOrderIndex) {
-        indexOffset = Math.min(idealMinorZoomOrderIndex - minorAxisZoomOrderIndex, majorAxisZoomOrder.length - 1 - majorAxisZoomOrderIndex);
-    }
-    else {
-        indexOffset = -Math.min(minorAxisZoomOrderIndex - idealMinorZoomOrderIndex, majorAxisZoomOrderIndex);
-    }
-    return {
-        minorAxisScale: minorAxisZoomOrder[minorAxisZoomOrderIndex + indexOffset],
-        majorAxisScale: majorAxisZoomOrder && majorAxisZoomOrder[majorAxisZoomOrderIndex + indexOffset]
-    };
-};
-/**
- * Gets the equivalent zoom factor from a zoom gesture value (e.g. wheel delta value).
- * @param delta The zoom gesture value.
- * @returns The corresponding zoom factor to apply.
- */
-const getGestureZoomFactor = (delta) => {
-    const deltaVal = Math.abs(delta);
-    const deltaSign = Math.sign(delta);
-    // Formula is adopted from TimeComponent Toolkit
-    // But in toolkit we use the deprecated WheelEvent.wheelDelta(Y) instead of WheelEvent.delta(Y)
-    // We use the latter here, but the two values are a bit different and it's unclear how they relate.
-    // According to MDN wheelDelta is platform dependent but generally represents mouse wheel turns,
-    // and in our case delta represent pixels.
-    // So the constants in the formula below are tweaked based on "feel"
-    // (e.g., changed from 0.02 toolkit value to 0.05, and approximating wheelDelta as delta/(px per line)).
-    return ((deltaVal / PX_FACTOR_PER_LINE) * 0.05 + 1) ** deltaSign;
-};
-/**
- * Performs a zoom, by invoking a viewport change callback with the new viewport.
- * @param time The zoom location.
- * @param viewportStartTime The viewport start time.
- * @param viewportEndTime The viewport end time.
- * @param startTime The start time.
- * @param endTime The end time.
- * @param zoomFactor The zoom factor.
- * @param minZoomViewportDuration The min viewport duration.
- * @param maxZoomViewportDuration The max viewport duration.
- * @param zoomOrderViewDurationThresholds The computed zoom order viewport duration thresholds.
- * @param minorAxisZoomOrder The major axis zoom order.
- * @param minorAxisZoomOrderIndex The current minor axis zoom order index.
- * @param majorAxisZoomOrder The major axis zoom order.
- * @param majorAxisZoomOrderIndex The current major axis zoom order index.
- * @param onViewportChange The viewport change callback.
- * @returns The new viewport, and whether the viewport actually changed.
- */
-const zoomTime = (time, viewportStartTime, viewportEndTime, startTime, endTime, zoomFactor, minZoomViewportDuration, maxZoomViewportDuration, zoomOrderViewDurationThresholds, minorAxisZoomOrder, minorAxisZoomOrderIndex, majorAxisZoomOrder, majorAxisZoomOrderIndex, onViewportChange) => {
-    const { newViewportStartTime, newViewportEndTime } = getZoomViewport(time, viewportStartTime, viewportEndTime, startTime, endTime, zoomFactor, minZoomViewportDuration, maxZoomViewportDuration);
-    const { minorAxisScale, majorAxisScale } = getZoomScales(newViewportStartTime, newViewportEndTime, zoomOrderViewDurationThresholds, minorAxisZoomOrder, minorAxisZoomOrderIndex, majorAxisZoomOrder, majorAxisZoomOrderIndex);
-    const newViewport = {
-        viewportStartTime: newViewportStartTime,
-        viewportEndTime: newViewportEndTime,
-        majorAxisScale,
-        minorAxisScale
-    };
-    const isViewportChanged = newViewportStartTime !== viewportStartTime || newViewportEndTime !== viewportEndTime;
-    if (onViewportChange && isViewportChanged) {
-        onViewportChange({
-            viewportStart: getISOString(newViewportStartTime),
-            viewportEnd: getISOString(newViewportEndTime),
-            majorAxisScale,
-            minorAxisScale
-        });
-    }
-    return { newViewport, isViewportChanged };
-};
-
-function TimeComponentZoomInControl({ zoomFactor = DEFAULT_ZOOM_IN_FACTOR, startTime, endTime, viewportStartTime, viewportEndTime, majorAxisZoomOrder, majorAxisZoomOrderIndex, minorAxisZoomOrder, minorAxisZoomOrderIndex, zoomOrderViewDurationThresholds, minZoomViewportDuration, maxZoomViewportDuration, onViewportChange }) {
-    const translations = useTranslationBundle('@oracle/oraclejet-preact');
-    const accessibleLabel = translations.timeComponent_tooltipZoomIn();
-    const viewportCenter = viewportStartTime + (viewportEndTime - viewportStartTime) / 2;
-    const { newViewport, isViewportChanged } = zoomTime(viewportCenter, viewportStartTime, viewportEndTime, startTime, endTime, zoomFactor, minZoomViewportDuration, maxZoomViewportDuration, zoomOrderViewDurationThresholds, minorAxisZoomOrder, minorAxisZoomOrderIndex, majorAxisZoomOrder, majorAxisZoomOrderIndex);
-    const isDisabled = !isViewportChanged;
-    const onAction = () => {
-        onViewportChange?.({
-            viewportStart: getISOString(newViewport.viewportStartTime),
-            viewportEnd: getISOString(newViewport.viewportEndTime),
-            majorAxisScale: newViewport.majorAxisScale,
-            minorAxisScale: newViewport.minorAxisScale
-        });
-    };
-    return (jsx(TimeComponentZoomControl, { accessibleLabel: accessibleLabel, isDisabled: isDisabled, onAction: onAction, children: jsx(SvgPlus, { size: "4x" }) }));
-}
-
-function TimeComponentZoomOutControl({ zoomFactor = DEFAULT_ZOOM_OUT_FACTOR, startTime, endTime, viewportStartTime, viewportEndTime, majorAxisZoomOrder, majorAxisZoomOrderIndex, minorAxisZoomOrder, minorAxisZoomOrderIndex, zoomOrderViewDurationThresholds, minZoomViewportDuration, maxZoomViewportDuration, onViewportChange }) {
-    const translations = useTranslationBundle('@oracle/oraclejet-preact');
-    const accessibleLabel = translations.timeComponent_tooltipZoomOut();
-    const viewportCenter = viewportStartTime + (viewportEndTime - viewportStartTime) / 2;
-    const { newViewport, isViewportChanged } = zoomTime(viewportCenter, viewportStartTime, viewportEndTime, startTime, endTime, zoomFactor, minZoomViewportDuration, maxZoomViewportDuration, zoomOrderViewDurationThresholds, minorAxisZoomOrder, minorAxisZoomOrderIndex, majorAxisZoomOrder, majorAxisZoomOrderIndex);
-    const isDisabled = !isViewportChanged;
-    const onAction = () => {
-        onViewportChange?.({
-            viewportStart: getISOString(newViewport.viewportStartTime),
-            viewportEnd: getISOString(newViewport.viewportEndTime),
-            majorAxisScale: newViewport.majorAxisScale,
-            minorAxisScale: newViewport.minorAxisScale
-        });
-    };
-    return (jsx(TimeComponentZoomControl, { accessibleLabel: accessibleLabel, isDisabled: isDisabled, onAction: onAction, children: jsx(SvgMinus, { size: "4x" }) }));
-}
-
-function TimeComponentZoomControls({ position = 'topEnd', zoomParameters, onViewportChange }) {
-    return (jsx(TrackResizeContainer, { width: "100%", height: "100%", children: (width, _) => {
-            const { getZoomOrderViewDurationThresholds, ...restZoomParameters } = zoomParameters;
-            const zoomOrderViewDurationThresholds = getZoomOrderViewDurationThresholds(width);
-            return (jsx("div", { class: classNames([zoomControlsLayoutStyles.base, zoomControlsLayoutStyles[position]]), children: jsx("div", { class: zoomControlsLayoutStyles.controls, children: jsxs(Flex, { direction: "column", gap: "2.25x", children: [jsx(TimeComponentZoomInControl, { ...restZoomParameters, zoomOrderViewDurationThresholds: zoomOrderViewDurationThresholds, onViewportChange: onViewportChange }), jsx(TimeComponentZoomOutControl, { ...restZoomParameters, zoomOrderViewDurationThresholds: zoomOrderViewDurationThresholds, onViewportChange: onViewportChange })] }) }) }));
-        } }));
-}
-
-function TimeComponentVerticalScrollbarContainer({ getLayout, onRangeChange, children }) {
-    return (jsx("div", { class: verticalScrollbarStyles.base, children: jsx(TrackResizeContainer, { width: "100%", height: "100%", children: (width, height) => children({ ...getLayout(height), onRangeChange, width, height }) }) }));
-}
-
-const inDraggableRegion = (x, y, region) => {
-    if (!region)
-        return true;
-    const { xMin, xMax, yMin, yMax } = region;
-    return x >= xMin && x <= xMax && y >= yMin && y <= yMax;
-};
-const getRegionOffset = (x, y, region) => {
-    if (!region)
-        return { regionOffsetX: x, regionOffsetY: y };
-    return { regionOffsetX: x - region.xMin, regionOffsetY: y - region.yMin };
-};
-/**
- * Hook that enables and handles drag gestures.
- */
-const useDrag = ({ captureTargetRef, draggableRegion, onDragStart, onDragMove, onDragEnd, isDisabled = false }) => {
-    const inactiveState = { isDragging: false, x0: -1, y0: -1, regionOffsetX: -1, regionOffsetY: -1 };
-    const dragState = useRef(inactiveState);
-    const handlePointerEvent = (e, cb) => {
-        const { isDragging, x0, y0, regionOffsetX, regionOffsetY } = dragState.current;
-        if (!isDragging)
-            return;
-        const x = e.offsetX;
-        const y = e.offsetY;
-        cb && cb({ x, y, dx: x - x0, dy: y - y0, regionOffsetX, regionOffsetY, originalEvent: e });
-    };
-    const dragProps = usePointerGesture({
-        captureTargetRef,
-        numPointers: 1, // Only allow 1 pointer dragging
-        onExtraneousPointerDown: () => {
-            dragState.current = inactiveState;
-        },
-        onPointerGestureDown: ({ pointers: [e] }) => {
-            const x = e.offsetX;
-            const y = e.offsetY;
-            if (e.button !== 0 || !inDraggableRegion(x, y, draggableRegion))
-                return;
-            const { regionOffsetX, regionOffsetY } = getRegionOffset(x, y, draggableRegion);
-            dragState.current = { isDragging: true, x0: x, y0: y, regionOffsetX, regionOffsetY };
-            // captureTargetRef.current!.setPointerCapture(e.pointerId);
-            onDragStart && onDragStart({ x, y, regionOffsetX, regionOffsetY, originalEvent: e });
-        },
-        onPointerGestureMove: ({ pointers: [e] }) => {
-            handlePointerEvent(e, onDragMove);
-        },
-        onPointerGestureEnd: ({ pointers: [e] }) => {
-            handlePointerEvent(e, onDragEnd);
-            dragState.current = inactiveState;
-        }
-    });
-    return isDisabled ? {} : dragProps;
-};
-
-function TimeComponentScrollbar({ thumbWidth, thumbHeight, thumbTop, thumbLeft, thumbRight, draggableRegion, processDragRangeXChange, processDragRangeYChange, processClickRangeXChange, processClickRangeYChange, styles, width, height }) {
-    // Scrollbar is draggable to change the range
-    const ref = useRef(null);
-    const dragProps = useDrag({
-        captureTargetRef: ref,
-        draggableRegion,
-        onDragMove: ({ x, y, regionOffsetX, regionOffsetY }) => {
-            processDragRangeXChange?.(x, regionOffsetX);
-            processDragRangeYChange?.(y, regionOffsetY);
-        }
-    });
-    // Scrollbar is also clickable to jump to an arbitrary range
-    const handleClick = (e) => {
-        const x = e.offsetX;
-        const y = e.offsetY;
-        const { xMin, xMax, yMin, yMax } = draggableRegion;
-        const inDraggableRegion = x >= xMin && x <= xMax && y >= yMin && y <= yMax;
-        if (inDraggableRegion)
-            return;
-        processClickRangeXChange?.(x);
-        processClickRangeYChange?.(y);
-    };
-    return (jsx("div", { ref: ref, class: styles.container, style: { width, height }, onClick: handleClick, ...dragProps, children: jsx("div", { class: styles.track, children: jsx("div", { class: styles.thumb, style: {
-                    width: thumbWidth,
-                    height: thumbHeight,
-                    top: thumbTop,
-                    left: thumbLeft,
-                    right: thumbRight
-                } }) }) }));
-}
-
-function TimeComponentVerticalScrollbar({ getNewRange, onRangeChange, ...props }) {
-    const prevRange = useRef({ min: 0, max: 0 });
-    const processRange = (newMin, newMax) => {
-        const { min: prevMin, max: prevMax } = prevRange.current;
-        const isRangeChanged = newMin !== prevMin || newMax !== prevMax;
-        isRangeChanged && onRangeChange(newMin, newMax);
-        prevRange.current = { min: newMin, max: newMax };
-    };
-    const processDragRangeYChange = (y, thumbOffsetY) => {
-        const { newMin, newMax } = getNewRange(Math.max(0, y - thumbOffsetY));
-        processRange(newMin, newMax);
-    };
-    const processClickRangeYChange = (y) => {
-        const { yMin, yMax } = props.draggableRegion;
-        const halfThumbWidth = (yMax - yMin) / 2;
-        const { newMin, newMax } = getNewRange(Math.max(0, y - halfThumbWidth));
-        processRange(newMin, newMax);
-    };
-    return (jsx(TimeComponentScrollbar, { ...props, processDragRangeYChange: processDragRangeYChange, processClickRangeYChange: processClickRangeYChange, styles: verticalScrollbarStyles }));
-}
-
-function TimeComponentHorizontalScrollbarContainer({ getLayout, onRangeChange, children }) {
-    return (jsx("div", { class: horizontalScrollbarStyles.base, children: jsx(TrackResizeContainer, { width: "100%", height: "100%", children: (width, height) => children({ ...getLayout(width), onRangeChange, width, height }) }) }));
-}
-
-function TimeComponentHorizontalScrollbar({ getNewRange, onRangeChange, ...props }) {
-    const prevRange = useRef({ min: 0, max: 0 });
-    const processRange = (newMin, newMax) => {
-        const { min: prevMin, max: prevMax } = prevRange.current;
-        const isRangeChanged = newMin !== prevMin || newMax !== prevMax;
-        isRangeChanged && onRangeChange(newMin, newMax);
-        prevRange.current = { min: newMin, max: newMax };
-    };
-    const processDragRangeXChange = (x, thumbOffsetX) => {
-        const { newMin, newMax } = getNewRange(Math.max(0, x - thumbOffsetX));
-        processRange(newMin, newMax);
-    };
-    const processClickRangeXChange = (x) => {
-        const { xMin, xMax } = props.draggableRegion;
-        const halfThumbWidth = (xMax - xMin) / 2;
-        const { newMin, newMax } = getNewRange(Math.max(0, x - halfThumbWidth));
-        processRange(newMin, newMax);
-    };
-    return (jsx(TimeComponentScrollbar, { ...props, processDragRangeXChange: processDragRangeXChange, processClickRangeXChange: processClickRangeXChange, styles: horizontalScrollbarStyles }));
-}
-
-function TimeComponentVerticalGridlines({ width, height, positions, variant }) {
-    const cmd = positions.map((p) => `M${p},0 V${height}`).join(' ');
-    return (jsx("svg", { width: width, height: height, children: jsx("path", { class: verticalGridlinesStyles[variant], d: cmd }) }));
-}
-
-function TimeComponentHorizontalTimeAxisLabel({ x, y, width, label, font, labelPosition, isTruncated, isStartIntervalTruncated, isRTL }) {
-    const { tooltipContent, tooltipProps: { onFocus, onBlur, ...restTooltipProps } } = useTooltip({ text: label, isDisabled: !isTruncated });
-    const textAlign = labelPosition === 'center' ? 'center' : undefined;
-    // If start truncated, we want the ellipsis to be the prefix rather than suffix in ltr,
-    // so a trick is to locally set the direction to rtl
-    const direction = isStartIntervalTruncated && isTruncated ? (isRTL ? 'ltr' : 'rtl') : undefined;
-    return (jsxs("div", { ...restTooltipProps, "aria-hidden": "true", class: classNames([
-            timeAxisLabelsStyles.label,
-            isTruncated && timeAxisLabelsStyles.labelTruncated
-        ]), style: { left: x, top: y, width, textAlign, direction, ...font }, children: [jsx(Text, { variant: "primary", truncation: "ellipsis", size: "inherit", weight: "inherit", children: label }), tooltipContent] }));
-}
-
-function TimeComponentHorizontalTimeAxis({ font, labelPosition, labels, labelTicks, labelPositions, isLabelTruncated, isIntervalStartTruncated, intervalWidths, majorGridTicksPos, minorGridTicksPos, isRTL, width, height }) {
-    return (jsxs(TimeComponentLayersStack, { width: `${width}px`, height: `${height}px`, children: [jsx("div", { class: timeAxisLabelsStyles.base, children: labels.map((text, i) => (jsx(TimeComponentHorizontalTimeAxisLabel, { font: font, label: text, labelPosition: labelPosition, x: labelPositions[i], y: 0, width: intervalWidths[i], isTruncated: isLabelTruncated[i], isStartIntervalTruncated: i === 0 ? isIntervalStartTruncated : false, isRTL: isRTL }, labelTicks[i]))) }), minorGridTicksPos && (jsx(TimeComponentVerticalGridlines, { width: width, height: height, positions: minorGridTicksPos, variant: "minor" })), majorGridTicksPos && (jsx(TimeComponentVerticalGridlines, { width: width, height: height, positions: majorGridTicksPos, variant: "major" }))] }));
-}
-
-function TimeComponentCanvas2D({ width, height, draw }) {
-    const ref = useRef(null);
-    useLayoutEffect(() => {
-        const canvas = ref.current;
-        const ctx = canvas.getContext('2d');
-        canvas.style.width = `${width}px`;
-        canvas.style.height = `${height}px`;
-        const scale = window.devicePixelRatio;
-        canvas.width = Math.floor(width * scale);
-        canvas.height = Math.floor(height * scale);
-        ctx.scale(scale, scale);
-    }, [width, height]);
-    useLayoutEffect(() => {
-        const canvas = ref.current;
-        const ctx = canvas.getContext('2d');
-        ctx.clearRect(0, 0, canvas.width, canvas.height);
-        draw(ctx);
-    }, [width, height, draw]);
-    return jsx("canvas", { ref: ref });
-}
-
-export { DEFAULT_ZOOM_OUT_FACTOR as D, TimeComponentLayersStack as T, TimeComponentPanZoomLayout as a, TimeComponentZoomControls as b, TimeComponentVerticalScrollbarContainer as c, TimeComponentVerticalScrollbar as d, TimeComponentHorizontalScrollbarContainer as e, TimeComponentHorizontalScrollbar as f, TimeComponentVerticalGridlines as g, TimeComponentHorizontalTimeAxis as h, TimeComponentOverlayControlsContainer as i, TimeComponentCanvas2D as j, getTimePosition as k, useWheel as l, getGestureZoomFactor as m, getPositionTime as n, getISOString as o, parseDate as p, getDefaultDateFormatter as q, DEFAULT_ZOOM_IN_FACTOR as r, useDrag as u, zoomTime as z };
-//# sourceMappingURL=TimeComponentCanvas2D-9fd1f811.js.map