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

package/custom-elements.json

@@ -3643,10 +3643,22 @@
       ]
     },
     {
-      "name": "cds-file-drop-container",
-      "path": "./src/components/file-uploader/drop-container.ts",
-      "description": "File drop container.",
+      "name": "cds-file-uploader-container",
+      "path": "./src/components/file-uploader/file-uploader-button.ts",
+      "description": "File uploader button .",
       "attributes": [
+        {
+          "name": "button-kind",
+          "description": "Button kind.",
+          "type": "BUTTON_KIND",
+          "default": "\"primary\""
+        },
+        {
+          "name": "size",
+          "description": "Button size.",
+          "type": "BUTTON_SIZE",
+          "default": "\"md\""
+        },
         {
           "name": "accept",
           "description": "The file types the file input should accept, separated by space.",
@@ -3665,6 +3677,12 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "name",
+          "description": "The name of the input.",
+          "type": "string",
+          "default": "\"\""
+        },
         {
           "name": "slot",
           "description": "The shadow DOM slot to put this drop container in.",
@@ -3673,6 +3691,20 @@
         }
       ],
       "properties": [
+        {
+          "name": "buttonKind",
+          "attribute": "button-kind",
+          "description": "Button kind.",
+          "type": "BUTTON_KIND",
+          "default": "\"primary\""
+        },
+        {
+          "name": "size",
+          "attribute": "size",
+          "description": "Button size.",
+          "type": "BUTTON_SIZE",
+          "default": "\"md\""
+        },
         {
           "name": "accept",
           "attribute": "accept",
@@ -3694,6 +3726,13 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "name",
+          "attribute": "name",
+          "description": "The name of the input.",
+          "type": "string",
+          "default": "\"\""
+        },
         {
           "name": "slot",
           "attribute": "slot",
@@ -3708,7 +3747,91 @@
       ],
       "events": [
         {
-          "name": "cds-file-drop-container-changed",
+          "name": "cds-file-uploader-button-changed",
+          "description": "The custom event fired when there is a user gesture to select files to upload."
+        }
+      ]
+    },
+    {
+      "name": "cds-file-uploader-drop-container",
+      "path": "./src/components/file-uploader/file-uploader-drop-container.ts",
+      "description": "File uploader drop container.",
+      "attributes": [
+        {
+          "name": "accept",
+          "description": "The file types the file input should accept, separated by space.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "disabled",
+          "description": "`true` if this drop container should be disabled.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "multiple",
+          "description": "`true` if this drop container should accept more than one files at once.\nNote that even with `false` set here, user _can_ select multiple files one by one.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "name",
+          "description": "The name of the input.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "slot",
+          "description": "The shadow DOM slot to put this drop container in.",
+          "type": "string",
+          "default": "\"drop-container\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "accept",
+          "attribute": "accept",
+          "description": "The file types the file input should accept, separated by space.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "disabled",
+          "attribute": "disabled",
+          "description": "`true` if this drop container should be disabled.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "multiple",
+          "attribute": "multiple",
+          "description": "`true` if this drop container should accept more than one files at once.\nNote that even with `false` set here, user _can_ select multiple files one by one.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "name",
+          "attribute": "name",
+          "description": "The name of the input.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "slot",
+          "attribute": "slot",
+          "description": "The shadow DOM slot to put this drop container in.",
+          "type": "string",
+          "default": "\"drop-container\""
+        },
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        }
+      ],
+      "events": [
+        {
+          "name": "cds-file-uploader-drop-container-changed",
           "description": "The custom event fired when there is a user gesture to select files to upload."
         }
       ]
@@ -3719,7 +3842,7 @@
       "description": "File uploader item.",
       "attributes": [
         {
-          "name": "delete-assistive-text",
+          "name": "icon-description",
           "description": "The `aria-label` attribute for the icon to delete this file uploader item.",
           "type": "string",
           "default": "\"Delete this file\""
@@ -3734,7 +3857,7 @@
           "name": "size",
           "description": "The size of this file uploader item.",
           "type": "FILE_UPLOADER_ITEM_SIZE",
-          "default": "\"\""
+          "default": "\"md\""
         },
         {
           "name": "state",
@@ -3743,28 +3866,22 @@
           "default": "\"uploading\""
         },
         {
-          "name": "uploading-assistive-text",
-          "description": "The `aria-label` attribute for the icon to indicate file uploading is in progress.",
-          "type": "string",
-          "default": "\"Uploading\""
-        },
-        {
-          "name": "uploaded-assistive-text",
-          "description": "The `aria-label` attribute for the icon to indicate file uploading is complete.",
+          "name": "error-subject",
+          "description": "The error subject text.",
           "type": "string",
-          "default": "\"Uploaded\""
+          "default": "\"\""
         },
         {
-          "name": "validity-message",
-          "description": "The validity message.",
+          "name": "error-body",
+          "description": "The error body text",
           "type": "string",
           "default": "\"\""
         }
       ],
       "properties": [
         {
-          "name": "deleteAssistiveText",
-          "attribute": "delete-assistive-text",
+          "name": "iconDescription",
+          "attribute": "icon-description",
           "description": "The `aria-label` attribute for the icon to delete this file uploader item.",
           "type": "string",
           "default": "\"Delete this file\""
@@ -3781,7 +3898,7 @@
           "attribute": "size",
           "description": "The size of this file uploader item.",
           "type": "FILE_UPLOADER_ITEM_SIZE",
-          "default": "\"\""
+          "default": "\"md\""
         },
         {
           "name": "state",
@@ -3791,23 +3908,16 @@
           "default": "\"uploading\""
         },
         {
-          "name": "uploadingAssistiveText",
-          "attribute": "uploading-assistive-text",
-          "description": "The `aria-label` attribute for the icon to indicate file uploading is in progress.",
-          "type": "string",
-          "default": "\"Uploading\""
-        },
-        {
-          "name": "uploadedAssistiveText",
-          "attribute": "uploaded-assistive-text",
-          "description": "The `aria-label` attribute for the icon to indicate file uploading is complete.",
+          "name": "errorSubject",
+          "attribute": "error-subject",
+          "description": "The error subject text.",
           "type": "string",
-          "default": "\"Uploaded\""
+          "default": "\"\""
         },
         {
-          "name": "validityMessage",
-          "attribute": "validity-message",
-          "description": "The validity message.",
+          "name": "errorBody",
+          "attribute": "error-body",
+          "description": "The error body text",
           "type": "string",
           "default": "\"\""
         },
@@ -3837,36 +3947,54 @@
         }
       ]
     },
