@oracle/oraclejet-preact 19.0.0 → 19.0.1

package/cjs/DatePicker-a69ce6d7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker-a69ce6d7.js","sources":["../../src/UNSAFE_DatePicker/useDatePickerState.ts","../../src/UNSAFE_DatePicker/useDatePicker.ts","../../src/UNSAFE_DatePicker/TodayButton.tsx","../../src/UNSAFE_DatePicker/DatePicker.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport type { CalendarDateRequired } from '#utils/UNSAFE_calendarDateUtils';\nimport {\n  addToCalendarDate,\n  addToMonth,\n  addToYear,\n  compareDates,\n  getDaysInMonth\n} from '#utils/UNSAFE_calendarDateUtils';\nimport { useMemo, useReducer, useRef } from 'preact/compat';\n\n// This is the type of the state that is returned from the useDatePickerState reducer.\n// This is a single state that will handle the different views of the DatePicker, the\n// MonthView, the MonthGridView, and the YearGridView. Initially we have implemented\n// the state for the MonthView.\ntype DatePickerState = {\n  /**\n   * Specifies the current view the DatePicker is showing.\n   */\n  currentView: 'monthView' | 'monthsGridView' | 'yearsGridView';\n\n  /**\n   * The focusableDate is the one day in the MonthView that has tabIndex: 0 on it.\n   * If nothing is selected, the DatePicker initially renders\n   * with Today as the focusableDate. The focusableDate doesn't have focus until the user tabs in\n   * to the Month View.\n   * When the user navigates the days with the arrow keys,\n   * the focusableDate changes along with the focusedDate, and they will be the same date.\n   * This is a 'roving' index.\n   * The focusableDate is never undefined.\n   * <p>\n   * If the user keyboards to the next month (Fn+Down Arrow on a Mac),\n   * then the focusableDate and the focusedDate of the next month\n   * is the same day number, or as close as possible to stay in the same month. For example,\n   * if the focusedDate and focusableDate is April 2, 2024, the focusedDate and focusableDate for the next month is May 2, 2024.\n   * If the focusedDate and focusableDate is February 28, 2024, the focusedDate and focusableDate for the next month is March 28, 2024.\n   * If the focusedDate and focusableDate is January 31, 2024, the focusedDate and focusableDate for the next month is February 29, 2024 (2024 is a leap year).\n   * </p>\n   * <p>\n   * If the user clicks the Next Month button in the DatePicker's header, then\n   * there is no date that has focus, so the focusedDate is undefined.\n   * The focusableDate will be set.\n   * For example,\n   * if the focusableDate is April 2, 2024, the focusableDate for the next month is May 2, 2024.\n   * If the focusableDate is February 28, 2024, the focusableDate for the next month is March 28, 2024.\n   * If the focusableDate is January 31, 2024, the focusableDate for the next month is February 29, 2024 (2024 is a leap year).\n   *\n   * </p>\n   */\n  focusableDate: CalendarDateRequired;\n\n  /**\n   * The focusableMonth is the one month in the MonthsGridView that has tabIndex: 0 on it.\n   * If nothing is selected, the DatePicker initially renders with Today's month as the\n   * focusableMonth. The focusableMonth doesn't have focus until the user tabs in\n   * to the Months Grid View.\n   *\n   * When the user navigates the month with the arrow keys, the focusableMonth changes\n   * along with the focusedMonth, and they will be the same date. This is a 'roving' index.\n   *\n   * The focusableMonth is never undefined.\n   */\n  focusableMonth: CalendarDateRequired['month'];\n\n  /**\n   * The focusableYear is the one month in the YearsGridView that has tabIndex: 0 on it.\n   * If nothing is selected, the DatePicker initially renders with Today's month as the\n   * focusableYear. The focusableYear doesn't have focus until the user tabs in\n   * to the Months Grid View.\n   *\n   * When the user navigates the month with the arrow keys, the focusableYear changes\n   * along with the focusedYear, and they will be the same date. This is a 'roving' index.\n   *\n   * The focusableYear is never undefined.\n   */\n  focusableYear: CalendarDateRequired['year'];\n\n  /**\n   * A boolean to indicate if the focus is in the view.\n   */\n  isViewFocused: boolean;\n\n  /**\n   * Specifies whether to hide the previous navigation button is hidden from the header.\n   */\n  isPreviousNavigationButtonHidden: boolean;\n\n  /**\n   * Specifies whether to hide the today navigation button is hidden from the header.\n   */\n  isTodayNavigationButtonHidden: boolean;\n\n  /**\n   * Specifies whether to hide the next navigation button is hidden from the header.\n   */\n  isNextNavigationButtonHidden: boolean;\n};\n\nconst datePickerResetActionTypes = ['reset'] as const;\n\nconst datePickerViewActionTypes = [\n  'monthView',\n  'monthsGridView',\n  'yearsGridView',\n  'viewFocus',\n  'viewBlur'\n] as const;\n\nconst monthViewActionTypes = [\n  'dayFocused',\n  'daySelected',\n  'goToToday',\n  'previousDay',\n  'nextDay',\n  'previousWeek',\n  'nextWeek',\n  'previousMonth',\n  'previousMonthAndFocus',\n  'nextMonth',\n  'nextMonthAndFocus',\n  'previousYear',\n  'nextYear',\n  'firstDayOfMonth',\n  'lastDayOfMonth'\n] as const;\n\nconst monthsGridViewActionTypes = [\n  'previousMonthInGridView',\n  'nextMonthInGridView',\n  'previousMonthRowInGridView',\n  'nextMonthRowInGridView',\n  'monthFocused',\n  'monthSelected'\n] as const;\n\nconst yearsGridViewActionTypes = [\n  'previousYearInGridView',\n  'nextYearInGridView',\n  'previousYearRowInGridView',\n  'nextYearRowInGridView',\n  'previousDecade',\n  'previousDecadeAndFocus',\n  'nextDecade',\n  'nextDecadeAndFocus',\n  'yearFocused',\n  'yearSelected'\n] as const;\n\ntype DatePickerViewActionTypes = (typeof datePickerViewActionTypes)[number];\ntype DatePickerResetActionTypes = (typeof datePickerResetActionTypes)[number];\ntype MonthViewActionTypes = (typeof monthViewActionTypes)[number];\ntype MonthsGridViewActionTypes = (typeof monthsGridViewActionTypes)[number];\ntype YearsGridViewActionTypes = (typeof yearsGridViewActionTypes)[number];\n\n// This is the type of the actions that the hook returns.\ntype DatePickerStateAction = ReturnType<typeof useDatePickerState>['actions'];\n\n// Type for the action of the datePickerReducer.\ntype DatePickerViewAction = {\n  [Type in DatePickerViewActionTypes]: { type: Type; payload?: undefined };\n}[DatePickerViewActionTypes];\n\ntype DatePickerResetAction = {\n  [Type in DatePickerResetActionTypes]: { type: Type; payload: DatePickerState };\n}[DatePickerResetActionTypes];\n\ntype MonthViewAction = {\n  [Type in MonthViewActionTypes]: { type: Type; payload: CalendarDateRequired };\n}[MonthViewActionTypes];\n\ntype MonthsGridViewAction = {\n  [Type in MonthsGridViewActionTypes]: { type: Type; payload: Pick<CalendarDateRequired, 'month'> };\n}[MonthsGridViewActionTypes];\n\ntype YearsGridViewAction = {\n  [Type in YearsGridViewActionTypes]: { type: Type; payload: Pick<CalendarDateRequired, 'year'> };\n}[YearsGridViewActionTypes];\n\ntype DatePickerReducerAction =\n  | DatePickerResetAction\n  | DatePickerViewAction\n  | MonthViewAction\n  | MonthsGridViewAction\n  | YearsGridViewAction;\n\n// A reducer is a plain old function you write that takes the current state,\n// and the action to be processed, and returns the state as it should be, based on that action occurring.\n// The reducer, not the sender,  determines how a given report (action) affects the state.\nconst datePickerReducer = (\n  state: DatePickerState,\n  action: DatePickerReducerAction\n): DatePickerState => {\n  // On mount, the reducer is initialized with initial state derived from the DatePicker's value.\n  // If that value is changed programmatically afterwards, the only way to push that update\n  // into the reducer is to define a \"reset\" action.\n  if (action.type === 'reset') {\n    return action.payload!;\n  }\n\n  switch (action.type) {\n    case 'monthView': {\n      return {\n        ...state,\n        currentView: 'monthView',\n        isViewFocused: false,\n        isNextNavigationButtonHidden: false,\n        isPreviousNavigationButtonHidden: false,\n        isTodayNavigationButtonHidden: false\n      };\n    }\n    case 'monthsGridView': {\n      return {\n        ...state,\n        currentView: 'monthsGridView',\n        focusableMonth: state.focusableDate.month,\n        isViewFocused: false,\n        isNextNavigationButtonHidden: true,\n        isPreviousNavigationButtonHidden: true,\n        isTodayNavigationButtonHidden: true\n      };\n    }\n    case 'yearsGridView': {\n      return {\n        ...state,\n        currentView: 'yearsGridView',\n        focusableYear: state.focusableDate.year,\n        isViewFocused: false,\n        isNextNavigationButtonHidden: false,\n        isPreviousNavigationButtonHidden: false,\n        isTodayNavigationButtonHidden: true\n      };\n    }\n    case 'viewFocus': {\n      return state.isViewFocused ? state : { ...state, isViewFocused: true };\n    }\n    case 'viewBlur': {\n      return state.isViewFocused ? { ...state, isViewFocused: false } : state;\n    }\n    case 'dayFocused':\n    case 'daySelected': {\n      return { ...state, isViewFocused: true, focusableDate: action.payload };\n    }\n    case 'goToToday': {\n      // User clicked on the 'Today' icon, which means they want to navigate to show the month of Today\n      // payload is Today's date. We also set the focus to Today.\n      return { ...state, isViewFocused: true, focusableDate: action.payload };\n    }\n    case 'previousDay': {\n      const previousDay = addToCalendarDate(action.payload, { days: -1 });\n      return { ...state, isViewFocused: true, focusableDate: previousDay };\n    }\n    case 'nextDay': {\n      const nextDay = addToCalendarDate(action.payload, { days: 1 });\n      return { ...state, isViewFocused: true, focusableDate: nextDay };\n    }\n    case 'previousWeek': {\n      const previousDay = addToCalendarDate(action.payload, { days: -7 });\n      return { ...state, isViewFocused: true, focusableDate: previousDay };\n    }\n    case 'nextWeek': {\n      const nextDay = addToCalendarDate(action.payload, { days: 7 });\n      return { ...state, isViewFocused: true, focusableDate: nextDay };\n    }\n    case 'previousMonth':\n    case 'previousMonthAndFocus': {\n      // PageUp moves focus to the previous month.\n      // We also get here if the DatePicker while in month view header's Previous navigation button is pressed.\n      const prevMonth = addToCalendarDate(action.payload, { months: -1 });\n      return {\n        ...state,\n        isViewFocused: action.type === 'previousMonthAndFocus',\n        focusableDate: prevMonth\n      };\n    }\n    case 'nextMonth':\n    case 'nextMonthAndFocus': {\n      // Shift PageDown moves focus to the next month. TODO: Confirm this works on a Windows machine.\n      // Shift Fn Arrow Down works on my Mac.\n      // We also get here if the DatePicker while in month view header's Next navigation button is pressed.\n      const nextMonth = addToCalendarDate(action.payload, { months: 1 });\n      return {\n        ...state,\n        isViewFocused: action.type === 'nextMonthAndFocus',\n        focusableDate: nextMonth\n      };\n    }\n    case 'previousYear': {\n      // Shift Page Up moves focus to the previous year. TODO: Confirm this works on a Windows machine.\n      const previousYear = addToCalendarDate(action.payload, { years: -1 });\n      return { ...state, isViewFocused: true, focusableDate: previousYear };\n    }\n    case 'nextYear': {\n      const nextYear = addToCalendarDate(action.payload, { years: 1 });\n      return { ...state, isViewFocused: true, focusableDate: nextYear };\n    }\n    case 'firstDayOfMonth': {\n      // Home moves focus to the first day of the month (Fn+LeftArrow on a mouse.)\n      const currentDate = action.payload;\n      const firstDayOfMonthDate = {\n        year: currentDate.year,\n        month: currentDate.month,\n        day: 1\n      } as CalendarDateRequired;\n      return { ...state, isViewFocused: true, focusableDate: firstDayOfMonthDate };\n    }\n    case 'lastDayOfMonth': {\n      // End moves focus to the last day of the month\n      const currentDate = action.payload;\n      const lastDay = getDaysInMonth(currentDate.month, currentDate.year);\n      const lastDayOfMonthDate = {\n        year: currentDate.year,\n        month: currentDate.month,\n        day: lastDay\n      } as CalendarDateRequired;\n      return { ...state, isViewFocused: true, focusableDate: lastDayOfMonthDate };\n    }\n\n    case 'previousMonthInGridView': {\n      const previousMonth = addToMonth(action.payload.month, -1);\n      return { ...state, focusableMonth: previousMonth, isViewFocused: true };\n    }\n    case 'previousMonthRowInGridView': {\n      const previousMonth = addToMonth(action.payload.month, -4);\n      return { ...state, focusableMonth: previousMonth, isViewFocused: true };\n    }\n    case 'nextMonthInGridView': {\n      const nextMonth = addToMonth(action.payload.month, 1);\n      return { ...state, focusableMonth: nextMonth, isViewFocused: true };\n    }\n    case 'nextMonthRowInGridView': {\n      const nextMonth = addToMonth(action.payload.month, 4);\n      return { ...state, focusableMonth: nextMonth, isViewFocused: true };\n    }\n    case 'monthFocused': {\n      return { ...state, focusableMonth: action.payload.month, isViewFocused: true };\n    }\n    case 'monthSelected': {\n      const monthSteps = action.payload.month - state.focusableDate.month;\n      const goToDate = addToCalendarDate(state.focusableDate, { months: monthSteps });\n      return {\n        ...state,\n        currentView: 'monthView',\n        focusableDate: goToDate,\n        isViewFocused: true,\n        isNextNavigationButtonHidden: false,\n        isPreviousNavigationButtonHidden: false,\n        isTodayNavigationButtonHidden: false\n      };\n    }\n\n    case 'previousYearInGridView': {\n      const previousYear = addToYear(action.payload.year, -1);\n      return { ...state, focusableYear: previousYear, isViewFocused: true };\n    }\n    case 'previousYearRowInGridView': {\n      const previousYear = addToYear(action.payload.year, -4);\n      return { ...state, focusableYear: previousYear, isViewFocused: true };\n    }\n    case 'previousDecade':\n    case 'previousDecadeAndFocus': {\n      const previousYear = addToYear(action.payload.year, -10);\n      return {\n        ...state,\n        focusableYear: previousYear,\n        isViewFocused: action.type === 'previousDecadeAndFocus'\n      };\n    }\n    case 'nextYearInGridView': {\n      const nextYear = addToYear(action.payload.year, 1);\n      return { ...state, focusableYear: nextYear, isViewFocused: true };\n    }\n    case 'nextYearRowInGridView': {\n      const nextYear = addToYear(action.payload.year, 4);\n      return { ...state, focusableYear: nextYear, isViewFocused: true };\n    }\n    case 'nextDecade':\n    case 'nextDecadeAndFocus': {\n      const nextYear = addToYear(action.payload.year, 10);\n      return {\n        ...state,\n        focusableYear: nextYear,\n        isViewFocused: action.type === 'nextDecadeAndFocus'\n      };\n    }\n    case 'yearFocused': {\n      return { ...state, focusableYear: action.payload.year, isViewFocused: true };\n    }\n    case 'yearSelected': {\n      const yearSteps = action.payload.year - state.focusableDate.year;\n      const goToDate = addToCalendarDate(state.focusableDate, { years: yearSteps });\n      return {\n        ...state,\n        currentView: 'monthView',\n        focusableDate: goToDate,\n        isViewFocused: true,\n        isNextNavigationButtonHidden: false,\n        isPreviousNavigationButtonHidden: false,\n        isTodayNavigationButtonHidden: false\n      };\n    }\n    default:\n      return state;\n  }\n};\n\ntype Props = {\n  /**\n   * This becomes the state's focusableDate.\n   */\n  initialFocusableDate: CalendarDateRequired;\n};\n\n/**\n * useDatePickerState takes an object with the initialFocusableDate and\n * determines the initial state; i.e., focusableDate and focusedDate. It returns the state\n * and actions a user can take on the DatePicker that will update the state. The actions are functions\n * that call dispatch with the type and payload.\n * @param param0\n * @returns\n */\nconst useDatePickerState = ({ initialFocusableDate }: Props) => {\n  // Create the initial state to pass to our reducer.\n  const initialState: DatePickerState = {\n    currentView: 'monthView',\n    focusableDate: initialFocusableDate,\n    focusableMonth: initialFocusableDate.month,\n    focusableYear: initialFocusableDate.year,\n    isViewFocused: false,\n    isNextNavigationButtonHidden: false,\n    isPreviousNavigationButtonHidden: false,\n    isTodayNavigationButtonHidden: false\n  };\n\n  const [state, dispatch] = useReducer(datePickerReducer, initialState);\n\n  // initialFocusableDate is the controlled value passed from the parent.\n  const lastValueFromParentRef = useRef<CalendarDateRequired>(initialFocusableDate);\n\n  // If a new value is being pushed from the parent, and that value differs from\n  // the current focusableDate of the reducer, then this is a programmatic update\n  // and we need to call 'reset' to update the reducer state. Otherwise, the only\n  // time the reducer state is updated from the value is on mount.\n  if (compareDates(lastValueFromParentRef.current, initialFocusableDate) !== 0) {\n    lastValueFromParentRef.current = initialFocusableDate;\n    if (compareDates(initialFocusableDate, state.focusableDate) !== 0) {\n      dispatch({ type: 'reset', payload: initialState });\n    }\n  }\n\n  // Using an action creator like this is nice because now each time we want to add an action,\n  // we don't have to remember the action constant to use or how the payload should be structured. (from the redux doc)\n\n  // memoize the actions object since we pass this around to our components.\n  const actions = useMemo(() => {\n    const actionsObject: {\n      [Type in\n        | DatePickerViewActionTypes\n        | MonthViewActionTypes\n        | MonthsGridViewActionTypes\n        | YearsGridViewActionTypes]: (\n        payload: Extract<DatePickerReducerAction, { type: Type }>['payload']\n      ) => void;\n    } = {} as any;\n\n    datePickerViewActionTypes.forEach((type) => {\n      actionsObject[type] = () => dispatch({ type });\n    });\n\n    monthViewActionTypes.forEach((type) => {\n      actionsObject[type] = (\n        payload: Extract<DatePickerReducerAction, { type: MonthViewActionTypes }>['payload']\n      ) => dispatch({ type, payload });\n    });\n\n    monthsGridViewActionTypes.forEach((type) => {\n      actionsObject[type] = (\n        payload: Extract<DatePickerReducerAction, { type: MonthsGridViewActionTypes }>['payload']\n      ) => dispatch({ type, payload });\n    });\n\n    yearsGridViewActionTypes.forEach((type) => {\n      actionsObject[type] = (\n        payload: Extract<DatePickerReducerAction, { type: YearsGridViewActionTypes }>['payload']\n      ) => dispatch({ type, payload });\n    });\n\n    return actionsObject;\n  }, [dispatch]);\n\n  return { state, actions };\n};\n\nexport { useDatePickerState };\nexport type {\n  DatePickerState,\n  DatePickerStateAction,\n  DatePickerViewActionTypes,\n  MonthViewActionTypes,\n  MonthsGridViewActionTypes,\n  YearsGridViewActionTypes\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport type { MonthView } from '#PRIVATE_MonthView';\nimport type { MonthsGridView, YearsGridView } from '#PRIVATE_MonthYearGridView';\nimport { useFocusWithin } from '#hooks/UNSAFE_useFocusWithin';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport {\n  constrainCalendarDate,\n  getCalendarDateToday,\n  isCalendarDateBefore,\n  type CalendarDateRequired\n} from '#utils/UNSAFE_calendarDateUtils';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { ComponentProps, RefObject, useCallback, useMemo } from 'preact/compat';\nimport { useDatePickerState } from './useDatePickerState';\nimport { useHiddenTestMethod } from '#hooks/UNSAFE_useHiddenTestMethod';\n\n/**\n * A map that specifies the selection of the header toggle button based on the\n * view we are in.\n */\nconst headerToggleSelection = {\n  monthView: 'none',\n  monthsGridView: 'month',\n  yearsGridView: 'year'\n} as const;\n\ntype MonthViewProps = ComponentProps<typeof MonthView>;\ntype MonthsGridViewProps = ComponentProps<typeof MonthsGridView>;\ntype YearsGridViewProps = ComponentProps<typeof YearsGridView>;\n\ntype UseDatePickerProps = {\n  isReadonly?: boolean;\n  max?: CalendarDateRequired;\n  min?: CalendarDateRequired;\n  rootRef: RefObject<HTMLDivElement>;\n  todayTimeZone?: Intl.DateTimeFormatOptions['timeZone'];\n  value?: CalendarDateRequired;\n  onCommit: (detail: ValueUpdateDetail<CalendarDateRequired>) => void;\n};\n\n/**\n * A custom hook that adds functionality to the DatePicker component.\n */\nexport const useDatePicker = ({\n  isReadonly,\n  max,\n  min,\n  rootRef,\n  todayTimeZone,\n  value,\n  onCommit\n}: UseDatePickerProps) => {\n  // Check for errors first\n  if (min && max && isCalendarDateBefore(max, min)) {\n    throw new Error('DatePicker: min must be equal or less than max.');\n  }\n\n  const todaysDate = getCalendarDateToday(todayTimeZone);\n\n  // We need to make sure that this initialFocusableDate is within the min/max range.\n  // When there is no min or max set, we draw the month of the value if value is set, otherwise we draw today's month.\n  // If the initialFocusableDate is not within the min/max range, then we constrain the calendar date by changing the month to draw\n  // so that the initialFocusableDate is the min date if the initialFocusableDate is < min or the max month if the initialFocusableDate is > max.\n  const initialFocusableDate = useMemo(\n    () => constrainCalendarDate(value ?? todaysDate, min, max),\n    [value, todaysDate, min, max]\n  );\n\n  const { state, actions } = useDatePickerState({ initialFocusableDate });\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const accessibleLabels = {\n    next: translations.datePicker_next(),\n    previous: translations.datePicker_prev(),\n    goToToday: translations.datePicker_goToToday(),\n    today: translations.datePicker_today()\n  };\n\n  // JET-73420, JET-62113: Create a changeValue method that can be called by a test adapter to\n  // simulate a user changing the value. This method calls the onCommit callback, just like what\n  // would happen if a user (or test) made a change through the UI.\n  const changeValue = useCallback(\n    (newValue: CalendarDateRequired) => {\n      // We always want this method available on the DOM element so that a test can call it,\n      // but we only want it to change the value when the component is enabled because that's\n      // the only time the user could change the value through the UI. Note that newValue\n      // cannot be undefined (meaning you cannot clear the value) because there is no way to\n      // do that through the UI.\n      if (!isReadonly) {\n        onCommit({ value: newValue, previousValue: value });\n        return Promise.resolve();\n      }\n      return Promise.reject('Component is readonly');\n    },\n    [isReadonly, onCommit, value]\n  );\n\n  // Expose _changeValue as a hidden method on the root DOM.\n  useHiddenTestMethod({\n    elementRef: rootRef,\n    method: changeValue,\n    name: '_changeValue'\n  });\n\n  const handlers = {\n    /**\n     * Handler for DatePickerHeader.onMonthToggle.\n     * This is used for toggling between the MonthView and\n     * MonthsGridView.\n     */\n    handleMonthToggle: useCallback(() => {\n      if (state.currentView !== 'monthsGridView') {\n        actions.monthsGridView(undefined);\n      } else {\n        actions.monthView(undefined);\n      }\n    }, [actions, state.currentView]),\n\n    /**\n     * Handler for DatePickerHeader.onYearToggle.\n     * This is used for toggling between the MonthView and\n     * YearsGridView.\n     */\n    handleYearToggle: useCallback(() => {\n      if (state.currentView !== 'yearsGridView') {\n        actions.yearsGridView(undefined);\n      } else {\n        actions.monthView(undefined);\n      }\n    }, [actions, state.currentView]),\n\n    /**\n     * Handler for DatePickerHeader.onTodayNavigation.\n     * This is used for navigating to today in the MonthView.\n     */\n    handleTodayNavigation: useCallback(() => {\n      actions.goToToday(todaysDate);\n    }, [actions, todaysDate]),\n\n    /**\n     * Handler for DatePickerHeader.onPreviousNavigation.\n     * This is used for navigating to the previous month in MonthView\n     * and previous decade in YearsGridView.\n     */\n    handlePreviousNavigation: useCallback(() => {\n      if (state.currentView === 'monthView') {\n        return actions.previousMonth(state.focusableDate);\n      }\n\n      if (state.currentView === 'yearsGridView') {\n        return actions.previousDecade({ year: state.focusableYear });\n      }\n    }, [actions, state.currentView, state.focusableDate, state.focusableYear]),\n\n    /**\n     * Handler for DatePickerHeader.onNextNavigation.\n     * This is used for navigating to the next month in MonthView\n     * and next decade in YearsGridView.\n     */\n    handleNextNavigation: useCallback(() => {\n      if (state.currentView === 'monthView') {\n        return actions.nextMonth(state.focusableDate);\n      }\n\n      if (state.currentView === 'yearsGridView') {\n        return actions.nextDecade({ year: state.focusableYear });\n      }\n    }, [actions, state.currentView, state.focusableDate, state.focusableYear]),\n\n    /**\n     * Handler for MonthView.onAction.\n     * This is used for selecting a date in MonthView.\n     */\n    handleMonthViewAction: useCallback<MonthViewProps['onAction']>(\n      (payload) => {\n        if (payload.date === undefined || isReadonly) return;\n        actions.daySelected(payload.date);\n        // We purposely send onCommit even if the value is the same.\n        // The InputDatePicker closes the datepicker when the user commits,\n        // even if it is the already selected date.\n        onCommit?.({ previousValue: value, value: payload.date });\n      },\n      [actions, isReadonly, onCommit, value]\n    ),\n\n    /**\n     * Handler for MonthView.onDayFocused.\n     * This is used to set focus to a day cell on mouse down.\n     */\n    handleDayFocused: useCallback<MonthViewProps['onDayFocused']>(\n      (payload) => {\n        actions.dayFocused(payload.date);\n      },\n      [actions]\n    ),\n\n    /**\n     * Handler for MonthView.onNavigation.\n     * This is used for navigating in the MonthView like moving around the\n     * dates in the month and going to the prev/next month/year.\n     */\n    handleMonthViewNavigation: useCallback<MonthViewProps['onNavigation']>(\n      (detail) => {\n        switch (detail.direction) {\n          case 'previousMonth':\n            return actions.previousMonthAndFocus(detail.date);\n          case 'nextMonth':\n            return actions.nextMonthAndFocus(detail.date);\n          case 'today':\n            return actions.goToToday(todaysDate);\n          default:\n            return actions[detail.direction](detail.date);\n        }\n      },\n      [actions, todaysDate]\n    ),\n\n    /**\n     * Handler for MonthsGridView.onAction.\n     * This is used for selecting a month in MonthsGridView and navigating to\n     * the selected month in MonthView.\n     */\n    handleMonthsGridViewAction: useCallback<MonthsGridViewProps['onAction']>(\n      (detail) => {\n        actions.monthSelected(detail);\n      },\n      [actions]\n    ),\n\n    /**\n     * Handler for MonthsGridView.onMonthFocused.\n     * This is used for focusing a month in MonthsGridView on mouse down.\n     */\n    handleMonthFocused: useCallback<MonthsGridViewProps['onMonthFocused']>(\n      (detail) => {\n        actions.monthFocused(detail);\n      },\n      [actions]\n    ),\n\n    /**\n     * Handler for MonthsGridView.onNavigation.\n     * This is used for navigating through the MonthsGridView.\n     */\n    handleMonthsGridViewNavigation: useCallback<MonthsGridViewProps['onNavigation']>(\n      (detail) => {\n        switch (detail.direction) {\n          case 'down':\n            return actions.nextMonthRowInGridView({ month: detail.month });\n          case 'next':\n            return actions.nextMonthInGridView({ month: detail.month });\n          case 'previous':\n            return actions.previousMonthInGridView({ month: detail.month });\n          case 'up':\n            return actions.previousMonthRowInGridView({ month: detail.month });\n        }\n      },\n      [actions]\n    ),\n\n    /**\n     * Handler for YearsGridView.onAction.\n     * This is used for selecting a year in YearsGridView and navigating to\n     * the selected year in MonthView.\n     */\n    handleYearsGridViewAction: useCallback<YearsGridViewProps['onAction']>(\n      (detail) => {\n        actions.yearSelected(detail);\n      },\n      [actions]\n    ),\n\n    /**\n     * Handler for YearsGridView.onYearFocused.\n     * This is used for focusing a year in YearsGridView on mouse down.\n     */\n    handleYearFocused: useCallback<YearsGridViewProps['onYearFocused']>(\n      (detail) => {\n        actions.yearFocused(detail);\n      },\n      [actions]\n    ),\n\n    /**\n     * Handler for YearsGridView.onNavigation.\n     * This is used for navigating through the YearsGridView.\n     */\n    handleYearsGridViewNavigation: useCallback<YearsGridViewProps['onNavigation']>(\n      (detail) => {\n        switch (detail.direction) {\n          case 'down':\n            return actions.nextYearRowInGridView({ year: detail.year });\n          case 'next':\n            return actions.nextYearInGridView({ year: detail.year });\n          case 'nextDecade':\n            return actions.nextDecadeAndFocus({ year: detail.year });\n          case 'previous':\n            return actions.previousYearInGridView({ year: detail.year });\n          case 'previousDecade':\n            return actions.previousDecadeAndFocus({ year: detail.year });\n          case 'up':\n            return actions.previousYearRowInGridView({ year: detail.year });\n        }\n      },\n      [actions]\n    )\n  };\n\n  const { focusProps } = useFocusWithin({\n    // keep the state in sync with the actual focus state\n    onBlurWithin: useCallback(() => actions.viewBlur(undefined), [actions]),\n    onFocusWithin: useCallback(() => actions.viewFocus(undefined), [actions])\n  });\n\n  return {\n    accessibleLabels,\n    actions,\n    handlers,\n    state,\n    todaysDate,\n    toggleSelection: headerToggleSelection[state.currentView],\n    viewContainerProps: { ...focusProps }\n  };\n};\n","import { Flex } from '#UNSAFE_Flex';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { Button } from '#UNSAFE_Button';\nimport { ComponentProps } from 'preact/compat';\n\ntype ButtonOnAction = NonNullable<ComponentProps<typeof Button>['onAction']>;\n\ntype Props = TestIdProps & {\n  /**\n   * Accessible label for the today navigation button that is in the footer of the DatePicker\n   * in small screens.\n   *\n   * Use this property to provide a screen reader aria-label for the\n   * footer today navigation button.\n   */\n  todayNavigationAriaLabel: string;\n\n  /**\n   * Label for the today navigation button that is in the footer of the DatePicker in small screens.\n   * Use this property to provide a label for the footer today navigation button.\n   */\n  todayNavigationLabel: string;\n\n  /**\n   * A callback function to be called when the today button is clicked. Only\n   * applicable when `isTodayNavigationButtonHidden` is set to `false`.\n   */\n  onTodayNavigationAction?: ButtonOnAction;\n};\n\n/**\n * A Today button. The DatePicker puts this in its footer on small screens.\n * When a user presses the button, the DatePicker navigates to Today and sets focus on Today.\n */\nexport const TodayButton = ({\n  onTodayNavigationAction,\n  testId,\n  todayNavigationAriaLabel,\n  todayNavigationLabel\n}: Props) => {\n  return (\n    <Flex direction=\"column\">\n      <Button\n        testId={testId}\n        label={todayNavigationLabel}\n        aria-label={todayNavigationAriaLabel}\n        size=\"sm\"\n        onAction={onTodayNavigationAction}\n      />\n    </Flex>\n  );\n};\n","import { useRef } from 'preact/hooks';\nimport { DatePickerHeader } from '#PRIVATE_DatePickerHeader';\nimport { MonthView } from '#PRIVATE_MonthView';\nimport { MonthsGridView, YearsGridView } from '#PRIVATE_MonthYearGridView';\nimport { Flex } from '#UNSAFE_Flex';\nimport { useTestId, type TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { type CalendarDateRequired } from '#utils/UNSAFE_calendarDateUtils';\nimport type { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { useDatePicker } from './useDatePicker';\nimport { useBreakpointValues } from '#hooks/UNSAFE_useBreakpointValues';\nimport { TodayButton } from './TodayButton';\nimport { datePickerPropVars } from './themes/DatePickerContract.css';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { DatePickerRedwoodTheme } from './themes/redwood/DatePickerTheme';\nimport { Size } from '#utils/UNSAFE_size';\n\nexport type DayFormatOptions = {\n  state: 'enabled' | 'disabled' | 'restricted';\n};\n\ntype Props = TestIdProps & {\n  /**\n   * A function that receives a date and returns an object specifying how to format the provided date.\n   * This function is called for each date that is rendered and this can be used to control how individual\n   * dates are rendered - disabled, restricted, or enabled.\n   * @param date The date to format\n   * @returns The format options\n   */\n  dayFormatter?: (date: CalendarDateRequired) => DayFormatOptions;\n\n  /**\n   * The daysOutsideMonth property affects the day cells that are outside of the current month.\n   * If set to 'hidden', then the days outside of the current month will be hidden.\n   * If set to 'selectable', then the days outside of the current month will be visible and selectable.\n   * This defaults to 'hidden'.\n   */\n  daysOutsideMonth?: 'hidden' | 'selectable';\n\n  /**\n   * When property is set to \"auto\", the date picker will automatically adjust to the height of the rows of weeks.\n   * This is mainly to be used in conjunction with InputDatePicker.\n   * <p>If not specified, defaults to the theme specified height.<br/>\n   */\n  height?: 'auto';\n\n  /**\n   * Specifies whether the component is readonly.\n   */\n  isReadonly?: boolean;\n\n  /**\n   * The monthAndYearPicker property can be used to specify whether or not the DatePicker should show the\n   * Months Grid View and Years Grid View.\n   */\n  monthAndYearPicker?: 'on' | 'off';\n\n  /**\n   * The maximum selectable date. The max must be equal or greater than the min if they are both specified or an error is thrown.\n   */\n  max?: CalendarDateRequired;\n\n  /**\n   * Specifies the component style maxWidth.\n   * <p>If not specified, defaults to the theme specified maxWidth.<br/>\n   * This attribute accepts values of type:<br/>\n   * 0 | `${number}${CssUnits}` | `${number}x` | `--${string}` | `var($string})` | `${number}%`</p>\n   * <p>When this component is used in composition and the component should take up 100% of the parent container's\n   * width, set maxWidth to '100%'.<br/>\n   * Because there is a theme default value for maxWidth, when setting the width property to achieve a fixed width,\n   * set the maxWidth property to the same value.</p>\n   */\n  maxWidth?: Size;\n\n  /**\n   * The minimum selectable date. The min must be equal or less than the max if they are both specified or an error is thrown.\n   */\n  min?: CalendarDateRequired;\n\n  /**\n   * The todayTimeZone property is used to compute what the highlighted today cell is for the DatePicker.\n   * This defaults to the user's system timezone.\n   * <p>\n   * The only reason an application would set the todayTimeZone property is if they want the\n   * highlighted today cell to be in a different timezone than the user's system's timezone,\n   * like if the user has a preferred timezone that is not where they are physically working.\n   * </p>\n   */\n  todayTimeZone?: Intl.DateTimeFormatOptions['timeZone'];\n\n  /**\n   * Specifies how to render the 'Go to today' button.\n   * <ul>\n   * <li>'visible' - set this property to 'visible' to show the 'Go to today' button.</li>\n   * <li>'hidden' - set this property to 'hidden' to hide the 'Go to today' button.</li>\n   * </ul>\n   */\n  todayButton?: 'visible' | 'hidden';\n\n  /**\n   * The value of the DatePicker. The value property is the date that looks selected in the DatePicker.\n   * If the value is undefined, no day will look selected.\n   * <p>\n   * The DatePicker initially opens to the selected date if there is one and it is within the min/max range.\n   * If there is no value, the DatePicker initially opens to today's month.\n   * </p>\n   */\n  value?: CalendarDateRequired;\n\n  /**\n   * Specifies the component style width.\n   * <p>If not specified, defaults to '100%'.</p>\n   * <p>This attribute accepts values of type:</p>\n   * <p>0 | `${number}${CssUnits}` | `${number}x` | `--${string}`  | `var($string})` | `${number}%`</p>\n   * <br/>\n   * <p>Because there is a theme default value for maxWidth, when setting the width property to achieve a fixed width,\n   * set the maxWidth property to the same value.</p>\n   */\n  width?: Size;\n\n  /**\n   * Callback invoked when the user selects a date in the DatePicker. This callback is called even when the previous\n   * value and the value are the same, that is, when the user selects an already selected date.\n   * The app needs to handle this to write back the controlled 'value' property, or else no date will be shown\n   * to be selected.\n   * If the app is using a DatePicker to control another component, like as a way to navigate an Event Calendar,\n   * then they would listen to the onCommit to get the value of the selected date.\n   */\n  onCommit: (detail: ValueUpdateDetail<CalendarDateRequired>) => void;\n\n  /**\n   * Whether week of the year will be shown in the DatePicker. The default calculation follows the\n   * rule for ISO 8601 as follows: The first week of the year is defined as the week that contains\n   * the first Thursday. Therefore, if January 1st falls on a Friday, it is considered part of the last week\n   * of the previous year. Conversely, if December 31st falls on a Wednesday, it is part of week 1 of the following year.\n   */\n  weekDisplay?: 'none' | 'number';\n};\n\n/**\n * A DatePicker is a calendar interface that allows users to select a single date.\n */\nexport const DatePicker = ({\n  dayFormatter,\n  daysOutsideMonth,\n  height,\n  isReadonly = false,\n  monthAndYearPicker = 'on',\n  max,\n  maxWidth,\n  min,\n  value,\n  testId,\n  todayTimeZone,\n  todayButton = 'visible',\n  weekDisplay = 'none',\n  width,\n  onCommit\n}: Props) => {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const { accessibleLabels, handlers, state, todaysDate, toggleSelection, viewContainerProps } =\n    useDatePicker({\n      isReadonly,\n      max,\n      min,\n      rootRef,\n      todayTimeZone,\n      value,\n      onCommit\n    });\n  const { month, year } = state.focusableDate;\n  const isMonthYearPickerEnabled = monthAndYearPicker === 'on' && !isReadonly;\n  // When the screen is < 360px, we hide the DatePickerHeader's today button and show a Today button\n  // on the bottom of the DatePicker instead.\n  // NOTE: I cannot use xs, sm here since useBreakpointValues's types do not allow it.\n  const shouldShowTodayFooterButton = useBreakpointValues(\n    {\n      sm: true,\n      md: false\n    },\n    { sm: '0px', md: '360px' }\n  );\n\n  const showTodayFooterButton =\n    !state.isTodayNavigationButtonHidden &&\n    shouldShowTodayFooterButton &&\n    todayButton === 'visible';\n\n  // we need to render the baseTheme on the root dom element so that the CSS vars in datePickerPropVars will be defined.\n  const { classes } = useComponentTheme(DatePickerRedwoodTheme);\n\n  const testIdProps = useTestId(testId);\n\n  return (\n    <div class={classes} ref={rootRef} {...testIdProps}>\n      <Flex\n        direction=\"column\"\n        gap={\n          state.currentView === 'monthView'\n            ? datePickerPropVars.calendarGridRowGap\n            : datePickerPropVars.monthYearGridRowGap\n        }\n        height={\n          height === 'auto'\n            ? undefined\n            : showTodayFooterButton\n            ? datePickerPropVars.todayFooterButtonHeight\n            : datePickerPropVars.height\n        }\n        maxWidth={maxWidth !== undefined ? maxWidth : datePickerPropVars.maxWidth}\n        width={width !== undefined ? width : datePickerPropVars.width}>\n        <DatePickerHeader\n          testId={testId ? testId + '_header' : undefined}\n          month={month}\n          year={year}\n          isPreviousNavigationButtonHidden={state.isPreviousNavigationButtonHidden}\n          isTodayNavigationButtonHidden={\n            todayButton === 'hidden' ||\n            state.isTodayNavigationButtonHidden ||\n            shouldShowTodayFooterButton\n          }\n          isNextNavigationButtonHidden={state.isNextNavigationButtonHidden}\n          monthYearHeader={isMonthYearPickerEnabled ? 'independentButtons' : 'text'}\n          toggleSelection={isMonthYearPickerEnabled ? toggleSelection : undefined}\n          previousNavigationAccessibleLabel={accessibleLabels.previous}\n          todayNavigationAccessibleLabel={accessibleLabels.goToToday}\n          nextNavigationAccessibleLabel={accessibleLabels.next}\n          onTodayNavigationAction={handlers.handleTodayNavigation}\n          onPreviousNavigationAction={handlers.handlePreviousNavigation}\n          onNextNavigationAction={handlers.handleNextNavigation}\n          onMonthToggle={isMonthYearPickerEnabled ? handlers.handleMonthToggle : undefined}\n          onYearToggle={isMonthYearPickerEnabled ? handlers.handleYearToggle : undefined}\n        />\n        <div {...viewContainerProps}>\n          {state.currentView === 'monthView' && (\n            <MonthView\n              dayFormatter={dayFormatter}\n              daysOutsideMonth={daysOutsideMonth}\n              isReadonly={isReadonly}\n              max={max}\n              min={min}\n              selectedDate={value}\n              focusableDate={state.focusableDate}\n              isFocused={state.isViewFocused}\n              testId={testId ? testId + '_monthView' : undefined}\n              todaysDate={todaysDate}\n              onNavigation={handlers.handleMonthViewNavigation}\n              onDayFocused={handlers.handleDayFocused}\n              onAction={handlers.handleMonthViewAction}\n              weekDisplay={weekDisplay}\n            />\n          )}\n          {state.currentView === 'monthsGridView' && (\n            <MonthsGridView\n              currentMonth={todaysDate.month}\n              focusableMonth={state.focusableMonth}\n              isFocused={state.isViewFocused}\n              selectedMonth={month}\n              testId={testId ? testId + '_monthsGridView' : undefined}\n              onAction={handlers.handleMonthsGridViewAction}\n              onMonthFocused={handlers.handleMonthFocused}\n              onNavigation={handlers.handleMonthsGridViewNavigation}\n            />\n          )}\n          {state.currentView === 'yearsGridView' && (\n            <YearsGridView\n              currentYear={todaysDate.year}\n              focusableYear={state.focusableYear}\n              isFocused={state.isViewFocused}\n              selectedYear={year}\n              testId={testId ? testId + '_yearsGridView' : undefined}\n              onAction={handlers.handleYearsGridViewAction}\n              onNavigation={handlers.handleYearsGridViewNavigation}\n              onYearFocused={handlers.handleYearFocused}\n            />\n          )}\n        </div>\n        {showTodayFooterButton && (\n          <div>\n            <TodayButton\n              testId={testId ? testId + '_footerTodayButton' : undefined}\n              todayNavigationLabel={accessibleLabels.today}\n              todayNavigationAriaLabel={accessibleLabels.goToToday}\n              onTodayNavigationAction={handlers.handleTodayNavigation}\n            />\n          </div>\n        )}\n      </Flex>\n    </div>\n  );\n};\n"],"names":["addToCalendarDate","getDaysInMonth","addToMonth","addToYear","useReducer","useRef","compareDates","useMemo","isCalendarDateBefore","getCalendarDateToday","constrainCalendarDate","useTranslationBundle","useCallback","useHiddenTestMethod","useFocusWithin","_jsx","Flex","Button","useBreakpointValues","useComponentTheme","DatePickerRedwoodTheme","useTestId","_jsxs","datePickerPropVars","DatePickerHeader","MonthView","MonthsGridView","YearsGridView"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAMG;AAqGH,MAAM,yBAAyB,GAAG;IAChC,WAAW;IACX,gBAAgB;IAChB,eAAe;IACf,WAAW;IACX,UAAU;CACF,CAAC;AAEX,MAAM,oBAAoB,GAAG;IAC3B,YAAY;IACZ,aAAa;IACb,WAAW;IACX,aAAa;IACb,SAAS;IACT,cAAc;IACd,UAAU;IACV,eAAe;IACf,uBAAuB;IACvB,WAAW;IACX,mBAAmB;IACnB,cAAc;IACd,UAAU;IACV,iBAAiB;IACjB,gBAAgB;CACR,CAAC;AAEX,MAAM,yBAAyB,GAAG;IAChC,yBAAyB;IACzB,qBAAqB;IACrB,4BAA4B;IAC5B,wBAAwB;IACxB,cAAc;IACd,eAAe;CACP,CAAC;AAEX,MAAM,wBAAwB,GAAG;IAC/B,wBAAwB;IACxB,oBAAoB;IACpB,2BAA2B;IAC3B,uBAAuB;IACvB,gBAAgB;IAChB,wBAAwB;IACxB,YAAY;IACZ,oBAAoB;IACpB,aAAa;IACb,cAAc;CACN,CAAC;AAuCX;AACA;AACA;AACA,MAAM,iBAAiB,GAAG,CACxB,KAAsB,EACtB,MAA+B,KACZ;;;;AAInB,IAAA,IAAI,MAAM,CAAC,IAAI,KAAK,OAAO,EAAE;QAC3B,OAAO,MAAM,CAAC,OAAQ,CAAC;KACxB;AAED,IAAA,QAAQ,MAAM,CAAC,IAAI;QACjB,KAAK,WAAW,EAAE;YAChB,OAAO;AACL,gBAAA,GAAG,KAAK;AACR,gBAAA,WAAW,EAAE,WAAW;AACxB,gBAAA,aAAa,EAAE,KAAK;AACpB,gBAAA,4BAA4B,EAAE,KAAK;AACnC,gBAAA,gCAAgC,EAAE,KAAK;AACvC,gBAAA,6BAA6B,EAAE,KAAK;aACrC,CAAC;SACH;QACD,KAAK,gBAAgB,EAAE;YACrB,OAAO;AACL,gBAAA,GAAG,KAAK;AACR,gBAAA,WAAW,EAAE,gBAAgB;AAC7B,gBAAA,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK;AACzC,gBAAA,aAAa,EAAE,KAAK;AACpB,gBAAA,4BAA4B,EAAE,IAAI;AAClC,gBAAA,gCAAgC,EAAE,IAAI;AACtC,gBAAA,6BAA6B,EAAE,IAAI;aACpC,CAAC;SACH;QACD,KAAK,eAAe,EAAE;YACpB,OAAO;AACL,gBAAA,GAAG,KAAK;AACR,gBAAA,WAAW,EAAE,eAAe;AAC5B,gBAAA,aAAa,EAAE,KAAK,CAAC,aAAa,CAAC,IAAI;AACvC,gBAAA,aAAa,EAAE,KAAK;AACpB,gBAAA,4BAA4B,EAAE,KAAK;AACnC,gBAAA,gCAAgC,EAAE,KAAK;AACvC,gBAAA,6BAA6B,EAAE,IAAI;aACpC,CAAC;SACH;QACD,KAAK,WAAW,EAAE;AAChB,YAAA,OAAO,KAAK,CAAC,aAAa,GAAG,KAAK,GAAG,EAAE,GAAG,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC;SACxE;QACD,KAAK,UAAU,EAAE;AACf,YAAA,OAAO,KAAK,CAAC,aAAa,GAAG,EAAE,GAAG,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;SACzE;AACD,QAAA,KAAK,YAAY,CAAC;QAClB,KAAK,aAAa,EAAE;AAClB,YAAA,OAAO,EAAE,GAAG,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC;SACzE;QACD,KAAK,WAAW,EAAE;;;AAGhB,YAAA,OAAO,EAAE,GAAG,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC;SACzE;QACD,KAAK,aAAa,EAAE;AAClB,YAAA,MAAM,WAAW,GAAGA,mCAAiB,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACpE,YAAA,OAAO,EAAE,GAAG,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,aAAa,EAAE,WAAW,EAAE,CAAC;SACtE;QACD,KAAK,SAAS,EAAE;AACd,YAAA,MAAM,OAAO,GAAGA,mCAAiB,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;AAC/D,YAAA,OAAO,EAAE,GAAG,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,aAAa,EAAE,OAAO,EAAE,CAAC;SAClE;QACD,KAAK,cAAc,EAAE;AACnB,YAAA,MAAM,WAAW,GAAGA,mCAAiB,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACpE,YAAA,OAAO,EAAE,GAAG,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,aAAa,EAAE,WAAW,EAAE,CAAC;SACtE;QACD,KAAK,UAAU,EAAE;AACf,YAAA,MAAM,OAAO,GAAGA,mCAAiB,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;AAC/D,YAAA,OAAO,EAAE,GAAG,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,aAAa,EAAE,OAAO,EAAE,CAAC;SAClE;AACD,QAAA,KAAK,eAAe,CAAC;QACrB,KAAK,uBAAuB,EAAE;;;AAG5B,YAAA,MAAM,SAAS,GAAGA,mCAAiB,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;YACpE,OAAO;AACL,gBAAA,GAAG,KAAK;AACR,gBAAA,aAAa,EAAE,MAAM,CAAC,IAAI,KAAK,uBAAuB;AACtD,gBAAA,aAAa,EAAE,SAAS;aACzB,CAAC;SACH;AACD,QAAA,KAAK,WAAW,CAAC;QACjB,KAAK,mBAAmB,EAAE;;;;AAIxB,YAAA,MAAM,SAAS,GAAGA,mCAAiB,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC;YACnE,OAAO;AACL,gBAAA,GAAG,KAAK;AACR,gBAAA,aAAa,EAAE,MAAM,CAAC,IAAI,KAAK,mBAAmB;AAClD,gBAAA,aAAa,EAAE,SAAS;aACzB,CAAC;SACH;QACD,KAAK,cAAc,EAAE;;AAEnB,YAAA,MAAM,YAAY,GAAGA,mCAAiB,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACtE,YAAA,OAAO,EAAE,GAAG,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC;SACvE;QACD,KAAK,UAAU,EAAE;AACf,YAAA,MAAM,QAAQ,GAAGA,mCAAiB,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;AACjE,YAAA,OAAO,EAAE,GAAG,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC;SACnE;QACD,KAAK,iBAAiB,EAAE;;AAEtB,YAAA,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC;AACnC,YAAA,MAAM,mBAAmB,GAAG;gBAC1B,IAAI,EAAE,WAAW,CAAC,IAAI;gBACtB,KAAK,EAAE,WAAW,CAAC,KAAK;AACxB,gBAAA,GAAG,EAAE,CAAC;aACiB,CAAC;AAC1B,YAAA,OAAO,EAAE,GAAG,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,aAAa,EAAE,mBAAmB,EAAE,CAAC;SAC9E;QACD,KAAK,gBAAgB,EAAE;;AAErB,YAAA,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC;AACnC,YAAA,MAAM,OAAO,GAAGC,gCAAc,CAAC,WAAW,CAAC,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;AACpE,YAAA,MAAM,kBAAkB,GAAG;gBACzB,IAAI,EAAE,WAAW,CAAC,IAAI;gBACtB,KAAK,EAAE,WAAW,CAAC,KAAK;AACxB,gBAAA,GAAG,EAAE,OAAO;aACW,CAAC;AAC1B,YAAA,OAAO,EAAE,GAAG,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,aAAa,EAAE,kBAAkB,EAAE,CAAC;SAC7E;QAED,KAAK,yBAAyB,EAAE;AAC9B,YAAA,MAAM,aAAa,GAAGC,4BAAU,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;AAC3D,YAAA,OAAO,EAAE,GAAG,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC;SACzE;QACD,KAAK,4BAA4B,EAAE;AACjC,YAAA,MAAM,aAAa,GAAGA,4BAAU,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;AAC3D,YAAA,OAAO,EAAE,GAAG,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC;SACzE;QACD,KAAK,qBAAqB,EAAE;AAC1B,YAAA,MAAM,SAAS,GAAGA,4BAAU,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;AACtD,YAAA,OAAO,EAAE,GAAG,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC;SACrE;QACD,KAAK,wBAAwB,EAAE;AAC7B,YAAA,MAAM,SAAS,GAAGA,4BAAU,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;AACtD,YAAA,OAAO,EAAE,GAAG,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC;SACrE;QACD,KAAK,cAAc,EAAE;AACnB,YAAA,OAAO,EAAE,GAAG,KAAK,EAAE,cAAc,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC;SAChF;QACD,KAAK,eAAe,EAAE;AACpB,YAAA,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC;AACpE,YAAA,MAAM,QAAQ,GAAGF,mCAAiB,CAAC,KAAK,CAAC,aAAa,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,CAAC;YAChF,OAAO;AACL,gBAAA,GAAG,KAAK;AACR,gBAAA,WAAW,EAAE,WAAW;AACxB,gBAAA,aAAa,EAAE,QAAQ;AACvB,gBAAA,aAAa,EAAE,IAAI;AACnB,gBAAA,4BAA4B,EAAE,KAAK;AACnC,gBAAA,gCAAgC,EAAE,KAAK;AACvC,gBAAA,6BAA6B,EAAE,KAAK;aACrC,CAAC;SACH;QAED,KAAK,wBAAwB,EAAE;AAC7B,YAAA,MAAM,YAAY,GAAGG,2BAAS,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;AACxD,YAAA,OAAO,EAAE,GAAG,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC;SACvE;QACD,KAAK,2BAA2B,EAAE;AAChC,YAAA,MAAM,YAAY,GAAGA,2BAAS,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;AACxD,YAAA,OAAO,EAAE,GAAG,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC;SACvE;AACD,QAAA,KAAK,gBAAgB,CAAC;QACtB,KAAK,wBAAwB,EAAE;AAC7B,YAAA,MAAM,YAAY,GAAGA,2BAAS,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;YACzD,OAAO;AACL,gBAAA,GAAG,KAAK;AACR,gBAAA,aAAa,EAAE,YAAY;AAC3B,gBAAA,aAAa,EAAE,MAAM,CAAC,IAAI,KAAK,wBAAwB;aACxD,CAAC;SACH;QACD,KAAK,oBAAoB,EAAE;AACzB,YAAA,MAAM,QAAQ,GAAGA,2BAAS,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;AACnD,YAAA,OAAO,EAAE,GAAG,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC;SACnE;QACD,KAAK,uBAAuB,EAAE;AAC5B,YAAA,MAAM,QAAQ,GAAGA,2BAAS,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;AACnD,YAAA,OAAO,EAAE,GAAG,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC;SACnE;AACD,QAAA,KAAK,YAAY,CAAC;QAClB,KAAK,oBAAoB,EAAE;AACzB,YAAA,MAAM,QAAQ,GAAGA,2BAAS,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YACpD,OAAO;AACL,gBAAA,GAAG,KAAK;AACR,gBAAA,aAAa,EAAE,QAAQ;AACvB,gBAAA,aAAa,EAAE,MAAM,CAAC,IAAI,KAAK,oBAAoB;aACpD,CAAC;SACH;QACD,KAAK,aAAa,EAAE;AAClB,YAAA,OAAO,EAAE,GAAG,KAAK,EAAE,aAAa,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC;SAC9E;QACD,KAAK,cAAc,EAAE;AACnB,YAAA,MAAM,SAAS,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,GAAG,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC;AACjE,YAAA,MAAM,QAAQ,GAAGH,mCAAiB,CAAC,KAAK,CAAC,aAAa,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;YAC9E,OAAO;AACL,gBAAA,GAAG,KAAK;AACR,gBAAA,WAAW,EAAE,WAAW;AACxB,gBAAA,aAAa,EAAE,QAAQ;AACvB,gBAAA,aAAa,EAAE,IAAI;AACnB,gBAAA,4BAA4B,EAAE,KAAK;AACnC,gBAAA,gCAAgC,EAAE,KAAK;AACvC,gBAAA,6BAA6B,EAAE,KAAK;aACrC,CAAC;SACH;AACD,QAAA;AACE,YAAA,OAAO,KAAK,CAAC;KAChB;AACH,CAAC,CAAC;AASF;;;;;;;AAOG;AACH,MAAM,kBAAkB,GAAG,CAAC,EAAE,oBAAoB,EAAS,KAAI;;AAE7D,IAAA,MAAM,YAAY,GAAoB;AACpC,QAAA,WAAW,EAAE,WAAW;AACxB,QAAA,aAAa,EAAE,oBAAoB;QACnC,cAAc,EAAE,oBAAoB,CAAC,KAAK;QAC1C,aAAa,EAAE,oBAAoB,CAAC,IAAI;AACxC,QAAA,aAAa,EAAE,KAAK;AACpB,QAAA,4BAA4B,EAAE,KAAK;AACnC,QAAA,gCAAgC,EAAE,KAAK;AACvC,QAAA,6BAA6B,EAAE,KAAK;KACrC,CAAC;AAEF,IAAA,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGI,iBAAU,CAAC,iBAAiB,EAAE,YAAY,CAAC,CAAC;;AAGtE,IAAA,MAAM,sBAAsB,GAAGC,aAAM,CAAuB,oBAAoB,CAAC,CAAC;;;;;IAMlF,IAAIC,8BAAY,CAAC,sBAAsB,CAAC,OAAO,EAAE,oBAAoB,CAAC,KAAK,CAAC,EAAE;AAC5E,QAAA,sBAAsB,CAAC,OAAO,GAAG,oBAAoB,CAAC;QACtD,IAAIA,8BAAY,CAAC,oBAAoB,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE;YACjE,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC,CAAC;SACpD;KACF;;;;AAMD,IAAA,MAAM,OAAO,GAAGC,cAAO,CAAC,MAAK;QAC3B,MAAM,aAAa,GAQf,EAAS,CAAC;AAEd,QAAA,yBAAyB,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;AACzC,YAAA,aAAa,CAAC,IAAI,CAAC,GAAG,MAAM,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;AACjD,SAAC,CAAC,CAAC;AAEH,QAAA,oBAAoB,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;AACpC,YAAA,aAAa,CAAC,IAAI,CAAC,GAAG,CACpB,OAAoF,KACjF,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;AACnC,SAAC,CAAC,CAAC;AAEH,QAAA,yBAAyB,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;AACzC,YAAA,aAAa,CAAC,IAAI,CAAC,GAAG,CACpB,OAAyF,KACtF,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;AACnC,SAAC,CAAC,CAAC;AAEH,QAAA,wBAAwB,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;AACxC,YAAA,aAAa,CAAC,IAAI,CAAC,GAAG,CACpB,OAAwF,KACrF,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;AACnC,SAAC,CAAC,CAAC;AAEH,QAAA,OAAO,aAAa,CAAC;AACvB,KAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;AAEf,IAAA,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;AAC5B,CAAC;;AC1dD;;;AAGG;AACH,MAAM,qBAAqB,GAAG;AAC5B,IAAA,SAAS,EAAE,MAAM;AACjB,IAAA,cAAc,EAAE,OAAO;AACvB,IAAA,aAAa,EAAE,MAAM;CACb,CAAC;AAgBX;;AAEG;AACI,MAAM,aAAa,GAAG,CAAC,EAC5B,UAAU,EACV,GAAG,EACH,GAAG,EACH,OAAO,EACP,aAAa,EACb,KAAK,EACL,QAAQ,EACW,KAAI;;IAEvB,IAAI,GAAG,IAAI,GAAG,IAAIC,sCAAoB,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE;AAChD,QAAA,MAAM,IAAI,KAAK,CAAC,iDAAiD,CAAC,CAAC;KACpE;AAED,IAAA,MAAM,UAAU,GAAGC,sCAAoB,CAAC,aAAa,CAAC,CAAC;;;;;AAMvD,IAAA,MAAM,oBAAoB,GAAGF,cAAO,CAClC,MAAMG,uCAAqB,CAAC,KAAK,IAAI,UAAU,EAAE,GAAG,EAAE,GAAG,CAAC,EAC1D,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,GAAG,CAAC,CAC9B,CAAC;AAEF,IAAA,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,kBAAkB,CAAC,EAAE,oBAAoB,EAAE,CAAC,CAAC;AAExE,IAAA,MAAM,YAAY,GAAGC,yCAAoB,CAAa,0BAA0B,CAAC,CAAC;AAClF,IAAA,MAAM,gBAAgB,GAAG;AACvB,QAAA,IAAI,EAAE,YAAY,CAAC,eAAe,EAAE;AACpC,QAAA,QAAQ,EAAE,YAAY,CAAC,eAAe,EAAE;AACxC,QAAA,SAAS,EAAE,YAAY,CAAC,oBAAoB,EAAE;AAC9C,QAAA,KAAK,EAAE,YAAY,CAAC,gBAAgB,EAAE;KACvC,CAAC;;;;AAKF,IAAA,MAAM,WAAW,GAAGC,kBAAW,CAC7B,CAAC,QAA8B,KAAI;;;;;;QAMjC,IAAI,CAAC,UAAU,EAAE;YACf,QAAQ,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC,CAAC;AACpD,YAAA,OAAO,OAAO,CAAC,OAAO,EAAE,CAAC;SAC1B;AACD,QAAA,OAAO,OAAO,CAAC,MAAM,CAAC,uBAAuB,CAAC,CAAC;KAChD,EACD,CAAC,UAAU,EAAE,QAAQ,EAAE,KAAK,CAAC,CAC9B,CAAC;;AAGF,IAAAC,uCAAmB,CAAC;AAClB,QAAA,UAAU,EAAE,OAAO;AACnB,QAAA,MAAM,EAAE,WAAW;AACnB,QAAA,IAAI,EAAE,cAAc;AACrB,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,QAAQ,GAAG;AACf;;;;AAIG;AACH,QAAA,iBAAiB,EAAED,kBAAW,CAAC,MAAK;AAClC,YAAA,IAAI,KAAK,CAAC,WAAW,KAAK,gBAAgB,EAAE;AAC1C,gBAAA,OAAO,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;aACnC;iBAAM;AACL,gBAAA,OAAO,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;aAC9B;SACF,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;AAEhC;;;;AAIG;AACH,QAAA,gBAAgB,EAAEA,kBAAW,CAAC,MAAK;AACjC,YAAA,IAAI,KAAK,CAAC,WAAW,KAAK,eAAe,EAAE;AACzC,gBAAA,OAAO,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;aAClC;iBAAM;AACL,gBAAA,OAAO,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;aAC9B;SACF,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;AAEhC;;;AAGG;AACH,QAAA,qBAAqB,EAAEA,kBAAW,CAAC,MAAK;AACtC,YAAA,OAAO,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;AAChC,SAAC,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;AAEzB;;;;AAIG;AACH,QAAA,wBAAwB,EAAEA,kBAAW,CAAC,MAAK;AACzC,YAAA,IAAI,KAAK,CAAC,WAAW,KAAK,WAAW,EAAE;gBACrC,OAAO,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;aACnD;AAED,YAAA,IAAI,KAAK,CAAC,WAAW,KAAK,eAAe,EAAE;AACzC,gBAAA,OAAO,OAAO,CAAC,cAAc,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,aAAa,EAAE,CAAC,CAAC;aAC9D;AACH,SAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,aAAa,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;AAE1E;;;;AAIG;AACH,QAAA,oBAAoB,EAAEA,kBAAW,CAAC,MAAK;AACrC,YAAA,IAAI,KAAK,CAAC,WAAW,KAAK,WAAW,EAAE;gBACrC,OAAO,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;aAC/C;AAED,YAAA,IAAI,KAAK,CAAC,WAAW,KAAK,eAAe,EAAE;AACzC,gBAAA,OAAO,OAAO,CAAC,UAAU,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,aAAa,EAAE,CAAC,CAAC;aAC1D;AACH,SAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,aAAa,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;AAE1E;;;AAGG;AACH,QAAA,qBAAqB,EAAEA,kBAAW,CAChC,CAAC,OAAO,KAAI;AACV,YAAA,IAAI,OAAO,CAAC,IAAI,KAAK,SAAS,IAAI,UAAU;gBAAE,OAAO;AACrD,YAAA,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;;;;AAIlC,YAAA,QAAQ,GAAG,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;SAC3D,EACD,CAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,CAAC,CACvC;AAED;;;AAGG;AACH,QAAA,gBAAgB,EAAEA,kBAAW,CAC3B,CAAC,OAAO,KAAI;AACV,YAAA,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;AACnC,SAAC,EACD,CAAC,OAAO,CAAC,CACV;AAED;;;;AAIG;AACH,QAAA,yBAAyB,EAAEA,kBAAW,CACpC,CAAC,MAAM,KAAI;AACT,YAAA,QAAQ,MAAM,CAAC,SAAS;AACtB,gBAAA,KAAK,eAAe;oBAClB,OAAO,OAAO,CAAC,qBAAqB,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;AACpD,gBAAA,KAAK,WAAW;oBACd,OAAO,OAAO,CAAC,iBAAiB,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;AAChD,gBAAA,KAAK,OAAO;AACV,oBAAA,OAAO,OAAO,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;AACvC,gBAAA;oBACE,OAAO,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;aACjD;AACH,SAAC,EACD,CAAC,OAAO,EAAE,UAAU,CAAC,CACtB;AAED;;;;AAIG;AACH,QAAA,0BAA0B,EAAEA,kBAAW,CACrC,CAAC,MAAM,KAAI;AACT,YAAA,OAAO,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;AAChC,SAAC,EACD,CAAC,OAAO,CAAC,CACV;AAED;;;AAGG;AACH,QAAA,kBAAkB,EAAEA,kBAAW,CAC7B,CAAC,MAAM,KAAI;AACT,YAAA,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;AAC/B,SAAC,EACD,CAAC,OAAO,CAAC,CACV;AAED;;;AAGG;AACH,QAAA,8BAA8B,EAAEA,kBAAW,CACzC,CAAC,MAAM,KAAI;AACT,YAAA,QAAQ,MAAM,CAAC,SAAS;AACtB,gBAAA,KAAK,MAAM;AACT,oBAAA,OAAO,OAAO,CAAC,sBAAsB,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;AACjE,gBAAA,KAAK,MAAM;AACT,oBAAA,OAAO,OAAO,CAAC,mBAAmB,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;AAC9D,gBAAA,KAAK,UAAU;AACb,oBAAA,OAAO,OAAO,CAAC,uBAAuB,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;AAClE,gBAAA,KAAK,IAAI;AACP,oBAAA,OAAO,OAAO,CAAC,0BAA0B,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;aACtE;AACH,SAAC,EACD,CAAC,OAAO,CAAC,CACV;AAED;;;;AAIG;AACH,QAAA,yBAAyB,EAAEA,kBAAW,CACpC,CAAC,MAAM,KAAI;AACT,YAAA,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;AAC/B,SAAC,EACD,CAAC,OAAO,CAAC,CACV;AAED;;;AAGG;AACH,QAAA,iBAAiB,EAAEA,kBAAW,CAC5B,CAAC,MAAM,KAAI;AACT,YAAA,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;AAC9B,SAAC,EACD,CAAC,OAAO,CAAC,CACV;AAED;;;AAGG;AACH,QAAA,6BAA6B,EAAEA,kBAAW,CACxC,CAAC,MAAM,KAAI;AACT,YAAA,QAAQ,MAAM,CAAC,SAAS;AACtB,gBAAA,KAAK,MAAM;AACT,oBAAA,OAAO,OAAO,CAAC,qBAAqB,CAAC,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC;AAC9D,gBAAA,KAAK,MAAM;AACT,oBAAA,OAAO,OAAO,CAAC,kBAAkB,CAAC,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC;AAC3D,gBAAA,KAAK,YAAY;AACf,oBAAA,OAAO,OAAO,CAAC,kBAAkB,CAAC,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC;AAC3D,gBAAA,KAAK,UAAU;AACb,oBAAA,OAAO,OAAO,CAAC,sBAAsB,CAAC,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC;AAC/D,gBAAA,KAAK,gBAAgB;AACnB,oBAAA,OAAO,OAAO,CAAC,sBAAsB,CAAC,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC;AAC/D,gBAAA,KAAK,IAAI;AACP,oBAAA,OAAO,OAAO,CAAC,yBAAyB,CAAC,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC;aACnE;AACH,SAAC,EACD,CAAC,OAAO,CAAC,CACV;KACF,CAAC;AAEF,IAAA,MAAM,EAAE,UAAU,EAAE,GAAGE,6BAAc,CAAC;;AAEpC,QAAA,YAAY,EAAEF,kBAAW,CAAC,MAAM,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;AACvE,QAAA,aAAa,EAAEA,kBAAW,CAAC,MAAM,OAAO,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;AAC1E,KAAA,CAAC,CAAC;IAEH,OAAO;QACL,gBAAgB;QAChB,OAAO;QACP,QAAQ;QACR,KAAK;QACL,UAAU;AACV,QAAA,eAAe,EAAE,qBAAqB,CAAC,KAAK,CAAC,WAAW,CAAC;AACzD,QAAA,kBAAkB,EAAE,EAAE,GAAG,UAAU,EAAE;KACtC,CAAC;AACJ,CAAC;;AC5SD;;;AAGG;AACI,MAAM,WAAW,GAAG,CAAC,EAC1B,uBAAuB,EACvB,MAAM,EACN,wBAAwB,EACxB,oBAAoB,EACd,KAAI;AACV,IAAA,QACEG,cAAA,CAACC,SAAI,EAAA,EAAC,SAAS,EAAC,QAAQ,EAAA,QAAA,EACtBD,cAAC,CAAAE,aAAM,EACL,EAAA,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,oBAAoB,EAAA,YAAA,EACf,wBAAwB,EACpC,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,uBAAuB,EACjC,CAAA,EAAA,CACG,EACP;AACJ,CAAC;;ACuFD;;AAEG;MACU,UAAU,GAAG,CAAC,EACzB,YAAY,EACZ,gBAAgB,EAChB,MAAM,EACN,UAAU,GAAG,KAAK,EAClB,kBAAkB,GAAG,IAAI,EACzB,GAAG,EACH,QAAQ,EACR,GAAG,EACH,KAAK,EACL,MAAM,EACN,aAAa,EACb,WAAW,GAAG,SAAS,EACvB,WAAW,GAAG,MAAM,EACpB,KAAK,EACL,QAAQ,EACF,KAAI;AACV,IAAA,MAAM,OAAO,GAAGZ,YAAM,CAAiB,IAAI,CAAC,CAAC;AAC7C,IAAA,MAAM,EAAE,gBAAgB,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,kBAAkB,EAAE,GAC1F,aAAa,CAAC;QACZ,UAAU;QACV,GAAG;QACH,GAAG;QACH,OAAO;QACP,aAAa;QACb,KAAK;QACL,QAAQ;AACT,KAAA,CAAC,CAAC;IACL,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC,aAAa,CAAC;IAC5C,MAAM,wBAAwB,GAAG,kBAAkB,KAAK,IAAI,IAAI,CAAC,UAAU,CAAC;;;;IAI5E,MAAM,2BAA2B,GAAGa,uCAAmB,CACrD;AACE,QAAA,EAAE,EAAE,IAAI;AACR,QAAA,EAAE,EAAE,KAAK;KACV,EACD,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE,CAC3B,CAAC;AAEF,IAAA,MAAM,qBAAqB,GACzB,CAAC,KAAK,CAAC,6BAA6B;QACpC,2BAA2B;QAC3B,WAAW,KAAK,SAAS,CAAC;;IAG5B,MAAM,EAAE,OAAO,EAAE,GAAGC,mCAAiB,CAACC,uEAAsB,CAAC,CAAC;AAE9D,IAAA,MAAM,WAAW,GAAGC,mBAAS,CAAC,MAAM,CAAC,CAAC;IAEtC,QACEN,cAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAA,GAAM,WAAW,EAAA,QAAA,EAChDO,gBAACN,SAAI,EAAA,EACH,SAAS,EAAC,QAAQ,EAClB,GAAG,EACD,KAAK,CAAC,WAAW,KAAK,WAAW;kBAC7BO,kEAAkB,CAAC,kBAAkB;kBACrCA,kEAAkB,CAAC,mBAAmB,EAE5C,MAAM,EACJ,MAAM,KAAK,MAAM;AACf,kBAAE,SAAS;AACX,kBAAE,qBAAqB;sBACrBA,kEAAkB,CAAC,uBAAuB;AAC5C,sBAAEA,kEAAkB,CAAC,MAAM,EAE/B,QAAQ,EAAE,QAAQ,KAAK,SAAS,GAAG,QAAQ,GAAGA,kEAAkB,CAAC,QAAQ,EACzE,KAAK,EAAE,KAAK,KAAK,SAAS,GAAG,KAAK,GAAGA,kEAAkB,CAAC,KAAK,EAC7D,QAAA,EAAA,CAAAR,cAAA,CAACS,iCAAgB,EAAA,EACf,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,EAC/C,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,gCAAgC,EAAE,KAAK,CAAC,gCAAgC,EACxE,6BAA6B,EAC3B,WAAW,KAAK,QAAQ;AACxB,wBAAA,KAAK,CAAC,6BAA6B;AACnC,wBAAA,2BAA2B,EAE7B,4BAA4B,EAAE,KAAK,CAAC,4BAA4B,EAChE,eAAe,EAAE,wBAAwB,GAAG,oBAAoB,GAAG,MAAM,EACzE,eAAe,EAAE,wBAAwB,GAAG,eAAe,GAAG,SAAS,EACvE,iCAAiC,EAAE,gBAAgB,CAAC,QAAQ,EAC5D,8BAA8B,EAAE,gBAAgB,CAAC,SAAS,EAC1D,6BAA6B,EAAE,gBAAgB,CAAC,IAAI,EACpD,uBAAuB,EAAE,QAAQ,CAAC,qBAAqB,EACvD,0BAA0B,EAAE,QAAQ,CAAC,wBAAwB,EAC7D,sBAAsB,EAAE,QAAQ,CAAC,oBAAoB,EACrD,aAAa,EAAE,wBAAwB,GAAG,QAAQ,CAAC,iBAAiB,GAAG,SAAS,EAChF,YAAY,EAAE,wBAAwB,GAAG,QAAQ,CAAC,gBAAgB,GAAG,SAAS,EAAA,CAC9E,EACFF,eAAS,CAAA,KAAA,EAAA,EAAA,GAAA,kBAAkB,aACxB,KAAK,CAAC,WAAW,KAAK,WAAW,KAChCP,cAAA,CAACU,mBAAS,EACR,EAAA,YAAY,EAAE,YAAY,EAC1B,gBAAgB,EAAE,gBAAgB,EAClC,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,YAAY,EAAE,KAAK,EACnB,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,SAAS,EAAE,KAAK,CAAC,aAAa,EAC9B,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,SAAS,EAClD,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,QAAQ,CAAC,yBAAyB,EAChD,YAAY,EAAE,QAAQ,CAAC,gBAAgB,EACvC,QAAQ,EAAE,QAAQ,CAAC,qBAAqB,EACxC,WAAW,EAAE,WAAW,GACxB,CACH,EACA,KAAK,CAAC,WAAW,KAAK,gBAAgB,KACrCV,cAAC,CAAAW,4BAAc,IACb,YAAY,EAAE,UAAU,CAAC,KAAK,EAC9B,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,SAAS,EAAE,KAAK,CAAC,aAAa,EAC9B,aAAa,EAAE,KAAK,EACpB,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,iBAAiB,GAAG,SAAS,EACvD,QAAQ,EAAE,QAAQ,CAAC,0BAA0B,EAC7C,cAAc,EAAE,QAAQ,CAAC,kBAAkB,EAC3C,YAAY,EAAE,QAAQ,CAAC,8BAA8B,EAAA,CACrD,CACH,EACA,KAAK,CAAC,WAAW,KAAK,eAAe,KACpCX,cAAC,CAAAY,2BAAa,IACZ,WAAW,EAAE,UAAU,CAAC,IAAI,EAC5B,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,SAAS,EAAE,KAAK,CAAC,aAAa,EAC9B,YAAY,EAAE,IAAI,EAClB,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,gBAAgB,GAAG,SAAS,EACtD,QAAQ,EAAE,QAAQ,CAAC,yBAAyB,EAC5C,YAAY,EAAE,QAAQ,CAAC,6BAA6B,EACpD,aAAa,EAAE,QAAQ,CAAC,iBAAiB,EAAA,CACzC,CACH,CACG,EAAA,CAAA,EACL,qBAAqB,KACpBZ,cACE,CAAA,KAAA,EAAA,EAAA,QAAA,EAAAA,cAAA,CAAC,WAAW,EACV,EAAA,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,oBAAoB,GAAG,SAAS,EAC1D,oBAAoB,EAAE,gBAAgB,CAAC,KAAK,EAC5C,wBAAwB,EAAE,gBAAgB,CAAC,SAAS,EACpD,uBAAuB,EAAE,QAAQ,CAAC,qBAAqB,EACvD,CAAA,EAAA,CACE,CACP,CACI,EAAA,CAAA,EAAA,CACH,EACN;AACJ;;;;"}

