@carbon/web-components 2.52.0 → 2.53.0-rc.0

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

@@ -5,12 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import iconLoader from "../../globals/internal/icon-loader.js";
 import file_uploader_default from "./file-uploader.scss.js";
-import { LOADING_TYPE } from "../loading/defs.js";
+import "../loading/defs.js";
 import "../loading/loading.js";
 import { FILE_UPLOADER_ITEM_SIZE, FILE_UPLOADER_ITEM_STATE } from "./defs.js";
 import { LitElement, html } from "lit";
@@ -18,7 +18,6 @@ import { property } from "lit/decorators.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";
-
 //#region src/components/file-uploader/file-uploader-item.ts
 /**
 * Copyright IBM Corp. 2020, 2023
@@ -42,8 +41,8 @@ let CDSFileUploaderItem = class CDSFileUploaderItem extends LitElement {
 		super(..._args);
 		this.iconDescription = "Delete this file";
 		this.invalid = false;
-		this.size = FILE_UPLOADER_ITEM_SIZE.MEDIUM;
-		this.state = FILE_UPLOADER_ITEM_STATE.UPLOADING;
+		this.size = "md";
+		this.state = "uploading";
 		this.errorSubject = "";
 		this.errorBody = "";
 	}
@@ -65,11 +64,11 @@ let CDSFileUploaderItem = class CDSFileUploaderItem extends LitElement {
 	_renderEditing() {
 		const { iconDescription, invalid, _handleClickDeleteButton: handleClickDeleteButton } = this;
 		return html`
-      ${!invalid ? void 0 : iconLoader(WarningFilled16, { class: `${prefix}--file-invalid` })}
+      ${!invalid ? void 0 : iconLoader(WarningFilled16, { class: `cds--file-invalid` })}
       <button
         type="button"
         aria-label="${iconDescription}"
-        class="${prefix}--file-close"
+        class="${"cds"}--file-close"
         @click="${handleClickDeleteButton}">
         ${iconLoader(Close16)}
       </button>
@@ -83,7 +82,7 @@ let CDSFileUploaderItem = class CDSFileUploaderItem extends LitElement {
 		return html`
       <cds-loading
         assistive-text="${iconDescription}"
-        type="${LOADING_TYPE.SMALL}"></cds-loading>
+        type="${"small"}"></cds-loading>
     `;
 	}
 	/**
@@ -92,7 +91,7 @@ let CDSFileUploaderItem = class CDSFileUploaderItem extends LitElement {
 	_renderUploaded() {
 		const { iconDescription } = this;
 		return iconLoader(CheckmarkFilled16, {
-			class: `${prefix}--file-complete`,
+			class: `cds--file-complete`,
 			"aria-label": iconDescription
 		});
 	}
@@ -102,24 +101,24 @@ let CDSFileUploaderItem = class CDSFileUploaderItem extends LitElement {
 	_renderStatus() {
 		const { state } = this;
 		switch (state) {
-			case FILE_UPLOADER_ITEM_STATE.EDIT: return this._renderEditing();
-			case FILE_UPLOADER_ITEM_STATE.UPLOADING: return this._renderUploading();
-			case FILE_UPLOADER_ITEM_STATE.COMPLETE: return this._renderUploaded();
+			case "edit": return this._renderEditing();
+			case "uploading": return this._renderUploading();
+			case "complete": return this._renderUploaded();
 			default: return;
 		}
 	}
 	render() {
 		const { invalid, errorSubject, errorBody } = this;
-		return html` <p class="${prefix}--file-filename"><slot></slot></p>
-      <span class="${prefix}--file__state-container"
+		return html` <p class="${"cds"}--file-filename"><slot></slot></p>
+      <span class="${"cds"}--file__state-container"
         >${this._renderStatus()}</span
       >
       <div
-        class="${prefix}--form-requirement"
+        class="${"cds"}--form-requirement"
         ?hidden="${!invalid && !errorSubject}">
-        <div class="${prefix}--form-requirement__title">${errorSubject}</div>
+        <div class="${"cds"}--form-requirement__title">${errorSubject}</div>
         <p
-          class="${prefix}--form-requirement__supplement"
+          class="${"cds"}--form-requirement__supplement"
           ?hidden="${!errorBody}">
           ${errorBody}
         </p>
@@ -130,13 +129,13 @@ let CDSFileUploaderItem = class CDSFileUploaderItem extends LitElement {
 	* Cancellation of this event stops the user-initiated action of deleting this file uploader item.
 	*/
 	static get eventBeforeDelete() {
-		return `${prefix}-file-uploader-item-beingdeleted`;
+		return `cds-file-uploader-item-beingdeleted`;
 	}
 	/**
 	* The name of the custom event fired after this file uplodaer item is deleted upon a user gesture.
 	*/
 	static get eventDelete() {
-		return `${prefix}-file-uploader-item-deleted`;
+		return `cds-file-uploader-item-deleted`;
 	}
 	static {
 		this.styles = file_uploader_default;
@@ -151,9 +150,9 @@ __decorate([property({ reflect: true })], CDSFileUploaderItem.prototype, "size",
 __decorate([property({ reflect: true })], CDSFileUploaderItem.prototype, "state", void 0);
 __decorate([property({ attribute: "error-subject" })], CDSFileUploaderItem.prototype, "errorSubject", void 0);
 __decorate([property({ attribute: "error-body" })], CDSFileUploaderItem.prototype, "errorBody", void 0);
-CDSFileUploaderItem = __decorate([carbonElement(`${prefix}-file-uploader-item`)], CDSFileUploaderItem);
+CDSFileUploaderItem = __decorate([carbonElement(`cds-file-uploader-item`)], CDSFileUploaderItem);
 var file_uploader_item_default = CDSFileUploaderItem;
-
 //#endregion
 export { FILE_UPLOADER_ITEM_SIZE, FILE_UPLOADER_ITEM_STATE, file_uploader_item_default as default };
+
 //# 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":["styles","customElement"],"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-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        : 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-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 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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,gCACM,4BAA4B,WAAW;;;yBAoFzB;iBAMR;cAMH,wBAAwB;eAMvB,yBAAyB;sBAMlB;mBAMH;;;;;CA9GZ,AAAQ,2BAA2B;EACjC,MAAM,OAAO;GACX,SAAS;GACT,YAAY;GACZ,UAAU;GACX;EACD,MAAM,EAAE,mBAAmB,gBAAgB,KACxC;AACH,MAAI,KAAK,cAAc,IAAI,YAAY,mBAAmB,KAAK,CAAC,CAC9D,MAAK,cAAc,IAAI,YAAY,aAAa,KAAK,CAAC;;;;;CAO1D,AAAQ,iBAAiB;EACvB,MAAM,EACJ,iBACA,SACA,0BAA0B,4BACxB;AACJ,SAAO,IAAI;QACP,CAAC,UACC,SACA,WAAW,iBAAiB,EAAE,OAAO,GAAG,OAAO,iBAAiB,CAAC,CAAC;;;sBAGtD,gBAAgB;iBACrB,OAAO;kBACN,wBAAwB;UAChC,WAAW,QAAQ,CAAC;;;;;;;CAQ5B,AAAQ,mBAAmB;EACzB,MAAM,EAAE,oBAAoB;AAC5B,SAAO,IAAI;;0BAEW,gBAAgB;gBAC1B,aAAa,MAAM;;;;;;CAOjC,AAAQ,kBAAkB;EACxB,MAAM,EAAE,oBAAoB;AAC5B,SAAO,WAAW,mBAAmB;GACnC,OAAO,GAAG,OAAO;GACjB,cAAc;GACf,CAAC;;;;;CAMJ,AAAQ,gBAAgB;EACtB,MAAM,EAAE,UAAU;AAClB,UAAQ,OAAR;GACE,KAAK,yBAAyB,KAC5B,QAAO,KAAK,gBAAgB;GAC9B,KAAK,yBAAyB,UAC5B,QAAO,KAAK,kBAAkB;GAChC,KAAK,yBAAyB,SAC5B,QAAO,KAAK,iBAAiB;GAC/B,QACE;;;CAwCN,SAAS;EACP,MAAM,EAAE,SAAS,cAAc,cAAc;AAC7C,SAAO,IAAI,cAAc,OAAO;qBACf,OAAO;WACjB,KAAK,eAAe,CAAC;;;iBAGf,OAAO;mBACL,CAAC,WAAW,CAAC,aAAa;sBACvB,OAAO,6BAA6B,aAAa;;mBAEpD,OAAO;qBACL,CAAC,UAAU;YACpB,UAAU;;;;;;;;CASpB,WAAW,oBAAoB;AAC7B,SAAO,GAAG,OAAO;;;;;CAMnB,WAAW,cAAc;AACvB,SAAO,GAAG,OAAO;;;gBAGHA;;;YAlEf,SAAS,EAAE,WAAW,oBAAoB,CAAC;YAM3C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAM1C,SAAS,EAAE,SAAS,MAAM,CAAC;YAM3B,SAAS,EAAE,SAAS,MAAM,CAAC;YAM3B,SAAS,EAAE,WAAW,iBAAiB,CAAC;YAMxC,SAAS,EAAE,WAAW,cAAc,CAAC;kCAlHvCC,cAAc,GAAG,OAAO,qBAAqB;AAyJ9C,iCAAe"}
+{"version":3,"file":"file-uploader-item.js","names":["styles","customElement"],"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-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        : 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-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 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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,IAAA,sBAAA,MACM,4BAA4B,WAAW;;;yBAoFzB;iBAMR;;;sBAkBK;mBAMH;;;;;CA9GZ,2BAAmC;EACjC,MAAM,OAAO;GACX,SAAS;GACT,YAAY;GACZ,UAAU;GACX;EACD,MAAM,EAAE,mBAAmB,gBAAgB,KACxC;AACH,MAAI,KAAK,cAAc,IAAI,YAAY,mBAAmB,KAAK,CAAC,CAC9D,MAAK,cAAc,IAAI,YAAY,aAAa,KAAK,CAAC;;;;;CAO1D,iBAAyB;EACvB,MAAM,EACJ,iBACA,SACA,0BAA0B,4BACxB;AACJ,SAAO,IAAI;QACP,CAAC,UACC,KAAA,IACA,WAAW,iBAAiB,EAAE,OAAO,qBAA2B,CAAC,CAAC;;;sBAGtD,gBAAgB;uBACd;kBACN,wBAAwB;UAChC,WAAW,QAAQ,CAAC;;;;;;;CAQ5B,mBAA2B;EACzB,MAAM,EAAE,oBAAoB;AAC5B,SAAO,IAAI;;0BAEW,gBAAgB;wBACP;;;;;;CAOjC,kBAA0B;EACxB,MAAM,EAAE,oBAAoB;AAC5B,SAAO,WAAW,mBAAmB;GACnC,OAAO;GACP,cAAc;GACf,CAAC;;;;;CAMJ,gBAAwB;EACtB,MAAM,EAAE,UAAU;AAClB,UAAQ,OAAR;GACE,KAAA,OACE,QAAO,KAAK,gBAAgB;GAC9B,KAAA,YACE,QAAO,KAAK,kBAAkB;GAChC,KAAA,WACE,QAAO,KAAK,iBAAiB;GAC/B,QACE;;;CAwCN,SAAS;EACP,MAAM,EAAE,SAAS,cAAc,cAAc;AAC7C,SAAO,IAAI,cAAA,MAAqB;2BACR;WACjB,KAAK,eAAe,CAAC;;;uBAGR;mBACL,CAAC,WAAW,CAAC,aAAa;4BAChB,6BAA6B,aAAa;;yBAE7C;qBACL,CAAC,UAAU;YACpB,UAAU;;;;;;;;CASpB,WAAW,oBAAoB;AAC7B,SAAO;;;;;CAMT,WAAW,cAAc;AACvB,SAAO;;;gBAGOA;;;YAlEf,SAAS,EAAE,WAAW,oBAAoB,CAAC,CAAA,EAAA,oBAAA,WAAA,mBAAA,KAAA,EAAA;YAM3C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,oBAAA,WAAA,WAAA,KAAA,EAAA;YAM1C,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,oBAAA,WAAA,QAAA,KAAA,EAAA;YAM3B,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,oBAAA,WAAA,SAAA,KAAA,EAAA;YAM3B,SAAS,EAAE,WAAW,iBAAiB,CAAC,CAAA,EAAA,oBAAA,WAAA,gBAAA,KAAA,EAAA;YAMxC,SAAS,EAAE,WAAW,cAAc,CAAC,CAAA,EAAA,oBAAA,WAAA,aAAA,KAAA,EAAA;kCAlHvCC,cAAc,yBAA+B,CAAA,EAAA,oBAAA;AAyJ9C,IAAA,6BAAe"}

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

@@ -5,14 +5,13 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
-import { SKELETON_TEXT_TYPE } from "../skeleton-text/defs.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import "../skeleton-text/defs.js";
 import "../skeleton-text/skeleton-text.js";
 import "../button/button-skeleton.js";
 import { LitElement, html } from "lit";
-
 //#region src/components/file-uploader/file-uploader-skeleton.ts
 /**
 * Copyright IBM Corp. 2019, 2024
@@ -29,16 +28,16 @@ let CDSFileUploaderSkeleton = class CDSFileUploaderSkeleton extends LitElement {
 	render() {
 		return html`
       <cds-skeleton-text
-        type="${SKELETON_TEXT_TYPE.HEADING}"
+        type="${"heading"}"
         width="100px"></cds-skeleton-text>
       <cds-skeleton-text width="225px"></cds-skeleton-text>
       <cds-button-skeleton></cds-button-skeleton>
     `;
 	}
 };
-CDSFileUploaderSkeleton = __decorate([carbonElement(`${prefix}-file-uploader-skeleton`)], CDSFileUploaderSkeleton);
+CDSFileUploaderSkeleton = __decorate([carbonElement(`cds-file-uploader-skeleton`)], CDSFileUploaderSkeleton);
 var file_uploader_skeleton_default = CDSFileUploaderSkeleton;
-
 //#endregion
 export { file_uploader_skeleton_default as default };
+
 //# sourceMappingURL=file-uploader-skeleton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"file-uploader-skeleton.js","names":["customElement"],"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-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":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,oCACM,gCAAgC,WAAW;CAC/C,SAAS;AACP,SAAO,IAAI;;gBAEC,mBAAmB,QAAQ;;;;;;;sCAL1CA,cAAc,GAAG,OAAO,yBAAyB;AAalD,qCAAe"}
+{"version":3,"file":"file-uploader-skeleton.js","names":["customElement"],"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-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":";;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,IAAA,0BAAA,MACM,gCAAgC,WAAW;CAC/C,SAAS;AACP,SAAO,IAAI;;0BAE4B;;;;;;;sCAL1CA,cAAc,6BAAmC,CAAA,EAAA,wBAAA;AAalD,IAAA,iCAAe"}

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

@@ -5,14 +5,13 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import file_uploader_default$1 from "./file-uploader.scss.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
-
 //#region src/components/file-uploader/file-uploader.ts
 /**
 * Copyright IBM Corp. 2019, 2023
@@ -43,19 +42,19 @@ let CDSFileUploader = class CDSFileUploader extends LitElement {
 		const { disabled, labelDescription, labelTitle } = this;
 		return html`
       <p class="${classMap({
-			[`${prefix}--file--label`]: true,
-			[`${prefix}--label-description--disabled`]: disabled
+			[`cds--file--label`]: true,
+			[`cds--label-description--disabled`]: disabled
 		})}">
         <slot name="label-title">${labelTitle}</slot>
       </p>
       <p class="${classMap({
-			[`${prefix}--label-description`]: true,
-			[`${prefix}--label-description--disabled`]: disabled
+			[`cds--label-description`]: true,
+			[`cds--label-description--disabled`]: disabled
 		})}">
         <slot name="label-description">${labelDescription}</slot>
       </p>
       <slot name="drop-container"></slot>
-      <div class="${prefix}--file-container">
+      <div class="${"cds"}--file-container">
         <slot></slot>
       </div>
     `;
@@ -64,7 +63,7 @@ let CDSFileUploader = class CDSFileUploader extends LitElement {
 	* A selector that will return the `input` to enter starting date.
 	*/
 	static get selectorUploaderItem() {
-		return `${prefix}-file-uploader-button,${prefix}-file-uploader-drop-container`;
+		return `cds-file-uploader-button,cds-file-uploader-drop-container`;
 	}
 	static {
 		this.styles = file_uploader_default$1;
@@ -76,9 +75,9 @@ __decorate([property({
 })], CDSFileUploader.prototype, "disabled", void 0);
 __decorate([property({ attribute: "label-description" })], CDSFileUploader.prototype, "labelDescription", void 0);
 __decorate([property({ attribute: "label-title" })], CDSFileUploader.prototype, "labelTitle", void 0);
-CDSFileUploader = __decorate([carbonElement(`${prefix}-file-uploader`)], CDSFileUploader);
+CDSFileUploader = __decorate([carbonElement(`cds-file-uploader`)], CDSFileUploader);
 var file_uploader_default = CDSFileUploader;
-
 //#endregion
 export { file_uploader_default as default };
+
 //# sourceMappingURL=file-uploader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"file-uploader.js","names":["styles","customElement"],"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-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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,4BACM,wBAAwB,WAAW;;;kBAK5B;0BAMQ;oBAMN;;CAEb,QAAQ,mBAAmB;AACzB,MAAI,kBAAkB,IAAI,WAAW,EAAE;GACrC,MAAM,EAAE,yBAAyB,KAC9B;GACH,MAAM,eAAe,KAAK,cACxB,qBACD;AACD,gBAAa,WAAW,KAAK;;;CAIjC,SAAS;EACP,MAAM,EAAE,UAAU,kBAAkB,eAAe;AAYnD,SAAO,IAAI;kBAVU,SAAS;IAC3B,GAAG,OAAO,iBAAiB;IAC3B,GAAG,OAAO,iCAAiC;GAC7C,CAAC,CAQyB;mCACI,WAAW;;kBAPf,SAAS;IACjC,GAAG,OAAO,uBAAuB;IACjC,GAAG,OAAO,iCAAiC;GAC7C,CAAC,CAM+B;yCACI,iBAAiB;;;oBAGtC,OAAO;;;;;;;;CASzB,WAAW,uBAAuB;AAChC,SAAO,GAAG,OAAO,wBAAwB,OAAO;;;gBAGlCA;;;YA5Df,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAM1C,SAAS,EAAE,WAAW,qBAAqB,CAAC;YAM5C,SAAS,EAAE,WAAW,eAAe,CAAC;8BAjBxCC,cAAc,GAAG,OAAO,gBAAgB;AAoEzC,4BAAe"}
+{"version":3,"file":"file-uploader.js","names":["styles","customElement"],"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-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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,IAAA,kBAAA,MACM,wBAAwB,WAAW;;;kBAK5B;0BAMQ;oBAMN;;CAEb,QAAQ,mBAAmB;AACzB,MAAI,kBAAkB,IAAI,WAAW,EAAE;GACrC,MAAM,EAAE,yBAAyB,KAC9B;GACH,MAAM,eAAe,KAAK,cACxB,qBACD;AACD,gBAAa,WAAW,KAAK;;;CAIjC,SAAS;EACP,MAAM,EAAE,UAAU,kBAAkB,eAAe;AAYnD,SAAO,IAAI;kBAVU,SAAS;IAC3B,qBAA2B;IAC3B,qCAA2C;GAC7C,CAAC,CAQyB;mCACI,WAAW;;kBAPf,SAAS;IACjC,2BAAiC;IACjC,qCAA2C;GAC7C,CAAC,CAM+B;yCACI,iBAAiB;;;0BAG/B;;;;;;;;CASzB,WAAW,uBAAuB;AAChC,SAAO;;;gBAGOA;;;YA5Df,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,gBAAA,WAAA,YAAA,KAAA,EAAA;YAM1C,SAAS,EAAE,WAAW,qBAAqB,CAAC,CAAA,EAAA,gBAAA,WAAA,oBAAA,KAAA,EAAA;YAM5C,SAAS,EAAE,WAAW,eAAe,CAAC,CAAA,EAAA,gBAAA,WAAA,cAAA,KAAA,EAAA;8BAjBxCC,cAAc,oBAA0B,CAAA,EAAA,gBAAA;AAoEzC,IAAA,wBAAe"}