+    {
+      "name": "cds-file-uploader-skeleton",
+      "path": "./src/components/file-uploader/file-uploader-skeleton.ts",
+      "description": "The File uploader skeleton."
+    },
     {
       "name": "cds-file-uploader",
       "path": "./src/components/file-uploader/file-uploader.ts",
       "description": "The shell UI for file uploader.",
       "attributes": [
         {
-          "name": "helper-text",
-          "description": "The helper text.",
+          "name": "disabled",
+          "description": "`true` if the file uploader should disabled.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "label-description",
+          "description": "The description text.",
           "type": "string",
           "default": "\"\""
         },
         {
-          "name": "label-text",
-          "description": "The label text.",
+          "name": "label-title",
+          "description": "The label title.",
           "type": "string",
           "default": "\"\""
         }
       ],
       "properties": [
         {
-          "name": "helperText",
-          "attribute": "helper-text",
-          "description": "The helper text.",
+          "name": "disabled",
+          "attribute": "disabled",
+          "description": "`true` if the file uploader should disabled.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "labelDescription",
+          "attribute": "label-description",
+          "description": "The description text.",
           "type": "string",
           "default": "\"\""
         },
         {
-          "name": "labelText",
-          "attribute": "label-text",
-          "description": "The label text.",
+          "name": "labelTitle",
+          "attribute": "label-title",
+          "description": "The label title.",
           "type": "string",
           "default": "\"\""
         },
@@ -3877,12 +4005,10 @@
       ],
       "slots": [
         {
-          "name": "helper",
-          "description": "text The helper text."
+          "name": "label-title."
         },
         {
-          "name": "label",
-          "description": "text The label text."
+          "name": "lebel-description."
         }
       ]
     },
@@ -7038,6 +7164,107 @@
         }
       ]
     },