package/cjs/DatePickerHeader-52ee0e9e.js

@@ -2,7 +2,7 @@
 'use strict';
 
 var jsxRuntime = require('preact/jsx-runtime');
-var Flex = require('./Flex-a6d1c038.js');
+var Flex = require('./Flex-6ca216a7.js');
 var IconButton = require('./IconButton-217314e6.js');
 var CaretDown = require('./CaretDown-a6f0314b.js');
 var Icon = require('./Icon-bc05e7bd.js');
@@ -10,8 +10,8 @@ var ChevronLeft = require('./ChevronLeft-54f429b3.js');
 var ChevronRight = require('./ChevronRight-2019bb77.js');
 var Text = require('./Text-436e8b56.js');
 var ToggleButton = require('./ToggleButton-79e06472.js');
-var View = require('./View-251db2a6.js');
-var useUser = require('./useUser-081e5bd5.js');
+var View = require('./View-7d9034a7.js');
+var useUser = require('./useUser-f900ddf1.js');
 require('./getFormatParse-88bacc78.js');
 require('./logger-2b636482.js');
 var calendarDateUtils = require('./calendarDateUtils-32adc676.js');

package/cjs/Dialog-89e1b1c3.js

@@ -0,0 +1,363 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var compat = require('preact/compat');
+var WindowOverlay = require('./WindowOverlay-a10f995e.js');
+var useTestId = require('./useTestId-9093a54b.js');
+var useAnimation = require('./useAnimation-fb11e4cc.js');
+var hooks = require('preact/hooks');
+var refUtils = require('./refUtils-a9872e75.js');
+var UNSAFE_Dialog_themes_redwood_DialogTheme = require('./UNSAFE_Dialog/themes/redwood/DialogTheme.js');
+var FocusTrap = require('./FocusTrap-fbb0c20f.js');
+var Layer = require('./Layer-28b1afce.js');
+require('./LayerHost-aee0e070.js');
+var Modal = require('./Modal-0cea796e.js');
+var classNames = require('./classNames-c14c6ef3.js');
+var ImageVars_css = require('./ImageVars.css-3fbb1c0b.js');
+var useComponentTheme = require('./useComponentTheme-082fc8e4.js');
+var useId = require('./useId-6c0eeb27.js');
+var dimensions = require('./dimensions-2fcc0acf.js');
+var mergeInterpolations = require('./mergeInterpolations-6727b536.js');
+var useResizeObserver = require('./useResizeObserver-a9e97180.js');
+var useDraggable = require('./useDraggable-aa4ac3a2.js');
+var Floating = require('./Floating-5a704a27.js');
+var IconButton = require('./IconButton-217314e6.js');
+var Close = require('./Close-8eecf245.js');
+var Resizable = require('./Resizable-13b918de.js');
+var useBreakpoints = require('./useBreakpoints-f5c06998.js');
+var useTranslationBundle = require('./useTranslationBundle-18b7bf8b.js');
+var animationUtils = require('./animationUtils-54852d03.js');
+var tabbableUtils = require('./tabbableUtils-7e41d383.js');
+var unsafeDomAccess = require('./unsafeDomAccess-c3a492f0.js');
+
+const StyledDialogHeader = ({ children, id, cancelBehavior, onClose, draggableProps, headerDecoration = 'on' }) => {
+    const { styles } = useComponentTheme.useComponentTheme(UNSAFE_Dialog_themes_redwood_DialogTheme.DialogRedwoodTheme);
+    const classes = classNames.classNames([
+        styles.dialogHeaderStyle,
+        ...(headerDecoration === 'on' ? [styles.dialogHeaderDecorationStyle] : [])
+    ]);
+    const content = typeof children === 'string' ? (jsxRuntime.jsx("h1", { id: id, className: styles.dialogTitleStyle, children: children })) : (jsxRuntime.jsx(jsxRuntime.Fragment, { children: children }));
+    const translations = useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
+    const handleIconClose = () => {
+        onClose?.({ reason: 'icon' });
+    };
+    const closeIcon = cancelBehavior === 'icon' ? (jsxRuntime.jsx("div", { children: jsxRuntime.jsx("div", { className: styles.dialogHeaderCloseIconStyle, children: jsxRuntime.jsx(IconButton.IconButton, { "aria-label": translations.message_close(), size: "sm", variant: "ghost", onAction: handleIconClose, children: jsxRuntime.jsx(Close.SvgClose, {}) }) }) })) : null;
+    return (jsxRuntime.jsxs("div", { className: classes, ...draggableProps, children: [content, closeIcon] }));
+};
+const StyledDialogFooter = compat.forwardRef(({ children, style }, ref) => {
+    return (jsxRuntime.jsx("div", { ref: ref, className: style, children: children }));
+});
+const StyledDialog = compat.forwardRef(({ children, header, footer, visibility, labelId, role, ariaLabelledBy, ariaDescribedBy, cancelBehavior, draggableProps, isResizable, headerDecoration, containerRef, onClose, onResizeStart, onResize, onResizeEnd, onKeyDown, testId, style, footerRef }, ref) => {
+    const elementRef = hooks.useRef(null);
+    const mergedRef = refUtils.mergeRefs(ref, elementRef);
+    // computed dialog dimension limits
+    const sizeConstraints = hooks.useRef();
+    const [isSmallHeight, setSmallHeight] = hooks.useState(false);
+    const isSmallWidth = !useBreakpoints.useBreakpoints()['md'];
+    const { classes: styleClasses, styles } = useComponentTheme.useComponentTheme(UNSAFE_Dialog_themes_redwood_DialogTheme.DialogRedwoodTheme);
+    const resizeHandler = hooks.useCallback(() => {
+        if (elementRef.current) {
+            if (elementRef.current.clientHeight < 400) {
+                setSmallHeight(true);
+            }
+            else {
+                setSmallHeight(false);
+            }
+            if (elementRef.current) {
+                const cs = window.getComputedStyle(elementRef.current);
+                sizeConstraints.current = {
+                    minHeight: parseFloat(cs.minHeight),
+                    maxHeight: parseFloat(cs.maxHeight),
+                    minWidth: parseFloat(cs.minWidth),
+                    maxWidth: parseFloat(cs.maxWidth)
+                };
+            }
+        }
+    }, []);
+    // set initial Height
+    hooks.useEffect(() => {
+        resizeHandler();
+    }, [resizeHandler]);
+    useResizeObserver.useResizeObserver(elementRef, resizeHandler);
+    // for small widths (mobile), use the 'smallWidth' dialog style
+    // otherwise, check for small height to apply 'smallWidth' or 'desktop' styles accordingly
+    const baseStyle = isSmallWidth ? styles.baseStyleSmallWidth : styles.baseStyleDesktop;
+    // content should scroll depending on the viewport height
+    // on large screens, the header and footer should be "sticky",
+    // at small viewport heights, the entire content should be scrollable
+    const contentStyle = isSmallHeight
+        ? styles.dialogContentStyleNoShrink
+        : styles.dialogContentStyle;
+    const visibilityStyle = visibility === 'visible' ? styles.visibilityVisible : styles.visibilityHidden;
+    const testIdProps = useTestId.useTestId(testId);
+    return (jsxRuntime.jsx(FocusTrap.FocusTrap, { restoreFocusRef: false, children: jsxRuntime.jsxs("div", { ref: mergedRef, tabIndex: -1, className: classNames.classNames([styleClasses, baseStyle, visibilityStyle, ImageVars_css.globalImages]), style: style, onKeyDown: onKeyDown, role: role, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, ...testIdProps, children: [jsxRuntime.jsxs("div", { className: styles.dialogContainerStyle, children: [jsxRuntime.jsx(StyledDialogHeader, { id: labelId, onClose: onClose, headerDecoration: headerDecoration, cancelBehavior: cancelBehavior, draggableProps: draggableProps, children: header }), jsxRuntime.jsx("div", { className: contentStyle, children: jsxRuntime.jsx("div", { className: styles.dialogBodyStyle, children: children }) }), jsxRuntime.jsx(StyledDialogFooter, { ref: footerRef, style: styles.dialogFooterStyle, children: footer })] }), isResizable && (jsxRuntime.jsx(Resizable.Resizable, { onResizeStart: onResizeStart, onResize: onResize, onResizeEnd: onResizeEnd, containerRef: containerRef, constraints: sizeConstraints.current }))] }) }));
+});
+// main Dialog component
+/**
+ * WAI-ARIA-compliant dialog component. A dialog is a floating window that typically contains
+ * a title bar and a content area.
+ * The dialog is generally placed on top of the rest of the page content. It can be either modal
+ * (only the content in the dialog can be interacted with) or non-modal (it's still possible
+ * to interact with content outside of the dialog).
+ */
+const Dialog = compat.forwardRef(({ children, isOpen, header = '', footer, modality = 'modal', launcherRef, anchorRef, autoFocusRef, placement, offset = 0, cancelBehavior = 'none', dragAffordance = 'none', resizeBehavior = 'none', headerDecoration = 'on', onDragStart, onDragMove, onDragEnd, onResizeStart, onResize, onResizeEnd, onFocusSet, onClose, onTransitionEnd, role = 'dialog', 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, testId, ...props }, ref) => {
+    const [status, _setStatus] = hooks.useState(isOpen ? 'initial' : 'unmounted');
+    const _status = hooks.useRef(isOpen ? 'initial' : 'unmounted');
+    const setStatus = (s) => {
+        _status.current = s;
+        _setStatus(s);
+    };
+    const [visibility, setVisibility] = hooks.useState('hidden');
+    const prevStatusRef = hooks.useRef('unmounted');
+    const floatingRef = hooks.useRef(null);
+    const contentWrapperRef = hooks.useRef(null);
+    const localLauncherRef = hooks.useRef(null);
+    const footerRef = hooks.useRef(null);
+    const isSmallWidth = !useBreakpoints.useBreakpoints()['md'];
+    const derivedPlacement = isSmallWidth ? 'bottom' : placement ? placement : 'center';
+    const animationType = isSmallWidth
+        ? status === 'opening'
+            ? 'slideUp'
+            : 'slideDown'
+        : status === 'opening'
+            ? 'zoomIn'
+            : 'zoomOut';
+    const uniqueId = useId.useId();
+    const labelId = ariaLabelledBy ? ariaLabelledBy : uniqueId;
+    const interpolations = [...Object.values(dimensions.dimensionInterpolations)];
+    const styleInterpolations = mergeInterpolations.mergeInterpolations(interpolations);
+    const { ...styles } = styleInterpolations(props);
+    const shouldReturnFocus = hooks.useRef(false);
+    const setInitialFocus = hooks.useCallback(() => {
+        // Focus autoFocusRef if specifed, otherwise focus on first tabbable element
+        // in the Dialog or the Dialog container itself if there is none
+        if (autoFocusRef && autoFocusRef.current) {
+            tabbableUtils.focusOn(autoFocusRef.current);
+        }
+        else if (footerRef.current && tabbableUtils.allTabbableElements(footerRef.current).length > 0) {
+            tabbableUtils.focusWithin(footerRef.current);
+        }
+        else {
+            tabbableUtils.focusWithin(contentWrapperRef.current);
+        }
+        onFocusSet?.();
+    }, [autoFocusRef, onFocusSet]);
+    const returnFocus = hooks.useCallback(() => {
+        const launcherEl = localLauncherRef.current;
+        if (shouldReturnFocus.current && launcherEl) {
+            tabbableUtils.focusOn(launcherEl);
+            shouldReturnFocus.current = false;
+        }
+    }, []);
+    // Animation
+    const { nodeRef } = useAnimation.useAnimation(animationType, {
+        animationStates,
+        isAnimatedOnMount: true,
+        onAnimationEnd: () => {
+            if (isOpen) {
+                onTransitionEnd?.(true);
+            }
+            else if (!isOpen) {
+                // Should return focus?
+                // Modeless: check whether Dialog contains focus before it unmounts
+                // Modal: always return focus
+                shouldReturnFocus.current =
+                    contentWrapperRef.current?.contains(tabbableUtils.getActiveElement()) || false;
+                nodeRef(null);
+                setVisibility('hidden');
+                setStatus('unmounted');
+                onTransitionEnd?.(false);
+            }
+        }
+    });
+    const mergedRef = hooks.useMemo(() => refUtils.mergeRefs(contentWrapperRef, ref), [contentWrapperRef, ref]);
+    const launcherKeyDownCallback = hooks.useCallback((event) => {
+        if (localLauncherRef.current === tabbableUtils.getActiveElement() && event.code === 'F6') {
+            // Prevent default F6 handlers.
+            // F6 is a standard Chrome address bar shortcut on Windows.
+            event.preventDefault();
+            event.stopPropagation();
+            tabbableUtils.focusWithin(contentWrapperRef.current);
+            onFocusSet?.();
+        }
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [modality]);
+    const { draggableProps } = useDraggable.useDraggable({
+        isDisabled: dragAffordance === 'none',
+        containerRef: floatingRef,
+        onDragStart,
+        onDragMove,
+        onDragEnd
+    });
+    hooks.useEffect(() => {
+        // 1. Ignore status update on initial render or return focus on component unmount
+        if (status === 'unmounted' && !isOpen) {
+            if (status !== prevStatusRef.current) {
+                returnFocus();
+            }
+        }
+        // 2. Mount visually hidden component
+        // Component gets mounted, but will be visually hidden to avoid flickering
+        // Flickering happens because it gets rendered before animation hook repositions
+        // it in next render cycle
+        else if (status === 'unmounted' && isOpen) {
+            setStatus('initial');
+        }
+        // 3. Setup animation
+        // Component has been mounted.
+        // We will kick out animation as node is already present in DOM.
+        // To avoid flickering, we still keep it visually hidden until the next render cycle.
+        else if (status === 'initial' && isOpen) {
+            nodeRef(contentWrapperRef.current);
+            setStatus('opening');
+        }
+        // 3. Unhide component. It becomes visible.
+        else if (status === 'opening' && isOpen) {
+            setVisibility('visible');
+        }
+        // 4. Closing
+        else if (!isOpen && _status.current !== 'unmounted') {
+            setStatus('closing');
+        }
+        return () => {
+            // remember the previous status
+            prevStatusRef.current = status;
+        };
+    }, [isOpen, status, nodeRef, returnFocus]);
+    // Destroy case handler
+    hooks.useEffect(() => {
+        return () => {
+            const launcherEl = localLauncherRef.current;
+            if (
+            // eslint-disable-next-line react-hooks/exhaustive-deps
+            (contentWrapperRef.current?.contains(tabbableUtils.getActiveElement()) || false) &&
+                launcherEl) {
+                // In destroy case ModalManager is blocking returning of the focus.
+                // We need to reschedule it to workaround that
+                setTimeout(() => {
+                    tabbableUtils.focusOn(launcherEl);
+                }, 0);
+            }
+        };
+    }, []);
+    // Initialize launcher
+    hooks.useEffect(() => {
+        if (isOpen) {
+            localLauncherRef.current = _getLauncherElement(launcherRef);
+            // Register F6 key handler to enter a modeless dialog
+            if (modality === 'modeless') {
+                localLauncherRef.current?.addEventListener('keydown', launcherKeyDownCallback);
+            }
+        }
+        return () => {
+            // Deregister F6 key handler
+            if (modality === 'modeless') {
+                localLauncherRef.current?.removeEventListener('keydown', launcherKeyDownCallback);
+            }
+        };
+    }, [isOpen, launcherRef, launcherKeyDownCallback, modality]);
+    // setInitialFocus when the dialog becomes visible
+    hooks.useEffect(() => {
+        if (visibility === 'visible') {
+            setInitialFocus();
+        }
+    }, [visibility, setInitialFocus]);
+    const handleKeyDown = (event) => {
+        switch (event.code) {
+            case 'Escape':
+                onClose?.({ reason: 'escapeKey' });
+                break;
+            case 'F6':
+                // Focus launcher
+                if (localLauncherRef.current && modality === 'modeless') {
+                    tabbableUtils.focusOn(localLauncherRef.current);
+                }
+                // Prevent default F6 handlers. F6 is a standard Chrome address bar shortcut on Windows.
+                event.preventDefault();
+                event.stopPropagation();
+                break;
+        }
+    };
+    const handleBackdropClick = () => {
+        // in case of a backdrop click, move focus to dialog's root element
+        contentWrapperRef.current?.focus();
+    };
+    const renderDialogContent = () => {
+        return (jsxRuntime.jsx(StyledDialog, { ref: mergedRef, labelId: labelId, header: header, footer: footer, role: role, ariaLabelledBy: labelId, ariaDescribedBy: ariaDescribedBy, onKeyDown: handleKeyDown, testId: testId, style: styles, visibility: visibility, cancelBehavior: cancelBehavior, draggableProps: draggableProps, isResizable: resizeBehavior === 'resizable', headerDecoration: headerDecoration, containerRef: floatingRef, onClose: onClose, onResizeStart: onResizeStart, onResize: onResize, onResizeEnd: onResizeEnd, footerRef: footerRef, children: children }));
+    };
+    const renderDialog = () => {
+        if (anchorRef && anchorRef.current) {
+            return (jsxRuntime.jsx(Floating.Floating, { ref: floatingRef, anchorRef: anchorRef, placement: 'bottom-start', flipOptions: { mainAxis: false, crossAxis: false }, shiftOptions: { mainAxis: false, crossAxis: false }, children: renderDialogContent() }));
+        }
+        else {
+            return (jsxRuntime.jsx(WindowOverlay.WindowOverlay, { placement: derivedPlacement, offset: offset, children: renderDialogContent() }));
+        }
+    };
+    if (modality === 'modal') {
+        return (jsxRuntime.jsx(Modal.Modal, { isOpen: status !== 'unmounted', onBackdropClick: handleBackdropClick, children: renderDialog() }));
+    }
+    else {
+        return status !== 'unmounted' ? jsxRuntime.jsx(Layer.Layer, { children: renderDialog() }) : null;
+    }
+});
+function _getLauncherElement(launcherRef) {
+    const launcher = launcherRef?.current;
+    if (launcher) {
+        const launcherElement = launcher instanceof Element ? launcher : launcher[unsafeDomAccess.UNSAFE_DOM_ACCESS];
+        if (document.body.contains(launcherElement)) {
+            return launcherElement;
+        }
+    }
+    return tabbableUtils.getActiveElement();
+}
+const animationStates = {
+    zoomIn: {
+        from: {
+            scaleX: 0.9,
+            scaleY: 0.9,
+            transformOrigin: 'center',
+            opacity: 0
+        },
+        to: {
+            scaleX: 1,
+            scaleY: 1,
+            opacity: 1
+        },
+        options: {
+            duration: 200
+        }
+    },
+    zoomOut: {
+        from: {
+            scaleX: 1,
+            scaleY: 1,
+            transformOrigin: 'center',
+            opacity: 1
+        },
+        to: {
+            scaleX: 0.9,
+            scaleY: 0.9,
+            opacity: 0
+        },
+        options: {
+            duration: 200
+        }
+    },
+    slideUp: {
+        ...animationUtils.SLIDE_UP_XLARGE,
+        options: {
+            duration: animationUtils.DURATION_LARGE
+        }
+    },
+    slideDown: {
+        ...animationUtils.SLIDE_DOWN_XLARGE,
+        options: {
+            duration: animationUtils.DURATION_LARGE
+        }
+    }
+};
+
+exports.Dialog = Dialog;
+//# sourceMappingURL=Dialog-89e1b1c3.js.map