@carbon/web-components 2.49.0 → 2.50.0-rc.0

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"file-uploader-skeleton.js","sources":["../../../src/components/file-uploader/file-uploader-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport '../skeleton-text/skeleton-text';\nimport { SKELETON_TEXT_TYPE } from '../skeleton-text/skeleton-text';\nimport '../button/button-skeleton';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * The File uploader skeleton.\n *\n * @element cds-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"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;AAAA;;;;;AAKG;AASH;;;;AAIG;AAEH,IAAM,uBAAuB,GAA7B,MAAM,uBAAwB,SAAQ,UAAU,CAAA;IAC9C,MAAM,GAAA;AACJ,QAAA,OAAO,IAAI,CAAA;;AAEC,cAAA,EAAA,kBAAkB,CAAC,OAAO,CAAA;;;;KAIrC;IACH;CACD;AAVK,uBAAuB,GAAA,UAAA,CAAA;AAD5B,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,uBAAA,CAAyB;AAC3C,CAAA,EAAA,uBAAuB,CAU5B;AAED,gCAAe,uBAAuB;;;;"}
+{"version":3,"file":"file-uploader-skeleton.js","sources":["../../../src/components/file-uploader/file-uploader-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport '../skeleton-text/skeleton-text';\nimport { SKELETON_TEXT_TYPE } from '../skeleton-text/skeleton-text';\nimport '../button/button-skeleton';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * The File uploader skeleton.\n *\n * @element cds-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"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;AAAA;;;;;AAKG;AASH;;;;AAIG;AAEH,IAAM,uBAAuB,GAA7B,MAAM,uBAAwB,SAAQ,UAAU,CAAA;IAC9C,MAAM,GAAA;AACJ,QAAA,OAAO,IAAI,CAAA;;AAEC,cAAA,EAAA,kBAAkB,CAAC,OAAO,CAAA;;;;KAIrC;IACH;CACD;AAVK,uBAAuB,GAAA,UAAA,CAAA;AAD5B,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,uBAAA,CAAyB;AAC3C,CAAA,EAAA,uBAAuB,CAU5B;AAED,sCAAe,uBAAuB;;;;"}

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -10,15 +10,40 @@ import { LitElement } from 'lit';
 import HostListener from '../../globals/decorators/host-listener.js';
 import FocusMixin from '../../globals/mixins/focus.js';
 import HostListenerMixin from '../../globals/mixins/host-listener.js';
-import { FLOATING_MENU_POSITION_DIRECTION, FLOATING_MENU_DIRECTION } from './defs.js';
+import { FLOATING_MENU_DIRECTION } from './defs.js';
+export { FLOATING_MENU_POSITION_DIRECTION } from './defs.js';
 import { prefix } from '../../globals/settings.js';
 
 /**
- * Copyright IBM Corp. 2019, 2024
+ * Copyright IBM Corp. 2019, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+/**
+ * Calculates the offset for the floating menu.
+ *
+ * @param menuBody - The menu body element.
+ * @param menuDirection - The floating menu direction.
+ * @param trigger - The trigger element.
+ * @param flipped - Whether the menu is flipped.
+ * @returns The adjustment of the floating menu position.
+ */
+const getMenuOffset = (menuBody, menuDirection, trigger, flipped) => {
+    const { offsetWidth: menuWidth } = menuBody;
+    switch (menuDirection) {
+        case FLOATING_MENU_DIRECTION.TOP:
+        case FLOATING_MENU_DIRECTION.BOTTOM: {
+            const triggerWidth = !trigger ? 0 : trigger.offsetWidth;
+            return {
+                left: (!flipped ? 1 : -1) * (menuWidth / 2 - triggerWidth / 2),
+                top: 0,
+            };
+        }
+        default:
+            return { left: 0, top: 0 };
+    }
+};
 /**
  * Observes resize of the given element with the given resize observer.
  *
@@ -74,8 +99,7 @@ class CDSFloatingMenu extends HostListenerMixin(FocusMixin(LitElement)) {
         this._resizeObserver = new ResizeObserver(() => {
             const { container, open, parent, position } = this;
             if (container && open && parent) {
-                const { direction, start, top } = position;
-                this.style[direction !== FLOATING_MENU_POSITION_DIRECTION.RTL ? 'left' : 'right'] = `${start}px`;
+                const { top } = position;
                 this.style.top = `${top}px`;
             }
         });
@@ -109,6 +133,32 @@ class CDSFloatingMenu extends HostListenerMixin(FocusMixin(LitElement)) {
          */
         this.parent = null;
     }
+    /**
+     * Gets the menu offset configuration (object or function).
+     * Subclasses override this to specify custom offset configs.
+     *
+     * @returns The menu offset configuration, or undefined for no offset.
+     */
+    getOffsetConfig() {
+        return undefined;
+    }
+    /**
+     * Resolves the final menu offset by evaluating the offset configuration.
+     * Handles both static offset objects and dynamic offset functions.
+     *
+     * @returns The resolved offset with left and top values.
+     */
+    resolveOffset() {
+        const config = this.getOffsetConfig();
+        if (!config) {
+            return { left: 0, top: 0 };
+        }
+        if (typeof config === 'function') {
+            const trigger = this.parent;
+            return config(this, this.direction, trigger, this.flipped);
+        }
+        return config;
+    }
     /**
      * The DOM element to put this menu into.
      */
@@ -121,62 +171,78 @@ class CDSFloatingMenu extends HostListenerMixin(FocusMixin(LitElement)) {
      * The position of this floating menu.
      */
     get position() {
+        var _a, _b;
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452
         const { triggerPosition } = this.parent;
         if (!triggerPosition) {
             throw new TypeError('Missing information of trigger button position.');
         }
         const { container } = this;
-        const { left: refLeft = 0, top: refTop = 0, right: refRight = 0, } = triggerPosition;
-        let { bottom: refBottom = 0 } = triggerPosition;
+        const { left: refLeft = 0, top: refTop = 0, right: refRight = 0, bottom: refBottom = 0, } = triggerPosition;
         const { width, height } = this.getBoundingClientRect();
-        const { left: containerLeft = 0, right: containerRight = 0, top: containerTop = 0, } = container.getBoundingClientRect();
-        refBottom = refBottom - containerTop;
+        const containerRect = container.getBoundingClientRect();
         const containerComputedStyle = 
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452
         container.ownerDocument.defaultView.getComputedStyle(container);
+        const containerPosition = containerComputedStyle.getPropertyValue('position');
         const positionDirection = containerComputedStyle.getPropertyValue('direction');
-        const isRtl = positionDirection === FLOATING_MENU_POSITION_DIRECTION.RTL;
-        const containerStartFromViewport = !isRtl
-            ? containerLeft
-            : // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452
-                container.ownerDocument.defaultView.innerWidth - containerRight;
-        const refStartFromContainer = !isRtl
-            ? refLeft - containerLeft
-            : containerRight - refRight;
-        const refEndFromContainer = !isRtl
-            ? refRight - containerLeft
-            : containerRight - refLeft;
-        const refTopFromContainer = refTop - containerTop;
-        if (
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452
-        (container !== this.ownerDocument.body ||
-            containerStartFromViewport !== 0 ||
-            containerTop !== 0) &&
-            containerComputedStyle.getPropertyValue('position') === 'static') {
-            throw new Error('Floating menu container must not have `position:static`.');
-        }
-        const { flipped, direction } = this;
+        const scrollX = (_a = globalThis.scrollX) !== null && _a !== void 0 ? _a : 0;
+        const scrollY = (_b = globalThis.scrollY) !== null && _b !== void 0 ? _b : 0;
+        const effectiveScrollX = containerPosition !== 'static' ? 0 : scrollX;
+        const effectiveScrollY = containerPosition !== 'static' ? 0 : scrollY;
+        const relativeDiff = {
+            top: containerPosition !== 'static' ? containerRect.top : 0,
+            left: containerPosition !== 'static' ? containerRect.left : 0,
+        };
+        const refCenterHorizontal = (refLeft + refRight) / 2;
+        const refCenterVertical = (refTop + refBottom) / 2;
+        const offset = this.resolveOffset();
+        const { top = 0, left = 0 } = offset;
+        const { direction } = this;
         if (Object.values(FLOATING_MENU_DIRECTION).indexOf(direction) < 0) {
             throw new Error(`Wrong menu position direction: ${direction}`);
         }
-        const alignmentStart = flipped
-            ? refEndFromContainer - width
-            : refStartFromContainer;
-        const { start, top } = {
+        const positions = {
+            [FLOATING_MENU_DIRECTION.LEFT]: () => ({
+                left: refLeft - width + effectiveScrollX - left - relativeDiff.left,
+                top: refCenterVertical -
+                    height / 2 +
+                    effectiveScrollY +
+                    top -
+                    9 -
+                    relativeDiff.top,
+            }),
             [FLOATING_MENU_DIRECTION.TOP]: () => ({
-                start: alignmentStart,
-                top: refTopFromContainer - height,
+                left: refCenterHorizontal -
+                    width / 2 +
+                    effectiveScrollX +
+                    left -
+                    relativeDiff.left,
+                top: refTop - height + effectiveScrollY - top - relativeDiff.top,
+            }),
+            [FLOATING_MENU_DIRECTION.RIGHT]: () => ({
+                left: refRight + effectiveScrollX + left - relativeDiff.left,
+                top: refCenterVertical -
+                    height / 2 +
+                    effectiveScrollY +
+                    top +
+                    3 -
+                    relativeDiff.top,
             }),
             [FLOATING_MENU_DIRECTION.BOTTOM]: () => ({
-                start: alignmentStart,
-                top: refBottom,
+                left: refCenterHorizontal -
+                    width / 2 +
+                    effectiveScrollX +
+                    left -
+                    relativeDiff.left,
+                top: refBottom + effectiveScrollY + top - relativeDiff.top,
             }),
-        }[direction]();
+        };
+        const { left: calculatedLeft, top: calculatedTop } = positions[direction]();
         return {
             direction: positionDirection,
-            start,
-            top,
+            start: calculatedLeft,
+            top: calculatedTop,
         };
     }
     disconnectedCallback() {
@@ -199,8 +265,9 @@ class CDSFloatingMenu extends HostListenerMixin(FocusMixin(LitElement)) {
                 container.appendChild(this);
             }
             // Note: `this.position` cannot be referenced until `this.parent` is set
-            const { direction, start, top } = this.position;
-            this.style[direction !== FLOATING_MENU_POSITION_DIRECTION.RTL ? 'left' : 'right'] = `${start}px`;
+            const { start, top } = this.position;
+            this.style.left = `${start}px`;
+            this.style.right = 'auto';
             this.style.top = `${top}px`;
         }
         if (changedProperties.has('open')) {
@@ -247,5 +314,5 @@ __decorate([
     // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to
 ], CDSFloatingMenu.prototype, "_handleKeyDown", void 0);
 
-export { FLOATING_MENU_DIRECTION, FLOATING_MENU_POSITION_DIRECTION, CDSFloatingMenu as default };
+export { FLOATING_MENU_DIRECTION, CDSFloatingMenu as default, getMenuOffset };
 //# sourceMappingURL=floating-menu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"floating-menu.js","sources":["../../../src/components/floating-menu/floating-menu.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 } 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\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 { direction, start, top } = position;\n      this.style[\n        direction !== FLOATING_MENU_POSITION_DIRECTION.RTL ? 'left' : 'right'\n      ] = `${start}px`;\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   * 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    } = triggerPosition;\n    let { bottom: refBottom = 0 } = triggerPosition;\n    const { width, height } = this.getBoundingClientRect();\n    const {\n      left: containerLeft = 0,\n      right: containerRight = 0,\n      top: containerTop = 0,\n    } = container.getBoundingClientRect();\n    refBottom = refBottom - containerTop;\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 positionDirection = containerComputedStyle.getPropertyValue(\n      'direction'\n    ) as FLOATING_MENU_POSITION_DIRECTION;\n    const isRtl = positionDirection === FLOATING_MENU_POSITION_DIRECTION.RTL;\n    const containerStartFromViewport = !isRtl\n      ? containerLeft\n      : // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n        container.ownerDocument!.defaultView!.innerWidth - containerRight;\n    const refStartFromContainer = !isRtl\n      ? refLeft - containerLeft\n      : containerRight - refRight;\n    const refEndFromContainer = !isRtl\n      ? refRight - containerLeft\n      : containerRight - refLeft;\n    const refTopFromContainer = refTop - containerTop;\n\n    if (\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n      (container !== this.ownerDocument!.body ||\n        containerStartFromViewport !== 0 ||\n        containerTop !== 0) &&\n      containerComputedStyle.getPropertyValue('position') === 'static'\n    ) {\n      throw new Error(\n        'Floating menu container must not have `position:static`.'\n      );\n    }\n\n    const { flipped, 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 alignmentStart = flipped\n      ? refEndFromContainer - width\n      : refStartFromContainer;\n\n    const { start, top } = {\n      [FLOATING_MENU_DIRECTION.TOP]: () => ({\n        start: alignmentStart,\n        top: refTopFromContainer - height,\n      }),\n      [FLOATING_MENU_DIRECTION.BOTTOM]: () => ({\n        start: alignmentStart,\n        top: refBottom,\n      }),\n    }[direction]();\n\n    return {\n      direction: positionDirection,\n      start,\n      top,\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 { direction, start, top } = this.position;\n      this.style[\n        direction !== FLOATING_MENU_POSITION_DIRECTION.RTL ? 'left' : 'right'\n      ] = `${start}px`;\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"],"names":[],"mappings":"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"}
+{"version":3,"file":"floating-menu.js","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"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;AAKG;AAgCH;;;;;;;;AAQG;AACI,MAAM,aAAa,GAAG,CAC3B,QAAqB,EACrB,aAA4B,EAC5B,OAAqB,EACrB,OAAiB,KACP;AACV,IAAA,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,QAAQ;IAE3C,QAAQ,aAAa;QACnB,KAAK,uBAAuB,CAAC,GAAG;AAChC,QAAA,KAAK,uBAAuB,CAAC,MAAM,EAAE;AACnC,YAAA,MAAM,YAAY,GAAG,CAAC,OAAO,GAAG,CAAC,GAAG,OAAO,CAAC,WAAW;YACvD,OAAO;gBACL,IAAI,EAAE,CAAC,CAAC,OAAO,GAAG,CAAC,GAAG,EAAE,KAAK,SAAS,GAAG,CAAC,GAAG,YAAY,GAAG,CAAC,CAAC;AAC9D,gBAAA,GAAG,EAAE,CAAC;aACP;QACH;AACA,QAAA;YACE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE;;AAEhC;AAsBA;;;;;AAKG;AACH,MAAM,aAAa,GAAG,CAAC,QAAwB,EAAE,IAAa,KAAI;AAChE,IAAA,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC;IACtB,OAAO;QACL,OAAO,GAAA;AACL,YAAA,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC;AACxB,YAAA,OAAO,IAAI;QACb,CAAC;KACQ;AACb,CAAC;AAED;;;;;AAKG;AACH,MAAM,eAAe,GAAG,CAAC,IAAa,EAAE,QAAgB,KAAI;IAC1D,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC;IACpC,IAAI,KAAK,EAAE;AACT,QAAA,OAAO,KAAK;IACd;IACA,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,WAAW,EAAgB;IACjD,IAAI,IAAI,EAAE;AACR,QAAA,OAAO,eAAe,CAAC,IAAI,EAAE,QAAQ,CAAC;IACxC;AACA,IAAA,OAAO,IAAI;AACb,CAAC;AAED;;AAEG;AACH,MAAe,eAAgB,SAAQ,iBAAiB,CACtD,UAAU,CAAC,UAAU,CAAC,CACvB,CAAA;AAFD,IAAA,WAAA,GAAA;;AAGE;;AAEG;QACK,IAAA,CAAA,qBAAqB,GAAkB,IAAI;AAEnD;;AAEG;QACK,IAAA,CAAA,wBAAwB,GAAkB,IAAI;AAEtD;;AAEG;;;;AAIK,QAAA,IAAA,CAAA,eAAe,GAAG,IAAI,cAAc,CAAC,MAAK;YAChD,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI;AAClD,YAAA,IAAI,SAAS,IAAI,IAAI,IAAI,MAAM,EAAE;AAC/B,gBAAA,MAAM,EAAE,GAAG,EAAE,GAAG,QAAQ;gBACxB,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,CAAA,EAAG,GAAG,IAAI;YAC7B;AACF,QAAA,CAAC,CAAC;AAKM,QAAA,IAAA,CAAA,WAAW,GAAG,CAAC,EAAE,aAAa,EAAc,KAAI;YACtD,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,aAAqB,CAAC,EAAE;AACzC,gBAAA,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI;AACvB,gBAAA,IAAI,MAAM,IAAI,MAAM,KAAK,aAAa,EAAE;AACtC,oBAAA,MAAM,CAAC,IAAI,GAAG,KAAK;AACnB,oBAAA,WAAW,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;gBAChD;YACF;AACF,QAAA,CAAC;QAKO,IAAA,CAAA,MAAM,GAAG,MAAK;AACpB,YAAA,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI;YACvB,IAAI,MAAM,EAAE;AACV,gBAAA,MAAM,CAAC,IAAI,GAAG,KAAK;YACrB;AACF,QAAA,CAAC;AAKO,QAAA,IAAA,CAAA,cAAc,GAAG,CAAC,KAAoB,KAAI;AAChD,YAAA,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE;AACvB,gBAAA,IAAI,KAAK,CAAC,QAAQ,EAAE;AAClB,oBAAA,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI;oBACvB,IAAI,MAAM,EAAE;AACV,wBAAA,MAAM,CAAC,IAAI,GAAG,KAAK;oBACrB;gBACF;YACF;AACF,QAAA,CAAC;AAED;;AAEG;QACO,IAAA,CAAA,MAAM,GAAkC,IAAI;IAkOxD;AAjNE;;;;;AAKG;IACO,eAAe,GAAA;AACvB,QAAA,OAAO,SAAS;IAClB;AAEA;;;;;AAKG;IACO,aAAa,GAAA;AACrB,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,eAAe,EAAE;QAErC,IAAI,CAAC,MAAM,EAAE;YACX,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE;QAC5B;AAEA,QAAA,IAAI,OAAO,MAAM,KAAK,UAAU,EAAE;AAChC,YAAA,MAAM,OAAO,GAAG,IAAI,CAAC,MAAqB;AAC1C,YAAA,OAAO,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC;QAC5D;AAEA,QAAA,OAAO,MAAM;IACf;AAEA;;AAEG;AACH,IAAA,IAAI,SAAS,GAAA;QACX,QACE,eAAe,CACb,IAAI,EACH,IAAI,CAAC,WAAsC,CAAC;;AAE9C,SAAA,IAAI,IAAI,CAAC,aAAc,CAAC,IAAI;IAEjC;AAEA;;AAEG;AACH,IAAA,IAAI,QAAQ,GAAA;;;AAEV,QAAA,MAAM,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC,MAAO;QACxC,IAAI,CAAC,eAAe,EAAE;AACpB,YAAA,MAAM,IAAI,SAAS,CAAC,iDAAiD,CAAC;QACxE;AAEA,QAAA,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI;QAC1B,MAAM,EACJ,IAAI,EAAE,OAAO,GAAG,CAAC,EACjB,GAAG,EAAE,MAAM,GAAG,CAAC,EACf,KAAK,EAAE,QAAQ,GAAG,CAAC,EACnB,MAAM,EAAE,SAAS,GAAG,CAAC,GACtB,GAAG,eAAe;QACnB,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,qBAAqB,EAAE;AACtD,QAAA,MAAM,aAAa,GAAG,SAAS,CAAC,qBAAqB,EAAE;AAEvD,QAAA,MAAM,sBAAsB;;QAE1B,SAAS,CAAC,aAAc,CAAC,WAAY,CAAC,gBAAgB,CAAC,SAAS,CAAC;QACnE,MAAM,iBAAiB,GACrB,sBAAsB,CAAC,gBAAgB,CAAC,UAAU,CAAC;QACrD,MAAM,iBAAiB,GAAG,sBAAsB,CAAC,gBAAgB,CAC/D,WAAW,CACwB;QAErC,MAAM,OAAO,GAAG,CAAA,EAAA,GAAA,UAAU,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,CAAC;QACvC,MAAM,OAAO,GAAG,CAAA,EAAA,GAAA,UAAU,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,CAAC;AACvC,QAAA,MAAM,gBAAgB,GAAG,iBAAiB,KAAK,QAAQ,GAAG,CAAC,GAAG,OAAO;AACrE,QAAA,MAAM,gBAAgB,GAAG,iBAAiB,KAAK,QAAQ,GAAG,CAAC,GAAG,OAAO;AAErE,QAAA,MAAM,YAAY,GAAG;AACnB,YAAA,GAAG,EAAE,iBAAiB,KAAK,QAAQ,GAAG,aAAa,CAAC,GAAG,GAAG,CAAC;AAC3D,YAAA,IAAI,EAAE,iBAAiB,KAAK,QAAQ,GAAG,aAAa,CAAC,IAAI,GAAG,CAAC;SAC9D;QAED,MAAM,mBAAmB,GAAG,CAAC,OAAO,GAAG,QAAQ,IAAI,CAAC;QACpD,MAAM,iBAAiB,GAAG,CAAC,MAAM,GAAG,SAAS,IAAI,CAAC;AAElD,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,EAAE;QACnC,MAAM,EAAE,GAAG,GAAG,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,GAAG,MAAM;AAEpC,QAAA,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI;AAC1B,QAAA,IAAI,MAAM,CAAC,MAAM,CAAC,uBAAuB,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE;AACjE,YAAA,MAAM,IAAI,KAAK,CAAC,kCAAkC,SAAS,CAAA,CAAE,CAAC;QAChE;AAEA,QAAA,MAAM,SAAS,GAAwC;YACrD,CAAC,uBAAuB,CAAC,IAAI,GAAG,OAAO;gBACrC,IAAI,EAAE,OAAO,GAAG,KAAK,GAAG,gBAAgB,GAAG,IAAI,GAAG,YAAY,CAAC,IAAI;AACnE,gBAAA,GAAG,EACD,iBAAiB;AACjB,oBAAA,MAAM,GAAG,CAAC;oBACV,gBAAgB;oBAChB,GAAG;oBACH,CAAC;AACD,oBAAA,YAAY,CAAC,GAAG;aACnB,CAAC;YACF,CAAC,uBAAuB,CAAC,GAAG,GAAG,OAAO;AACpC,gBAAA,IAAI,EACF,mBAAmB;AACnB,oBAAA,KAAK,GAAG,CAAC;oBACT,gBAAgB;oBAChB,IAAI;AACJ,oBAAA,YAAY,CAAC,IAAI;gBACnB,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,gBAAgB,GAAG,GAAG,GAAG,YAAY,CAAC,GAAG;aACjE,CAAC;YACF,CAAC,uBAAuB,CAAC,KAAK,GAAG,OAAO;gBACtC,IAAI,EAAE,QAAQ,GAAG,gBAAgB,GAAG,IAAI,GAAG,YAAY,CAAC,IAAI;AAC5D,gBAAA,GAAG,EACD,iBAAiB;AACjB,oBAAA,MAAM,GAAG,CAAC;oBACV,gBAAgB;oBAChB,GAAG;oBACH,CAAC;AACD,oBAAA,YAAY,CAAC,GAAG;aACnB,CAAC;YACF,CAAC,uBAAuB,CAAC,MAAM,GAAG,OAAO;AACvC,gBAAA,IAAI,EACF,mBAAmB;AACnB,oBAAA,KAAK,GAAG,CAAC;oBACT,gBAAgB;oBAChB,IAAI;AACJ,oBAAA,YAAY,CAAC,IAAI;gBACnB,GAAG,EAAE,SAAS,GAAG,gBAAgB,GAAG,GAAG,GAAG,YAAY,CAAC,GAAG;aAC3D,CAAC;SACH;AAED,QAAA,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,GAAG,EAAE,aAAa,EAAE,GAAG,SAAS,CAAC,SAAS,CAAC,EAAE;QAE3E,OAAO;AACL,YAAA,SAAS,EAAE,iBAAiB;AAC5B,YAAA,KAAK,EAAE,cAAc;AACrB,YAAA,GAAG,EAAE,aAAa;SACnB;IACH;IAEA,oBAAoB,GAAA;AAClB,QAAA,IAAI,IAAI,CAAC,wBAAwB,EAAE;YACjC,IAAI,CAAC,wBAAwB,GAAG,IAAI,CAAC,wBAAwB,CAAC,OAAO,EAAE;QACzE;AACA,QAAA,IAAI,IAAI,CAAC,qBAAqB,EAAE;YAC9B,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,qBAAqB,CAAC,OAAO,EAAE;QACnE;IACF;AAEA,IAAA,OAAO,CAAC,iBAAiB,EAAA;;QACvB,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI;AACxC,QAAA,IACE,CAAC,iBAAiB,CAAC,GAAG,CAAC,SAAS,CAAC;AAC/B,YAAA,iBAAiB,CAAC,GAAG,CAAC,WAAW,CAAC;AAClC,YAAA,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC;AAC/B,YAAA,IAAI,EACJ;YACA,IAAI,CAAC,MAAM,EAAE;AACX,gBAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,aAAuC;AAC1D,gBAAA,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC;YAC7B;;YAEA,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,QAAQ;YACpC,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,CAAA,EAAG,KAAK,IAAI;AAC9B,YAAA,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM;YACzB,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,CAAA,EAAG,GAAG,IAAI;QAC7B;AACA,QAAA,IAAI,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;AACjC,YAAA,IAAI,IAAI,CAAC,wBAAwB,EAAE;gBACjC,IAAI,CAAC,wBAAwB,GAAG,IAAI,CAAC,wBAAwB,CAAC,OAAO,EAAE;YACzE;AACA,YAAA,IAAI,IAAI,CAAC,qBAAqB,EAAE;gBAC9B,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,qBAAqB,CAAC,OAAO,EAAE;YACnE;YACA,IAAI,IAAI,EAAE;gBACR,MAAM,EAAE,aAAa,EAAE,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,EAAE;gBAC3C,IAAI,CAAC,wBAAwB,GAAG,aAAa,CAC3C,IAAI,CAAC,eAAe,EACpB,SAAS,CACV;gBACD,IAAI,aAAa,EAAE;oBACjB,IAAI,CAAC,qBAAqB,GAAG,aAAa,CACxC,IAAI,CAAC,eAAe,EACpB,aAAa,CACd;gBACH;YACF;QACF;IACF;AAOA;;AAEG;AACH,IAAA,WAAW,iBAAiB,GAAA;QAC1B,OAAO,CAAA,+BAAA,EAAkC,MAAM,CAAA,MAAA,CAAQ;IACzD;;AAVA;;AAEG;AACI,eAAA,CAAA,aAAa,GAAG,IAAH;AAQb,eAAA,CAAA,iBAAiB,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACnB,UAAU,CAAC,iBAAiB,KAC/B,cAAc,EAAE,IAAI,EAAA,CAFE;AAnQhB,UAAA,CAAA;IAHP,YAAY,CAAC,UAAU;;;AAWtB,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,aAAA,EAAA,MAAA,CAAA;AAKM,UAAA,CAAA;IAHP,YAAY,CAAC,OAAO;;;AAQnB,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,QAAA,EAAA,MAAA,CAAA;AAKM,UAAA,CAAA;IAHP,YAAY,CAAC,SAAS;;;AAYrB,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,gBAAA,EAAA,MAAA,CAAA;;;;"}

package/es/components/fluid-number-input/fluid-number-input-skeleton.js

@@ -32,7 +32,7 @@ CDSFluidNumberInputSkeleton.styles = [CDSNumberInputSkeleton.styles, styles];
 CDSFluidNumberInputSkeleton = __decorate([
     carbonElement(`${prefix}-fluid-number-input-skeleton`)
 ], CDSFluidNumberInputSkeleton);
-var CDSFluidNumberInputSkeleton$1 = CDSFluidNumberInputSkeleton;
+var CDSFluidNumberInputSkeleton_default = CDSFluidNumberInputSkeleton;
 
-export { CDSFluidNumberInputSkeleton$1 as default };
+export { CDSFluidNumberInputSkeleton_default as default };
 //# sourceMappingURL=fluid-number-input-skeleton.js.map

package/es/components/fluid-number-input/fluid-number-input-skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"fluid-number-input-skeleton.js","sources":["../../../src/components/fluid-number-input/fluid-number-input-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp.2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { prefix } from '../../globals/settings';\nimport { html } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './fluid-number-input.scss?lit';\nimport CDSNumberInputSkeleton from '../number-input/number-input-skeleton';\n\n/**\n * Fluid number input.\n *\n * @element cds-fluid-number-input-skeleton\n */\n@customElement(`${prefix}-fluid-number-input-skeleton`)\nclass CDSFluidNumberInputSkeleton extends CDSNumberInputSkeleton {\n  render() {\n    return html` ${super.render()} `;\n  }\n\n  static styles = [CDSNumberInputSkeleton.styles, styles];\n}\n\nexport default CDSFluidNumberInputSkeleton;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;AAAA;;;;;AAKG;AAQH;;;;AAIG;AAEH,IAAM,2BAA2B,GAAjC,MAAM,2BAA4B,SAAQ,sBAAsB,CAAA;IAC9D,MAAM,GAAA;QACJ,OAAO,IAAI,CAAA,CAAA,CAAA,EAAI,KAAK,CAAC,MAAM,EAAE,GAAG;IAClC;;AAEO,2BAAA,CAAA,MAAM,GAAG,CAAC,sBAAsB,CAAC,MAAM,EAAE,MAAM,CAAzC;AALT,2BAA2B,GAAA,UAAA,CAAA;AADhC,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,4BAAA,CAA8B;AAChD,CAAA,EAAA,2BAA2B,CAMhC;AAED,oCAAe,2BAA2B;;;;"}
+{"version":3,"file":"fluid-number-input-skeleton.js","sources":["../../../src/components/fluid-number-input/fluid-number-input-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp.2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { prefix } from '../../globals/settings';\nimport { html } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './fluid-number-input.scss?lit';\nimport CDSNumberInputSkeleton from '../number-input/number-input-skeleton';\n\n/**\n * Fluid number input.\n *\n * @element cds-fluid-number-input-skeleton\n */\n@customElement(`${prefix}-fluid-number-input-skeleton`)\nclass CDSFluidNumberInputSkeleton extends CDSNumberInputSkeleton {\n  render() {\n    return html` ${super.render()} `;\n  }\n\n  static styles = [CDSNumberInputSkeleton.styles, styles];\n}\n\nexport default CDSFluidNumberInputSkeleton;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;AAAA;;;;;AAKG;AAQH;;;;AAIG;AAEH,IAAM,2BAA2B,GAAjC,MAAM,2BAA4B,SAAQ,sBAAsB,CAAA;IAC9D,MAAM,GAAA;QACJ,OAAO,IAAI,CAAA,CAAA,CAAA,EAAI,KAAK,CAAC,MAAM,EAAE,GAAG;IAClC;;AAEO,2BAAA,CAAA,MAAM,GAAG,CAAC,sBAAsB,CAAC,MAAM,EAAE,MAAM,CAAzC;AALT,2BAA2B,GAAA,UAAA,CAAA;AADhC,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,4BAAA,CAA8B;AAChD,CAAA,EAAA,2BAA2B,CAMhC;AAED,0CAAe,2BAA2B;;;;"}

package/es/components/fluid-number-input/fluid-number-input.js

@@ -47,7 +47,7 @@ CDSFluidNumberInput.styles = [CDSNumberInput.styles, styles];
 CDSFluidNumberInput = __decorate([
     carbonElement(`${prefix}-fluid-number-input`)
 ], CDSFluidNumberInput);
-var CDSFluidNumberInput$1 = CDSFluidNumberInput;
+var CDSFluidNumberInput_default = CDSFluidNumberInput;
 
-export { CDSFluidNumberInput$1 as default };
+export { CDSFluidNumberInput_default as default };
 //# sourceMappingURL=fluid-number-input.js.map

package/es/components/fluid-number-input/fluid-number-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"fluid-number-input.js","sources":["../../../src/components/fluid-number-input/fluid-number-input.ts"],"sourcesContent":["/**\n * Copyright IBM Corp.2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { prefix } from '../../globals/settings';\nimport { html } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport CDSNumberInput from '../number-input/number-input';\nimport styles from './fluid-number-input.scss?lit';\nimport { classMap } from 'lit/directives/class-map.js';\n\n/**\n * Fluid number input.\n *\n * @element cds-fluid-number-input\n */\n@customElement(`${prefix}-fluid-number-input`)\nclass CDSFluidNumberInput extends CDSNumberInput {\n  connectedCallback() {\n    this.setAttribute('isFluid', 'true');\n    super.connectedCallback();\n  }\n\n  updated() {\n    super.updated();\n  }\n\n  render() {\n    const wrapperClasses = classMap({\n      [`${prefix}--number-input--fluid`]: true,\n      [`${prefix}--number-input--fluid--invalid`]: this.invalid,\n      [`${prefix}--number-input--fluid--warning`]: this.warn && !this.invalid,\n      [`${prefix}--number-input--fluid--disabled`]: this.disabled,\n      [`${prefix}--number-input--fluid--readonly`]: this.readonly,\n    });\n\n    return html`<div class=\"${wrapperClasses}\">${super.render()}</div>`;\n  }\n\n  static styles = [CDSNumberInput.styles, styles];\n}\n\nexport default CDSFluidNumberInput;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;AAAA;;;;;AAKG;AASH;;;;AAIG;AAEH,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,cAAc,CAAA;IAC9C,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,MAAM,CAAC;QACpC,KAAK,CAAC,iBAAiB,EAAE;IAC3B;IAEA,OAAO,GAAA;QACL,KAAK,CAAC,OAAO,EAAE;IACjB;IAEA,MAAM,GAAA;QACJ,MAAM,cAAc,GAAG,QAAQ,CAAC;AAC9B,YAAA,CAAC,CAAA,EAAG,MAAM,CAAA,qBAAA,CAAuB,GAAG,IAAI;AACxC,YAAA,CAAC,GAAG,MAAM,CAAA,8BAAA,CAAgC,GAAG,IAAI,CAAC,OAAO;AACzD,YAAA,CAAC,CAAA,EAAG,MAAM,CAAA,8BAAA,CAAgC,GAAG,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO;AACvE,YAAA,CAAC,GAAG,MAAM,CAAA,+BAAA,CAAiC,GAAG,IAAI,CAAC,QAAQ;AAC3D,YAAA,CAAC,GAAG,MAAM,CAAA,+BAAA,CAAiC,GAAG,IAAI,CAAC,QAAQ;AAC5D,SAAA,CAAC;QAEF,OAAO,IAAI,CAAA,CAAA,YAAA,EAAe,cAAc,CAAA,EAAA,EAAK,KAAK,CAAC,MAAM,EAAE,CAAA,MAAA,CAAQ;IACrE;;AAEO,mBAAA,CAAA,MAAM,GAAG,CAAC,cAAc,CAAC,MAAM,EAAE,MAAM,CAAjC;AAtBT,mBAAmB,GAAA,UAAA,CAAA;AADxB,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,mBAAA,CAAqB;AACvC,CAAA,EAAA,mBAAmB,CAuBxB;AAED,4BAAe,mBAAmB;;;;"}
+{"version":3,"file":"fluid-number-input.js","sources":["../../../src/components/fluid-number-input/fluid-number-input.ts"],"sourcesContent":["/**\n * Copyright IBM Corp.2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { prefix } from '../../globals/settings';\nimport { html } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport CDSNumberInput from '../number-input/number-input';\nimport styles from './fluid-number-input.scss?lit';\nimport { classMap } from 'lit/directives/class-map.js';\n\n/**\n * Fluid number input.\n *\n * @element cds-fluid-number-input\n */\n@customElement(`${prefix}-fluid-number-input`)\nclass CDSFluidNumberInput extends CDSNumberInput {\n  connectedCallback() {\n    this.setAttribute('isFluid', 'true');\n    super.connectedCallback();\n  }\n\n  updated() {\n    super.updated();\n  }\n\n  render() {\n    const wrapperClasses = classMap({\n      [`${prefix}--number-input--fluid`]: true,\n      [`${prefix}--number-input--fluid--invalid`]: this.invalid,\n      [`${prefix}--number-input--fluid--warning`]: this.warn && !this.invalid,\n      [`${prefix}--number-input--fluid--disabled`]: this.disabled,\n      [`${prefix}--number-input--fluid--readonly`]: this.readonly,\n    });\n\n    return html`<div class=\"${wrapperClasses}\">${super.render()}</div>`;\n  }\n\n  static styles = [CDSNumberInput.styles, styles];\n}\n\nexport default CDSFluidNumberInput;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;AAAA;;;;;AAKG;AASH;;;;AAIG;AAEH,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,cAAc,CAAA;IAC9C,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,MAAM,CAAC;QACpC,KAAK,CAAC,iBAAiB,EAAE;IAC3B;IAEA,OAAO,GAAA;QACL,KAAK,CAAC,OAAO,EAAE;IACjB;IAEA,MAAM,GAAA;QACJ,MAAM,cAAc,GAAG,QAAQ,CAAC;AAC9B,YAAA,CAAC,CAAA,EAAG,MAAM,CAAA,qBAAA,CAAuB,GAAG,IAAI;AACxC,YAAA,CAAC,GAAG,MAAM,CAAA,8BAAA,CAAgC,GAAG,IAAI,CAAC,OAAO;AACzD,YAAA,CAAC,CAAA,EAAG,MAAM,CAAA,8BAAA,CAAgC,GAAG,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO;AACvE,YAAA,CAAC,GAAG,MAAM,CAAA,+BAAA,CAAiC,GAAG,IAAI,CAAC,QAAQ;AAC3D,YAAA,CAAC,GAAG,MAAM,CAAA,+BAAA,CAAiC,GAAG,IAAI,CAAC,QAAQ;AAC5D,SAAA,CAAC;QAEF,OAAO,IAAI,CAAA,CAAA,YAAA,EAAe,cAAc,CAAA,EAAA,EAAK,KAAK,CAAC,MAAM,EAAE,CAAA,MAAA,CAAQ;IACrE;;AAEO,mBAAA,CAAA,MAAM,GAAG,CAAC,cAAc,CAAC,MAAM,EAAE,MAAM,CAAjC;AAtBT,mBAAmB,GAAA,UAAA,CAAA;AADxB,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,mBAAA,CAAqB;AACvC,CAAA,EAAA,mBAAmB,CAuBxB;AAED,kCAAe,mBAAmB;;;;"}

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

@@ -32,7 +32,7 @@ CDSFluidSearchSkeleton.styles = [CDSSearchSkeleton.styles, styles];
 CDSFluidSearchSkeleton = __decorate([
     carbonElement(`${prefix}-fluid-search-skeleton`)
 ], CDSFluidSearchSkeleton);
-var CDSFluidSearchSkeleton$1 = CDSFluidSearchSkeleton;
+var CDSFluidSearchSkeleton_default = CDSFluidSearchSkeleton;
 
-export { CDSFluidSearchSkeleton$1 as default };
+export { CDSFluidSearchSkeleton_default as default };
 //# sourceMappingURL=fluid-search-skeleton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"fluid-search-skeleton.js","sources":["../../../src/components/fluid-search/fluid-search-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp.2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { prefix } from '../../globals/settings';\nimport { html } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './fluid-search.scss?lit';\nimport CDSSearchSkeleton from '../search/search-skeleton';\n\n/**\n * Fluid Search.\n *\n * @element cds-fluid-search-skeleton\n */\n@customElement(`${prefix}-fluid-search-skeleton`)\nclass CDSFluidSearchSkeleton extends CDSSearchSkeleton {\n  render() {\n    return html`${super.render()}`;\n  }\n\n  static styles = [CDSSearchSkeleton.styles, styles];\n}\n\nexport default CDSFluidSearchSkeleton;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;AAAA;;;;;AAKG;AAQH;;;;AAIG;AAEH,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,iBAAiB,CAAA;IACpD,MAAM,GAAA;QACJ,OAAO,IAAI,CAAA,CAAA,EAAG,KAAK,CAAC,MAAM,EAAE,EAAE;IAChC;;AAEO,sBAAA,CAAA,MAAM,GAAG,CAAC,iBAAiB,CAAC,MAAM,EAAE,MAAM,CAApC;AALT,sBAAsB,GAAA,UAAA,CAAA;AAD3B,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,sBAAA,CAAwB;AAC1C,CAAA,EAAA,sBAAsB,CAM3B;AAED,+BAAe,sBAAsB;;;;"}
+{"version":3,"file":"fluid-search-skeleton.js","sources":["../../../src/components/fluid-search/fluid-search-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp.2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { prefix } from '../../globals/settings';\nimport { html } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './fluid-search.scss?lit';\nimport CDSSearchSkeleton from '../search/search-skeleton';\n\n/**\n * Fluid Search.\n *\n * @element cds-fluid-search-skeleton\n */\n@customElement(`${prefix}-fluid-search-skeleton`)\nclass CDSFluidSearchSkeleton extends CDSSearchSkeleton {\n  render() {\n    return html`${super.render()}`;\n  }\n\n  static styles = [CDSSearchSkeleton.styles, styles];\n}\n\nexport default CDSFluidSearchSkeleton;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;AAAA;;;;;AAKG;AAQH;;;;AAIG;AAEH,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,iBAAiB,CAAA;IACpD,MAAM,GAAA;QACJ,OAAO,IAAI,CAAA,CAAA,EAAG,KAAK,CAAC,MAAM,EAAE,EAAE;IAChC;;AAEO,sBAAA,CAAA,MAAM,GAAG,CAAC,iBAAiB,CAAC,MAAM,EAAE,MAAM,CAApC;AALT,sBAAsB,GAAA,UAAA,CAAA;AAD3B,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,sBAAA,CAAwB;AAC1C,CAAA,EAAA,sBAAsB,CAM3B;AAED,qCAAe,sBAAsB;;;;"}

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

@@ -38,7 +38,7 @@ CDSFluidSearch.styles = [CDSSearch.styles, styles];
 CDSFluidSearch = __decorate([
     carbonElement(`${prefix}-fluid-search`)
 ], CDSFluidSearch);
-var CDSFluidSearch$1 = CDSFluidSearch;
+var CDSFluidSearch_default = CDSFluidSearch;
 
-export { CDSFluidSearch$1 as default };
+export { CDSFluidSearch_default as default };
 //# sourceMappingURL=fluid-search.js.map