+    {
+      "name": "cds-progress-bar",
+      "path": "./src/components/progress-bar/progress-bar.ts",
+      "description": "Progress bar.",
+      "attributes": [
+        {
+          "name": "helper-text",
+          "description": "The current progress as a textual representation."
+        },
+        {
+          "name": "hide-label",
+          "description": "Whether the label should be visually hidden."
+        },
+        {
+          "name": "label",
+          "description": "A label describing the progress bar."
+        },
+        {
+          "name": "max",
+          "description": "The maximum value.",
+          "type": "number",
+          "default": "100"
+        },
+        {
+          "name": "size",
+          "description": "Specify the size of the ProgressBar.",
+          "type": "PROGRESS_BAR_SIZE",
+          "default": "\"big\""
+        },
+        {
+          "name": "status",
+          "description": "Specify the status.",
+          "type": "PROGRESS_BAR_STATUS",
+          "default": "\"active\""
+        },
+        {
+          "name": "type",
+          "description": "Defines the alignment variant of the progress bar.",
+          "type": "PROGRESS_BAR_TYPE",
+          "default": "\"default\""
+        },
+        {
+          "name": "value",
+          "description": "The current value."
+        }
+      ],
+      "properties": [
+        {
+          "name": "helperText",
+          "attribute": "helper-text",
+          "description": "The current progress as a textual representation."
+        },
+        {
+          "name": "hideLabel",
+          "attribute": "hide-label",
+          "description": "Whether the label should be visually hidden."
+        },
+        {
+          "name": "label",
+          "attribute": "label",
+          "description": "A label describing the progress bar."
+        },
+        {
+          "name": "max",
+          "attribute": "max",
+          "description": "The maximum value.",
+          "type": "number",
+          "default": "100"
+        },
+        {
+          "name": "size",
+          "attribute": "size",
+          "description": "Specify the size of the ProgressBar.",
+          "type": "PROGRESS_BAR_SIZE",
+          "default": "\"big\""
+        },
+        {
+          "name": "status",
+          "attribute": "status",
+          "description": "Specify the status.",
+          "type": "PROGRESS_BAR_STATUS",
+          "default": "\"active\""
+        },
+        {
+          "name": "type",
+          "attribute": "type",
+          "description": "Defines the alignment variant of the progress bar.",
+          "type": "PROGRESS_BAR_TYPE",
+          "default": "\"default\""
+        },
+        {
+          "name": "value",
+          "attribute": "value",
+          "description": "The current value."
+        },
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        }
+      ]
+    },
     {
       "name": "cds-progress-indicator",
       "path": "./src/components/progress-indicator/progress-indicator.ts",

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

@@ -30,6 +30,10 @@ export declare enum BUTTON_KIND {
      * Danger button.
      */
     DANGER = "danger",
+    /**
+     * Danger primary button.
+     */
+    DANGER_PRIMARY = "danger-primary",
     /**
      * Danger tertiary button.
      */

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

@@ -1 +1 @@
-{"version":3,"sources":["components/button/defs.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH;;GAEG;AACH,oBAAY,WAAW;IACrB;;OAEG;IACH,OAAO,YAAY;IAEnB;;OAEG;IACH,SAAS,cAAc;IAEvB;;OAEG;IACH,QAAQ,aAAa;IAErB;;OAEG;IACH,KAAK,UAAU;IAEf;;OAEG;IACH,MAAM,WAAW;IAEjB;;OAEG;IACH,eAAe,oBAAoB;IAEnC;;OAEG;IACH,YAAY,iBAAiB;CAC9B;AAED;;GAEG;AACH,oBAAY,WAAW;IACrB;;OAEG;IACH,MAAM,WAAW;IAEjB;;OAEG;IACH,KAAK,UAAU;IAEf;;OAEG;IACH,MAAM,WAAW;CAClB;AAED;;GAEG;AACH,oBAAY,WAAW;IACrB;;OAEG;IACH,KAAK,OAAO;IAEZ;;OAEG;IACH,MAAM,OAAO;IAEb;;OAEG;IACH,KAAK,OAAO;IAEZ;;OAEG;IACH,WAAW,OAAO;IAElB;;OAEG;IACH,iBAAiB,QAAQ;CAC1B;AAED;;GAEG;AACH,oBAAY,wBAAwB;IAClC;;OAEG;IACH,KAAK,SAAS;IAEd;;OAEG;IACH,MAAM,KAAK;IAEX;;OAEG;IACH,GAAG,UAAU;CACd;AAED;;GAEG;AACH,oBAAY,uBAAuB;IACjC;;OAEG;IACH,GAAG,QAAQ;IAEX;;OAEG;IACH,KAAK,UAAU;IAEf;;OAEG;IACH,MAAM,WAAW;IAEjB;;OAEG;IACH,IAAI,SAAS;CACd","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\n/**\n * Button kind.\n */\nexport enum BUTTON_KIND {\n  /**\n   * Primary button.\n   */\n  PRIMARY = 'primary',\n\n  /**\n   * Secondary button.\n   */\n  SECONDARY = 'secondary',\n\n  /**\n   * Tertiary button.\n   */\n  TERTIARY = 'tertiary',\n\n  /**\n   * Ghost button.\n   */\n  GHOST = 'ghost',\n\n  /**\n   * Danger button.\n   */\n  DANGER = 'danger',\n\n  /**\n   * Danger tertiary button.\n   */\n  DANGER_TERTIARY = 'danger-tertiary',\n\n  /**\n   * Danger ghost button,\n   */\n  DANGER_GHOST = 'danger-ghost',\n}\n\n/**\n * Button type.\n */\nexport enum BUTTON_TYPE {\n  /**\n   * Default button type.\n   */\n  BUTTON = 'button',\n\n  /**\n   * Reset button type.\n   */\n  RESET = 'reset',\n\n  /**\n   * Submit button type.\n   */\n  SUBMIT = 'submit',\n}\n\n/**\n * Button size.\n */\nexport enum BUTTON_SIZE {\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Medium size.\n   */\n  MEDIUM = 'md',\n\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n\n  /**\n   * X-Large size.\n   */\n  EXTRA_LARGE = 'xl',\n\n  /**\n   * 2X-Large size.\n   */\n  EXTRA_EXTRA_LARGE = '2xl',\n}\n\n/**\n * Button tooltip alignment.\n */\nexport enum BUTTON_TOOLTIP_ALIGNMENT {\n  /**\n   * Aligned to the start.\n   */\n  START = 'left',\n\n  /**\n   * Aligned to the center.\n   */\n  CENTER = '',\n\n  /**\n   * Aligned to the end.\n   */\n  END = 'right',\n}\n\n/**\n * Button tooltip position.\n */\nexport enum BUTTON_TOOLTIP_POSITION {\n  /**\n   * Positioned on the top.\n   */\n  TOP = 'top',\n\n  /**\n   * Positioned on the right.\n   */\n  RIGHT = 'right',\n\n  /**\n   * Positioned on the bottom.\n   */\n  BOTTOM = 'bottom',\n\n  /**\n   * Positined on the left.\n   */\n  LEFT = 'left',\n}\n"]}
+{"version":3,"sources":["components/button/defs.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH;;GAEG;AACH,oBAAY,WAAW;IACrB;;OAEG;IACH,OAAO,YAAY;IAEnB;;OAEG;IACH,SAAS,cAAc;IAEvB;;OAEG;IACH,QAAQ,aAAa;IAErB;;OAEG;IACH,KAAK,UAAU;IAEf;;OAEG;IACH,MAAM,WAAW;IAEjB;;OAEG;IACH,cAAc,mBAAmB;IAEjC;;OAEG;IACH,eAAe,oBAAoB;IAEnC;;OAEG;IACH,YAAY,iBAAiB;CAC9B;AAED;;GAEG;AACH,oBAAY,WAAW;IACrB;;OAEG;IACH,MAAM,WAAW;IAEjB;;OAEG;IACH,KAAK,UAAU;IAEf;;OAEG;IACH,MAAM,WAAW;CAClB;AAED;;GAEG;AACH,oBAAY,WAAW;IACrB;;OAEG;IACH,KAAK,OAAO;IAEZ;;OAEG;IACH,MAAM,OAAO;IAEb;;OAEG;IACH,KAAK,OAAO;IAEZ;;OAEG;IACH,WAAW,OAAO;IAElB;;OAEG;IACH,iBAAiB,QAAQ;CAC1B;AAED;;GAEG;AACH,oBAAY,wBAAwB;IAClC;;OAEG;IACH,KAAK,SAAS;IAEd;;OAEG;IACH,MAAM,KAAK;IAEX;;OAEG;IACH,GAAG,UAAU;CACd;AAED;;GAEG;AACH,oBAAY,uBAAuB;IACjC;;OAEG;IACH,GAAG,QAAQ;IAEX;;OAEG;IACH,KAAK,UAAU;IAEf;;OAEG;IACH,MAAM,WAAW;IAEjB;;OAEG;IACH,IAAI,SAAS;CACd","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\n/**\n * Button kind.\n */\nexport enum BUTTON_KIND {\n  /**\n   * Primary button.\n   */\n  PRIMARY = 'primary',\n\n  /**\n   * Secondary button.\n   */\n  SECONDARY = 'secondary',\n\n  /**\n   * Tertiary button.\n   */\n  TERTIARY = 'tertiary',\n\n  /**\n   * Ghost button.\n   */\n  GHOST = 'ghost',\n\n  /**\n   * Danger button.\n   */\n  DANGER = 'danger',\n\n  /**\n   * Danger primary button.\n   */\n  DANGER_PRIMARY = 'danger-primary',\n\n  /**\n   * Danger tertiary button.\n   */\n  DANGER_TERTIARY = 'danger-tertiary',\n\n  /**\n   * Danger ghost button,\n   */\n  DANGER_GHOST = 'danger-ghost',\n}\n\n/**\n * Button type.\n */\nexport enum BUTTON_TYPE {\n  /**\n   * Default button type.\n   */\n  BUTTON = 'button',\n\n  /**\n   * Reset button type.\n   */\n  RESET = 'reset',\n\n  /**\n   * Submit button type.\n   */\n  SUBMIT = 'submit',\n}\n\n/**\n * Button size.\n */\nexport enum BUTTON_SIZE {\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Medium size.\n   */\n  MEDIUM = 'md',\n\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n\n  /**\n   * X-Large size.\n   */\n  EXTRA_LARGE = 'xl',\n\n  /**\n   * 2X-Large size.\n   */\n  EXTRA_EXTRA_LARGE = '2xl',\n}\n\n/**\n * Button tooltip alignment.\n */\nexport enum BUTTON_TOOLTIP_ALIGNMENT {\n  /**\n   * Aligned to the start.\n   */\n  START = 'left',\n\n  /**\n   * Aligned to the center.\n   */\n  CENTER = '',\n\n  /**\n   * Aligned to the end.\n   */\n  END = 'right',\n}\n\n/**\n * Button tooltip position.\n */\nexport enum BUTTON_TOOLTIP_POSITION {\n  /**\n   * Positioned on the top.\n   */\n  TOP = 'top',\n\n  /**\n   * Positioned on the right.\n   */\n  RIGHT = 'right',\n\n  /**\n   * Positioned on the bottom.\n   */\n  BOTTOM = 'bottom',\n\n  /**\n   * Positined on the left.\n   */\n  LEFT = 'left',\n}\n"]}

package/es/components/button/defs.js

@@ -21,6 +21,7 @@ export let BUTTON_KIND;
   BUTTON_KIND["TERTIARY"] = "tertiary";
   BUTTON_KIND["GHOST"] = "ghost";
   BUTTON_KIND["DANGER"] = "danger";
+  BUTTON_KIND["DANGER_PRIMARY"] = "danger-primary";
   BUTTON_KIND["DANGER_TERTIARY"] = "danger-tertiary";
   BUTTON_KIND["DANGER_GHOST"] = "danger-ghost";
 })(BUTTON_KIND || (BUTTON_KIND = {}));

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

