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

package/es-custom/components/content-switcher/defs.js

@@ -44,7 +44,7 @@ let CONTENT_SWITCHER_SIZE = /* @__PURE__ */ function(CONTENT_SWITCHER_SIZE) {
 	CONTENT_SWITCHER_SIZE["EXTRA_LARGE"] = "xl";
 	return CONTENT_SWITCHER_SIZE;
 }({});
-
 //#endregion
 export { CONTENT_SWITCHER_SIZE, NAVIGATION_DIRECTION };
+
 //# sourceMappingURL=defs.js.map

package/es-custom/components/content-switcher/defs.js.map

@@ -1 +1 @@
-{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/content-switcher/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * Navigation direction, associated with key symbols.\n */\nexport const NAVIGATION_DIRECTION = {\n  Left: -1,\n  ArrowLeft: -1,\n  Right: 1,\n  ArrowRight: 1,\n};\n\n/**\n * Button size.\n */\nexport enum CONTENT_SWITCHER_SIZE {\n  /**\n   * Regular size.\n   */\n  REGULAR = '',\n\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n\n  /**\n   * @deprecated\n   * X-Large size.\n   */\n  EXTRA_LARGE = 'xl',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,MAAa,uBAAuB;CAClC,MAAM;CACN,WAAW;CACX,OAAO;CACP,YAAY;CACb;;;;AAKD,IAAY,wEAAL;;;;AAIL;;;;AAKA;;;;AAKA;;;;;AAMA"}
+{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/content-switcher/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * Navigation direction, associated with key symbols.\n */\nexport const NAVIGATION_DIRECTION = {\n  Left: -1,\n  ArrowLeft: -1,\n  Right: 1,\n  ArrowRight: 1,\n};\n\n/**\n * Button size.\n */\nexport enum CONTENT_SWITCHER_SIZE {\n  /**\n   * Regular size.\n   */\n  REGULAR = '',\n\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n\n  /**\n   * @deprecated\n   * X-Large size.\n   */\n  EXTRA_LARGE = 'xl',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,MAAa,uBAAuB;CAClC,MAAM;CACN,WAAW;CACX,OAAO;CACP,YAAY;CACb;;;;AAKD,IAAY,wBAAL,yBAAA,uBAAA;;;;AAIL,uBAAA,aAAA;;;;AAKA,uBAAA,WAAA;;;;AAKA,uBAAA,WAAA;;;;;AAMA,uBAAA,iBAAA;;KACD"}

package/es-custom/components/copy/copy.js

@@ -5,14 +5,13 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import icon_button_default from "../icon-button/icon-button.js";
 import copy_button_default from "../copy-button/copy-button.scss.js";
 import { html } from "lit";
 import { property } from "lit/decorators.js";
-
 //#region src/components/copy/copy.ts
 /**
 * Copyright IBM Corp. 2019, 2026
@@ -39,15 +38,15 @@ let CDSCopy = class CDSCopy extends icon_button_default {
 					timeoutId = void 0;
 				}
 				this._showFeedback = true;
-				buttonClasses?.add(`${prefix}--copy-btn--animating`);
+				buttonClasses?.add(`cds-custom--copy-btn--animating`);
 				this._animation = "fade-in";
-				buttonClasses?.add(`${prefix}--copy-btn--${this._animation}`);
+				buttonClasses?.add(`cds-custom--copy-btn--${this._animation}`);
 				this.requestUpdate();
 				timeoutId = setTimeout(() => {
 					this._showFeedback = false;
 					this._animation = "fade-out";
-					buttonClasses?.remove(`${prefix}--copy-btn--fade-in`);
-					buttonClasses?.add(`${prefix}--copy-btn--${this._animation}`);
+					buttonClasses?.remove(`cds-custom--copy-btn--fade-in`);
+					buttonClasses?.add(`cds-custom--copy-btn--${this._animation}`);
 					this.requestUpdate();
 				}, timeout);
 			};
@@ -78,8 +77,8 @@ let CDSCopy = class CDSCopy extends icon_button_default {
 		this.shadowRoot?.querySelector("button")?.addEventListener("animationend", () => {
 			if (this._animation === "fade-out") {
 				const buttonClasses = this.shadowRoot?.querySelector("button")?.classList;
-				buttonClasses?.remove(`${prefix}--copy-btn--animating`);
-				buttonClasses?.remove(`${prefix}--copy-btn--${this._animation}`);
+				buttonClasses?.remove(`cds-custom--copy-btn--animating`);
+				buttonClasses?.remove(`cds-custom--copy-btn--${this._animation}`);
 				this._animation = "";
 			}
 		});
@@ -95,9 +94,9 @@ __decorate([property({
 	type: Number,
 	attribute: "feedback-timeout"
 })], CDSCopy.prototype, "feedbackTimeout", void 0);
-CDSCopy = __decorate([carbonElement(`${prefix}-copy`)], CDSCopy);
+CDSCopy = __decorate([carbonElement(`cds-custom-copy`)], CDSCopy);
 var copy_default = CDSCopy;
-
 //#endregion
 export { copy_default as default };
+
 //# sourceMappingURL=copy.js.map

package/es-custom/components/copy/copy.js.map

@@ -1 +1 @@
-{"version":3,"file":"copy.js","names":["CDSIconButton","styles","customElement"],"sources":["../../../src/components/copy/copy.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 { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from '../copy-button/copy-button.scss?lit';\nimport CDSIconButton from '../icon-button/icon-button';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Copy.\n *\n * @element cds-custom-copy\n */\n@customElement(`${prefix}-copy`)\nclass CDSCopy extends CDSIconButton {\n  /**\n   * `true` to show the feedback tooltip.\n   */\n  private _showFeedback = false;\n\n  /**\n   * `true` to show the feedback tooltip.\n   */\n  private _animation = '';\n\n  private _createHandleFeedbackTooltip = () => {\n    let timeoutId: number | undefined;\n    return (timeout: number) => {\n      const buttonClasses = this.shadowRoot?.querySelector('button')?.classList;\n\n      if (timeoutId) {\n        clearTimeout(timeoutId);\n        timeoutId = undefined;\n      }\n      this._showFeedback = true;\n      buttonClasses?.add(`${prefix}--copy-btn--animating`);\n      this._animation = 'fade-in';\n      buttonClasses?.add(`${prefix}--copy-btn--${this._animation}`);\n      this.requestUpdate();\n      timeoutId = setTimeout(() => {\n        this._showFeedback = false;\n        this._animation = 'fade-out';\n        buttonClasses?.remove(`${prefix}--copy-btn--fade-in`);\n        buttonClasses?.add(`${prefix}--copy-btn--${this._animation}`);\n        this.requestUpdate();\n      }, timeout) as unknown as number;\n    };\n  };\n\n  /**\n   * Handles showing/hiding the feedback tooltip.\n   */\n  private _handleFeedbackTooltip = this._createHandleFeedbackTooltip();\n\n  /**\n   * Handles `click` event on the copy button.\n   */\n  private _handleClickButton() {\n    this._handleFeedbackTooltip(this.feedbackTimeout);\n  }\n\n  /**\n   * Specify the string that is displayed when the button is clicked and the content is copi\n   */\n  @property()\n  feedback = 'Copied!';\n\n  /**\n   * The number in milliseconds to determine how long the tooltip should remain.\n   */\n  @property({ type: Number, attribute: 'feedback-timeout' })\n  feedbackTimeout = 2000;\n\n  protected _renderTooltipContent() {\n    return html`\n      <cds-custom-tooltip-content>\n        ${this._showFeedback\n          ? this.feedback\n          : html`<slot name=\"tooltip-content\"></slot>`}\n      </cds-custom-tooltip-content>\n    `;\n  }\n\n  connectedCallback() {\n    this.closeOnActivation = false;\n\n    this.addEventListener('click', this._handleClickButton);\n\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    this.shadowRoot\n      ?.querySelector('button')\n      ?.addEventListener('animationend', () => {\n        if (this._animation === 'fade-out') {\n          const buttonClasses =\n            this.shadowRoot?.querySelector('button')?.classList;\n          buttonClasses?.remove(`${prefix}--copy-btn--animating`);\n          buttonClasses?.remove(`${prefix}--copy-btn--${this._animation}`);\n          this._animation = '';\n        }\n      });\n\n    super.updated(changedProperties);\n\n    this.shadowRoot // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n      ?.querySelector('button') // @ts-ignore: TS thinks `host` doesn't exist on `parentNode`\n      ?.setAttribute('aria-label', this.parentNode?.host.textContent);\n  }\n\n  static styles = styles;\n}\n\nexport default CDSCopy;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,oBACM,gBAAgBA,oBAAc;;;uBAIV;oBAKH;4CAEwB;GAC3C,IAAI;AACJ,WAAQ,YAAoB;IAC1B,MAAM,gBAAgB,KAAK,YAAY,cAAc,SAAS,EAAE;AAEhE,QAAI,WAAW;AACb,kBAAa,UAAU;AACvB,iBAAY;;AAEd,SAAK,gBAAgB;AACrB,mBAAe,IAAI,GAAG,OAAO,uBAAuB;AACpD,SAAK,aAAa;AAClB,mBAAe,IAAI,GAAG,OAAO,cAAc,KAAK,aAAa;AAC7D,SAAK,eAAe;AACpB,gBAAY,iBAAiB;AAC3B,UAAK,gBAAgB;AACrB,UAAK,aAAa;AAClB,oBAAe,OAAO,GAAG,OAAO,qBAAqB;AACrD,oBAAe,IAAI,GAAG,OAAO,cAAc,KAAK,aAAa;AAC7D,UAAK,eAAe;OACnB,QAAQ;;;gCAOkB,KAAK,8BAA8B;kBAazD;yBAMO;;;;;CAdlB,AAAQ,qBAAqB;AAC3B,OAAK,uBAAuB,KAAK,gBAAgB;;CAenD,AAAU,wBAAwB;AAChC,SAAO,IAAI;;UAEL,KAAK,gBACH,KAAK,WACL,IAAI,uCAAuC;;;;CAKrD,oBAAoB;AAClB,OAAK,oBAAoB;AAEzB,OAAK,iBAAiB,SAAS,KAAK,mBAAmB;AAEvD,QAAM,mBAAmB;;CAG3B,QAAQ,mBAAmB;AACzB,OAAK,YACD,cAAc,SAAS,EACvB,iBAAiB,sBAAsB;AACvC,OAAI,KAAK,eAAe,YAAY;IAClC,MAAM,gBACJ,KAAK,YAAY,cAAc,SAAS,EAAE;AAC5C,mBAAe,OAAO,GAAG,OAAO,uBAAuB;AACvD,mBAAe,OAAO,GAAG,OAAO,cAAc,KAAK,aAAa;AAChE,SAAK,aAAa;;IAEpB;AAEJ,QAAM,QAAQ,kBAAkB;AAEhC,OAAK,YACD,cAAc,SAAS,EACvB,aAAa,cAAc,KAAK,YAAY,KAAK,YAAY;;;gBAGnDC;;;YA/Cf,UAAU;YAMV,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAoB,CAAC;sBAzD3DC,cAAc,GAAG,OAAO,OAAO;AAqGhC,mBAAe"}
+{"version":3,"file":"copy.js","names":["CDSIconButton","styles","customElement"],"sources":["../../../src/components/copy/copy.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 { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from '../copy-button/copy-button.scss?lit';\nimport CDSIconButton from '../icon-button/icon-button';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Copy.\n *\n * @element cds-custom-copy\n */\n@customElement(`${prefix}-copy`)\nclass CDSCopy extends CDSIconButton {\n  /**\n   * `true` to show the feedback tooltip.\n   */\n  private _showFeedback = false;\n\n  /**\n   * `true` to show the feedback tooltip.\n   */\n  private _animation = '';\n\n  private _createHandleFeedbackTooltip = () => {\n    let timeoutId: number | undefined;\n    return (timeout: number) => {\n      const buttonClasses = this.shadowRoot?.querySelector('button')?.classList;\n\n      if (timeoutId) {\n        clearTimeout(timeoutId);\n        timeoutId = undefined;\n      }\n      this._showFeedback = true;\n      buttonClasses?.add(`${prefix}--copy-btn--animating`);\n      this._animation = 'fade-in';\n      buttonClasses?.add(`${prefix}--copy-btn--${this._animation}`);\n      this.requestUpdate();\n      timeoutId = setTimeout(() => {\n        this._showFeedback = false;\n        this._animation = 'fade-out';\n        buttonClasses?.remove(`${prefix}--copy-btn--fade-in`);\n        buttonClasses?.add(`${prefix}--copy-btn--${this._animation}`);\n        this.requestUpdate();\n      }, timeout) as unknown as number;\n    };\n  };\n\n  /**\n   * Handles showing/hiding the feedback tooltip.\n   */\n  private _handleFeedbackTooltip = this._createHandleFeedbackTooltip();\n\n  /**\n   * Handles `click` event on the copy button.\n   */\n  private _handleClickButton() {\n    this._handleFeedbackTooltip(this.feedbackTimeout);\n  }\n\n  /**\n   * Specify the string that is displayed when the button is clicked and the content is copi\n   */\n  @property()\n  feedback = 'Copied!';\n\n  /**\n   * The number in milliseconds to determine how long the tooltip should remain.\n   */\n  @property({ type: Number, attribute: 'feedback-timeout' })\n  feedbackTimeout = 2000;\n\n  protected _renderTooltipContent() {\n    return html`\n      <cds-custom-tooltip-content>\n        ${this._showFeedback\n          ? this.feedback\n          : html`<slot name=\"tooltip-content\"></slot>`}\n      </cds-custom-tooltip-content>\n    `;\n  }\n\n  connectedCallback() {\n    this.closeOnActivation = false;\n\n    this.addEventListener('click', this._handleClickButton);\n\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    this.shadowRoot\n      ?.querySelector('button')\n      ?.addEventListener('animationend', () => {\n        if (this._animation === 'fade-out') {\n          const buttonClasses =\n            this.shadowRoot?.querySelector('button')?.classList;\n          buttonClasses?.remove(`${prefix}--copy-btn--animating`);\n          buttonClasses?.remove(`${prefix}--copy-btn--${this._animation}`);\n          this._animation = '';\n        }\n      });\n\n    super.updated(changedProperties);\n\n    this.shadowRoot // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n      ?.querySelector('button') // @ts-ignore: TS thinks `host` doesn't exist on `parentNode`\n      ?.setAttribute('aria-label', this.parentNode?.host.textContent);\n  }\n\n  static styles = styles;\n}\n\nexport default CDSCopy;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,IAAA,UAAA,MACM,gBAAgBA,oBAAc;;;uBAIV;oBAKH;4CAEwB;GAC3C,IAAI;AACJ,WAAQ,YAAoB;IAC1B,MAAM,gBAAgB,KAAK,YAAY,cAAc,SAAS,EAAE;AAEhE,QAAI,WAAW;AACb,kBAAa,UAAU;AACvB,iBAAY,KAAA;;AAEd,SAAK,gBAAgB;AACrB,mBAAe,IAAI,2BAAiC;AACpD,SAAK,aAAa;AAClB,mBAAe,IAAI,kBAAwB,KAAK,aAAa;AAC7D,SAAK,eAAe;AACpB,gBAAY,iBAAiB;AAC3B,UAAK,gBAAgB;AACrB,UAAK,aAAa;AAClB,oBAAe,OAAO,yBAA+B;AACrD,oBAAe,IAAI,kBAAwB,KAAK,aAAa;AAC7D,UAAK,eAAe;OACnB,QAAQ;;;gCAOkB,KAAK,8BAA8B;kBAazD;yBAMO;;;;;CAdlB,qBAA6B;AAC3B,OAAK,uBAAuB,KAAK,gBAAgB;;CAenD,wBAAkC;AAChC,SAAO,IAAI;;UAEL,KAAK,gBACH,KAAK,WACL,IAAI,uCAAuC;;;;CAKrD,oBAAoB;AAClB,OAAK,oBAAoB;AAEzB,OAAK,iBAAiB,SAAS,KAAK,mBAAmB;AAEvD,QAAM,mBAAmB;;CAG3B,QAAQ,mBAAmB;AACzB,OAAK,YACD,cAAc,SAAS,EACvB,iBAAiB,sBAAsB;AACvC,OAAI,KAAK,eAAe,YAAY;IAClC,MAAM,gBACJ,KAAK,YAAY,cAAc,SAAS,EAAE;AAC5C,mBAAe,OAAO,2BAAiC;AACvD,mBAAe,OAAO,kBAAwB,KAAK,aAAa;AAChE,SAAK,aAAa;;IAEpB;AAEJ,QAAM,QAAQ,kBAAkB;AAEhC,OAAK,YACD,cAAc,SAAS,EACvB,aAAa,cAAc,KAAK,YAAY,KAAK,YAAY;;;gBAGnDC;;;YA/Cf,UAAU,CAAA,EAAA,QAAA,WAAA,YAAA,KAAA,EAAA;YAMV,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAoB,CAAC,CAAA,EAAA,QAAA,WAAA,mBAAA,KAAA,EAAA;sBAzD3DC,cAAc,WAAiB,CAAA,EAAA,QAAA;AAqGhC,IAAA,eAAe"}

package/es-custom/components/copy-button/copy-button.js

@@ -5,18 +5,17 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import iconLoader from "../../globals/internal/icon-loader.js";
 import FocusMixin from "../../globals/mixins/focus.js";
-import { POPOVER_ALIGNMENT } from "../popover/defs.js";
+import "../popover/defs.js";
 import copy_button_default$1 from "./copy-button.scss.js";
 import "../copy/copy.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";
 import Copy16 from "@carbon/icons/es/copy/16.js";
-
 //#region src/components/copy-button/copy-button.ts
 /**
 * Copyright IBM Corp. 2019, 2024
@@ -34,13 +33,13 @@ let CDSCopyButton = class CDSCopyButton extends FocusMixin(LitElement) {
 		super(..._args);
 		this.disabled = false;
 		this.feedback = "Copied!";
-		this.align = POPOVER_ALIGNMENT.BOTTOM;
+		this.align = "bottom";
 		this.autoAlign = false;
 		this.feedbackTimeout = 2e3;
 	}
 	render() {
 		const { buttonClassName, disabled, feedback, feedbackTimeout, align, autoAlign } = this;
-		let classes = `${prefix}--copy-btn`;
+		let classes = `cds-custom--copy-btn`;
 		if (buttonClassName) classes += ` ${buttonClassName}`;
 		return html`
       <cds-custom-copy
@@ -53,7 +52,7 @@ let CDSCopyButton = class CDSCopyButton extends FocusMixin(LitElement) {
         align=${align}>
         ${iconLoader(Copy16, {
 			slot: "icon",
-			class: `${prefix}--snippet__icon`
+			class: `cds-custom--snippet__icon`
 		})}
         <slot slot="tooltip-content"></slot>
       </cds-custom-copy>
@@ -81,9 +80,9 @@ __decorate([property({
 	type: Number,
 	attribute: "feedback-timeout"
 })], CDSCopyButton.prototype, "feedbackTimeout", void 0);
-CDSCopyButton = __decorate([carbonElement(`${prefix}-copy-button`)], CDSCopyButton);
+CDSCopyButton = __decorate([carbonElement(`cds-custom-copy-button`)], CDSCopyButton);
 var copy_button_default = CDSCopyButton;
-
 //#endregion
 export { copy_button_default as default };
+
 //# sourceMappingURL=copy-button.js.map

package/es-custom/components/copy-button/copy-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"copy-button.js","names":["styles","customElement"],"sources":["../../../src/components/copy-button/copy-button.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 { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport Copy16 from '@carbon/icons/es/copy/16.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './copy-button.scss?lit';\nimport { POPOVER_ALIGNMENT } from '../popover/defs';\nimport '../copy/copy';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\n/**\n * Copy button.\n *\n * @element cds-custom-copy-button\n */\n@customElement(`${prefix}-copy-button`)\nclass CDSCopyButton extends FocusMixin(LitElement) {\n  /**\n   * Specify an optional className to be added to your Button\n   */\n  @property({ reflect: true, attribute: 'button-class-name' })\n  buttonClassName;\n\n  /**\n   * `true` if the button should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Specify the string that is displayed when the button is clicked and the content is copi\n   */\n  @property()\n  feedback = 'Copied!';\n\n  /**\n   * How the tooltip is aligned to the trigger button.\n   */\n  @property({ reflect: true })\n  align = POPOVER_ALIGNMENT.BOTTOM;\n\n  /**\n   * Specify whether a auto align functionality should be applied\n   */\n  @property({ type: Boolean, reflect: true })\n  autoAlign = false;\n\n  /**\n   * The number in milliseconds to determine how long the tooltip should remain.\n   */\n  @property({ type: Number, attribute: 'feedback-timeout' })\n  feedbackTimeout = 2000;\n\n  render() {\n    const {\n      buttonClassName,\n      disabled,\n      feedback,\n      feedbackTimeout,\n      align,\n      autoAlign,\n    } = this;\n\n    let classes = `${prefix}--copy-btn`;\n\n    if (buttonClassName) {\n      classes += ` ${buttonClassName}`;\n    }\n\n    return html`\n      <cds-custom-copy\n        ?disabled=${disabled}\n        ?autoalign=${autoAlign}\n        feedback=${feedback}\n        feedback-timeout=${feedbackTimeout}\n        button-class-name=${classes}\n        exportparts=\"button\"\n        align=${align}>\n        ${iconLoader(Copy16, {\n          slot: 'icon',\n          class: `${prefix}--snippet__icon`,\n        })}\n        <slot slot=\"tooltip-content\"></slot>\n      </cds-custom-copy>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSCopyButton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,0BACM,sBAAsB,WAAW,WAAW,CAAC;;;kBAWtC;kBAMA;eAMH,kBAAkB;mBAMd;yBAMM;;CAElB,SAAS;EACP,MAAM,EACJ,iBACA,UACA,UACA,iBACA,OACA,cACE;EAEJ,IAAI,UAAU,GAAG,OAAO;AAExB,MAAI,gBACF,YAAW,IAAI;AAGjB,SAAO,IAAI;;oBAEK,SAAS;qBACR,UAAU;mBACZ,SAAS;2BACD,gBAAgB;4BACf,QAAQ;;gBAEpB,MAAM;UACZ,WAAW,QAAQ;GACnB,MAAM;GACN,OAAO,GAAG,OAAO;GAClB,CAAC,CAAC;;;;;;gBAMOA;;;YAnEf,SAAS;CAAE,SAAS;CAAM,WAAW;CAAqB,CAAC;YAM3D,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAM1C,UAAU;YAMV,SAAS,EAAE,SAAS,MAAM,CAAC;YAM3B,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAM1C,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAoB,CAAC;4BAnC3DC,cAAc,GAAG,OAAO,cAAc;AA2EvC,0BAAe"}
+{"version":3,"file":"copy-button.js","names":["styles","customElement"],"sources":["../../../src/components/copy-button/copy-button.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 { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport Copy16 from '@carbon/icons/es/copy/16.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './copy-button.scss?lit';\nimport { POPOVER_ALIGNMENT } from '../popover/defs';\nimport '../copy/copy';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\n/**\n * Copy button.\n *\n * @element cds-custom-copy-button\n */\n@customElement(`${prefix}-copy-button`)\nclass CDSCopyButton extends FocusMixin(LitElement) {\n  /**\n   * Specify an optional className to be added to your Button\n   */\n  @property({ reflect: true, attribute: 'button-class-name' })\n  buttonClassName;\n\n  /**\n   * `true` if the button should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Specify the string that is displayed when the button is clicked and the content is copi\n   */\n  @property()\n  feedback = 'Copied!';\n\n  /**\n   * How the tooltip is aligned to the trigger button.\n   */\n  @property({ reflect: true })\n  align = POPOVER_ALIGNMENT.BOTTOM;\n\n  /**\n   * Specify whether a auto align functionality should be applied\n   */\n  @property({ type: Boolean, reflect: true })\n  autoAlign = false;\n\n  /**\n   * The number in milliseconds to determine how long the tooltip should remain.\n   */\n  @property({ type: Number, attribute: 'feedback-timeout' })\n  feedbackTimeout = 2000;\n\n  render() {\n    const {\n      buttonClassName,\n      disabled,\n      feedback,\n      feedbackTimeout,\n      align,\n      autoAlign,\n    } = this;\n\n    let classes = `${prefix}--copy-btn`;\n\n    if (buttonClassName) {\n      classes += ` ${buttonClassName}`;\n    }\n\n    return html`\n      <cds-custom-copy\n        ?disabled=${disabled}\n        ?autoalign=${autoAlign}\n        feedback=${feedback}\n        feedback-timeout=${feedbackTimeout}\n        button-class-name=${classes}\n        exportparts=\"button\"\n        align=${align}>\n        ${iconLoader(Copy16, {\n          slot: 'icon',\n          class: `${prefix}--snippet__icon`,\n        })}\n        <slot slot=\"tooltip-content\"></slot>\n      </cds-custom-copy>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSCopyButton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,IAAA,gBAAA,MACM,sBAAsB,WAAW,WAAW,CAAC;;;kBAWtC;kBAMA;;mBAYC;yBAMM;;CAElB,SAAS;EACP,MAAM,EACJ,iBACA,UACA,UACA,iBACA,OACA,cACE;EAEJ,IAAI,UAAU;AAEd,MAAI,gBACF,YAAW,IAAI;AAGjB,SAAO,IAAI;;oBAEK,SAAS;qBACR,UAAU;mBACZ,SAAS;2BACD,gBAAgB;4BACf,QAAQ;;gBAEpB,MAAM;UACZ,WAAW,QAAQ;GACnB,MAAM;GACN,OAAO;GACR,CAAC,CAAC;;;;;;gBAMOA;;;YAnEf,SAAS;CAAE,SAAS;CAAM,WAAW;CAAqB,CAAC,CAAA,EAAA,cAAA,WAAA,mBAAA,KAAA,EAAA;YAM3D,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,cAAA,WAAA,YAAA,KAAA,EAAA;YAM1C,UAAU,CAAA,EAAA,cAAA,WAAA,YAAA,KAAA,EAAA;YAMV,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,cAAA,WAAA,SAAA,KAAA,EAAA;YAM3B,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,cAAA,WAAA,aAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAoB,CAAC,CAAA,EAAA,cAAA,WAAA,mBAAA,KAAA,EAAA;4BAnC3DC,cAAc,kBAAwB,CAAA,EAAA,cAAA;AA2EvC,IAAA,sBAAe"}