@carbon/web-components 2.57.0-rc.0 → 2.58.0-rc.0

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

@@ -1 +1 @@
-{"version":3,"file":"demo-file-uploader.js","names":["customElement"],"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-drop-container-changed` on `<cds-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-file-uploader-item-deleted` on `<cds-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-file-uploader\n        label-description=\"${ifDefined(labelDescription)}\"\n        label-title=\"${ifDefined(labelTitle)}\"\n        ?disabled=\"${disabled}\">\n        ${!button\n          ? html` <cds-file-uploader-drop-container\n              accept=\"${ifDefined(accept)}\"\n              ?multiple=\"${multiple}\"\n              name=\"${ifDefined(this.inputName)}\"\n              @cds-file-uploader-drop-container-changed=\"${handleChange}\">\n              Drag and drop files here or click to upload\n            </cds-file-uploader-drop-container>`\n          : html` <cds-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-file-uploader-button-changed=\"${handleChange}\">\n              ${buttonLabel}\n            </cds-file-uploader-button>`}\n        ${files.map(\n          ({ id, invalid, file, state, errorSubject, errorBody }) => html`\n            <cds-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-file-uploader-item-deleted=\"${handleDelete}\">\n              ${file.name}\n            </cds-file-uploader-item>\n          `\n        )}\n      </cds-file-uploader>\n    `;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA0Be,IAAA,wBAAA,MAAM,8BAA8B,WAAW;;;gBAI/B,EAAE;gBA4FtB;gBAMA;oBAMI;qBAMC;kBAMH;yBAMO;mBAMN;0BAMO;oBAMN;kBAOF;;oBAYE;;;;;;;CAxJb,cAAsB,OAAoB;EACxC,MAAM,EAAE,eAAe,MAAM;EAC7B,MAAM,WAAuB,WAAW,KACrC,UACE;GACC,IAAI,KAAK,QAAQ,CAAC,SAAS,GAAG,CAAC,MAAM,EAAE;GACvC,MAAM;GACN,OAAA;GACD,EACJ;EACD,MAAM,EAAE,UAAU,QAAQ,OAAO,iBAAiB,mBAAmB;AACrE,MAAI,UAAU;AACZ,QAAK,SAAS,MAAM,OAAO,SAAS;AACpC,QAAK,eAAe;AACpB,YAAS,QAAQ,gBAAgB,KAAK;aAC7B,WAAW,SAAS,GAAG;AAChC,QAAK,SAAS,MAAM,OAAO,SAAS,GAAG;AACvC,QAAK,eAAe;AACpB,QAAK,gBAAgB,SAAS,GAAG;;;;;;;;CASrC,cAAsB,OAAoB;EACxC,MAAM,EAAE,QAAQ,eAAgB,MAAM,OAAuB;AAC7D,OAAK,SAAS,KAAK,OAAO,QAAQ,EAAE,SAAS,eAAe,GAAG;AAC/D,OAAK,eAAe;;;;;;;CAQtB,MAAc,gBAAgB,MAAgB;EAC5C,MAAM,EAAE,IAAI,SAAS;AACrB,MAAI,KAAK,OAAO,QAAQ;AACtB,QAAK,SAAS,KAAK,OAAO,KAAK,SAC7B,OAAO,KAAK,KACR,OACA;IACE,GAAG;IACH,OAAA;IACA,SAAS;IACT,cAAc;IACd,WACE;IACH,CACN;AACD,QAAK,eAAe;SACf;GAEL,MAAM,OAAO,KAAK,QAAQ,GAAG;AAC7B,SAAM,IAAI,SAAS,MAAM,WAAW,GAAG,KAAK,CAAC;AAC7C,QAAK,SAAS,KAAK,OAAO,KAAK,SAC7B,OAAO,KAAK,KACR,OACA;IACE,GAAG;IACH,OAAA;IACD,CACN;AACD,QAAK,eAAe;AAEpB,SAAM,IAAI,SAAS,MAAM,WAAW,GAAG,IAAK,CAAC;AAC7C,QAAK,SAAS,KAAK,OAAO,KAAK,SAC7B,OAAO,KAAK,KACR,OACA;IACE,GAAG;IACH,OAAA;IACD,CACN;AACD,QAAK,eAAe;;;CA6ExB,SAAS;EACP,MAAM,EACJ,QACA,QACA,YACA,aACA,UACA,kBACA,YACA,UACA,MACA,YACA,iBACA,QAAQ,OACR,eAAe,cACf,eAAe,iBACb;AACJ,SAAO,IAAI;;6BAEc,UAAU,iBAAiB,CAAC;uBAClC,UAAU,WAAW,CAAC;qBACxB,SAAS;UACpB,CAAC,SACC,IAAI;wBACQ,UAAU,OAAO,CAAC;2BACf,SAAS;sBACd,UAAU,KAAK,UAAU,CAAC;2DACW,aAAa;;mDAG5D,IAAI;sBACM,UAAU,KAAK,CAAC;6BACT,WAAW;wBAChB,UAAU,OAAO,CAAC;sBACpB,UAAU,KAAK,UAAU,CAAC;2BACrB,SAAS;mDACe,aAAa;gBAChD,YAAY;yCACa;UAC/B,MAAM,KACL,EAAE,IAAI,SAAS,MAAM,OAAO,cAAc,gBAAgB,IAAI;;8BAE3C,GAAG;0BACP,QAAQ;uBACX,cAAc,UAAU,MAAM,CAAC;kCACpB,UAAU,gBAAgB,CAAC;+BAC9B,UAAU,aAAa,CAAC;4BAC3B,UAAU,UAAU,CAAC;iDACA,aAAa;gBAC9C,KAAK,KAAK;;YAGjB,CAAC;;;;;YA1HP,UAAU,CAAA,EAAA,sBAAA,WAAA,UAAA,KAAA,EAAA;YAMV,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,sBAAA,WAAA,UAAA,KAAA,EAAA;YAM1C,SAAS,EAAE,WAAW,eAAe,CAAC,CAAA,EAAA,sBAAA,WAAA,cAAA,KAAA,EAAA;YAMtC,SAAS,EAAE,WAAW,gBAAgB,CAAC,CAAA,EAAA,sBAAA,WAAA,eAAA,KAAA,EAAA;YAMvC,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,sBAAA,WAAA,YAAA,KAAA,EAAA;YAM1C,SAAS,EAAE,WAAW,oBAAoB,CAAC,CAAA,EAAA,sBAAA,WAAA,mBAAA,KAAA,EAAA;YAM3C,SAAS,EAAE,WAAW,cAAc,CAAC,CAAA,EAAA,sBAAA,WAAA,aAAA,KAAA,EAAA;YAMrC,SAAS,EAAE,WAAW,qBAAqB,CAAC,CAAA,EAAA,sBAAA,WAAA,oBAAA,KAAA,EAAA;YAM5C,SAAS,EAAE,WAAW,eAAe,CAAC,CAAA,EAAA,sBAAA,WAAA,cAAA,KAAA,EAAA;YAOtC,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,sBAAA,WAAA,YAAA,KAAA,EAAA;YAM1C,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,sBAAA,WAAA,QAAA,KAAA,EAAA;YAM3B,SAAS;CAAE,SAAS;CAAM,WAAW;CAAe,CAAC,CAAA,EAAA,sBAAA,WAAA,cAAA,KAAA,EAAA;oCAnKvDA,cAAc,4BAAkC,CAAA,EAAA,sBAAA"}
+{"version":3,"file":"demo-file-uploader.js","names":["customElement"],"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-drop-container-changed` on `<cds-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-file-uploader-item-deleted` on `<cds-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-file-uploader\n        label-description=\"${ifDefined(labelDescription)}\"\n        label-title=\"${ifDefined(labelTitle)}\"\n        ?disabled=\"${disabled}\">\n        ${!button\n          ? html` <cds-file-uploader-drop-container\n              accept=\"${ifDefined(accept)}\"\n              ?multiple=\"${multiple}\"\n              name=\"${ifDefined(this.inputName)}\"\n              @cds-file-uploader-drop-container-changed=\"${handleChange}\">\n              Drag and drop files here or click to upload\n            </cds-file-uploader-drop-container>`\n          : html` <cds-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-file-uploader-button-changed=\"${handleChange}\">\n              ${buttonLabel}\n            </cds-file-uploader-button>`}\n        ${files.map(\n          ({ id, invalid, file, state, errorSubject, errorBody }) => html`\n            <cds-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-file-uploader-item-deleted=\"${handleDelete}\">\n              ${file.name}\n            </cds-file-uploader-item>\n          `\n        )}\n      </cds-file-uploader>\n    `;\n  }\n}\n"],"mappings":"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"}

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

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import HostListenerMixin from "../../globals/mixins/host-listener.js";
 import "../button/defs.js";
 import { FORM_ELEMENT_COLOR_SCHEME } from "../../globals/shared-enums.js";

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