@@ -1 +1 @@
-{"version":3,"file":"defs.js","names":["BUTTON_KIND","BUTTON_TYPE","BUTTON_SIZE","BUTTON_TOOLTIP_ALIGNMENT","BUTTON_TOOLTIP_POSITION"],"sources":["components/button/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\n/**\n * Button kind.\n */\nexport enum BUTTON_KIND {\n  /**\n   * Primary button.\n   */\n  PRIMARY = 'primary',\n\n  /**\n   * Secondary button.\n   */\n  SECONDARY = 'secondary',\n\n  /**\n   * Tertiary button.\n   */\n  TERTIARY = 'tertiary',\n\n  /**\n   * Ghost button.\n   */\n  GHOST = 'ghost',\n\n  /**\n   * Danger button.\n   */\n  DANGER = 'danger',\n\n  /**\n   * Danger tertiary button.\n   */\n  DANGER_TERTIARY = 'danger-tertiary',\n\n  /**\n   * Danger ghost button,\n   */\n  DANGER_GHOST = 'danger-ghost',\n}\n\n/**\n * Button type.\n */\nexport enum BUTTON_TYPE {\n  /**\n   * Default button type.\n   */\n  BUTTON = 'button',\n\n  /**\n   * Reset button type.\n   */\n  RESET = 'reset',\n\n  /**\n   * Submit button type.\n   */\n  SUBMIT = 'submit',\n}\n\n/**\n * Button size.\n */\nexport enum BUTTON_SIZE {\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Medium size.\n   */\n  MEDIUM = 'md',\n\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n\n  /**\n   * X-Large size.\n   */\n  EXTRA_LARGE = 'xl',\n\n  /**\n   * 2X-Large size.\n   */\n  EXTRA_EXTRA_LARGE = '2xl',\n}\n\n/**\n * Button tooltip alignment.\n */\nexport enum BUTTON_TOOLTIP_ALIGNMENT {\n  /**\n   * Aligned to the start.\n   */\n  START = 'left',\n\n  /**\n   * Aligned to the center.\n   */\n  CENTER = '',\n\n  /**\n   * Aligned to the end.\n   */\n  END = 'right',\n}\n\n/**\n * Button tooltip position.\n */\nexport enum BUTTON_TOOLTIP_POSITION {\n  /**\n   * Positioned on the top.\n   */\n  TOP = 'top',\n\n  /**\n   * Positioned on the right.\n   */\n  RIGHT = 'right',\n\n  /**\n   * Positioned on the bottom.\n   */\n  BOTTOM = 'bottom',\n\n  /**\n   * Positined on the left.\n   */\n  LEFT = 'left',\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,WAAYA,WAAW;;AAqCvB;AACA;AACA;AAFA,WArCYA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;AAAA,GAAXA,WAAW,KAAXA,WAAW;AAwCvB,WAAYC,WAAW;;AAiBvB;AACA;AACA;AAFA,WAjBYA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;AAAA,GAAXA,WAAW,KAAXA,WAAW;AAoBvB,WAAYC,WAAW;;AA2BvB;AACA;AACA;AAFA,WA3BYA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;AAAA,GAAXA,WAAW,KAAXA,WAAW;AA8BvB,WAAYC,wBAAwB;;AAiBpC;AACA;AACA;AAFA,WAjBYA,wBAAwB;EAAxBA,wBAAwB;EAAxBA,wBAAwB;EAAxBA,wBAAwB;AAAA,GAAxBA,wBAAwB,KAAxBA,wBAAwB;AAoBpC,WAAYC,uBAAuB;AAoBlC,WApBWA,uBAAuB;EAAvBA,uBAAuB;EAAvBA,uBAAuB;EAAvBA,uBAAuB;EAAvBA,uBAAuB;AAAA,GAAvBA,uBAAuB,KAAvBA,uBAAuB"}
+{"version":3,"file":"defs.js","names":["BUTTON_KIND","BUTTON_TYPE","BUTTON_SIZE","BUTTON_TOOLTIP_ALIGNMENT","BUTTON_TOOLTIP_POSITION"],"sources":["components/button/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\n/**\n * Button kind.\n */\nexport enum BUTTON_KIND {\n  /**\n   * Primary button.\n   */\n  PRIMARY = 'primary',\n\n  /**\n   * Secondary button.\n   */\n  SECONDARY = 'secondary',\n\n  /**\n   * Tertiary button.\n   */\n  TERTIARY = 'tertiary',\n\n  /**\n   * Ghost button.\n   */\n  GHOST = 'ghost',\n\n  /**\n   * Danger button.\n   */\n  DANGER = 'danger',\n\n  /**\n   * Danger primary button.\n   */\n  DANGER_PRIMARY = 'danger-primary',\n\n  /**\n   * Danger tertiary button.\n   */\n  DANGER_TERTIARY = 'danger-tertiary',\n\n  /**\n   * Danger ghost button,\n   */\n  DANGER_GHOST = 'danger-ghost',\n}\n\n/**\n * Button type.\n */\nexport enum BUTTON_TYPE {\n  /**\n   * Default button type.\n   */\n  BUTTON = 'button',\n\n  /**\n   * Reset button type.\n   */\n  RESET = 'reset',\n\n  /**\n   * Submit button type.\n   */\n  SUBMIT = 'submit',\n}\n\n/**\n * Button size.\n */\nexport enum BUTTON_SIZE {\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Medium size.\n   */\n  MEDIUM = 'md',\n\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n\n  /**\n   * X-Large size.\n   */\n  EXTRA_LARGE = 'xl',\n\n  /**\n   * 2X-Large size.\n   */\n  EXTRA_EXTRA_LARGE = '2xl',\n}\n\n/**\n * Button tooltip alignment.\n */\nexport enum BUTTON_TOOLTIP_ALIGNMENT {\n  /**\n   * Aligned to the start.\n   */\n  START = 'left',\n\n  /**\n   * Aligned to the center.\n   */\n  CENTER = '',\n\n  /**\n   * Aligned to the end.\n   */\n  END = 'right',\n}\n\n/**\n * Button tooltip position.\n */\nexport enum BUTTON_TOOLTIP_POSITION {\n  /**\n   * Positioned on the top.\n   */\n  TOP = 'top',\n\n  /**\n   * Positioned on the right.\n   */\n  RIGHT = 'right',\n\n  /**\n   * Positioned on the bottom.\n   */\n  BOTTOM = 'bottom',\n\n  /**\n   * Positined on the left.\n   */\n  LEFT = 'left',\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,WAAYA,WAAW;;AA0CvB;AACA;AACA;AAFA,WA1CYA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;AAAA,GAAXA,WAAW,KAAXA,WAAW;AA6CvB,WAAYC,WAAW;;AAiBvB;AACA;AACA;AAFA,WAjBYA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;AAAA,GAAXA,WAAW,KAAXA,WAAW;AAoBvB,WAAYC,WAAW;;AA2BvB;AACA;AACA;AAFA,WA3BYA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;AAAA,GAAXA,WAAW,KAAXA,WAAW;AA8BvB,WAAYC,wBAAwB;;AAiBpC;AACA;AACA;AAFA,WAjBYA,wBAAwB;EAAxBA,wBAAwB;EAAxBA,wBAAwB;EAAxBA,wBAAwB;AAAA,GAAxBA,wBAAwB,KAAxBA,wBAAwB;AAoBpC,WAAYC,uBAAuB;AAoBlC,WApBWA,uBAAuB;EAAvBA,uBAAuB;EAAvBA,uBAAuB;EAAvBA,uBAAuB;EAAvBA,uBAAuB;AAAA,GAAvBA,uBAAuB,KAAvBA,uBAAuB"}

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

@@ -1 +1 @@
-{"version":3,"sources":["components/date-picker/fix-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;AACnD,OAAO,kBAAkB,MAAM,qBAAqB,CAAC;AAErD;;GAEG;AACH,MAAM,WAAW,+BAA+B;IAC9C;;OAEG;IACH,SAAS,EAAE,kBAAkB,CAAC;IAE9B;;OAEG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC;CAC9B;AAED;;GAEG;AACH,MAAM,WAAW,wCACf,SAAQ,iBAAiB;IACzB;;OAEG;IACH,2CAA2C,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE5D;;OAEG;IACH,yCAAyC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3D;AAED;;;GAGG;iCACqB,+BAA+B,KAAG,MAAM;AAAhE,wBAkFI","file":"fix-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 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"]}
+{"version":3,"sources":["components/date-picker/fix-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;AACnD,OAAO,kBAAkB,MAAM,qBAAqB,CAAC;AAErD;;GAEG;AACH,MAAM,WAAW,+BAA+B;IAC9C;;OAEG;IACH,SAAS,EAAE,kBAAkB,CAAC;IAE9B;;OAEG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC;CAC9B;AAED;;GAEG;AACH,MAAM,WAAW,wCACf,SAAQ,iBAAiB;IACzB;;OAEG;IACH,2CAA2C,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE5D;;OAEG;IACH,yCAAyC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3D;AAED;;;GAGG;iCACqB,+BAA+B,KAAG,MAAM;AAAhE,wBAkFI","file":"fix-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 '../../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"]}

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

@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import on from 'carbon-components/es/globals/js/misc/on';
+import on from '../../globals/mixins/on';
 /**
  * @param config Plugin configuration.
  * @returns A Flatpickr plugin to fix Flatpickr's behavior of certain events.

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

@@ -1 +1 @@
-{"version":3,"file":"fix-events-plugin.js","names":["on","config","fp","handleKeydown","event","inputFrom","inputTo","key","target","setDate","value","dateFormat","stopPropagation","release","_hCDSCEDatePickerFixEventsPluginKeydownTo","_hCDSCEDatePickerFixEventsPluginKeydownFrom","init","register","loadedPlugins","push","onReady","onDestroy"],"sources":["components/date-picker/fix-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 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"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIA,OAAOA,EAAE,MAAM,yCAAyC;AAmCxD;AACA;AACA;AACA;AACA,gBAAgBC,MAAuC,IACpDC,EAA4C,IAAK;EAChD;AACJ;AACA;EACI,MAAMC,aAAa,GAAIC,KAAoB,IAAK;IAC9C,MAAM;MAAEC,SAAS;MAAEC;IAAQ,CAAC,GAAGL,MAAM;IACrC,MAAM;MAAEM,GAAG;MAAEC;IAAO,CAAC,GAAGJ,KAAK;IAC7B,IAAIC,SAAS,KAAKG,MAAM,IAAIF,OAAO,KAAKE,MAAM,EAAE;MAC9C,QAAQD,GAAG;QACT,KAAK,OAAO;UACV;UACA;UACAL,EAAE,CAACO,OAAO,CACR,CAACJ,SAAS,CAACK,KAAK,EAAIJ,OAAO,IAAIA,OAAO,CAACI,KAAK,CAAG,EAC/C,IAAI,EACJR,EAAE,CAACD,MAAM,CAACU,UAAU,CACrB;UACDP,KAAK,CAACQ,eAAe,EAAE;UACvB;QACF,KAAK,WAAW;QAChB,KAAK,MAAM;QACX,KAAK,YAAY;QACjB,KAAK,OAAO;UACV;UACA;UACA;UACAR,KAAK,CAACQ,eAAe,EAAE;UACvB;QACF;UACE;MAAM;IAEZ;EACF,CAAC;;EAED;AACJ;AACA;EACI,MAAMC,OAAO,GAAGA,CAAA,KAAM;IACpB,IAAIX,EAAE,CAACY,yCAAyC,EAAE;MAChDZ,EAAE,CAACY,yCAAyC,GAC1CZ,EAAE,CAACY,yCAAyC,CAACD,OAAO,EAAE;IAC1D;IACA,IAAIX,EAAE,CAACa,2CAA2C,EAAE;MAClDb,EAAE,CAACa,2CAA2C,GAC5Cb,EAAE,CAACa,2CAA2C,CAACF,OAAO,EAAE;IAC5D;EACF,CAAC;;EAED;AACJ;AACA;EACI,MAAMG,IAAI,GAAGA,CAAA,KAAM;IACjBH,OAAO,EAAE;IACT,MAAM;MAAER,SAAS;MAAEC;IAAQ,CAAC,GAAGL,MAAM;IACrCC,EAAE,CAACa,2CAA2C,GAAGf,EAAE,CACjDK,SAAS,EACT,SAAS,EACTF,aAAa,EACb,IAAI,CACL;IACD,IAAIG,OAAO,EAAE;MACXJ,EAAE,CAACY,yCAAyC,GAAGd,EAAE,CAC/CM,OAAO,EACP,SAAS,EACTH,aAAa,EACb,IAAI,CACL;IACH;EACF,CAAC;;EAED;AACJ;AACA;EACI,MAAMc,QAAQ,GAAGA,CAAA,KAAM;IACrBf,EAAE,CAACgB,aAAa,CAACC,IAAI,CAAC,gCAAgC,CAAC;EACzD,CAAC;EAED,OAAO;IACLC,OAAO,EAAE,CAACH,QAAQ,EAAED,IAAI,CAAC;IACzBK,SAAS,EAAE,CAACR,OAAO;EACrB,CAAC;AACH,CAAC"}
+{"version":3,"file":"fix-events-plugin.js","names":["on","config","fp","handleKeydown","event","inputFrom","inputTo","key","target","setDate","value","dateFormat","stopPropagation","release","_hCDSCEDatePickerFixEventsPluginKeydownTo","_hCDSCEDatePickerFixEventsPluginKeydownFrom","init","register","loadedPlugins","push","onReady","onDestroy"],"sources":["components/date-picker/fix-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 '../../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"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIA,OAAOA,EAAE,MAAM,yBAAyB;AAmCxC;AACA;AACA;AACA;AACA,gBAAgBC,MAAuC,IACpDC,EAA4C,IAAK;EAChD;AACJ;AACA;EACI,MAAMC,aAAa,GAAIC,KAAoB,IAAK;IAC9C,MAAM;MAAEC,SAAS;MAAEC;IAAQ,CAAC,GAAGL,MAAM;IACrC,MAAM;MAAEM,GAAG;MAAEC;IAAO,CAAC,GAAGJ,KAAK;IAC7B,IAAIC,SAAS,KAAKG,MAAM,IAAIF,OAAO,KAAKE,MAAM,EAAE;MAC9C,QAAQD,GAAG;QACT,KAAK,OAAO;UACV;UACA;UACAL,EAAE,CAACO,OAAO,CACR,CAACJ,SAAS,CAACK,KAAK,EAAIJ,OAAO,IAAIA,OAAO,CAACI,KAAK,CAAG,EAC/C,IAAI,EACJR,EAAE,CAACD,MAAM,CAACU,UAAU,CACrB;UACDP,KAAK,CAACQ,eAAe,EAAE;UACvB;QACF,KAAK,WAAW;QAChB,KAAK,MAAM;QACX,KAAK,YAAY;QACjB,KAAK,OAAO;UACV;UACA;UACA;UACAR,KAAK,CAACQ,eAAe,EAAE;UACvB;QACF;UACE;MAAM;IAEZ;EACF,CAAC;;EAED;AACJ;AACA;EACI,MAAMC,OAAO,GAAGA,CAAA,KAAM;IACpB,IAAIX,EAAE,CAACY,yCAAyC,EAAE;MAChDZ,EAAE,CAACY,yCAAyC,GAC1CZ,EAAE,CAACY,yCAAyC,CAACD,OAAO,EAAE;IAC1D;IACA,IAAIX,EAAE,CAACa,2CAA2C,EAAE;MAClDb,EAAE,CAACa,2CAA2C,GAC5Cb,EAAE,CAACa,2CAA2C,CAACF,OAAO,EAAE;IAC5D;EACF,CAAC;;EAED;AACJ;AACA;EACI,MAAMG,IAAI,GAAGA,CAAA,KAAM;IACjBH,OAAO,EAAE;IACT,MAAM;MAAER,SAAS;MAAEC;IAAQ,CAAC,GAAGL,MAAM;IACrCC,EAAE,CAACa,2CAA2C,GAAGf,EAAE,CACjDK,SAAS,EACT,SAAS,EACTF,aAAa,EACb,IAAI,CACL;IACD,IAAIG,OAAO,EAAE;MACXJ,EAAE,CAACY,yCAAyC,GAAGd,EAAE,CAC/CM,OAAO,EACP,SAAS,EACTH,aAAa,EACb,IAAI,CACL;IACH;EACF,CAAC;;EAED;AACJ;AACA;EACI,MAAMc,QAAQ,GAAGA,CAAA,KAAM;IACrBf,EAAE,CAACgB,aAAa,CAACC,IAAI,CAAC,gCAAgC,CAAC;EACzD,CAAC;EAED,OAAO;IACLC,OAAO,EAAE,CAACH,QAAQ,EAAED,IAAI,CAAC;IACzBK,SAAS,EAAE,CAACR,OAAO;EACrB,CAAC;AACH,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["components/date-picker/focus-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;AACnD,OAAO,kBAAkB,MAAM,qBAAqB,CAAC;AAErD;;GAEG;AACH,MAAM,WAAW,2BAA2B;IAC1C;;OAEG;IACH,SAAS,EAAE,kBAAkB,CAAC;IAE9B;;OAEG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC;CAC9B;AAED;;GAEG;AACH,MAAM,WAAW,oCACf,SAAQ,iBAAiB;IACzB;;OAEG;IACH,gCAAgC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEjD;;OAEG;IACH,uCAAuC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAExD;;OAEG;IACH,qCAAqC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEtD;;OAEG;IACH,qCAAqC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEtD;;OAEG;IACH,mCAAmC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEpD;;OAEG;IACH,eAAe,CAAC,EAAE,gBAAgB,CAAC;CACpC;AAED;;;GAGG;iCACqB,2BAA2B,KAAG,MAAM;AAA5D,wBA+II","file":"focus-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 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?: HTMLInputElement;\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 `blur` event to move the focus back to the `<input>`.\n     */\n    const handleBlur = ({ target, relatedTarget }: FocusEvent) => {\n      // Obtains `beingUpdated` up-front because it'll be flushed out shortly\n      const { calendarContainer, isOpen } = fp;\n      if (\n        isOpen &&\n        calendarContainer.contains(target as Node) &&\n        !calendarContainer.contains(relatedTarget as Node)\n      ) {\n        Promise.resolve().then(() => {\n          const rootNode = (target as Node).getRootNode();\n          // This `blur` event handler can be called from Flatpickr's code cleaning up calenar dropdown's DOM,\n          // and changing focus in such condition causes removing an orphaned DOM node,\n          // because Flatpickr redraws the calendar dropdown when the `<input>` gets focus.\n          if (\n            rootNode.nodeType === Node.DOCUMENT_NODE ||\n            rootNode.nodeType === Node.DOCUMENT_FRAGMENT_NODE\n          ) {\n            if (fp._lastFocusInput === config.inputTo) {\n              config.inputTo!.focus();\n            } else {\n              config.inputFrom.focus();\n            }\n            // Closing after moving focus. Reversing the order will cause re-opening calendar dropdown upon focusing\n            fp.close();\n          }\n        });\n      }\n    };\n\n    /**\n     * Handles `keydown` event to move focus on calendar dropdown.\n     */\n    const handleInputKeydown = (event: KeyboardEvent) => {\n      const { key } = event;\n      if (key === 'ArrowDown' || key === 'Down' || key === 'Enter') {\n        event.preventDefault();\n        fp.open();\n        if (key !== 'Enter') {\n          focusCalendar();\n        } else {\n          // Hitting Enter key blurs the `<input>`, causing any element to lose focus\n          setTimeout(focusCalendar, 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 HTMLInputElement;\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        'blur',\n        handleBlur,\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     * @param calendar The Flatpickr instance.\n     */\n    const register = () => {\n      fp.loadedPlugins.push('carbonFlatpickrFocusPlugin');\n    };\n\n    return {\n      onReady: [register, init],\n      onDestroy: release,\n    };\n  };\n"]}
+{"version":3,"sources":["components/date-picker/focus-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;AACnD,OAAO,kBAAkB,MAAM,qBAAqB,CAAC;AAErD;;GAEG;AACH,MAAM,WAAW,2BAA2B;IAC1C;;OAEG;IACH,SAAS,EAAE,kBAAkB,CAAC;IAE9B;;OAEG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC;CAC9B;AAED;;GAEG;AACH,MAAM,WAAW,oCACf,SAAQ,iBAAiB;IACzB;;OAEG;IACH,gCAAgC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEjD;;OAEG;IACH,uCAAuC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAExD;;OAEG;IACH,qCAAqC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEtD;;OAEG;IACH,qCAAqC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEtD;;OAEG;IACH,mCAAmC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEpD;;OAEG;IACH,eAAe,CAAC,EAAE,gBAAgB,CAAC;CACpC;AAED;;;GAGG;iCACqB,2BAA2B,KAAG,MAAM;AAA5D,wBA+II","file":"focus-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 '../../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?: HTMLInputElement;\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 `blur` event to move the focus back to the `<input>`.\n     */\n    const handleBlur = ({ target, relatedTarget }: FocusEvent) => {\n      // Obtains `beingUpdated` up-front because it'll be flushed out shortly\n      const { calendarContainer, isOpen } = fp;\n      if (\n        isOpen &&\n        calendarContainer.contains(target as Node) &&\n        !calendarContainer.contains(relatedTarget as Node)\n      ) {\n        Promise.resolve().then(() => {\n          const rootNode = (target as Node).getRootNode();\n          // This `blur` event handler can be called from Flatpickr's code cleaning up calenar dropdown's DOM,\n          // and changing focus in such condition causes removing an orphaned DOM node,\n          // because Flatpickr redraws the calendar dropdown when the `<input>` gets focus.\n          if (\n            rootNode.nodeType === Node.DOCUMENT_NODE ||\n            rootNode.nodeType === Node.DOCUMENT_FRAGMENT_NODE\n          ) {\n            if (fp._lastFocusInput === config.inputTo) {\n              config.inputTo!.focus();\n            } else {\n              config.inputFrom.focus();\n            }\n            // Closing after moving focus. Reversing the order will cause re-opening calendar dropdown upon focusing\n            fp.close();\n          }\n        });\n      }\n    };\n\n    /**\n     * Handles `keydown` event to move focus on calendar dropdown.\n     */\n    const handleInputKeydown = (event: KeyboardEvent) => {\n      const { key } = event;\n      if (key === 'ArrowDown' || key === 'Down' || key === 'Enter') {\n        event.preventDefault();\n        fp.open();\n        if (key !== 'Enter') {\n          focusCalendar();\n        } else {\n          // Hitting Enter key blurs the `<input>`, causing any element to lose focus\n          setTimeout(focusCalendar, 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 HTMLInputElement;\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        'blur',\n        handleBlur,\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     * @param calendar The Flatpickr instance.\n     */\n    const register = () => {\n      fp.loadedPlugins.push('carbonFlatpickrFocusPlugin');\n    };\n\n    return {\n      onReady: [register, init],\n      onDestroy: release,\n    };\n  };\n"]}

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

@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import on from 'carbon-components/es/globals/js/misc/on';
+import on from '../../globals/mixins/on';
 /**
  * @param config Plugin configuration.
  * @returns A Flatpickr plugin to manage focus to align with the UX pattern in our design system.