@carbon/web-components 2.0.0-beta.0 → 2.0.0-beta.1

package/es/components/date-picker/shadow-dom-events-plugin.d.ts

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2022
+ * Copyright IBM Corp. 2019, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -16,7 +16,7 @@ export interface ExtendedFlatpickrInstanceShadowDOMEventsPlugin extends Flatpick
     /**
      * The handle for `keydown` event handler in calendar dropdown.
      */
-    _hBXCEDatePickerShadowDOMEventsPluginKeydown?: Handle | null;
+    _hCDSCEDatePickerShadowDOMEventsPluginKeydown?: Handle | null;
 }
 /**
  * @param config Plugin configuration.

package/es/components/date-picker/shadow-dom-events-plugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/date-picker/shadow-dom-events-plugin.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAC9E,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAEtD,OAAO,MAAM,MAAM,+BAA+B,CAAC;AAGnD;;GAEG;AACH,MAAM,WAAW,8CACf,SAAQ,iBAAiB;IACzB;;OAEG;IACH,4CAA4C,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9D;AA6DD;;;;;GAKG;8BACgB,MAAM;AAAzB,wBA4FI","file":"shadow-dom-events-plugin.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\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 'carbon-components/es/globals/js/misc/on';\nimport Handle from '../../globals/internal/handle';\nimport { find } from '../../globals/internal/collection-helpers';\n\n/**\n * `FlatpickrInstance` with additional properties used for `carbonFlatpickrShadowDOMEventsPlugin`.\n */\nexport interface ExtendedFlatpickrInstanceShadowDOMEventsPlugin\n  extends FlatpickrInstance {\n  /**\n   * The handle for `keydown` event handler in calendar dropdown.\n   */\n  _hBXCEDatePickerShadowDOMEventsPluginKeydown?: Handle | null;\n}\n\n/**\n * The amount of days to adjust, keyed by the key code.\n */\nconst moveDateForKeys = {\n  ArrowLeft: -1,\n  Left: -1,\n  ArrowUp: -7,\n  Up: -7,\n  ArrowRight: 1,\n  Right: 1,\n  ArrowDown: 7,\n  Down: 7,\n};\n\n/**\n * The amount of months to adjust, keyed by the key code. Used with Ctrl modifier key.\n */\nconst moveMonthForKeys = {\n  ArrowLeft: -1,\n  Left: -1,\n  ArrowUp: -12,\n  Up: -12,\n  ArrowRight: 1,\n  Right: 1,\n  ArrowDown: 12,\n  Down: 12,\n};\n\n/**\n * The number of milliseconds per day.\n */\nconst MILLISECONDS_IN_DAY = 86400000;\n\n/**\n * Adjusts the date with the given amount of days.\n *\n * @param localDate The original date.\n * @param options The options.\n * @param [options.date=0] The amount of days to adjust.\n */\nconst adjustDate = (\n  localDate: Date,\n  { date: moveDate = 0 }: { date?: number }\n) => {\n  const utcDate = new Date(\n    Date.UTC(\n      localDate.getFullYear(),\n      localDate.getMonth(),\n      localDate.getDate()\n    ) +\n      moveDate * MILLISECONDS_IN_DAY\n  );\n  return new Date(\n    utcDate.getUTCFullYear(),\n    utcDate.getUTCMonth(),\n    utcDate.getUTCDate()\n  );\n};\n\n/**\n * @param config Plugin configuration.\n * @returns\n *   A Flatpickr plugin to handle events.\n *   Some event handlers in Flatpickr won't work is the calendar dropdown is put in shadow DOM, due to event retargetting.\n */\nexport default (): Plugin =>\n  (fp: ExtendedFlatpickrInstanceShadowDOMEventsPlugin) => {\n    const getDateElem = (localDate) =>\n      find(\n        fp.daysContainer!.firstElementChild!.children,\n        ({ dateObj }: any) => localDate.getTime() === dateObj.getTime()\n      );\n\n    /**\n     * Handles `keydown` event.\n     */\n    const handleKeydown = (event: KeyboardEvent) => {\n      const { ctrlKey, key, target } = event;\n      if (key === 'Enter') {\n        target!.dispatchEvent(\n          Object.assign(new CustomEvent('mousedown', { bubbles: true }), {\n            which: 1,\n          })\n        );\n      } else if (!ctrlKey && key in moveDateForKeys) {\n        const { dateObj } = target as any;\n        const movedDate = adjustDate(dateObj, { date: moveDateForKeys[key] });\n        const movedDateElem = getDateElem(movedDate);\n        if (movedDateElem) {\n          movedDateElem.focus();\n        } else {\n          const innerDaysContainer = fp.daysContainer!.firstElementChild!;\n          if (\n            movedDate.getTime() <\n            (innerDaysContainer.firstElementChild as any).dateObj.getTime()\n          ) {\n            fp.changeMonth(-1);\n            // `fp.daysContainer` is updated by `fp.changeMonth()`\n            (\n              fp.daysContainer!.firstElementChild!\n                .lastElementChild as HTMLElement\n            ).focus();\n          } else if (\n            movedDate.getTime() >\n            (innerDaysContainer.lastElementChild as any).dateObj.getTime()\n          ) {\n            fp.changeMonth(1);\n            // `fp.daysContainer` is updated by `fp.changeMonth()`\n            (\n              fp.daysContainer!.firstElementChild!\n                .firstElementChild as HTMLElement\n            ).focus();\n          }\n        }\n        event.preventDefault();\n      } else if (ctrlKey && key in moveMonthForKeys) {\n        fp.changeMonth(moveMonthForKeys[key]);\n        (\n          fp.daysContainer!.firstElementChild!.firstElementChild as HTMLElement\n        ).focus();\n        event.preventDefault();\n      }\n    };\n\n    /**\n     * Releases event listeners used in this Flatpickr plugin.\n     */\n    const release = () => {\n      if (fp._hBXCEDatePickerShadowDOMEventsPluginKeydown) {\n        fp._hBXCEDatePickerShadowDOMEventsPluginKeydown =\n          fp._hBXCEDatePickerShadowDOMEventsPluginKeydown.release();\n      }\n    };\n\n    /**\n     * Sets up event listeners used for this Flatpickr plugin.\n     */\n    const init = () => {\n      release();\n      fp._hBXCEDatePickerShadowDOMEventsPluginKeydown = on(\n        fp.calendarContainer,\n        'keydown',\n        handleKeydown\n      );\n    };\n\n    /**\n     * Registers this Flatpickr plugin.\n     */\n    const register = () => {\n      fp.loadedPlugins.push('carbonFlatpickrShadowDOMEventsPlugin');\n    };\n\n    return {\n      onReady: [register, init],\n      onDestroy: [release],\n    };\n  };\n"]}
+{"version":3,"sources":["components/date-picker/shadow-dom-events-plugin.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAC9E,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAEtD,OAAO,MAAM,MAAM,+BAA+B,CAAC;AAGnD;;GAEG;AACH,MAAM,WAAW,8CACf,SAAQ,iBAAiB;IACzB;;OAEG;IACH,6CAA6C,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/D;AA6DD;;;;;GAKG;8BACgB,MAAM;AAAzB,wBA4FI","file":"shadow-dom-events-plugin.d.ts","sourcesContent":["/**\n * @license\n *\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 'carbon-components/es/globals/js/misc/on';\nimport Handle from '../../globals/internal/handle';\nimport { find } from '../../globals/internal/collection-helpers';\n\n/**\n * `FlatpickrInstance` with additional properties used for `carbonFlatpickrShadowDOMEventsPlugin`.\n */\nexport interface ExtendedFlatpickrInstanceShadowDOMEventsPlugin\n  extends FlatpickrInstance {\n  /**\n   * The handle for `keydown` event handler in calendar dropdown.\n   */\n  _hCDSCEDatePickerShadowDOMEventsPluginKeydown?: Handle | null;\n}\n\n/**\n * The amount of days to adjust, keyed by the key code.\n */\nconst moveDateForKeys = {\n  ArrowLeft: -1,\n  Left: -1,\n  ArrowUp: -7,\n  Up: -7,\n  ArrowRight: 1,\n  Right: 1,\n  ArrowDown: 7,\n  Down: 7,\n};\n\n/**\n * The amount of months to adjust, keyed by the key code. Used with Ctrl modifier key.\n */\nconst moveMonthForKeys = {\n  ArrowLeft: -1,\n  Left: -1,\n  ArrowUp: -12,\n  Up: -12,\n  ArrowRight: 1,\n  Right: 1,\n  ArrowDown: 12,\n  Down: 12,\n};\n\n/**\n * The number of milliseconds per day.\n */\nconst MILLISECONDS_IN_DAY = 86400000;\n\n/**\n * Adjusts the date with the given amount of days.\n *\n * @param localDate The original date.\n * @param options The options.\n * @param [options.date=0] The amount of days to adjust.\n */\nconst adjustDate = (\n  localDate: Date,\n  { date: moveDate = 0 }: { date?: number }\n) => {\n  const utcDate = new Date(\n    Date.UTC(\n      localDate.getFullYear(),\n      localDate.getMonth(),\n      localDate.getDate()\n    ) +\n      moveDate * MILLISECONDS_IN_DAY\n  );\n  return new Date(\n    utcDate.getUTCFullYear(),\n    utcDate.getUTCMonth(),\n    utcDate.getUTCDate()\n  );\n};\n\n/**\n * @param config Plugin configuration.\n * @returns\n *   A Flatpickr plugin to handle events.\n *   Some event handlers in Flatpickr won't work is the calendar dropdown is put in shadow DOM, due to event retargetting.\n */\nexport default (): Plugin =>\n  (fp: ExtendedFlatpickrInstanceShadowDOMEventsPlugin) => {\n    const getDateElem = (localDate) =>\n      find(\n        fp.daysContainer!.firstElementChild!.children,\n        ({ dateObj }: any) => localDate.getTime() === dateObj.getTime()\n      );\n\n    /**\n     * Handles `keydown` event.\n     */\n    const handleKeydown = (event: KeyboardEvent) => {\n      const { ctrlKey, key, target } = event;\n      if (key === 'Enter') {\n        target!.dispatchEvent(\n          Object.assign(new CustomEvent('mousedown', { bubbles: true }), {\n            which: 1,\n          })\n        );\n      } else if (!ctrlKey && key in moveDateForKeys) {\n        const { dateObj } = target as any;\n        const movedDate = adjustDate(dateObj, { date: moveDateForKeys[key] });\n        const movedDateElem = getDateElem(movedDate);\n        if (movedDateElem) {\n          movedDateElem.focus();\n        } else {\n          const innerDaysContainer = fp.daysContainer!.firstElementChild!;\n          if (\n            movedDate.getTime() <\n            (innerDaysContainer.firstElementChild as any).dateObj.getTime()\n          ) {\n            fp.changeMonth(-1);\n            // `fp.daysContainer` is updated by `fp.changeMonth()`\n            (\n              fp.daysContainer!.firstElementChild!\n                .lastElementChild as HTMLElement\n            ).focus();\n          } else if (\n            movedDate.getTime() >\n            (innerDaysContainer.lastElementChild as any).dateObj.getTime()\n          ) {\n            fp.changeMonth(1);\n            // `fp.daysContainer` is updated by `fp.changeMonth()`\n            (\n              fp.daysContainer!.firstElementChild!\n                .firstElementChild as HTMLElement\n            ).focus();\n          }\n        }\n        event.preventDefault();\n      } else if (ctrlKey && key in moveMonthForKeys) {\n        fp.changeMonth(moveMonthForKeys[key]);\n        (\n          fp.daysContainer!.firstElementChild!.firstElementChild as HTMLElement\n        ).focus();\n        event.preventDefault();\n      }\n    };\n\n    /**\n     * Releases event listeners used in this Flatpickr plugin.\n     */\n    const release = () => {\n      if (fp._hCDSCEDatePickerShadowDOMEventsPluginKeydown) {\n        fp._hCDSCEDatePickerShadowDOMEventsPluginKeydown =\n          fp._hCDSCEDatePickerShadowDOMEventsPluginKeydown.release();\n      }\n    };\n\n    /**\n     * Sets up event listeners used for this Flatpickr plugin.\n     */\n    const init = () => {\n      release();\n      fp._hCDSCEDatePickerShadowDOMEventsPluginKeydown = on(\n        fp.calendarContainer,\n        'keydown',\n        handleKeydown\n      );\n    };\n\n    /**\n     * Registers this Flatpickr plugin.\n     */\n    const register = () => {\n      fp.loadedPlugins.push('carbonFlatpickrShadowDOMEventsPlugin');\n    };\n\n    return {\n      onReady: [register, init],\n      onDestroy: [release],\n    };\n  };\n"]}

package/es/components/date-picker/shadow-dom-events-plugin.js

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2022
+ * Copyright IBM Corp. 2019, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -121,8 +121,8 @@ export default (() => fp => {
    * Releases event listeners used in this Flatpickr plugin.
    */
   const release = () => {
-    if (fp._hBXCEDatePickerShadowDOMEventsPluginKeydown) {
-      fp._hBXCEDatePickerShadowDOMEventsPluginKeydown = fp._hBXCEDatePickerShadowDOMEventsPluginKeydown.release();
+    if (fp._hCDSCEDatePickerShadowDOMEventsPluginKeydown) {
+      fp._hCDSCEDatePickerShadowDOMEventsPluginKeydown = fp._hCDSCEDatePickerShadowDOMEventsPluginKeydown.release();
     }
   };
 
@@ -131,7 +131,7 @@ export default (() => fp => {
    */
   const init = () => {
     release();
-    fp._hBXCEDatePickerShadowDOMEventsPluginKeydown = on(fp.calendarContainer, 'keydown', handleKeydown);
+    fp._hCDSCEDatePickerShadowDOMEventsPluginKeydown = on(fp.calendarContainer, 'keydown', handleKeydown);
   };
 
   /**

package/es/components/date-picker/shadow-dom-events-plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"shadow-dom-events-plugin.js","names":["on","find","moveDateForKeys","ArrowLeft","Left","ArrowUp","Up","ArrowRight","Right","ArrowDown","Down","moveMonthForKeys","MILLISECONDS_IN_DAY","adjustDate","localDate","date","moveDate","utcDate","Date","UTC","getFullYear","getMonth","getDate","getUTCFullYear","getUTCMonth","getUTCDate","fp","getDateElem","daysContainer","firstElementChild","children","dateObj","getTime","handleKeydown","event","ctrlKey","key","target","dispatchEvent","Object","assign","CustomEvent","bubbles","which","movedDate","movedDateElem","focus","innerDaysContainer","changeMonth","lastElementChild","preventDefault","release","_hBXCEDatePickerShadowDOMEventsPluginKeydown","init","calendarContainer","register","loadedPlugins","push","onReady","onDestroy"],"sources":["components/date-picker/shadow-dom-events-plugin.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\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 'carbon-components/es/globals/js/misc/on';\nimport Handle from '../../globals/internal/handle';\nimport { find } from '../../globals/internal/collection-helpers';\n\n/**\n * `FlatpickrInstance` with additional properties used for `carbonFlatpickrShadowDOMEventsPlugin`.\n */\nexport interface ExtendedFlatpickrInstanceShadowDOMEventsPlugin\n  extends FlatpickrInstance {\n  /**\n   * The handle for `keydown` event handler in calendar dropdown.\n   */\n  _hBXCEDatePickerShadowDOMEventsPluginKeydown?: Handle | null;\n}\n\n/**\n * The amount of days to adjust, keyed by the key code.\n */\nconst moveDateForKeys = {\n  ArrowLeft: -1,\n  Left: -1,\n  ArrowUp: -7,\n  Up: -7,\n  ArrowRight: 1,\n  Right: 1,\n  ArrowDown: 7,\n  Down: 7,\n};\n\n/**\n * The amount of months to adjust, keyed by the key code. Used with Ctrl modifier key.\n */\nconst moveMonthForKeys = {\n  ArrowLeft: -1,\n  Left: -1,\n  ArrowUp: -12,\n  Up: -12,\n  ArrowRight: 1,\n  Right: 1,\n  ArrowDown: 12,\n  Down: 12,\n};\n\n/**\n * The number of milliseconds per day.\n */\nconst MILLISECONDS_IN_DAY = 86400000;\n\n/**\n * Adjusts the date with the given amount of days.\n *\n * @param localDate The original date.\n * @param options The options.\n * @param [options.date=0] The amount of days to adjust.\n */\nconst adjustDate = (\n  localDate: Date,\n  { date: moveDate = 0 }: { date?: number }\n) => {\n  const utcDate = new Date(\n    Date.UTC(\n      localDate.getFullYear(),\n      localDate.getMonth(),\n      localDate.getDate()\n    ) +\n      moveDate * MILLISECONDS_IN_DAY\n  );\n  return new Date(\n    utcDate.getUTCFullYear(),\n    utcDate.getUTCMonth(),\n    utcDate.getUTCDate()\n  );\n};\n\n/**\n * @param config Plugin configuration.\n * @returns\n *   A Flatpickr plugin to handle events.\n *   Some event handlers in Flatpickr won't work is the calendar dropdown is put in shadow DOM, due to event retargetting.\n */\nexport default (): Plugin =>\n  (fp: ExtendedFlatpickrInstanceShadowDOMEventsPlugin) => {\n    const getDateElem = (localDate) =>\n      find(\n        fp.daysContainer!.firstElementChild!.children,\n        ({ dateObj }: any) => localDate.getTime() === dateObj.getTime()\n      );\n\n    /**\n     * Handles `keydown` event.\n     */\n    const handleKeydown = (event: KeyboardEvent) => {\n      const { ctrlKey, key, target } = event;\n      if (key === 'Enter') {\n        target!.dispatchEvent(\n          Object.assign(new CustomEvent('mousedown', { bubbles: true }), {\n            which: 1,\n          })\n        );\n      } else if (!ctrlKey && key in moveDateForKeys) {\n        const { dateObj } = target as any;\n        const movedDate = adjustDate(dateObj, { date: moveDateForKeys[key] });\n        const movedDateElem = getDateElem(movedDate);\n        if (movedDateElem) {\n          movedDateElem.focus();\n        } else {\n          const innerDaysContainer = fp.daysContainer!.firstElementChild!;\n          if (\n            movedDate.getTime() <\n            (innerDaysContainer.firstElementChild as any).dateObj.getTime()\n          ) {\n            fp.changeMonth(-1);\n            // `fp.daysContainer` is updated by `fp.changeMonth()`\n            (\n              fp.daysContainer!.firstElementChild!\n                .lastElementChild as HTMLElement\n            ).focus();\n          } else if (\n            movedDate.getTime() >\n            (innerDaysContainer.lastElementChild as any).dateObj.getTime()\n          ) {\n            fp.changeMonth(1);\n            // `fp.daysContainer` is updated by `fp.changeMonth()`\n            (\n              fp.daysContainer!.firstElementChild!\n                .firstElementChild as HTMLElement\n            ).focus();\n          }\n        }\n        event.preventDefault();\n      } else if (ctrlKey && key in moveMonthForKeys) {\n        fp.changeMonth(moveMonthForKeys[key]);\n        (\n          fp.daysContainer!.firstElementChild!.firstElementChild as HTMLElement\n        ).focus();\n        event.preventDefault();\n      }\n    };\n\n    /**\n     * Releases event listeners used in this Flatpickr plugin.\n     */\n    const release = () => {\n      if (fp._hBXCEDatePickerShadowDOMEventsPluginKeydown) {\n        fp._hBXCEDatePickerShadowDOMEventsPluginKeydown =\n          fp._hBXCEDatePickerShadowDOMEventsPluginKeydown.release();\n      }\n    };\n\n    /**\n     * Sets up event listeners used for this Flatpickr plugin.\n     */\n    const init = () => {\n      release();\n      fp._hBXCEDatePickerShadowDOMEventsPluginKeydown = on(\n        fp.calendarContainer,\n        'keydown',\n        handleKeydown\n      );\n    };\n\n    /**\n     * Registers this Flatpickr plugin.\n     */\n    const register = () => {\n      fp.loadedPlugins.push('carbonFlatpickrShadowDOMEventsPlugin');\n    };\n\n    return {\n      onReady: [register, init],\n      onDestroy: [release],\n    };\n  };\n"],"mappings":"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"}
+{"version":3,"file":"shadow-dom-events-plugin.js","names":["on","find","moveDateForKeys","ArrowLeft","Left","ArrowUp","Up","ArrowRight","Right","ArrowDown","Down","moveMonthForKeys","MILLISECONDS_IN_DAY","adjustDate","localDate","date","moveDate","utcDate","Date","UTC","getFullYear","getMonth","getDate","getUTCFullYear","getUTCMonth","getUTCDate","fp","getDateElem","daysContainer","firstElementChild","children","dateObj","getTime","handleKeydown","event","ctrlKey","key","target","dispatchEvent","Object","assign","CustomEvent","bubbles","which","movedDate","movedDateElem","focus","innerDaysContainer","changeMonth","lastElementChild","preventDefault","release","_hCDSCEDatePickerShadowDOMEventsPluginKeydown","init","calendarContainer","register","loadedPlugins","push","onReady","onDestroy"],"sources":["components/date-picker/shadow-dom-events-plugin.ts"],"sourcesContent":["/**\n * @license\n *\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 'carbon-components/es/globals/js/misc/on';\nimport Handle from '../../globals/internal/handle';\nimport { find } from '../../globals/internal/collection-helpers';\n\n/**\n * `FlatpickrInstance` with additional properties used for `carbonFlatpickrShadowDOMEventsPlugin`.\n */\nexport interface ExtendedFlatpickrInstanceShadowDOMEventsPlugin\n  extends FlatpickrInstance {\n  /**\n   * The handle for `keydown` event handler in calendar dropdown.\n   */\n  _hCDSCEDatePickerShadowDOMEventsPluginKeydown?: Handle | null;\n}\n\n/**\n * The amount of days to adjust, keyed by the key code.\n */\nconst moveDateForKeys = {\n  ArrowLeft: -1,\n  Left: -1,\n  ArrowUp: -7,\n  Up: -7,\n  ArrowRight: 1,\n  Right: 1,\n  ArrowDown: 7,\n  Down: 7,\n};\n\n/**\n * The amount of months to adjust, keyed by the key code. Used with Ctrl modifier key.\n */\nconst moveMonthForKeys = {\n  ArrowLeft: -1,\n  Left: -1,\n  ArrowUp: -12,\n  Up: -12,\n  ArrowRight: 1,\n  Right: 1,\n  ArrowDown: 12,\n  Down: 12,\n};\n\n/**\n * The number of milliseconds per day.\n */\nconst MILLISECONDS_IN_DAY = 86400000;\n\n/**\n * Adjusts the date with the given amount of days.\n *\n * @param localDate The original date.\n * @param options The options.\n * @param [options.date=0] The amount of days to adjust.\n */\nconst adjustDate = (\n  localDate: Date,\n  { date: moveDate = 0 }: { date?: number }\n) => {\n  const utcDate = new Date(\n    Date.UTC(\n      localDate.getFullYear(),\n      localDate.getMonth(),\n      localDate.getDate()\n    ) +\n      moveDate * MILLISECONDS_IN_DAY\n  );\n  return new Date(\n    utcDate.getUTCFullYear(),\n    utcDate.getUTCMonth(),\n    utcDate.getUTCDate()\n  );\n};\n\n/**\n * @param config Plugin configuration.\n * @returns\n *   A Flatpickr plugin to handle events.\n *   Some event handlers in Flatpickr won't work is the calendar dropdown is put in shadow DOM, due to event retargetting.\n */\nexport default (): Plugin =>\n  (fp: ExtendedFlatpickrInstanceShadowDOMEventsPlugin) => {\n    const getDateElem = (localDate) =>\n      find(\n        fp.daysContainer!.firstElementChild!.children,\n        ({ dateObj }: any) => localDate.getTime() === dateObj.getTime()\n      );\n\n    /**\n     * Handles `keydown` event.\n     */\n    const handleKeydown = (event: KeyboardEvent) => {\n      const { ctrlKey, key, target } = event;\n      if (key === 'Enter') {\n        target!.dispatchEvent(\n          Object.assign(new CustomEvent('mousedown', { bubbles: true }), {\n            which: 1,\n          })\n        );\n      } else if (!ctrlKey && key in moveDateForKeys) {\n        const { dateObj } = target as any;\n        const movedDate = adjustDate(dateObj, { date: moveDateForKeys[key] });\n        const movedDateElem = getDateElem(movedDate);\n        if (movedDateElem) {\n          movedDateElem.focus();\n        } else {\n          const innerDaysContainer = fp.daysContainer!.firstElementChild!;\n          if (\n            movedDate.getTime() <\n            (innerDaysContainer.firstElementChild as any).dateObj.getTime()\n          ) {\n            fp.changeMonth(-1);\n            // `fp.daysContainer` is updated by `fp.changeMonth()`\n            (\n              fp.daysContainer!.firstElementChild!\n                .lastElementChild as HTMLElement\n            ).focus();\n          } else if (\n            movedDate.getTime() >\n            (innerDaysContainer.lastElementChild as any).dateObj.getTime()\n          ) {\n            fp.changeMonth(1);\n            // `fp.daysContainer` is updated by `fp.changeMonth()`\n            (\n              fp.daysContainer!.firstElementChild!\n                .firstElementChild as HTMLElement\n            ).focus();\n          }\n        }\n        event.preventDefault();\n      } else if (ctrlKey && key in moveMonthForKeys) {\n        fp.changeMonth(moveMonthForKeys[key]);\n        (\n          fp.daysContainer!.firstElementChild!.firstElementChild as HTMLElement\n        ).focus();\n        event.preventDefault();\n      }\n    };\n\n    /**\n     * Releases event listeners used in this Flatpickr plugin.\n     */\n    const release = () => {\n      if (fp._hCDSCEDatePickerShadowDOMEventsPluginKeydown) {\n        fp._hCDSCEDatePickerShadowDOMEventsPluginKeydown =\n          fp._hCDSCEDatePickerShadowDOMEventsPluginKeydown.release();\n      }\n    };\n\n    /**\n     * Sets up event listeners used for this Flatpickr plugin.\n     */\n    const init = () => {\n      release();\n      fp._hCDSCEDatePickerShadowDOMEventsPluginKeydown = on(\n        fp.calendarContainer,\n        'keydown',\n        handleKeydown\n      );\n    };\n\n    /**\n     * Registers this Flatpickr plugin.\n     */\n    const register = () => {\n      fp.loadedPlugins.push('carbonFlatpickrShadowDOMEventsPlugin');\n    };\n\n    return {\n      onReady: [register, init],\n      onDestroy: [release],\n    };\n  };\n"],"mappings":"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"}

package/es/components/date-picker/state-handshake-plugin.d.ts

@@ -7,12 +7,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { Plugin } from 'flatpickr/dist/types/options';
-import BXDatePicker from './date-picker';
+import CDSDatePicker from './date-picker';
 /**
  * @param config Plugin configuration.
  * @returns A Flatpickr plugin to handshake states with `<cds-date-picker>`.
  */
-declare const _default: (datePicker: BXDatePicker) => Plugin;
+declare const _default: (datePicker: CDSDatePicker) => Plugin;
 export default _default;
 
 //# sourceMappingURL=state-handshake-plugin.d.ts.map

package/es/components/date-picker/state-handshake-plugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/date-picker/state-handshake-plugin.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,YAAY,MAAM,eAAe,CAAC;AAEzC;;;GAGG;qCACyB,YAAY,KAAG,MAAM;AAAjD,wBAmDI","file":"state-handshake-plugin.d.ts","sourcesContent":["/**\n * @license\n *\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 BXDatePicker from './date-picker';\n\n/**\n * @param config Plugin configuration.\n * @returns A Flatpickr plugin to handshake states with `<cds-date-picker>`.\n */\nexport default (datePicker: BXDatePicker): Plugin =>\n  (fp: FlatpickrInstance) => {\n    /**\n     * Sets open state.\n     */\n    const setOpen = () => {\n      datePicker.open = true;\n    };\n\n    /**\n     * Sets closed state.\n     */\n    const setClosed = () => {\n      datePicker.open = false;\n    };\n\n    /**\n     * Propagates Flatpickr's `onChange` event to `<cds-date-picker>`.\n     *\n     * @param selectedDates The latest selected dates.\n     */\n    const handleChange = (selectedDates: Date[]) => {\n      const { eventChange } = datePicker.constructor as typeof BXDatePicker;\n      datePicker.dispatchEvent(\n        new CustomEvent(eventChange, {\n          bubbles: true,\n          cancelable: true,\n          composed: true,\n          detail: {\n            selectedDates,\n          },\n        })\n      );\n    };\n\n    /**\n     * Registers this Flatpickr plugin.\n     *\n     * @param calendar The Flatpickr instance.\n     */\n    const register = (_selectedDates, _value, calendar: FlatpickrInstance) => {\n      datePicker.calendar = calendar;\n      fp.loadedPlugins.push('carbonFlatpickrStateHandshakePlugin');\n    };\n\n    return {\n      onOpen: setOpen,\n      onClose: setClosed,\n      onChange: handleChange,\n      onReady: [register],\n    };\n  };\n"]}
+{"version":3,"sources":["components/date-picker/state-handshake-plugin.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,aAAa,MAAM,eAAe,CAAC;AAE1C;;;GAGG;qCACyB,aAAa,KAAG,MAAM;AAAlD,wBAmDI","file":"state-handshake-plugin.d.ts","sourcesContent":["/**\n * @license\n *\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 CDSDatePicker from './date-picker';\n\n/**\n * @param config Plugin configuration.\n * @returns A Flatpickr plugin to handshake states with `<cds-date-picker>`.\n */\nexport default (datePicker: CDSDatePicker): Plugin =>\n  (fp: FlatpickrInstance) => {\n    /**\n     * Sets open state.\n     */\n    const setOpen = () => {\n      datePicker.open = true;\n    };\n\n    /**\n     * Sets closed state.\n     */\n    const setClosed = () => {\n      datePicker.open = false;\n    };\n\n    /**\n     * Propagates Flatpickr's `onChange` event to `<cds-date-picker>`.\n     *\n     * @param selectedDates The latest selected dates.\n     */\n    const handleChange = (selectedDates: Date[]) => {\n      const { eventChange } = datePicker.constructor as typeof CDSDatePicker;\n      datePicker.dispatchEvent(\n        new CustomEvent(eventChange, {\n          bubbles: true,\n          cancelable: true,\n          composed: true,\n          detail: {\n            selectedDates,\n          },\n        })\n      );\n    };\n\n    /**\n     * Registers this Flatpickr plugin.\n     *\n     * @param calendar The Flatpickr instance.\n     */\n    const register = (_selectedDates, _value, calendar: FlatpickrInstance) => {\n      datePicker.calendar = calendar;\n      fp.loadedPlugins.push('carbonFlatpickrStateHandshakePlugin');\n    };\n\n    return {\n      onOpen: setOpen,\n      onClose: setClosed,\n      onChange: handleChange,\n      onReady: [register],\n    };\n  };\n"]}

package/es/components/date-picker/state-handshake-plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"state-handshake-plugin.js","names":["datePicker","fp","setOpen","open","setClosed","handleChange","selectedDates","eventChange","constructor","dispatchEvent","CustomEvent","bubbles","cancelable","composed","detail","register","_selectedDates","_value","calendar","loadedPlugins","push","onOpen","onClose","onChange","onReady"],"sources":["components/date-picker/state-handshake-plugin.ts"],"sourcesContent":["/**\n * @license\n *\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 BXDatePicker from './date-picker';\n\n/**\n * @param config Plugin configuration.\n * @returns A Flatpickr plugin to handshake states with `<cds-date-picker>`.\n */\nexport default (datePicker: BXDatePicker): Plugin =>\n  (fp: FlatpickrInstance) => {\n    /**\n     * Sets open state.\n     */\n    const setOpen = () => {\n      datePicker.open = true;\n    };\n\n    /**\n     * Sets closed state.\n     */\n    const setClosed = () => {\n      datePicker.open = false;\n    };\n\n    /**\n     * Propagates Flatpickr's `onChange` event to `<cds-date-picker>`.\n     *\n     * @param selectedDates The latest selected dates.\n     */\n    const handleChange = (selectedDates: Date[]) => {\n      const { eventChange } = datePicker.constructor as typeof BXDatePicker;\n      datePicker.dispatchEvent(\n        new CustomEvent(eventChange, {\n          bubbles: true,\n          cancelable: true,\n          composed: true,\n          detail: {\n            selectedDates,\n          },\n        })\n      );\n    };\n\n    /**\n     * Registers this Flatpickr plugin.\n     *\n     * @param calendar The Flatpickr instance.\n     */\n    const register = (_selectedDates, _value, calendar: FlatpickrInstance) => {\n      datePicker.calendar = calendar;\n      fp.loadedPlugins.push('carbonFlatpickrStateHandshakePlugin');\n    };\n\n    return {\n      onOpen: setOpen,\n      onClose: setClosed,\n      onChange: handleChange,\n      onReady: [register],\n    };\n  };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAMA;AACA;AACA;AACA;AACA,gBAAgBA,UAAwB,IACrCC,EAAqB,IAAK;EACzB;AACJ;AACA;EACI,MAAMC,OAAO,GAAGA,CAAA,KAAM;IACpBF,UAAU,CAACG,IAAI,GAAG,IAAI;EACxB,CAAC;;EAED;AACJ;AACA;EACI,MAAMC,SAAS,GAAGA,CAAA,KAAM;IACtBJ,UAAU,CAACG,IAAI,GAAG,KAAK;EACzB,CAAC;;EAED;AACJ;AACA;AACA;AACA;EACI,MAAME,YAAY,GAAIC,aAAqB,IAAK;IAC9C,MAAM;MAAEC;IAAY,CAAC,GAAGP,UAAU,CAACQ,WAAkC;IACrER,UAAU,CAACS,aAAa,CACtB,IAAIC,WAAW,CAACH,WAAW,EAAE;MAC3BI,OAAO,EAAE,IAAI;MACbC,UAAU,EAAE,IAAI;MAChBC,QAAQ,EAAE,IAAI;MACdC,MAAM,EAAE;QACNR;MACF;IACF,CAAC,CAAC,CACH;EACH,CAAC;;EAED;AACJ;AACA;AACA;AACA;EACI,MAAMS,QAAQ,GAAGA,CAACC,cAAc,EAAEC,MAAM,EAAEC,QAA2B,KAAK;IACxElB,UAAU,CAACkB,QAAQ,GAAGA,QAAQ;IAC9BjB,EAAE,CAACkB,aAAa,CAACC,IAAI,CAAC,qCAAqC,CAAC;EAC9D,CAAC;EAED,OAAO;IACLC,MAAM,EAAEnB,OAAO;IACfoB,OAAO,EAAElB,SAAS;IAClBmB,QAAQ,EAAElB,YAAY;IACtBmB,OAAO,EAAE,CAACT,QAAQ;EACpB,CAAC;AACH,CAAC"}
+{"version":3,"file":"state-handshake-plugin.js","names":["datePicker","fp","setOpen","open","setClosed","handleChange","selectedDates","eventChange","constructor","dispatchEvent","CustomEvent","bubbles","cancelable","composed","detail","register","_selectedDates","_value","calendar","loadedPlugins","push","onOpen","onClose","onChange","onReady"],"sources":["components/date-picker/state-handshake-plugin.ts"],"sourcesContent":["/**\n * @license\n *\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 CDSDatePicker from './date-picker';\n\n/**\n * @param config Plugin configuration.\n * @returns A Flatpickr plugin to handshake states with `<cds-date-picker>`.\n */\nexport default (datePicker: CDSDatePicker): Plugin =>\n  (fp: FlatpickrInstance) => {\n    /**\n     * Sets open state.\n     */\n    const setOpen = () => {\n      datePicker.open = true;\n    };\n\n    /**\n     * Sets closed state.\n     */\n    const setClosed = () => {\n      datePicker.open = false;\n    };\n\n    /**\n     * Propagates Flatpickr's `onChange` event to `<cds-date-picker>`.\n     *\n     * @param selectedDates The latest selected dates.\n     */\n    const handleChange = (selectedDates: Date[]) => {\n      const { eventChange } = datePicker.constructor as typeof CDSDatePicker;\n      datePicker.dispatchEvent(\n        new CustomEvent(eventChange, {\n          bubbles: true,\n          cancelable: true,\n          composed: true,\n          detail: {\n            selectedDates,\n          },\n        })\n      );\n    };\n\n    /**\n     * Registers this Flatpickr plugin.\n     *\n     * @param calendar The Flatpickr instance.\n     */\n    const register = (_selectedDates, _value, calendar: FlatpickrInstance) => {\n      datePicker.calendar = calendar;\n      fp.loadedPlugins.push('carbonFlatpickrStateHandshakePlugin');\n    };\n\n    return {\n      onOpen: setOpen,\n      onClose: setClosed,\n      onChange: handleChange,\n      onReady: [register],\n    };\n  };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAMA;AACA;AACA;AACA;AACA,gBAAgBA,UAAyB,IACtCC,EAAqB,IAAK;EACzB;AACJ;AACA;EACI,MAAMC,OAAO,GAAGA,CAAA,KAAM;IACpBF,UAAU,CAACG,IAAI,GAAG,IAAI;EACxB,CAAC;;EAED;AACJ;AACA;EACI,MAAMC,SAAS,GAAGA,CAAA,KAAM;IACtBJ,UAAU,CAACG,IAAI,GAAG,KAAK;EACzB,CAAC;;EAED;AACJ;AACA;AACA;AACA;EACI,MAAME,YAAY,GAAIC,aAAqB,IAAK;IAC9C,MAAM;MAAEC;IAAY,CAAC,GAAGP,UAAU,CAACQ,WAAmC;IACtER,UAAU,CAACS,aAAa,CACtB,IAAIC,WAAW,CAACH,WAAW,EAAE;MAC3BI,OAAO,EAAE,IAAI;MACbC,UAAU,EAAE,IAAI;MAChBC,QAAQ,EAAE,IAAI;MACdC,MAAM,EAAE;QACNR;MACF;IACF,CAAC,CAAC,CACH;EACH,CAAC;;EAED;AACJ;AACA;AACA;AACA;EACI,MAAMS,QAAQ,GAAGA,CAACC,cAAc,EAAEC,MAAM,EAAEC,QAA2B,KAAK;IACxElB,UAAU,CAACkB,QAAQ,GAAGA,QAAQ;IAC9BjB,EAAE,CAACkB,aAAa,CAACC,IAAI,CAAC,qCAAqC,CAAC;EAC9D,CAAC;EAED,OAAO;IACLC,MAAM,EAAEnB,OAAO;IACfoB,OAAO,EAAElB,SAAS;IAClBmB,QAAQ,EAAElB,YAAY;IACtBmB,OAAO,EAAE,CAACT,QAAQ;EACpB,CAAC;AACH,CAAC"}

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

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2020
+ * Copyright IBM Corp. 2020, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -50,9 +50,9 @@ export declare enum DROPDOWN_SIZE {
      */
     SMALL = "sm",
     /**
-     * Extra large size.
+     * Large size.
      */
-    EXTRA_LARGE = "xl"
+    LARGE = "lg"
 }
 /**
  * Dropdown types.
@@ -67,5 +67,18 @@ export declare enum DROPDOWN_TYPE {
      */
     INLINE = "inline"
 }
+/**
+ * Dropdown direction.
+ */
+export declare enum DROPDOWN_DIRECTION {
+    /**
+     * Top.
+     */
+    TOP = "top",
+    /**
+     * Bottom.
+     */
+    BOTTOM = "bottom"
+}
 
 //# sourceMappingURL=defs.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"sources":["components/dropdown/defs.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,yBAAyB,IAAI,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAEhG;;GAEG;AACH,eAAO,MAAM,oBAAoB;;;;;CAKhC,CAAC;AAEF;;GAEG;AACH,oBAAY,wBAAwB;IAClC;;OAEG;IACH,IAAI,SAAS;IAEb;;OAEG;IACH,OAAO,YAAY;IAEnB;;OAEG;IACH,UAAU,eAAe;IAEzB;;OAEG;IACH,UAAU,eAAe;CAC1B;AAED;;GAEG;AACH,oBAAY,aAAa;IACvB;;OAEG;IACH,OAAO,KAAK;IAEZ;;OAEG;IACH,KAAK,OAAO;IAEZ;;OAEG;IACH,WAAW,OAAO;CACnB;AAED;;GAEG;AACH,oBAAY,aAAa;IACvB;;OAEG;IACH,OAAO,KAAK;IAEZ;;OAEG;IACH,MAAM,WAAW;CAClB","file":"defs.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020\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 DROPDOWN_COLOR_SCHEME } from '../../globals/shared-enums';\n\n/**\n * Navigation direction, associated with key symbols.\n */\nexport const NAVIGATION_DIRECTION = {\n  Up: -1,\n  ArrowUp: -1,\n  Down: 1,\n  ArrowDown: 1,\n};\n\n/**\n * The keyboard action categories for dropdown.\n */\nexport enum DROPDOWN_KEYBOARD_ACTION {\n  /**\n   * Not doing any action.\n   */\n  NONE = 'none',\n\n  /**\n   * Keyboard action to close menu.\n   */\n  CLOSING = 'closing',\n\n  /**\n   * Keyboard action to navigate back/forward.\n   */\n  NAVIGATING = 'navigating',\n\n  /**\n   * Keyboard action to open/close menu on the trigger button or select/deselect a menu item.\n   */\n  TRIGGERING = 'triggering',\n}\n\n/**\n * Dropdown size.\n */\nexport enum DROPDOWN_SIZE {\n  /**\n   * Regular size.\n   */\n  REGULAR = '',\n\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Extra large size.\n   */\n  EXTRA_LARGE = 'xl',\n}\n\n/**\n * Dropdown types.\n */\nexport enum DROPDOWN_TYPE {\n  /**\n   * Regular type.\n   */\n  REGULAR = '',\n\n  /**\n   * Inline type.\n   */\n  INLINE = 'inline',\n}\n"]}
+{"version":3,"sources":["components/dropdown/defs.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,yBAAyB,IAAI,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAEhG;;GAEG;AACH,eAAO,MAAM,oBAAoB;;;;;CAKhC,CAAC;AAEF;;GAEG;AACH,oBAAY,wBAAwB;IAClC;;OAEG;IACH,IAAI,SAAS;IAEb;;OAEG;IACH,OAAO,YAAY;IAEnB;;OAEG;IACH,UAAU,eAAe;IAEzB;;OAEG;IACH,UAAU,eAAe;CAC1B;AAED;;GAEG;AACH,oBAAY,aAAa;IACvB;;OAEG;IACH,OAAO,KAAK;IAEZ;;OAEG;IACH,KAAK,OAAO;IAEZ;;OAEG;IACH,KAAK,OAAO;CACb;AAED;;GAEG;AACH,oBAAY,aAAa;IACvB;;OAEG;IACH,OAAO,KAAK;IAEZ;;OAEG;IACH,MAAM,WAAW;CAClB;AAED;;GAEG;AACH,oBAAY,kBAAkB;IAC5B;;OAEG;IACH,GAAG,QAAQ;IAEX;;OAEG;IACH,MAAM,WAAW;CAClB","file":"defs.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 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 DROPDOWN_COLOR_SCHEME } from '../../globals/shared-enums';\n\n/**\n * Navigation direction, associated with key symbols.\n */\nexport const NAVIGATION_DIRECTION = {\n  Up: -1,\n  ArrowUp: -1,\n  Down: 1,\n  ArrowDown: 1,\n};\n\n/**\n * The keyboard action categories for dropdown.\n */\nexport enum DROPDOWN_KEYBOARD_ACTION {\n  /**\n   * Not doing any action.\n   */\n  NONE = 'none',\n\n  /**\n   * Keyboard action to close menu.\n   */\n  CLOSING = 'closing',\n\n  /**\n   * Keyboard action to navigate back/forward.\n   */\n  NAVIGATING = 'navigating',\n\n  /**\n   * Keyboard action to open/close menu on the trigger button or select/deselect a menu item.\n   */\n  TRIGGERING = 'triggering',\n}\n\n/**\n * Dropdown size.\n */\nexport enum DROPDOWN_SIZE {\n  /**\n   * Regular size.\n   */\n  REGULAR = '',\n\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n}\n\n/**\n * Dropdown types.\n */\nexport enum DROPDOWN_TYPE {\n  /**\n   * Regular type.\n   */\n  REGULAR = '',\n\n  /**\n   * Inline type.\n   */\n  INLINE = 'inline',\n}\n\n/**\n * Dropdown direction.\n */\nexport enum DROPDOWN_DIRECTION {\n  /**\n   * Top.\n   */\n  TOP = 'top',\n\n  /**\n   * Bottom.\n   */\n  BOTTOM = 'bottom',\n}\n"]}

package/es/components/dropdown/defs.js

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2020
+ * Copyright IBM Corp. 2020, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -41,11 +41,20 @@ export let DROPDOWN_SIZE;
 (function (DROPDOWN_SIZE) {
   DROPDOWN_SIZE["REGULAR"] = "";
   DROPDOWN_SIZE["SMALL"] = "sm";
-  DROPDOWN_SIZE["EXTRA_LARGE"] = "xl";
+  DROPDOWN_SIZE["LARGE"] = "lg";
 })(DROPDOWN_SIZE || (DROPDOWN_SIZE = {}));
 export let DROPDOWN_TYPE;
+
+/**
+ * Dropdown direction.
+ */
 (function (DROPDOWN_TYPE) {
   DROPDOWN_TYPE["REGULAR"] = "";
   DROPDOWN_TYPE["INLINE"] = "inline";
 })(DROPDOWN_TYPE || (DROPDOWN_TYPE = {}));
+export let DROPDOWN_DIRECTION;
+(function (DROPDOWN_DIRECTION) {
+  DROPDOWN_DIRECTION["TOP"] = "top";
+  DROPDOWN_DIRECTION["BOTTOM"] = "bottom";
+})(DROPDOWN_DIRECTION || (DROPDOWN_DIRECTION = {}));
 //# sourceMappingURL=defs.js.map

package/es/components/dropdown/defs.js.map

@@ -1 +1 @@
-{"version":3,"file":"defs.js","names":["FORM_ELEMENT_COLOR_SCHEME","DROPDOWN_COLOR_SCHEME","NAVIGATION_DIRECTION","Up","ArrowUp","Down","ArrowDown","DROPDOWN_KEYBOARD_ACTION","DROPDOWN_SIZE","DROPDOWN_TYPE"],"sources":["components/dropdown/defs.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020\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 DROPDOWN_COLOR_SCHEME } from '../../globals/shared-enums';\n\n/**\n * Navigation direction, associated with key symbols.\n */\nexport const NAVIGATION_DIRECTION = {\n  Up: -1,\n  ArrowUp: -1,\n  Down: 1,\n  ArrowDown: 1,\n};\n\n/**\n * The keyboard action categories for dropdown.\n */\nexport enum DROPDOWN_KEYBOARD_ACTION {\n  /**\n   * Not doing any action.\n   */\n  NONE = 'none',\n\n  /**\n   * Keyboard action to close menu.\n   */\n  CLOSING = 'closing',\n\n  /**\n   * Keyboard action to navigate back/forward.\n   */\n  NAVIGATING = 'navigating',\n\n  /**\n   * Keyboard action to open/close menu on the trigger button or select/deselect a menu item.\n   */\n  TRIGGERING = 'triggering',\n}\n\n/**\n * Dropdown size.\n */\nexport enum DROPDOWN_SIZE {\n  /**\n   * Regular size.\n   */\n  REGULAR = '',\n\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Extra large size.\n   */\n  EXTRA_LARGE = 'xl',\n}\n\n/**\n * Dropdown types.\n */\nexport enum DROPDOWN_TYPE {\n  /**\n   * Regular type.\n   */\n  REGULAR = '',\n\n  /**\n   * Inline type.\n   */\n  INLINE = 'inline',\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,yBAAyB,IAAIC,qBAAqB,QAAQ,4BAA4B;;AAE/F;AACA;AACA;AACA,OAAO,MAAMC,oBAAoB,GAAG;EAClCC,EAAE,EAAE,CAAC,CAAC;EACNC,OAAO,EAAE,CAAC,CAAC;EACXC,IAAI,EAAE,CAAC;EACPC,SAAS,EAAE;AACb,CAAC;;AAED;AACA;AACA;AACA,WAAYC,wBAAwB;;AAsBpC;AACA;AACA;AAFA,WAtBYA,wBAAwB;EAAxBA,wBAAwB;EAAxBA,wBAAwB;EAAxBA,wBAAwB;EAAxBA,wBAAwB;AAAA,GAAxBA,wBAAwB,KAAxBA,wBAAwB;AAyBpC,WAAYC,aAAa;;AAiBzB;AACA;AACA;AAFA,WAjBYA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;AAAA,GAAbA,aAAa,KAAbA,aAAa;AAoBzB,WAAYC,aAAa;AAUxB,WAVWA,aAAa;EAAbA,aAAa;EAAbA,aAAa;AAAA,GAAbA,aAAa,KAAbA,aAAa"}
+{"version":3,"file":"defs.js","names":["FORM_ELEMENT_COLOR_SCHEME","DROPDOWN_COLOR_SCHEME","NAVIGATION_DIRECTION","Up","ArrowUp","Down","ArrowDown","DROPDOWN_KEYBOARD_ACTION","DROPDOWN_SIZE","DROPDOWN_TYPE","DROPDOWN_DIRECTION"],"sources":["components/dropdown/defs.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 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 DROPDOWN_COLOR_SCHEME } from '../../globals/shared-enums';\n\n/**\n * Navigation direction, associated with key symbols.\n */\nexport const NAVIGATION_DIRECTION = {\n  Up: -1,\n  ArrowUp: -1,\n  Down: 1,\n  ArrowDown: 1,\n};\n\n/**\n * The keyboard action categories for dropdown.\n */\nexport enum DROPDOWN_KEYBOARD_ACTION {\n  /**\n   * Not doing any action.\n   */\n  NONE = 'none',\n\n  /**\n   * Keyboard action to close menu.\n   */\n  CLOSING = 'closing',\n\n  /**\n   * Keyboard action to navigate back/forward.\n   */\n  NAVIGATING = 'navigating',\n\n  /**\n   * Keyboard action to open/close menu on the trigger button or select/deselect a menu item.\n   */\n  TRIGGERING = 'triggering',\n}\n\n/**\n * Dropdown size.\n */\nexport enum DROPDOWN_SIZE {\n  /**\n   * Regular size.\n   */\n  REGULAR = '',\n\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n}\n\n/**\n * Dropdown types.\n */\nexport enum DROPDOWN_TYPE {\n  /**\n   * Regular type.\n   */\n  REGULAR = '',\n\n  /**\n   * Inline type.\n   */\n  INLINE = 'inline',\n}\n\n/**\n * Dropdown direction.\n */\nexport enum DROPDOWN_DIRECTION {\n  /**\n   * Top.\n   */\n  TOP = 'top',\n\n  /**\n   * Bottom.\n   */\n  BOTTOM = 'bottom',\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,yBAAyB,IAAIC,qBAAqB,QAAQ,4BAA4B;;AAE/F;AACA;AACA;AACA,OAAO,MAAMC,oBAAoB,GAAG;EAClCC,EAAE,EAAE,CAAC,CAAC;EACNC,OAAO,EAAE,CAAC,CAAC;EACXC,IAAI,EAAE,CAAC;EACPC,SAAS,EAAE;AACb,CAAC;;AAED;AACA;AACA;AACA,WAAYC,wBAAwB;;AAsBpC;AACA;AACA;AAFA,WAtBYA,wBAAwB;EAAxBA,wBAAwB;EAAxBA,wBAAwB;EAAxBA,wBAAwB;EAAxBA,wBAAwB;AAAA,GAAxBA,wBAAwB,KAAxBA,wBAAwB;AAyBpC,WAAYC,aAAa;;AAiBzB;AACA;AACA;AAFA,WAjBYA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;AAAA,GAAbA,aAAa,KAAbA,aAAa;AAoBzB,WAAYC,aAAa;;AAYzB;AACA;AACA;AAFA,WAZYA,aAAa;EAAbA,aAAa;EAAbA,aAAa;AAAA,GAAbA,aAAa,KAAbA,aAAa;AAezB,WAAYC,kBAAkB;AAU7B,WAVWA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;AAAA,GAAlBA,kBAAkB,KAAlBA,kBAAkB"}

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

@@ -14,7 +14,7 @@ import { DROPDOWN_SIZE } from './dropdown';
  * @element cds-dropdown-item
  * @csspart selected-icon The selected icon.
  */
-declare class BXDropdownItem extends LitElement {
+declare class CDSDropdownItem extends LitElement {
     /**
      * `true` if this dropdown item should be disabled.
      */
@@ -43,6 +43,6 @@ declare class BXDropdownItem extends LitElement {
     render(): import("lit-html").TemplateResult<1>;
     static styles: any;
 }
-export default BXDropdownItem;
+export default CDSDropdownItem;
 
 //# sourceMappingURL=dropdown-item.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"sources":["components/dropdown/dropdown-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAG3C;;;;;GAKG;AACH,cACM,cAAe,SAAQ,UAAU;IACrC;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;;;;OAKG;IAEH,WAAW,UAAS;IAEpB;;;;OAIG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,IAAI,gBAAyB;IAE7B;;OAEG;IAEH,KAAK,SAAM;IAEX,MAAM;IAeN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,cAAc,CAAC","file":"dropdown-item.d.ts","sourcesContent":["/**\n * @license\n *\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 { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport Checkmark16 from '@carbon/icons/lib/checkmark/16';\nimport { prefix } from '../../globals/settings';\nimport { DROPDOWN_SIZE } from './dropdown';\nimport styles from './dropdown.scss';\n\n/**\n * Dropdown item.\n *\n * @element cds-dropdown-item\n * @csspart selected-icon The selected icon.\n */\n@customElement(`${prefix}-dropdown-item`)\nclass BXDropdownItem extends LitElement {\n  /**\n   * `true` if this dropdown item should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if this dropdown item should be highlighted.\n   * If `true`, parent `<dropdown>` selects/deselects this dropdown item upon keyboard interaction.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  highlighted = false;\n\n  /**\n   * `true` if this dropdown item should be selected.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  selected = false;\n\n  /**\n   * Dropdown size.\n   */\n  @property({ reflect: true })\n  size = DROPDOWN_SIZE.REGULAR;\n\n  /**\n   * The `value` attribute that is set to the parent `<cds-dropdown>` when this dropdown item is selected.\n   */\n  @property()\n  value = '';\n\n  render() {\n    const { selected } = this;\n    return html`\n      <div class=\"${prefix}--list-box__menu-item__option\">\n        <slot></slot>\n        ${!selected\n          ? undefined\n          : Checkmark16({\n              part: 'selected-icon',\n              class: `${prefix}--list-box__menu-item__selected-icon`,\n            })}\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXDropdownItem;\n"]}
+{"version":3,"sources":["components/dropdown/dropdown-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAG3C;;;;;GAKG;AACH,cACM,eAAgB,SAAQ,UAAU;IACtC;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;;;;OAKG;IAEH,WAAW,UAAS;IAEpB;;;;OAIG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,IAAI,gBAAyB;IAE7B;;OAEG;IAEH,KAAK,SAAM;IAEX,MAAM;IAeN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,eAAe,CAAC","file":"dropdown-item.d.ts","sourcesContent":["/**\n * @license\n *\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 { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport Checkmark16 from '@carbon/icons/lib/checkmark/16';\nimport { prefix } from '../../globals/settings';\nimport { DROPDOWN_SIZE } from './dropdown';\nimport styles from './dropdown.scss';\n\n/**\n * Dropdown item.\n *\n * @element cds-dropdown-item\n * @csspart selected-icon The selected icon.\n */\n@customElement(`${prefix}-dropdown-item`)\nclass CDSDropdownItem extends LitElement {\n  /**\n   * `true` if this dropdown item should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if this dropdown item should be highlighted.\n   * If `true`, parent `<dropdown>` selects/deselects this dropdown item upon keyboard interaction.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  highlighted = false;\n\n  /**\n   * `true` if this dropdown item should be selected.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  selected = false;\n\n  /**\n   * Dropdown size.\n   */\n  @property({ reflect: true })\n  size = DROPDOWN_SIZE.REGULAR;\n\n  /**\n   * The `value` attribute that is set to the parent `<cds-dropdown>` when this dropdown item is selected.\n   */\n  @property()\n  value = '';\n\n  render() {\n    const { selected } = this;\n    return html`\n      <div class=\"${prefix}--list-box__menu-item__option\">\n        <slot></slot>\n        ${!selected\n          ? undefined\n          : Checkmark16({\n              part: 'selected-icon',\n              class: `${prefix}--list-box__menu-item__selected-icon`,\n            })}\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSDropdownItem;\n"]}

package/es/components/dropdown/dropdown-item.js

@@ -28,15 +28,15 @@ import styles from "././dropdown.css.js";
      * @element cds-dropdown-item
      * @csspart selected-icon The selected icon.
      */
-let BXDropdownItem = _decorate([customElement(`${prefix}-dropdown-item`)], function (_initialize, _LitElement) {
-  class BXDropdownItem extends _LitElement {
+let CDSDropdownItem = _decorate([customElement(`${prefix}-dropdown-item`)], function (_initialize, _LitElement) {
+  class CDSDropdownItem extends _LitElement {
     constructor(...args) {
       super(...args);
       _initialize(this);
     }
   }
   return {
-    F: BXDropdownItem,
+    F: CDSDropdownItem,
     d: [{
       kind: "field",
       decorators: [property({
@@ -136,5 +136,5 @@ let BXDropdownItem = _decorate([customElement(`${prefix}-dropdown-item`)], funct
     }]
   };
 }, LitElement);
-export default BXDropdownItem;
+export default CDSDropdownItem;
 //# sourceMappingURL=dropdown-item.js.map

package/es/components/dropdown/dropdown-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-item.js","names":["LitElement","html","property","customElement","Checkmark16","prefix","DROPDOWN_SIZE","styles","BXDropdownItem","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","REGULAR","render","selected","_t","_","undefined","part","class","static"],"sources":["components/dropdown/dropdown-item.ts"],"sourcesContent":["/**\n * @license\n *\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 { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport Checkmark16 from '@carbon/icons/lib/checkmark/16';\nimport { prefix } from '../../globals/settings';\nimport { DROPDOWN_SIZE } from './dropdown';\nimport styles from './dropdown.scss';\n\n/**\n * Dropdown item.\n *\n * @element cds-dropdown-item\n * @csspart selected-icon The selected icon.\n */\n@customElement(`${prefix}-dropdown-item`)\nclass BXDropdownItem extends LitElement {\n  /**\n   * `true` if this dropdown item should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if this dropdown item should be highlighted.\n   * If `true`, parent `<dropdown>` selects/deselects this dropdown item upon keyboard interaction.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  highlighted = false;\n\n  /**\n   * `true` if this dropdown item should be selected.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  selected = false;\n\n  /**\n   * Dropdown size.\n   */\n  @property({ reflect: true })\n  size = DROPDOWN_SIZE.REGULAR;\n\n  /**\n   * The `value` attribute that is set to the parent `<cds-dropdown>` when this dropdown item is selected.\n   */\n  @property()\n  value = '';\n\n  render() {\n    const { selected } = this;\n    return html`\n      <div class=\"${prefix}--list-box__menu-item__option\">\n        <slot></slot>\n        ${!selected\n          ? undefined\n          : Checkmark16({\n              part: 'selected-icon',\n              class: `${prefix}--list-box__menu-item__selected-icon`,\n            })}\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXDropdownItem;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,EAAEC,aAAa,QAAQ,mBAAmB;AAC3D,OAAOC,WAAW,MAAM,0BAAgC;AACxD,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,SAASC,aAAa,QAAQ,YAAY;AAC1C,OAAOC,MAAM,MAAM,qBAAiB;;AAEpC;AACA;AACA;AACA;AACA;AACA,GALA;AACA;AACA;AACA;AACA;AACA;AALA,IAOMC,cAAc,GAAAC,SAAA,EADnBN,aAAa,CAAE,GAAEE,MAAO,gBAAe,CAAC,aAAAK,WAAA,EAAAC,WAAA;EAAzC,MACMH,cAAc,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAoDxC;EAAC;IAAAI,CAAA,EApDKN,cAAc;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIjBf,QAAQ,CAAC;QAAEgB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAQff,QAAQ,CAAC;QAAEgB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAC7B,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAOlBf,QAAQ,CAAC;QAAEgB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKff,QAAQ,CAAC;QAAEkB,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACrBhB,aAAa,CAACiB,OAAO;MAAA;IAAA;MAAAP,IAAA;MAAAC,UAAA,GAK3Bf,QAAQ,EAAE;MAAAmB,GAAA;MAAAC,MAAA;QAAA,OACH,EAAE;MAAA;IAAA;MAAAN,IAAA;MAAAK,GAAA;MAAAC,KAAA;MAjCV;AACF;AACA;;MAIE;AACF;AACA;AACA;AACA;AACA;;MAIE;AACF;AACA;AACA;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAE,OAAA,EAAS;QACP,MAAM;UAAEC;QAAS,CAAC,GAAG,IAAI;QACzB,OAAOxB,IAAI,CAAAyB,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB,oBAAkB,CAAS;AAC3B;AACA,UAAQ,CAKO;AACf;AACA,KAAI,GATgBtB,MAAM,EAEhB,CAACoB,QAAQ,GACPG,SAAS,GACTxB,WAAW,CAAC;UACVyB,IAAI,EAAE,eAAe;UACrBC,KAAK,EAAG,GAAEzB,MAAO;QACnB,CAAC,CAAC;MAGZ;IAAC;MAAAW,IAAA;MAAAe,MAAA;MAAAV,GAAA;MAAAC,MAAA;QAAA,OAEef,MAAM;MAAA;IAAA;EAAA;AAAA,GAnDKP,UAAU;AAsDvC,eAAeQ,cAAc"}
+{"version":3,"file":"dropdown-item.js","names":["LitElement","html","property","customElement","Checkmark16","prefix","DROPDOWN_SIZE","styles","CDSDropdownItem","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","REGULAR","render","selected","_t","_","undefined","part","class","static"],"sources":["components/dropdown/dropdown-item.ts"],"sourcesContent":["/**\n * @license\n *\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 { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport Checkmark16 from '@carbon/icons/lib/checkmark/16';\nimport { prefix } from '../../globals/settings';\nimport { DROPDOWN_SIZE } from './dropdown';\nimport styles from './dropdown.scss';\n\n/**\n * Dropdown item.\n *\n * @element cds-dropdown-item\n * @csspart selected-icon The selected icon.\n */\n@customElement(`${prefix}-dropdown-item`)\nclass CDSDropdownItem extends LitElement {\n  /**\n   * `true` if this dropdown item should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if this dropdown item should be highlighted.\n   * If `true`, parent `<dropdown>` selects/deselects this dropdown item upon keyboard interaction.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  highlighted = false;\n\n  /**\n   * `true` if this dropdown item should be selected.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  selected = false;\n\n  /**\n   * Dropdown size.\n   */\n  @property({ reflect: true })\n  size = DROPDOWN_SIZE.REGULAR;\n\n  /**\n   * The `value` attribute that is set to the parent `<cds-dropdown>` when this dropdown item is selected.\n   */\n  @property()\n  value = '';\n\n  render() {\n    const { selected } = this;\n    return html`\n      <div class=\"${prefix}--list-box__menu-item__option\">\n        <slot></slot>\n        ${!selected\n          ? undefined\n          : Checkmark16({\n              part: 'selected-icon',\n              class: `${prefix}--list-box__menu-item__selected-icon`,\n            })}\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSDropdownItem;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,EAAEC,aAAa,QAAQ,mBAAmB;AAC3D,OAAOC,WAAW,MAAM,0BAAgC;AACxD,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,SAASC,aAAa,QAAQ,YAAY;AAC1C,OAAOC,MAAM,MAAM,qBAAiB;;AAEpC;AACA;AACA;AACA;AACA;AACA,GALA;AACA;AACA;AACA;AACA;AACA;AALA,IAOMC,eAAe,GAAAC,SAAA,EADpBN,aAAa,CAAE,GAAEE,MAAO,gBAAe,CAAC,aAAAK,WAAA,EAAAC,WAAA;EAAzC,MACMH,eAAe,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAoDzC;EAAC;IAAAI,CAAA,EApDKN,eAAe;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIlBf,QAAQ,CAAC;QAAEgB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAQff,QAAQ,CAAC;QAAEgB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAC7B,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAOlBf,QAAQ,CAAC;QAAEgB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKff,QAAQ,CAAC;QAAEkB,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACrBhB,aAAa,CAACiB,OAAO;MAAA;IAAA;MAAAP,IAAA;MAAAC,UAAA,GAK3Bf,QAAQ,EAAE;MAAAmB,GAAA;MAAAC,MAAA;QAAA,OACH,EAAE;MAAA;IAAA;MAAAN,IAAA;MAAAK,GAAA;MAAAC,KAAA;MAjCV;AACF;AACA;;MAIE;AACF;AACA;AACA;AACA;AACA;;MAIE;AACF;AACA;AACA;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAE,OAAA,EAAS;QACP,MAAM;UAAEC;QAAS,CAAC,GAAG,IAAI;QACzB,OAAOxB,IAAI,CAAAyB,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB,oBAAkB,CAAS;AAC3B;AACA,UAAQ,CAKO;AACf;AACA,KAAI,GATgBtB,MAAM,EAEhB,CAACoB,QAAQ,GACPG,SAAS,GACTxB,WAAW,CAAC;UACVyB,IAAI,EAAE,eAAe;UACrBC,KAAK,EAAG,GAAEzB,MAAO;QACnB,CAAC,CAAC;MAGZ;IAAC;MAAAW,IAAA;MAAAe,MAAA;MAAAV,GAAA;MAAAC,MAAA;QAAA,OAEef,MAAM;MAAA;IAAA;EAAA;AAAA,GAnDMP,UAAU;AAsDxC,eAAeQ,eAAe"}

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

@@ -10,10 +10,10 @@ import { LitElement } from 'lit';
 /**
  * Skeleton version of dropdown.
  */
-declare class BXDropdownSkeleton extends LitElement {
+declare class CDSDropdownSkeleton extends LitElement {
     render(): import("lit-html").TemplateResult<1>;
     static styles: any;
 }
-export default BXDropdownSkeleton;
+export default CDSDropdownSkeleton;
 
 //# sourceMappingURL=dropdown-skeleton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"sources":["components/dropdown/dropdown-skeleton.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;GAEG;AACH,cACM,kBAAmB,SAAQ,UAAU;IACzC,MAAM;IAWN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,kBAAkB,CAAC","file":"dropdown-skeleton.d.ts","sourcesContent":["/**\n * @license\n *\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 { LitElement, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './dropdown.scss';\n\n/**\n * Skeleton version of dropdown.\n */\n@customElement(`${prefix}-dropdown-skeleton`)\nclass BXDropdownSkeleton extends LitElement {\n  render() {\n    return html`\n      <div\n        class=\"${prefix}--skeleton ${prefix}--dropdown-v2 ${prefix}--list-box ${prefix}--form-item\">\n        <div class=\"${prefix}--list-box__field\">\n          <span class=\"${prefix}--list-box__label\"></span>\n        </div>\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXDropdownSkeleton;\n"]}
+{"version":3,"sources":["components/dropdown/dropdown-skeleton.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;GAEG;AACH,cACM,mBAAoB,SAAQ,UAAU;IAC1C,MAAM;IAWN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,mBAAmB,CAAC","file":"dropdown-skeleton.d.ts","sourcesContent":["/**\n * @license\n *\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 { LitElement, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './dropdown.scss';\n\n/**\n * Skeleton version of dropdown.\n */\n@customElement(`${prefix}-dropdown-skeleton`)\nclass CDSDropdownSkeleton extends LitElement {\n  render() {\n    return html`\n      <div\n        class=\"${prefix}--skeleton ${prefix}--dropdown-v2 ${prefix}--list-box ${prefix}--form-item\">\n        <div class=\"${prefix}--list-box__field\">\n          <span class=\"${prefix}--list-box__label\"></span>\n        </div>\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSDropdownSkeleton;\n"]}

package/es/components/dropdown/dropdown-skeleton.js

@@ -20,15 +20,15 @@ import styles from "././dropdown.css.js";
  */ /**
      * Skeleton version of dropdown.
      */
-let BXDropdownSkeleton = _decorate([customElement(`${prefix}-dropdown-skeleton`)], function (_initialize, _LitElement) {
-  class BXDropdownSkeleton extends _LitElement {
+let CDSDropdownSkeleton = _decorate([customElement(`${prefix}-dropdown-skeleton`)], function (_initialize, _LitElement) {
+  class CDSDropdownSkeleton extends _LitElement {
     constructor(...args) {
       super(...args);
       _initialize(this);
     }
   }
   return {
-    F: BXDropdownSkeleton,
+    F: CDSDropdownSkeleton,
     d: [{
       kind: "method",
       key: "render",
@@ -52,5 +52,5 @@ let BXDropdownSkeleton = _decorate([customElement(`${prefix}-dropdown-skeleton`)
     }]
   };
 }, LitElement);
-export default BXDropdownSkeleton;
+export default CDSDropdownSkeleton;
 //# sourceMappingURL=dropdown-skeleton.js.map

package/es/components/dropdown/dropdown-skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-skeleton.js","names":["LitElement","html","customElement","prefix","styles","BXDropdownSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","static"],"sources":["components/dropdown/dropdown-skeleton.ts"],"sourcesContent":["/**\n * @license\n *\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 { LitElement, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './dropdown.scss';\n\n/**\n * Skeleton version of dropdown.\n */\n@customElement(`${prefix}-dropdown-skeleton`)\nclass BXDropdownSkeleton extends LitElement {\n  render() {\n    return html`\n      <div\n        class=\"${prefix}--skeleton ${prefix}--dropdown-v2 ${prefix}--list-box ${prefix}--form-item\">\n        <div class=\"${prefix}--list-box__field\">\n          <span class=\"${prefix}--list-box__label\"></span>\n        </div>\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXDropdownSkeleton;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,qBAAiB;;AAEpC;AACA;AACA,GAFA;AACA;AACA;AAFA,IAIMC,kBAAkB,GAAAC,SAAA,EADvBJ,aAAa,CAAE,GAAEC,MAAO,oBAAmB,CAAC,aAAAI,WAAA,EAAAC,WAAA;EAA7C,MACMH,kBAAkB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAa5C;EAAC;IAAAI,CAAA,EAbKN,kBAAkB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACtB,SAAAC,OAAA,EAAS;QACP,OAAOf,IAAI,CAAAgB,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB;AACA,iBAAe,CAAS,cAAW,CAAS,iBAAc,CAAS,cAAW,CAAS;AACvF,sBAAoB,CAAS;AAC7B,yBAAuB,CAAS;AAChC;AACA;AACA,KAAI,GALaf,MAAM,EAAcA,MAAM,EAAiBA,MAAM,EAAcA,MAAM,EAChEA,MAAM,EACHA,MAAM;MAI7B;IAAC;MAAAU,IAAA;MAAAM,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAEeX,MAAM;MAAA;IAAA;EAAA;AAAA,GAZSJ,UAAU;AAe3C,eAAeK,kBAAkB"}
+{"version":3,"file":"dropdown-skeleton.js","names":["LitElement","html","customElement","prefix","styles","CDSDropdownSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","static"],"sources":["components/dropdown/dropdown-skeleton.ts"],"sourcesContent":["/**\n * @license\n *\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 { LitElement, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './dropdown.scss';\n\n/**\n * Skeleton version of dropdown.\n */\n@customElement(`${prefix}-dropdown-skeleton`)\nclass CDSDropdownSkeleton extends LitElement {\n  render() {\n    return html`\n      <div\n        class=\"${prefix}--skeleton ${prefix}--dropdown-v2 ${prefix}--list-box ${prefix}--form-item\">\n        <div class=\"${prefix}--list-box__field\">\n          <span class=\"${prefix}--list-box__label\"></span>\n        </div>\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSDropdownSkeleton;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,qBAAiB;;AAEpC;AACA;AACA,GAFA;AACA;AACA;AAFA,IAIMC,mBAAmB,GAAAC,SAAA,EADxBJ,aAAa,CAAE,GAAEC,MAAO,oBAAmB,CAAC,aAAAI,WAAA,EAAAC,WAAA;EAA7C,MACMH,mBAAmB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAa7C;EAAC;IAAAI,CAAA,EAbKN,mBAAmB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACvB,SAAAC,OAAA,EAAS;QACP,OAAOf,IAAI,CAAAgB,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB;AACA,iBAAe,CAAS,cAAW,CAAS,iBAAc,CAAS,cAAW,CAAS;AACvF,sBAAoB,CAAS;AAC7B,yBAAuB,CAAS;AAChC;AACA;AACA,KAAI,GALaf,MAAM,EAAcA,MAAM,EAAiBA,MAAM,EAAcA,MAAM,EAChEA,MAAM,EACHA,MAAM;MAI7B;IAAC;MAAAU,IAAA;MAAAM,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAEeX,MAAM;MAAA;IAAA;EAAA;AAAA,GAZUJ,UAAU;AAe5C,eAAeK,mBAAmB"}