@@ -1 +1 @@
-{"version":3,"file":"file-uploader-button.js","names":["ifNonEmpty","styles","customElement"],"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-file-uploader-button\n * @fires cds-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(/[\\s,]+/).filter(Boolean));\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    const acceptForInput = accept\n      ? accept\n          .split(/[\\s,]+/)\n          .filter(Boolean)\n          .join(',')\n      : '';\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(acceptForInput)}\"\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"],"mappings":"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"}
+{"version":3,"file":"file-uploader-button.js","names":["ifNonEmpty","styles","customElement"],"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-file-uploader-button\n * @fires cds-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(/[\\s,]+/).filter(Boolean));\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    const acceptForInput = accept\n      ? accept\n          .split(/[\\s,]+/)\n          .filter(Boolean)\n          .join(',')\n      : '';\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(acceptForInput)}\"\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"],"mappings":"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"}

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

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import HostListener from "../../globals/decorators/host-listener.js";
 import HostListenerMixin from "../../globals/mixins/host-listener.js";
 import { FORM_ELEMENT_COLOR_SCHEME } from "../../globals/shared-enums.js";

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

@@ -1 +1 @@
-{"version":3,"file":"file-uploader-drop-container.js","names":["ifNonEmpty","styles","customElement"],"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-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 { 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(/[\\s,]+/).filter(Boolean));\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 spaces and/or commas.\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 acceptForInput = accept\n      ? accept\n          .split(/[\\s,]+/)\n          .filter(Boolean)\n          .join(',')\n      : '';\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(acceptForInput)}\"\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,MAAM,cAAc;CAClB,UAAU;CACV,WAAW;CACZ;;;;;;;AAQD,IAAA,+BAAA,MACM,qCAAqC,kBAAkB,WAAW,CAAC;;;iBAIrD;gBA0FT;kBAME;kBAOA;cAMJ;cAMA;;;;;;;CA5GP,cAAsB,OAA0B;EAC9C,MAAM,EAAE,aAAa,kBAAkB,KACpC;EACH,MAAM,EAAE,WACL,MAAM,SAAS,SACX,MAAoB,eACpB,MAAM,WAAgC,EAAE;EAC/C,MAAM,aAAa,KAAK,UAAU,OAAO,MAAM;AAE/C,OAAK,cACH,IAAI,YAAY,aAAa;GAC3B,SAAS;GACT,UAAU;GACV,QAAQ,EACN,YACD;GACF,CAAC,CACH;EAED,MAAM,YAAY,MAAM,YAAY,cAAc,cAAc;AAChE,MAAI,UACD,WAA+B,QAAQ;;;;;;;CAS5C,YAKoB,OAAkB;AACpC,QAAM,gBAAgB;AACtB,MAAI,KAAK,SACP;EAEF,MAAM,EAAE,cAAc,SAAS;EAC/B,MAAM,aAAa,YAAY;AAC/B,MAAI,gBAAgB,WAClB,cAAa,aAAa;AAE5B,OAAK,UAAU,SAAS;AACxB,MAAI,SAAS,OACX,MAAK,cAAc,MAAM;AAE3B,OAAK,eAAe;;;;;;CAOtB,UAAkB,OAAO,OAAO;EAC9B,MAAM,EAAE,WAAW;AACnB,MAAI,CAAC,UAAU,CAAC,kBAAkB,KAAK,MAAM,KAAK,CAChD,QAAO,MAAM,KAAK,SAAS,EAAE,CAAC;EAEhC,MAAM,gBAAgB,IAAI,IAAI,OAAO,MAAM,SAAS,CAAC,OAAO,QAAQ,CAAC;AACrE,SAAO,MAAM,UAAU,OAAO,KAC5B,QACC,EAAE,MAAM,MAAM,WAAW,SAAS;GACjC,MAAM,sBAAsB;GAE5B,MAAM,CAAC,iBAAiB,CADC,oBAAoB,KAAK,KAAK,GAEnD,CAAC,KAAA,EAAU,GACV,oBAAoB,KAAK,KAAK,IAAI,EAAE;AAEzC,UACE,cAAc,IAAI,SAAS,IAC1B,iBAAiB,cAAc,IAAI,cAAc;IAGvD;;CAkCH,SAAS;EACP,MAAM,EACJ,QACA,UACA,UACA,MACA,SAAS,QACT,eAAe,iBACb;EACJ,MAAM,iBAAiB,SACnB,OACG,MAAM,SAAS,CACf,OAAO,QAAQ,CACf,KAAK,IAAI,GACZ;AASJ,SAAO,IAAI;sBARU,SAAS;IAC3B,yBAA+B;IAC/B,mCAAyC;GAC3C,CAAC,CAM6B;sBALP,SAAS;IAC9B,8BAAoC;IACpC,yCAA+C;GACjD,CAAC,CAGgC;;;;;oBAKlBA,qBAAW,KAAK,CAAC;2BACT;;sBAENA,qBAAW,eAAe,CAAC;yBACxB,SAAS;yBACT,SAAS;uBACX,aAAa;;;;;;;;CASlC,WAAW,cAAc;AACvB,SAAO;;;;;CAMT,WAAW,gBAAgB;AACzB,SAAO;;;gBAGOC;;;;CAxIf,aAAa,WAAW;CACxB,aAAa,YAAY;CACzB,aAAa,OAAO;;YAkDpB,UAAU,CAAA,EAAA,6BAAA,WAAA,UAAA,KAAA,EAAA;YAMV,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,6BAAA,WAAA,YAAA,KAAA,EAAA;YAO1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,6BAAA,WAAA,YAAA,KAAA,EAAA;YAM1C,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,6BAAA,WAAA,QAAA,KAAA,EAAA;YAM3B,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,6BAAA,WAAA,QAAA,KAAA,EAAA;2CAvH7BC,cAAc,mCAAyC,CAAA,EAAA,6BAAA;AAqLxD,IAAA,uCAAe"}
+{"version":3,"file":"file-uploader-drop-container.js","names":["ifNonEmpty","styles","customElement"],"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-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 { 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(/[\\s,]+/).filter(Boolean));\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 spaces and/or commas.\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 acceptForInput = accept\n      ? accept\n          .split(/[\\s,]+/)\n          .filter(Boolean)\n          .join(',')\n      : '';\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(acceptForInput)}\"\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":"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"}

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

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import iconLoader from "../../globals/internal/icon-loader.js";
 import file_uploader_default from "./file-uploader.scss.js";
 import "../loading/defs.js";

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        ?disabled=${this.disabled}\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   * Controls the disabled state of this file uploader item.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = 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;;;yBAqFzB;iBAMR;kBAMC;;;sBAkBI;mBAMH;;;;;CArHZ,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;;;oBAGxD,KAAK,SAAS;sBACZ,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;;;CA8CN,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;;;YAxEf,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;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,oBAAA,WAAA,YAAA,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;kCAzHvCC,cAAc,yBAA+B,CAAA,EAAA,oBAAA;AAgK9C,IAAA,6BAAe"}
+{"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        ?disabled=${this.disabled}\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   * Controls the disabled state of this file uploader item.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = 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;;;yBAqFzB;iBAMR;kBAMC;;;sBAkBI;mBAMH;;;;;CArHZ,2BAAmC;EACjC,MAAM,OAAO;GACX,SAAS;GACT,YAAY;GACZ,UAAU;EACZ;EACA,MAAM,EAAE,mBAAmB,gBAAgB,KACxC;EACH,IAAI,KAAK,cAAc,IAAI,YAAY,mBAAmB,IAAI,CAAC,GAC7D,KAAK,cAAc,IAAI,YAAY,aAAa,IAAI,CAAC;CAEzD;;;;CAKA,iBAAyB;EACvB,MAAM,EACJ,iBACA,SACA,0BAA0B,4BACxB;EACJ,OAAO,IAAI;QACP,CAAC,UACC,KAAA,IACA,WAAW,iBAAiB,EAAE,OAAO,oBAA0B,CAAC,EAAE;;;oBAGxD,KAAK,SAAS;sBACZ,gBAAgB;uBACd;kBACN,wBAAwB;UAChC,WAAW,OAAO,EAAE;;;CAG5B;;;;CAKA,mBAA2B;EACzB,MAAM,EAAE,oBAAoB;EAC5B,OAAO,IAAI;;0BAEW,gBAAgB;wBACP;;CAEjC;;;;CAKA,kBAA0B;EACxB,MAAM,EAAE,oBAAoB;EAC5B,OAAO,WAAW,mBAAmB;GACnC,OAAO;GACP,cAAc;EAChB,CAAC;CACH;;;;CAKA,gBAAwB;EACtB,MAAM,EAAE,UAAU;EAClB,QAAQ,OAAR;GACE,KAAA,QACE,OAAO,KAAK,eAAe;GAC7B,KAAA,aACE,OAAO,KAAK,iBAAiB;GAC/B,KAAA,YACE,OAAO,KAAK,gBAAgB;GAC9B,SACE;EACJ;CACF;CA4CA,SAAS;EACP,MAAM,EAAE,SAAS,cAAc,cAAc;EAC7C,OAAO,IAAI,cAAA,MAAqB;2BACR;WACjB,KAAK,cAAc,EAAE;;;uBAGR;mBACL,CAAC,WAAW,CAAC,aAAa;4BAChB,6BAA6B,aAAa;;yBAE7C;qBACL,CAAC,UAAU;YACpB,UAAU;;;CAGpB;;;;;CAMA,WAAW,oBAAoB;EAC7B,OAAO;CACT;;;;CAKA,WAAW,cAAc;EACvB,OAAO;CACT;;gBAEgBA;;AAClB;YAzEG,SAAS,EAAE,WAAW,mBAAmB,CAAC,CAAA,GAAA,oBAAA,WAAA,mBAAA,KAAA,CAAA;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,oBAAA,WAAA,WAAA,KAAA,CAAA;YAMzC,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,oBAAA,WAAA,YAAA,KAAA,CAAA;YAMzC,SAAS,EAAE,SAAS,KAAK,CAAC,CAAA,GAAA,oBAAA,WAAA,QAAA,KAAA,CAAA;YAM1B,SAAS,EAAE,SAAS,KAAK,CAAC,CAAA,GAAA,oBAAA,WAAA,SAAA,KAAA,CAAA;YAM1B,SAAS,EAAE,WAAW,gBAAgB,CAAC,CAAA,GAAA,oBAAA,WAAA,gBAAA,KAAA,CAAA;YAMvC,SAAS,EAAE,WAAW,aAAa,CAAC,CAAA,GAAA,oBAAA,WAAA,aAAA,KAAA,CAAA;kCAzHtCC,cAAc,wBAA8B,CAAA,GAAA,mBAAA;AAgK7C,IAAA,6BAAe"}

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

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import "../skeleton-text/defs.js";
 import "../skeleton-text/skeleton-text.js";
 import "../button/button-skeleton.js";

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,IAAA,0BAAA,MACM,gCAAgC,WAAW;CAC/C,SAAS;AACP,SAAO,IAAI;;0BAE4B;;;;;;;sCAL1CA,cAAc,6BAAmC,CAAA,EAAA,wBAAA;AAalD,IAAA,iCAAe"}
+{"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;EACP,OAAO,IAAI;;0BAE4B;;;;;CAKzC;AACF;sCAXCA,cAAc,4BAAkC,CAAA,GAAA,uBAAA;AAajD,IAAA,iCAAe"}

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

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import file_uploader_default$1 from "./file-uploader.scss.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";

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,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"}
+{"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;EACzB,IAAI,kBAAkB,IAAI,UAAU,GAAG;GACrC,MAAM,EAAE,yBAAyB,KAC9B;GACH,MAAM,eAAe,KAAK,cACxB,oBACF;GACA,aAAa,WAAW,KAAK;EAC/B;CACF;CAEA,SAAS;EACP,MAAM,EAAE,UAAU,kBAAkB,eAAe;EAYnD,OAAO,IAAI;kBAVU,SAAS;IAC3B,qBAA2B;IAC3B,qCAA2C;EAC9C,CAQyB,EAAE;mCACI,WAAW;;kBAPf,SAAS;IACjC,2BAAiC;IACjC,qCAA2C;EAC9C,CAM+B,EAAE;yCACI,iBAAiB;;;0BAG/B;;;;CAIzB;;;;CAKA,WAAW,uBAAuB;EAChC,OAAO;CACT;;gBAEgBA;;AAClB;YA7DG,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,gBAAA,WAAA,YAAA,KAAA,CAAA;YAMzC,SAAS,EAAE,WAAW,oBAAoB,CAAC,CAAA,GAAA,gBAAA,WAAA,oBAAA,KAAA,CAAA;YAM3C,SAAS,EAAE,WAAW,cAAc,CAAC,CAAA,GAAA,gBAAA,WAAA,cAAA,KAAA,CAAA;8BAjBvCC,cAAc,mBAAyB,CAAA,GAAA,eAAA;AAoExC,IAAA,wBAAe"}

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

