@carbon/web-components 2.49.0 → 2.50.0

package/es-custom/components/feature-flags/index.js

@@ -11,7 +11,7 @@ import { carbonElement } from '../../globals/decorators/carbon-element.js';
 import { LitElement, html } from 'lit';
 
 /**
- * Copyright IBM Corp. 2025, 2025
+ * Copyright IBM Corp. 2025, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -36,6 +36,7 @@ import { LitElement, html } from 'lit';
  *   Returns true if the flag is enabled in the nearest <feature-flags> ancestor
  */
 var FeatureFlagsElement_1;
+const hasOwn = (obj, key) => Object.prototype.hasOwnProperty.call(obj, key);
 let FeatureFlagsElement = FeatureFlagsElement_1 = class FeatureFlagsElement extends LitElement {
     static get observedAttributes() {
         return Object.keys(FeatureFlagsElement_1.flagComponentMap);
@@ -55,7 +56,9 @@ let FeatureFlagsElement = FeatureFlagsElement_1 = class FeatureFlagsElement exte
         const value = newVal === 'true';
         this.flags[name] = value;
         // Set feature flag to top component level
-        const relatedComponent = FeatureFlagsElement_1.flagComponentMap[name] || 'unknown';
+        const relatedComponent = hasOwn(FeatureFlagsElement_1.flagComponentMap, name)
+            ? FeatureFlagsElement_1.flagComponentMap[name]
+            : 'unknown';
         if (((_a = this.firstElementChild) === null || _a === void 0 ? void 0 : _a.tagName) === relatedComponent) {
             this.firstElementChild.setAttribute(name, '');
         }
@@ -106,7 +109,7 @@ FeatureFlagsElement.flagComponentMap = {
 FeatureFlagsElement = FeatureFlagsElement_1 = __decorate([
     carbonElement('feature-flags')
 ], FeatureFlagsElement);
-var FeatureFlagsElement$1 = FeatureFlagsElement;
+var FeatureFlagsElement_default = FeatureFlagsElement;
 // Utility functions
 // Function to find the nearest parent FeatureFlagsElement
 function findParentFeatureFlags(el) {
@@ -126,5 +129,5 @@ function isFeatureFlagEnabled(flag, context) {
     return (_a = instance === null || instance === void 0 ? void 0 : instance.isFeatureFlagEnabled(flag)) !== null && _a !== void 0 ? _a : false;
 }
 
-export { FeatureFlagsElement$1 as default, findParentFeatureFlags, isFeatureFlagEnabled };
+export { FeatureFlagsElement_default as default, findParentFeatureFlags, isFeatureFlagEnabled };
 //# sourceMappingURL=index.js.map

package/es-custom/components/feature-flags/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/feature-flags/index.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2025, 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * <feature-flags> provides scoped feature flags to child components.\n *\n * Usage:\n * Wrap any child components inside <feature-flags> to provide scoped feature flags like this:\n * <feature-flags enable-dialog-element=\"true\">\n *   <component></component>\n * </feature-flags>\n *\n * Available flags:\n * - enable-dialog-element\n * - enable-treeview-controllable\n * - ... (and others listed in observedAttributes)\n *\n * How to check a Flag in your component:\n *   import { isFeatureFlagEnabled } from './feature-flags';\n *   isFeatureFlagEnabled('enable-dialog-element', this)\n *   Returns true if the flag is enabled in the nearest <feature-flags> ancestor\n */\n\nimport {\n  FeatureFlags as GlobalFeatureFlags,\n  createScope,\n} from '@carbon/feature-flags';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { LitElement, html } from 'lit';\n\n/**\n * Feature Flags\n *\n * @element feature-flags\n */\n\ntype FeatureFlags = Record<string, boolean>;\n\n@customElement('feature-flags')\nclass FeatureFlagsElement extends LitElement {\n  private scope = GlobalFeatureFlags;\n  private flags: FeatureFlags = {};\n\n  /**\n   * Mapping of feature flag attributes to their related component names.\n   */\n  private static readonly flagComponentMap: Record<string, string> = {\n    'enable-v12-tile-default-icons': 'CDS-TILE',\n    'enable-v12-tile-radio-icons': 'CDS-TILE',\n    'enable-v12-overflowmenu': 'CDS-OVERFLOW-MENU',\n    'enable-treeview-controllable': 'CDS-TREEVIEW',\n    'enable-experimental-focus-wrap-without-sentinels': 'CDS-FOCUS-WRAP',\n    'enable-focus-wrap-without-sentinels': 'CDS-FOCUS-WRAP',\n    'enable-dialog-element': 'CDS-DIALOG',\n    'enable-v12-dynamic-floating-styles': 'CDS-FLOATING',\n    'enable-v12-toggle-reduced-label-spacing': 'CDS-TOGGLE',\n  };\n\n  static get observedAttributes() {\n    return Object.keys(FeatureFlagsElement.flagComponentMap);\n  }\n\n  constructor() {\n    super();\n    this.attachShadow({ mode: 'open' });\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.updateScope();\n  }\n\n  attributeChangedCallback(\n    name: string,\n    _oldVal: string | null,\n    newVal: string | null\n  ) {\n    const value = newVal === 'true';\n    this.flags[name] = value;\n\n    // Set feature flag to top component level\n    const relatedComponent =\n      FeatureFlagsElement.flagComponentMap[name] || 'unknown';\n    if (this.firstElementChild?.tagName === relatedComponent) {\n      this.firstElementChild.setAttribute(name, '');\n    }\n\n    this.updateScope();\n  }\n\n  private getParentScope(): FeatureFlagsElement | null {\n    let parent = this.parentNode;\n    while (parent) {\n      if (parent instanceof FeatureFlagsElement) {\n        return parent.getScope();\n      }\n      parent = parent.parentNode;\n    }\n    return null;\n  }\n\n  private updateScope() {\n    const newScope = createScope(this.flags);\n    const parentScope = this.getParentScope() || GlobalFeatureFlags;\n    if (parentScope) {\n      newScope.mergeWithScope(parentScope);\n    }\n    this.scope = newScope;\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  public isFeatureFlagEnabled(flag: string): boolean {\n    return this.scope.enabled(flag);\n  }\n\n  private getScope() {\n    return this.scope;\n  }\n}\n\nexport default FeatureFlagsElement;\n\n// Utility functions\n\n// Function to find the nearest parent FeatureFlagsElement\nexport function findParentFeatureFlags(\n  el: HTMLElement\n): FeatureFlagsElement | null {\n  let parent = el.parentNode;\n  while (parent) {\n    if (parent instanceof FeatureFlagsElement) {\n      return parent;\n    }\n    parent = (parent as HTMLElement).parentNode;\n  }\n  return null;\n}\n\n// function to check if a feature flag is enabled in components\nexport function isFeatureFlagEnabled(\n  flag: string,\n  context: HTMLElement\n): boolean {\n  const instance = findParentFeatureFlags(context);\n  return instance?.isFeatureFlagEnabled(flag) ?? false;\n}\n"],"names":["GlobalFeatureFlags","customElement"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/feature-flags/index.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2025, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**\n * <feature-flags> provides scoped feature flags to child components.\n *\n * Usage:\n * Wrap any child components inside <feature-flags> to provide scoped feature flags like this:\n * <feature-flags enable-dialog-element=\"true\">\n *   <component></component>\n * </feature-flags>\n *\n * Available flags:\n * - enable-dialog-element\n * - enable-treeview-controllable\n * - ... (and others listed in observedAttributes)\n *\n * How to check a Flag in your component:\n *   import { isFeatureFlagEnabled } from './feature-flags';\n *   isFeatureFlagEnabled('enable-dialog-element', this)\n *   Returns true if the flag is enabled in the nearest <feature-flags> ancestor\n */\n\nimport {\n  FeatureFlags as GlobalFeatureFlags,\n  createScope,\n} from '@carbon/feature-flags';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { LitElement, html } from 'lit';\n\n/**\n * Feature Flags\n *\n * @element feature-flags\n */\ntype FeatureFlags = Record<string, boolean>;\n\nconst hasOwn = <T extends object>(obj: T, key: PropertyKey): key is keyof T =>\n  Object.prototype.hasOwnProperty.call(obj, key);\n\n@customElement('feature-flags')\nclass FeatureFlagsElement extends LitElement {\n  private scope = GlobalFeatureFlags;\n  private flags: FeatureFlags = {};\n\n  /**\n   * Mapping of feature flag attributes to their related component names.\n   */\n  private static readonly flagComponentMap = {\n    'enable-v12-tile-default-icons': 'CDS-TILE',\n    'enable-v12-tile-radio-icons': 'CDS-TILE',\n    'enable-v12-overflowmenu': 'CDS-OVERFLOW-MENU',\n    'enable-treeview-controllable': 'CDS-TREEVIEW',\n    'enable-experimental-focus-wrap-without-sentinels': 'CDS-FOCUS-WRAP',\n    'enable-focus-wrap-without-sentinels': 'CDS-FOCUS-WRAP',\n    'enable-dialog-element': 'CDS-DIALOG',\n    'enable-v12-dynamic-floating-styles': 'CDS-FLOATING',\n    'enable-v12-toggle-reduced-label-spacing': 'CDS-TOGGLE',\n  } as const;\n\n  static get observedAttributes() {\n    return Object.keys(FeatureFlagsElement.flagComponentMap);\n  }\n\n  constructor() {\n    super();\n    this.attachShadow({ mode: 'open' });\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.updateScope();\n  }\n\n  attributeChangedCallback(\n    name: string,\n    _oldVal: string | null,\n    newVal: string | null\n  ) {\n    const value = newVal === 'true';\n    this.flags[name] = value;\n\n    // Set feature flag to top component level\n    const relatedComponent = hasOwn(FeatureFlagsElement.flagComponentMap, name)\n      ? FeatureFlagsElement.flagComponentMap[name]\n      : 'unknown';\n    if (this.firstElementChild?.tagName === relatedComponent) {\n      this.firstElementChild.setAttribute(name, '');\n    }\n\n    this.updateScope();\n  }\n\n  private getParentScope() {\n    let parent = this.parentNode;\n    while (parent) {\n      if (parent instanceof FeatureFlagsElement) {\n        return parent.getScope();\n      }\n      parent = parent.parentNode;\n    }\n    return null;\n  }\n\n  private updateScope() {\n    const newScope = createScope(this.flags);\n    const parentScope = this.getParentScope() || GlobalFeatureFlags;\n    if (parentScope) {\n      newScope.mergeWithScope(parentScope);\n    }\n    this.scope = newScope;\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  public isFeatureFlagEnabled(flag: string) {\n    return this.scope.enabled(flag);\n  }\n\n  private getScope() {\n    return this.scope;\n  }\n}\n\nexport default FeatureFlagsElement;\n\n// Utility functions\n\n// Function to find the nearest parent FeatureFlagsElement\nexport function findParentFeatureFlags(\n  el: HTMLElement\n): FeatureFlagsElement | null {\n  let parent = el.parentNode;\n  while (parent) {\n    if (parent instanceof FeatureFlagsElement) {\n      return parent;\n    }\n    parent = (parent as HTMLElement).parentNode;\n  }\n  return null;\n}\n\n// function to check if a feature flag is enabled in components\nexport function isFeatureFlagEnabled(\n  flag: string,\n  context: HTMLElement\n): boolean {\n  const instance = findParentFeatureFlags(context);\n  return instance?.isFeatureFlagEnabled(flag) ?? false;\n}\n"],"names":["GlobalFeatureFlags","customElement"],"mappings":";;;;;;;;;;;;AAAA;;;;;AAKG;AACH;;;;;;;;;;;;;;;;;;AAkBG;;AAgBH,MAAM,MAAM,GAAG,CAAmB,GAAM,EAAE,GAAgB,KACxD,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC;AAGhD,IAAM,mBAAmB,GAAA,qBAAA,GAAzB,MAAM,mBAAoB,SAAQ,UAAU,CAAA;AAmB1C,IAAA,WAAW,kBAAkB,GAAA;QAC3B,OAAO,MAAM,CAAC,IAAI,CAAC,qBAAmB,CAAC,gBAAgB,CAAC;IAC1D;AAEA,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;QAvBD,IAAA,CAAA,KAAK,GAAGA,YAAkB;QAC1B,IAAA,CAAA,KAAK,GAAiB,EAAE;QAuB9B,IAAI,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;IACrC;IAEA,iBAAiB,GAAA;QACf,KAAK,CAAC,iBAAiB,EAAE;QACzB,IAAI,CAAC,WAAW,EAAE;IACpB;AAEA,IAAA,wBAAwB,CACtB,IAAY,EACZ,OAAsB,EACtB,MAAqB,EAAA;;AAErB,QAAA,MAAM,KAAK,GAAG,MAAM,KAAK,MAAM;AAC/B,QAAA,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK;;QAGxB,MAAM,gBAAgB,GAAG,MAAM,CAAC,qBAAmB,CAAC,gBAAgB,EAAE,IAAI;AACxE,cAAE,qBAAmB,CAAC,gBAAgB,CAAC,IAAI;cACzC,SAAS;QACb,IAAI,CAAA,CAAA,EAAA,GAAA,IAAI,CAAC,iBAAiB,0CAAE,OAAO,MAAK,gBAAgB,EAAE;YACxD,IAAI,CAAC,iBAAiB,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,CAAC;QAC/C;QAEA,IAAI,CAAC,WAAW,EAAE;IACpB;IAEQ,cAAc,GAAA;AACpB,QAAA,IAAI,MAAM,GAAG,IAAI,CAAC,UAAU;QAC5B,OAAO,MAAM,EAAE;AACb,YAAA,IAAI,MAAM,YAAY,qBAAmB,EAAE;AACzC,gBAAA,OAAO,MAAM,CAAC,QAAQ,EAAE;YAC1B;AACA,YAAA,MAAM,GAAG,MAAM,CAAC,UAAU;QAC5B;AACA,QAAA,OAAO,IAAI;IACb;IAEQ,WAAW,GAAA;QACjB,MAAM,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC;QACxC,MAAM,WAAW,GAAG,IAAI,CAAC,cAAc,EAAE,IAAIA,YAAkB;QAC/D,IAAI,WAAW,EAAE;AACf,YAAA,QAAQ,CAAC,cAAc,CAAC,WAAW,CAAC;QACtC;AACA,QAAA,IAAI,CAAC,KAAK,GAAG,QAAQ;IACvB;IAEA,MAAM,GAAA;QACJ,OAAO,IAAI,CAAA,CAAA,eAAA,CAAiB;IAC9B;AAEO,IAAA,oBAAoB,CAAC,IAAY,EAAA;QACtC,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;IACjC;IAEQ,QAAQ,GAAA;QACd,OAAO,IAAI,CAAC,KAAK;IACnB;;AA9EA;;AAEG;AACqB,mBAAA,CAAA,gBAAgB,GAAG;AACzC,IAAA,+BAA+B,EAAE,UAAU;AAC3C,IAAA,6BAA6B,EAAE,UAAU;AACzC,IAAA,yBAAyB,EAAE,mBAAmB;AAC9C,IAAA,8BAA8B,EAAE,cAAc;AAC9C,IAAA,kDAAkD,EAAE,gBAAgB;AACpE,IAAA,qCAAqC,EAAE,gBAAgB;AACvD,IAAA,uBAAuB,EAAE,YAAY;AACrC,IAAA,oCAAoC,EAAE,cAAc;AACpD,IAAA,yCAAyC,EAAE,YAAY;AAC/C,CAV8B;AAPpC,mBAAmB,GAAA,qBAAA,GAAA,UAAA,CAAA;IADxBC,aAAa,CAAC,eAAe;AACxB,CAAA,EAAA,mBAAmB,CAmFxB;AAED,kCAAe,mBAAmB;AAElC;AAEA;AACM,SAAU,sBAAsB,CACpC,EAAe,EAAA;AAEf,IAAA,IAAI,MAAM,GAAG,EAAE,CAAC,UAAU;IAC1B,OAAO,MAAM,EAAE;AACb,QAAA,IAAI,MAAM,YAAY,mBAAmB,EAAE;AACzC,YAAA,OAAO,MAAM;QACf;AACA,QAAA,MAAM,GAAI,MAAsB,CAAC,UAAU;IAC7C;AACA,IAAA,OAAO,IAAI;AACb;AAEA;AACM,SAAU,oBAAoB,CAClC,IAAY,EACZ,OAAoB,EAAA;;AAEpB,IAAA,MAAM,QAAQ,GAAG,sBAAsB,CAAC,OAAO,CAAC;AAChD,IAAA,OAAO,CAAA,EAAA,GAAA,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,MAAA,GAAA,MAAA,GAAR,QAAQ,CAAE,oBAAoB,CAAC,IAAI,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,KAAK;AACtD;;;;"}

package/es-custom/components/file-uploader/demo-file-uploader.js

@@ -232,7 +232,7 @@ __decorate([
 CDSCEDemoFileUploader = __decorate([
     carbonElement(`${prefix}-ce-demo-file-uploader`)
 ], CDSCEDemoFileUploader);
-var CDSCEDemoFileUploader$1 = CDSCEDemoFileUploader;
+var CDSCEDemoFileUploader_default = CDSCEDemoFileUploader;
 
-export { CDSCEDemoFileUploader$1 as default };
+export { CDSCEDemoFileUploader_default as default };
 //# sourceMappingURL=demo-file-uploader.js.map

package/es-custom/components/file-uploader/demo-file-uploader.js.map

@@ -1 +1 @@
-{"version":3,"file":"demo-file-uploader.js","sources":["../../../src/components/file-uploader/demo-file-uploader.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2024\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 { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nimport { prefix } from '../../globals/settings';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport './index';\nimport { FILE_UPLOADER_ITEM_STATE } from './file-uploader-item';\nimport { BUTTON_SIZE } from '../button/button';\nimport { FileData } from './stories/types';\n\n/**\n * A class to manage file uploading states, like sending file contents to server.\n * DEMONSTRATION-PURPOSE ONLY.\n * Data/state handling in file uploading tends to involve lots of application-specific logics\n * and thus abstracting everything in a library won't be a good return on investment\n * vs. letting users copy code here and implement features that fit their needs.\n */\n@customElement(`${prefix}-ce-demo-file-uploader`)\nexport default class CDSCEDemoFileUploader extends LitElement {\n  /**\n   * The files being uploaded.\n   */\n  private _files: FileData[] = [];\n\n  /**\n   * Handles `cds-custom-drop-container-changed` on `<cds-custom-file-drop-container>`.\n   *\n   * @param event The event.\n   */\n  private _handleChange(event: CustomEvent) {\n    const { addedFiles } = event.detail;\n    const newFiles: FileData[] = addedFiles.map(\n      (item) =>\n        ({\n          id: Math.random().toString(36).slice(2),\n          file: item,\n          state: FILE_UPLOADER_ITEM_STATE.UPLOADING,\n        }) as FileData\n    );\n    const { multiple, _files: files, _simulateUpload: simulateUpload } = this;\n    if (multiple) {\n      this._files = files.concat(newFiles);\n      this.requestUpdate();\n      newFiles.forEach(simulateUpload, this);\n    } else if (addedFiles.length > 0) {\n      this._files = files.concat(newFiles[0]);\n      this.requestUpdate();\n      this._simulateUpload(newFiles[0]);\n    }\n  }\n\n  /**\n   * Handles `cds-custom-file-uploader-item-deleted` on `<cds-custom-file-uploader-item>`.\n   *\n   * @param event The event.\n   */\n  private _handleDelete(event: CustomEvent) {\n    const { fileId: idToDelete } = (event.target as HTMLElement).dataset;\n    this._files = this._files.filter(({ id }) => idToDelete !== id);\n    this.requestUpdate();\n  }\n\n  /**\n   * Simulates updating file.\n   *\n   * @param data The data of the file being uploaded.\n   */\n  private async _simulateUpload(data: FileData) {\n    const { id, file } = data;\n    if (file.size > 524288) {\n      this._files = this._files.map((item) =>\n        id !== item.id\n          ? item\n          : {\n              ...item,\n              state: FILE_UPLOADER_ITEM_STATE.EDIT,\n              invalid: true,\n              errorSubject: 'File size exceeds limit',\n              errorBody:\n                '500kb max file size. Select a new file and try again.',\n            }\n      );\n      this.requestUpdate();\n    } else {\n      // Simulates network request time\n      const rand = Math.random() * 1000;\n      await new Promise((t) => setTimeout(t, rand));\n      this._files = this._files.map((item) =>\n        id !== item.id\n          ? item\n          : {\n              ...item,\n              state: FILE_UPLOADER_ITEM_STATE.COMPLETE,\n            }\n      );\n      this.requestUpdate();\n      // Shows x icon after 1 second\n      await new Promise((t) => setTimeout(t, 1000));\n      this._files = this._files.map((item) =>\n        id !== item.id\n          ? item\n          : {\n              ...item,\n              state: FILE_UPLOADER_ITEM_STATE.EDIT,\n            }\n      );\n      this.requestUpdate();\n    }\n  }\n\n  /**\n   * The file types the file input should accept, separated by space.\n   */\n  @property()\n  accept = '';\n\n  /**\n   * `true` if the drop container should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  button = false;\n\n  /**\n   * Button kind.\n   */\n  @property({ attribute: 'button-kind' })\n  buttonKind = 'primary';\n\n  /**\n   * Button label.\n   */\n  @property({ attribute: 'button-label' })\n  buttonLabel = 'Add file';\n\n  /**\n   * `true` if the drop container should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Icon description.\n   */\n  @property({ attribute: 'icon-description' })\n  iconDescription = '';\n\n  /**\n   * The input name.\n   */\n  @property({ attribute: 'input-name' })\n  inputName = '';\n\n  /**\n   * The label description text.\n   */\n  @property({ attribute: 'label-description' })\n  labelDescription = '';\n\n  /**\n   * The label title.\n   */\n  @property({ attribute: 'label-title' })\n  labelTitle = '';\n\n  /**\n   * `true` if the drop container should accept more than one files at once.\n   * Note that even with `false` set here, user _can_ select multiple files one by one.\n   */\n  @property({ type: Boolean, reflect: true })\n  multiple = false;\n\n  /**\n   * The size of the button item.\n   */\n  @property({ reflect: true })\n  size = BUTTON_SIZE.MEDIUM;\n\n  /**\n   * The state of this file uploader item.\n   */\n  @property({ reflect: true, attribute: 'input-state' })\n  inputState = '';\n\n  render() {\n    const {\n      accept,\n      button,\n      buttonKind,\n      buttonLabel,\n      disabled,\n      labelDescription,\n      labelTitle,\n      multiple,\n      size,\n      inputState,\n      iconDescription,\n      _files: files,\n      _handleChange: handleChange,\n      _handleDelete: handleDelete,\n    } = this;\n    return html`\n      <cds-custom-file-uploader\n        label-description=\"${ifDefined(labelDescription)}\"\n        label-title=\"${ifDefined(labelTitle)}\"\n        ?disabled=\"${disabled}\">\n        ${!button\n          ? html` <cds-custom-file-uploader-drop-container\n              accept=\"${ifDefined(accept)}\"\n              ?multiple=\"${multiple}\"\n              name=\"${ifDefined(this.inputName)}\"\n              @cds-custom-file-uploader-drop-container-changed=\"${handleChange}\">\n              Drag and drop files here or click to upload\n            </cds-custom-file-uploader-drop-container>`\n          : html` <cds-custom-file-uploader-button\n              size=\"${ifDefined(size)}\"\n              button-kind=\"${buttonKind}\"\n              accept=\"${ifDefined(accept)}\"\n              name=\"${ifDefined(this.inputName)}\"\n              ?multiple=\"${multiple}\"\n              @cds-custom-file-uploader-button-changed=\"${handleChange}\">\n              ${buttonLabel}\n            </cds-custom-file-uploader-button>`}\n        ${files.map(\n          ({ id, invalid, file, state, errorSubject, errorBody }) => html`\n            <cds-custom-file-uploader-item\n              data-file-id=\"${id}\"\n              ?invalid=\"${invalid}\"\n              state=\"${inputState || ifDefined(state)}\"\n              icon-description=\"${ifDefined(iconDescription)}\"\n              error-subject=\"${ifDefined(errorSubject)}\"\n              error-body=\"${ifDefined(errorBody)}\"\n              @cds-custom-file-uploader-item-deleted=\"${handleDelete}\">\n              ${file.name}\n            </cds-custom-file-uploader-item>\n          `\n        )}\n      </cds-custom-file-uploader>\n    `;\n  }\n}\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;AAKG;AAaH;;;;;;AAMG;AAEY,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,UAAU,CAAA;AAA9C,IAAA,WAAA,GAAA;;AACb;;AAEG;QACK,IAAA,CAAA,MAAM,GAAe,EAAE;AAwF/B;;AAEG;QAEH,IAAA,CAAA,MAAM,GAAG,EAAE;AAEX;;AAEG;QAEH,IAAA,CAAA,MAAM,GAAG,KAAK;AAEd;;AAEG;QAEH,IAAA,CAAA,UAAU,GAAG,SAAS;AAEtB;;AAEG;QAEH,IAAA,CAAA,WAAW,GAAG,UAAU;AAExB;;AAEG;QAEH,IAAA,CAAA,QAAQ,GAAG,KAAK;AAEhB;;AAEG;QAEH,IAAA,CAAA,eAAe,GAAG,EAAE;AAEpB;;AAEG;QAEH,IAAA,CAAA,SAAS,GAAG,EAAE;AAEd;;AAEG;QAEH,IAAA,CAAA,gBAAgB,GAAG,EAAE;AAErB;;AAEG;QAEH,IAAA,CAAA,UAAU,GAAG,EAAE;AAEf;;;AAGG;QAEH,IAAA,CAAA,QAAQ,GAAG,KAAK;AAEhB;;AAEG;AAEH,QAAA,IAAA,CAAA,IAAI,GAAG,WAAW,CAAC,MAAM;AAEzB;;AAEG;QAEH,IAAA,CAAA,UAAU,GAAG,EAAE;IA0DjB;AAvNE;;;;AAIG;AACK,IAAA,aAAa,CAAC,KAAkB,EAAA;AACtC,QAAA,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,MAAM;QACnC,MAAM,QAAQ,GAAe,UAAU,CAAC,GAAG,CACzC,CAAC,IAAI,MACF;AACC,YAAA,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;AACvC,YAAA,IAAI,EAAE,IAAI;YACV,KAAK,EAAE,wBAAwB,CAAC,SAAS;AAC1C,SAAA,CAAa,CACjB;AACD,QAAA,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,GAAG,IAAI;QACzE,IAAI,QAAQ,EAAE;YACZ,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC;YACpC,IAAI,CAAC,aAAa,EAAE;AACpB,YAAA,QAAQ,CAAC,OAAO,CAAC,cAAc,EAAE,IAAI,CAAC;QACxC;AAAO,aAAA,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE;AAChC,YAAA,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;YACvC,IAAI,CAAC,aAAa,EAAE;YACpB,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QACnC;IACF;AAEA;;;;AAIG;AACK,IAAA,aAAa,CAAC,KAAkB,EAAA;QACtC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAI,KAAK,CAAC,MAAsB,CAAC,OAAO;QACpE,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,UAAU,KAAK,EAAE,CAAC;QAC/D,IAAI,CAAC,aAAa,EAAE;IACtB;AAEA;;;;AAIG;IACK,MAAM,eAAe,CAAC,IAAc,EAAA;AAC1C,QAAA,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,IAAI;AACzB,QAAA,IAAI,IAAI,CAAC,IAAI,GAAG,MAAM,EAAE;AACtB,YAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,KACjC,EAAE,KAAK,IAAI,CAAC;AACV,kBAAE;kBACD,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACM,IAAI,CAAA,EAAA,EACP,KAAK,EAAE,wBAAwB,CAAC,IAAI,EACpC,OAAO,EAAE,IAAI,EACb,YAAY,EAAE,yBAAyB,EACvC,SAAS,EACP,uDAAuD,EAAA,CAC1D,CACN;YACD,IAAI,CAAC,aAAa,EAAE;QACtB;aAAO;;YAEL,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI;AACjC,YAAA,MAAM,IAAI,OAAO,CAAC,CAAC,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;AAC7C,YAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,KACjC,EAAE,KAAK,IAAI,CAAC;AACV,kBAAE;kBACD,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACM,IAAI,CAAA,EAAA,EACP,KAAK,EAAE,wBAAwB,CAAC,QAAQ,EAAA,CACzC,CACN;YACD,IAAI,CAAC,aAAa,EAAE;;AAEpB,YAAA,MAAM,IAAI,OAAO,CAAC,CAAC,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;AAC7C,YAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,KACjC,EAAE,KAAK,IAAI,CAAC;AACV,kBAAE;kBACD,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACM,IAAI,CAAA,EAAA,EACP,KAAK,EAAE,wBAAwB,CAAC,IAAI,EAAA,CACrC,CACN;YACD,IAAI,CAAC,aAAa,EAAE;QACtB;IACF;IA2EA,MAAM,GAAA;AACJ,QAAA,MAAM,EACJ,MAAM,EACN,MAAM,EACN,UAAU,EACV,WAAW,EACX,QAAQ,EACR,gBAAgB,EAChB,UAAU,EACV,QAAQ,EACR,IAAI,EACJ,UAAU,EACV,eAAe,EACf,MAAM,EAAE,KAAK,EACb,aAAa,EAAE,YAAY,EAC3B,aAAa,EAAE,YAAY,GAC5B,GAAG,IAAI;AACR,QAAA,OAAO,IAAI,CAAA;;6BAEc,SAAS,CAAC,gBAAgB,CAAC,CAAA;uBACjC,SAAS,CAAC,UAAU,CAAC,CAAA;qBACvB,QAAQ,CAAA;AACnB,QAAA,EAAA,CAAC;cACC,IAAI,CAAA,CAAA;wBACQ,SAAS,CAAC,MAAM,CAAC,CAAA;2BACd,QAAQ,CAAA;AACb,oBAAA,EAAA,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;2DACY,YAAY,CAAA;;AAEvB,+CAAA;cACpC,IAAI,CAAA,CAAA;sBACM,SAAS,CAAC,IAAI,CAAC,CAAA;6BACR,UAAU,CAAA;wBACf,SAAS,CAAC,MAAM,CAAC,CAAA;AACnB,oBAAA,EAAA,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;2BACpB,QAAQ,CAAA;mDACgB,YAAY,CAAA;gBAC/C,WAAW;AACa,uCAAA,CAAA;UAC9B,KAAK,CAAC,GAAG,CACT,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,KAAK,IAAI,CAAA;;8BAE3C,EAAE,CAAA;0BACN,OAAO,CAAA;AACV,qBAAA,EAAA,UAAU,IAAI,SAAS,CAAC,KAAK,CAAC,CAAA;kCACnB,SAAS,CAAC,eAAe,CAAC,CAAA;+BAC7B,SAAS,CAAC,YAAY,CAAC,CAAA;4BAC1B,SAAS,CAAC,SAAS,CAAC,CAAA;iDACC,YAAY,CAAA;AAC7C,cAAA,EAAA,IAAI,CAAC,IAAI;;WAEd,CACF;;KAEJ;IACH;CACD;AA7HC,UAAA,CAAA;AADC,IAAA,QAAQ;AACG,CAAA,EAAA,qBAAA,CAAA,SAAA,EAAA,QAAA,EAAA,MAAA,CAAA;AAMZ,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AAC3B,CAAA,EAAA,qBAAA,CAAA,SAAA,EAAA,QAAA,EAAA,MAAA,CAAA;AAMf,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE;AACf,CAAA,EAAA,qBAAA,CAAA,SAAA,EAAA,YAAA,EAAA,MAAA,CAAA;AAMvB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE;AACd,CAAA,EAAA,qBAAA,CAAA,SAAA,EAAA,aAAA,EAAA,MAAA,CAAA;AAMzB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AACzB,CAAA,EAAA,qBAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AAMjB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE;AACtB,CAAA,EAAA,qBAAA,CAAA,SAAA,EAAA,iBAAA,EAAA,MAAA,CAAA;AAMrB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE;AACtB,CAAA,EAAA,qBAAA,CAAA,SAAA,EAAA,WAAA,EAAA,MAAA,CAAA;AAMf,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,SAAS,EAAE,mBAAmB,EAAE;AACtB,CAAA,EAAA,qBAAA,CAAA,SAAA,EAAA,kBAAA,EAAA,MAAA,CAAA;AAMtB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE;AACtB,CAAA,EAAA,qBAAA,CAAA,SAAA,EAAA,YAAA,EAAA,MAAA,CAAA;AAOhB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AACzB,CAAA,EAAA,qBAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AAMjB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE;AACD,CAAA,EAAA,qBAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAM1B,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE;AACrC,CAAA,EAAA,qBAAA,CAAA,SAAA,EAAA,YAAA,EAAA,MAAA,CAAA;AAnKG,qBAAqB,GAAA,UAAA,CAAA;AADzC,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,sBAAA,CAAwB;AAC3B,CAAA,EAAA,qBAAqB,CA6NzC;8BA7NoB,qBAAqB;;;;"}
+{"version":3,"file":"demo-file-uploader.js","sources":["../../../src/components/file-uploader/demo-file-uploader.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2024\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 { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nimport { prefix } from '../../globals/settings';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport './index';\nimport { FILE_UPLOADER_ITEM_STATE } from './file-uploader-item';\nimport { BUTTON_SIZE } from '../button/button';\nimport { FileData } from './stories/types';\n\n/**\n * A class to manage file uploading states, like sending file contents to server.\n * DEMONSTRATION-PURPOSE ONLY.\n * Data/state handling in file uploading tends to involve lots of application-specific logics\n * and thus abstracting everything in a library won't be a good return on investment\n * vs. letting users copy code here and implement features that fit their needs.\n */\n@customElement(`${prefix}-ce-demo-file-uploader`)\nexport default class CDSCEDemoFileUploader extends LitElement {\n  /**\n   * The files being uploaded.\n   */\n  private _files: FileData[] = [];\n\n  /**\n   * Handles `cds-custom-drop-container-changed` on `<cds-custom-file-drop-container>`.\n   *\n   * @param event The event.\n   */\n  private _handleChange(event: CustomEvent) {\n    const { addedFiles } = event.detail;\n    const newFiles: FileData[] = addedFiles.map(\n      (item) =>\n        ({\n          id: Math.random().toString(36).slice(2),\n          file: item,\n          state: FILE_UPLOADER_ITEM_STATE.UPLOADING,\n        }) as FileData\n    );\n    const { multiple, _files: files, _simulateUpload: simulateUpload } = this;\n    if (multiple) {\n      this._files = files.concat(newFiles);\n      this.requestUpdate();\n      newFiles.forEach(simulateUpload, this);\n    } else if (addedFiles.length > 0) {\n      this._files = files.concat(newFiles[0]);\n      this.requestUpdate();\n      this._simulateUpload(newFiles[0]);\n    }\n  }\n\n  /**\n   * Handles `cds-custom-file-uploader-item-deleted` on `<cds-custom-file-uploader-item>`.\n   *\n   * @param event The event.\n   */\n  private _handleDelete(event: CustomEvent) {\n    const { fileId: idToDelete } = (event.target as HTMLElement).dataset;\n    this._files = this._files.filter(({ id }) => idToDelete !== id);\n    this.requestUpdate();\n  }\n\n  /**\n   * Simulates updating file.\n   *\n   * @param data The data of the file being uploaded.\n   */\n  private async _simulateUpload(data: FileData) {\n    const { id, file } = data;\n    if (file.size > 524288) {\n      this._files = this._files.map((item) =>\n        id !== item.id\n          ? item\n          : {\n              ...item,\n              state: FILE_UPLOADER_ITEM_STATE.EDIT,\n              invalid: true,\n              errorSubject: 'File size exceeds limit',\n              errorBody:\n                '500kb max file size. Select a new file and try again.',\n            }\n      );\n      this.requestUpdate();\n    } else {\n      // Simulates network request time\n      const rand = Math.random() * 1000;\n      await new Promise((t) => setTimeout(t, rand));\n      this._files = this._files.map((item) =>\n        id !== item.id\n          ? item\n          : {\n              ...item,\n              state: FILE_UPLOADER_ITEM_STATE.COMPLETE,\n            }\n      );\n      this.requestUpdate();\n      // Shows x icon after 1 second\n      await new Promise((t) => setTimeout(t, 1000));\n      this._files = this._files.map((item) =>\n        id !== item.id\n          ? item\n          : {\n              ...item,\n              state: FILE_UPLOADER_ITEM_STATE.EDIT,\n            }\n      );\n      this.requestUpdate();\n    }\n  }\n\n  /**\n   * The file types the file input should accept, separated by space.\n   */\n  @property()\n  accept = '';\n\n  /**\n   * `true` if the drop container should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  button = false;\n\n  /**\n   * Button kind.\n   */\n  @property({ attribute: 'button-kind' })\n  buttonKind = 'primary';\n\n  /**\n   * Button label.\n   */\n  @property({ attribute: 'button-label' })\n  buttonLabel = 'Add file';\n\n  /**\n   * `true` if the drop container should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Icon description.\n   */\n  @property({ attribute: 'icon-description' })\n  iconDescription = '';\n\n  /**\n   * The input name.\n   */\n  @property({ attribute: 'input-name' })\n  inputName = '';\n\n  /**\n   * The label description text.\n   */\n  @property({ attribute: 'label-description' })\n  labelDescription = '';\n\n  /**\n   * The label title.\n   */\n  @property({ attribute: 'label-title' })\n  labelTitle = '';\n\n  /**\n   * `true` if the drop container should accept more than one files at once.\n   * Note that even with `false` set here, user _can_ select multiple files one by one.\n   */\n  @property({ type: Boolean, reflect: true })\n  multiple = false;\n\n  /**\n   * The size of the button item.\n   */\n  @property({ reflect: true })\n  size = BUTTON_SIZE.MEDIUM;\n\n  /**\n   * The state of this file uploader item.\n   */\n  @property({ reflect: true, attribute: 'input-state' })\n  inputState = '';\n\n  render() {\n    const {\n      accept,\n      button,\n      buttonKind,\n      buttonLabel,\n      disabled,\n      labelDescription,\n      labelTitle,\n      multiple,\n      size,\n      inputState,\n      iconDescription,\n      _files: files,\n      _handleChange: handleChange,\n      _handleDelete: handleDelete,\n    } = this;\n    return html`\n      <cds-custom-file-uploader\n        label-description=\"${ifDefined(labelDescription)}\"\n        label-title=\"${ifDefined(labelTitle)}\"\n        ?disabled=\"${disabled}\">\n        ${!button\n          ? html` <cds-custom-file-uploader-drop-container\n              accept=\"${ifDefined(accept)}\"\n              ?multiple=\"${multiple}\"\n              name=\"${ifDefined(this.inputName)}\"\n              @cds-custom-file-uploader-drop-container-changed=\"${handleChange}\">\n              Drag and drop files here or click to upload\n            </cds-custom-file-uploader-drop-container>`\n          : html` <cds-custom-file-uploader-button\n              size=\"${ifDefined(size)}\"\n              button-kind=\"${buttonKind}\"\n              accept=\"${ifDefined(accept)}\"\n              name=\"${ifDefined(this.inputName)}\"\n              ?multiple=\"${multiple}\"\n              @cds-custom-file-uploader-button-changed=\"${handleChange}\">\n              ${buttonLabel}\n            </cds-custom-file-uploader-button>`}\n        ${files.map(\n          ({ id, invalid, file, state, errorSubject, errorBody }) => html`\n            <cds-custom-file-uploader-item\n              data-file-id=\"${id}\"\n              ?invalid=\"${invalid}\"\n              state=\"${inputState || ifDefined(state)}\"\n              icon-description=\"${ifDefined(iconDescription)}\"\n              error-subject=\"${ifDefined(errorSubject)}\"\n              error-body=\"${ifDefined(errorBody)}\"\n              @cds-custom-file-uploader-item-deleted=\"${handleDelete}\">\n              ${file.name}\n            </cds-custom-file-uploader-item>\n          `\n        )}\n      </cds-custom-file-uploader>\n    `;\n  }\n}\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;AAKG;AAaH;;;;;;AAMG;AAEY,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,UAAU,CAAA;AAA9C,IAAA,WAAA,GAAA;;AACb;;AAEG;QACK,IAAA,CAAA,MAAM,GAAe,EAAE;AAwF/B;;AAEG;QAEH,IAAA,CAAA,MAAM,GAAG,EAAE;AAEX;;AAEG;QAEH,IAAA,CAAA,MAAM,GAAG,KAAK;AAEd;;AAEG;QAEH,IAAA,CAAA,UAAU,GAAG,SAAS;AAEtB;;AAEG;QAEH,IAAA,CAAA,WAAW,GAAG,UAAU;AAExB;;AAEG;QAEH,IAAA,CAAA,QAAQ,GAAG,KAAK;AAEhB;;AAEG;QAEH,IAAA,CAAA,eAAe,GAAG,EAAE;AAEpB;;AAEG;QAEH,IAAA,CAAA,SAAS,GAAG,EAAE;AAEd;;AAEG;QAEH,IAAA,CAAA,gBAAgB,GAAG,EAAE;AAErB;;AAEG;QAEH,IAAA,CAAA,UAAU,GAAG,EAAE;AAEf;;;AAGG;QAEH,IAAA,CAAA,QAAQ,GAAG,KAAK;AAEhB;;AAEG;AAEH,QAAA,IAAA,CAAA,IAAI,GAAG,WAAW,CAAC,MAAM;AAEzB;;AAEG;QAEH,IAAA,CAAA,UAAU,GAAG,EAAE;IA0DjB;AAvNE;;;;AAIG;AACK,IAAA,aAAa,CAAC,KAAkB,EAAA;AACtC,QAAA,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,MAAM;QACnC,MAAM,QAAQ,GAAe,UAAU,CAAC,GAAG,CACzC,CAAC,IAAI,MACF;AACC,YAAA,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;AACvC,YAAA,IAAI,EAAE,IAAI;YACV,KAAK,EAAE,wBAAwB,CAAC,SAAS;AAC1C,SAAA,CAAa,CACjB;AACD,QAAA,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,GAAG,IAAI;QACzE,IAAI,QAAQ,EAAE;YACZ,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC;YACpC,IAAI,CAAC,aAAa,EAAE;AACpB,YAAA,QAAQ,CAAC,OAAO,CAAC,cAAc,EAAE,IAAI,CAAC;QACxC;AAAO,aAAA,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE;AAChC,YAAA,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;YACvC,IAAI,CAAC,aAAa,EAAE;YACpB,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QACnC;IACF;AAEA;;;;AAIG;AACK,IAAA,aAAa,CAAC,KAAkB,EAAA;QACtC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAI,KAAK,CAAC,MAAsB,CAAC,OAAO;QACpE,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,UAAU,KAAK,EAAE,CAAC;QAC/D,IAAI,CAAC,aAAa,EAAE;IACtB;AAEA;;;;AAIG;IACK,MAAM,eAAe,CAAC,IAAc,EAAA;AAC1C,QAAA,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,IAAI;AACzB,QAAA,IAAI,IAAI,CAAC,IAAI,GAAG,MAAM,EAAE;AACtB,YAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,KACjC,EAAE,KAAK,IAAI,CAAC;AACV,kBAAE;kBACD,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACM,IAAI,CAAA,EAAA,EACP,KAAK,EAAE,wBAAwB,CAAC,IAAI,EACpC,OAAO,EAAE,IAAI,EACb,YAAY,EAAE,yBAAyB,EACvC,SAAS,EACP,uDAAuD,EAAA,CAC1D,CACN;YACD,IAAI,CAAC,aAAa,EAAE;QACtB;aAAO;;YAEL,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI;AACjC,YAAA,MAAM,IAAI,OAAO,CAAC,CAAC,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;AAC7C,YAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,KACjC,EAAE,KAAK,IAAI,CAAC;AACV,kBAAE;kBACD,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACM,IAAI,CAAA,EAAA,EACP,KAAK,EAAE,wBAAwB,CAAC,QAAQ,EAAA,CACzC,CACN;YACD,IAAI,CAAC,aAAa,EAAE;;AAEpB,YAAA,MAAM,IAAI,OAAO,CAAC,CAAC,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;AAC7C,YAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,KACjC,EAAE,KAAK,IAAI,CAAC;AACV,kBAAE;kBACD,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACM,IAAI,CAAA,EAAA,EACP,KAAK,EAAE,wBAAwB,CAAC,IAAI,EAAA,CACrC,CACN;YACD,IAAI,CAAC,aAAa,EAAE;QACtB;IACF;IA2EA,MAAM,GAAA;AACJ,QAAA,MAAM,EACJ,MAAM,EACN,MAAM,EACN,UAAU,EACV,WAAW,EACX,QAAQ,EACR,gBAAgB,EAChB,UAAU,EACV,QAAQ,EACR,IAAI,EACJ,UAAU,EACV,eAAe,EACf,MAAM,EAAE,KAAK,EACb,aAAa,EAAE,YAAY,EAC3B,aAAa,EAAE,YAAY,GAC5B,GAAG,IAAI;AACR,QAAA,OAAO,IAAI,CAAA;;6BAEc,SAAS,CAAC,gBAAgB,CAAC,CAAA;uBACjC,SAAS,CAAC,UAAU,CAAC,CAAA;qBACvB,QAAQ,CAAA;AACnB,QAAA,EAAA,CAAC;cACC,IAAI,CAAA,CAAA;wBACQ,SAAS,CAAC,MAAM,CAAC,CAAA;2BACd,QAAQ,CAAA;AACb,oBAAA,EAAA,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;2DACY,YAAY,CAAA;;AAEvB,+CAAA;cACpC,IAAI,CAAA,CAAA;sBACM,SAAS,CAAC,IAAI,CAAC,CAAA;6BACR,UAAU,CAAA;wBACf,SAAS,CAAC,MAAM,CAAC,CAAA;AACnB,oBAAA,EAAA,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;2BACpB,QAAQ,CAAA;mDACgB,YAAY,CAAA;gBAC/C,WAAW;AACa,uCAAA,CAAA;UAC9B,KAAK,CAAC,GAAG,CACT,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,KAAK,IAAI,CAAA;;8BAE3C,EAAE,CAAA;0BACN,OAAO,CAAA;AACV,qBAAA,EAAA,UAAU,IAAI,SAAS,CAAC,KAAK,CAAC,CAAA;kCACnB,SAAS,CAAC,eAAe,CAAC,CAAA;+BAC7B,SAAS,CAAC,YAAY,CAAC,CAAA;4BAC1B,SAAS,CAAC,SAAS,CAAC,CAAA;iDACC,YAAY,CAAA;AAC7C,cAAA,EAAA,IAAI,CAAC,IAAI;;WAEd,CACF;;KAEJ;IACH;CACD;AA7HC,UAAA,CAAA;AADC,IAAA,QAAQ;AACG,CAAA,EAAA,qBAAA,CAAA,SAAA,EAAA,QAAA,EAAA,MAAA,CAAA;AAMZ,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AAC3B,CAAA,EAAA,qBAAA,CAAA,SAAA,EAAA,QAAA,EAAA,MAAA,CAAA;AAMf,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE;AACf,CAAA,EAAA,qBAAA,CAAA,SAAA,EAAA,YAAA,EAAA,MAAA,CAAA;AAMvB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE;AACd,CAAA,EAAA,qBAAA,CAAA,SAAA,EAAA,aAAA,EAAA,MAAA,CAAA;AAMzB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AACzB,CAAA,EAAA,qBAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AAMjB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE;AACtB,CAAA,EAAA,qBAAA,CAAA,SAAA,EAAA,iBAAA,EAAA,MAAA,CAAA;AAMrB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE;AACtB,CAAA,EAAA,qBAAA,CAAA,SAAA,EAAA,WAAA,EAAA,MAAA,CAAA;AAMf,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,SAAS,EAAE,mBAAmB,EAAE;AACtB,CAAA,EAAA,qBAAA,CAAA,SAAA,EAAA,kBAAA,EAAA,MAAA,CAAA;AAMtB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE;AACtB,CAAA,EAAA,qBAAA,CAAA,SAAA,EAAA,YAAA,EAAA,MAAA,CAAA;AAOhB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AACzB,CAAA,EAAA,qBAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AAMjB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE;AACD,CAAA,EAAA,qBAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAM1B,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE;AACrC,CAAA,EAAA,qBAAA,CAAA,SAAA,EAAA,YAAA,EAAA,MAAA,CAAA;AAnKG,qBAAqB,GAAA,UAAA,CAAA;AADzC,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,sBAAA,CAAwB;AAC3B,CAAA,EAAA,qBAAqB,CA6NzC;oCA7NoB,qBAAqB;;;;"}

package/es-custom/components/file-uploader/file-uploader-button.js

@@ -202,7 +202,7 @@ __decorate([
 CDSFileUploaderButton = __decorate([
     carbonElement(`${prefix}-file-uploader-button`)
 ], CDSFileUploaderButton);
-var CDSFileUploaderButton$1 = CDSFileUploaderButton;
+var CDSFileUploaderButton_default = CDSFileUploaderButton;
 
-export { CDSFileUploaderButton$1 as default };
+export { CDSFileUploaderButton_default as default };
 //# sourceMappingURL=file-uploader-button.js.map

package/es-custom/components/file-uploader/file-uploader-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-uploader-button.js","sources":["../../../src/components/file-uploader/file-uploader-button.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2024\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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport styles from './file-uploader.scss?lit';\nimport { BUTTON_KIND, BUTTON_SIZE } from '../button/defs';\n\nexport { FORM_ELEMENT_COLOR_SCHEME as TILE_COLOR_SCHEME } from '../../globals/shared-enums';\n\n/**\n * File uploader button .\n *\n * @element cds-custom-file-uploader-button\n * @fires cds-custom-file-uploader-button-changed The custom event fired when there is a user gesture to select files to upload.\n */\n@customElement(`${prefix}-file-uploader-button`)\nclass CDSFileUploaderButton extends HostListenerMixin(LitElement) {\n  /**\n   * Handles `click` event on the button.\n   */\n  private _handleClick(event) {\n    event.target.value = null;\n    const { selectorInput } = this.constructor as typeof CDSFileUploaderButton;\n    this?.shadowRoot?.querySelector(selectorInput)?.setAttribute('value', '');\n    (this?.shadowRoot?.querySelector(selectorInput) as HTMLElement).click();\n  }\n\n  /**\n   * Handles `keydown` event on the button.\n   */\n  private _handleKeyDown(event) {\n    const { selectorInput } = this.constructor as typeof CDSFileUploaderButton;\n    if (event.key === 'Enter' || event.key === 'Space') {\n      this?.shadowRoot?.querySelector(selectorInput)?.setAttribute('value', '');\n      (this?.shadowRoot?.querySelector(selectorInput) as HTMLElement).click();\n    }\n  }\n\n  /**\n   * Handles user gesture to select files to upload.\n   *\n   * @param event The event.\n   */\n  private _handleChange(event: Event | DragEvent) {\n    const addedFiles = this._getFiles(event);\n    const { eventChange, selectorInput } = this\n      .constructor as typeof CDSFileUploaderButton;\n    this.dispatchEvent(\n      new CustomEvent(eventChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          addedFiles,\n        },\n      })\n    );\n\n    const fileInput = this?.shadowRoot?.querySelector(selectorInput);\n    if (fileInput) {\n      (fileInput as HTMLInputElement).value = '';\n    }\n  }\n\n  /**\n   * @param event The event.\n   * @returns The list of files user chose to upload.\n   */\n  private _getFiles(event: Event | DragEvent) {\n    const { files } =\n      (event.type === 'drop'\n        ? (event as DragEvent).dataTransfer\n        : (event.target as HTMLInputElement)) ?? {};\n    const { accept } = this;\n    if (!accept || !/^(change|drop)$/.test(event.type)) {\n      return Array.from(files ?? []);\n    }\n    const acceptedTypes = new Set(accept.split(' '));\n    return Array.prototype.filter.call(\n      files,\n      ({ name, type: mimeType = '' }) => {\n        const fileExtensionRegExp = /\\.[^.]+$/;\n        const hasFileExtension = fileExtensionRegExp.test(name);\n        const [fileExtension] = !hasFileExtension\n          ? [undefined]\n          : (fileExtensionRegExp.exec(name) ?? []);\n\n        return (\n          acceptedTypes.has(mimeType) ||\n          (fileExtension && acceptedTypes.has(fileExtension))\n        );\n      }\n    ) as File[];\n  }\n\n  /**\n   * Button kind.\n   */\n  @property({ reflect: true, attribute: 'button-kind' })\n  buttonKind = BUTTON_KIND.PRIMARY;\n\n  /**\n   * Button size.\n   */\n  @property({ reflect: true })\n  size = BUTTON_SIZE.MEDIUM;\n\n  /**\n   * The file types the file input should accept, separated by space.\n   */\n  @property()\n  accept = '';\n\n  /**\n   * `true` if this drop container should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if this drop container should accept more than one files at once.\n   * Note that even with `false` set here, user _can_ select multiple files one by one.\n   */\n  @property({ type: Boolean, reflect: true })\n  multiple = false;\n\n  /**\n   * The name of the input.\n   */\n  @property({ reflect: true })\n  name = '';\n\n  /**\n   * The shadow DOM slot to put this drop container in.\n   */\n  @property({ reflect: true })\n  slot = 'drop-container';\n\n  render() {\n    const {\n      accept,\n      disabled,\n      multiple,\n      name,\n      buttonKind,\n      size,\n      _handleChange: handleChange,\n    } = this;\n\n    const labelClasses = classMap({\n      [`${prefix}--file-browse-btn`]: true,\n      [`${prefix}--file-browse-btn--disabled`]: disabled,\n    });\n    const buttonClasses = classMap({\n      [`${prefix}--btn`]: true,\n      [`${prefix}--btn--${buttonKind}`]: buttonKind,\n      [`${prefix}--layout--size-${size}`]: size,\n      [`${prefix}--btn--disabled`]: disabled,\n      [`${prefix}--btn--${size}`]: size,\n    });\n    return html`\n      <button\n        type=\"button\"\n        class=\"${buttonClasses}\"\n        @click=\"${this._handleClick}\"\n        @keydown=\"${this._handleKeyDown}\">\n        <slot></slot>\n      </button>\n      <label class=\"${labelClasses}\" for=\"file\"> </label>\n      <input\n        id=\"file\"\n        type=\"file\"\n        class=\"${prefix}--file-input\"\n        tabindex=\"-1\"\n        accept=\"${ifNonEmpty(accept)}\"\n        ?disabled=\"${disabled}\"\n        ?multiple=\"${multiple}\"\n        name=\"${ifNonEmpty(name)}\"\n        @change=\"${handleChange}\" />\n    `;\n  }\n\n  /**\n   * The name of the custom event fired when there is a user gesture to select files to upload.\n   */\n  static get eventChange() {\n    return `${prefix}-file-uploader-button-changed`;\n  }\n\n  /**\n   * A selector that will return the file `input`.\n   */\n  static get selectorInput() {\n    return `.${prefix}--file-input`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSFileUploaderButton;\n"],"names":["customElement"],"mappings":"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"}
+{"version":3,"file":"file-uploader-button.js","sources":["../../../src/components/file-uploader/file-uploader-button.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2024\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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport styles from './file-uploader.scss?lit';\nimport { BUTTON_KIND, BUTTON_SIZE } from '../button/defs';\n\nexport { FORM_ELEMENT_COLOR_SCHEME as TILE_COLOR_SCHEME } from '../../globals/shared-enums';\n\n/**\n * File uploader button .\n *\n * @element cds-custom-file-uploader-button\n * @fires cds-custom-file-uploader-button-changed The custom event fired when there is a user gesture to select files to upload.\n */\n@customElement(`${prefix}-file-uploader-button`)\nclass CDSFileUploaderButton extends HostListenerMixin(LitElement) {\n  /**\n   * Handles `click` event on the button.\n   */\n  private _handleClick(event) {\n    event.target.value = null;\n    const { selectorInput } = this.constructor as typeof CDSFileUploaderButton;\n    this?.shadowRoot?.querySelector(selectorInput)?.setAttribute('value', '');\n    (this?.shadowRoot?.querySelector(selectorInput) as HTMLElement).click();\n  }\n\n  /**\n   * Handles `keydown` event on the button.\n   */\n  private _handleKeyDown(event) {\n    const { selectorInput } = this.constructor as typeof CDSFileUploaderButton;\n    if (event.key === 'Enter' || event.key === 'Space') {\n      this?.shadowRoot?.querySelector(selectorInput)?.setAttribute('value', '');\n      (this?.shadowRoot?.querySelector(selectorInput) as HTMLElement).click();\n    }\n  }\n\n  /**\n   * Handles user gesture to select files to upload.\n   *\n   * @param event The event.\n   */\n  private _handleChange(event: Event | DragEvent) {\n    const addedFiles = this._getFiles(event);\n    const { eventChange, selectorInput } = this\n      .constructor as typeof CDSFileUploaderButton;\n    this.dispatchEvent(\n      new CustomEvent(eventChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          addedFiles,\n        },\n      })\n    );\n\n    const fileInput = this?.shadowRoot?.querySelector(selectorInput);\n    if (fileInput) {\n      (fileInput as HTMLInputElement).value = '';\n    }\n  }\n\n  /**\n   * @param event The event.\n   * @returns The list of files user chose to upload.\n   */\n  private _getFiles(event: Event | DragEvent) {\n    const { files } =\n      (event.type === 'drop'\n        ? (event as DragEvent).dataTransfer\n        : (event.target as HTMLInputElement)) ?? {};\n    const { accept } = this;\n    if (!accept || !/^(change|drop)$/.test(event.type)) {\n      return Array.from(files ?? []);\n    }\n    const acceptedTypes = new Set(accept.split(' '));\n    return Array.prototype.filter.call(\n      files,\n      ({ name, type: mimeType = '' }) => {\n        const fileExtensionRegExp = /\\.[^.]+$/;\n        const hasFileExtension = fileExtensionRegExp.test(name);\n        const [fileExtension] = !hasFileExtension\n          ? [undefined]\n          : (fileExtensionRegExp.exec(name) ?? []);\n\n        return (\n          acceptedTypes.has(mimeType) ||\n          (fileExtension && acceptedTypes.has(fileExtension))\n        );\n      }\n    ) as File[];\n  }\n\n  /**\n   * Button kind.\n   */\n  @property({ reflect: true, attribute: 'button-kind' })\n  buttonKind = BUTTON_KIND.PRIMARY;\n\n  /**\n   * Button size.\n   */\n  @property({ reflect: true })\n  size = BUTTON_SIZE.MEDIUM;\n\n  /**\n   * The file types the file input should accept, separated by space.\n   */\n  @property()\n  accept = '';\n\n  /**\n   * `true` if this drop container should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if this drop container should accept more than one files at once.\n   * Note that even with `false` set here, user _can_ select multiple files one by one.\n   */\n  @property({ type: Boolean, reflect: true })\n  multiple = false;\n\n  /**\n   * The name of the input.\n   */\n  @property({ reflect: true })\n  name = '';\n\n  /**\n   * The shadow DOM slot to put this drop container in.\n   */\n  @property({ reflect: true })\n  slot = 'drop-container';\n\n  render() {\n    const {\n      accept,\n      disabled,\n      multiple,\n      name,\n      buttonKind,\n      size,\n      _handleChange: handleChange,\n    } = this;\n\n    const labelClasses = classMap({\n      [`${prefix}--file-browse-btn`]: true,\n      [`${prefix}--file-browse-btn--disabled`]: disabled,\n    });\n    const buttonClasses = classMap({\n      [`${prefix}--btn`]: true,\n      [`${prefix}--btn--${buttonKind}`]: buttonKind,\n      [`${prefix}--layout--size-${size}`]: size,\n      [`${prefix}--btn--disabled`]: disabled,\n      [`${prefix}--btn--${size}`]: size,\n    });\n    return html`\n      <button\n        type=\"button\"\n        class=\"${buttonClasses}\"\n        @click=\"${this._handleClick}\"\n        @keydown=\"${this._handleKeyDown}\">\n        <slot></slot>\n      </button>\n      <label class=\"${labelClasses}\" for=\"file\"> </label>\n      <input\n        id=\"file\"\n        type=\"file\"\n        class=\"${prefix}--file-input\"\n        tabindex=\"-1\"\n        accept=\"${ifNonEmpty(accept)}\"\n        ?disabled=\"${disabled}\"\n        ?multiple=\"${multiple}\"\n        name=\"${ifNonEmpty(name)}\"\n        @change=\"${handleChange}\" />\n    `;\n  }\n\n  /**\n   * The name of the custom event fired when there is a user gesture to select files to upload.\n   */\n  static get eventChange() {\n    return `${prefix}-file-uploader-button-changed`;\n  }\n\n  /**\n   * A selector that will return the file `input`.\n   */\n  static get selectorInput() {\n    return `.${prefix}--file-input`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSFileUploaderButton;\n"],"names":["customElement"],"mappings":"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"}

package/es-custom/components/file-uploader/file-uploader-drop-container.js

@@ -199,7 +199,7 @@ __decorate([
 CDSFileUploaderDropContainer = __decorate([
     carbonElement(`${prefix}-file-uploader-drop-container`)
 ], CDSFileUploaderDropContainer);
-var CDSFileUploaderDropContainer$1 = CDSFileUploaderDropContainer;
+var CDSFileUploaderDropContainer_default = CDSFileUploaderDropContainer;
 
-export { CDSFileUploaderDropContainer$1 as default };
+export { CDSFileUploaderDropContainer_default as default };
 //# sourceMappingURL=file-uploader-drop-container.js.map

package/es-custom/components/file-uploader/file-uploader-drop-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-uploader-drop-container.js","sources":["../../../src/components/file-uploader/file-uploader-drop-container.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2024\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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport styles from './file-uploader.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { FORM_ELEMENT_COLOR_SCHEME as TILE_COLOR_SCHEME } from '../../globals/shared-enums';\n\n/**\n * The value to set to `event.dataTransfer.dropEffect`, keyed by the event nane.\n */\nconst dropEffects = {\n  dragover: 'copy',\n  dragleave: 'move',\n};\n\n/**\n * File uploader drop container.\n *\n * @element cds-custom-file-uploader-drop-container\n * @fires cds-custom-file-uploader-drop-container-changed The custom event fired when there is a user gesture to select files to upload.\n */\n@customElement(`${prefix}-file-uploader-drop-container`)\nclass CDSFileUploaderDropContainer extends HostListenerMixin(LitElement) {\n  /**\n   * `true` to show the active state of this UI.\n   */\n  private _active = false;\n\n  /**\n   * Handles user gesture to select files to upload.\n   *\n   * @param event The event.\n   */\n  private _handleChange(event: Event | DragEvent) {\n    const { eventChange, selectorInput } = this\n      .constructor as typeof CDSFileUploaderDropContainer;\n    const { files } =\n      (event.type === 'drop'\n        ? (event as DragEvent).dataTransfer\n        : (event.target as HTMLInputElement)) ?? {};\n    const addedFiles = this._getFiles(event, files);\n\n    this.dispatchEvent(\n      new CustomEvent(eventChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          addedFiles,\n        },\n      })\n    );\n\n    const fileInput = this?.shadowRoot?.querySelector(selectorInput);\n    if (fileInput) {\n      (fileInput as HTMLInputElement).value = ''; // carbon-web-components#904\n    }\n  }\n\n  /**\n   * Handles `dragover`, `dragleave` and `drop` events.\n   *\n   * @param event The event.\n   */\n  @HostListener('dragover')\n  @HostListener('dragleave')\n  @HostListener('drop')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleDrag(event: DragEvent) {\n    event.preventDefault(); // Prevents page navigation upon dropping\n    if (this.disabled) {\n      return;\n    }\n    const { dataTransfer, type } = event;\n    const dropEffect = dropEffects[type];\n    if (dataTransfer && dropEffect) {\n      dataTransfer.dropEffect = dropEffect;\n    }\n    this._active = type === 'dragover';\n    if (type === 'drop') {\n      this._handleChange(event);\n    }\n    this.requestUpdate();\n  }\n\n  /**\n   * @param event The event.\n   * @returns The list of files user chose to upload.\n   */\n  private _getFiles(event, files) {\n    const { accept } = this;\n    if (!accept || !/^(change|drop)$/.test(event.type)) {\n      return Array.from(files ?? []);\n    }\n    const acceptedTypes = new Set(accept.split(' '));\n    return Array.prototype.filter.call(\n      files,\n      ({ name, type: mimeType = '' }) => {\n        const fileExtensionRegExp = /\\.[^.]+$/;\n        const hasFileExtension = fileExtensionRegExp.test(name);\n        const [fileExtension] = !hasFileExtension\n          ? [undefined]\n          : (fileExtensionRegExp.exec(name) ?? []);\n\n        return (\n          acceptedTypes.has(mimeType) ||\n          (fileExtension && acceptedTypes.has(fileExtension))\n        );\n      }\n    ) as File[];\n  }\n\n  /**\n   * The file types the file input should accept, separated by space.\n   */\n  @property()\n  accept = '';\n\n  /**\n   * `true` if this drop container should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if this drop container should accept more than one files at once.\n   * Note that even with `false` set here, user _can_ select multiple files one by one.\n   */\n  @property({ type: Boolean, reflect: true })\n  multiple = false;\n\n  /**\n   * The name of the input.\n   */\n  @property({ reflect: true })\n  name = '';\n\n  /**\n   * The shadow DOM slot to put this drop container in.\n   */\n  @property({ reflect: true })\n  slot = 'drop-container';\n\n  render() {\n    const {\n      accept,\n      disabled,\n      multiple,\n      name,\n      _active: active,\n      _handleChange: handleChange,\n    } = this;\n    const labelClasses = classMap({\n      [`${prefix}--file-browse-btn`]: true,\n      [`${prefix}--file-browse-btn--disabled`]: disabled,\n    });\n    const dropareaClasses = classMap({\n      [`${prefix}--file__drop-container`]: true,\n      [`${prefix}--file__drop-container--drag-over`]: active,\n    });\n    return html`\n      <label class=\"${labelClasses}\" for=\"file\" tabindex=\"0\">\n        <div class=\"${dropareaClasses}\" role=\"button\">\n          <slot></slot>\n          <input\n            id=\"file\"\n            type=\"file\"\n            name=\"${ifNonEmpty(name)}\"\n            class=\"${prefix}--file-input\"\n            tabindex=\"-1\"\n            accept=\"${ifNonEmpty(accept)}\"\n            ?disabled=\"${disabled}\"\n            ?multiple=\"${multiple}\"\n            @change=\"${handleChange}\" />\n        </div>\n      </label>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired when there is a user gesture to select files to upload.\n   */\n  static get eventChange() {\n    return `${prefix}-file-uploader-drop-container-changed`;\n  }\n\n  /**\n   * A selector that will return the file `input`.\n   */\n  static get selectorInput() {\n    return `.${prefix}--file-input`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSFileUploaderDropContainer;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;AAKG;AAcH;;AAEG;AACH,MAAM,WAAW,GAAG;AAClB,IAAA,QAAQ,EAAE,MAAM;AAChB,IAAA,SAAS,EAAE,MAAM;CAClB;AAED;;;;;AAKG;AAEH,IAAM,4BAA4B,GAAlC,MAAM,4BAA6B,SAAQ,iBAAiB,CAAC,UAAU,CAAC,CAAA;AAAxE,IAAA,WAAA,GAAA;;AACE;;AAEG;QACK,IAAA,CAAA,OAAO,GAAG,KAAK;AAsFvB;;AAEG;QAEH,IAAA,CAAA,MAAM,GAAG,EAAE;AAEX;;AAEG;QAEH,IAAA,CAAA,QAAQ,GAAG,KAAK;AAEhB;;;AAGG;QAEH,IAAA,CAAA,QAAQ,GAAG,KAAK;AAEhB;;AAEG;QAEH,IAAA,CAAA,IAAI,GAAG,EAAE;AAET;;AAEG;QAEH,IAAA,CAAA,IAAI,GAAG,gBAAgB;IAqDzB;AAtKE;;;;AAIG;AACK,IAAA,aAAa,CAAC,KAAwB,EAAA;;AAC5C,QAAA,MAAM,EAAE,WAAW,EAAE,aAAa,EAAE,GAAG;AACpC,aAAA,WAAkD;QACrD,MAAM,EAAE,KAAK,EAAE,GACb,CAAA,EAAA,IAAC,KAAK,CAAC,IAAI,KAAK;cACX,KAAmB,CAAC;AACvB,cAAG,KAAK,CAAC,MAA2B,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,EAAE;QAC/C,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;AAE/C,QAAA,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,WAAW,EAAE;AAC3B,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,MAAM,EAAE;gBACN,UAAU;AACX,aAAA;AACF,SAAA,CAAC,CACH;AAED,QAAA,MAAM,SAAS,GAAG,CAAA,EAAA,GAAA,IAAI,aAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,aAAa,CAAC,aAAa,CAAC;QAChE,IAAI,SAAS,EAAE;AACZ,YAAA,SAA8B,CAAC,KAAK,GAAG,EAAE,CAAC;QAC7C;IACF;AAEA;;;;AAIG;AAMK,IAAA,WAAW,CAAC,KAAgB,EAAA;AAClC,QAAA,KAAK,CAAC,cAAc,EAAE,CAAC;AACvB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB;QACF;AACA,QAAA,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,GAAG,KAAK;AACpC,QAAA,MAAM,UAAU,GAAG,WAAW,CAAC,IAAI,CAAC;AACpC,QAAA,IAAI,YAAY,IAAI,UAAU,EAAE;AAC9B,YAAA,YAAY,CAAC,UAAU,GAAG,UAAU;QACtC;AACA,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI,KAAK,UAAU;AAClC,QAAA,IAAI,IAAI,KAAK,MAAM,EAAE;AACnB,YAAA,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC;QAC3B;QACA,IAAI,CAAC,aAAa,EAAE;IACtB;AAEA;;;AAGG;IACK,SAAS,CAAC,KAAK,EAAE,KAAK,EAAA;AAC5B,QAAA,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI;AACvB,QAAA,IAAI,CAAC,MAAM,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE;AAClD,YAAA,OAAO,KAAK,CAAC,IAAI,CAAC,KAAK,KAAA,IAAA,IAAL,KAAK,KAAA,MAAA,GAAL,KAAK,GAAI,EAAE,CAAC;QAChC;AACA,QAAA,MAAM,aAAa,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAChD,OAAO,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAChC,KAAK,EACL,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,GAAG,EAAE,EAAE,KAAI;;YAChC,MAAM,mBAAmB,GAAG,UAAU;YACtC,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC;AACvD,YAAA,MAAM,CAAC,aAAa,CAAC,GAAG,CAAC;kBACrB,CAAC,SAAS;AACZ,mBAAG,CAAA,EAAA,GAAA,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,EAAE,CAAC;AAE1C,YAAA,QACE,aAAa,CAAC,GAAG,CAAC,QAAQ,CAAC;iBAC1B,aAAa,IAAI,aAAa,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;AAEvD,QAAA,CAAC,CACQ;IACb;IAiCA,MAAM,GAAA;AACJ,QAAA,MAAM,EACJ,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,OAAO,EAAE,MAAM,EACf,aAAa,EAAE,YAAY,GAC5B,GAAG,IAAI;QACR,MAAM,YAAY,GAAG,QAAQ,CAAC;AAC5B,YAAA,CAAC,CAAA,EAAG,MAAM,CAAA,iBAAA,CAAmB,GAAG,IAAI;AACpC,YAAA,CAAC,CAAA,EAAG,MAAM,CAAA,2BAAA,CAA6B,GAAG,QAAQ;AACnD,SAAA,CAAC;QACF,MAAM,eAAe,GAAG,QAAQ,CAAC;AAC/B,YAAA,CAAC,CAAA,EAAG,MAAM,CAAA,sBAAA,CAAwB,GAAG,IAAI;AACzC,YAAA,CAAC,CAAA,EAAG,MAAM,CAAA,iCAAA,CAAmC,GAAG,MAAM;AACvD,SAAA,CAAC;AACF,QAAA,OAAO,IAAI,CAAA;sBACO,YAAY,CAAA;sBACZ,eAAe,CAAA;;;;;oBAKjB,UAAU,CAAC,IAAI,CAAC,CAAA;qBACf,MAAM,CAAA;;sBAEL,UAAU,CAAC,MAAM,CAAC,CAAA;yBACf,QAAQ,CAAA;yBACR,QAAQ,CAAA;uBACV,YAAY,CAAA;;;KAG9B;IACH;AAEA;;AAEG;AACH,IAAA,WAAW,WAAW,GAAA;QACpB,OAAO,CAAA,EAAG,MAAM,CAAA,qCAAA,CAAuC;IACzD;AAEA;;AAEG;AACH,IAAA,WAAW,aAAa,GAAA;QACtB,OAAO,CAAA,CAAA,EAAI,MAAM,CAAA,YAAA,CAAc;IACjC;;AAEO,4BAAA,CAAA,MAAM,GAAG,MAAH;AA7HL,UAAA,CAAA;IALP,YAAY,CAAC,UAAU,CAAC;IACxB,YAAY,CAAC,WAAW,CAAC;IACzB,YAAY,CAAC,MAAM;;;AAkBnB,CAAA,EAAA,4BAAA,CAAA,SAAA,EAAA,aAAA,EAAA,IAAA,CAAA;AAiCD,UAAA,CAAA;AADC,IAAA,QAAQ;AACG,CAAA,EAAA,4BAAA,CAAA,SAAA,EAAA,QAAA,EAAA,MAAA,CAAA;AAMZ,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AACzB,CAAA,EAAA,4BAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AAOjB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AACzB,CAAA,EAAA,4BAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AAMjB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE;AACjB,CAAA,EAAA,4BAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAMV,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE;AACH,CAAA,EAAA,4BAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAvHpB,4BAA4B,GAAA,UAAA,CAAA;AADjC,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,6BAAA,CAA+B;AACjD,CAAA,EAAA,4BAA4B,CA4KjC;AAED,qCAAe,4BAA4B;;;;"}
+{"version":3,"file":"file-uploader-drop-container.js","sources":["../../../src/components/file-uploader/file-uploader-drop-container.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2024\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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport styles from './file-uploader.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { FORM_ELEMENT_COLOR_SCHEME as TILE_COLOR_SCHEME } from '../../globals/shared-enums';\n\n/**\n * The value to set to `event.dataTransfer.dropEffect`, keyed by the event nane.\n */\nconst dropEffects = {\n  dragover: 'copy',\n  dragleave: 'move',\n};\n\n/**\n * File uploader drop container.\n *\n * @element cds-custom-file-uploader-drop-container\n * @fires cds-custom-file-uploader-drop-container-changed The custom event fired when there is a user gesture to select files to upload.\n */\n@customElement(`${prefix}-file-uploader-drop-container`)\nclass CDSFileUploaderDropContainer extends HostListenerMixin(LitElement) {\n  /**\n   * `true` to show the active state of this UI.\n   */\n  private _active = false;\n\n  /**\n   * Handles user gesture to select files to upload.\n   *\n   * @param event The event.\n   */\n  private _handleChange(event: Event | DragEvent) {\n    const { eventChange, selectorInput } = this\n      .constructor as typeof CDSFileUploaderDropContainer;\n    const { files } =\n      (event.type === 'drop'\n        ? (event as DragEvent).dataTransfer\n        : (event.target as HTMLInputElement)) ?? {};\n    const addedFiles = this._getFiles(event, files);\n\n    this.dispatchEvent(\n      new CustomEvent(eventChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          addedFiles,\n        },\n      })\n    );\n\n    const fileInput = this?.shadowRoot?.querySelector(selectorInput);\n    if (fileInput) {\n      (fileInput as HTMLInputElement).value = ''; // carbon-web-components#904\n    }\n  }\n\n  /**\n   * Handles `dragover`, `dragleave` and `drop` events.\n   *\n   * @param event The event.\n   */\n  @HostListener('dragover')\n  @HostListener('dragleave')\n  @HostListener('drop')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleDrag(event: DragEvent) {\n    event.preventDefault(); // Prevents page navigation upon dropping\n    if (this.disabled) {\n      return;\n    }\n    const { dataTransfer, type } = event;\n    const dropEffect = dropEffects[type];\n    if (dataTransfer && dropEffect) {\n      dataTransfer.dropEffect = dropEffect;\n    }\n    this._active = type === 'dragover';\n    if (type === 'drop') {\n      this._handleChange(event);\n    }\n    this.requestUpdate();\n  }\n\n  /**\n   * @param event The event.\n   * @returns The list of files user chose to upload.\n   */\n  private _getFiles(event, files) {\n    const { accept } = this;\n    if (!accept || !/^(change|drop)$/.test(event.type)) {\n      return Array.from(files ?? []);\n    }\n    const acceptedTypes = new Set(accept.split(' '));\n    return Array.prototype.filter.call(\n      files,\n      ({ name, type: mimeType = '' }) => {\n        const fileExtensionRegExp = /\\.[^.]+$/;\n        const hasFileExtension = fileExtensionRegExp.test(name);\n        const [fileExtension] = !hasFileExtension\n          ? [undefined]\n          : (fileExtensionRegExp.exec(name) ?? []);\n\n        return (\n          acceptedTypes.has(mimeType) ||\n          (fileExtension && acceptedTypes.has(fileExtension))\n        );\n      }\n    ) as File[];\n  }\n\n  /**\n   * The file types the file input should accept, separated by space.\n   */\n  @property()\n  accept = '';\n\n  /**\n   * `true` if this drop container should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if this drop container should accept more than one files at once.\n   * Note that even with `false` set here, user _can_ select multiple files one by one.\n   */\n  @property({ type: Boolean, reflect: true })\n  multiple = false;\n\n  /**\n   * The name of the input.\n   */\n  @property({ reflect: true })\n  name = '';\n\n  /**\n   * The shadow DOM slot to put this drop container in.\n   */\n  @property({ reflect: true })\n  slot = 'drop-container';\n\n  render() {\n    const {\n      accept,\n      disabled,\n      multiple,\n      name,\n      _active: active,\n      _handleChange: handleChange,\n    } = this;\n    const labelClasses = classMap({\n      [`${prefix}--file-browse-btn`]: true,\n      [`${prefix}--file-browse-btn--disabled`]: disabled,\n    });\n    const dropareaClasses = classMap({\n      [`${prefix}--file__drop-container`]: true,\n      [`${prefix}--file__drop-container--drag-over`]: active,\n    });\n    return html`\n      <label class=\"${labelClasses}\" for=\"file\" tabindex=\"0\">\n        <div class=\"${dropareaClasses}\" role=\"button\">\n          <slot></slot>\n          <input\n            id=\"file\"\n            type=\"file\"\n            name=\"${ifNonEmpty(name)}\"\n            class=\"${prefix}--file-input\"\n            tabindex=\"-1\"\n            accept=\"${ifNonEmpty(accept)}\"\n            ?disabled=\"${disabled}\"\n            ?multiple=\"${multiple}\"\n            @change=\"${handleChange}\" />\n        </div>\n      </label>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired when there is a user gesture to select files to upload.\n   */\n  static get eventChange() {\n    return `${prefix}-file-uploader-drop-container-changed`;\n  }\n\n  /**\n   * A selector that will return the file `input`.\n   */\n  static get selectorInput() {\n    return `.${prefix}--file-input`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSFileUploaderDropContainer;\n"],"names":["customElement"],"mappings":"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"}

package/es-custom/components/file-uploader/file-uploader-item.js

@@ -9,7 +9,7 @@ import { __decorate } from 'tslib';
 import { LitElement, html } from 'lit';
 import { property } from 'lit/decorators.js';
 import { prefix } from '../../globals/settings.js';
-import { iconLoader } from '../../globals/internal/icon-loader.js';
+import iconLoader from '../../globals/internal/icon-loader.js';
 import WarningFilled16 from '@carbon/icons/es/warning--filled/16.js';
 import Close16 from '@carbon/icons/es/close/16.js';
 import CheckmarkFilled16 from '@carbon/icons/es/checkmark--filled/16.js';
@@ -187,7 +187,7 @@ __decorate([
 CDSFileUploaderItem = __decorate([
     carbonElement(`${prefix}-file-uploader-item`)
 ], CDSFileUploaderItem);
-var CDSFileUploaderItem$1 = CDSFileUploaderItem;
+var CDSFileUploaderItem_default = CDSFileUploaderItem;
 
-export { FILE_UPLOADER_ITEM_SIZE, FILE_UPLOADER_ITEM_STATE, CDSFileUploaderItem$1 as default };
+export { FILE_UPLOADER_ITEM_SIZE, FILE_UPLOADER_ITEM_STATE, CDSFileUploaderItem_default as default };
 //# sourceMappingURL=file-uploader-item.js.map

package/es-custom/components/file-uploader/file-uploader-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-uploader-item.js","sources":["../../../src/components/file-uploader/file-uploader-item.ts"],"sourcesContent":["/**\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\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport WarningFilled16 from '@carbon/icons/es/warning--filled/16.js';\nimport Close16 from '@carbon/icons/es/close/16.js';\nimport CheckmarkFilled16 from '@carbon/icons/es/checkmark--filled/16.js';\nimport { LOADING_TYPE } from '../loading/loading';\nimport { FILE_UPLOADER_ITEM_SIZE, FILE_UPLOADER_ITEM_STATE } from './defs';\nimport styles from './file-uploader.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { FILE_UPLOADER_ITEM_SIZE, FILE_UPLOADER_ITEM_STATE };\n\n/**\n * File uploader item.\n *\n * @element cds-custom-file-uploader-item\n * @slot validity-message The validity message.\n * @slot validity-message-supplement The supplemental validity message.\n * @fires cds-custom-file-uploader-item-beingdeleted\n *   The custom event fired before this file uploader item is being deleted upon a user gesture.\n *   Cancellation of this event stops the user-initiated action of deleting this file uploader item.\n * @fires cds-custom-file-uploader-item-deleted - The custom event fired after this file uploader item is deleted upon a user gesture.\n */\n@customElement(`${prefix}-file-uploader-item`)\nclass CDSFileUploaderItem extends LitElement {\n  /**\n   * Handles `click` event on the delete button.\n   */\n  private _handleClickDeleteButton() {\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n    };\n    const { eventBeforeDelete, eventDelete } = this\n      .constructor as typeof CDSFileUploaderItem;\n    if (this.dispatchEvent(new CustomEvent(eventBeforeDelete, init))) {\n      this.dispatchEvent(new CustomEvent(eventDelete, init));\n    }\n  }\n\n  /**\n   * @returns The content showing the editing UI of this file uploader item.\n   */\n  private _renderEditing() {\n    const {\n      iconDescription,\n      invalid,\n      _handleClickDeleteButton: handleClickDeleteButton,\n    } = this;\n    return html`\n      ${!invalid\n        ? undefined\n        : iconLoader(WarningFilled16, { class: `${prefix}--file-invalid` })}\n      <button\n        type=\"button\"\n        aria-label=\"${iconDescription}\"\n        class=\"${prefix}--file-close\"\n        @click=\"${handleClickDeleteButton}\">\n        ${iconLoader(Close16)}\n      </button>\n    `;\n  }\n\n  /**\n   * @returns The content showing this file uploader's file uploading status as in progress.\n   */\n  private _renderUploading() {\n    const { iconDescription } = this;\n    return html`\n      <cds-custom-loading\n        assistive-text=\"${iconDescription}\"\n        type=\"${LOADING_TYPE.SMALL}\"></cds-custom-loading>\n    `;\n  }\n\n  /**\n   * @returns The content showing this file uploader's file uploading status as complete.\n   */\n  private _renderUploaded() {\n    const { iconDescription } = this;\n    return iconLoader(CheckmarkFilled16, {\n      class: `${prefix}--file-complete`,\n      'aria-label': iconDescription,\n    });\n  }\n\n  /**\n   * @returns The content showing this file uploader's status.\n   */\n  private _renderStatus() {\n    const { state } = this;\n    switch (state) {\n      case FILE_UPLOADER_ITEM_STATE.EDIT:\n        return this._renderEditing();\n      case FILE_UPLOADER_ITEM_STATE.UPLOADING:\n        return this._renderUploading();\n      case FILE_UPLOADER_ITEM_STATE.COMPLETE:\n        return this._renderUploaded();\n      default:\n        return undefined;\n    }\n  }\n\n  /**\n   * The `aria-label` attribute for the icon to delete this file uploader item.\n   */\n  @property({ attribute: 'icon-description' })\n  iconDescription = 'Delete this file';\n\n  /**\n   * Controls the invalid state and visibility of the `validityMessage`.\n   */\n  @property({ type: Boolean, reflect: true })\n  invalid = false;\n\n  /**\n   * The size of this file uploader item.\n   */\n  @property({ reflect: true })\n  size = FILE_UPLOADER_ITEM_SIZE.MEDIUM;\n\n  /**\n   * The state of this file uploader item.\n   */\n  @property({ reflect: true })\n  state = FILE_UPLOADER_ITEM_STATE.UPLOADING;\n\n  /**\n   * The error subject text.\n   */\n  @property({ attribute: 'error-subject' })\n  errorSubject = '';\n\n  /**\n   * The error body text\n   */\n  @property({ attribute: 'error-body' })\n  errorBody = '';\n\n  render() {\n    const { invalid, errorSubject, errorBody } = this;\n    return html` <p class=\"${prefix}--file-filename\"><slot></slot></p>\n      <span class=\"${prefix}--file__state-container\"\n        >${this._renderStatus()}</span\n      >\n      <div\n        class=\"${prefix}--form-requirement\"\n        ?hidden=\"${!invalid && !errorSubject}\">\n        <div class=\"${prefix}--form-requirement__title\">${errorSubject}</div>\n        <p\n          class=\"${prefix}--form-requirement__supplement\"\n          ?hidden=\"${!errorBody}\">\n          ${errorBody}\n        </p>\n      </div>`;\n  }\n\n  /**\n   * The name of the custom event fired before this file uplodaer item is being deleted upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of deleting this file uploader item.\n   */\n  static get eventBeforeDelete() {\n    return `${prefix}-file-uploader-item-beingdeleted`;\n  }\n\n  /**\n   * The name of the custom event fired after this file uplodaer item is deleted upon a user gesture.\n   */\n  static get eventDelete() {\n    return `${prefix}-file-uploader-item-deleted`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSFileUploaderItem;\n"],"names":["customElement"],"mappings":"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"}
+{"version":3,"file":"file-uploader-item.js","sources":["../../../src/components/file-uploader/file-uploader-item.ts"],"sourcesContent":["/**\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\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport WarningFilled16 from '@carbon/icons/es/warning--filled/16.js';\nimport Close16 from '@carbon/icons/es/close/16.js';\nimport CheckmarkFilled16 from '@carbon/icons/es/checkmark--filled/16.js';\nimport { LOADING_TYPE } from '../loading/loading';\nimport { FILE_UPLOADER_ITEM_SIZE, FILE_UPLOADER_ITEM_STATE } from './defs';\nimport styles from './file-uploader.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { FILE_UPLOADER_ITEM_SIZE, FILE_UPLOADER_ITEM_STATE };\n\n/**\n * File uploader item.\n *\n * @element cds-custom-file-uploader-item\n * @slot validity-message The validity message.\n * @slot validity-message-supplement The supplemental validity message.\n * @fires cds-custom-file-uploader-item-beingdeleted\n *   The custom event fired before this file uploader item is being deleted upon a user gesture.\n *   Cancellation of this event stops the user-initiated action of deleting this file uploader item.\n * @fires cds-custom-file-uploader-item-deleted - The custom event fired after this file uploader item is deleted upon a user gesture.\n */\n@customElement(`${prefix}-file-uploader-item`)\nclass CDSFileUploaderItem extends LitElement {\n  /**\n   * Handles `click` event on the delete button.\n   */\n  private _handleClickDeleteButton() {\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n    };\n    const { eventBeforeDelete, eventDelete } = this\n      .constructor as typeof CDSFileUploaderItem;\n    if (this.dispatchEvent(new CustomEvent(eventBeforeDelete, init))) {\n      this.dispatchEvent(new CustomEvent(eventDelete, init));\n    }\n  }\n\n  /**\n   * @returns The content showing the editing UI of this file uploader item.\n   */\n  private _renderEditing() {\n    const {\n      iconDescription,\n      invalid,\n      _handleClickDeleteButton: handleClickDeleteButton,\n    } = this;\n    return html`\n      ${!invalid\n        ? undefined\n        : iconLoader(WarningFilled16, { class: `${prefix}--file-invalid` })}\n      <button\n        type=\"button\"\n        aria-label=\"${iconDescription}\"\n        class=\"${prefix}--file-close\"\n        @click=\"${handleClickDeleteButton}\">\n        ${iconLoader(Close16)}\n      </button>\n    `;\n  }\n\n  /**\n   * @returns The content showing this file uploader's file uploading status as in progress.\n   */\n  private _renderUploading() {\n    const { iconDescription } = this;\n    return html`\n      <cds-custom-loading\n        assistive-text=\"${iconDescription}\"\n        type=\"${LOADING_TYPE.SMALL}\"></cds-custom-loading>\n    `;\n  }\n\n  /**\n   * @returns The content showing this file uploader's file uploading status as complete.\n   */\n  private _renderUploaded() {\n    const { iconDescription } = this;\n    return iconLoader(CheckmarkFilled16, {\n      class: `${prefix}--file-complete`,\n      'aria-label': iconDescription,\n    });\n  }\n\n  /**\n   * @returns The content showing this file uploader's status.\n   */\n  private _renderStatus() {\n    const { state } = this;\n    switch (state) {\n      case FILE_UPLOADER_ITEM_STATE.EDIT:\n        return this._renderEditing();\n      case FILE_UPLOADER_ITEM_STATE.UPLOADING:\n        return this._renderUploading();\n      case FILE_UPLOADER_ITEM_STATE.COMPLETE:\n        return this._renderUploaded();\n      default:\n        return undefined;\n    }\n  }\n\n  /**\n   * The `aria-label` attribute for the icon to delete this file uploader item.\n   */\n  @property({ attribute: 'icon-description' })\n  iconDescription = 'Delete this file';\n\n  /**\n   * Controls the invalid state and visibility of the `validityMessage`.\n   */\n  @property({ type: Boolean, reflect: true })\n  invalid = false;\n\n  /**\n   * The size of this file uploader item.\n   */\n  @property({ reflect: true })\n  size = FILE_UPLOADER_ITEM_SIZE.MEDIUM;\n\n  /**\n   * The state of this file uploader item.\n   */\n  @property({ reflect: true })\n  state = FILE_UPLOADER_ITEM_STATE.UPLOADING;\n\n  /**\n   * The error subject text.\n   */\n  @property({ attribute: 'error-subject' })\n  errorSubject = '';\n\n  /**\n   * The error body text\n   */\n  @property({ attribute: 'error-body' })\n  errorBody = '';\n\n  render() {\n    const { invalid, errorSubject, errorBody } = this;\n    return html` <p class=\"${prefix}--file-filename\"><slot></slot></p>\n      <span class=\"${prefix}--file__state-container\"\n        >${this._renderStatus()}</span\n      >\n      <div\n        class=\"${prefix}--form-requirement\"\n        ?hidden=\"${!invalid && !errorSubject}\">\n        <div class=\"${prefix}--form-requirement__title\">${errorSubject}</div>\n        <p\n          class=\"${prefix}--form-requirement__supplement\"\n          ?hidden=\"${!errorBody}\">\n          ${errorBody}\n        </p>\n      </div>`;\n  }\n\n  /**\n   * The name of the custom event fired before this file uplodaer item is being deleted upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of deleting this file uploader item.\n   */\n  static get eventBeforeDelete() {\n    return `${prefix}-file-uploader-item-beingdeleted`;\n  }\n\n  /**\n   * The name of the custom event fired after this file uplodaer item is deleted upon a user gesture.\n   */\n  static get eventDelete() {\n    return `${prefix}-file-uploader-item-deleted`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSFileUploaderItem;\n"],"names":["customElement"],"mappings":"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"}

package/es-custom/components/file-uploader/file-uploader-skeleton.js

@@ -38,7 +38,7 @@ let CDSFileUploaderSkeleton = class CDSFileUploaderSkeleton extends LitElement {
 CDSFileUploaderSkeleton = __decorate([
     carbonElement(`${prefix}-file-uploader-skeleton`)
 ], CDSFileUploaderSkeleton);
-var CDSFileUploaderSkeleton$1 = CDSFileUploaderSkeleton;
+var CDSFileUploaderSkeleton_default = CDSFileUploaderSkeleton;
 
-export { CDSFileUploaderSkeleton$1 as default };
+export { CDSFileUploaderSkeleton_default as default };
 //# sourceMappingURL=file-uploader-skeleton.js.map

package/es-custom/components/file-uploader/file-uploader-skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-uploader-skeleton.js","sources":["../../../src/components/file-uploader/file-uploader-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2024\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 { prefix } from '../../globals/settings';\nimport '../skeleton-text/skeleton-text';\nimport { SKELETON_TEXT_TYPE } from '../skeleton-text/skeleton-text';\nimport '../button/button-skeleton';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * The File uploader skeleton.\n *\n * @element cds-custom-file-uploader-skeleton\n */\n@customElement(`${prefix}-file-uploader-skeleton`)\nclass CDSFileUploaderSkeleton extends LitElement {\n  render() {\n    return html`\n      <cds-custom-skeleton-text\n        type=\"${SKELETON_TEXT_TYPE.HEADING}\"\n        width=\"100px\"></cds-custom-skeleton-text>\n      <cds-custom-skeleton-text width=\"225px\"></cds-custom-skeleton-text>\n      <cds-custom-button-skeleton></cds-custom-button-skeleton>\n    `;\n  }\n}\n\nexport default CDSFileUploaderSkeleton;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;AAAA;;;;;AAKG;AASH;;;;AAIG;AAEH,IAAM,uBAAuB,GAA7B,MAAM,uBAAwB,SAAQ,UAAU,CAAA;IAC9C,MAAM,GAAA;AACJ,QAAA,OAAO,IAAI,CAAA;;AAEC,cAAA,EAAA,kBAAkB,CAAC,OAAO,CAAA;;;;KAIrC;IACH;CACD;AAVK,uBAAuB,GAAA,UAAA,CAAA;AAD5B,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,uBAAA,CAAyB;AAC3C,CAAA,EAAA,uBAAuB,CAU5B;AAED,gCAAe,uBAAuB;;;;"}
+{"version":3,"file":"file-uploader-skeleton.js","sources":["../../../src/components/file-uploader/file-uploader-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2024\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 { prefix } from '../../globals/settings';\nimport '../skeleton-text/skeleton-text';\nimport { SKELETON_TEXT_TYPE } from '../skeleton-text/skeleton-text';\nimport '../button/button-skeleton';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * The File uploader skeleton.\n *\n * @element cds-custom-file-uploader-skeleton\n */\n@customElement(`${prefix}-file-uploader-skeleton`)\nclass CDSFileUploaderSkeleton extends LitElement {\n  render() {\n    return html`\n      <cds-custom-skeleton-text\n        type=\"${SKELETON_TEXT_TYPE.HEADING}\"\n        width=\"100px\"></cds-custom-skeleton-text>\n      <cds-custom-skeleton-text width=\"225px\"></cds-custom-skeleton-text>\n      <cds-custom-button-skeleton></cds-custom-button-skeleton>\n    `;\n  }\n}\n\nexport default CDSFileUploaderSkeleton;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;AAAA;;;;;AAKG;AASH;;;;AAIG;AAEH,IAAM,uBAAuB,GAA7B,MAAM,uBAAwB,SAAQ,UAAU,CAAA;IAC9C,MAAM,GAAA;AACJ,QAAA,OAAO,IAAI,CAAA;;AAEC,cAAA,EAAA,kBAAkB,CAAC,OAAO,CAAA;;;;KAIrC;IACH;CACD;AAVK,uBAAuB,GAAA,UAAA,CAAA;AAD5B,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,uBAAA,CAAyB;AAC3C,CAAA,EAAA,uBAAuB,CAU5B;AAED,sCAAe,uBAAuB;;;;"}

package/es-custom/components/file-uploader/file-uploader.js

@@ -91,7 +91,7 @@ __decorate([
 CDSFileUploader = __decorate([
     carbonElement(`${prefix}-file-uploader`)
 ], CDSFileUploader);
-var CDSFileUploader$1 = CDSFileUploader;
+var CDSFileUploader_default = CDSFileUploader;
 
-export { CDSFileUploader$1 as default };
+export { CDSFileUploader_default as default };
 //# sourceMappingURL=file-uploader.js.map

package/es-custom/components/file-uploader/file-uploader.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-uploader.js","sources":["../../../src/components/file-uploader/file-uploader.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './file-uploader.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * The file uploader component.\n *\n * @element cds-custom-file-uploader\n */\n@customElement(`${prefix}-file-uploader`)\nclass CDSFileUploader extends LitElement {\n  /**\n   * `true` if the file uploader should disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The description text.\n   */\n  @property({ attribute: 'label-description' })\n  labelDescription = '';\n\n  /**\n   * The label title.\n   */\n  @property({ attribute: 'label-title' })\n  labelTitle = '';\n\n  updated(changedProperties) {\n    if (changedProperties.has('disabled')) {\n      const { selectorUploaderItem } = this\n        .constructor as typeof CDSFileUploader;\n      const uploaderItem = this.querySelector(\n        selectorUploaderItem\n      ) as CDSFileUploader;\n      uploaderItem.disabled = this.disabled;\n    }\n  }\n\n  render() {\n    const { disabled, labelDescription, labelTitle } = this;\n\n    const labelClasses = classMap({\n      [`${prefix}--file--label`]: true,\n      [`${prefix}--label-description--disabled`]: disabled,\n    });\n\n    const descriptionClasses = classMap({\n      [`${prefix}--label-description`]: true,\n      [`${prefix}--label-description--disabled`]: disabled,\n    });\n\n    return html`\n      <p class=\"${labelClasses}\">\n        <slot name=\"label-title\">${labelTitle}</slot>\n      </p>\n      <p class=\"${descriptionClasses}\">\n        <slot name=\"label-description\">${labelDescription}</slot>\n      </p>\n      <slot name=\"drop-container\"></slot>\n      <div class=\"${prefix}--file-container\">\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  /**\n   * A selector that will return the `input` to enter starting date.\n   */\n  static get selectorUploaderItem() {\n    return `${prefix}-file-uploader-button,${prefix}-file-uploader-drop-container`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSFileUploader;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;AAAA;;;;;AAKG;AASH;;;;AAIG;AAEH,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU,CAAA;AAAxC,IAAA,WAAA,GAAA;;AACE;;AAEG;QAEH,IAAA,CAAA,QAAQ,GAAG,KAAK;AAEhB;;AAEG;QAEH,IAAA,CAAA,gBAAgB,GAAG,EAAE;AAErB;;AAEG;QAEH,IAAA,CAAA,UAAU,GAAG,EAAE;IAgDjB;AA9CE,IAAA,OAAO,CAAC,iBAAiB,EAAA;AACvB,QAAA,IAAI,iBAAiB,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE;AACrC,YAAA,MAAM,EAAE,oBAAoB,EAAE,GAAG;AAC9B,iBAAA,WAAqC;YACxC,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CACrC,oBAAoB,CACF;AACpB,YAAA,YAAY,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ;QACvC;IACF;IAEA,MAAM,GAAA;QACJ,MAAM,EAAE,QAAQ,EAAE,gBAAgB,EAAE,UAAU,EAAE,GAAG,IAAI;QAEvD,MAAM,YAAY,GAAG,QAAQ,CAAC;AAC5B,YAAA,CAAC,CAAA,EAAG,MAAM,CAAA,aAAA,CAAe,GAAG,IAAI;AAChC,YAAA,CAAC,CAAA,EAAG,MAAM,CAAA,6BAAA,CAA+B,GAAG,QAAQ;AACrD,SAAA,CAAC;QAEF,MAAM,kBAAkB,GAAG,QAAQ,CAAC;AAClC,YAAA,CAAC,CAAA,EAAG,MAAM,CAAA,mBAAA,CAAqB,GAAG,IAAI;AACtC,YAAA,CAAC,CAAA,EAAG,MAAM,CAAA,6BAAA,CAA+B,GAAG,QAAQ;AACrD,SAAA,CAAC;AAEF,QAAA,OAAO,IAAI,CAAA;kBACG,YAAY,CAAA;mCACK,UAAU,CAAA;;kBAE3B,kBAAkB,CAAA;yCACK,gBAAgB,CAAA;;;oBAGrC,MAAM,CAAA;;;KAGrB;IACH;AAEA;;AAEG;AACH,IAAA,WAAW,oBAAoB,GAAA;AAC7B,QAAA,OAAO,CAAA,EAAG,MAAM,CAAA,sBAAA,EAAyB,MAAM,+BAA+B;IAChF;;AAEO,eAAA,CAAA,MAAM,GAAG,MAAH;AA3Db,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AACzB,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AAMjB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,SAAS,EAAE,mBAAmB,EAAE;AACtB,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,kBAAA,EAAA,MAAA,CAAA;AAMtB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE;AACtB,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,YAAA,EAAA,MAAA,CAAA;AAjBZ,eAAe,GAAA,UAAA,CAAA;AADpB,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,cAAA,CAAgB;AAClC,CAAA,EAAA,eAAe,CAiEpB;AAED,wBAAe,eAAe;;;;"}
+{"version":3,"file":"file-uploader.js","sources":["../../../src/components/file-uploader/file-uploader.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './file-uploader.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * The file uploader component.\n *\n * @element cds-custom-file-uploader\n */\n@customElement(`${prefix}-file-uploader`)\nclass CDSFileUploader extends LitElement {\n  /**\n   * `true` if the file uploader should disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The description text.\n   */\n  @property({ attribute: 'label-description' })\n  labelDescription = '';\n\n  /**\n   * The label title.\n   */\n  @property({ attribute: 'label-title' })\n  labelTitle = '';\n\n  updated(changedProperties) {\n    if (changedProperties.has('disabled')) {\n      const { selectorUploaderItem } = this\n        .constructor as typeof CDSFileUploader;\n      const uploaderItem = this.querySelector(\n        selectorUploaderItem\n      ) as CDSFileUploader;\n      uploaderItem.disabled = this.disabled;\n    }\n  }\n\n  render() {\n    const { disabled, labelDescription, labelTitle } = this;\n\n    const labelClasses = classMap({\n      [`${prefix}--file--label`]: true,\n      [`${prefix}--label-description--disabled`]: disabled,\n    });\n\n    const descriptionClasses = classMap({\n      [`${prefix}--label-description`]: true,\n      [`${prefix}--label-description--disabled`]: disabled,\n    });\n\n    return html`\n      <p class=\"${labelClasses}\">\n        <slot name=\"label-title\">${labelTitle}</slot>\n      </p>\n      <p class=\"${descriptionClasses}\">\n        <slot name=\"label-description\">${labelDescription}</slot>\n      </p>\n      <slot name=\"drop-container\"></slot>\n      <div class=\"${prefix}--file-container\">\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  /**\n   * A selector that will return the `input` to enter starting date.\n   */\n  static get selectorUploaderItem() {\n    return `${prefix}-file-uploader-button,${prefix}-file-uploader-drop-container`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSFileUploader;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;AAAA;;;;;AAKG;AASH;;;;AAIG;AAEH,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU,CAAA;AAAxC,IAAA,WAAA,GAAA;;AACE;;AAEG;QAEH,IAAA,CAAA,QAAQ,GAAG,KAAK;AAEhB;;AAEG;QAEH,IAAA,CAAA,gBAAgB,GAAG,EAAE;AAErB;;AAEG;QAEH,IAAA,CAAA,UAAU,GAAG,EAAE;IAgDjB;AA9CE,IAAA,OAAO,CAAC,iBAAiB,EAAA;AACvB,QAAA,IAAI,iBAAiB,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE;AACrC,YAAA,MAAM,EAAE,oBAAoB,EAAE,GAAG;AAC9B,iBAAA,WAAqC;YACxC,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CACrC,oBAAoB,CACF;AACpB,YAAA,YAAY,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ;QACvC;IACF;IAEA,MAAM,GAAA;QACJ,MAAM,EAAE,QAAQ,EAAE,gBAAgB,EAAE,UAAU,EAAE,GAAG,IAAI;QAEvD,MAAM,YAAY,GAAG,QAAQ,CAAC;AAC5B,YAAA,CAAC,CAAA,EAAG,MAAM,CAAA,aAAA,CAAe,GAAG,IAAI;AAChC,YAAA,CAAC,CAAA,EAAG,MAAM,CAAA,6BAAA,CAA+B,GAAG,QAAQ;AACrD,SAAA,CAAC;QAEF,MAAM,kBAAkB,GAAG,QAAQ,CAAC;AAClC,YAAA,CAAC,CAAA,EAAG,MAAM,CAAA,mBAAA,CAAqB,GAAG,IAAI;AACtC,YAAA,CAAC,CAAA,EAAG,MAAM,CAAA,6BAAA,CAA+B,GAAG,QAAQ;AACrD,SAAA,CAAC;AAEF,QAAA,OAAO,IAAI,CAAA;kBACG,YAAY,CAAA;mCACK,UAAU,CAAA;;kBAE3B,kBAAkB,CAAA;yCACK,gBAAgB,CAAA;;;oBAGrC,MAAM,CAAA;;;KAGrB;IACH;AAEA;;AAEG;AACH,IAAA,WAAW,oBAAoB,GAAA;AAC7B,QAAA,OAAO,CAAA,EAAG,MAAM,CAAA,sBAAA,EAAyB,MAAM,+BAA+B;IAChF;;AAEO,eAAA,CAAA,MAAM,GAAG,MAAH;AA3Db,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AACzB,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AAMjB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,SAAS,EAAE,mBAAmB,EAAE;AACtB,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,kBAAA,EAAA,MAAA,CAAA;AAMtB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE;AACtB,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,YAAA,EAAA,MAAA,CAAA;AAjBZ,eAAe,GAAA,UAAA,CAAA;AADpB,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,cAAA,CAAgB;AAClC,CAAA,EAAA,eAAe,CAiEpB;AAED,8BAAe,eAAe;;;;"}

package/es-custom/components/floating-menu/defs.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2020, 2022, 2023
+ * Copyright IBM Corp. 2020, 2022, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -28,5 +28,13 @@ export declare enum FLOATING_MENU_DIRECTION {
     /**
      * Put menu body at the bottom of its trigger button.
      */
-    BOTTOM = "bottom"
+    BOTTOM = "bottom",
+    /**
+     * Put menu body to the left of its trigger button.
+     */
+    LEFT = "left",
+    /**
+     * Put menu body to the right of its trigger button.
+     */
+    RIGHT = "right"
 }

package/es-custom/components/floating-menu/defs.js

@@ -6,7 +6,7 @@
  */
 
 /**
- * Copyright IBM Corp. 2020, 2022, 2023
+ * Copyright IBM Corp. 2020, 2022, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -38,6 +38,14 @@ var FLOATING_MENU_DIRECTION;
      * Put menu body at the bottom of its trigger button.
      */
     FLOATING_MENU_DIRECTION["BOTTOM"] = "bottom";
+    /**
+     * Put menu body to the left of its trigger button.
+     */
+    FLOATING_MENU_DIRECTION["LEFT"] = "left";
+    /**
+     * Put menu body to the right of its trigger button.
+     */
+    FLOATING_MENU_DIRECTION["RIGHT"] = "right";
 })(FLOATING_MENU_DIRECTION || (FLOATING_MENU_DIRECTION = {}));
 
 export { FLOATING_MENU_DIRECTION, FLOATING_MENU_POSITION_DIRECTION };

package/es-custom/components/floating-menu/defs.js.map

@@ -1 +1 @@
-{"version":3,"file":"defs.js","sources":["../../../src/components/floating-menu/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2022, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * The LTR/RTL direction used for positioning floating menu.\n */\nexport enum FLOATING_MENU_POSITION_DIRECTION {\n  /**\n   * LTR.\n   */\n  LTR = 'ltr',\n\n  /**\n   * RTL.\n   */\n  RTL = 'rtl',\n}\n\n/**\n * The direction/positioning/orientation choices of floating menu.\n */\nexport enum FLOATING_MENU_DIRECTION {\n  /**\n   * Put menu body at the top of its trigger button.\n   */\n  TOP = 'top',\n\n  /**\n   * Put menu body at the bottom of its trigger button.\n   */\n  BOTTOM = 'bottom',\n}\n"],"names":[],"mappings":";;;;;;;AAAA;;;;;AAKG;AAEH;;AAEG;IACS;AAAZ,CAAA,UAAY,gCAAgC,EAAA;AAC1C;;AAEG;AACH,IAAA,gCAAA,CAAA,KAAA,CAAA,GAAA,KAAW;AAEX;;AAEG;AACH,IAAA,gCAAA,CAAA,KAAA,CAAA,GAAA,KAAW;AACb,CAAC,EAVW,gCAAgC,KAAhC,gCAAgC,GAAA,EAAA,CAAA,CAAA;AAY5C;;AAEG;IACS;AAAZ,CAAA,UAAY,uBAAuB,EAAA;AACjC;;AAEG;AACH,IAAA,uBAAA,CAAA,KAAA,CAAA,GAAA,KAAW;AAEX;;AAEG;AACH,IAAA,uBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACnB,CAAC,EAVW,uBAAuB,KAAvB,uBAAuB,GAAA,EAAA,CAAA,CAAA;;;;"}
+{"version":3,"file":"defs.js","sources":["../../../src/components/floating-menu/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2022, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * The LTR/RTL direction used for positioning floating menu.\n */\nexport enum FLOATING_MENU_POSITION_DIRECTION {\n  /**\n   * LTR.\n   */\n  LTR = 'ltr',\n\n  /**\n   * RTL.\n   */\n  RTL = 'rtl',\n}\n\n/**\n * The direction/positioning/orientation choices of floating menu.\n */\nexport enum FLOATING_MENU_DIRECTION {\n  /**\n   * Put menu body at the top of its trigger button.\n   */\n  TOP = 'top',\n\n  /**\n   * Put menu body at the bottom of its trigger button.\n   */\n  BOTTOM = 'bottom',\n\n  /**\n   * Put menu body to the left of its trigger button.\n   */\n  LEFT = 'left',\n\n  /**\n   * Put menu body to the right of its trigger button.\n   */\n  RIGHT = 'right',\n}\n"],"names":[],"mappings":";;;;;;;AAAA;;;;;AAKG;AAEH;;AAEG;IACS;AAAZ,CAAA,UAAY,gCAAgC,EAAA;AAC1C;;AAEG;AACH,IAAA,gCAAA,CAAA,KAAA,CAAA,GAAA,KAAW;AAEX;;AAEG;AACH,IAAA,gCAAA,CAAA,KAAA,CAAA,GAAA,KAAW;AACb,CAAC,EAVW,gCAAgC,KAAhC,gCAAgC,GAAA,EAAA,CAAA,CAAA;AAY5C;;AAEG;IACS;AAAZ,CAAA,UAAY,uBAAuB,EAAA;AACjC;;AAEG;AACH,IAAA,uBAAA,CAAA,KAAA,CAAA,GAAA,KAAW;AAEX;;AAEG;AACH,IAAA,uBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AAEjB;;AAEG;AACH,IAAA,uBAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AAEb;;AAEG;AACH,IAAA,uBAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACjB,CAAC,EApBW,uBAAuB,KAAvB,uBAAuB,GAAA,EAAA,CAAA,CAAA;;;;"}

package/es-custom/components/floating-menu/floating-menu.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2019, 2024
+ * Copyright IBM Corp. 2019, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -9,6 +9,22 @@ import Handle from '../../globals/internal/handle';
 import { FLOATING_MENU_DIRECTION, FLOATING_MENU_POSITION_DIRECTION } from './defs';
 import CDSFloatingMenuTrigger from './floating-menu-trigger';
 export { FLOATING_MENU_DIRECTION, FLOATING_MENU_POSITION_DIRECTION };
+export interface Offset {
+    top: number;
+    left: number;
+}
+export type MenuDirection = FLOATING_MENU_DIRECTION;
+export type MenuOffset = Offset | ((menuBody: HTMLElement, menuDirection: MenuDirection, trigger?: HTMLElement | null, flipped?: boolean) => Offset);
+/**
+ * Calculates the offset for the floating menu.
+ *
+ * @param menuBody - The menu body element.
+ * @param menuDirection - The floating menu direction.
+ * @param trigger - The trigger element.
+ * @param flipped - Whether the menu is flipped.
+ * @returns The adjustment of the floating menu position.
+ */
+export declare const getMenuOffset: (menuBody: HTMLElement, menuDirection: MenuDirection, trigger?: HTMLElement, flipped?: boolean) => Offset;
 /**
  * Position of floating menu, or trigger button of floating menu.
  */
@@ -778,6 +794,20 @@ declare abstract class CDSFloatingMenu extends CDSFloatingMenu_base {
      * `true` if the menu alignment should be flipped.
      */
     abstract flipped: boolean;
+    /**
+     * Gets the menu offset configuration (object or function).
+     * Subclasses override this to specify custom offset configs.
+     *
+     * @returns The menu offset configuration, or undefined for no offset.
+     */
+    protected getOffsetConfig(): MenuOffset | undefined;
+    /**
+     * Resolves the final menu offset by evaluating the offset configuration.
+     * Handles both static offset objects and dynamic offset functions.
+     *
+     * @returns The resolved offset with left and top values.
+     */
+    protected resolveOffset(): Offset;
     /**
      * The DOM element to put this menu into.
      */