@carbon/web-components 2.60.0 → 2.61.0

package/es/components/date-picker/next/components/date-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.js","names":["styles","customElement"],"sources":["../../../../../src/components/date-picker/next/components/date-picker.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { prefix } from '../../../../globals/settings';\nimport FormMixin from '../../../../globals/mixins/form';\nimport HostListenerMixin from '../../../../globals/mixins/host-listener';\nimport HostListener from '../../../../globals/decorators/host-listener';\nimport CDSDatePickerInput from './date-picker-input';\nimport { WebComponentAdapter } from '../adapters/web-component-adapter.js';\nimport type { StateTransition } from '@carbon/utilities/date-picker';\nimport {\n  DatePickerState,\n  DatePickerEvent,\n} from '@carbon/utilities/date-picker';\nimport {\n  parseDateToPlainDate,\n  parseISOToPlainDate,\n  formatPlainDate,\n  mapKeyboardToStateMachineEvent,\n  ClickOutsideHandler,\n} from '@carbon/utilities/date-picker';\nimport styles from './date-picker.scss?lit';\nimport { carbonElement as customElement } from '../../../../globals/decorators/carbon-element';\n\n/**\n * Date picker modes.\n */\nenum DATE_PICKER_MODE {\n  /**\n   * Simple mode, without calendar dropdown.\n   */\n  SIMPLE = 'simple',\n\n  /**\n   * Single date mode.\n   */\n  SINGLE = 'single',\n\n  /**\n   * Range mode.\n   */\n  RANGE = 'range',\n}\n\n/**\n * Date picker.\n *\n * @element cds-preview-date-picker\n * @fires cds-preview-date-picker-changed - The custom event fired when the date selection changes.\n * @fires cds-preview-date-picker-error - The custom event fired when an error occurs.\n */\n@customElement(`${prefix}-preview-date-picker`)\nclass CDSDatePicker extends HostListenerMixin(FormMixin(LitElement)) {\n  /**\n   * The slotted `<cds-date-input kind=\"from\">`.\n   */\n  private _dateInteractNode: CDSDatePickerInput | null = null;\n\n  /**\n   * The internal placeholder for the `value` property.\n   */\n  private _value!: string;\n\n  /**\n   * The adapter for Web Component integration.\n   */\n  private _adapter: WebComponentAdapter | null = null;\n\n  /**\n   * Click outside handler for closing calendar\n   */\n  private _clickOutsideHandler: ClickOutsideHandler | null = null;\n\n  /**\n   * Pending input target for post-render focus restoration\n   */\n  private _pendingRestoreFocusTo: 'from' | 'to' | null = null;\n\n  /**\n   * Timestamp of when calendar was last closed via Tab key\n   */\n  private _lastTabCloseTime = 0;\n\n  /**\n   * True while programmatic focus restoration is in progress after date\n   * selection. Prevents the INPUT_FOCUS handler from auto-reopening the calendar.\n   */\n  private _restoringFocus = false;\n\n  /**\n   * @returns The effective date picker mode, determined by the child `<cds-preview-date-picker-input>`.\n   */\n  private get _mode() {\n    const { selectorInputTo } = this.constructor as typeof CDSDatePicker;\n    if (this.querySelector(selectorInputTo)) {\n      return DATE_PICKER_MODE.RANGE;\n    }\n    if (\n      this.querySelector(`${prefix}-preview-date-picker-input[kind=\"single\"]`)\n    ) {\n      return DATE_PICKER_MODE.SINGLE;\n    }\n    return DATE_PICKER_MODE.SIMPLE;\n  }\n\n  /**\n   * Handles `${prefix}-preview-date-picker-changed` event on this element.\n   *\n   * @param {CustomEvent} root0 - The event object\n   * @param {object} root0.detail - The event detail\n   */\n  @HostListener('eventChange')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore: The decorator refers to this method, but TS thinks this method is not referred to\n  private _handleChange = ({ detail }: CustomEvent) => {\n    const { selectedDates } = detail;\n    if (selectedDates && Array.isArray(selectedDates)) {\n      this._value = selectedDates\n        .filter((date) => date != null) // Filter out null/undefined values\n        .map((date) => {\n          if (typeof date === 'string') {\n            return date;\n          }\n          // Handle Temporal.PlainDate\n          return date.toString();\n        })\n        .join('/');\n    }\n  };\n\n  /**\n   * Handles calendar icon click event from date-picker-input\n   */\n  @HostListener('eventIconClick')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore: The decorator refers to this method, but TS thinks this method is not referred to\n  private _handleIconClick = () => {\n    if (this._adapter && !this.disabled && !this.readonly) {\n      this._adapter.send(DatePickerEvent.CALENDAR_ICON_CLICK);\n    }\n  };\n\n  /**\n   * Handles input focus event from date-picker-input\n   *\n   * @param {CustomEvent} event - The focus event\n   */\n  @HostListener('eventInputFocus')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore: The decorator refers to this method, but TS thinks this method is not referred to\n  private _handleInputFocus = (event: CustomEvent) => {\n    if (this._adapter && !this.disabled && !this.readonly) {\n      const { inputType } = event.detail || {};\n      this._adapter.send(DatePickerEvent.INPUT_FOCUS, { inputType });\n\n      // Don't auto-open calendar if focus was restored programmatically after\n      // date selection, or if it was JUST closed via Tab key (within 100ms).\n      const timeSinceTabClose = Date.now() - this._lastTabCloseTime;\n      if (!this._restoringFocus && timeSinceTabClose >= 100) {\n        this._adapter.send(DatePickerEvent.CALENDAR_OPEN);\n      }\n    }\n  };\n\n  /**\n   * Handles input click event from date-picker-input.\n   * When the input already has focus, clicking it does not fire a new focus\n   * event.  This handler ensures the calendar reopens on click even when focus\n   * is already on the input.\n   *\n   * @param {CustomEvent} event - The click event\n   */\n  @HostListener('eventInputClick')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore: The decorator refers to this method, but TS thinks this method is not referred to\n  private _handleInputClick = (event: CustomEvent) => {\n    if (this._adapter && !this.disabled && !this.readonly && !this.open) {\n      const { inputType } = event.detail || {};\n      this._adapter.send(DatePickerEvent.INPUT_FOCUS, { inputType });\n      this._adapter.send(DatePickerEvent.CALENDAR_OPEN);\n    }\n  };\n\n  /**\n   * Handles input blur event from date-picker-input\n   *\n   * @param {CustomEvent} event - The blur event\n   */\n  @HostListener('eventInputBlur')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore: The decorator refers to this method, but TS thinks this method is not referred to\n  private _handleInputBlur = (event: CustomEvent) => {\n    if (this._adapter) {\n      const { inputType } = event.detail || {};\n      this._adapter.send(DatePickerEvent.INPUT_BLUR, { inputType });\n    }\n  };\n\n  /**\n   * Handles form data event\n   *\n   * @param {FormDataEvent} event - The form data event\n   */\n  _handleFormdata(event: FormDataEvent) {\n    const { formData } = event;\n    const { disabled, name, value } = this;\n    if (!disabled) {\n      formData.append(name, value);\n    }\n  }\n\n  /**\n   * Handles `slotchange` event in the `<slot>`.\n   *\n   * @param {Event} root0 - The event object\n   * @param {EventTarget} root0.target - The event target\n   */\n  private _handleSlotChange({ target }: Event) {\n    const { _dateInteractNode: oldDateInteractNode } = this;\n    const dateInteractNode = (target as HTMLSlotElement)\n      .assignedNodes()\n      .find(\n        (node) =>\n          node.nodeType === Node.ELEMENT_NODE &&\n          (node as HTMLElement).matches(\n            (this.constructor as typeof CDSDatePicker).selectorInputFrom\n          )\n      );\n    if (oldDateInteractNode !== dateInteractNode) {\n      this._dateInteractNode =\n        dateInteractNode as unknown as CDSDatePickerInput;\n      this._initializeDatePicker();\n    }\n  }\n\n  /**\n   * Handles state machine state changes\n   *\n   * @param {StateTransition} transition - The state transition\n   * @param {DatePickerState} transition.from - Previous state\n   * @param {DatePickerState} transition.to - New state\n   * @param {DatePickerContext} transition.context - Current context\n   */\n  private _handleStateChange = (transition: StateTransition) => {\n    const { to, from, context } = transition;\n    const newState = to as DatePickerState;\n\n    // Update open property based on state\n    if (newState === DatePickerState.CALENDAR_OPEN) {\n      this.open = true;\n\n      // If we're staying in CALENDAR_OPEN state (keyboard navigation),\n      // trigger a re-render to update the calendar with new focusedDate/viewDate\n      if (from === DatePickerState.CALENDAR_OPEN) {\n        this.requestUpdate();\n      }\n    } else if (newState === DatePickerState.SELECTING_END) {\n      // Keep calendar open while selecting end date in range mode\n      this.open = true;\n\n      // If we're staying in SELECTING_END state (keyboard navigation),\n      // trigger a re-render to update the calendar with new focusedDate/viewDate\n      if (from === DatePickerState.SELECTING_END) {\n        this.requestUpdate();\n      }\n    } else if (newState === DatePickerState.IDLE) {\n      this.open = false;\n    } else if (newState === DatePickerState.FOCUSED) {\n      // Only close calendar if not coming from CALENDAR_OPEN (Enter key)\n      // When coming from CALENDAR_OPEN, the action sets context.isOpen\n      if (\n        from !== DatePickerState.CALENDAR_OPEN &&\n        from !== DatePickerState.SELECTING_END\n      ) {\n        this.open = false;\n      } else {\n        // Use the isOpen value from context (set by ENTER_KEY action)\n        this.open = context.isOpen ?? false;\n      }\n    } else if (newState === DatePickerState.DATE_SELECTED) {\n      // Update open property based on context\n      this.open = context.isOpen ?? false;\n      // Trigger re-render to update the calendar visibility\n      this.requestUpdate();\n    }\n\n    // Dispatch change event and update input when dates are selected\n    // This handles DATE_SELECTED state, FOCUSED state (from ENTER_KEY), and SELECTING_END state (after start date selected)\n    const shouldUpdateInput =\n      newState === DatePickerState.DATE_SELECTED ||\n      newState === DatePickerState.SELECTING_END ||\n      (newState === DatePickerState.FOCUSED &&\n        from === DatePickerState.CALENDAR_OPEN &&\n        context.startDate);\n\n    if (shouldUpdateInput) {\n      // Only include non-null dates in selectedDates array\n      const selectedDates = context.endDate\n        ? [context.startDate, context.endDate].filter((date) => date != null)\n        : context.startDate\n          ? [context.startDate]\n          : [];\n\n      // Update input field value with formatted date using shared utility\n\n      // For range mode, update the correct input based on state\n      if (this._mode === DATE_PICKER_MODE.RANGE) {\n        const { selectorInputFrom, selectorInputTo } = this\n          .constructor as typeof CDSDatePicker;\n        const inputFrom = this.querySelector(\n          selectorInputFrom\n        ) as CDSDatePickerInput;\n        const inputTo = this.querySelector(\n          selectorInputTo\n        ) as CDSDatePickerInput;\n\n        // If we're in DATE_SELECTED state with both dates, update both inputs\n        if (\n          newState === DatePickerState.DATE_SELECTED &&\n          context.startDate &&\n          context.endDate\n        ) {\n          if (inputFrom) {\n            inputFrom.value = formatPlainDate(\n              context.startDate,\n              context.dateFormat\n            );\n          }\n          if (inputTo) {\n            inputTo.value = formatPlainDate(\n              context.endDate,\n              context.dateFormat\n            );\n          }\n        } else if (\n          context.lastFocusedInput === 'to' &&\n          inputTo &&\n          context.endDate\n        ) {\n          // Otherwise, update based on lastFocusedInput\n          inputTo.value = formatPlainDate(context.endDate, context.dateFormat);\n        } else if (inputFrom && context.startDate) {\n          inputFrom.value = formatPlainDate(\n            context.startDate,\n            context.dateFormat\n          );\n        }\n      } else {\n        // For single mode, update the single input\n        if (this._dateInteractNode && context.startDate) {\n          this._dateInteractNode.value = formatPlainDate(\n            context.startDate,\n            context.dateFormat\n          );\n        }\n      }\n\n      (this as unknown as HTMLElement).dispatchEvent(\n        new CustomEvent(\n          (this.constructor as typeof CDSDatePicker).eventChange,\n          {\n            bubbles: true,\n            composed: true,\n            detail: {\n              selectedDates,\n              value: this._value,\n            },\n          }\n        )\n      );\n    }\n\n    if (context.shouldRestoreFocus && context.restoreFocusTo) {\n      this._pendingRestoreFocusTo = context.restoreFocusTo;\n      this.updateComplete.then(() => {\n        const targetSelector =\n          this._pendingRestoreFocusTo === 'to'\n            ? (this.constructor as typeof CDSDatePicker).selectorInputTo\n            : (this.constructor as typeof CDSDatePicker).selectorInputFrom;\n\n        const targetInput = this.querySelector(\n          targetSelector\n        ) as CDSDatePickerInput | null;\n\n        // Guard against the INPUT_FOCUS handler auto-reopening the calendar\n        // when focus is restored programmatically after date selection.\n        this._restoringFocus = true;\n        targetInput?.input?.focus();\n        this._restoringFocus = false;\n\n        this._adapter?.updateContext({\n          shouldRestoreFocus: false,\n          restoreFocusTo: null,\n        });\n\n        this._pendingRestoreFocusTo = null;\n      });\n    }\n  };\n\n  /**\n   * Handles calendar date selection\n   *\n   * @param {CustomEvent} event - The date select event\n   */\n  private _handleCalendarDateSelect = (event: CustomEvent) => {\n    const { date } = event.detail;\n    if (!this._adapter || !date) {\n      return;\n    }\n\n    const { _mode: mode } = this;\n    const context = this._adapter.getContext();\n\n    if (mode === DATE_PICKER_MODE.RANGE) {\n      // Range mode: select start or end date\n      if (!context.startDate || context.endDate) {\n        // Select start date (or restart selection)\n        this._adapter.send(DatePickerEvent.RANGE_START_SELECT, { date });\n      } else {\n        // Select end date\n        this._adapter.send(DatePickerEvent.RANGE_END_SELECT, { date });\n      }\n    } else {\n      // Single mode: select date\n      this._adapter.send(DatePickerEvent.DATE_SELECT, { date });\n    }\n  };\n\n  /**\n   * Handles calendar month change\n   *\n   * @param {CustomEvent} event - The month change event\n   */\n  private _handleCalendarMonthChange = (event: CustomEvent) => {\n    const { month } = event.detail;\n    if (!this._adapter || !month) {\n      return;\n    }\n\n    // Update viewDate in context\n    const firstDayOfMonth = month.toPlainDate({ day: 1 });\n    this._adapter.updateContext({ viewDate: firstDayOfMonth });\n  };\n\n  /**\n   * Show the calendar popover using Popover API\n   */\n  private _showCalendarPopover() {\n    const popover = this.shadowRoot?.querySelector(\n      `#${prefix}-preview-date-picker-calendar-popover`\n    ) as HTMLElement & { showPopover?: () => void };\n    if (popover && typeof popover.showPopover === 'function') {\n      try {\n        popover.showPopover();\n      } catch (e) {\n        // Popover might already be showing\n        /* eslint-disable-next-line no-console */\n        console.warn('Could not show popover:', e);\n      }\n    }\n  }\n\n  /**\n   * Hide the calendar popover using Popover API\n   */\n  private _hideCalendarPopover() {\n    const popover = this.shadowRoot?.querySelector(\n      `#${prefix}-preview-date-picker-calendar-popover`\n    ) as HTMLElement & { hidePopover?: () => void };\n    if (popover && typeof popover.hidePopover === 'function') {\n      try {\n        popover.hidePopover();\n      } catch (e) {\n        // Popover might already be hidden\n        /* eslint-disable-next-line no-console */\n        console.warn('Could not hide popover:', e);\n      }\n    }\n  }\n\n  /**\n   * Initializes the date picker with a state machine.\n   */\n  private _initializeDatePicker() {\n    this._releaseDatePicker();\n    const { _dateInteractNode: dateInteractNode, _mode: mode } = this;\n\n    // Don't instantiate in simple mode\n    if (!dateInteractNode || !dateInteractNode.input || mode === 'simple') {\n      return;\n    }\n\n    // Create adapter with configuration\n    this._adapter = new WebComponentAdapter({\n      component: this,\n      initialContext: {\n        mode: mode === DATE_PICKER_MODE.RANGE ? 'range' : 'single',\n        dateFormat: this.dateFormat || 'm/d/Y',\n        allowInput: this.allowInput,\n        closeOnSelect: this.closeOnSelect,\n        value: this.value || '',\n        startDate: null,\n        endDate: null,\n        isOpen: false,\n        isFocused: false,\n        isDisabled: this.disabled,\n        isReadonly: this.readonly,\n        isInvalid: false,\n        lastFocusedInput: null,\n        minDate: parseDateToPlainDate(this.minDate),\n        maxDate: parseDateToPlainDate(this.maxDate),\n      },\n      onStateChange: this._handleStateChange,\n    });\n\n    // Set initial value if provided\n    if (this.value) {\n      const dates = this.value.split('/').filter(Boolean);\n      if (dates.length > 0) {\n        this._adapter.send(\n          mode === DATE_PICKER_MODE.RANGE\n            ? DatePickerEvent.RANGE_START_SELECT\n            : DatePickerEvent.DATE_SELECT,\n          { date: dates[0] }\n        );\n\n        if (mode === DATE_PICKER_MODE.RANGE && dates.length > 1) {\n          this._adapter.send(DatePickerEvent.RANGE_END_SELECT, {\n            date: dates[1],\n          });\n        }\n      }\n    }\n  }\n\n  /**\n   * Releases the date picker state machine.\n   */\n  private _releaseDatePicker() {\n    this._pendingRestoreFocusTo = null;\n\n    if (this._adapter) {\n      this._adapter.destroy();\n      this._adapter = null;\n    }\n  }\n\n  /**\n   * Allows the user to enter a date directly into the input field\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'allow-input' })\n  allowInput = true;\n\n  /**\n   * Controls whether the calendar dropdown closes upon selection.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'close-on-select' })\n  closeOnSelect = true;\n\n  /**\n   * The date format.\n   */\n  @property({ attribute: 'date-format' })\n  dateFormat!: string;\n\n  /**\n   * BCP 47 locale tag used to localize the calendar's month and weekday labels.\n   */\n  @property({ reflect: true })\n  locale = 'en';\n\n  /**\n   * Controls the disabled state of the input\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The maximum date that a user can start picking from.\n   */\n  @property({ attribute: 'max-date' })\n  maxDate!: string;\n\n  /**\n   * The minimum date that a user can start picking from.\n   */\n  @property({ attribute: 'min-date' })\n  minDate!: string;\n\n  /**\n   * Name for the input in the `FormData`\n   */\n  @property()\n  name = '';\n\n  /**\n   * `true` if the date picker should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * Specify if the component should be read-only\n   */\n  @property({ type: Boolean, reflect: true })\n  readonly = false;\n\n  /**\n   * The date(s) in ISO8601 format (date portion only), for range mode, '/' is used for separate start/end dates.\n   */\n  @property()\n  get value() {\n    return this._value;\n  }\n\n  /**\n   * Sets the value\n   *\n   * @param {string} value - The new value\n   */\n  set value(value: string) {\n    const { _value: oldValue } = this;\n    this._value = value;\n    this.requestUpdate('value', oldValue);\n  }\n\n  /**\n   * Handle clicks outside the date picker to close the calendar\n   *\n   * @param {MouseEvent} event - The click event\n   */\n  // Click outside handler removed - now using shared ClickOutsideHandler utility\n\n  /**\n   * Handle keyboard events for calendar navigation\n   *\n   * @param {KeyboardEvent} event - The keyboard event\n   */\n  private _handleKeyDown = (event: KeyboardEvent) => {\n    if (!this._adapter) {\n      return;\n    }\n\n    const { key } = event;\n\n    // Handle Tab key\n    if (key === 'Tab') {\n      const composedPath = event.composedPath();\n      const target = composedPath[0] as HTMLElement;\n\n      // Get input elements\n      const { selectorInputFrom, selectorInputTo } = this\n        .constructor as typeof CDSDatePicker;\n      const inputFrom = this.querySelector(\n        selectorInputFrom\n      ) as CDSDatePickerInput;\n      const inputTo = this.querySelector(selectorInputTo) as CDSDatePickerInput;\n\n      // Check if focus is on input fields\n      const isOnFirstInput = inputFrom && composedPath.includes(inputFrom);\n      const isOnSecondInput = inputTo && composedPath.includes(inputTo);\n\n      // Check if the target is the calendar element or within it\n      const calendar = this.shadowRoot?.querySelector(\n        'cds-preview-date-picker-calendar'\n      ) as HTMLElement;\n      const isFocusInCalendar =\n        target === calendar ||\n        target.closest?.('cds-preview-date-picker-calendar') !== null ||\n        composedPath.includes(calendar);\n\n      // Case 0: Tab FROM input while closed -> reopen calendar and keep focus on input\n      if (\n        !this.open &&\n        (isOnFirstInput || isOnSecondInput) &&\n        !event.shiftKey\n      ) {\n        event.preventDefault();\n        event.stopPropagation();\n        this._lastTabCloseTime = 0;\n        this._adapter.send(DatePickerEvent.INPUT_FOCUS, {\n          inputType: isOnSecondInput ? 'to' : 'from',\n        });\n        this._adapter.send(DatePickerEvent.CALENDAR_OPEN);\n        this.requestUpdate();\n        return;\n      }\n\n      // Case 1: Tab FROM first input -> Focus calendar (if open)\n      if (this.open && isOnFirstInput && !event.shiftKey) {\n        event.preventDefault();\n        event.stopPropagation();\n        const calendarElement = this.shadowRoot?.querySelector(\n          'cds-preview-date-picker-calendar'\n        );\n        const calendarDiv = calendarElement?.shadowRoot?.querySelector(\n          '.cds--date-picker__calendar'\n        ) as HTMLElement;\n        if (calendarDiv) {\n          setTimeout(() => {\n            calendarDiv.focus();\n          }, 0);\n        }\n        return;\n      }\n\n      // Case 2: Tab FROM second input (range mode) -> Focus calendar (if open)\n      if (\n        this.open &&\n        isOnSecondInput &&\n        !event.shiftKey &&\n        this._mode === DATE_PICKER_MODE.RANGE\n      ) {\n        event.preventDefault();\n        event.stopPropagation(); // Prevent input from handling the event\n        const calendarElement = this.shadowRoot?.querySelector(\n          'cds-preview-date-picker-calendar'\n        );\n        const calendarDiv = calendarElement?.shadowRoot?.querySelector(\n          '.cds--date-picker__calendar'\n        ) as HTMLElement;\n        if (calendarDiv) {\n          // Use setTimeout to ensure focus happens after event processing\n          setTimeout(() => {\n            calendarDiv.focus();\n          }, 0);\n        }\n        return;\n      }\n\n      // Case 3: Shift+Tab FROM calendar -> Move to appropriate input\n      if (this.open && isFocusInCalendar && event.shiftKey) {\n        event.preventDefault();\n\n        // In range mode, check which input was last focused\n        if (this._mode === DATE_PICKER_MODE.RANGE) {\n          const context = this._adapter?.getContext();\n          const lastFocused = context?.lastFocusedInput;\n\n          // If we were on the second input, go back to it\n          if (lastFocused === 'to' && inputTo) {\n            inputTo.input?.focus();\n          } else if (inputFrom) {\n            // Otherwise go to first input\n            inputFrom.input?.focus();\n          }\n        } else {\n          // Single mode: go to first input\n          if (inputFrom) {\n            inputFrom.input?.focus();\n          }\n        }\n        return;\n      }\n\n      // Case 4: Tab FROM calendar -> Move to second input (range) or exit via sentinel\n      if (this.open && isFocusInCalendar && !event.shiftKey) {\n        // In range mode, move to the second input first\n        if (this._mode === DATE_PICKER_MODE.RANGE) {\n          const context = this._adapter?.getContext();\n          const lastFocused = context?.lastFocusedInput;\n\n          if (lastFocused === 'from' && inputTo) {\n            event.preventDefault();\n            inputTo.input?.focus();\n            return;\n          }\n        }\n\n        // Single mode (or range after second input): activate the exit sentinel\n        // so the browser delivers Tab to it naturally, then the sentinel's focus\n        // handler closes the calendar and removes itself from the tab order.\n        // No preventDefault — the browser handles the Tab traversal.\n        this._lastTabCloseTime = Date.now();\n        this._adapter.send(DatePickerEvent.TAB_KEY);\n        this._activateExitSentinel();\n        return;\n      }\n    }\n\n    // Only handle other keyboard events when calendar is open AND focus is in calendar\n    if (!this.open) {\n      return;\n    }\n\n    // Get the actual target from the composed path (handles shadow DOM)\n    const composedPath = event.composedPath();\n    const target = composedPath[0] as HTMLElement;\n    const input = this.shadowRoot?.querySelector('input');\n\n    // Only handle arrow keys, Page Up/Down, Home/End when focus is in calendar, not on input\n    if (target === input) {\n      return;\n    }\n\n    // Check if the target has the calendar class or is within an element with that class\n    // The calendar div is inside the calendar renderer's shadow DOM\n    const isFocusInCalendar =\n      target.classList?.contains('cds--date-picker__calendar') ||\n      target.closest?.('.cds--date-picker__calendar') !== null;\n\n    if (!isFocusInCalendar) {\n      return;\n    }\n\n    // Use shared keyboard mapper for navigation keys\n    const context = this._adapter.getContext();\n    const currentState = this._adapter.getState();\n\n    const mappedEvent = mapKeyboardToStateMachineEvent({\n      key,\n      shiftKey: event.shiftKey,\n      mode: this._mode === DATE_PICKER_MODE.RANGE ? 'range' : 'single',\n      state: currentState,\n      focusedDate: context.focusedDate,\n    });\n\n    if (mappedEvent) {\n      if (mappedEvent.preventDefault) {\n        event.preventDefault();\n      }\n      if (mappedEvent.eventType) {\n        this._adapter.send(mappedEvent.eventType, mappedEvent.payload);\n      }\n      // Special handling for Escape key - also close the calendar\n      if (key === 'Escape') {\n        this.open = false;\n      }\n      return;\n    }\n  };\n\n  /**\n   * A ref to the exit sentinel element rendered at the bottom of the shadow root.\n   * It sits just after the calendar container in DOM order.  Normally it has\n   * tabindex=\"-1\" so it is invisible to Tab.  When the user presses Tab from\n   * inside the calendar, _activateExitSentinel() sets it to tabindex=\"0\" so\n   * the browser delivers the Tab keystroke to it naturally — no DOM scan needed.\n   * The focus handler then closes the calendar and restores tabindex=\"-1\".\n   *\n   * Uses a CSS class rather than an id to avoid any document-level id concerns\n   * (shadow-DOM ids are already scoped, but a class is more conventional for\n   * internal Lit @query targets and matches the cds-- naming pattern used\n   * throughout this file).\n   *\n   * TODO (carbon monorepo migration): replace this hand-rolled sentinel with the\n   * upstream Carbon wrapFocus utility, which implements the same start/end sentinel\n   * pattern for focus trapping and exit.\n   * Upstream location: packages/react/src/internal/wrapFocus.ts (wrapFocus /\n   * wrapFocusWithoutSentinels exports).  Note that wrapFocus is designed to trap\n   * focus inside a container (modal pattern) rather than release it; the exit-only\n   * direction we need maps to the endTrapNode path in that utility.\n   */\n  @query(`.${prefix}--date-picker__exit-sentinel`)\n  private _exitSentinelNode!: HTMLElement;\n\n  /**\n   * Temporarily make the exit sentinel tabbable so the browser's native Tab\n   * handling delivers focus to it after the calendar.\n   */\n  private _activateExitSentinel() {\n    if (this._exitSentinelNode) {\n      this._exitSentinelNode.tabIndex = 0;\n    }\n  }\n\n  /**\n   * Handle focus arriving on the exit sentinel.\n   * Close the calendar, then immediately remove the sentinel from the tab order\n   * so that a subsequent Tab from outside the date picker skips it entirely.\n   */\n  private _handleExitSentinelFocus = () => {\n    // Deactivate sentinel first so it is skipped on all future Tab presses.\n    if (this._exitSentinelNode) {\n      this._exitSentinelNode.tabIndex = -1;\n    }\n    // The TAB_KEY event was already sent in _handleKeyDown before the sentinel\n    // was activated; the calendar will already be closing / closed.\n    // Ensure the open flag is consistent.\n    if (this.open) {\n      this._adapter?.send(DatePickerEvent.TAB_KEY);\n    }\n  };\n\n  /**\n   * Lifecycle callback when element is connected\n   */\n  connectedCallback() {\n    super.connectedCallback();\n    this._initializeDatePicker();\n\n    // Initialize click outside handler using shared utility\n    this._clickOutsideHandler = new ClickOutsideHandler({\n      isOpen: this.open,\n      /**\n       * Check if a node is contained within the date picker\n       * @param {Node} node - The node to check\n       * @returns {boolean} True if the node is within the date picker\n       */\n      containsNode: (node: Node) => {\n        return (\n          node === (this as unknown as Node) ||\n          this.contains(node) ||\n          (this.shadowRoot?.contains(node) ?? false)\n        );\n      },\n      /**\n       * Handle clicks outside the date picker\n       */\n      onOutsideClick: () => {\n        if (this._adapter) {\n          this._adapter.send(DatePickerEvent.OUTSIDE_CLICK);\n        }\n      },\n      useCapture: true,\n      attachDelay: 0,\n    });\n\n    this._clickOutsideHandler.attach();\n\n    // Add keyboard event listener\n    document.addEventListener('keydown', this._handleKeyDown, true);\n  }\n\n  /**\n   * Lifecycle callback when element is disconnected\n   */\n  disconnectedCallback() {\n    // Clean up click outside handler\n    this._clickOutsideHandler?.detach();\n    this._clickOutsideHandler = null;\n\n    // Remove keyboard event listener\n    document.removeEventListener('keydown', this._handleKeyDown, true);\n    this._releaseDatePicker();\n    super.disconnectedCallback();\n  }\n\n  /**\n   * Lifecycle callback when properties change\n   *\n   * @param {Map<string, unknown>} changedProperties - Map of changed properties\n   */\n  updated(changedProperties: Map<string, unknown>) {\n    // Update click outside handler when open state changes\n    if (changedProperties.has('open')) {\n      this._clickOutsideHandler?.updateConfig({ isOpen: this.open });\n    }\n\n    if (this._adapter) {\n      if (\n        changedProperties.has('minDate') ||\n        changedProperties.has('maxDate')\n      ) {\n        // Update context\n        this._adapter.updateContext({\n          minDate: parseDateToPlainDate(this.minDate),\n          maxDate: parseDateToPlainDate(this.maxDate),\n        });\n      }\n\n      if (changedProperties.has('open')) {\n        if (this.open && !this.readonly) {\n          this._adapter.send(DatePickerEvent.CALENDAR_OPEN);\n          // Show popover using Popover API\n          this._showCalendarPopover();\n        } else if (!this.open) {\n          this._adapter.send(DatePickerEvent.CALENDAR_CLOSE);\n          // Hide popover using Popover API\n          this._hideCalendarPopover();\n        }\n      }\n\n      if (changedProperties.has('closeOnSelect')) {\n        this._adapter.updateContext({ closeOnSelect: this.closeOnSelect });\n      }\n\n      if (\n        changedProperties.has('disabled') ||\n        changedProperties.has('readonly')\n      ) {\n        const { selectorInputFrom, selectorInputTo } = this\n          .constructor as typeof CDSDatePicker;\n        const inputFrom = this.querySelector(\n          selectorInputFrom\n        ) as CDSDatePickerInput;\n        const inputTo = this.querySelector(\n          selectorInputTo\n        ) as CDSDatePickerInput;\n\n        [inputFrom, inputTo].forEach((input) => {\n          if (input) {\n            input.disabled = this.disabled;\n            input.readonly = this.readonly;\n          }\n        });\n\n        this._adapter.updateContext({\n          isDisabled: this.disabled,\n          isReadonly: this.readonly,\n        });\n      }\n\n      if (changedProperties.has('value') && this.value) {\n        const dates = this.value.split('/').filter(Boolean);\n        if (dates.length > 0) {\n          // Convert ISO string to Temporal.PlainDate\n          const startDate = parseISOToPlainDate(dates[0]);\n          if (startDate) {\n            this._adapter.send(\n              this._mode === DATE_PICKER_MODE.RANGE\n                ? DatePickerEvent.RANGE_START_SELECT\n                : DatePickerEvent.DATE_SELECT,\n              { date: startDate }\n            );\n\n            if (this._mode === DATE_PICKER_MODE.RANGE && dates.length > 1) {\n              const endDate = parseISOToPlainDate(dates[1]);\n              if (endDate) {\n                this._adapter.send(DatePickerEvent.RANGE_END_SELECT, {\n                  date: endDate,\n                });\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  /**\n   * Renders the component\n   */\n  render() {\n    const { _handleSlotChange: handleSlotChange, _mode: mode, open } = this;\n    const context = this._adapter?.getContext();\n    const selectedDates: Temporal.PlainDate[] = context?.endDate\n      ? [context.startDate, context.endDate].filter(\n          (date): date is Temporal.PlainDate => Boolean(date)\n        )\n      : context?.startDate\n        ? [context.startDate]\n        : [];\n\n    return html`\n      <slot @slotchange=\"${handleSlotChange}\"></slot>\n      <div\n        id=\"floating-menu-container\"\n        class=\"${prefix}--date-picker__calendar-container\">\n        ${mode !== DATE_PICKER_MODE.SIMPLE && open\n          ? html`\n              <cds-preview-date-picker-calendar\n                .rangeMode=\"${mode === DATE_PICKER_MODE.RANGE}\"\n                .dateFormat=\"${this.dateFormat || 'm/d/Y'}\"\n                .locale=\"${this.locale}\"\n                .minDate=\"${parseDateToPlainDate(this.minDate) || undefined}\"\n                .maxDate=\"${parseDateToPlainDate(this.maxDate) || undefined}\"\n                .selectedDates=\"${selectedDates}\"\n                .viewDate=\"${context?.viewDate || undefined}\"\n                .focusedDate=\"${context?.focusedDate || null}\"\n                @cds-preview-date-picker-calendar-date-select=\"${this\n                  ._handleCalendarDateSelect}\"\n                @cds-preview-date-picker-calendar-month-change=\"${this\n                  ._handleCalendarMonthChange}\">\n              </cds-preview-date-picker-calendar>\n            `\n          : ''}\n      </div>\n      <!--\n        Exit sentinel: sits just after the calendar container in shadow-DOM tab\n        order.  Normally tabindex=\"-1\" (invisible to Tab).  _activateExitSentinel()\n        sets it to tabindex=\"0\" when the user presses Tab from the calendar, so the\n        browser delivers that Tab keystroke here naturally.  The focus handler then\n        closes the calendar and restores tabindex=\"-1\".\n      -->\n      <span\n        class=\"${prefix}--date-picker__exit-sentinel\"\n        tabindex=\"-1\"\n        aria-hidden=\"true\"\n        @focus=\"${this._handleExitSentinelFocus}\"></span>\n    `;\n  }\n\n  /**\n   * The CSS class for the calendar dropdown.\n   */\n  static get classCalendarContainer() {\n    return `${prefix}--date-picker__calendar`;\n  }\n\n  /**\n   * The CSS class for the month navigator.\n   */\n  static get classMonth() {\n    return `${prefix}--date-picker__month`;\n  }\n\n  /**\n   * The CSS class for the container of the weekdays.\n   */\n  static get classWeekdays() {\n    return `${prefix}--date-picker__weekdays`;\n  }\n\n  /**\n   * The CSS class for the container of the days.\n   */\n  static get classDays() {\n    return `${prefix}--date-picker__days`;\n  }\n\n  /**\n   * The CSS class applied to each weekdays.\n   */\n  static get classWeekday() {\n    return `${prefix}--date-picker__weekday`;\n  }\n\n  /**\n   * The CSS class applied to each days.\n   */\n  static get classDay() {\n    return `${prefix}--date-picker__day`;\n  }\n\n  /**\n   * The CSS class applied to the \"today\" highlight if there are any dates selected.\n   */\n  static classNoBorder = 'no-border';\n\n  /**\n   * The default date format.\n   */\n  static defaultDateFormat = 'm/d/Y';\n\n  /**\n   * A selector that will return the `<input>` to enter starting date.\n   */\n  static get selectorInputFrom() {\n    return `${prefix}-preview-date-picker-input,${prefix}-preview-date-picker-input[kind=\"from\"]`;\n  }\n\n  /**\n   * A selector that will return the `<input>` to enter end date.\n   */\n  static get selectorInputTo() {\n    return `${prefix}-preview-date-picker-input[kind=\"to\"]`;\n  }\n\n  /**\n   * The name of the custom event when an error occurs.\n   */\n  static get eventError() {\n    return `${prefix}-preview-date-picker-error`;\n  }\n\n  /**\n   * The name of the custom event fired when the date selection changes.\n   */\n  static get eventChange() {\n    return `${prefix}-preview-date-picker-changed`;\n  }\n\n  /**\n   * The name of the custom event fired when the calendar icon is clicked.\n   */\n  static get eventIconClick() {\n    return `${prefix}-preview-date-picker-icon-click`;\n  }\n\n  /**\n   * The name of the custom event fired when an input receives focus.\n   */\n  static get eventInputFocus() {\n    return `${prefix}-preview-date-picker-input-focus`;\n  }\n\n  /**\n   * The name of the custom event fired when an input loses focus.\n   */\n  static get eventInputBlur() {\n    return `${prefix}-preview-date-picker-input-blur`;\n  }\n\n  /**\n   * The name of the custom event fired when an input is clicked.\n   */\n  static get eventInputClick() {\n    return `${prefix}-preview-date-picker-input-click`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSDatePicker;\n"],"mappings":"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"}

package/es/components/date-picker/next/components/date-picker.scss.js

@@ -0,0 +1,14 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { css } from "lit";
+//#region src/components/date-picker/next/components/date-picker.scss?lit
+var date_picker_default = css(["@keyframes fp-fade-in-down{0%{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fp-slide-left{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}@keyframes fp-slide-left-new{0%{transform:translate3d(100%,0,0)}to{transform:translateZ(0)}}@keyframes fp-slide-right{0%{transform:translateZ(0)}to{transform:translate3d(100%,0,0)}}@keyframes fp-slide-right-new{0%{transform:translate3d(-100%,0,0)}to{transform:translateZ(0)}}@keyframes fp-fade-out{0%{opacity:1}to{opacity:0}}@keyframes fp-fade-in{0%{opacity:0}to{opacity:1}}.cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds--fieldset{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--fieldset *,.cds--fieldset :after,.cds--fieldset :before{box-sizing:inherit}.cds--form-item{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start}.cds--label html{font-size:100%}.cds--label body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--label strong{font-weight:600}.cds--label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);display:inline-block;color:var(--cds-text-secondary,#525252);font-weight:400;line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds--label,.cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label .cds--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds--label--no-margin{margin-block-end:0}.cds--label+.cds--tooltip{position:relative;inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label+.cds--tooltip .cds--tooltip__trigger{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer;text-align:start;inline-size:100%;box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--label+.cds--tooltip .cds--tooltip__trigger *,.cds--label+.cds--tooltip .cds--tooltip__trigger :after,.cds--label+.cds--tooltip .cds--tooltip__trigger :before{box-sizing:inherit}.cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}.cds--label+.cds--tooltip .cds--tooltip__trigger{display:flex;align-items:center;justify-content:center;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds--label+.cds--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--label.cds--skeleton:before{position:absolute;animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--label.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--label.cds--skeleton{background:CanvasText}.cds--label.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--label.cds--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper--warn~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box--warning~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--number__input-wrapper--warning~.cds--form-requirement,.cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper--warn~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,.cds--text-input__field-wrapper--warning~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker--warning~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;overflow:visible;font-weight:400;max-block-size:12.5rem}.cds--select--inline.cds--select--warning .cds--select-input--inline__wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement{display:inline-flex;overflow:visible;margin:0;inline-size:100%;margin-block-end:0;max-block-size:100%;padding-inline-start:.5rem}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input__field-wrapper--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}.cds--form--fluid input[data-invalid]{outline:none}.cds--form--fluid .cds--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement html{font-size:100%}.cds--form-requirement body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--form-requirement strong{font-weight:600}.cds--form-requirement{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);display:none;overflow:hidden;margin:.25rem 0 0;max-block-size:0;overflow-wrap:break-word;word-break:break-word}.cds--select--inline .cds--form__helper-text{margin-block-start:0}.cds--form__helper-text{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);z-index:0;color:var(--cds-text-helper,#6f6f6f);inline-size:100%;margin-block-start:.25rem;opacity:1}.cds--form__helper-text--disabled,.cds--label--disabled,fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;padding:0;border:0;margin:-1px;block-size:1px;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.flatpickr-calendar{position:absolute;overflow:hidden;box-sizing:border-box;padding:0;border:0;border-radius:0;animation:none;direction:ltr;inline-size:19.6875rem;max-block-size:0;opacity:0;text-align:center;touch-action:manipulation;visibility:hidden}@media (forced-colors:active),screen and (-ms-high-contrast:active){.flatpickr-calendar{outline:1px solid transparent}}.flatpickr-calendar.inline,.flatpickr-calendar.open{overflow:visible;max-block-size:40rem;opacity:1;visibility:inherit}.flatpickr-calendar.open{box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));z-index:99999;display:flex;overflow:hidden;flex-direction:column;align-items:center;justify-content:center;padding:.25rem .25rem .5rem;border:none;background-color:var(--cds-layer-01,#f4f4f4);block-size:21rem;inline-size:18rem;margin-block-start:-.125rem}.flatpickr-calendar.open:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.flatpickr-calendar.open:focus{outline-style:dotted}}.flatpickr-calendar.animate.open{animation:fp-fade-in-down .11s cubic-bezier(0,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.flatpickr-calendar.animate.open{animation:none}}.flatpickr-calendar.inline{position:absolute;display:block;inset-block-start:auto}.flatpickr-calendar.static{position:absolute;inset-block-start:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.hasWeeks{inline-size:auto}.dayContainer{display:flex;flex-wrap:wrap;justify-content:space-around;padding:0;block-size:15.375rem;outline:0}.flatpickr-calendar .hasTime .dayContainer,.flatpickr-calendar .hasWeeks .dayContainer{border-block-end:0;border-end-end-radius:0;border-end-start-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-inline-start:0}.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time{block-size:2.5rem;border-block-start:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{block-size:auto}.flatpickr-calendar:focus{outline:0}.flatpickr-months{display:flex;justify-content:space-between;inline-size:100%}.flatpickr-month{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);line-height:var(--cds-heading-compact-01-line-height,1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);display:flex;align-items:center;background-color:transparent;block-size:2.5rem;color:var(--cds-text-primary,#161616);line-height:1;text-align:center}.flatpickr-next-month,.flatpickr-prev-month{z-index:3;display:flex;align-items:center;justify-content:center;padding:0;block-size:2.5rem;cursor:pointer;fill:var(--cds-icon-primary,#161616);inline-size:2.5rem;line-height:16px;text-decoration:none;transform:scale(1);transition:background-color 70ms cubic-bezier(.2,0,.38,.9);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media screen and (prefers-reduced-motion:reduce){.flatpickr-next-month,.flatpickr-prev-month{transition:none}}.flatpickr-next-month:hover,.flatpickr-prev-month:hover{background-color:var(--cds-layer-hover)}.flatpickr-next-month.disabled svg,.flatpickr-prev-month.disabled svg{cursor:not-allowed;fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.flatpickr-next-month.disabled:hover svg,.flatpickr-prev-month.disabled:hover svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.flatpickr-current-month{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);line-height:var(--cds-heading-compact-01-line-height,1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);display:flex;align-items:center;justify-content:center;block-size:1.75rem;text-align:center}.flatpickr-current-month .cur-month{margin-inline:.25rem .25rem}.flatpickr-current-month .cur-month:hover{background-color:var(--cds-layer-hover)}.numInputWrapper{position:relative;inline-size:3.75rem}.numInputWrapper:hover{background-color:var(--cds-background-hover,hsla(0,0%,55.3%,.12))}.numInputWrapper .numInput{display:inline-block;padding:.25rem;border:none;margin:0;-moz-appearance:textfield;background-color:var(--cds-field-01,#f4f4f4);color:var(--cds-text-primary,#161616);cursor:default;font-family:inherit;font-size:inherit;font-weight:600;inline-size:100%}.numInputWrapper .numInput::-webkit-inner-spin-button,.numInputWrapper .numInput::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper .numInput:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.numInputWrapper .numInput:focus{outline-style:dotted}}.numInputWrapper .numInput[disabled],.numInputWrapper .numInput[disabled]:hover{background-color:var(--cds-layer-01,#f4f4f4);color:var(--cds-text-disabled,rgba(22,22,22,.25));pointer-events:none}.numInputWrapper .arrowUp{border-block-end:0;inset-block-start:.25rem}.numInputWrapper .arrowUp:after{border-block-end:.25rem solid var(--cds-icon-primary,#161616)}.numInputWrapper .arrowDown{inset-block-start:.6875rem}.numInputWrapper .arrowDown:after{border-block-start:.25rem solid var(--cds-icon-primary,#161616)}.numInputWrapper .arrowDown,.numInputWrapper .arrowUp{position:absolute;padding:0 .25rem 0 .125rem;border:none;block-size:50%;cursor:pointer;inline-size:.75rem;inset-inline-start:2.6rem;line-height:50%;opacity:0}.numInputWrapper .arrowDown:after,.numInputWrapper .arrowUp:after{position:absolute;display:block;border-inline-end:.25rem solid transparent;border-inline-start:.25rem solid transparent;content:\"\";inset-block-start:33%}.numInputWrapper .arrowDown:hover:after,.numInputWrapper .arrowUp:hover:after{border-block-end-color:var(--cds-button-primary,#0f62fe);border-block-start-color:var(--cds-button-primary,#0f62fe)}.numInputWrapper .arrowDown:active:after,.numInputWrapper .arrowUp:active:after{border-block-end-color:var(--cds-border-interactive,#0f62fe);border-block-start-color:var(--cds-border-interactive,#0f62fe)}.numInput[disabled]~.arrowUp:after{border-block-end-color:var(--cds-text-disabled,rgba(22,22,22,.25))}.numInput[disabled]~.arrowDown:after{border-block-start-color:var(--cds-text-disabled,rgba(22,22,22,.25))}.numInputWrapper:hover .arrowDown,.numInputWrapper:hover .arrowUp{opacity:1}.numInputWrapper:hover .numInput[disabled]~.arrowDown,.numInputWrapper:hover .numInput[disabled]~.arrowUp{opacity:0}.flatpickr-weekdays{display:flex;align-items:center;block-size:2.5rem}.flatpickr-weekdaycontainer{display:flex;inline-size:100%}.flatpickr-weekday{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);flex:1;color:var(--cds-text-primary,#161616);cursor:default}.flatpickr-days:focus{outline:0}.flatpickr-calendar.animate .dayContainer.slideLeft{animation:fp-fade-out .4s cubic-bezier(.23,1,.32,1),fp-slide-left .4s cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.animate .dayContainer.slideLeft,.flatpickr-calendar.animate .dayContainer.slideLeftNew{transform:translate3d(-100%,0,0)}.flatpickr-calendar.animate .dayContainer.slideLeftNew{animation:fp-fade-in .4s cubic-bezier(.23,1,.32,1),fp-slide-left .4s cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.animate .dayContainer.slideRight{animation:fp-fade-out .4s cubic-bezier(.23,1,.32,1),fp-slide-right .4s cubic-bezier(.23,1,.32,1);transform:translate3d(100%,0,0)}.flatpickr-calendar.animate .dayContainer.slideRightNew{animation:fp-fade-in .4s cubic-bezier(.23,1,.32,1),fp-slide-right-new .4s cubic-bezier(.23,1,.32,1)}.flatpickr-day{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;align-items:center;justify-content:center;block-size:2.5rem;color:var(--cds-text-primary,#161616);cursor:pointer;inline-size:2.5rem;transition:all 70ms cubic-bezier(.2,0,.38,.9)}.flatpickr-day:hover{background:var(--cds-layer-hover)}.flatpickr-day:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.flatpickr-day:focus{outline-style:dotted}}.flatpickr-day:focus{outline-color:var(--cds-button-primary,#0f62fe)}.nextMonthDay,.prevMonthDay{color:var(--cds-text-helper,#6f6f6f)}.flatpickr-day.today{position:relative;color:var(--cds-link-primary,#0f62fe);font-weight:600}.flatpickr-day.today:after{position:absolute;display:block;background-color:var(--cds-link-primary,#0f62fe);block-size:.25rem;content:\"\";inline-size:.25rem;inset-block-end:.4375rem;inset-inline-start:50%;transform:translateX(-50%)}.flatpickr-day.today.no-border{border:none}.flatpickr-day.today.selected{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.flatpickr-day.today.selected{outline-style:dotted}}.flatpickr-day.today.selected:after{display:none}.flatpickr-day.inRange{background-color:var(--cds-highlight,#d0e2ff);color:var(--cds-text-primary,#161616)}.flatpickr-day.selected{background-color:var(--cds-button-primary,#0f62fe);color:var(--cds-text-on-color,#fff)}@media (forced-colors:active),screen and (-ms-high-contrast:active){.flatpickr-day.selected{color:Highlight;outline:1px solid Highlight;outline-style:dotted}}.flatpickr-day.selected:focus{outline:.0625rem solid var(--cds-layer-02,#fff);outline-offset:-.1875rem}.flatpickr-day.startRange.selected{z-index:2;box-shadow:none}.flatpickr-day.endRange.inRange,.flatpickr-day.startRange.inRange:not(.selected){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.flatpickr-day.endRange.inRange,.flatpickr-day.startRange.inRange:not(.selected){outline-style:dotted}}.flatpickr-day.endRange.inRange,.flatpickr-day.startRange.inRange:not(.selected){z-index:3;background:var(--cds-layer-01,#f4f4f4)}.flatpickr-day.endRange:hover{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.flatpickr-day.endRange:hover{outline-style:dotted}}.flatpickr-day.endRange:hover{background:var(--cds-layer-01,#f4f4f4);color:var(--cds-text-primary,#161616)}.flatpickr-day.endRange.inRange.selected{background:var(--cds-button-primary,#0f62fe);color:var(--cds-text-on-color,#fff)}.flatpickr-day.flatpickr-disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.flatpickr-day.flatpickr-disabled:hover{background-color:transparent}.flatpickr-input[readonly]{cursor:pointer}@media (forced-colors:active),screen and (-ms-high-contrast:active){.flatpickr-day.inRange,.flatpickr-day.today{color:Highlight}}.cds--date-picker,:host(cds-preview-date-picker){display:flex}.cds--date-picker--light .cds--date-picker__input{background:var(--cds-field-02,#fff)}.cds--date-picker~.cds--label,:host(cds-preview-date-picker)~.cds--label{order:1}.cds--date-picker-container,:host(cds-preview-date-picker-input),:host(cds-preview-date-picker-input-skeleton){position:relative;display:flex;flex-direction:column;justify-content:space-between}.cds--date-picker-container .cds--label,:host(cds-preview-date-picker-input) .cds--label,:host(cds-preview-date-picker-input-skeleton) .cds--label{display:flex}.cds--date-picker-input__wrapper{display:flex;align-items:center}.cds--date-picker-input__wrapper>span{position:relative}.cds--date-picker.cds--date-picker--simple .cds--date-picker__input,.cds--date-picker.cds--date-picker--simple .cds--label{inline-size:7.5rem}.cds--date-picker.cds--date-picker--simple .cds--date-picker-input__wrapper--invalid .cds--date-picker__input,.cds--date-picker.cds--date-picker--simple .cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker.cds--date-picker--simple .cds--date-picker-input__wrapper--warn .cds--date-picker__input,.cds--date-picker.cds--date-picker--simple .cds--date-picker-input__wrapper--warn~.cds--form-requirement{inline-size:9.5rem}.cds--date-picker.cds--date-picker--simple.cds--date-picker--short .cds--date-picker__input{inline-size:5.7rem}.cds--date-picker.cds--date-picker--single .cds--date-picker__input{inline-size:18rem}.cds--date-picker .cds--date-picker-input__wrapper--warn~.cds--form-requirement,:host(cds-preview-date-picker) .cds--date-picker-input__wrapper--warn~.cds--form-requirement{color:var(--cds-text-primary,#161616)}.cds--date-picker__input{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--date-picker__input *,.cds--date-picker__input :after,.cds--date-picker__input :before{box-sizing:inherit}.cds--date-picker__input{font-family:var(--cds-code-02-font-family,\"IBM Plex Mono\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",monospace);font-size:var(--cds-code-02-font-size,.875rem);font-weight:var(--cds-code-02-font-weight,400);line-height:var(--cds-code-02-line-height,1.42857);letter-spacing:var(--cds-code-02-letter-spacing,.32px);outline:2px solid transparent;outline-offset:-2px;position:relative;display:block;padding:0 1rem;border:none;background-color:var(--cds-field);block-size:2.5rem;border-block-end:1px solid var(--cds-border-strong);color:var(--cds-text-primary,#161616);transition:all 70ms cubic-bezier(.2,0,.38,.9)}.cds--date-picker__input.cds--focused,.cds--date-picker__input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--date-picker__input.cds--focused,.cds--date-picker__input:focus{outline-style:dotted}}.cds--date-picker__input:disabled{background-color:var(--cds-field);border-block-end:1px solid transparent;color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--date-picker__input:disabled::-moz-placeholder{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--date-picker__input:disabled::placeholder{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--date-picker__input:disabled:hover{border-block-end:1px solid transparent}.cds--date-picker__input::-moz-placeholder{color:var(--cds-text-placeholder,rgba(22,22,22,.4));opacity:1}.cds--date-picker__input::placeholder{color:var(--cds-text-placeholder,rgba(22,22,22,.4));opacity:1}.cds--date-picker__input--lg{block-size:3rem}.cds--date-picker__input--sm{block-size:2rem}.cds--date-picker__icon,:host(cds-preview-date-picker-input) .cds--date-picker__icon{z-index:1;fill:var(--cds-icon-primary,#161616);pointer-events:none}.cds--date-picker__icon--invalid,.cds--date-picker__icon--warn,:host(cds-preview-date-picker-input) .cds--date-picker__icon--invalid,:host(cds-preview-date-picker-input) .cds--date-picker__icon--warn{cursor:auto}.cds--date-picker__icon--warn,:host(cds-preview-date-picker-input) .cds--date-picker__icon--warn{fill:var(--cds-support-warning,#f1c21b)}.cds--date-picker__icon--warn path:first-of-type{fill:#000;opacity:1}.cds--date-picker__icon--invalid,:host(cds-preview-date-picker-input) .cds--date-picker__icon--invalid{fill:var(--cds-support-error,#da1e28)}.cds--date-picker__icon~.cds--date-picker__input{padding-inline-end:3rem}.cds--date-picker__input:disabled~.cds--date-picker__icon{cursor:not-allowed;fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--date-picker--range>.cds--date-picker-container:first-child{margin-inline-end:.0625rem}.cds--date-picker--range .cds--date-picker-container,.cds--date-picker--range .cds--date-picker__input,.cds--date-picker--range :host(cds-preview-date-picker-input),.cds--date-picker--range :host(cds-preview-date-picker-input-skeleton){inline-size:8.96875rem}.cds--date-picker-input__wrapper--decorator .cds--date-picker-input-inner-wrapper--decorator>*,.cds--date-picker-input__wrapper--slug .cds--ai-label,.cds--date-picker-input__wrapper--slug .cds--slug{position:absolute;inset-block-start:50%;inset-inline-end:2.5rem;transform:translateY(-50%)}.cds--date-picker-input__wrapper--decorator .cds--date-picker-input-inner-wrapper--decorator:not(:has(.cds--ai-label))>*{block-size:1rem}.cds--date-picker-input__wrapper--decorator .cds--date-picker__input:has(~.cds--date-picker-input-inner-wrapper--decorator .cds--ai-label):not(:has(~.cds--date-picker-input-inner-wrapper--decorator .cds--ai-label--revert)),.cds--date-picker-input__wrapper--slug .cds--date-picker__input:has(~.cds--ai-label):not(:has(~.cds--ai-label--revert)),.cds--date-picker-input__wrapper--slug .cds--date-picker__input:has(~.cds--slug):not(:has(~.cds--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff);padding-inline-end:4rem}.cds--date-picker__input[readonly]{background:transparent;border-block-end-color:var(--cds-border-subtle);cursor:text}.cds--date-picker__input[readonly]+.cds--date-picker__icon{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--date-picker.cds--skeleton input,.cds--date-picker__input.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds--date-picker.cds--skeleton input:active,.cds--date-picker.cds--skeleton input:focus,.cds--date-picker.cds--skeleton input:hover,.cds--date-picker__input.cds--skeleton:active,.cds--date-picker__input.cds--skeleton:focus,.cds--date-picker__input.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--date-picker.cds--skeleton input:before,.cds--date-picker__input.cds--skeleton:before{position:absolute;animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--date-picker.cds--skeleton input:before,.cds--date-picker__input.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--date-picker.cds--skeleton input,.cds--date-picker__input.cds--skeleton{background:CanvasText}.cds--date-picker.cds--skeleton input:before,.cds--date-picker__input.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--date-picker.cds--skeleton input,.cds--date-picker__input.cds--skeleton{inline-size:100%}.cds--date-picker.cds--skeleton input::-moz-placeholder,.cds--date-picker__input.cds--skeleton::-moz-placeholder{color:transparent}.cds--date-picker.cds--skeleton input::placeholder,.cds--date-picker__input.cds--skeleton::placeholder{color:transparent}.cds--date-picker.cds--skeleton .cds--label{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds--date-picker.cds--skeleton .cds--label:active,.cds--date-picker.cds--skeleton .cds--label:focus,.cds--date-picker.cds--skeleton .cds--label:hover{border:none;cursor:default;outline:none}.cds--date-picker.cds--skeleton .cds--label:before{position:absolute;animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--date-picker.cds--skeleton .cds--label:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--date-picker.cds--skeleton .cds--label{background:CanvasText}.cds--date-picker.cds--skeleton .cds--label:before{background:Canvas;forced-color-adjust:none}}.cds--date-picker.cds--skeleton .cds--label{block-size:.875rem;inline-size:4.6875rem}.cds--date-picker-input__wrapper{position:relative;anchor-name:--date-picker-input}.cds--date-picker__icon,:host(cds-preview-date-picker-input) .cds--date-picker__icon{position:absolute;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:var(--cds-icon-primary,#161616);cursor:pointer;inset-block-start:50%;inset-inline-end:1rem;pointer-events:auto;transform:translateY(-50%)}.cds--date-picker__icon:focus{outline:none}.cds--date-picker__icon:active,.cds--date-picker__icon:focus,.cds--date-picker__icon:hover{border:none;background:transparent}.cds--date-picker__calendar-popover{position:absolute;z-index:9000;padding:0;border:none;margin:0;background:transparent}.cds--date-picker__calendar-popover:focus{outline:none}.cds--date-picker__calendar-popover{inset-area:block-end span-inline-start;margin-block-start:.25rem;position-anchor:--date-picker-input}@supports not (inset-area:block-end){.cds--date-picker__calendar-popover{position:absolute;inset-block-start:anchor(bottom);inset-inline-start:anchor(left);margin-block-start:.25rem}}.cds--date-picker__calendar-popover{position-try-options:--bottom-left,--top-left,--bottom-right,--top-right}@position-try --bottom-left{.cds--date-picker__calendar-popover{inset-area:block-end span-inline-start;margin-block-start:.25rem}}@position-try --top-left{.cds--date-picker__calendar-popover{inset-area:block-start span-inline-start;margin-block-end:.25rem}}@position-try --bottom-right{.cds--date-picker__calendar-popover{inset-area:block-end span-inline-end;margin-block-start:.25rem}}@position-try --top-right{.cds--date-picker__calendar-popover{inset-area:block-start span-inline-end;margin-block-end:.25rem}}.cds--date-picker__calendar.open{margin-block-start:0}.cds--date-picker__calendar-container{position:absolute;z-index:9000;display:block;inset-block-start:100%;inset-inline-start:0;margin-block-start:0}.cds--date-picker-container,:host(cds-preview-date-picker-input),:host(cds-preview-date-picker-input-skeleton){outline:none}.cds--date-picker-container .cds--form-requirement[hidden],:host(cds-preview-date-picker-input) .cds--form-requirement[hidden],:host(cds-preview-date-picker-input-skeleton) .cds--form-requirement[hidden]{display:none}.cds--date-picker-container--warn:not(.cds--date-picker-container--invalid) .cds--form-requirement,:not(.cds--date-picker-container--invalid):host(cds-preview-date-picker-input[warn]:not([invalid])) .cds--form-requirement{color:var(--cds-text-primary,#161616)}.cds--date-picker-container--simple .cds--date-picker__input,:host(cds-preview-date-picker-input-skeleton[kind=simple]) .cds--date-picker__input,:host(cds-preview-date-picker-input[kind=simple]) .cds--date-picker__input{inline-size:7.5rem}.cds--date-picker-container--simple .cds--date-picker__input--invalid,.cds--date-picker-container--simple .cds--date-picker__input--warn,:host(cds-preview-date-picker-input-skeleton[kind=simple]) .cds--date-picker__input--invalid,:host(cds-preview-date-picker-input-skeleton[kind=simple]) .cds--date-picker__input--warn,:host(cds-preview-date-picker-input[kind=simple]) .cds--date-picker__input--invalid,:host(cds-preview-date-picker-input[kind=simple]) .cds--date-picker__input--warn{inline-size:9.5rem}.cds--date-picker-container--short.cds--date-picker-container--simple .cds--date-picker__input{inline-size:5.625rem}.cds--date-picker-container--single,:host(cds-preview-date-picker-input-skeleton[kind=single]),:host(cds-preview-date-picker-input[kind=single]){max-inline-size:18rem}.cds--date-picker-container--single .cds--date-picker__input,:host(cds-preview-date-picker-input-skeleton[kind=single]) .cds--date-picker__input,:host(cds-preview-date-picker-input[kind=single]) .cds--date-picker__input{inline-size:18rem}.cds--date-picker-container--from,:host(cds-preview-date-picker-input-skeleton[kind=from]),:host(cds-preview-date-picker-input-skeleton[kind=to]),:host(cds-preview-date-picker-input[kind=from]),:host(cds-preview-date-picker-input[kind=to]){margin-inline-end:.0625rem}.cds--date-picker-container--from,.cds--date-picker-container--to,:host(cds-preview-date-picker-input-skeleton[kind=from]),:host(cds-preview-date-picker-input-skeleton[kind=to]),:host(cds-preview-date-picker-input[kind=from]),:host(cds-preview-date-picker-input[kind=to]){inline-size:8.96875rem}.cds--date-picker-container--from .cds--date-picker__input,.cds--date-picker-container--to .cds--date-picker__input,:host(cds-preview-date-picker-input-skeleton[kind=from]) .cds--date-picker__input,:host(cds-preview-date-picker-input-skeleton[kind=to]) .cds--date-picker__input,:host(cds-preview-date-picker-input[kind=from]) .cds--date-picker__input,:host(cds-preview-date-picker-input[kind=to]) .cds--date-picker__input{inline-size:8.96875rem}.cds--date-picker-container--ai-label .cds--date-picker__input--decorator,:host(cds-preview-date-picker-input[ai-label]) .cds--date-picker__input--decorator{background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.cds--date-picker-input-skeleton,:host(cds-preview-date-picker-input-skeleton){display:inline-block}.cds--date-picker-input-skeleton .cds--label,:host(cds-preview-date-picker-input-skeleton) .cds--label{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds--date-picker-input-skeleton .cds--label:active,.cds--date-picker-input-skeleton .cds--label:focus,.cds--date-picker-input-skeleton .cds--label:hover,:host(cds-preview-date-picker-input-skeleton) .cds--label:active,:host(cds-preview-date-picker-input-skeleton) .cds--label:focus,:host(cds-preview-date-picker-input-skeleton) .cds--label:hover{border:none;cursor:default;outline:none}.cds--date-picker-input-skeleton .cds--label:before,:host(cds-preview-date-picker-input-skeleton) .cds--label:before{position:absolute;animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--date-picker-input-skeleton .cds--label:before,:host(cds-preview-date-picker-input-skeleton) .cds--label:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--date-picker-input-skeleton .cds--label,:host(cds-preview-date-picker-input-skeleton) .cds--label{background:CanvasText}.cds--date-picker-input-skeleton .cds--label:before,:host(cds-preview-date-picker-input-skeleton) .cds--label:before{background:Canvas;forced-color-adjust:none}}.cds--date-picker-input-skeleton .cds--label,:host(cds-preview-date-picker-input-skeleton) .cds--label{block-size:.875rem;inline-size:4.6875rem}.cds--date-picker-input-skeleton .cds--date-picker-input-skeleton-container,:host(cds-preview-date-picker-input-skeleton) .cds--date-picker-input-skeleton-container{display:inline-block}.cds--date-picker-input-skeleton--range .cds--date-picker-input-skeleton-container,:host(cds-preview-date-picker-input-skeleton[range]) .cds--date-picker-input-skeleton-container{inline-size:8.96875rem}.cds--date-picker-input-skeleton--range .cds--date-picker-input-skeleton-container .cds--date-picker__input,:host(cds-preview-date-picker-input-skeleton[range]) .cds--date-picker-input-skeleton-container .cds--date-picker__input{inline-size:8.96875rem}.cds--date-picker.cds--skeleton .cds--date-picker__input.cds--skeleton{padding:0;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none}.cds--date-picker.cds--skeleton .cds--date-picker__input.cds--skeleton:active,.cds--date-picker.cds--skeleton .cds--date-picker__input.cds--skeleton:focus,.cds--date-picker.cds--skeleton .cds--date-picker__input.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--date-picker.cds--skeleton .cds--date-picker__input.cds--skeleton:before{position:absolute;animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--date-picker.cds--skeleton .cds--date-picker__input.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--date-picker.cds--skeleton .cds--date-picker__input.cds--skeleton{background:CanvasText}.cds--date-picker.cds--skeleton .cds--date-picker__input.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--date-picker.cds--skeleton .cds--date-picker__input.cds--skeleton{position:relative;overflow:hidden;border:none;block-size:2.5rem;cursor:default;inline-size:100%;pointer-events:none}.cds--date-picker.cds--skeleton .cds--date-picker__icon.cds--skeleton{display:none}.cds--date-picker__calendar{display:block;padding:.5rem;border:none;background-color:var(--cds-layer);box-shadow:0 2px 6px 0 rgba(0,0,0,.2);inline-size:18rem;max-inline-size:18rem;outline:none}.cds--date-picker__calendar:focus{outline:none}.cds--date-picker__month{display:flex;align-items:center;justify-content:space-between;margin-block-end:.5rem}.cds--date-picker__month-nav{display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;block-size:2.5rem;cursor:pointer;inline-size:2.5rem}.cds--date-picker__month-nav:hover{background-color:var(--cds-layer-hover)}.cds--date-picker__month-nav:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}.cds--date-picker__month-nav svg{fill:var(--cds-icon-primary,#161616)}.cds--date-picker__current-month{flex:1;color:var(--cds-text-primary,#161616);font-size:.875rem;font-weight:600;text-align:center}.cds--date-picker__weekdays{display:grid;gap:0;grid-template-columns:repeat(7,1fr);margin-block-end:.25rem}.cds--date-picker__weekday{display:flex;align-items:center;justify-content:center;block-size:2.5rem;color:var(--cds-text-primary,#161616);font-size:.75rem;font-weight:600}.cds--date-picker__days{display:grid;gap:0;grid-template-columns:repeat(7,1fr)}.cds--date-picker__day{display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;block-size:2.5rem;color:var(--cds-text-primary,#161616);cursor:pointer;font-size:.875rem}.cds--date-picker__day:hover:not(:disabled,.selected){background-color:var(--cds-layer-hover)}.cds--date-picker__day:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}.cds--date-picker__day.selected{background-color:var(--cds-interactive,#0f62fe);color:var(--cds-text-inverse,#fff)}.cds--date-picker__day.today:not(.selected){position:relative;color:var(--cds-text-primary,#161616);font-weight:600}.cds--date-picker__day.today:not(.selected):after{position:absolute;border-radius:50%;background-color:var(--cds-interactive,#0f62fe);block-size:4px;content:\"\";inline-size:4px;inset-block-end:4px;inset-inline-start:50%;transform:translateX(-50%)}.cds--date-picker__day.inRange:not(.selected){background-color:var(--cds-highlight,#d0e2ff)}.cds--date-picker__day.nextMonthDay:not(.selected),.cds--date-picker__day.prevMonthDay:not(.selected){color:var(--cds-text-secondary,#525252)}.cds--date-picker__day.disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed;opacity:.5}.cds--date-picker__day.focused:not(.selected){background-color:var(--cds-layer-hover);outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}:host(cds-preview-date-picker){position:relative}:host(cds-preview-date-picker-input) ::slotted(cds-ai-label),:host(cds-preview-date-picker-input) ::slotted(cds-slug){position:absolute;inset-block-start:50%;inset-inline-end:2.5rem}:host(cds-preview-date-picker-input) ::slotted(cds-ai-label:not([revert-active])),:host(cds-preview-date-picker-input) ::slotted(cds-slug:not([revert-active])){transform:translateY(-50%)}:host(cds-preview-date-picker-calendar){display:block;outline:none}:host(cds-preview-date-picker-calendar) .cds--date-picker__calendar{box-sizing:border-box;inline-size:18rem;max-inline-size:18rem}:host(cds-preview-date-picker-calendar) .cds--date-picker__day,:host(cds-preview-date-picker-calendar) .cds--date-picker__month-nav{font-family:inherit}"]);
+//#endregion
+export { date_picker_default as default };
+
+//# sourceMappingURL=date-picker.scss.js.map

package/es/components/date-picker/next/components/date-picker.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.scss.js","names":[],"sources":["../../../../../src/components/date-picker/next/components/date-picker.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 2026\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use '@carbon/styles/scss/components/date-picker/date-picker' as *;\n@use '@carbon/styles/scss/components/date-picker/date-picker-next' as\n  date-picker-next;\n@use '@carbon/styles/scss/config' as *;\n@use '@carbon/styles/scss/spacing' as *;\n@use '@carbon/styles/scss/theme' as *;\n@use '@carbon/styles/scss/utilities' as *;\n\n@include date-picker;\n@include date-picker-next.date-picker-next-rules;\n\n// =============================================================================\n// WEB COMPONENTS SPECIFIC STYLES\n// These styles add :host() selectors and ::slotted() for shadow DOM\n// =============================================================================\n\n:host(#{$prefix}-preview-date-picker) {\n  @extend .#{$prefix}--date-picker;\n\n  position: relative;\n}\n\n:host(#{$prefix}-preview-date-picker-input),\n:host(#{$prefix}-preview-date-picker-input-skeleton) {\n  @extend .#{$prefix}--date-picker-container;\n}\n\n:host(#{$prefix}-preview-date-picker-input[warn]:not([invalid])) {\n  @extend .#{$prefix}--date-picker-container--warn;\n}\n\n:host(#{$prefix}-preview-date-picker-input[kind='simple']),\n:host(#{$prefix}-preview-date-picker-input-skeleton[kind='simple']) {\n  @extend .#{$prefix}--date-picker-container--simple;\n}\n\n:host(#{$prefix}-preview-date-picker-input[kind='simple'][short]),\n:host(#{$prefix}-preview-date-picker-input-skeleton[kind='simple'][short]) {\n  @extend .#{$prefix}--date-picker-container--simple;\n  @extend .#{$prefix}--date-picker-container--short;\n}\n\n:host(#{$prefix}-preview-date-picker-input[kind='single']),\n:host(#{$prefix}-preview-date-picker-input-skeleton[kind='single']) {\n  @extend .#{$prefix}--date-picker-container--single;\n}\n\n:host(#{$prefix}-preview-date-picker-input[kind='from']),\n:host(#{$prefix}-preview-date-picker-input-skeleton[kind='from']) {\n  @extend .#{$prefix}--date-picker-container--from;\n}\n\n:host(#{$prefix}-preview-date-picker-input[kind='from']),\n:host(#{$prefix}-preview-date-picker-input[kind='to']),\n:host(#{$prefix}-preview-date-picker-input-skeleton[kind='from']),\n:host(#{$prefix}-preview-date-picker-input-skeleton[kind='to']) {\n  @extend .#{$prefix}--date-picker-container--from;\n}\n\n:host(#{$prefix}-preview-date-picker-input) {\n  .#{$prefix}--date-picker__icon {\n    @extend .#{$prefix}--date-picker__icon;\n  }\n\n  .#{$prefix}--date-picker__icon--warn {\n    @extend .#{$prefix}--date-picker__icon--warn;\n  }\n\n  .#{$prefix}--date-picker__icon--invalid {\n    @extend .#{$prefix}--date-picker__icon--invalid;\n  }\n\n  // Shadow DOM slotted content\n  ::slotted(#{$prefix}-ai-label),\n  ::slotted(#{$prefix}-slug) {\n    position: absolute;\n    inset-block-start: 50%;\n    inset-inline-end: $spacing-08;\n  }\n\n  ::slotted(#{$prefix}-ai-label:not([revert-active])),\n  ::slotted(#{$prefix}-slug:not([revert-active])) {\n    transform: translateY(-50%);\n  }\n}\n\n:host(#{$prefix}-preview-date-picker-input-skeleton) {\n  @extend .#{$prefix}--date-picker-input-skeleton;\n}\n\n:host(#{$prefix}-preview-date-picker-input-skeleton[range]) {\n  @extend .#{$prefix}--date-picker-input-skeleton--range;\n}\n\n:host(#{$prefix}-preview-date-picker-input[ai-label]) {\n  @extend .#{$prefix}--date-picker-container--ai-label;\n}\n\n// Calendar component in shadow DOM\n:host(#{$prefix}-preview-date-picker-calendar) {\n  display: block;\n  outline: none;\n\n  .#{$prefix}--date-picker__calendar {\n    // Override shared styles for Web Components\n    // Use box-sizing to include padding in width calculation\n    // This ensures the 288px includes the padding, making the content area 272px\n    box-sizing: border-box;\n    inline-size: rem(288px);\n    max-inline-size: rem(288px);\n  }\n\n  .#{$prefix}--date-picker__day,\n  .#{$prefix}--date-picker__month-nav {\n    font-family: inherit;\n  }\n}\n"],"mappings":""}

package/es/components/date-picker/next/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import './components/date-picker';
+import './components/date-picker-input';
+import './components/date-picker-input-skeleton';
+import './components/calendar-renderer';
+//# sourceMappingURL=index.d.ts.map

package/es/components/date-picker/next/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/date-picker/next/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,0BAA0B,CAAC;AAClC,OAAO,gCAAgC,CAAC;AACxC,OAAO,yCAAyC,CAAC;AACjD,OAAO,gCAAgC,CAAC"}

package/es/components/date-picker/next/index.js

@@ -0,0 +1,11 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import "./components/date-picker.js";
+import "./components/date-picker-input.js";
+import "./components/date-picker-input-skeleton.js";
+import "./components/calendar-renderer.js";

package/es/components/dropdown/dropdown.d.ts

@@ -105,6 +105,14 @@ declare class CDSDropdown extends CDSDropdown_base {
      * The `<slot>` element for the title text in the shadow DOM.
      */
     protected _slotTitleTextNode: HTMLSlotElement;
+    /**
+     * The `<slot>` element for the AI label in the shadow DOM.
+     */
+    private _slotAILabelNode;
+    /**
+     * The `<slot>` element for the slug in the shadow DOM.
+     */
+    private _slotSlugNode;
     /**
      * @param itemToSelect A dropdown item. Absense of this argument means clearing selection.
      * @returns `true` if the selection of this dropdown should change if the given item is selected upon user interaction.

package/es/components/dropdown/dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAAE,UAAU,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAkBvD,OAAO,EACL,kBAAkB,EAClB,wBAAwB,EACxB,aAAa,EACb,aAAa,EACb,oBAAoB,EACrB,MAAM,QAAQ,CAAC;AAChB,OAAO,eAAe,MAAM,iBAAiB,CAAC;AAK9C,OAAO,EACL,wBAAwB,EACxB,kBAAkB,EAClB,aAAa,EACb,aAAa,EACb,oBAAoB,GACrB,CAAC;;;;;;;;;;;;;;;;;;;;;uBA3B4D,CAAC;;;;;;;;;;;;AA6B/D;;;;;;;;;;;;;;;;;GAiBG;AACH,cACM,WAAY,SAAQ,gBAEzB;IACC;;OAEG;IACH,SAAS,CAAC,WAAW,UAAS;IAE9B;;OAEG;IACH,OAAO,CAAC,iBAAiB,CAAqB;IAE9C;;OAEG;IACH,OAAO,CAAC,mBAAmB,CAAkC;IAE7D;;OAEG;IACH,OAAO,CAAC,6BAA6B,CAMnC;IAGF,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAErC;;OAEG;IACH,SAAS,CAAC,oBAAoB,EAAE,gBAAgB,GAAG,IAAI,CAAQ;IAE/D;;;OAGG;IACH,SAAS,CAAC,yBAAyB,UAAQ;IAE3C;;OAEG;IAEH,SAAS,CAAC,YAAY,EAAG,cAAc,CAAC;IAExC;;OAEG;IAEH,SAAS,CAAC,aAAa,EAAG,cAAc,CAAC;IAEzC;;OAEG;IAEH,SAAS,CAAC,kBAAkB,EAAG,cAAc,CAAC;IAE9C;;OAEG;IAEH,SAAS,CAAC,mBAAmB,EAAG,eAAe,CAAC;IAEhD;;OAEG;IAEH,SAAS,CAAC,kBAAkB,EAAG,eAAe,CAAC;IAE/C;;;OAGG;IACH,SAAS,CAAC,sBAAsB,CAAC,YAAY,CAAC,EAAE,eAAe;IAI/D;;;;;;OAMG;IACH,SAAS,CAAC,mBAAmB,CAAC,YAAY,CAAC,EAAE,eAAe;IAoB5D;;;;OAIG;IACH,SAAS,CAAC,iBAAiB,CAAC,KAAK,EAAE,UAAU;IAiC7C;;OAEG;IACH,SAAS,CAAC,mBAAmB,CAAC,KAAK,EAAE,aAAa;IAgGlD,OAAO,CAAC,uBAAuB;IA2C/B,SAAS,CAAC,6BAA6B,CAAC,EACtC,QAAQ,GACT,EAAE;QACD,KAAK,EAAE,aAAa,CAAC;QACrB,QAAQ,EAAE,OAAO,CAAC;QAClB,aAAa,EAAE,OAAO,CAAC;KACxB;IAID,SAAS,KAAK,2BAA2B,YAExC;IAED,SAAS,KAAK,cAAc,IAAI,gBAAgB,GAAG,IAAI,CAEtD;IAED,SAAS,CAAC,wBAAwB;IAElC,OAAO,CAAC,4BAA4B;IAWpC,OAAO,CAAC,sBAAsB;IAmC9B,OAAO,CAAC,2BAA2B;IAYnC;;OAEG;IACH,SAAS,CAAC,oBAAoB,CAAC,KAAK,EAAE,aAAa;IA+DnD;;;;OAIG;IAEH,SAAS,CAAC,qBAAqB,CAAC,KAAK,EAAE,UAAU;IAgBjD,SAAS,CAAC,sBAAsB,CAAC,KAAK,EAAE,UAAU;IA8BlD,SAAS,CAAC,eAAe,CAAC,KAAK,EAAE,UAAU;IAM3C;;OAEG;IACH,SAAS,CAAC,2BAA2B;IAIrC;;OAEG;IACH,SAAS,CAAC,0BAA0B;IAIpC;;OAEG;IACH,SAAS,CAAC,wBAAwB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IA0BpD,oBAAoB;IAKpB;;OAEG;IACH,OAAO,CAAC,2BAA2B;IAYnC;;;;OAIG;IACH,SAAS,CAAC,8BAA8B,CAAC,IAAI,CAAC,EAAE,eAAe;IAsC/D,SAAS,CAAC,0BAA0B,CAAC,IAAI,CAAC,EAAE,eAAe;IAM3D;;;;OAIG;IACH,SAAS,CAAC,0BAA0B,CAClC,KAAK,UAAa,EAClB,EACE,mBAA2B,EAC3B,SAAgB,EAChB,uBAA+B,GAChC,GAAE;QACD,mBAAmB,CAAC,EAAE,OAAO,CAAC;QAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;QACpB,uBAAuB,CAAC,EAAE,OAAO,CAAC;KAC9B;IAoDR;;OAEG;IACH,SAAS,CAAC,eAAe;IAIzB,SAAS,CAAC,yBAAyB,CAAC,KAAK,EAAE,KAAK,GAAG,eAAe,GAAG,IAAI;IAkBzE,SAAS,CAAC,mBAAmB,CAC3B,IAAI,CAAC,EAAE,eAAe,GAAG,IAAI,EAC7B,EAAE,cAAsB,EAAE,GAAE;QAAE,cAAc,CAAC,EAAE,OAAO,CAAA;KAAO;IAgC/D,SAAS,CAAC,oBAAoB,CAC5B,IAAI,EAAE,eAAe,GACpB,eAAe,GAAG,IAAI;IAezB,SAAS,CAAC,0BAA0B,CAAC,IAAI,CAAC,EAAE,eAAe,GAAG,IAAI,GAAG,IAAI;IAczE,SAAS,CAAC,sBAAsB;IAahC,SAAS,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM;IAiCrC;;OAEG;IACH,SAAS,CAAC,qBAAqB,IAAI,cAAc,GAAG,SAAS;IAI7D;;OAEG;IACH,SAAS,CAAC,YAAY,IAAI,cAAc;IASxC;;OAEG;IACH,SAAS,CAAC,iBAAiB,IAAI,cAAc;IAiC7C;;OAEG;IACH,SAAS,CAAC,qBAAqB,IAAI,cAAc,GAAG,SAAS;IAI7D;;;;OAIG;IACH,eAAe,CAAC,KAAK,EAAE,aAAa;IAQpC;;;OAGG;IAEH,SAAS,SAAM;IAEf;;OAEG;IAEH,SAAS,qBAA6B;IAEtC;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,UAAU,SAAM;IAEhB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,WAAW,SAAM;IAEjB;;OAEG;IAEH,SAAS,SAAM;IAEf;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,OAAO,UAAS;IAChB;;OAEG;IAEH,uBAAuB,SAAiC;IAExD;;OAEG;IAEH,IAAI,gBAAwB;IAE5B;;OAEG;IAEH,iBAAiB,SAAM;IAEvB;;OAEG;IAEH,eAAe,SAAM;IAErB;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,IAAI,gBAAyB;IAE7B;;OAEG;IAEH,eAAe,SAAM;IAErB;;OAEG;IAEH,QAAQ,CAAC,KAAK,SAAM;IAEpB;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,QAAQ,SAAM;IAEd;;OAEG;IACH,IAAI,WAAW,IAAI,MAAM,CAExB;IAED,YAAY,CAAC,iBAAiB,KAAA;IA+C9B,OAAO,CAAC,iBAAiB,KAAA;IAwCzB;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAc5B;;OAEG;IACH,OAAO,CAAC,yBAAyB;IA0BjC;;OAEG;IACH,SAAS,KAAK,gBAAgB;;;;MAO7B;IAED;;OAEG;IAEH,SAAS,KAAK,QAAQ,IAAI,GAAG,CAwB5B;IAED,MAAM;IAgJN;;OAEG;IACH,MAAM,CAAC,YAAY,cAA2B;IAE9C;;OAEG;IACH,MAAM,KAAK,uBAAuB,WAEjC;IAED;;OAEG;IACH,MAAM,KAAK,YAAY,WAEtB;IAED;;OAEG;IACH,MAAM,KAAK,oBAAoB,WAE9B;IAED;;;OAGG;IACH,MAAM,KAAK,iBAAiB,WAE3B;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED;;;OAGG;IACH,MAAM,KAAK,iBAAiB,WAE3B;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED;;;;OAIG;IACH,MAAM,KAAK,QAAQ,WAElB;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,CAAC,iBAAiB;;;;;;;MAGtB;IAEF,MAAM,CAAC,MAAM,MAAU;IAEvB;;OAEG;IACH,MAAM,CAAC,SAAS,CAAC,GAAG,EAAE,MAAM;CAY7B;AAED,eAAe,WAAW,CAAC"}
+{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown.ts"],"names":[],"mappings":"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"}

package/es/components/dropdown/dropdown.js

@@ -594,9 +594,9 @@ let CDSDropdown = class CDSDropdown extends ValidityMixin(HostListenerMixin(Form
 	updated(changedProperties) {
 		if (this._hasAILabel) this.setAttribute("ai-label", "");
 		else this.removeAttribute("ai-label");
-		const label = this.shadowRoot?.querySelector("slot[name='ai-label']");
+		const label = this._slotAILabelNode;
 		if (label) label?.classList.toggle(`cds--slug--revert`, this.querySelector(`cds-ai-label`)?.hasAttribute("revert-active"));
-		else this.shadowRoot?.querySelector("slot[name='slug']")?.classList.toggle(`cds--slug--revert`, this.querySelector(`cds-slug`)?.hasAttribute("revert-active"));
+		else this._slotSlugNode?.classList.toggle(`cds--slug--revert`, this.querySelector(`cds-slug`)?.hasAttribute("revert-active"));
 		if (this.autoalign && this.open && (changedProperties.has("open") || changedProperties.has("autoalign") && this.autoalign || changedProperties.has("direction") || changedProperties.has("size"))) this._updateAutoAlignPlacement();
 		else if (changedProperties.has("autoalign") && !this.autoalign || changedProperties.has("open") && !this.open) {
 			this._floatingController.hostDisconnected();
@@ -838,6 +838,8 @@ __decorate([query("#menu-body")], CDSDropdown.prototype, "_menuBodyNode", void 0
 __decorate([query("#trigger-button")], CDSDropdown.prototype, "_triggerButtonNode", void 0);
 __decorate([query("slot[name=\"helper-text\"]")], CDSDropdown.prototype, "_slotHelperTextNode", void 0);
 __decorate([query("slot[name=\"title-text\"]")], CDSDropdown.prototype, "_slotTitleTextNode", void 0);
+__decorate([query("slot[name='ai-label']")], CDSDropdown.prototype, "_slotAILabelNode", void 0);
+__decorate([query("slot[name='slug']")], CDSDropdown.prototype, "_slotSlugNode", void 0);
 __decorate([HostListener("focusout")], CDSDropdown.prototype, "_handleFocusOut", null);
 __decorate([property({
 	type: String,