@@ -1 +1 @@
-{"version":3,"file":"defs.js","names":[],"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"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,mCAAL,yBAAA,kCAAA;;;;AAIL,kCAAA,SAAA;;;;AAKA,kCAAA,SAAA;;KACD;;;;AAKD,IAAY,0BAAL,yBAAA,yBAAA;;;;AAIL,yBAAA,SAAA;;;;AAKA,yBAAA,YAAA;;;;AAKA,yBAAA,UAAA;;;;AAKA,yBAAA,WAAA;;KACD"}
+{"version":3,"file":"defs.js","names":[],"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"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,mCAAL,yBAAA,kCAAA;;;;CAIL,iCAAA,SAAA;;;;CAKA,iCAAA,SAAA;;AACF,EAAA,CAAA,CAAA;;;;AAKA,IAAY,0BAAL,yBAAA,yBAAA;;;;CAIL,wBAAA,SAAA;;;;CAKA,wBAAA,YAAA;;;;CAKA,wBAAA,UAAA;;;;CAKA,wBAAA,WAAA;;AACF,EAAA,CAAA,CAAA"}

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

@@ -6,7 +6,7 @@
  */
 
 import "../../globals/settings.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import FocusMixin from "../../globals/mixins/focus.js";
 import HostListener from "../../globals/decorators/host-listener.js";
 import HostListenerMixin from "../../globals/mixins/host-listener.js";

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

@@ -1 +1 @@
-{"version":3,"file":"floating-menu.js","names":[],"sources":["../../../src/components/floating-menu/floating-menu.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 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\nimport { LitElement } from 'lit';\nimport HostListener from '../../globals/decorators/host-listener';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport Handle from '../../globals/internal/handle';\nimport {\n  FLOATING_MENU_DIRECTION,\n  FLOATING_MENU_POSITION_DIRECTION,\n} from './defs';\nimport CDSFloatingMenuTrigger from './floating-menu-trigger';\nimport { prefix } from '../../globals/settings';\n\nexport { FLOATING_MENU_DIRECTION, FLOATING_MENU_POSITION_DIRECTION };\n\nexport interface Offset {\n  top: number;\n  left: number;\n}\n\nexport type MenuDirection = FLOATING_MENU_DIRECTION;\n\nexport type MenuOffset =\n  | Offset\n  | ((\n      menuBody: HTMLElement,\n      menuDirection: MenuDirection,\n      trigger?: HTMLElement | null,\n      flipped?: boolean\n    ) => Offset);\n\n/**\n * Calculates the offset for the floating menu.\n *\n * @param menuBody - The menu body element.\n * @param menuDirection - The floating menu direction.\n * @param trigger - The trigger element.\n * @param flipped - Whether the menu is flipped.\n * @returns The adjustment of the floating menu position.\n */\nexport const getMenuOffset = (\n  menuBody: HTMLElement,\n  menuDirection: MenuDirection,\n  trigger?: HTMLElement,\n  flipped?: boolean\n): Offset => {\n  const { offsetWidth: menuWidth } = menuBody;\n\n  switch (menuDirection) {\n    case FLOATING_MENU_DIRECTION.TOP:\n    case FLOATING_MENU_DIRECTION.BOTTOM: {\n      const triggerWidth = !trigger ? 0 : trigger.offsetWidth;\n      return {\n        left: (!flipped ? 1 : -1) * (menuWidth / 2 - triggerWidth / 2),\n        top: 0,\n      };\n    }\n    default:\n      return { left: 0, top: 0 };\n  }\n};\n\n/**\n * Position of floating menu, or trigger button of floating menu.\n */\nexport interface FloatingMenuPosition {\n  /**\n   * The LTR/RTL direction used for positioning floating menu.\n   */\n  direction: FLOATING_MENU_POSITION_DIRECTION;\n\n  /**\n   * The start position (Left position for LTR, right position for RTL).\n   */\n  start: number;\n\n  /**\n   * The top position.\n   */\n  top: number;\n}\n\n/**\n * Observes resize of the given element with the given resize observer.\n *\n * @param observer The resize observer.\n * @param elem The element to observe the resize.\n */\nconst observeResize = (observer: ResizeObserver, elem: Element) => {\n  observer.observe(elem);\n  return {\n    release() {\n      observer.unobserve(elem);\n      return null;\n    },\n  } as Handle;\n};\n\n/**\n * @param elem The starting element.\n * @param selector The CSS selector.\n * @returns {Element}\n *   The closest ancestor node of the given element that matches the given selector, crossing Shadow DOM boundary.\n */\nconst closestComposed = (elem: Element, selector: string) => {\n  const found = elem.closest(selector);\n  if (found) {\n    return found;\n  }\n  const { host } = elem.getRootNode() as ShadowRoot;\n  if (host) {\n    return closestComposed(host, selector);\n  }\n  return null;\n};\n\n/**\n * Floating menu.\n */\nabstract class CDSFloatingMenu extends HostListenerMixin(\n  FocusMixin(LitElement)\n) {\n  /**\n   * The handle for observing resize of the element containing the trigger button.\n   */\n  private _hObserveResizeParent: Handle | null = null;\n\n  /**\n   * The handle for observing resize of the floating menu container.\n   */\n  private _hObserveResizeContainer: Handle | null = null;\n\n  /**\n   * The `ResizeObserver` instance for observing element resizes for re-positioning floating menu position.\n   */\n  // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore\n  private _resizeObserver = new ResizeObserver(() => {\n    const { container, open, parent, position } = this;\n    if (container && open && parent) {\n      const { top } = position;\n      this.style.top = `${top}px`;\n    }\n  });\n\n  @HostListener('focusout')\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 _handleBlur = ({ relatedTarget }: FocusEvent) => {\n    if (!this.contains(relatedTarget as Node)) {\n      const { parent } = this;\n      if (parent && parent !== relatedTarget) {\n        parent.open = false;\n        HTMLElement.prototype.focus.call(this.parent); // SVGElement in IE11 does not have `.focus()` method\n      }\n    }\n  };\n\n  @HostListener('click')\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 _click = () => {\n    const { parent } = this;\n    if (parent) {\n      parent.open = false;\n    }\n  };\n\n  @HostListener('keydown')\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 _handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Tab') {\n      if (event.shiftKey) {\n        const { parent } = this;\n        if (parent) {\n          parent.open = false;\n        }\n      }\n    }\n  };\n\n  /**\n   * The DOM element, typically a custom element in this library, launching this floating menu.\n   */\n  protected parent: CDSFloatingMenuTrigger | null = null;\n\n  /**\n   * The menu direction.\n   */\n  abstract direction: FLOATING_MENU_DIRECTION;\n\n  /**\n   * `true` if the menu should be open.\n   */\n  abstract open: boolean;\n\n  /**\n   * `true` if the menu alignment should be flipped.\n   */\n  abstract flipped: boolean;\n\n  /**\n   * Gets the menu offset configuration (object or function).\n   * Subclasses override this to specify custom offset configs.\n   *\n   * @returns The menu offset configuration, or undefined for no offset.\n   */\n  protected getOffsetConfig(): MenuOffset | undefined {\n    return undefined;\n  }\n\n  /**\n   * Resolves the final menu offset by evaluating the offset configuration.\n   * Handles both static offset objects and dynamic offset functions.\n   *\n   * @returns The resolved offset with left and top values.\n   */\n  protected resolveOffset(): Offset {\n    const config = this.getOffsetConfig();\n\n    if (!config) {\n      return { left: 0, top: 0 };\n    }\n\n    if (typeof config === 'function') {\n      const trigger = this.parent as HTMLElement;\n      return config(this, this.direction, trigger, this.flipped);\n    }\n\n    return config;\n  }\n\n  /**\n   * The DOM element to put this menu into.\n   */\n  get container() {\n    return (\n      closestComposed(\n        this,\n        (this.constructor as typeof CDSFloatingMenu).selectorContainer\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n      ) || this.ownerDocument!.body\n    );\n  }\n\n  /**\n   * The position of this floating menu.\n   */\n  get position(): FloatingMenuPosition {\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n    const { triggerPosition } = this.parent!;\n    if (!triggerPosition) {\n      throw new TypeError('Missing information of trigger button position.');\n    }\n\n    const { container } = this;\n    const {\n      left: refLeft = 0,\n      top: refTop = 0,\n      right: refRight = 0,\n      bottom: refBottom = 0,\n    } = triggerPosition;\n    const { width, height } = this.getBoundingClientRect();\n    const containerRect = container.getBoundingClientRect();\n\n    const containerComputedStyle =\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n      container.ownerDocument!.defaultView!.getComputedStyle(container);\n    const containerPosition =\n      containerComputedStyle.getPropertyValue('position');\n    const positionDirection = containerComputedStyle.getPropertyValue(\n      'direction'\n    ) as FLOATING_MENU_POSITION_DIRECTION;\n\n    const scrollX = globalThis.scrollX ?? 0;\n    const scrollY = globalThis.scrollY ?? 0;\n    const effectiveScrollX = containerPosition !== 'static' ? 0 : scrollX;\n    const effectiveScrollY = containerPosition !== 'static' ? 0 : scrollY;\n\n    const relativeDiff = {\n      top: containerPosition !== 'static' ? containerRect.top : 0,\n      left: containerPosition !== 'static' ? containerRect.left : 0,\n    };\n\n    const refCenterHorizontal = (refLeft + refRight) / 2;\n    const refCenterVertical = (refTop + refBottom) / 2;\n\n    const offset = this.resolveOffset();\n    const { top = 0, left = 0 } = offset;\n\n    const { direction } = this;\n    if (Object.values(FLOATING_MENU_DIRECTION).indexOf(direction) < 0) {\n      throw new Error(`Wrong menu position direction: ${direction}`);\n    }\n\n    const positions: Record<MenuDirection, () => Offset> = {\n      [FLOATING_MENU_DIRECTION.LEFT]: () => ({\n        left: refLeft - width + effectiveScrollX - left - relativeDiff.left,\n        top:\n          refCenterVertical -\n          height / 2 +\n          effectiveScrollY +\n          top -\n          9 -\n          relativeDiff.top,\n      }),\n      [FLOATING_MENU_DIRECTION.TOP]: () => ({\n        left:\n          refCenterHorizontal -\n          width / 2 +\n          effectiveScrollX +\n          left -\n          relativeDiff.left,\n        top: refTop - height + effectiveScrollY - top - relativeDiff.top,\n      }),\n      [FLOATING_MENU_DIRECTION.RIGHT]: () => ({\n        left: refRight + effectiveScrollX + left - relativeDiff.left,\n        top:\n          refCenterVertical -\n          height / 2 +\n          effectiveScrollY +\n          top +\n          3 -\n          relativeDiff.top,\n      }),\n      [FLOATING_MENU_DIRECTION.BOTTOM]: () => ({\n        left:\n          refCenterHorizontal -\n          width / 2 +\n          effectiveScrollX +\n          left -\n          relativeDiff.left,\n        top: refBottom + effectiveScrollY + top - relativeDiff.top,\n      }),\n    };\n\n    const { left: calculatedLeft, top: calculatedTop } = positions[direction]();\n\n    return {\n      direction: positionDirection,\n      start: calculatedLeft,\n      top: calculatedTop,\n    };\n  }\n\n  disconnectedCallback() {\n    if (this._hObserveResizeContainer) {\n      this._hObserveResizeContainer = this._hObserveResizeContainer.release();\n    }\n    if (this._hObserveResizeParent) {\n      this._hObserveResizeParent = this._hObserveResizeParent.release();\n    }\n  }\n\n  updated(changedProperties) {\n    const { container, open, parent } = this;\n    if (\n      (changedProperties.has('flipped') ||\n        changedProperties.has('direction') ||\n        changedProperties.has('open')) &&\n      open\n    ) {\n      if (!parent) {\n        this.parent = this.parentElement as CDSFloatingMenuTrigger;\n        container.appendChild(this);\n      }\n      // Note: `this.position` cannot be referenced until `this.parent` is set\n      const { start, top } = this.position;\n      this.style.left = `${start}px`;\n      this.style.right = 'auto';\n      this.style.top = `${top}px`;\n    }\n    if (changedProperties.has('open')) {\n      if (this._hObserveResizeContainer) {\n        this._hObserveResizeContainer = this._hObserveResizeContainer.release();\n      }\n      if (this._hObserveResizeParent) {\n        this._hObserveResizeParent = this._hObserveResizeParent.release();\n      }\n      if (open) {\n        const { parentElement } = this.parent ?? {};\n        this._hObserveResizeContainer = observeResize(\n          this._resizeObserver,\n          container\n        );\n        if (parentElement) {\n          this._hObserveResizeParent = observeResize(\n            this._resizeObserver,\n            parentElement\n          );\n        }\n      }\n    }\n  }\n\n  /**\n   * A constant indicating that this class is a floating menu.\n   */\n  static FLOATING_MENU = true;\n\n  /**\n   * The CSS selector to find the element to put this floating menu in.\n   */\n  static get selectorContainer() {\n    return `[data-floating-menu-container],${prefix}-modal`;\n  }\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n}\n\nexport default CDSFloatingMenu;\n"],"mappings":"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"}
+{"version":3,"file":"floating-menu.js","names":[],"sources":["../../../src/components/floating-menu/floating-menu.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 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\nimport { LitElement } from 'lit';\nimport HostListener from '../../globals/decorators/host-listener';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport Handle from '../../globals/internal/handle';\nimport {\n  FLOATING_MENU_DIRECTION,\n  FLOATING_MENU_POSITION_DIRECTION,\n} from './defs';\nimport CDSFloatingMenuTrigger from './floating-menu-trigger';\nimport { prefix } from '../../globals/settings';\n\nexport { FLOATING_MENU_DIRECTION, FLOATING_MENU_POSITION_DIRECTION };\n\nexport interface Offset {\n  top: number;\n  left: number;\n}\n\nexport type MenuDirection = FLOATING_MENU_DIRECTION;\n\nexport type MenuOffset =\n  | Offset\n  | ((\n      menuBody: HTMLElement,\n      menuDirection: MenuDirection,\n      trigger?: HTMLElement | null,\n      flipped?: boolean\n    ) => Offset);\n\n/**\n * Calculates the offset for the floating menu.\n *\n * @param menuBody - The menu body element.\n * @param menuDirection - The floating menu direction.\n * @param trigger - The trigger element.\n * @param flipped - Whether the menu is flipped.\n * @returns The adjustment of the floating menu position.\n */\nexport const getMenuOffset = (\n  menuBody: HTMLElement,\n  menuDirection: MenuDirection,\n  trigger?: HTMLElement,\n  flipped?: boolean\n): Offset => {\n  const { offsetWidth: menuWidth } = menuBody;\n\n  switch (menuDirection) {\n    case FLOATING_MENU_DIRECTION.TOP:\n    case FLOATING_MENU_DIRECTION.BOTTOM: {\n      const triggerWidth = !trigger ? 0 : trigger.offsetWidth;\n      return {\n        left: (!flipped ? 1 : -1) * (menuWidth / 2 - triggerWidth / 2),\n        top: 0,\n      };\n    }\n    default:\n      return { left: 0, top: 0 };\n  }\n};\n\n/**\n * Position of floating menu, or trigger button of floating menu.\n */\nexport interface FloatingMenuPosition {\n  /**\n   * The LTR/RTL direction used for positioning floating menu.\n   */\n  direction: FLOATING_MENU_POSITION_DIRECTION;\n\n  /**\n   * The start position (Left position for LTR, right position for RTL).\n   */\n  start: number;\n\n  /**\n   * The top position.\n   */\n  top: number;\n}\n\n/**\n * Observes resize of the given element with the given resize observer.\n *\n * @param observer The resize observer.\n * @param elem The element to observe the resize.\n */\nconst observeResize = (observer: ResizeObserver, elem: Element) => {\n  observer.observe(elem);\n  return {\n    release() {\n      observer.unobserve(elem);\n      return null;\n    },\n  } as Handle;\n};\n\n/**\n * @param elem The starting element.\n * @param selector The CSS selector.\n * @returns {Element}\n *   The closest ancestor node of the given element that matches the given selector, crossing Shadow DOM boundary.\n */\nconst closestComposed = (elem: Element, selector: string) => {\n  const found = elem.closest(selector);\n  if (found) {\n    return found;\n  }\n  const { host } = elem.getRootNode() as ShadowRoot;\n  if (host) {\n    return closestComposed(host, selector);\n  }\n  return null;\n};\n\n/**\n * Floating menu.\n */\nabstract class CDSFloatingMenu extends HostListenerMixin(\n  FocusMixin(LitElement)\n) {\n  /**\n   * The handle for observing resize of the element containing the trigger button.\n   */\n  private _hObserveResizeParent: Handle | null = null;\n\n  /**\n   * The handle for observing resize of the floating menu container.\n   */\n  private _hObserveResizeContainer: Handle | null = null;\n\n  /**\n   * The `ResizeObserver` instance for observing element resizes for re-positioning floating menu position.\n   */\n  // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore\n  private _resizeObserver = new ResizeObserver(() => {\n    const { container, open, parent, position } = this;\n    if (container && open && parent) {\n      const { top } = position;\n      this.style.top = `${top}px`;\n    }\n  });\n\n  @HostListener('focusout')\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 _handleBlur = ({ relatedTarget }: FocusEvent) => {\n    if (!this.contains(relatedTarget as Node)) {\n      const { parent } = this;\n      if (parent && parent !== relatedTarget) {\n        parent.open = false;\n        HTMLElement.prototype.focus.call(this.parent); // SVGElement in IE11 does not have `.focus()` method\n      }\n    }\n  };\n\n  @HostListener('click')\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 _click = () => {\n    const { parent } = this;\n    if (parent) {\n      parent.open = false;\n    }\n  };\n\n  @HostListener('keydown')\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 _handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Tab') {\n      if (event.shiftKey) {\n        const { parent } = this;\n        if (parent) {\n          parent.open = false;\n        }\n      }\n    }\n  };\n\n  /**\n   * The DOM element, typically a custom element in this library, launching this floating menu.\n   */\n  protected parent: CDSFloatingMenuTrigger | null = null;\n\n  /**\n   * The menu direction.\n   */\n  abstract direction: FLOATING_MENU_DIRECTION;\n\n  /**\n   * `true` if the menu should be open.\n   */\n  abstract open: boolean;\n\n  /**\n   * `true` if the menu alignment should be flipped.\n   */\n  abstract flipped: boolean;\n\n  /**\n   * Gets the menu offset configuration (object or function).\n   * Subclasses override this to specify custom offset configs.\n   *\n   * @returns The menu offset configuration, or undefined for no offset.\n   */\n  protected getOffsetConfig(): MenuOffset | undefined {\n    return undefined;\n  }\n\n  /**\n   * Resolves the final menu offset by evaluating the offset configuration.\n   * Handles both static offset objects and dynamic offset functions.\n   *\n   * @returns The resolved offset with left and top values.\n   */\n  protected resolveOffset(): Offset {\n    const config = this.getOffsetConfig();\n\n    if (!config) {\n      return { left: 0, top: 0 };\n    }\n\n    if (typeof config === 'function') {\n      const trigger = this.parent as HTMLElement;\n      return config(this, this.direction, trigger, this.flipped);\n    }\n\n    return config;\n  }\n\n  /**\n   * The DOM element to put this menu into.\n   */\n  get container() {\n    return (\n      closestComposed(\n        this,\n        (this.constructor as typeof CDSFloatingMenu).selectorContainer\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n      ) || this.ownerDocument!.body\n    );\n  }\n\n  /**\n   * The position of this floating menu.\n   */\n  get position(): FloatingMenuPosition {\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n    const { triggerPosition } = this.parent!;\n    if (!triggerPosition) {\n      throw new TypeError('Missing information of trigger button position.');\n    }\n\n    const { container } = this;\n    const {\n      left: refLeft = 0,\n      top: refTop = 0,\n      right: refRight = 0,\n      bottom: refBottom = 0,\n    } = triggerPosition;\n    const { width, height } = this.getBoundingClientRect();\n    const containerRect = container.getBoundingClientRect();\n\n    const containerComputedStyle =\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n      container.ownerDocument!.defaultView!.getComputedStyle(container);\n    const containerPosition =\n      containerComputedStyle.getPropertyValue('position');\n    const positionDirection = containerComputedStyle.getPropertyValue(\n      'direction'\n    ) as FLOATING_MENU_POSITION_DIRECTION;\n\n    const scrollX = globalThis.scrollX ?? 0;\n    const scrollY = globalThis.scrollY ?? 0;\n    const effectiveScrollX = containerPosition !== 'static' ? 0 : scrollX;\n    const effectiveScrollY = containerPosition !== 'static' ? 0 : scrollY;\n\n    const relativeDiff = {\n      top: containerPosition !== 'static' ? containerRect.top : 0,\n      left: containerPosition !== 'static' ? containerRect.left : 0,\n    };\n\n    const refCenterHorizontal = (refLeft + refRight) / 2;\n    const refCenterVertical = (refTop + refBottom) / 2;\n\n    const offset = this.resolveOffset();\n    const { top = 0, left = 0 } = offset;\n\n    const { direction } = this;\n    if (Object.values(FLOATING_MENU_DIRECTION).indexOf(direction) < 0) {\n      throw new Error(`Wrong menu position direction: ${direction}`);\n    }\n\n    const positions: Record<MenuDirection, () => Offset> = {\n      [FLOATING_MENU_DIRECTION.LEFT]: () => ({\n        left: refLeft - width + effectiveScrollX - left - relativeDiff.left,\n        top:\n          refCenterVertical -\n          height / 2 +\n          effectiveScrollY +\n          top -\n          9 -\n          relativeDiff.top,\n      }),\n      [FLOATING_MENU_DIRECTION.TOP]: () => ({\n        left:\n          refCenterHorizontal -\n          width / 2 +\n          effectiveScrollX +\n          left -\n          relativeDiff.left,\n        top: refTop - height + effectiveScrollY - top - relativeDiff.top,\n      }),\n      [FLOATING_MENU_DIRECTION.RIGHT]: () => ({\n        left: refRight + effectiveScrollX + left - relativeDiff.left,\n        top:\n          refCenterVertical -\n          height / 2 +\n          effectiveScrollY +\n          top +\n          3 -\n          relativeDiff.top,\n      }),\n      [FLOATING_MENU_DIRECTION.BOTTOM]: () => ({\n        left:\n          refCenterHorizontal -\n          width / 2 +\n          effectiveScrollX +\n          left -\n          relativeDiff.left,\n        top: refBottom + effectiveScrollY + top - relativeDiff.top,\n      }),\n    };\n\n    const { left: calculatedLeft, top: calculatedTop } = positions[direction]();\n\n    return {\n      direction: positionDirection,\n      start: calculatedLeft,\n      top: calculatedTop,\n    };\n  }\n\n  disconnectedCallback() {\n    if (this._hObserveResizeContainer) {\n      this._hObserveResizeContainer = this._hObserveResizeContainer.release();\n    }\n    if (this._hObserveResizeParent) {\n      this._hObserveResizeParent = this._hObserveResizeParent.release();\n    }\n  }\n\n  updated(changedProperties) {\n    const { container, open, parent } = this;\n    if (\n      (changedProperties.has('flipped') ||\n        changedProperties.has('direction') ||\n        changedProperties.has('open')) &&\n      open\n    ) {\n      if (!parent) {\n        this.parent = this.parentElement as CDSFloatingMenuTrigger;\n        container.appendChild(this);\n      }\n      // Note: `this.position` cannot be referenced until `this.parent` is set\n      const { start, top } = this.position;\n      this.style.left = `${start}px`;\n      this.style.right = 'auto';\n      this.style.top = `${top}px`;\n    }\n    if (changedProperties.has('open')) {\n      if (this._hObserveResizeContainer) {\n        this._hObserveResizeContainer = this._hObserveResizeContainer.release();\n      }\n      if (this._hObserveResizeParent) {\n        this._hObserveResizeParent = this._hObserveResizeParent.release();\n      }\n      if (open) {\n        const { parentElement } = this.parent ?? {};\n        this._hObserveResizeContainer = observeResize(\n          this._resizeObserver,\n          container\n        );\n        if (parentElement) {\n          this._hObserveResizeParent = observeResize(\n            this._resizeObserver,\n            parentElement\n          );\n        }\n      }\n    }\n  }\n\n  /**\n   * A constant indicating that this class is a floating menu.\n   */\n  static FLOATING_MENU = true;\n\n  /**\n   * The CSS selector to find the element to put this floating menu in.\n   */\n  static get selectorContainer() {\n    return `[data-floating-menu-container],${prefix}-modal`;\n  }\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n}\n\nexport default CDSFloatingMenu;\n"],"mappings":"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"}

package/es/components/fluid-combo-box/fluid-combo-box-skeleton.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import fluid_combo_box_default from "./fluid-combo-box.scss.js";
 import { LitElement, html } from "lit";
 //#region src/components/fluid-combo-box/fluid-combo-box-skeleton.ts

package/es/components/fluid-combo-box/fluid-combo-box-skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"fluid-combo-box-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/fluid-combo-box/fluid-combo-box-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 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\nimport { prefix } from '../../globals/settings';\nimport { html, LitElement } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './fluid-combo-box.scss?lit';\n\n/**\n * Fluid combo box skeleton.\n *\n * @element cds-fluid-combo-box-skeleton\n */\n@customElement(`${prefix}-fluid-combo-box-skeleton`)\nclass CDSFluidComboBoxSkeleton extends LitElement {\n  render() {\n    return html`\n      <div class=\"${prefix}--list-box__wrapper--fluid\">\n        <div class=\"${prefix}--skeleton ${prefix}--list-box\">\n          <span class=\"${prefix}--list-box__label\"></span>\n          <div class=\"${prefix}--list-box__field\"></div>\n        </div>\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSFluidComboBoxSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAA,2BAAA,MACM,iCAAiC,WAAW;CAChD,SAAS;AACP,SAAO,IAAI;0BACY;4BACE,aAAA,MAAoB;+BACjB;8BACD;;;;;;gBAMbA;;;uCAbjBC,cAAc,+BAAqC,CAAA,EAAA,yBAAA;AAgBpD,IAAA,mCAAe"}
+{"version":3,"file":"fluid-combo-box-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/fluid-combo-box/fluid-combo-box-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 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\nimport { prefix } from '../../globals/settings';\nimport { html, LitElement } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './fluid-combo-box.scss?lit';\n\n/**\n * Fluid combo box skeleton.\n *\n * @element cds-fluid-combo-box-skeleton\n */\n@customElement(`${prefix}-fluid-combo-box-skeleton`)\nclass CDSFluidComboBoxSkeleton extends LitElement {\n  render() {\n    return html`\n      <div class=\"${prefix}--list-box__wrapper--fluid\">\n        <div class=\"${prefix}--skeleton ${prefix}--list-box\">\n          <span class=\"${prefix}--list-box__label\"></span>\n          <div class=\"${prefix}--list-box__field\"></div>\n        </div>\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSFluidComboBoxSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAA,2BAAA,MACM,iCAAiC,WAAW;CAChD,SAAS;EACP,OAAO,IAAI;0BACY;4BACE,aAAA,MAAoB;+BACjB;8BACD;;;;CAI7B;;gBAEgBA;;AAClB;uCAdCC,cAAc,8BAAoC,CAAA,GAAA,wBAAA;AAgBnD,IAAA,mCAAe"}

package/es/components/fluid-combo-box/fluid-combo-box.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import combo_box_default from "../combo-box/combo-box.js";
 import fluid_combo_box_default$1 from "./fluid-combo-box.scss.js";
 import { property } from "lit/decorators.js";

package/es/components/fluid-combo-box/fluid-combo-box.js.map

@@ -1 +1 @@
-{"version":3,"file":"fluid-combo-box.js","names":["CDSComboBox","styles","customElement"],"sources":["../../../src/components/fluid-combo-box/fluid-combo-box.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 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\nimport { prefix } from '../../globals/settings';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport CDSComboBox from '../combo-box/combo-box';\nimport styles from './fluid-combo-box.scss?lit';\n\n/**\n * Fluid combo box.\n *\n * @element cds-fluid-combo-box\n */\n@customElement(`${prefix}-fluid-combo-box`)\nclass CDSFluidComboBox extends CDSComboBox {\n  /**\n   * Specify if the combo box should render its menu items in condensed mode.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'is-condensed' })\n  isCondensed = false;\n\n  connectedCallback() {\n    this.setAttribute('isFluid', 'true');\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    super.updated(changedProperties);\n    if (\n      changedProperties.has('invalid') ||\n      changedProperties.has('disabled') ||\n      changedProperties.has('readOnly') ||\n      changedProperties.has('warn') ||\n      changedProperties.has('isCondensed')\n    ) {\n      this.requestUpdate();\n    }\n  }\n\n  static styles = [CDSComboBox.styles, styles];\n}\n\nexport default CDSFluidComboBox;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAA,mBAAA,MACM,yBAAyBA,kBAAY;;;qBAK3B;;CAEd,oBAAoB;AAClB,OAAK,aAAa,WAAW,OAAO;AACpC,QAAM,mBAAmB;;CAG3B,QAAQ,mBAAmB;AACzB,QAAM,QAAQ,kBAAkB;AAChC,MACE,kBAAkB,IAAI,UAAU,IAChC,kBAAkB,IAAI,WAAW,IACjC,kBAAkB,IAAI,WAAW,IACjC,kBAAkB,IAAI,OAAO,IAC7B,kBAAkB,IAAI,cAAc,CAEpC,MAAK,eAAe;;;gBAIR,CAACA,kBAAY,QAAQC,0BAAO;;;YArB3C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;CAAgB,CAAC,CAAA,EAAA,iBAAA,WAAA,eAAA,KAAA,EAAA;+BALvEC,cAAc,sBAA4B,CAAA,EAAA,iBAAA;AA6B3C,IAAA,0BAAe"}
+{"version":3,"file":"fluid-combo-box.js","names":["CDSComboBox","styles","customElement"],"sources":["../../../src/components/fluid-combo-box/fluid-combo-box.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 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\nimport { prefix } from '../../globals/settings';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport CDSComboBox from '../combo-box/combo-box';\nimport styles from './fluid-combo-box.scss?lit';\n\n/**\n * Fluid combo box.\n *\n * @element cds-fluid-combo-box\n */\n@customElement(`${prefix}-fluid-combo-box`)\nclass CDSFluidComboBox extends CDSComboBox {\n  /**\n   * Specify if the combo box should render its menu items in condensed mode.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'is-condensed' })\n  isCondensed = false;\n\n  connectedCallback() {\n    this.setAttribute('isFluid', 'true');\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    super.updated(changedProperties);\n    if (\n      changedProperties.has('invalid') ||\n      changedProperties.has('disabled') ||\n      changedProperties.has('readOnly') ||\n      changedProperties.has('warn') ||\n      changedProperties.has('isCondensed')\n    ) {\n      this.requestUpdate();\n    }\n  }\n\n  static styles = [CDSComboBox.styles, styles];\n}\n\nexport default CDSFluidComboBox;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAA,mBAAA,MACM,yBAAyBA,kBAAY;;;qBAK3B;;CAEd,oBAAoB;EAClB,KAAK,aAAa,WAAW,MAAM;EACnC,MAAM,kBAAkB;CAC1B;CAEA,QAAQ,mBAAmB;EACzB,MAAM,QAAQ,iBAAiB;EAC/B,IACE,kBAAkB,IAAI,SAAS,KAC/B,kBAAkB,IAAI,UAAU,KAChC,kBAAkB,IAAI,UAAU,KAChC,kBAAkB,IAAI,MAAM,KAC5B,kBAAkB,IAAI,aAAa,GAEnC,KAAK,cAAc;CAEvB;;gBAEgB,CAACA,kBAAY,QAAQC,yBAAM;;AAC7C;YAtBG,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAe,CAAC,CAAA,GAAA,iBAAA,WAAA,eAAA,KAAA,CAAA;+BALtEC,cAAc,qBAA2B,CAAA,GAAA,gBAAA;AA6B1C,IAAA,0BAAe"}

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

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import dropdown_skeleton_default from "../dropdown/dropdown-skeleton.js";
 import fluid_dropdown_default from "./fluid-dropdown.scss.js";
 import { html } from "lit";

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

@@ -1 +1 @@
-{"version":3,"file":"fluid-dropdown-skeleton.js","names":["CDSDropdownSkeleton","styles","customElement"],"sources":["../../../src/components/fluid-dropdown/fluid-dropdown-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp.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\nimport { prefix } from '../../globals/settings';\nimport { html } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './fluid-dropdown.scss?lit';\nimport CDSDropdownSkeleton from '../dropdown/dropdown-skeleton';\n\n/**\n * Fluid dropdown skeleton.\n *\n * @element cds-fluid-dropdown-skeleton\n */\n@customElement(`${prefix}-fluid-dropdown-skeleton`)\nclass CDSFluidDropdownSkeleton extends CDSDropdownSkeleton {\n  render() {\n    return html`\n      <div class=\"${prefix}--list-box__wrapper--fluid\">\n        <div class=\"${prefix}--skeleton ${prefix}--list-box\">\n          <span class=\"${prefix}--list-box__label\"></span>\n          <div class=\"${prefix}--list-box__field\" />\n        </div>\n      </div>\n    `;\n  }\n  static styles = styles;\n}\n\nexport default CDSFluidDropdownSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAA,2BAAA,MACM,iCAAiCA,0BAAoB;CACzD,SAAS;AACP,SAAO,IAAI;0BACY;4BACE,aAAA,MAAoB;+BACjB;8BACD;;;;;;gBAKbC;;;uCAZjBC,cAAc,8BAAoC,CAAA,EAAA,yBAAA;AAenD,IAAA,kCAAe"}
+{"version":3,"file":"fluid-dropdown-skeleton.js","names":["CDSDropdownSkeleton","styles","customElement"],"sources":["../../../src/components/fluid-dropdown/fluid-dropdown-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp.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\nimport { prefix } from '../../globals/settings';\nimport { html } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './fluid-dropdown.scss?lit';\nimport CDSDropdownSkeleton from '../dropdown/dropdown-skeleton';\n\n/**\n * Fluid dropdown skeleton.\n *\n * @element cds-fluid-dropdown-skeleton\n */\n@customElement(`${prefix}-fluid-dropdown-skeleton`)\nclass CDSFluidDropdownSkeleton extends CDSDropdownSkeleton {\n  render() {\n    return html`\n      <div class=\"${prefix}--list-box__wrapper--fluid\">\n        <div class=\"${prefix}--skeleton ${prefix}--list-box\">\n          <span class=\"${prefix}--list-box__label\"></span>\n          <div class=\"${prefix}--list-box__field\" />\n        </div>\n      </div>\n    `;\n  }\n  static styles = styles;\n}\n\nexport default CDSFluidDropdownSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAA,2BAAA,MACM,iCAAiCA,0BAAoB;CACzD,SAAS;EACP,OAAO,IAAI;0BACY;4BACE,aAAA,MAAoB;+BACjB;8BACD;;;;CAI7B;;gBACgBC;;AAClB;uCAbCC,cAAc,6BAAmC,CAAA,GAAA,wBAAA;AAelD,IAAA,kCAAe"}

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

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import dropdown_default from "../dropdown/dropdown.js";
 import fluid_dropdown_default$1 from "./fluid-dropdown.scss.js";
 import { html } from "lit";

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

@@ -1 +1 @@
-{"version":3,"file":"fluid-dropdown.js","names":["CDSDropdown","styles","customElement"],"sources":["../../../src/components/fluid-dropdown/fluid-dropdown.ts"],"sourcesContent":["/**\n * Copyright IBM Corp.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\nimport { prefix } from '../../globals/settings';\nimport { html } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport CDSDropdown from '../dropdown/dropdown';\nimport styles from './fluid-dropdown.scss?lit';\nimport { property } from 'lit/decorators.js';\n\n/**\n * Fluid dropdown.\n *\n * @element cds-fluid-dropdown\n */\n@customElement(`${prefix}-fluid-dropdown`)\nclass CDSFluidDropdown extends CDSDropdown {\n  // Specify if the FluidDropdown should render its menu items in condensed mode\n  @property({ type: Boolean, reflect: true, attribute: 'is-condensed' })\n  isCondensed = false;\n  connectedCallback() {\n    this.setAttribute('isFluid', 'true');\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    super.updated(changedProperties);\n    if (\n      changedProperties.has('invalid') ||\n      changedProperties.has('disabled') ||\n      changedProperties.has('readOnly') ||\n      changedProperties.has('warn')\n    ) {\n      this.requestUpdate();\n    }\n  }\n\n  render() {\n    return html`${super.render()}`;\n  }\n\n  static styles = [CDSDropdown.styles, styles];\n}\n\nexport default CDSFluidDropdown;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,IAAA,mBAAA,MACM,yBAAyBA,iBAAY;;;qBAG3B;;CACd,oBAAoB;AAClB,OAAK,aAAa,WAAW,OAAO;AACpC,QAAM,mBAAmB;;CAG3B,QAAQ,mBAAmB;AACzB,QAAM,QAAQ,kBAAkB;AAChC,MACE,kBAAkB,IAAI,UAAU,IAChC,kBAAkB,IAAI,WAAW,IACjC,kBAAkB,IAAI,WAAW,IACjC,kBAAkB,IAAI,OAAO,CAE7B,MAAK,eAAe;;CAIxB,SAAS;AACP,SAAO,IAAI,GAAG,MAAM,QAAQ;;;gBAGd,CAACA,iBAAY,QAAQC,yBAAO;;;YAvB3C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;CAAgB,CAAC,CAAA,EAAA,iBAAA,WAAA,eAAA,KAAA,EAAA;+BAHvEC,cAAc,qBAA2B,CAAA,EAAA,iBAAA;AA6B1C,IAAA,yBAAe"}
+{"version":3,"file":"fluid-dropdown.js","names":["CDSDropdown","styles","customElement"],"sources":["../../../src/components/fluid-dropdown/fluid-dropdown.ts"],"sourcesContent":["/**\n * Copyright IBM Corp.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\nimport { prefix } from '../../globals/settings';\nimport { html } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport CDSDropdown from '../dropdown/dropdown';\nimport styles from './fluid-dropdown.scss?lit';\nimport { property } from 'lit/decorators.js';\n\n/**\n * Fluid dropdown.\n *\n * @element cds-fluid-dropdown\n */\n@customElement(`${prefix}-fluid-dropdown`)\nclass CDSFluidDropdown extends CDSDropdown {\n  // Specify if the FluidDropdown should render its menu items in condensed mode\n  @property({ type: Boolean, reflect: true, attribute: 'is-condensed' })\n  isCondensed = false;\n  connectedCallback() {\n    this.setAttribute('isFluid', 'true');\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    super.updated(changedProperties);\n    if (\n      changedProperties.has('invalid') ||\n      changedProperties.has('disabled') ||\n      changedProperties.has('readOnly') ||\n      changedProperties.has('warn')\n    ) {\n      this.requestUpdate();\n    }\n  }\n\n  render() {\n    return html`${super.render()}`;\n  }\n\n  static styles = [CDSDropdown.styles, styles];\n}\n\nexport default CDSFluidDropdown;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,IAAA,mBAAA,MACM,yBAAyBA,iBAAY;;;qBAG3B;;CACd,oBAAoB;EAClB,KAAK,aAAa,WAAW,MAAM;EACnC,MAAM,kBAAkB;CAC1B;CAEA,QAAQ,mBAAmB;EACzB,MAAM,QAAQ,iBAAiB;EAC/B,IACE,kBAAkB,IAAI,SAAS,KAC/B,kBAAkB,IAAI,UAAU,KAChC,kBAAkB,IAAI,UAAU,KAChC,kBAAkB,IAAI,MAAM,GAE5B,KAAK,cAAc;CAEvB;CAEA,SAAS;EACP,OAAO,IAAI,GAAG,MAAM,OAAO;CAC7B;;gBAEgB,CAACA,iBAAY,QAAQC,wBAAM;;AAC7C;YAxBG,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAe,CAAC,CAAA,GAAA,iBAAA,WAAA,eAAA,KAAA,CAAA;+BAHtEC,cAAc,oBAA0B,CAAA,GAAA,gBAAA;AA6BzC,IAAA,yBAAe"}

package/es/components/fluid-form/fluid-form.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import fluid_form_default$1 from "./fluid-form.scss.js";
 import { LitElement, html } from "lit";
 //#region src/components/fluid-form/fluid-form.ts

package/es/components/fluid-form/fluid-form.js.map

@@ -1 +1 @@
-{"version":3,"file":"fluid-form.js","names":["styles","customElement"],"sources":["../../../src/components/fluid-form/fluid-form.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 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\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './fluid-form.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Presentational element for fluid form\n *\n * @element cds-fluid-form\n */\n@customElement(`${prefix}-fluid-form`)\nclass CDSFluidForm extends LitElement {\n  connectedCallback() {\n    super.connectedCallback();\n    this.toggleAttribute('in-modal', !!this.closest(`${prefix}-modal-body`));\n  }\n\n  render() {\n    return html`<form class=\"${prefix}--form ${prefix}--form--fluid\">\n      <slot></slot>\n    </form>`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSFluidForm;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAA,eAAA,MACM,qBAAqB,WAAW;CACpC,oBAAoB;AAClB,QAAM,mBAAmB;AACzB,OAAK,gBAAgB,YAAY,CAAC,CAAC,KAAK,QAAQ,iBAAuB,CAAC;;CAG1E,SAAS;AACP,SAAO,IAAI,gBAAA,MAAuB,SAAA,MAAgB;;;;;gBAKpCA;;;2BAbjBC,cAAc,iBAAuB,CAAA,EAAA,aAAA;AAgBtC,IAAA,qBAAe"}
+{"version":3,"file":"fluid-form.js","names":["styles","customElement"],"sources":["../../../src/components/fluid-form/fluid-form.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 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\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './fluid-form.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Presentational element for fluid form\n *\n * @element cds-fluid-form\n */\n@customElement(`${prefix}-fluid-form`)\nclass CDSFluidForm extends LitElement {\n  connectedCallback() {\n    super.connectedCallback();\n    this.toggleAttribute('in-modal', !!this.closest(`${prefix}-modal-body`));\n  }\n\n  render() {\n    return html`<form class=\"${prefix}--form ${prefix}--form--fluid\">\n      <slot></slot>\n    </form>`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSFluidForm;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAA,eAAA,MACM,qBAAqB,WAAW;CACpC,oBAAoB;EAClB,MAAM,kBAAkB;EACxB,KAAK,gBAAgB,YAAY,CAAC,CAAC,KAAK,QAAQ,gBAAsB,CAAC;CACzE;CAEA,SAAS;EACP,OAAO,IAAI,gBAAA,MAAuB,SAAA,MAAgB;;;CAGpD;;gBAEgBA;;AAClB;2BAdCC,cAAc,gBAAsB,CAAA,GAAA,YAAA;AAgBrC,IAAA,qBAAe"}

package/es/components/fluid-multi-select/fluid-multi-select-skeleton.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import fluid_multi_select_default from "./fluid-multi-select.scss.js";
 import { LitElement, html } from "lit";
 //#region src/components/fluid-multi-select/fluid-multi-select-skeleton.ts

package/es/components/fluid-multi-select/fluid-multi-select-skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"fluid-multi-select-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/fluid-multi-select/fluid-multi-select-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 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\nimport { prefix } from '../../globals/settings';\nimport { LitElement, html } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './fluid-multi-select.scss?lit';\n\n/**\n * Fluid multi select skeleton.\n *\n * @element cds-fluid-multi-select-skeleton\n */\n@customElement(`${prefix}-fluid-multi-select-skeleton`)\nclass CDSFluidMultiSelectSkeleton extends LitElement {\n  render() {\n    return html`\n      <div class=\"${prefix}--list-box__wrapper--fluid\">\n        <div class=\"${prefix}--skeleton ${prefix}--list-box\">\n          <span class=\"${prefix}--list-box__label\"></span>\n          <div class=\"${prefix}--list-box__field\"></div>\n        </div>\n      </div>\n    `;\n  }\n  static styles = styles;\n}\n\nexport default CDSFluidMultiSelectSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAA,8BAAA,MACM,oCAAoC,WAAW;CACnD,SAAS;AACP,SAAO,IAAI;0BACY;4BACE,aAAA,MAAoB;+BACjB;8BACD;;;;;;gBAKbA;;;0CAZjBC,cAAc,kCAAwC,CAAA,EAAA,4BAAA;AAevD,IAAA,sCAAe"}
+{"version":3,"file":"fluid-multi-select-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/fluid-multi-select/fluid-multi-select-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 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\nimport { prefix } from '../../globals/settings';\nimport { LitElement, html } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './fluid-multi-select.scss?lit';\n\n/**\n * Fluid multi select skeleton.\n *\n * @element cds-fluid-multi-select-skeleton\n */\n@customElement(`${prefix}-fluid-multi-select-skeleton`)\nclass CDSFluidMultiSelectSkeleton extends LitElement {\n  render() {\n    return html`\n      <div class=\"${prefix}--list-box__wrapper--fluid\">\n        <div class=\"${prefix}--skeleton ${prefix}--list-box\">\n          <span class=\"${prefix}--list-box__label\"></span>\n          <div class=\"${prefix}--list-box__field\"></div>\n        </div>\n      </div>\n    `;\n  }\n  static styles = styles;\n}\n\nexport default CDSFluidMultiSelectSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAA,8BAAA,MACM,oCAAoC,WAAW;CACnD,SAAS;EACP,OAAO,IAAI;0BACY;4BACE,aAAA,MAAoB;+BACjB;8BACD;;;;CAI7B;;gBACgBA;;AAClB;0CAbCC,cAAc,iCAAuC,CAAA,GAAA,2BAAA;AAetD,IAAA,sCAAe"}

package/es/components/fluid-multi-select/fluid-multi-select.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import multi_select_default from "../multi-select/multi-select.js";
 import fluid_multi_select_default$1 from "./fluid-multi-select.scss.js";
 import { html } from "lit";

package/es/components/fluid-multi-select/fluid-multi-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"fluid-multi-select.js","names":["CDSMultiSelect","styles","customElement"],"sources":["../../../src/components/fluid-multi-select/fluid-multi-select.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 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\nimport { prefix } from '../../globals/settings';\nimport { html } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './fluid-multi-select.scss?lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport CDSMultiSelect from '../multi-select/multi-select';\nimport { property } from 'lit/decorators.js';\n\n/**\n * Fluid multi select.\n *\n * @element cds-fluid-multi-select\n */\n@customElement(`${prefix}-fluid-multi-select`)\nclass CDSFluidMultiSelect extends CDSMultiSelect {\n  /**\n   * Specify if the `FluidMultiSelect` should render its menu items in condensed mode\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'is-condensed' })\n  isCondensed = false;\n  connectedCallback() {\n    super.connectedCallback();\n    this.isFluid = true;\n  }\n\n  updated(changedProperties) {\n    super.updated(changedProperties);\n    if (\n      changedProperties.has('invalid') ||\n      changedProperties.has('disabled') ||\n      changedProperties.has('readonly') ||\n      changedProperties.has('warn')\n    ) {\n      this.requestUpdate();\n    }\n  }\n\n  render() {\n    const wrapperClasses = classMap({\n      [`${prefix}--multi-select__wrapper`]: true,\n      [`${prefix}--list-box__wrapper`]: true,\n      [`${prefix}--list-box__wrapper--fluid`]: true,\n      [`${prefix}--list-box__wrapper--fluid--invalid`]: this.invalid,\n    });\n    return html`<div class=\"${wrapperClasses}\">${super.render()}</div>`;\n  }\n\n  static styles = [CDSMultiSelect.styles, styles];\n}\n\nexport default CDSFluidMultiSelect;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,IAAA,sBAAA,MACM,4BAA4BA,qBAAe;;;qBAKjC;;CACd,oBAAoB;AAClB,QAAM,mBAAmB;AACzB,OAAK,UAAU;;CAGjB,QAAQ,mBAAmB;AACzB,QAAM,QAAQ,kBAAkB;AAChC,MACE,kBAAkB,IAAI,UAAU,IAChC,kBAAkB,IAAI,WAAW,IACjC,kBAAkB,IAAI,WAAW,IACjC,kBAAkB,IAAI,OAAO,CAE7B,MAAK,eAAe;;CAIxB,SAAS;AAOP,SAAO,IAAI,eANY,SAAS;IAC7B,+BAAqC;IACrC,2BAAiC;IACjC,kCAAwC;IACxC,2CAAiD,KAAK;GACxD,CAAC,CACuC,IAAI,MAAM,QAAQ,CAAC;;;gBAG9C,CAACA,qBAAe,QAAQC,6BAAO;;;YA7B9C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;CAAgB,CAAC,CAAA,EAAA,oBAAA,WAAA,eAAA,KAAA,EAAA;kCALvEC,cAAc,yBAA+B,CAAA,EAAA,oBAAA;AAqC9C,IAAA,6BAAe"}
+{"version":3,"file":"fluid-multi-select.js","names":["CDSMultiSelect","styles","customElement"],"sources":["../../../src/components/fluid-multi-select/fluid-multi-select.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 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\nimport { prefix } from '../../globals/settings';\nimport { html } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './fluid-multi-select.scss?lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport CDSMultiSelect from '../multi-select/multi-select';\nimport { property } from 'lit/decorators.js';\n\n/**\n * Fluid multi select.\n *\n * @element cds-fluid-multi-select\n */\n@customElement(`${prefix}-fluid-multi-select`)\nclass CDSFluidMultiSelect extends CDSMultiSelect {\n  /**\n   * Specify if the `FluidMultiSelect` should render its menu items in condensed mode\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'is-condensed' })\n  isCondensed = false;\n  connectedCallback() {\n    super.connectedCallback();\n    this.isFluid = true;\n  }\n\n  updated(changedProperties) {\n    super.updated(changedProperties);\n    if (\n      changedProperties.has('invalid') ||\n      changedProperties.has('disabled') ||\n      changedProperties.has('readonly') ||\n      changedProperties.has('warn')\n    ) {\n      this.requestUpdate();\n    }\n  }\n\n  render() {\n    const wrapperClasses = classMap({\n      [`${prefix}--multi-select__wrapper`]: true,\n      [`${prefix}--list-box__wrapper`]: true,\n      [`${prefix}--list-box__wrapper--fluid`]: true,\n      [`${prefix}--list-box__wrapper--fluid--invalid`]: this.invalid,\n    });\n    return html`<div class=\"${wrapperClasses}\">${super.render()}</div>`;\n  }\n\n  static styles = [CDSMultiSelect.styles, styles];\n}\n\nexport default CDSFluidMultiSelect;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,IAAA,sBAAA,MACM,4BAA4BA,qBAAe;;;qBAKjC;;CACd,oBAAoB;EAClB,MAAM,kBAAkB;EACxB,KAAK,UAAU;CACjB;CAEA,QAAQ,mBAAmB;EACzB,MAAM,QAAQ,iBAAiB;EAC/B,IACE,kBAAkB,IAAI,SAAS,KAC/B,kBAAkB,IAAI,UAAU,KAChC,kBAAkB,IAAI,UAAU,KAChC,kBAAkB,IAAI,MAAM,GAE5B,KAAK,cAAc;CAEvB;CAEA,SAAS;EAOP,OAAO,IAAI,eANY,SAAS;IAC7B,+BAAqC;IACrC,2BAAiC;IACjC,kCAAwC;IACxC,2CAAiD,KAAK;EACzD,CACuC,EAAE,IAAI,MAAM,OAAO,EAAE;CAC9D;;gBAEgB,CAACA,qBAAe,QAAQC,4BAAM;;AAChD;YA9BG,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAe,CAAC,CAAA,GAAA,oBAAA,WAAA,eAAA,KAAA,CAAA;kCALtEC,cAAc,wBAA8B,CAAA,GAAA,mBAAA;AAqC7C,IAAA,6BAAe"}