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

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

@@ -0,0 +1 @@
+{"version":3,"file":"file-uploader-drop-container.js","names":["classMap","LitElement","html","property","customElement","prefix","HostListenerMixin","HostListener","ifNonEmpty","styles","FORM_ELEMENT_COLOR_SCHEME","TILE_COLOR_SCHEME","dropEffects","dragover","dragleave","CDSFileUploaderDropContainer","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","_handleChange","event","_this$shadowRoot","_this$shadowRoot2","eventChange","selectorInput","addedFiles","_getFiles","shadowRoot","querySelector","files","dispatchEvent","CustomEvent","bubbles","composed","detail","fileInput","decorators","_handleDrag","preventDefault","disabled","dataTransfer","type","dropEffect","_active","requestUpdate","accept","test","Array","from","acceptedTypes","Set","split","prototype","filter","call","name","mimeType","_fileExtensionRegExp$","fileExtensionRegExp","hasFileExtension","fileExtension","undefined","exec","has","Boolean","reflect","render","multiple","active","handleChange","labelClasses","dropareaClasses","_t","_","static"],"sources":["components/file-uploader/file-uploader-drop-container.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement } 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';\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-file-uploader-drop-container\n * @fires cds-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 addedFiles = this._getFiles(\n      event,\n      (this.shadowRoot?.querySelector(selectorInput) as HTMLInputElement).files\n    );\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  // @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"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,6BAA6B;AACtD,SAASC,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,EAAEC,aAAa,QAAQ,mBAAmB;AAC3D,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,iBAAiB,MAAM,oCAAoC;AAClE,OAAOC,YAAY,MAAM,wCAAwC;AACjE,OAAOC,UAAU,MAAM,uCAAuC;AAC9D,OAAOC,MAAM,MAAM,0BAAsB;AAEzC,SAASC,yBAAyB,IAAIC,iBAAiB,QAAQ,4BAA4B;;AAE3F;AACA;AACA;AACA,MAAMC,WAAW,GAAG;EAClBC,QAAQ,EAAE,MAAM;EAChBC,SAAS,EAAE;AACb,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AALA,IAOMC,4BAA4B,GAAAC,SAAA,EADjCZ,aAAa,CAAE,GAAEC,MAAO,+BAA8B,CAAC,aAAAY,WAAA,EAAAC,kBAAA;EAAxD,MACMH,4BAA4B,SAAAG,kBAAA,CAAuC;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA0KzE;EAAC;IAAAI,CAAA,EA1KKN,4BAA4B;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAId,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA;MAHvB;AACF;AACA;;MAGE;AACF;AACA;AACA;AACA;MACE,SAAAC,cAAsBC,KAAwB,EAAE;QAAA,IAAAC,gBAAA,EAAAC,iBAAA;QAC9C,MAAM;UAAEC,WAAW;UAAEC;QAAc,CAAC,GAAG,IAAI,CACxCZ,WAAkD;QACrD,MAAMa,UAAU,GAAG,IAAI,CAACC,SAAS,CAC/BN,KAAK,EACL,EAAAC,gBAAA,GAAC,IAAI,CAACM,UAAU,cAAAN,gBAAA,uBAAfA,gBAAA,CAAiBO,aAAa,CAACJ,aAAa,CAAC,EAAsBK,KAAK,CAC1E;QAED,IAAI,CAACC,aAAa,CAChB,IAAIC,WAAW,CAACR,WAAW,EAAE;UAC3BS,OAAO,EAAE,IAAI;UACbC,QAAQ,EAAE,IAAI;UACdC,MAAM,EAAE;YACNT;UACF;QACF,CAAC,CAAC,CACH;QAED,MAAMU,SAAS,GAAG,IAAI,aAAJ,IAAI,wBAAAb,iBAAA,GAAJ,IAAI,CAAEK,UAAU,cAAAL,iBAAA,uBAAhBA,iBAAA,CAAkBM,aAAa,CAACJ,aAAa,CAAC;QAChE,IAAIW,SAAS,EAAE;UACZA,SAAS,CAAsBjB,KAAK,GAAG,EAAE,CAAC,CAAC;QAC9C;MACF;;MAEA;AACF;AACA;AACA;AACA;IAJE;MAAAF,IAAA;MAAAoB,UAAA,GAKCpC,YAAY,CAAC,UAAU,CAAC,EACxBA,YAAY,CAAC,WAAW,CAAC,EACzBA,YAAY,CAAC,MAAM,CAAC;MAAAiB,GAAA;MAAAC,KAAA,EAFrB,SAAAmB,YAIoBjB,KAAgB,EAAE;QACpCA,KAAK,CAACkB,cAAc,EAAE,CAAC,CAAC;QACxB,IAAI,IAAI,CAACC,QAAQ,EAAE;UACjB;QACF;QACA,MAAM;UAAEC,YAAY;UAAEC;QAAK,CAAC,GAAGrB,KAAK;QACpC,MAAMsB,UAAU,GAAGrC,WAAW,CAACoC,IAAI,CAAC;QACpC,IAAID,YAAY,IAAIE,UAAU,EAAE;UAC9BF,YAAY,CAACE,UAAU,GAAGA,UAAU;QACtC;QACA,IAAI,CAACC,OAAO,GAAGF,IAAI,KAAK,UAAU;QAClC,IAAIA,IAAI,KAAK,MAAM,EAAE;UACnB,IAAI,CAACtB,aAAa,CAACC,KAAK,CAAC;QAC3B;QACA,IAAI,CAACwB,aAAa,EAAE;MACtB;;MAEA;AACF;AACA;AACA;IAHE;MAAA5B,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAIA,SAAAQ,UAAkBN,KAAK,EAAES,KAAK,EAAE;QAC9B,MAAM;UAAEgB;QAAO,CAAC,GAAG,IAAI;QACvB,IAAI,CAACA,MAAM,IAAI,CAAC,iBAAiB,CAACC,IAAI,CAAC1B,KAAK,CAACqB,IAAI,CAAC,EAAE;UAClD,OAAOM,KAAK,CAACC,IAAI,CAACnB,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,EAAE,CAAC;QAChC;QACA,MAAMoB,aAAa,GAAG,IAAIC,GAAG,CAACL,MAAM,CAACM,KAAK,CAAC,GAAG,CAAC,CAAC;QAChD,OAAOJ,KAAK,CAACK,SAAS,CAACC,MAAM,CAACC,IAAI,CAChCzB,KAAK,EACL,CAAC;UAAE0B,IAAI;UAAEd,IAAI,EAAEe,QAAQ,GAAG;QAAG,CAAC,KAAK;UAAA,IAAAC,qBAAA;UACjC,MAAMC,mBAAmB,GAAG,UAAU;UACtC,MAAMC,gBAAgB,GAAGD,mBAAmB,CAACZ,IAAI,CAACS,IAAI,CAAC;UACvD,MAAM,CAACK,aAAa,CAAC,GAAG,CAACD,gBAAgB,GACrC,CAACE,SAAS,CAAC,IAAAJ,qBAAA,GACXC,mBAAmB,CAACI,IAAI,CAACP,IAAI,CAAC,cAAAE,qBAAA,cAAAA,qBAAA,GAAI,EAAE;UAExC,OACER,aAAa,CAACc,GAAG,CAACP,QAAQ,CAAC,IAC1BI,aAAa,IAAIX,aAAa,CAACc,GAAG,CAACH,aAAa,CAAE;QAEvD,CAAC,CACF;MACH;;MAEA;AACF;AACA;IAFE;MAAA5C,IAAA;MAAAoB,UAAA,GAGCxC,QAAQ,EAAE;MAAAqB,GAAA;MAAAC,MAAA;QAAA,OACF,EAAE;MAAA;IAAA;MAAAF,IAAA;MAAAoB,UAAA,GAKVxC,QAAQ,CAAC;QAAE6C,IAAI,EAAEuB,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAhD,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAoB,UAAA,GAMfxC,QAAQ,CAAC;QAAE6C,IAAI,EAAEuB,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAhD,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAoB,UAAA,GAKfxC,QAAQ,CAAC;QAAEqE,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAhD,GAAA;MAAAC,MAAA;QAAA,OACrB,EAAE;MAAA;IAAA;MAAAF,IAAA;MAAAoB,UAAA,GAKRxC,QAAQ,CAAC;QAAEqE,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAhD,GAAA;MAAAC,MAAA;QAAA,OACrB,gBAAgB;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA;MAvBvB;AACF;AACA;MAIE;AACF;AACA;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE,SAAAgD,OAAA,EAAS;QACP,MAAM;UACJrB,MAAM;UACNN,QAAQ;UACR4B,QAAQ;UACRZ,IAAI;UACJZ,OAAO,EAAEyB,MAAM;UACfjD,aAAa,EAAEkD;QACjB,CAAC,GAAG,IAAI;QACR,MAAMC,YAAY,GAAG7E,QAAQ,CAAC;UAC5B,CAAE,GAAEK,MAAO,mBAAkB,GAAG,IAAI;UACpC,CAAE,GAAEA,MAAO,6BAA4B,GAAGyC;QAC5C,CAAC,CAAC;QACF,MAAMgC,eAAe,GAAG9E,QAAQ,CAAC;UAC/B,CAAE,GAAEK,MAAO,wBAAuB,GAAG,IAAI;UACzC,CAAE,GAAEA,MAAO,mCAAkC,GAAGsE;QAClD,CAAC,CAAC;QACF,OAAOzE,IAAI,CAAA6E,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB,sBAAoB,CAAe;AACnC,sBAAoB,CAAkB;AACtC;AACA;AACA;AACA;AACA,oBAAkB,CAAmB;AACrC,qBAAmB,CAAS;AAC5B;AACA,sBAAoB,CAAqB;AACzC,yBAAuB,CAAW;AAClC,yBAAuB,CAAW;AAClC,uBAAqB,CAAe;AACpC;AACA;AACA,KAAI,GAfkBH,YAAY,EACZC,eAAe,EAKjBtE,UAAU,CAACsD,IAAI,CAAC,EACfzD,MAAM,EAELG,UAAU,CAAC4C,MAAM,CAAC,EACfN,QAAQ,EACR4B,QAAQ,EACVE,YAAY;MAIjC;;MAEA;AACF;AACA;IAFE;MAAArD,IAAA;MAAA0D,MAAA;MAAAzD,GAAA;MAAAC,KAAA,EAGA,SAAAK,YAAA,EAAyB;QACvB,OAAQ,GAAEzB,MAAO,uCAAsC;MACzD;;MAEA;AACF;AACA;IAFE;MAAAkB,IAAA;MAAA0D,MAAA;MAAAzD,GAAA;MAAAC,KAAA,EAGA,SAAAM,cAAA,EAA2B;QACzB,OAAQ,IAAG1B,MAAO,cAAa;MACjC;IAAC;MAAAkB,IAAA;MAAA0D,MAAA;MAAAzD,GAAA;MAAAC,MAAA;QAAA,OAEehB,MAAM;MAAA;IAAA;EAAA;AAAA,GAzKmBH,iBAAiB,CAACL,UAAU,CAAC;AA4KxE,eAAec,4BAA4B"}

package/es/components/file-uploader/file-uploader-item.d.ts

@@ -20,7 +20,7 @@ export { FILE_UPLOADER_ITEM_SIZE, FILE_UPLOADER_ITEM_STATE };
  *   Cancellation of this event stops the user-initiated action of deleting this file uploader item.
  * @fires cds-file-uploader-item-deleted - The custom event fired after this file uploader item is deleted upon a user gesture.
  */
-declare class BXFileUploaderItem extends LitElement {
+declare class CDSFileUploaderItem extends LitElement {
     /**
      * Handles `click` event on the delete button.
      */
@@ -44,7 +44,7 @@ declare class BXFileUploaderItem extends LitElement {
     /**
      * The `aria-label` attribute for the icon to delete this file uploader item.
      */
-    deleteAssistiveText: string;
+    iconDescription: string;
     /**
      * Controls the invalid state and visibility of the `validityMessage`.
      */
@@ -58,17 +58,13 @@ declare class BXFileUploaderItem extends LitElement {
      */
     state: FILE_UPLOADER_ITEM_STATE;
     /**
-     * The `aria-label` attribute for the icon to indicate file uploading is in progress.
+     * The error subject text.
      */
-    uploadingAssistiveText: string;
+    errorSubject: string;
     /**
-     * The `aria-label` attribute for the icon to indicate file uploading is complete.
+     * The error body text
      */
-    uploadedAssistiveText: string;
-    /**
-     * The validity message.
-     */
-    validityMessage: string;
+    errorBody: string;
     render(): import("lit-html").TemplateResult<1>;
     /**
      * The name of the custom event fired before this file uplodaer item is being deleted upon a user gesture.
@@ -81,6 +77,6 @@ declare class BXFileUploaderItem extends LitElement {
     static get eventDelete(): string;
     static styles: any;
 }
-export default BXFileUploaderItem;
+export default CDSFileUploaderItem;
 
 //# sourceMappingURL=file-uploader-item.d.ts.map

package/es/components/file-uploader/file-uploader-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/file-uploader/file-uploader-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAOvC,OAAO,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,MAAM,QAAQ,CAAC;AAG3E,OAAO,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,CAAC;AAE7D;;;;;;;;;;GAUG;AACH,cACM,kBAAmB,SAAQ,UAAU;IACzC;;OAEG;IACH,OAAO,CAAC,wBAAwB;IAahC;;OAEG;IACH,OAAO,CAAC,cAAc;IAoBtB;;OAEG;IACH,OAAO,CAAC,gBAAgB;IASxB;;OAEG;IACH,OAAO,CAAC,eAAe;IAQvB;;OAEG;IACH,OAAO,CAAC,aAAa;IAcrB;;OAEG;IAEH,mBAAmB,SAAsB;IAEzC;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,IAAI,0BAAmC;IAEvC;;OAEG;IAEH,KAAK,2BAAsC;IAE3C;;OAEG;IAEH,sBAAsB,SAAe;IAErC;;OAEG;IAEH,qBAAqB,SAAc;IAEnC;;OAEG;IAEH,eAAe,SAAM;IAErB,MAAM;IAkBN;;;OAGG;IACH,MAAM,KAAK,iBAAiB,WAE3B;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,kBAAkB,CAAC","file":"file-uploader-item.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport CheckmarkFilled16 from '@carbon/icons/lib/checkmark--filled/16';\nimport Close16 from '@carbon/icons/lib/close/16';\nimport WarningFilled16 from '@carbon/icons/lib/warning--filled/16';\nimport { prefix } from '../../globals/settings';\nimport { LOADING_TYPE } from '../loading/loading';\nimport { FILE_UPLOADER_ITEM_SIZE, FILE_UPLOADER_ITEM_STATE } from './defs';\nimport styles from './file-uploader.scss';\n\nexport { FILE_UPLOADER_ITEM_SIZE, FILE_UPLOADER_ITEM_STATE };\n\n/**\n * File uploader item.\n *\n * @element cds-file-uploader-item\n * @slot validity-message The validity message.\n * @slot validity-message-supplement The supplemental validity message.\n * @fires cds-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-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 BXFileUploaderItem 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 BXFileUploaderItem;\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      deleteAssistiveText,\n      invalid,\n      _handleClickDeleteButton: handleClickDeleteButton,\n    } = this;\n    return html`\n      ${!invalid\n        ? undefined\n        : WarningFilled16({ class: `${prefix}--file-invalid` })}\n      <button\n        type=\"button\"\n        aria-label=\"${deleteAssistiveText}\"\n        class=\"${prefix}--file-close\"\n        @click=\"${handleClickDeleteButton}\">\n        ${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 { uploadingAssistiveText } = this;\n    return html`\n      <cds-loading\n        assistive-text=\"${uploadingAssistiveText}\"\n        type=\"${LOADING_TYPE.SMALL}\"></cds-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 { uploadedAssistiveText } = this;\n    return CheckmarkFilled16({\n      class: `${prefix}--file-complete`,\n      'aria-label': uploadedAssistiveText,\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.EDITING:\n        return this._renderEditing();\n      case FILE_UPLOADER_ITEM_STATE.UPLOADING:\n        return this._renderUploading();\n      case FILE_UPLOADER_ITEM_STATE.UPLOADED:\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: 'delete-assistive-text' })\n  deleteAssistiveText = '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.REGULAR;\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 `aria-label` attribute for the icon to indicate file uploading is in progress.\n   */\n  @property({ attribute: 'uploading-assistive-text' })\n  uploadingAssistiveText = 'Uploading';\n\n  /**\n   * The `aria-label` attribute for the icon to indicate file uploading is complete.\n   */\n  @property({ attribute: 'uploaded-assistive-text' })\n  uploadedAssistiveText = 'Uploaded';\n\n  /**\n   * The validity message.\n   */\n  @property({ attribute: 'validity-message' })\n  validityMessage = '';\n\n  render() {\n    const { validityMessage } = this;\n    return html`\n      <p class=\"${prefix}--file-filename\"><slot></slot></p>\n      <span class=\"${prefix}--file__state-container\"\n        >${this._renderStatus()}</span\n      >\n      <div class=\"${prefix}--form-requirement\">\n        <div class=\"${prefix}--form-requirement__title\">\n          <slot name=\"validity-message\">${validityMessage}</slot>\n        </div>\n        <p class=\"${prefix}--form-requirement__supplement\">\n          <slot name=\"validity-message-supplement\"></slot>\n        </p>\n      </div>\n    `;\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 BXFileUploaderItem;\n"]}
+{"version":3,"sources":["components/file-uploader/file-uploader-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAOvC,OAAO,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,MAAM,QAAQ,CAAC;AAG3E,OAAO,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,CAAC;AAE7D;;;;;;;;;;GAUG;AACH,cACM,mBAAoB,SAAQ,UAAU;IAC1C;;OAEG;IACH,OAAO,CAAC,wBAAwB;IAahC;;OAEG;IACH,OAAO,CAAC,cAAc;IAoBtB;;OAEG;IACH,OAAO,CAAC,gBAAgB;IASxB;;OAEG;IACH,OAAO,CAAC,eAAe;IAQvB;;OAEG;IACH,OAAO,CAAC,aAAa;IAcrB;;OAEG;IAEH,eAAe,SAAsB;IAErC;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,IAAI,0BAAkC;IAEtC;;OAEG;IAEH,KAAK,2BAAsC;IAE3C;;OAEG;IAEH,YAAY,SAAM;IAElB;;OAEG;IAEH,SAAS,SAAM;IAEf,MAAM;IAkBN;;;OAGG;IACH,MAAM,KAAK,iBAAiB,WAE3B;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,mBAAmB,CAAC","file":"file-uploader-item.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport CheckmarkFilled16 from '@carbon/icons/lib/checkmark--filled/16';\nimport Close16 from '@carbon/icons/lib/close/16';\nimport WarningFilled16 from '@carbon/icons/lib/warning--filled/16';\nimport { prefix } from '../../globals/settings';\nimport { LOADING_TYPE } from '../loading/loading';\nimport { FILE_UPLOADER_ITEM_SIZE, FILE_UPLOADER_ITEM_STATE } from './defs';\nimport styles from './file-uploader.scss';\n\nexport { FILE_UPLOADER_ITEM_SIZE, FILE_UPLOADER_ITEM_STATE };\n\n/**\n * File uploader item.\n *\n * @element cds-file-uploader-item\n * @slot validity-message The validity message.\n * @slot validity-message-supplement The supplemental validity message.\n * @fires cds-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-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        : WarningFilled16({ class: `${prefix}--file-invalid` })}\n      <button\n        type=\"button\"\n        aria-label=\"${iconDescription}\"\n        class=\"${prefix}--file-close\"\n        @click=\"${handleClickDeleteButton}\">\n        ${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-loading\n        assistive-text=\"${iconDescription}\"\n        type=\"${LOADING_TYPE.SMALL}\"></cds-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 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"]}

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

@@ -34,15 +34,15 @@ export { FILE_UPLOADER_ITEM_SIZE, FILE_UPLOADER_ITEM_STATE };
  *   Cancellation of this event stops the user-initiated action of deleting this file uploader item.
  * @fires cds-file-uploader-item-deleted - The custom event fired after this file uploader item is deleted upon a user gesture.
  */
-let BXFileUploaderItem = _decorate([customElement(`${prefix}-file-uploader-item`)], function (_initialize, _LitElement) {
-  class BXFileUploaderItem extends _LitElement {
+let CDSFileUploaderItem = _decorate([customElement(`${prefix}-file-uploader-item`)], function (_initialize, _LitElement) {
+  class CDSFileUploaderItem extends _LitElement {
     constructor(...args) {
       super(...args);
       _initialize(this);
     }
   }
   return {
-    F: BXFileUploaderItem,
+    F: CDSFileUploaderItem,
     d: [{
       kind: "method",
       key: "_handleClickDeleteButton",
@@ -73,7 +73,7 @@ let BXFileUploaderItem = _decorate([customElement(`${prefix}-file-uploader-item`
       key: "_renderEditing",
       value: function _renderEditing() {
         const {
-          deleteAssistiveText,
+          iconDescription,
           invalid,
           _handleClickDeleteButton: handleClickDeleteButton
         } = this;
@@ -88,7 +88,7 @@ let BXFileUploaderItem = _decorate([customElement(`${prefix}-file-uploader-item`
       </button>
     `), !invalid ? undefined : WarningFilled16({
           class: `${prefix}--file-invalid`
-        }), deleteAssistiveText, prefix, handleClickDeleteButton, Close16());
+        }), iconDescription, prefix, handleClickDeleteButton, Close16());
       }
 
       /**
@@ -99,13 +99,13 @@ let BXFileUploaderItem = _decorate([customElement(`${prefix}-file-uploader-item`
       key: "_renderUploading",
       value: function _renderUploading() {
         const {
-          uploadingAssistiveText
+          iconDescription
         } = this;
         return html(_t2 || (_t2 = _`
       <cds-loading
         assistive-text="${0}"
         type="${0}"></cds-loading>
-    `), uploadingAssistiveText, LOADING_TYPE.SMALL);
+    `), iconDescription, LOADING_TYPE.SMALL);
       }
 
       /**
@@ -116,11 +116,11 @@ let BXFileUploaderItem = _decorate([customElement(`${prefix}-file-uploader-item`
       key: "_renderUploaded",
       value: function _renderUploaded() {
         const {
-          uploadedAssistiveText
+          iconDescription
         } = this;
         return CheckmarkFilled16({
           class: `${prefix}--file-complete`,
-          'aria-label': uploadedAssistiveText
+          'aria-label': iconDescription
         });
       }
 
@@ -135,11 +135,11 @@ let BXFileUploaderItem = _decorate([customElement(`${prefix}-file-uploader-item`
           state
         } = this;
         switch (state) {
-          case FILE_UPLOADER_ITEM_STATE.EDITING:
+          case FILE_UPLOADER_ITEM_STATE.EDIT:
             return this._renderEditing();
           case FILE_UPLOADER_ITEM_STATE.UPLOADING:
             return this._renderUploading();
-          case FILE_UPLOADER_ITEM_STATE.UPLOADED:
+          case FILE_UPLOADER_ITEM_STATE.COMPLETE:
             return this._renderUploaded();
           default:
             return undefined;
@@ -152,9 +152,9 @@ let BXFileUploaderItem = _decorate([customElement(`${prefix}-file-uploader-item`
     }, {
       kind: "field",
       decorators: [property({
-        attribute: 'delete-assistive-text'
+        attribute: 'icon-description'
       })],
-      key: "deleteAssistiveText",
+      key: "iconDescription",
       value() {
         return 'Delete this file';
       }
@@ -175,7 +175,7 @@ let BXFileUploaderItem = _decorate([customElement(`${prefix}-file-uploader-item`
       })],
       key: "size",
       value() {
-        return FILE_UPLOADER_ITEM_SIZE.REGULAR;
+        return FILE_UPLOADER_ITEM_SIZE.MEDIUM;
       }
     }, {
       kind: "field",
@@ -189,27 +189,18 @@ let BXFileUploaderItem = _decorate([customElement(`${prefix}-file-uploader-item`
     }, {
       kind: "field",
       decorators: [property({
-        attribute: 'uploading-assistive-text'
+        attribute: 'error-subject'
       })],
-      key: "uploadingAssistiveText",
+      key: "errorSubject",
       value() {
-        return 'Uploading';
-      }
-    }, {
-      kind: "field",
-      decorators: [property({
-        attribute: 'uploaded-assistive-text'
-      })],
-      key: "uploadedAssistiveText",
-      value() {
-        return 'Uploaded';
+        return '';
       }
     }, {
       kind: "field",
       decorators: [property({
-        attribute: 'validity-message'
+        attribute: 'error-body'
       })],
-      key: "validityMessage",
+      key: "errorBody",
       value() {
         return '';
       }
@@ -227,32 +218,31 @@ let BXFileUploaderItem = _decorate([customElement(`${prefix}-file-uploader-item`
        * The state of this file uploader item.
        */
       /**
-       * The `aria-label` attribute for the icon to indicate file uploading is in progress.
+       * The error subject text.
        */
       /**
-       * The `aria-label` attribute for the icon to indicate file uploading is complete.
-       */
-      /**
-       * The validity message.
+       * The error body text
        */
       function render() {
         const {
-          validityMessage
+          invalid,
+          errorSubject,
+          errorBody
         } = this;
-        return html(_t3 || (_t3 = _`
-      <p class="${0}--file-filename"><slot></slot></p>
+        return html(_t3 || (_t3 = _` <p class="${0}--file-filename"><slot></slot></p>
       <span class="${0}--file__state-container"
         >${0}</span
       >
-      <div class="${0}--form-requirement">
-        <div class="${0}--form-requirement__title">
-          <slot name="validity-message">${0}</slot>
-        </div>
-        <p class="${0}--form-requirement__supplement">
-          <slot name="validity-message-supplement"></slot>
+      <div
+        class="${0}--form-requirement"
+        ?hidden="${0}">
+        <div class="${0}--form-requirement__title">${0}</div>
+        <p
+          class="${0}--form-requirement__supplement"
+          ?hidden="${0}">
+          ${0}
         </p>
-      </div>
-    `), prefix, prefix, this._renderStatus(), prefix, prefix, validityMessage, prefix);
+      </div>`), prefix, prefix, this._renderStatus(), prefix, !invalid && !errorSubject, prefix, errorSubject, prefix, !errorBody, errorBody);
       }
 
       /**
@@ -287,5 +277,5 @@ let BXFileUploaderItem = _decorate([customElement(`${prefix}-file-uploader-item`
     }]
   };
 }, LitElement);
-export default BXFileUploaderItem;
+export default CDSFileUploaderItem;
 //# sourceMappingURL=file-uploader-item.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"file-uploader-item.js","names":["LitElement","html","property","customElement","CheckmarkFilled16","Close16","WarningFilled16","prefix","LOADING_TYPE","FILE_UPLOADER_ITEM_SIZE","FILE_UPLOADER_ITEM_STATE","styles","BXFileUploaderItem","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","_handleClickDeleteButton","init","bubbles","cancelable","composed","eventBeforeDelete","eventDelete","dispatchEvent","CustomEvent","_renderEditing","deleteAssistiveText","invalid","handleClickDeleteButton","_t","_","undefined","class","_renderUploading","uploadingAssistiveText","_t2","SMALL","_renderUploaded","uploadedAssistiveText","_renderStatus","state","EDITING","UPLOADING","UPLOADED","decorators","attribute","type","Boolean","reflect","REGULAR","render","validityMessage","_t3","static"],"sources":["components/file-uploader/file-uploader-item.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport CheckmarkFilled16 from '@carbon/icons/lib/checkmark--filled/16';\nimport Close16 from '@carbon/icons/lib/close/16';\nimport WarningFilled16 from '@carbon/icons/lib/warning--filled/16';\nimport { prefix } from '../../globals/settings';\nimport { LOADING_TYPE } from '../loading/loading';\nimport { FILE_UPLOADER_ITEM_SIZE, FILE_UPLOADER_ITEM_STATE } from './defs';\nimport styles from './file-uploader.scss';\n\nexport { FILE_UPLOADER_ITEM_SIZE, FILE_UPLOADER_ITEM_STATE };\n\n/**\n * File uploader item.\n *\n * @element cds-file-uploader-item\n * @slot validity-message The validity message.\n * @slot validity-message-supplement The supplemental validity message.\n * @fires cds-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-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 BXFileUploaderItem 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 BXFileUploaderItem;\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      deleteAssistiveText,\n      invalid,\n      _handleClickDeleteButton: handleClickDeleteButton,\n    } = this;\n    return html`\n      ${!invalid\n        ? undefined\n        : WarningFilled16({ class: `${prefix}--file-invalid` })}\n      <button\n        type=\"button\"\n        aria-label=\"${deleteAssistiveText}\"\n        class=\"${prefix}--file-close\"\n        @click=\"${handleClickDeleteButton}\">\n        ${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 { uploadingAssistiveText } = this;\n    return html`\n      <cds-loading\n        assistive-text=\"${uploadingAssistiveText}\"\n        type=\"${LOADING_TYPE.SMALL}\"></cds-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 { uploadedAssistiveText } = this;\n    return CheckmarkFilled16({\n      class: `${prefix}--file-complete`,\n      'aria-label': uploadedAssistiveText,\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.EDITING:\n        return this._renderEditing();\n      case FILE_UPLOADER_ITEM_STATE.UPLOADING:\n        return this._renderUploading();\n      case FILE_UPLOADER_ITEM_STATE.UPLOADED:\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: 'delete-assistive-text' })\n  deleteAssistiveText = '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.REGULAR;\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 `aria-label` attribute for the icon to indicate file uploading is in progress.\n   */\n  @property({ attribute: 'uploading-assistive-text' })\n  uploadingAssistiveText = 'Uploading';\n\n  /**\n   * The `aria-label` attribute for the icon to indicate file uploading is complete.\n   */\n  @property({ attribute: 'uploaded-assistive-text' })\n  uploadedAssistiveText = 'Uploaded';\n\n  /**\n   * The validity message.\n   */\n  @property({ attribute: 'validity-message' })\n  validityMessage = '';\n\n  render() {\n    const { validityMessage } = this;\n    return html`\n      <p class=\"${prefix}--file-filename\"><slot></slot></p>\n      <span class=\"${prefix}--file__state-container\"\n        >${this._renderStatus()}</span\n      >\n      <div class=\"${prefix}--form-requirement\">\n        <div class=\"${prefix}--form-requirement__title\">\n          <slot name=\"validity-message\">${validityMessage}</slot>\n        </div>\n        <p class=\"${prefix}--form-requirement__supplement\">\n          <slot name=\"validity-message-supplement\"></slot>\n        </p>\n      </div>\n    `;\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 BXFileUploaderItem;\n"],"mappings":"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"}
+{"version":3,"file":"file-uploader-item.js","names":["LitElement","html","property","customElement","CheckmarkFilled16","Close16","WarningFilled16","prefix","LOADING_TYPE","FILE_UPLOADER_ITEM_SIZE","FILE_UPLOADER_ITEM_STATE","styles","CDSFileUploaderItem","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","_handleClickDeleteButton","init","bubbles","cancelable","composed","eventBeforeDelete","eventDelete","dispatchEvent","CustomEvent","_renderEditing","iconDescription","invalid","handleClickDeleteButton","_t","_","undefined","class","_renderUploading","_t2","SMALL","_renderUploaded","_renderStatus","state","EDIT","UPLOADING","COMPLETE","decorators","attribute","type","Boolean","reflect","MEDIUM","render","errorSubject","errorBody","_t3","static"],"sources":["components/file-uploader/file-uploader-item.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport CheckmarkFilled16 from '@carbon/icons/lib/checkmark--filled/16';\nimport Close16 from '@carbon/icons/lib/close/16';\nimport WarningFilled16 from '@carbon/icons/lib/warning--filled/16';\nimport { prefix } from '../../globals/settings';\nimport { LOADING_TYPE } from '../loading/loading';\nimport { FILE_UPLOADER_ITEM_SIZE, FILE_UPLOADER_ITEM_STATE } from './defs';\nimport styles from './file-uploader.scss';\n\nexport { FILE_UPLOADER_ITEM_SIZE, FILE_UPLOADER_ITEM_STATE };\n\n/**\n * File uploader item.\n *\n * @element cds-file-uploader-item\n * @slot validity-message The validity message.\n * @slot validity-message-supplement The supplemental validity message.\n * @fires cds-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-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        : WarningFilled16({ class: `${prefix}--file-invalid` })}\n      <button\n        type=\"button\"\n        aria-label=\"${iconDescription}\"\n        class=\"${prefix}--file-close\"\n        @click=\"${handleClickDeleteButton}\">\n        ${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-loading\n        assistive-text=\"${iconDescription}\"\n        type=\"${LOADING_TYPE.SMALL}\"></cds-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 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"],"mappings":"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"}

package/es/components/file-uploader/file-uploader-skeleton.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2019, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { LitElement } from 'lit';
+import '../skeleton-text/skeleton-text';
+import '../button/button-skeleton';
+/**
+ * The File uploader skeleton.
+ *
+ * @element cds-file-uploader-skeleton
+ */
+declare class CDSFileUploaderSkeleton extends LitElement {
+    render(): import("lit-html").TemplateResult<1>;
+}
+export default CDSFileUploaderSkeleton;
+
+//# sourceMappingURL=file-uploader-skeleton.d.ts.map

package/es/components/file-uploader/file-uploader-skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/file-uploader/file-uploader-skeleton.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAGvC,OAAO,gCAAgC,CAAC;AAExC,OAAO,2BAA2B,CAAC;AAEnC;;;;GAIG;AACH,cACM,uBAAwB,SAAQ,UAAU;IAC9C,MAAM;CASP;AAED,eAAe,uBAAuB,CAAC","file":"file-uploader-skeleton.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport '../skeleton-text/skeleton-text';\nimport { SKELETON_TEXT_TYPE } from '../skeleton-text/skeleton-text';\nimport '../button/button-skeleton';\n\n/**\n * The File uploader skeleton.\n *\n * @element cds-file-uploader-skeleton\n */\n@customElement(`${prefix}-file-uploader-skeleton`)\nclass CDSFileUploaderSkeleton extends LitElement {\n  render() {\n    return html`\n      <cds-skeleton-text\n        type=\"${SKELETON_TEXT_TYPE.HEADING}\"\n        width=\"100px\"></cds-skeleton-text>\n      <cds-skeleton-text width=\"225px\"></cds-skeleton-text>\n      <cds-button-skeleton></cds-button-skeleton>\n    `;\n  }\n}\n\nexport default CDSFileUploaderSkeleton;\n"]}

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

@@ -0,0 +1,50 @@
+import _decorate from "@babel/runtime/helpers/esm/decorate";
+let _ = t => t,
+  _t;
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2019, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { LitElement, html } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import { prefix } from '../../globals/settings';
+import '../skeleton-text/skeleton-text';
+import { SKELETON_TEXT_TYPE } from '../skeleton-text/skeleton-text';
+import '../button/button-skeleton';
+
+/**
+ * The File uploader skeleton.
+ *
+ * @element cds-file-uploader-skeleton
+ */
+let CDSFileUploaderSkeleton = _decorate([customElement(`${prefix}-file-uploader-skeleton`)], function (_initialize, _LitElement) {
+  class CDSFileUploaderSkeleton extends _LitElement {
+    constructor(...args) {
+      super(...args);
+      _initialize(this);
+    }
+  }
+  return {
+    F: CDSFileUploaderSkeleton,
+    d: [{
+      kind: "method",
+      key: "render",
+      value: function render() {
+        return html(_t || (_t = _`
+      <cds-skeleton-text
+        type="${0}"
+        width="100px"></cds-skeleton-text>
+      <cds-skeleton-text width="225px"></cds-skeleton-text>
+      <cds-button-skeleton></cds-button-skeleton>
+    `), SKELETON_TEXT_TYPE.HEADING);
+      }
+    }]
+  };
+}, LitElement);
+export default CDSFileUploaderSkeleton;
+//# sourceMappingURL=file-uploader-skeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"file-uploader-skeleton.js","names":["LitElement","html","customElement","prefix","SKELETON_TEXT_TYPE","CDSFileUploaderSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","HEADING"],"sources":["components/file-uploader/file-uploader-skeleton.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport '../skeleton-text/skeleton-text';\nimport { SKELETON_TEXT_TYPE } from '../skeleton-text/skeleton-text';\nimport '../button/button-skeleton';\n\n/**\n * The File uploader skeleton.\n *\n * @element cds-file-uploader-skeleton\n */\n@customElement(`${prefix}-file-uploader-skeleton`)\nclass CDSFileUploaderSkeleton extends LitElement {\n  render() {\n    return html`\n      <cds-skeleton-text\n        type=\"${SKELETON_TEXT_TYPE.HEADING}\"\n        width=\"100px\"></cds-skeleton-text>\n      <cds-skeleton-text width=\"225px\"></cds-skeleton-text>\n      <cds-button-skeleton></cds-button-skeleton>\n    `;\n  }\n}\n\nexport default CDSFileUploaderSkeleton;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAO,gCAAgC;AACvC,SAASC,kBAAkB,QAAQ,gCAAgC;AACnE,OAAO,2BAA2B;;AAElC;AACA;AACA;AACA;AACA;AAJA,IAMMC,uBAAuB,GAAAC,SAAA,EAD5BJ,aAAa,CAAE,GAAEC,MAAO,yBAAwB,CAAC,aAAAI,WAAA,EAAAC,WAAA;EAAlD,MACMH,uBAAuB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAUjD;EAAC;IAAAI,CAAA,EAVKN,uBAAuB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAC3B,SAAAC,OAAA,EAAS;QACP,OAAOf,IAAI,CAAAgB,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB;AACA,gBAAc,CAA6B;AAC3C;AACA;AACA;AACA,KAAI,GAJYd,kBAAkB,CAACe,OAAO;MAKxC;IAAC;EAAA;AAAA,GATmCnB,UAAU;AAYhD,eAAeK,uBAAuB"}