npm - @carbon/web-components - Versions diffs - 2.33.0 → 2.34.0 - Mend

@carbon/web-components 2.33.0 → 2.34.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2035) hide show

package/es/components/date-picker/date-picker.d.ts CHANGED Viewed

@@ -776,22 +776,22 @@ declare class CDSDatePicker extends CDSDatePicker_base {
      * Controls the disabled state of the input
      */
     disabled: boolean;
-    /**
-     * The localization data.
-     */
-    locale: FlatpickrLocale;
     /**
      * The date range that a user can pick in calendar dropdown.
      */
     enabledRange: string;
     /**
-     * The minimum date that a user can start picking from.
+     * The localization data.
      */
-    minDate: string;
+    locale: FlatpickrLocale;
     /**
      * The maximum date that a user can start picking from.
      */
     maxDate: string;
+    /**
+     * The minimum date that a user can start picking from.
+     */
+    minDate: string;
     /**
      * Name for the input in the `FormData`
      */

package/es/components/date-picker/date-picker.js CHANGED Viewed

@@ -6,7 +6,7 @@
  */
 import { __decorate } from 'tslib';
-import { html, LitElement } from 'lit';
+import { LitElement, html } from 'lit';
 import { query, property } from 'lit/decorators.js';
 import flatpickr from 'flatpickr';
 import { prefix } from '../../globals/settings.js';
@@ -129,12 +129,11 @@ let CDSDatePicker = class CDSDatePicker extends HostListenerMixin(FormMixin(LitE
      * @returns The effective date picker mode, determined by the child `<cds-date-picker-input>`.
      */
     get _mode() {
-        const { selectorInputFrom, selectorInputTo } = this
-            .constructor;
+        const { selectorInputTo } = this.constructor;
         if (this.querySelector(selectorInputTo)) {
             return DATE_PICKER_MODE.RANGE;
         }
-        if (this.querySelector(selectorInputFrom)) {
+        if (this.querySelector(`${prefix}-date-picker-input[kind="single"]`)) {
             return DATE_PICKER_MODE.SINGLE;
         }
         return DATE_PICKER_MODE.SIMPLE;
@@ -316,9 +315,8 @@ let CDSDatePicker = class CDSDatePicker extends HostListenerMixin(FormMixin(LitE
     _instantiateDatePicker() {
         this._releaseDatePicker();
         const { _dateInteractNode: dateInteractNode } = this;
-        // `this._dateInteractNode` won't be there unless there is a slotted `<cds-date-input type="from">`,
-        // which means Flatpickr will never be instantiated in "simple" mode.
-        if (dateInteractNode && dateInteractNode.input) {
+        // do not instantiate Flatpickr in "simple" mode
+        if (dateInteractNode && dateInteractNode.input && this._mode !== 'simple') {
             this.calendar = flatpickr(dateInteractNode.input, this._datePickerOptions);
         }
         const { calendar, disabled, dateFormat, open, readonly, minDate, maxDate, value, } = this;
@@ -398,13 +396,15 @@ let CDSDatePicker = class CDSDatePicker extends HostListenerMixin(FormMixin(LitE
       <a
         class="${prefix}--visually-hidden"
         href="javascript:void 0"
-        role="navigation"></a>
+        role="navigation"
+        tabindex="-1"></a>
       <slot @slotchange="${handleSlotChange}"></slot>
       <div id="floating-menu-container"></div>
       <a
         class="${prefix}--visually-hidden"
         href="javascript:void 0"
-        role="navigation"></a>
+        role="navigation"
+        tabindex="-1"></a>
     `;
     }
     /**
@@ -540,18 +540,18 @@ __decorate([
 __decorate([
     property({ type: Boolean, reflect: true })
 ], CDSDatePicker.prototype, "disabled", void 0);
-__decorate([
-    property({ attribute: false })
-], CDSDatePicker.prototype, "locale", void 0);
 __decorate([
     property({ attribute: 'enabled-range' })
 ], CDSDatePicker.prototype, "enabledRange", void 0);
 __decorate([
-    property({ attribute: 'min-date' })
-], CDSDatePicker.prototype, "minDate", void 0);
+    property({ attribute: false })
+], CDSDatePicker.prototype, "locale", void 0);
 __decorate([
     property({ attribute: 'max-date' })
 ], CDSDatePicker.prototype, "maxDate", void 0);
+__decorate([
+    property({ attribute: 'min-date' })
+], CDSDatePicker.prototype, "minDate", void 0);
 __decorate([
     property()
 ], CDSDatePicker.prototype, "name", void 0);

package/es/components/date-picker/date-picker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"date-picker.js","sources":["../../../src/components/date-picker/date-picker.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}
1	+ {"version":3,"file":"date-picker.js","sources":["../../../src/components/date-picker/date-picker.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2019, 2025\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 flatpickr from 'flatpickr';\nimport { Instance as FlatpickrInstance } from 'flatpickr/dist/types/instance';\nimport { Locale as FlatpickrLocale } from 'flatpickr/dist/types/locale';\nimport {\n Options as FlatpickrOptions,\n Plugin as FlatpickrPlugin,\n} from 'flatpickr/dist/types/options';\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 { getISODateString, parseISODateString } from './iso-date';\nimport CDSDatePickerInput from './date-picker-input';\nimport appendToPlugin from './append-to-plugin';\nimport cssClassPlugin from './css-class-plugin';\nimport fixEventsPlugin from './fix-events-plugin';\nimport focusPlugin from './focus-plugin';\nimport iconPlugin from './icon-plugin';\nimport monthSelectPlugin from './month-select-plugin';\nimport rangePlugin from './range-plugin';\nimport shadowDOMEventPlugin from './shadow-dom-events-plugin';\nimport stateHandshakePlugin from './state-handshake-plugin';\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// Weekdays shorthand for english locale\nflatpickr!.l10ns!.en!.weekdays.shorthand.forEach((_day, index) => {\n const currentDay = flatpickr!.l10ns!.en!.weekdays.shorthand;\n if (currentDay[index] === 'Thu' \|\| currentDay[index] === 'Th') {\n currentDay[index] = 'Th';\n } else {\n currentDay[index] = currentDay[index].charAt(0);\n }\n});\n\n/\n Date picker.\n \n @element cds-date-picker\n * @fires cds-date-picker-changed - The custom event fired on this element when Flatpickr updates its value.\n * @fires cds-date-picker-flatpickr-error\n * The name of the custom event when Flatpickr throws an error.\n /\n@customElement(`${prefix}-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 element to put calendar dropdown in.\n /\n @query('#floating-menu-container')\n private _floatingMenuContainerNode!: HTMLDivElement;\n\n /\n The internal placeholder for the `value` property.\n /\n private _value!: string;\n\n /\n @returns The effective date picker mode, determined by the child `<cds-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 (this.querySelector(`${prefix}-date-picker-input[kind=\"single\"]`)) {\n return DATE_PICKER_MODE.SINGLE;\n }\n return DATE_PICKER_MODE.SIMPLE;\n }\n\n /\n @returns The Flatpickr plugins to use.\n /\n private get _datePickerPlugins(): FlatpickrPlugin[] {\n const {\n classCalendarContainer,\n classMonth,\n classWeekdays,\n classDays,\n classWeekday,\n classDay,\n classNoBorder,\n selectorInputFrom,\n selectorInputTo,\n _selectorFlatpickrMonthYearContainer: selectorFlatpickrMonthYearContainer,\n _selectorFlatpickrYearContainer: selectorFlatpickrYearContainer,\n _selectorFlatpickrCurrentMonth: selectorFlatpickrCurrentMonth,\n _selectorFlatpickrMonth: selectorFlatpickrMonth,\n _selectorFlatpickrWeekdays: selectorFlatpickrWeekdays,\n _selectorFlatpickrDays: selectorFlatpickrDays,\n _selectorFlatpickrWeekday: selectorFlatpickrWeekday,\n _selectorFlatpickrDay: selectorFlatpickrDay,\n _classFlatpickrCurrentMonth: classFlatpickrCurrentMonth,\n _classFlatpickrToday: classFlatpickrToday,\n } = this.constructor as typeof CDSDatePicker;\n const {\n _floatingMenuContainerNode: floatingMenuContainerNode,\n _mode: mode,\n } = this;\n const inputFrom = this.querySelector(selectorInputFrom);\n const inputTo = this.querySelector(selectorInputTo);\n const plugins = [\n appendToPlugin({ appendTo: floatingMenuContainerNode }),\n cssClassPlugin({\n classCalendarContainer,\n classMonth,\n classWeekdays,\n classDays,\n classWeekday,\n classDay,\n classNoBorder,\n selectorFlatpickrMonth,\n selectorFlatpickrWeekdays,\n selectorFlatpickrDays,\n selectorFlatpickrWeekday,\n selectorFlatpickrDay,\n classFlatpickrToday,\n }),\n fixEventsPlugin({\n inputFrom: inputFrom as CDSDatePickerInput,\n inputTo: inputTo as CDSDatePickerInput,\n }),\n focusPlugin({\n inputFrom: inputFrom as CDSDatePickerInput,\n inputTo: inputTo as CDSDatePickerInput,\n }),\n iconPlugin(),\n monthSelectPlugin({\n selectorFlatpickrMonthYearContainer,\n selectorFlatpickrYearContainer,\n selectorFlatpickrCurrentMonth,\n classFlatpickrCurrentMonth,\n }),\n shadowDOMEventPlugin(),\n stateHandshakePlugin(this),\n ];\n if (mode === DATE_PICKER_MODE.RANGE) {\n // Flatpickr runs event handlers of last registered plugins first.\n // Ensures `onValueUpdate` of `rangePlugin` runs first\n // given Flatpickr puts `01/01/1970 to 01/02/1970` to from date\n // where `rangePlugin` overrides it to separate them to from/to dates.\n // We want to ensure our handler of `onValueUpdate` (notably one in `<cds-date-picker-input>`)\n // gets the `<input>` value set by `rangePlugin` instead of Flatpickr core.\n plugins.push(rangePlugin({ input: inputTo as HTMLInputElement }));\n }\n return plugins;\n }\n\n /\n @returns The options to instantiate Flatpickr with.\n /\n private get _datePickerOptions(): FlatpickrOptions {\n const {\n locale = (this.constructor as typeof CDSDatePicker).defaultLocale,\n enabledRange,\n _dateInteractNode: dateInteractNode,\n _datePickerPlugins: plugins,\n _handleFlatpickrError: handleFlatpickrError,\n } = this;\n // We use `<cds-date-picker-input>` to communicate values/events with Flatpickr,\n // but want to use `<input>` in shadow DOM to base the calendar dropdown's position on\n const { input: positionElement } = dateInteractNode!;\n const [minDate = undefined, maxDate = undefined] = !enabledRange\n ? []\n : enabledRange.split('/');\n return {\n allowInput: this.allowInput,\n closeOnSelect: this.closeOnSelect,\n dateFormat:\n this.dateFormat ??\n (this.constructor as typeof CDSDatePicker).defaultDateFormat,\n disableMobile: true,\n errorHandler: handleFlatpickrError,\n locale,\n maxDate,\n minDate,\n positionElement,\n plugins,\n };\n }\n\n /\n Handles `${prefix}-date-picker-changed` event on this element.\n /\n @HostListener('eventChange')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleChange = ({ detail }: CustomEvent) => {\n this._value = detail.selectedDates\n .map((date) => getISODateString(date))\n .join('/');\n };\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 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 = dateInteractNode as CDSDatePickerInput;\n this._instantiateDatePicker();\n }\n }\n\n /\n Fires a custom event to notify an error in Flatpickr.\n /\n private _handleFlatpickrError = (error: Error) => {\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSDatePicker).eventFlatpickrError,\n {\n bubbles: true,\n cancelable: false,\n composed: true,\n detail: {\n error,\n },\n }\n )\n );\n };\n\n /\n Sets calendar options\n * @param property property to set\n * @param calendar calendar object\n /\n private _setCalendar(property, calendar) {\n const { disabled, dateFormat, open, readonly, minDate, maxDate, value } =\n this;\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(selectorInputTo) as CDSDatePickerInput;\n\n if (property === 'dateFormat') {\n calendar.set({ dateFormat });\n }\n if (property === 'date') {\n if (!parseISODateString(minDate)) {\n // Allows empty start/end\n throw new Error(\n `Wrong date format found in \\`minDate\\` property: ${minDate}`\n );\n }\n if (!parseISODateString(maxDate)) {\n // Allows empty start/end\n throw new Error(\n `Wrong date format found in \\`maxDate\\` property: ${maxDate}`\n );\n }\n if (minDate && maxDate && minDate > maxDate) {\n throw new Error(\n `\\`maxDate\\` property, shouldn't be smaller than the \\`minDate\\` property. You have: minDate: ${minDate}, maxDate: ${maxDate}`\n );\n }\n calendar.set({ minDate, maxDate });\n }\n if (property === 'open') {\n if (open && !readonly) {\n calendar.open();\n } else {\n calendar.close();\n }\n }\n if (property === 'disabled') {\n [inputFrom, inputTo].forEach((input) => {\n if (input) {\n input.disabled = disabled;\n input.readonly = readonly;\n }\n });\n }\n if (property === 'value') {\n const dates = value\n .split('/')\n .filter(Boolean)\n .map((item) => parseISODateString(item));\n if (dates.some((item) => isNaN(Number(item)))) {\n throw new Error(\n `Wrong date format found in \\`value\\` property: ${value}`\n );\n }\n const [startDate, endDate] = dates;\n if (startDate && endDate && startDate > endDate) {\n throw new Error(\n `In \\`value\\` property, the end date shouldn't be smaller than the start date. You have: ${value}`\n );\n }\n if (calendar) {\n calendar.setDate(dates);\n [inputFrom, inputTo].forEach((input, i) => {\n if (input) {\n input.value = !dates[i]\n ? ''\n : calendar.formatDate(\n new Date(dates[i]),\n calendar.config.dateFormat\n );\n }\n });\n }\n }\n return calendar;\n }\n\n /\n Instantiates Flatpickr.\n \n @returns The Flatpickr instance.\n /\n private _instantiateDatePicker() {\n this._releaseDatePicker();\n const { _dateInteractNode: dateInteractNode } = this;\n // do not instantiate Flatpickr in \"simple\" mode\n if (dateInteractNode && dateInteractNode.input && this._mode !== 'simple') {\n this.calendar = flatpickr(\n dateInteractNode.input as any,\n this._datePickerOptions\n );\n }\n\n const {\n calendar,\n disabled,\n dateFormat,\n open,\n readonly,\n minDate,\n maxDate,\n value,\n } = this;\n\n if (calendar) {\n if (dateFormat) {\n this._setCalendar('dateFormat', calendar);\n }\n\n if (minDate \|\| maxDate) {\n this._setCalendar('date', calendar);\n }\n\n if (open) {\n this._setCalendar('open', calendar);\n }\n\n if (disabled \|\| readonly) {\n this._setCalendar('disabled', calendar);\n }\n if (value) {\n this._setCalendar('value', calendar);\n }\n }\n return calendar;\n }\n\n /\n Releases Flatpickr instances.\n /\n private _releaseDatePicker() {\n if (this.calendar) {\n this.calendar.destroy();\n this.calendar = null;\n }\n return this.calendar;\n }\n\n /\n The Flatpickr instance.\n /\n calendar: FlatpickrInstance \| null = null;\n\n /\n flatpickr prop passthrough. 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 flatpickr prop passthrough. 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 to let Flatpickr use.\n /\n @property({ attribute: 'date-format' })\n dateFormat!: string;\n\n /\n Controls the disabled state of the input\n /\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /\n The date range that a user can pick in calendar dropdown.\n /\n @property({ attribute: 'enabled-range' })\n enabledRange!: string;\n\n /\n The localization data.\n /\n @property({ attribute: false })\n locale!: FlatpickrLocale;\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 set value(value: string) {\n const { _value: oldValue } = this;\n this._value = value;\n this.requestUpdate('value', oldValue);\n }\n\n connectedCallback() {\n super.connectedCallback();\n this._instantiateDatePicker();\n }\n\n disconnectedCallback() {\n this._releaseDatePicker();\n super.disconnectedCallback();\n }\n\n updated(changedProperties) {\n const { calendar } = this;\n if (calendar) {\n if (changedProperties.has('dateFormat')) {\n this._setCalendar('dateFormat', calendar);\n }\n if (\n changedProperties.has('minDate') \|\|\n changedProperties.has('maxDate')\n ) {\n this._setCalendar('date', calendar);\n }\n\n if (changedProperties.has('open')) {\n this._setCalendar('open', calendar);\n }\n if (\n changedProperties.has('disabled') \|\|\n changedProperties.has('readonly')\n ) {\n this._setCalendar('disabled', calendar);\n }\n if (changedProperties.has('value')) {\n this._setCalendar('value', calendar);\n }\n }\n }\n\n render() {\n const { _handleSlotChange: handleSlotChange } = this;\n return html`\n <a\n class=\"${prefix}--visually-hidden\"\n href=\"javascript:void 0\"\n role=\"navigation\"\n tabindex=\"-1\"></a>\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <div id=\"floating-menu-container\"></div>\n <a\n class=\"${prefix}--visually-hidden\"\n href=\"javascript:void 0\"\n role=\"navigation\"\n tabindex=\"-1\"></a>\n `;\n }\n\n /\n The CSS selector for Flatpickr's month/year portion.\n /\n private static _selectorFlatpickrMonthYearContainer =\n '.flatpickr-current-month';\n\n /\n The CSS selector for Flatpickr's year portion.\n /\n private static _selectorFlatpickrYearContainer = '.numInputWrapper';\n\n /\n The CSS selector for the inner element of Flatpickr's month portion.\n /\n private static _selectorFlatpickrCurrentMonth = '.cur-month';\n\n /\n The CSS selector for Flatpickr's month navigator.\n /\n private static _selectorFlatpickrMonth = '.flatpickr-month';\n\n /\n The CSS selector for Flatpickr's container of the weekdays.\n /\n private static _selectorFlatpickrWeekdays = '.flatpickr-weekdays';\n\n /\n The CSS selector for Flatpickr's container of the days.\n /\n private static _selectorFlatpickrDays = '.flatpickr-days';\n\n /\n The CSS selector applied to Flatpickr's each weekdays.\n /\n private static _selectorFlatpickrWeekday = '.flatpickr-weekday';\n\n /\n The CSS selector applied to Flatpickr's each days.\n /\n private static _selectorFlatpickrDay = '.flatpickr-day';\n\n /\n The CSS class for the inner element of Flatpickr's month portion.\n /\n private static _classFlatpickrCurrentMonth = 'cur-month';\n\n /\n The CSS class applied to Flatpickr's \"today\" highlight.\n /\n private static _classFlatpickrToday = 'today';\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 The default localization data.\n /\n static defaultLocale = flatpickr.l10ns.default;\n\n /\n A selector that will return the `<input>` to enter starting date.\n /\n static get selectorInputFrom() {\n return `${prefix}-date-picker-input,${prefix}-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}-date-picker-input[kind=\"to\"]`;\n }\n\n /\n The name of the custom event when Flatpickr throws an error.\n /\n static get eventFlatpickrError() {\n return `${prefix}-date-picker-flatpickr-error`;\n }\n\n /\n The name of the custom event fired on this element when Flatpickr updates its value.\n */\n static get eventChange() {\n return `${prefix}-date-picker-changed`;\n }\n\n static styles = styles;\n}\n\nexport default CDSDatePicker;\n"],"names":["customElement"],"mappings":"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"}

package/es/components/date-picker/date-picker.scss.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import { css } from 'lit';
-var styles = css(["@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}}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.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)}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{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--fieldset *,.cds--fieldset :after,.cds--fieldset :before{box-sizing:inherit}.cds--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.cds--label{color:var(--cds-text-secondary,#525252);display:inline-block;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds--label html{font-size:100%}.cds--label body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-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 .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.cds--label--no-margin{margin-block-end:0}.cds--label+.cds--tooltip{inset-block-start:.2rem;inset-inline-start:.5rem;position:relative}.cds--label+.cds--tooltip .cds--tooltip__trigger{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;display:flex;font-family:inherit;font-size:100%;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);inline-size:100%;justify-content:center;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);margin:0;padding:0;text-align:start;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: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{background:var(--cds-skeleton-background,#e8e8e8);block-size:.875rem;border:none;box-shadow:none;inline-size:4.6875rem;padding:0;pointer-events:none;position:relative}.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{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;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--label.cds--skeleton:before{animation:none}}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;font-weight:400;max-block-size:12.5rem;overflow:visible}.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;inline-size:100%;margin:0;margin-block-end:0;max-block-size:100%;overflow:visible;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{margin:0;padding:.5rem 2.5rem .5rem 1rem}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement{display:none;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);margin:.25rem 0 0;max-block-size:0;overflow:hidden}.cds--form-requirement html{font-size:100%}.cds--form-requirement body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-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--select--inline .cds--form__helper-text{margin-block-start:0}.cds--form__helper-text{color:var(--cds-text-secondary,#525252);font-size:var(--cds-helper-text-01-font-size,.75rem);inline-size:100%;letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-block-start:.25rem;opacity:1;z-index:0}.cds--form__helper-text--disabled,.cds--label--disabled,fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}@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}}.flatpickr-calendar{animation:none;border:0;border-radius:0;box-sizing:border-box;direction:ltr;inline-size:19.6875rem;max-block-size:0;opacity:0;overflow:hidden;padding:0;position:absolute;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{max-block-size:40rem;opacity:1;overflow:visible;visibility:inherit}.flatpickr-calendar.open{align-items:center;background-color:var(--cds-layer-01,#f4f4f4);block-size:21rem;border:none;box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));display:flex;flex-direction:column;inline-size:18rem;justify-content:center;margin-block-start:-.125rem;overflow:hidden;padding:.25rem .25rem .5rem;z-index:99999}.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{display:block;inset-block-start:auto;position:absolute}.flatpickr-calendar.static{inset-block-start:calc(100% + 2px);position:absolute}.flatpickr-calendar.static.open{display:block;z-index:999}.flatpickr-calendar.hasWeeks{inline-size:auto}.dayContainer{block-size:15.375rem;display:flex;flex-wrap:wrap;justify-content:space-around;outline:0;padding: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;inline-size:100%;justify-content:space-between}.flatpickr-month{align-items:center;background-color:transparent;block-size:2.5rem;color:var(--cds-text-primary,#161616);display:flex;font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572);line-height:1;text-align:center}.flatpickr-next-month,.flatpickr-prev-month{align-items:center;block-size:2.5rem;cursor:pointer;display:flex;justify-content:center;padding:0;z-index:3;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,hsla(0,0%,9%,.25))}.flatpickr-next-month.disabled:hover svg,.flatpickr-prev-month.disabled:hover svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.flatpickr-current-month{align-items:center;block-size:1.75rem;display:flex;font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);justify-content:center;letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572);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{inline-size:3.75rem;position:relative}.numInputWrapper:hover{background-color:var(--cds-background-hover,hsla(0,0%,55%,.12))}.numInputWrapper .numInput{-moz-appearance:textfield;background-color:var(--cds-field-01,#f4f4f4);border:none;color:var(--cds-text-primary,#161616);cursor:default;display:inline-block;font-family:inherit;font-size:inherit;font-weight:600;inline-size:100%;margin:0;padding:.25rem}.numInputWrapper .numInput::-webkit-inner-spin-button,.numInputWrapper .numInput::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.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,hsla(0,0%,9%,.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{block-size:50%;border:none;cursor:pointer;inline-size:.75rem;inset-inline-start:2.6rem;line-height:50%;opacity:0;padding:0 .25rem 0 .125rem;position:absolute}.numInputWrapper .arrowDown:after,.numInputWrapper .arrowUp:after{border-inline-end:.25rem solid transparent;border-inline-start:.25rem solid transparent;content:\"\";display:block;inset-block-start:33%;position:absolute}.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,hsla(0,0%,9%,.25))}.numInput[disabled]~.arrowDown:after{border-block-start-color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.numInputWrapper:hover .arrowDown,.numInputWrapper:hover .arrowUp{opacity:1}.numInputWrapper:hover .numInput[disabled]~.arrowDown,.numInputWrapper:hover .numInput[disabled]~.arrowUp{opacity:0}.flatpickr-weekdays{align-items:center;block-size:2.5rem;display:flex}.flatpickr-weekdaycontainer{display:flex;inline-size:100%}.flatpickr-weekday{color:var(--cds-text-primary,#161616);cursor:default;flex:1;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.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{align-items:center;block-size:2.5rem;color:var(--cds-text-primary,#161616);cursor:pointer;display:flex;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:2.5rem;justify-content:center;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);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-color:var(--cds-button-primary,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.flatpickr-day:focus{outline-style:dotted}}.nextMonthDay,.prevMonthDay{color:var(--cds-text-helper,#6f6f6f)}.flatpickr-day.today{color:var(--cds-link-primary,#0f62fe);font-weight:600;position:relative}.flatpickr-day.today:after{background-color:var(--cds-link-primary,#0f62fe);block-size:.25rem;content:\"\";display:block;inline-size:.25rem;inset-block-end:.4375rem;inset-inline-start:50%;position:absolute;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{box-shadow:none;z-index:2}.flatpickr-day.endRange.inRange,.flatpickr-day.startRange.inRange:not(.selected){background:var(--cds-layer-01,#f4f4f4);outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;z-index:3}@media screen and (prefers-contrast){.flatpickr-day.endRange.inRange,.flatpickr-day.startRange.inRange:not(.selected){outline-style:dotted}}.flatpickr-day.endRange:hover{background:var(--cds-layer-01,#f4f4f4);color:var(--cds-text-primary,#161616);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.inRange.selected{background:var(--cds-button-primary,#0f62fe);color:var(--cds-text-on-color,#fff)}.flatpickr-day.flatpickr-disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.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-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-date-picker)~.cds--label{order:1}.cds--date-picker-container,:host(cds-date-picker-input),:host(cds-date-picker-input-skeleton){display:flex;flex-direction:column;justify-content:space-between;position:relative}.cds--date-picker-container .cds--label,:host(cds-date-picker-input) .cds--label,:host(cds-date-picker-input-skeleton) .cds--label{display:flex}.cds--date-picker-input__wrapper{align-items:center;display:flex}.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-date-picker) .cds--date-picker-input__wrapper--warn~.cds--form-requirement{color:var(--cds-text-primary,#161616)}.cds--date-picker__input{background-color:var(--cds-field);block-size:2.5rem;border:none;border-block-end:1px solid var(--cds-border-strong);box-sizing:border-box;color:var(--cds-text-primary,#161616);display:block;font-family:inherit;font-family:var(--cds-code-02-font-family,\"IBM Plex Mono\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",monospace);font-size:100%;font-size:var(--cds-code-02-font-size,.875rem);font-weight:var(--cds-code-02-font-weight,400);letter-spacing:var(--cds-code-02-letter-spacing,.32px);line-height:var(--cds-code-02-line-height,1.42857);margin:0;outline:2px solid transparent;outline-offset:-2px;padding:0 1rem;position:relative;transition:all 70ms cubic-bezier(.2,0,.38,.9);vertical-align:baseline}.cds--date-picker__input *,.cds--date-picker__input :after,.cds--date-picker__input :before{box-sizing:inherit}.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,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--date-picker__input:disabled::-moz-placeholder{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--date-picker__input:disabled::placeholder{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--date-picker__input:disabled:hover{border-block-end:1px solid transparent}.cds--date-picker__input::-moz-placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds--date-picker__input::placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.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-date-picker-input) .cds--date-picker__icon{position:absolute;z-index:1;fill:var(--cds-icon-primary,#161616);inset-block-start:50%;inset-inline-end:1rem;pointer-events:none;transform:translateY(-50%)}.cds--date-picker__icon--invalid,.cds--date-picker__icon--warn,:host(cds-date-picker-input) .cds--date-picker__icon--invalid,:host(cds-date-picker-input) .cds--date-picker__icon--warn{cursor:auto}.cds--date-picker__icon--warn,:host(cds-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-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,hsla(0,0%,9%,.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-date-picker-input),.cds--date-picker--range :host(cds-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{inset-block-start:50%;inset-inline-end:2.5rem;position:absolute;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,hsla(0,0%,9%,.25))}.cds--date-picker.cds--skeleton input,.cds--date-picker__input.cds--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;inline-size:100%;padding:0;pointer-events:none;position:relative}.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{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;position:absolute;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}}.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{background:var(--cds-skeleton-background,#e8e8e8);block-size:.875rem;border:none;box-shadow:none;inline-size:4.6875rem;padding:0;pointer-events:none;position:relative}.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{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;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--date-picker.cds--skeleton .cds--label:before{animation:none}}:host(cds-date-picker) #floating-menu-container{inline-size:100%;position:absolute}:host(cds-date-picker) .cds--date-picker__calendar.open{margin-block-start:0}:host(cds-date-picker) .flatpickr-next-month svg,:host(cds-date-picker) .flatpickr-prev-month svg{transform:rotate(0)}:host(cds-date-picker) .cds--date-picker__day.flatpickr-disabled,:host(cds-date-picker) .flatpickr-day.flatpickr-disabled{color:var(--cds-layer-selected-inverse,#161616);cursor:not-allowed;opacity:.5}:host(cds-date-picker) .cds--date-picker__day.flatpickr-disabled:hover,:host(cds-date-picker) .flatpickr-day.flatpickr-disabled:hover{background:transparent}:host(cds-date-picker) .flatpickr-next-month.flatpickr-disabled svg,:host(cds-date-picker) .flatpickr-prev-month.flatpickr-disabled svg{cursor:not-allowed;fill:var(--cds-layer-selected-inverse,#161616);opacity:.5}:host(cds-date-picker) .flatpickr-next-month.flatpickr-disabled:hover svg,:host(cds-date-picker) .flatpickr-prev-month.flatpickr-disabled:hover svg{fill:var(--cds-layer-selected-inverse,#161616)}:host(cds-date-picker-input),:host(cds-date-picker-input-skeleton){outline:none}:host(cds-date-picker-input) .cds--form-requirement[hidden],:host(cds-date-picker-input-skeleton) .cds--form-requirement[hidden]{display:none}:host(cds-date-picker-input[warn]) .cds--form-requirement{color:var(--cds-text-primary,#161616)}:host(cds-date-picker-input-skeleton[kind=simple]) .cds--date-picker__input,:host(cds-date-picker-input[kind=simple]) .cds--date-picker__input{inline-size:7.5rem}:host(cds-date-picker-input-skeleton[kind=simple]) .cds--date-picker__input--invalid,:host(cds-date-picker-input-skeleton[kind=simple]) .cds--date-picker__input--warn,:host(cds-date-picker-input[kind=simple]) .cds--date-picker__input--invalid,:host(cds-date-picker-input[kind=simple]) .cds--date-picker__input--warn{inline-size:9.5rem}:host(cds-date-picker-input-skeleton[kind=simple][short]) .cds--date-picker__input,:host(cds-date-picker-input[kind=simple][short]) .cds--date-picker__input{inline-size:5.625rem}:host(cds-date-picker-input-skeleton[kind=single]),:host(cds-date-picker-input[kind=single]){max-inline-size:18rem}:host(cds-date-picker-input-skeleton[kind=single]) .cds--date-picker__input,:host(cds-date-picker-input[kind=single]) .cds--date-picker__input{inline-size:18rem}:host(cds-date-picker-input-skeleton[kind=from]),:host(cds-date-picker-input[kind=from]){margin-inline-end:.0625rem}:host(cds-date-picker-input-skeleton[kind=from]),:host(cds-date-picker-input-skeleton[kind=to]),:host(cds-date-picker-input[kind=from]),:host(cds-date-picker-input[kind=to]){inline-size:8.96875rem}:host(cds-date-picker-input-skeleton[kind=from]) .cds--date-picker__input,:host(cds-date-picker-input-skeleton[kind=to]) .cds--date-picker__input,:host(cds-date-picker-input[kind=from]) .cds--date-picker__input,:host(cds-date-picker-input[kind=to]) .cds--date-picker__input{inline-size:8.96875rem}:host(cds-date-picker-input) ::slotted(cds-ai-label),:host(cds-date-picker-input) ::slotted(cds-slug){inset-block-start:50%;inset-inline-end:2.5rem;position:absolute}:host(cds-date-picker-input) ::slotted(cds-ai-label:not([revert-active])),:host(cds-date-picker-input) ::slotted(cds-slug:not([revert-active])){transform:translateY(-50%)}:host(cds-date-picker-input-skeleton){display:inline-block}:host(cds-date-picker-input-skeleton) .cds--label{background:var(--cds-skeleton-background,#e8e8e8);block-size:.875rem;border:none;box-shadow:none;inline-size:4.6875rem;padding:0;pointer-events:none;position:relative}:host(cds-date-picker-input-skeleton) .cds--label:active,:host(cds-date-picker-input-skeleton) .cds--label:focus,:host(cds-date-picker-input-skeleton) .cds--label:hover{border:none;cursor:default;outline:none}:host(cds-date-picker-input-skeleton) .cds--label:before{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;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){:host(cds-date-picker-input-skeleton) .cds--label:before{animation:none}}"]);
+var styles = css(["@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}}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.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)}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{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--fieldset *,.cds--fieldset :after,.cds--fieldset :before{box-sizing:inherit}.cds--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.cds--label{color:var(--cds-text-secondary,#525252);display:inline-block;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds--label html{font-size:100%}.cds--label body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-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 .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.cds--label--no-margin{margin-block-end:0}.cds--label+.cds--tooltip{inset-block-start:.2rem;inset-inline-start:.5rem;position:relative}.cds--label+.cds--tooltip .cds--tooltip__trigger{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;display:flex;font-family:inherit;font-size:100%;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);inline-size:100%;justify-content:center;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);margin:0;padding:0;text-align:start;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: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{background:var(--cds-skeleton-background,#e8e8e8);block-size:.875rem;border:none;box-shadow:none;inline-size:4.6875rem;padding:0;pointer-events:none;position:relative}.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{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;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--label.cds--skeleton:before{animation:none}}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;font-weight:400;max-block-size:12.5rem;overflow:visible}.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;inline-size:100%;margin:0;margin-block-end:0;max-block-size:100%;overflow:visible;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{margin:0;padding:.5rem 2.5rem .5rem 1rem}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement{display:none;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);margin:.25rem 0 0;max-block-size:0;overflow:hidden}.cds--form-requirement html{font-size:100%}.cds--form-requirement body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-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--select--inline .cds--form__helper-text{margin-block-start:0}.cds--form__helper-text{color:var(--cds-text-secondary,#525252);font-size:var(--cds-helper-text-01-font-size,.75rem);inline-size:100%;letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-block-start:.25rem;opacity:1;z-index:0}.cds--form__helper-text--disabled,.cds--label--disabled,fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}@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}}.flatpickr-calendar{animation:none;border:0;border-radius:0;box-sizing:border-box;direction:ltr;inline-size:19.6875rem;max-block-size:0;opacity:0;overflow:hidden;padding:0;position:absolute;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{max-block-size:40rem;opacity:1;overflow:visible;visibility:inherit}.flatpickr-calendar.open{align-items:center;background-color:var(--cds-layer-01,#f4f4f4);block-size:21rem;border:none;box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));display:flex;flex-direction:column;inline-size:18rem;justify-content:center;margin-block-start:-.125rem;overflow:hidden;padding:.25rem .25rem .5rem;z-index:99999}.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{display:block;inset-block-start:auto;position:absolute}.flatpickr-calendar.static{inset-block-start:calc(100% + 2px);position:absolute}.flatpickr-calendar.static.open{display:block;z-index:999}.flatpickr-calendar.hasWeeks{inline-size:auto}.dayContainer{block-size:15.375rem;display:flex;flex-wrap:wrap;justify-content:space-around;outline:0;padding: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;inline-size:100%;justify-content:space-between}.flatpickr-month{align-items:center;background-color:transparent;block-size:2.5rem;color:var(--cds-text-primary,#161616);display:flex;font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572);line-height:1;text-align:center}.flatpickr-next-month,.flatpickr-prev-month{align-items:center;block-size:2.5rem;cursor:pointer;display:flex;justify-content:center;padding:0;z-index:3;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,hsla(0,0%,9%,.25))}.flatpickr-next-month.disabled:hover svg,.flatpickr-prev-month.disabled:hover svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.flatpickr-current-month{align-items:center;block-size:1.75rem;display:flex;font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);justify-content:center;letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572);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{inline-size:3.75rem;position:relative}.numInputWrapper:hover{background-color:var(--cds-background-hover,hsla(0,0%,55%,.12))}.numInputWrapper .numInput{-moz-appearance:textfield;background-color:var(--cds-field-01,#f4f4f4);border:none;color:var(--cds-text-primary,#161616);cursor:default;display:inline-block;font-family:inherit;font-size:inherit;font-weight:600;inline-size:100%;margin:0;padding:.25rem}.numInputWrapper .numInput::-webkit-inner-spin-button,.numInputWrapper .numInput::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.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,hsla(0,0%,9%,.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{block-size:50%;border:none;cursor:pointer;inline-size:.75rem;inset-inline-start:2.6rem;line-height:50%;opacity:0;padding:0 .25rem 0 .125rem;position:absolute}.numInputWrapper .arrowDown:after,.numInputWrapper .arrowUp:after{border-inline-end:.25rem solid transparent;border-inline-start:.25rem solid transparent;content:\"\";display:block;inset-block-start:33%;position:absolute}.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,hsla(0,0%,9%,.25))}.numInput[disabled]~.arrowDown:after{border-block-start-color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.numInputWrapper:hover .arrowDown,.numInputWrapper:hover .arrowUp{opacity:1}.numInputWrapper:hover .numInput[disabled]~.arrowDown,.numInputWrapper:hover .numInput[disabled]~.arrowUp{opacity:0}.flatpickr-weekdays{align-items:center;block-size:2.5rem;display:flex}.flatpickr-weekdaycontainer{display:flex;inline-size:100%}.flatpickr-weekday{color:var(--cds-text-primary,#161616);cursor:default;flex:1;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.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{align-items:center;block-size:2.5rem;color:var(--cds-text-primary,#161616);cursor:pointer;display:flex;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:2.5rem;justify-content:center;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);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-color:var(--cds-button-primary,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.flatpickr-day:focus{outline-style:dotted}}.nextMonthDay,.prevMonthDay{color:var(--cds-text-helper,#6f6f6f)}.flatpickr-day.today{color:var(--cds-link-primary,#0f62fe);font-weight:600;position:relative}.flatpickr-day.today:after{background-color:var(--cds-link-primary,#0f62fe);block-size:.25rem;content:\"\";display:block;inline-size:.25rem;inset-block-end:.4375rem;inset-inline-start:50%;position:absolute;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{box-shadow:none;z-index:2}.flatpickr-day.endRange.inRange,.flatpickr-day.startRange.inRange:not(.selected){background:var(--cds-layer-01,#f4f4f4);outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;z-index:3}@media screen and (prefers-contrast){.flatpickr-day.endRange.inRange,.flatpickr-day.startRange.inRange:not(.selected){outline-style:dotted}}.flatpickr-day.endRange:hover{background:var(--cds-layer-01,#f4f4f4);color:var(--cds-text-primary,#161616);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.inRange.selected{background:var(--cds-button-primary,#0f62fe);color:var(--cds-text-on-color,#fff)}.flatpickr-day.flatpickr-disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.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-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-date-picker)~.cds--label{order:1}.cds--date-picker-container,:host(cds-date-picker-input),:host(cds-date-picker-input-skeleton){display:flex;flex-direction:column;justify-content:space-between;position:relative}.cds--date-picker-container .cds--label,:host(cds-date-picker-input) .cds--label,:host(cds-date-picker-input-skeleton) .cds--label{display:flex}.cds--date-picker-input__wrapper{align-items:center;display:flex}.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-date-picker) .cds--date-picker-input__wrapper--warn~.cds--form-requirement{color:var(--cds-text-primary,#161616)}.cds--date-picker__input{background-color:var(--cds-field);block-size:2.5rem;border:none;border-block-end:1px solid var(--cds-border-strong);box-sizing:border-box;color:var(--cds-text-primary,#161616);display:block;font-family:inherit;font-family:var(--cds-code-02-font-family,\"IBM Plex Mono\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",monospace);font-size:100%;font-size:var(--cds-code-02-font-size,.875rem);font-weight:var(--cds-code-02-font-weight,400);letter-spacing:var(--cds-code-02-letter-spacing,.32px);line-height:var(--cds-code-02-line-height,1.42857);margin:0;outline:2px solid transparent;outline-offset:-2px;padding:0 1rem;position:relative;transition:all 70ms cubic-bezier(.2,0,.38,.9);vertical-align:baseline}.cds--date-picker__input *,.cds--date-picker__input :after,.cds--date-picker__input :before{box-sizing:inherit}.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,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--date-picker__input:disabled::-moz-placeholder{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--date-picker__input:disabled::placeholder{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--date-picker__input:disabled:hover{border-block-end:1px solid transparent}.cds--date-picker__input::-moz-placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds--date-picker__input::placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.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-date-picker-input) .cds--date-picker__icon{position:absolute;z-index:1;fill:var(--cds-icon-primary,#161616);inset-block-start:50%;inset-inline-end:1rem;pointer-events:none;transform:translateY(-50%)}.cds--date-picker__icon--invalid,.cds--date-picker__icon--warn,:host(cds-date-picker-input) .cds--date-picker__icon--invalid,:host(cds-date-picker-input) .cds--date-picker__icon--warn{cursor:auto}.cds--date-picker__icon--warn,:host(cds-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-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,hsla(0,0%,9%,.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-date-picker-input),.cds--date-picker--range :host(cds-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{inset-block-start:50%;inset-inline-end:2.5rem;position:absolute;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,hsla(0,0%,9%,.25))}.cds--date-picker.cds--skeleton input,.cds--date-picker__input.cds--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;inline-size:100%;padding:0;pointer-events:none;position:relative}.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{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;position:absolute;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}}.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{background:var(--cds-skeleton-background,#e8e8e8);block-size:.875rem;border:none;box-shadow:none;inline-size:4.6875rem;padding:0;pointer-events:none;position:relative}.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{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;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--date-picker.cds--skeleton .cds--label:before{animation:none}}:host(cds-date-picker) #floating-menu-container{inline-size:100%;position:absolute}:host(cds-date-picker) .cds--date-picker__calendar.open{margin-block-start:0}:host(cds-date-picker) .flatpickr-next-month svg,:host(cds-date-picker) .flatpickr-prev-month svg{transform:rotate(0)}:host(cds-date-picker) .cds--date-picker__day.flatpickr-disabled,:host(cds-date-picker) .flatpickr-day.flatpickr-disabled{color:var(--cds-layer-selected-inverse,#161616);cursor:not-allowed;opacity:.5}:host(cds-date-picker) .cds--date-picker__day.flatpickr-disabled:hover,:host(cds-date-picker) .flatpickr-day.flatpickr-disabled:hover{background:transparent}:host(cds-date-picker) .flatpickr-next-month.flatpickr-disabled svg,:host(cds-date-picker) .flatpickr-prev-month.flatpickr-disabled svg{cursor:not-allowed;fill:var(--cds-layer-selected-inverse,#161616);opacity:.5}:host(cds-date-picker) .flatpickr-next-month.flatpickr-disabled:hover svg,:host(cds-date-picker) .flatpickr-prev-month.flatpickr-disabled:hover svg{fill:var(--cds-layer-selected-inverse,#161616)}:host(cds-date-picker-input),:host(cds-date-picker-input-skeleton){outline:none}:host(cds-date-picker-input) .cds--form-requirement[hidden],:host(cds-date-picker-input-skeleton) .cds--form-requirement[hidden]{display:none}:host(cds-date-picker-input[warn]) .cds--form-requirement{color:var(--cds-text-primary,#161616)}:host(cds-date-picker-input-skeleton[kind=simple]) .cds--date-picker__input,:host(cds-date-picker-input[kind=simple]) .cds--date-picker__input{inline-size:7.5rem}:host(cds-date-picker-input-skeleton[kind=simple]) .cds--date-picker__input--invalid,:host(cds-date-picker-input-skeleton[kind=simple]) .cds--date-picker__input--warn,:host(cds-date-picker-input[kind=simple]) .cds--date-picker__input--invalid,:host(cds-date-picker-input[kind=simple]) .cds--date-picker__input--warn{inline-size:9.5rem}:host(cds-date-picker-input-skeleton[kind=simple][short]) .cds--date-picker__input,:host(cds-date-picker-input[kind=simple][short]) .cds--date-picker__input{inline-size:5.625rem}:host(cds-date-picker-input-skeleton[kind=single]),:host(cds-date-picker-input[kind=single]){max-inline-size:18rem}:host(cds-date-picker-input-skeleton[kind=single]) .cds--date-picker__input,:host(cds-date-picker-input[kind=single]) .cds--date-picker__input{inline-size:18rem}:host(cds-date-picker-input-skeleton[kind=from]),:host(cds-date-picker-input[kind=from]){margin-inline-end:.0625rem}:host(cds-date-picker-input-skeleton[kind=from]),:host(cds-date-picker-input-skeleton[kind=to]),:host(cds-date-picker-input[kind=from]),:host(cds-date-picker-input[kind=to]){inline-size:8.96875rem}:host(cds-date-picker-input-skeleton[kind=from]) .cds--date-picker__input,:host(cds-date-picker-input-skeleton[kind=to]) .cds--date-picker__input,:host(cds-date-picker-input[kind=from]) .cds--date-picker__input,:host(cds-date-picker-input[kind=to]) .cds--date-picker__input{inline-size:8.96875rem}:host(cds-date-picker-input) ::slotted(cds-ai-label),:host(cds-date-picker-input) ::slotted(cds-slug){inset-block-start:50%;inset-inline-end:2.5rem;position:absolute}:host(cds-date-picker-input) ::slotted(cds-ai-label:not([revert-active])),:host(cds-date-picker-input) ::slotted(cds-slug:not([revert-active])){transform:translateY(-50%)}:host(cds-date-picker-input-skeleton){display:inline-block}:host(cds-date-picker-input-skeleton) .cds--label{background:var(--cds-skeleton-background,#e8e8e8);block-size:.875rem;border:none;box-shadow:none;inline-size:4.6875rem;padding:0;pointer-events:none;position:relative}:host(cds-date-picker-input-skeleton) .cds--label:active,:host(cds-date-picker-input-skeleton) .cds--label:focus,:host(cds-date-picker-input-skeleton) .cds--label:hover{border:none;cursor:default;outline:none}:host(cds-date-picker-input-skeleton) .cds--label:before{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;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){:host(cds-date-picker-input-skeleton) .cds--label:before{animation:none}}:host(cds-date-picker-input-skeleton) .cds--date-picker-input-skeleton-container{display:inline-block}:host(cds-date-picker-input-skeleton[range]) .cds--date-picker-input-skeleton-container{inline-size:8.96875rem}:host(cds-date-picker-input-skeleton[range]) .cds--date-picker-input-skeleton-container .cds--date-picker__input{inline-size:8.96875rem}:host(cds-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)}"]);
 export { styles as default };
 //# sourceMappingURL=date-picker.scss.js.map

package/es/components/date-picker/defs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"defs.js","sources":["../../../src/components/date-picker/defs.ts"],"sourcesContent":[~~null~~],"names":[],"mappings":";;;;;;;;;AAAA;;;;;AAKG;AAIH;;AAEG;IACS~~,uBAoBX~~;~~AApBD~~,CAAA,UAAY,sBAAsB,EAAA;AAChC;;AAEG;AACH,IAAA,sBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB~~,CAAA~~;AAEjB;;AAEG;AACH,IAAA,sBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB~~,CAAA~~;AAEjB;;AAEG;AACH,IAAA,sBAAA,CAAA,MAAA,CAAA,GAAA,MAAa~~,CAAA~~;AAEb;;AAEG;AACH,IAAA,sBAAA,CAAA,IAAA,CAAA,GAAA,IAAS~~,CAAA~~;AACX,CAAC,EApBW,sBAAsB,KAAtB,sBAAsB,GAoBjC,EAAA,CAAA,CAAA;;;;"}
1	+ {"version":3,"file":"defs.js","sources":["../../../src/components/date-picker/defs.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2020, 2022, 2023\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\nexport { FORM_ELEMENT_COLOR_SCHEME as DATE_PICKER_INPUT_COLOR_SCHEME } from '../../globals/shared-enums';\n\n/\n Date picker input kinds.\n /\nexport enum DATE_PICKER_INPUT_KIND {\n /\n One for simple variant of date picker, comes without the calendar dropdown.\n /\n SIMPLE = 'simple',\n\n /\n One for single variant of date picker.\n /\n SINGLE = 'single',\n\n /\n One for the start date for the range variant.\n /\n FROM = 'from',\n\n /\n One for the end date for the range variant.\n */\n TO = 'to',\n}\n"],"names":[],"mappings":";;;;;;;;;AAAA;;;;;AAKG;AAIH;;AAEG;IACS;AAAZ,CAAA,UAAY,sBAAsB,EAAA;AAChC;;AAEG;AACH,IAAA,sBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AAEjB;;AAEG;AACH,IAAA,sBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AAEjB;;AAEG;AACH,IAAA,sBAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AAEb;;AAEG;AACH,IAAA,sBAAA,CAAA,IAAA,CAAA,GAAA,IAAS;AACX,CAAC,EApBW,sBAAsB,KAAtB,sBAAsB,GAoBjC,EAAA,CAAA,CAAA;;;;"}

package/es/components/date-picker/fix-events-plugin.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"fix-events-plugin.js","sources":["../../../src/components/date-picker/fix-events-plugin.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;AAAA;;;;;AAKG;AAuCH;;;AAGG;AACH,sBAAe,CAAC,MAAuC,KACrD,CAAC,EAA4C,KAAI;AAC/C;;AAEG;AACH,IAAA,MAAM,aAAa,GAAG,CAAC,KAAoB,KAAI;AAC7C,QAAA,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,MAAM~~,CAAC~~;~~AACtC~~,QAAA,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,KAAK~~,CAAC~~;~~QAC9B~~,IAAI,SAAS,KAAK,MAAM,IAAI,OAAO,KAAK,MAAM,EAAE;YAC9C,QAAQ,GAAG;AACT,gBAAA,KAAK,OAAO;;;oBAGV,EAAE,CAAC,OAAO,CACR,CAAC,SAAS,CAAC,KAAM,GAAG,OAAO,IAAI,OAAO,CAAC,KAAK,EAAG,EAC/C,IAAI,EACJ,EAAE,CAAC,MAAM,CAAC,UAAU,CACrB~~,CAAC~~;~~oBACF~~,KAAK,CAAC,eAAe,EAAE~~,CAAC~~;~~oBACxB,MAAM~~;~~AACR~~,gBAAA,KAAK,WAAW~~,CAAC~~;~~AACjB~~,gBAAA,KAAK,MAAM~~,CAAC~~;~~AACZ~~,gBAAA,KAAK,YAAY~~,CAAC~~;~~AAClB~~,gBAAA,KAAK,OAAO;;;;oBAIV,KAAK,CAAC,eAAe,EAAE~~,CAAC~~;~~oBACxB~~,~~MAAM;aAGT;SACF;AACH,~~KAAC~~,CAAC~~;~~AAEF~~;;AAEG;IACH,MAAM,OAAO,GAAG,MAAK;AACnB,QAAA,IAAI,EAAE,CAAC,yCAAyC,EAAE;AAChD,YAAA,EAAE,CAAC,yCAAyC;AAC1C,gBAAA,EAAE,CAAC,yCAAyC,CAAC,OAAO,EAAE,~~CAAC;SAC1D;AACD,~~QAAA,IAAI,EAAE,CAAC,2CAA2C,EAAE;AAClD,YAAA,EAAE,CAAC,2CAA2C;AAC5C,gBAAA,EAAE,CAAC,2CAA2C,CAAC,OAAO,EAAE,~~CAAC;SAC5D;AACH,~~KAAC~~,CAAC~~;~~AAEF~~;;AAEG;IACH,MAAM,IAAI,GAAG,MAAK;AAChB,QAAA,OAAO,EAAE~~,CAAC~~;~~AACV~~,QAAA,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,MAAM~~,CAAC~~;~~AACtC~~,QAAA,EAAE,CAAC,2CAA2C,GAAG,EAAE,CACjD,SAAS,EACT,SAAS,EACT,aAAa,EACb,IAAI,CACL~~,CAAC~~;~~QACF~~,IAAI,OAAO,EAAE;AACX,YAAA,EAAE,CAAC,yCAAyC,GAAG,EAAE,CAC/C,OAAO,EACP,SAAS,EACT,aAAa,EACb,IAAI,CACL,~~CAAC;SACH;AACH,~~KAAC~~,CAAC~~;~~AAEF~~;;AAEG;IACH,MAAM,QAAQ,GAAG,MAAK;AACpB,QAAA,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,gCAAgC,CAAC~~,CAAC~~;~~AAC1D~~,KAAC~~,CAAC~~;~~IAEF~~,OAAO;AACL,QAAA,OAAO,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAC;QACzB,SAAS,EAAE,CAAC,OAAO,CAAC;KACrB~~,CAAC~~;~~AACJ~~,CAAC;;;;"}
1	+ {"version":3,"file":"fix-events-plugin.js","sources":["../../../src/components/date-picker/fix-events-plugin.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2019, 2023\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 { Instance as FlatpickrInstance } from 'flatpickr/dist/types/instance';\nimport { Plugin } from 'flatpickr/dist/types/options';\nimport on from '../../globals/mixins/on';\nimport Handle from '../../globals/internal/handle';\nimport CDSDatePickerInput from './date-picker-input';\n\n/\n The configuration for the Flatpickr plugin to fix Flatpickr's behavior of certain events.\n /\nexport interface DatePickerFixEventsPluginConfig {\n /\n The input box to enter starting date.\n /\n inputFrom: CDSDatePickerInput;\n\n /\n The input box to enter end date.\n /\n inputTo?: CDSDatePickerInput;\n}\n\n/\n `FlatpickrInstance` with additional properties used for `carbonFlatpickrFixEventsPlugin`.\n /\nexport interface ExtendedFlatpickrInstanceFixEventsPlugin\n extends FlatpickrInstance {\n /\n The handle for `keydown` event handler in the `<input>` for the starting date.\n /\n _hCDSCEDatePickerFixEventsPluginKeydownFrom?: Handle \| null;\n\n /\n The handle for `keydown` event handler in the `<input>` for the end date.\n /\n _hCDSCEDatePickerFixEventsPluginKeydownTo?: Handle \| null;\n}\n\n/\n @param config Plugin configuration.\n * @returns A Flatpickr plugin to fix Flatpickr's behavior of certain events.\n /\nexport default (config: DatePickerFixEventsPluginConfig): Plugin =>\n (fp: ExtendedFlatpickrInstanceFixEventsPlugin) => {\n /\n Handles `keydown` event.\n /\n const handleKeydown = (event: KeyboardEvent) => {\n const { inputFrom, inputTo } = config;\n const { key, target } = event;\n if (inputFrom === target \|\| inputTo === target) {\n switch (key) {\n case 'Enter':\n // Makes sure the hitting enter key picks up pending values of both `<input>`\n // Workaround for: https://github.com/flatpickr/flatpickr/issues/1942\n fp.setDate(\n [inputFrom.value!, (inputTo && inputTo.value)!],\n true,\n fp.config.dateFormat\n );\n event.stopPropagation();\n break;\n case 'ArrowLeft':\n case 'Left':\n case 'ArrowRight':\n case 'Right':\n // Prevents Flatpickr code from canceling the event if left/right arrow keys are hit on `<input>`,\n // so user can move the keyboard cursor for editing dates\n // Workaround for: https://github.com/flatpickr/flatpickr/issues/1943\n event.stopPropagation();\n break;\n default:\n break;\n }\n }\n };\n\n /\n Releases event listeners used in this Flatpickr plugin.\n /\n const release = () => {\n if (fp._hCDSCEDatePickerFixEventsPluginKeydownTo) {\n fp._hCDSCEDatePickerFixEventsPluginKeydownTo =\n fp._hCDSCEDatePickerFixEventsPluginKeydownTo.release();\n }\n if (fp._hCDSCEDatePickerFixEventsPluginKeydownFrom) {\n fp._hCDSCEDatePickerFixEventsPluginKeydownFrom =\n fp._hCDSCEDatePickerFixEventsPluginKeydownFrom.release();\n }\n };\n\n /\n Sets up event listeners used for this Flatpickr plugin.\n /\n const init = () => {\n release();\n const { inputFrom, inputTo } = config;\n fp._hCDSCEDatePickerFixEventsPluginKeydownFrom = on(\n inputFrom,\n 'keydown',\n handleKeydown,\n true\n );\n if (inputTo) {\n fp._hCDSCEDatePickerFixEventsPluginKeydownTo = on(\n inputTo,\n 'keydown',\n handleKeydown,\n true\n );\n }\n };\n\n /\n Registers this Flatpickr plugin.\n */\n const register = () => {\n fp.loadedPlugins.push('carbonFlatpickrFixEventsPlugin');\n };\n\n return {\n onReady: [register, init],\n onDestroy: [release],\n };\n };\n"],"names":[],"mappings":";;;;;;;;;AAAA;;;;;AAKG;AAuCH;;;AAGG;AACH,sBAAe,CAAC,MAAuC,KACrD,CAAC,EAA4C,KAAI;AAC/C;;AAEG;AACH,IAAA,MAAM,aAAa,GAAG,CAAC,KAAoB,KAAI;AAC7C,QAAA,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,MAAM;AACrC,QAAA,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,KAAK;QAC7B,IAAI,SAAS,KAAK,MAAM,IAAI,OAAO,KAAK,MAAM,EAAE;YAC9C,QAAQ,GAAG;AACT,gBAAA,KAAK,OAAO;;;oBAGV,EAAE,CAAC,OAAO,CACR,CAAC,SAAS,CAAC,KAAM,GAAG,OAAO,IAAI,OAAO,CAAC,KAAK,EAAG,EAC/C,IAAI,EACJ,EAAE,CAAC,MAAM,CAAC,UAAU,CACrB;oBACD,KAAK,CAAC,eAAe,EAAE;oBACvB;AACF,gBAAA,KAAK,WAAW;AAChB,gBAAA,KAAK,MAAM;AACX,gBAAA,KAAK,YAAY;AACjB,gBAAA,KAAK,OAAO;;;;oBAIV,KAAK,CAAC,eAAe,EAAE;oBACvB;;;AAKR,KAAC;AAED;;AAEG;IACH,MAAM,OAAO,GAAG,MAAK;AACnB,QAAA,IAAI,EAAE,CAAC,yCAAyC,EAAE;AAChD,YAAA,EAAE,CAAC,yCAAyC;AAC1C,gBAAA,EAAE,CAAC,yCAAyC,CAAC,OAAO,EAAE;;AAE1D,QAAA,IAAI,EAAE,CAAC,2CAA2C,EAAE;AAClD,YAAA,EAAE,CAAC,2CAA2C;AAC5C,gBAAA,EAAE,CAAC,2CAA2C,CAAC,OAAO,EAAE;;AAE9D,KAAC;AAED;;AAEG;IACH,MAAM,IAAI,GAAG,MAAK;AAChB,QAAA,OAAO,EAAE;AACT,QAAA,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,MAAM;AACrC,QAAA,EAAE,CAAC,2CAA2C,GAAG,EAAE,CACjD,SAAS,EACT,SAAS,EACT,aAAa,EACb,IAAI,CACL;QACD,IAAI,OAAO,EAAE;AACX,YAAA,EAAE,CAAC,yCAAyC,GAAG,EAAE,CAC/C,OAAO,EACP,SAAS,EACT,aAAa,EACb,IAAI,CACL;;AAEL,KAAC;AAED;;AAEG;IACH,MAAM,QAAQ,GAAG,MAAK;AACpB,QAAA,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,gCAAgC,CAAC;AACzD,KAAC;IAED,OAAO;AACL,QAAA,OAAO,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAC;QACzB,SAAS,EAAE,CAAC,OAAO,CAAC;KACrB;AACH,CAAC;;;;"}

package/es/components/date-picker/focus-plugin.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2019, 2024
+ * Copyright IBM Corp. 2019, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -48,7 +48,7 @@ export interface ExtendedFlatpickrInstanceFocusPlugin extends FlatpickrInstance
     /**
      * Lastly focused `<input>` for starting/end date.
      */
-    _lastFocusInput?: HTMLInputElement;
+    _lastFocusInput?: CDSDatePickerInput;
 }
 /**
  * @param config Plugin configuration.

package/es/components/date-picker/focus-plugin.js CHANGED Viewed

@@ -6,9 +6,10 @@
  */
 import on from '../../globals/mixins/on.js';
+import CDSDatePickerInput from './date-picker-input.js';
 /**
- * Copyright IBM Corp. 2019, 2024
+ * Copyright IBM Corp. 2019, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -26,50 +27,46 @@ var focusPlugin = (config) => (fp) => {
         (selectedDateElem || todayDateElem || calendarContainer).focus();
     };
     /**
-     * Handles `blur` event to move the focus back to the `<input>`.
+     * Handles `keydown` event for date picker input field
      */
-    const handleBlur = ({ target, relatedTarget }) => {
-        // Obtains `beingUpdated` up-front because it'll be flushed out shortly
-        const { calendarContainer, isOpen } = fp;
-        if (isOpen &&
-            calendarContainer.contains(target) &&
-            !calendarContainer.contains(relatedTarget) &&
-            relatedTarget !== config.inputFrom &&
-            relatedTarget !== config.inputTo) {
-            Promise.resolve().then(() => {
-                const rootNode = target.getRootNode();
-                // This `blur` event handler can be called from Flatpickr's code,
-                // cleaning up the calendar dropdowns DOM. Changing focus in such
-                // condition causes removing an orphaned DOM node, because Flatpickr
-                // redraws the calendar dropdown when the `<input>` gets focus.
-                if (rootNode.nodeType === Node.DOCUMENT_NODE ||
-                    rootNode.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {
-                    if (fp._lastFocusInput === config.inputTo) {
-                        config.inputTo.focus();
-                    }
-                    else {
-                        config.inputFrom.focus();
-                    }
-                    // Closing after moving focus. Reversing the order will cause re-opening calendar dropdown upon focusing
-                    fp.close();
-                }
-            });
+    const handleInputKeydown = (event) => {
+        if (!(event.target instanceof CDSDatePickerInput))
+            return;
+        const { key } = event;
+        if (key === 'Escape') {
+            fp.close();
+        }
+        if (key === 'Tab') {
+            if (!event.shiftKey) {
+                event.preventDefault();
+                fp.open();
+                focusCalendar();
+            }
+            else if (fp.isOpen && event.target === config.inputFrom) {
+                fp.close();
+            }
         }
     };
     /**
-     * Handles `keydown` event to move focus on calendar dropdown.
+     * Handles `keydown` event for calendar dropdown
      */
-    const handleInputKeydown = (event) => {
+    const handleCalendarKeydown = (event) => {
+        const endInput = config.inputTo ? config.inputTo : config.inputFrom;
         const { key } = event;
-        if (key === 'ArrowDown' || key === 'Down' || key === 'Enter') {
-            event.preventDefault();
-            fp.open();
-            if (key !== 'Enter') {
-                focusCalendar();
+        if (key === 'Tab') {
+            if (!event.shiftKey) {
+                if (fp._lastFocusInput === endInput) {
+                    endInput.focus();
+                    fp.close();
+                }
+                else {
+                    event.preventDefault();
+                    endInput.focus();
+                }
             }
-            else {
-                // Hitting Enter key blurs the `<input>`, causing any element to lose focus
-                setTimeout(focusCalendar, 0);
+            else if (fp._lastFocusInput === endInput) {
+                event.preventDefault();
+                setTimeout(() => endInput.focus(), 0);
             }
         }
     };
@@ -110,7 +107,7 @@ var focusPlugin = (config) => (fp) => {
     const init = () => {
         release();
         const { inputFrom, inputTo } = config;
-        fp._hCDSCEDatePickerFocusPluginBlur = on(fp.calendarContainer, 'blur', handleBlur, true);
+        fp._hCDSCEDatePickerFocusPluginBlur = on(fp.calendarContainer, 'keydown', handleCalendarKeydown, true);
         fp._hCDSCEDatePickerFocusPluginKeydownFrom = on(inputFrom, 'keydown', handleInputKeydown);
         if (inputTo) {
             fp._hCDSCEDatePickerFocusPluginKeydownTo = on(inputTo, 'keydown', handleInputKeydown);

package/es/components/date-picker/focus-plugin.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"focus-plugin.js","sources":["../../../src/components/date-picker/focus-plugin.ts"],"sourcesContent":[null],"names":[],"mappings":"~~;;;;;;;;;~~AAAA;;;;;AAKG;AA2DH;;;AAGG;AACH,kBAAe,CAAC,MAAmC,KACjD,CAAC,EAAwC,KAAI;AAC3C;;AAEG;IACH,MAAM,aAAa,GAAG,MAAK;QACzB,MAAM,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,aAAa,EAAE,GAAG,EAAE~~,CAAC~~;~~QAClE~~,CAAC,gBAAgB,IAAI,aAAa,IAAI,iBAAiB,EAAE,KAAK,EAAE~~,CAAC~~;~~AACnE~~,KAAC~~,CAAC~~;~~AAEF~~;;AAEG;~~IACH~~,MAAM,~~UAAU~~,GAAG,CAAC,~~EAAE~~,~~MAAM,EAAE,aAAa,EAAc,~~KAAI~~;;AAE3D~~,QAAA,~~MAAM~~,EAAE,~~iBAAiB~~,~~EAAE~~,MAAM,~~EAAE~~,~~GAAG~~,~~EAAE,~~CAAC;~~AACzC~~,QAAA,~~IACE,~~MAAM~~;AACN~~,~~YAAA~~,~~iBAAiB~~,~~CAAC~~,~~QAAQ~~,~~CAAC,MAAc,CAAC~~;~~AAC1C~~,~~YAAA~~,~~CAAC~~,~~iBAAiB~~,~~CAAC~~,QAAQ,~~CAAC~~,~~aAAqB~~,CAAC~~;YAClD~~,~~aAAa,~~KAAK,~~MAAM~~,~~CAAC~~,~~SAAS;AAClC~~,~~YAAA~~,~~aAAa~~,KAAK,~~MAAM,CAAC,OAAO,EAChC~~;~~AACA~~,YAAA,~~OAAO~~,CAAC,~~OAAO~~,~~EAAE,~~CAAC,~~IAAI~~,~~CAAC,MAAK~~;~~AAC1B~~,~~gBAAA~~,~~MAAM,QAAQ,GAAI,MAAe,~~CAAC,~~WAAW~~,EAAE,~~CAAC;;;;;AAKhD~~,~~gBAAA,IACE,QAAQ,~~CAAC,~~QAAQ,KAAK,~~IAAI,~~CAAC,aAAa~~;~~AACxC~~,~~oBAAA~~,~~QAAQ~~,~~CAAC~~,~~QAAQ~~,~~KAAK,~~IAAI,CAAC,~~sBAAsB~~,~~EACjD;oBACA,~~IAAI,~~EAAE~~,CAAC,~~eAAe~~,KAAK,MAAM,CAAC,~~OAAO~~,EAAE;~~AACzC~~,~~wBAAA~~,~~MAAM,~~CAAC,~~OAAQ,CAAC,~~KAAK,EAAE,~~CAAC~~;~~qBACzB~~;~~yBAAM;AACL~~,~~wBAAA~~,MAAM,~~CAAC~~,~~SAAS~~,CAAC,~~KAAK~~,~~EAAE,CAAC~~;~~qBAC1B;;oBAED~~,~~EAAE~~,~~CAAC~~,~~KAAK~~,~~EAAE~~,CAAC~~;iBACZ;AACH~~,~~aAAC~~,~~CAAC~~,CAAC~~;SACJ;AACH~~,~~KAAC~~,~~CAAC;AAEF;;AAEG;AACH~~,~~IAAA,~~MAAM,~~kBAAkB,GAAG,~~CAAC,~~KAAoB,KAAI~~;~~AAClD~~,QAAA,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK~~,CAAC~~;~~AACtB~~,QAAA,IAAI,GAAG,KAAK,~~WAAW~~,IAAI,~~GAAG~~,KAAK,~~MAAM~~,IAAI,~~GAAG~~,KAAK,~~OAAO~~,EAAE;~~YAC5D~~,~~KAAK~~,CAAC,~~cAAc~~,EAAE~~,CAAC~~;~~YACvB~~,EAAE,CAAC,~~IAAI~~,EAAE,CAAC;~~AACV~~,~~YAAA~~,IAAI,~~GAAG~~,KAAK,~~OAAO~~,EAAE;~~AACnB~~,~~gBAAA~~,~~aAAa~~,EAAE,CAAC~~;aACjB;iBAAM;;AAEL~~,~~gBAAA~~,~~UAAU~~,CAAC,~~aAAa~~,EAAE,~~CAAC~~,CAAC,CAAC~~;aAC9B;SACF;AACH~~,KAAC~~,CAAC~~;~~AAEF~~;;AAEG;AACH,IAAA,MAAM,gBAAgB,GAAG,CAAC,EAAE,MAAM,EAAc,KAAI;AAClD,QAAA,EAAE,CAAC,eAAe,GAAG,~~MAA0B,CAAC~~;~~AAClD~~,KAAC~~,CAAC~~;~~AAEF~~;;AAEG;IACH,MAAM,OAAO,GAAG,MAAK;AACnB,QAAA,IAAI,EAAE,CAAC,gCAAgC,EAAE;AACvC,YAAA,EAAE,CAAC,gCAAgC;AACjC,gBAAA,EAAE,CAAC,gCAAgC,CAAC,OAAO,EAAE,~~CAAC;SACjD;AACD,~~QAAA,IAAI,EAAE,CAAC,mCAAmC,EAAE;AAC1C,YAAA,EAAE,CAAC,mCAAmC;AACpC,gBAAA,EAAE,CAAC,mCAAmC,CAAC,OAAO,EAAE,~~CAAC;SACpD;AACD,~~QAAA,IAAI,EAAE,CAAC,qCAAqC,EAAE;AAC5C,YAAA,EAAE,CAAC,qCAAqC;AACtC,gBAAA,EAAE,CAAC,qCAAqC,CAAC,OAAO,EAAE,~~CAAC;SACtD;AACD,~~QAAA,IAAI,EAAE,CAAC,qCAAqC,EAAE;AAC5C,YAAA,EAAE,CAAC,qCAAqC;AACtC,gBAAA,EAAE,CAAC,qCAAqC,CAAC,OAAO,EAAE,~~CAAC;SACtD;AACD,~~QAAA,IAAI,EAAE,CAAC,uCAAuC,EAAE;AAC9C,YAAA,EAAE,CAAC,uCAAuC;AACxC,gBAAA,EAAE,CAAC,uCAAuC,CAAC,OAAO,EAAE,~~CAAC;SACxD;AACH,~~KAAC~~,CAAC~~;~~AAEF~~;;AAEG;IACH,MAAM,IAAI,GAAG,MAAK;AAChB,QAAA,OAAO,EAAE~~,CAAC~~;~~AACV~~,QAAA,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,MAAM~~,CAAC~~;~~AACtC~~,QAAA,EAAE,CAAC,gCAAgC,GAAG,EAAE,CACtC,EAAE,CAAC,iBAAiB,EACpB,~~MAAM~~,~~EACN~~,~~UAAU~~,~~EACV~~,IAAI,CACL~~,CAAC~~;~~QACF~~,EAAE,CAAC,uCAAuC,GAAG,EAAE,CAC7C,SAAS,EACT,SAAS,EACT,kBAAkB,CACnB~~,CAAC~~;~~QACF~~,IAAI,OAAO,EAAE;YACX,EAAE,CAAC,qCAAqC,GAAG,EAAE,CAC3C,OAAO,EACP,SAAS,EACT,kBAAkB,CACnB,~~CAAC;SACH;QACD,~~EAAE,CAAC,qCAAqC,GAAG,EAAE,CAC3C,SAAS,EACT,OAAO,EACP,gBAAgB,CACjB~~,CAAC~~;~~QACF~~,IAAI,OAAO,EAAE;YACX,EAAE,CAAC,mCAAmC,GAAG,EAAE,CACzC,OAAO,EACP,OAAO,EACP,gBAAgB,CACjB,~~CAAC;SACH;AACH,~~KAAC~~,CAAC~~;~~AAEF~~;;;AAGG;IACH,MAAM,QAAQ,GAAG,MAAK;AACpB,QAAA,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,4BAA4B,CAAC~~,CAAC~~;~~AACtD~~,KAAC~~,CAAC~~;~~IAEF~~,OAAO;AACL,QAAA,OAAO,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAC;AACzB,QAAA,SAAS,EAAE,OAAO;KACnB~~,CAAC~~;~~AACJ~~,CAAC;;;;"}
1	+ {"version":3,"file":"focus-plugin.js","sources":["../../../src/components/date-picker/focus-plugin.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2019, 2025\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 { Instance as FlatpickrInstance } from 'flatpickr/dist/types/instance';\nimport { Plugin } from 'flatpickr/dist/types/options';\nimport on from '../../globals/mixins/on';\nimport Handle from '../../globals/internal/handle';\nimport CDSDatePickerInput from './date-picker-input';\n\n/\n The configuration for the Flatpickr plugin to set CSS classes specific to this design system.\n /\nexport interface DatePickerFocusPluginConfig {\n /\n The input box to enter starting date.\n /\n inputFrom: CDSDatePickerInput;\n\n /\n The input box to enter end date.\n /\n inputTo?: CDSDatePickerInput;\n}\n\n/\n `FlatpickrInstance` with additional properties used for `carbonFlatpickrFocusPlugin`.\n /\nexport interface ExtendedFlatpickrInstanceFocusPlugin\n extends FlatpickrInstance {\n /\n The handle for `blur` event handler in calendar dropdown.\n /\n _hCDSCEDatePickerFocusPluginBlur?: Handle \| null;\n\n /\n The handle for `keydown` event handler in the `<input>` for the starting date.\n /\n _hCDSCEDatePickerFocusPluginKeydownFrom?: Handle \| null;\n\n /\n The handle for `keydown` event handler in the `<input>` for the end date.\n /\n _hCDSCEDatePickerFocusPluginKeydownTo?: Handle \| null;\n\n /\n The handle for `focus` event handler in the `<input>` for the starting date.\n /\n _hCDSCEDatePickerFocusPluginFocusFrom?: Handle \| null;\n\n /\n The handle for `focus` event handler in the `<input>` for the end date.\n /\n _hCDSCEDatePickerFocusPluginFocusTo?: Handle \| null;\n\n /\n Lastly focused `<input>` for starting/end date.\n /\n _lastFocusInput?: CDSDatePickerInput;\n}\n\n/\n @param config Plugin configuration.\n * @returns A Flatpickr plugin to manage focus to align with the UX pattern in our design system.\n /\nexport default (config: DatePickerFocusPluginConfig): Plugin =>\n (fp: ExtendedFlatpickrInstanceFocusPlugin) => {\n /\n Focuses on calendar dropdown.\n /\n const focusCalendar = () => {\n const { calendarContainer, selectedDateElem, todayDateElem } = fp;\n (selectedDateElem \|\| todayDateElem \|\| calendarContainer).focus();\n };\n\n /\n Handles `keydown` event for date picker input field\n /\n const handleInputKeydown = (event: KeyboardEvent) => {\n if (!(event.target instanceof CDSDatePickerInput)) return;\n\n const { key } = event;\n\n if (key === 'Escape') {\n fp.close();\n }\n if (key === 'Tab') {\n if (!event.shiftKey) {\n event.preventDefault();\n fp.open();\n focusCalendar();\n } else if (fp.isOpen && event.target === config.inputFrom) {\n fp.close();\n }\n }\n };\n\n /\n Handles `keydown` event for calendar dropdown\n /\n const handleCalendarKeydown = (event: KeyboardEvent) => {\n const endInput = config.inputTo ? config.inputTo : config.inputFrom;\n const { key } = event;\n\n if (key === 'Tab') {\n if (!event.shiftKey) {\n if (fp._lastFocusInput === endInput) {\n endInput.focus();\n fp.close();\n } else {\n event.preventDefault();\n endInput.focus();\n }\n } else if (fp._lastFocusInput === endInput) {\n event.preventDefault();\n setTimeout(() => endInput.focus(), 0);\n }\n }\n };\n\n /\n Handles `focus` event on `<input>` for starting/end date to track the lastly focused one.\n /\n const handleInputFocus = ({ target }: FocusEvent) => {\n fp._lastFocusInput = target as CDSDatePickerInput;\n };\n\n /\n Releases event listeners used in this Flatpickr plugin.\n /\n const release = () => {\n if (fp._hCDSCEDatePickerFocusPluginBlur) {\n fp._hCDSCEDatePickerFocusPluginBlur =\n fp._hCDSCEDatePickerFocusPluginBlur.release();\n }\n if (fp._hCDSCEDatePickerFocusPluginFocusTo) {\n fp._hCDSCEDatePickerFocusPluginFocusTo =\n fp._hCDSCEDatePickerFocusPluginFocusTo.release();\n }\n if (fp._hCDSCEDatePickerFocusPluginFocusFrom) {\n fp._hCDSCEDatePickerFocusPluginFocusFrom =\n fp._hCDSCEDatePickerFocusPluginFocusFrom.release();\n }\n if (fp._hCDSCEDatePickerFocusPluginKeydownTo) {\n fp._hCDSCEDatePickerFocusPluginKeydownTo =\n fp._hCDSCEDatePickerFocusPluginKeydownTo.release();\n }\n if (fp._hCDSCEDatePickerFocusPluginKeydownFrom) {\n fp._hCDSCEDatePickerFocusPluginKeydownFrom =\n fp._hCDSCEDatePickerFocusPluginKeydownFrom.release();\n }\n };\n\n /\n Sets up event listeners used for this Flatpickr plugin.\n /\n const init = () => {\n release();\n const { inputFrom, inputTo } = config;\n fp._hCDSCEDatePickerFocusPluginBlur = on(\n fp.calendarContainer,\n 'keydown',\n handleCalendarKeydown,\n true\n );\n fp._hCDSCEDatePickerFocusPluginKeydownFrom = on(\n inputFrom,\n 'keydown',\n handleInputKeydown\n );\n if (inputTo) {\n fp._hCDSCEDatePickerFocusPluginKeydownTo = on(\n inputTo,\n 'keydown',\n handleInputKeydown\n );\n }\n fp._hCDSCEDatePickerFocusPluginFocusFrom = on(\n inputFrom,\n 'focus',\n handleInputFocus\n );\n if (inputTo) {\n fp._hCDSCEDatePickerFocusPluginFocusTo = on(\n inputTo,\n 'focus',\n handleInputFocus\n );\n }\n };\n\n /\n Registers this Flatpickr plugin.\n \n /\n const register = () => {\n fp.loadedPlugins.push('carbonFlatpickrFocusPlugin');\n };\n\n return {\n onReady: [register, init],\n onDestroy: release,\n };\n };\n"],"names":[],"mappings":"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"}