@carbon/web-components 2.52.0 → 2.53.0

package/es/components/button/button-set.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-set.js","names":["CDSButtonSetBase","styles","customElement"],"sources":["../../../src/components/button/button-set.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { BUTTON_KIND } from './defs';\nimport styles from './button.scss?lit';\nimport { prefix } from '../../globals/settings';\nimport CDSButtonSetBase from './button-set-base';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Button set.\n *\n * @element cds-button-set\n */\n@customElement(`${prefix}-button-set`)\nclass CDSButtonSet extends CDSButtonSetBase {\n  /**\n   * `true` if the buttons should be stacked. Only applies to the button-set variant.\n   */\n  @property({ type: Boolean, reflect: true })\n  stacked = false;\n\n  /**\n   * Handler for @slotchange, set the first cds-button to kind secondary and primary for the remaining ones\n   *\n   * @private\n   */\n  protected _handleSlotChange(event: Event) {\n    const childItems = (event.target as HTMLSlotElement)\n      .assignedNodes()\n      .filter((elem) =>\n        (elem as HTMLElement).matches !== undefined\n          ? (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSButtonSet).selectorItem\n            )\n          : false\n      );\n\n    childItems.forEach((elem, index) => {\n      (elem as HTMLElement).setAttribute(\n        'kind',\n        index === 0 ? BUTTON_KIND.SECONDARY : BUTTON_KIND.PRIMARY\n      );\n    });\n\n    const update = new CustomEvent(`${prefix}-btn-set-update`, {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n    });\n\n    this.dispatchEvent(update);\n  }\n\n  /**\n   * When a button within a button-set is focused, hide the margin on both sides\n   * of the focused button, by applying the appropriate styles to its sibling\n   *\n   * @private\n   */\n  private _hideSiblingMargin = () => {\n    const slot = this.shadowRoot?.querySelector('slot');\n    if (!slot) return;\n    const items = slot\n      .assignedElements()\n      .filter(\n        (el) => el.tagName.toLowerCase() === `${prefix}-button`\n      ) as HTMLElement[];\n\n    const focusedIndex = items.findIndex((el) => el.matches(':focus-within'));\n\n    items.forEach((el, idx) => {\n      const shouldHide =\n        focusedIndex >= 0 && (idx === focusedIndex || idx === focusedIndex + 1);\n      el.toggleAttribute('hide-margin', shouldHide);\n    });\n  };\n\n  connectedCallback() {\n    super.connectedCallback?.();\n    this.addEventListener('focusin', this._hideSiblingMargin);\n    this.addEventListener('focusout', this._hideSiblingMargin);\n  }\n\n  render() {\n    const { stacked } = this;\n    const defaultClasses = {\n      [`${prefix}--btn-set--stacked`]: stacked,\n      [`${prefix}--btn-set`]: true,\n    };\n    const classes = classMap(defaultClasses);\n\n    return html`<slot\n      class=\"${classes}\"\n      part=\"button-set\"\n      @slotchange=\"${this._handleSlotChange}\"></slot>`;\n  }\n  /**\n   * A selector that will return the child items.\n   */\n  static get selectorItem() {\n    return `${prefix}-button`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSButtonSet;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,yBACM,qBAAqBA,wBAAiB;;;iBAKhC;kCAwCyB;GACjC,MAAM,OAAO,KAAK,YAAY,cAAc,OAAO;AACnD,OAAI,CAAC,KAAM;GACX,MAAM,QAAQ,KACX,kBAAkB,CAClB,QACE,OAAO,GAAG,QAAQ,aAAa,KAAK,GAAG,OAAO,SAChD;GAEH,MAAM,eAAe,MAAM,WAAW,OAAO,GAAG,QAAQ,gBAAgB,CAAC;AAEzE,SAAM,SAAS,IAAI,QAAQ;IACzB,MAAM,aACJ,gBAAgB,MAAM,QAAQ,gBAAgB,QAAQ,eAAe;AACvE,OAAG,gBAAgB,eAAe,WAAW;KAC7C;;;;;;;;CAhDJ,AAAU,kBAAkB,OAAc;AAWxC,EAVoB,MAAM,OACvB,eAAe,CACf,QAAQ,SACN,KAAqB,YAAY,SAC7B,KAAqB,QACnB,KAAK,YAAoC,aAC3C,GACD,MACL,CAEQ,SAAS,MAAM,UAAU;AAClC,GAAC,KAAqB,aACpB,QACA,UAAU,IAAI,YAAY,YAAY,YAAY,QACnD;IACD;EAEF,MAAM,SAAS,IAAI,YAAY,GAAG,OAAO,kBAAkB;GACzD,SAAS;GACT,YAAY;GACZ,UAAU;GACX,CAAC;AAEF,OAAK,cAAc,OAAO;;CA2B5B,oBAAoB;AAClB,QAAM,qBAAqB;AAC3B,OAAK,iBAAiB,WAAW,KAAK,mBAAmB;AACzD,OAAK,iBAAiB,YAAY,KAAK,mBAAmB;;CAG5D,SAAS;EACP,MAAM,EAAE,YAAY;AAOpB,SAAO,IAAI;eAFK,SAJO;IACpB,GAAG,OAAO,sBAAsB;IAChC,GAAG,OAAO,aAAa;GACzB,CACuC,CAGrB;;qBAEF,KAAK,kBAAkB;;;;;CAK1C,WAAW,eAAe;AACxB,SAAO,GAAG,OAAO;;;gBAGHC;;;YArFf,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;2BAL5CC,cAAc,GAAG,OAAO,aAAa;AA6FtC,yBAAe"}
+{"version":3,"file":"button-set.js","names":["CDSButtonSetBase","styles","customElement"],"sources":["../../../src/components/button/button-set.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { BUTTON_KIND } from './defs';\nimport styles from './button.scss?lit';\nimport { prefix } from '../../globals/settings';\nimport CDSButtonSetBase from './button-set-base';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Button set.\n *\n * @element cds-button-set\n */\n@customElement(`${prefix}-button-set`)\nclass CDSButtonSet extends CDSButtonSetBase {\n  /**\n   * `true` if the buttons should be stacked. Only applies to the button-set variant.\n   */\n  @property({ type: Boolean, reflect: true })\n  stacked = false;\n\n  /**\n   * Handler for @slotchange, set the first cds-button to kind secondary and primary for the remaining ones\n   *\n   * @private\n   */\n  protected _handleSlotChange(event: Event) {\n    const childItems = (event.target as HTMLSlotElement)\n      .assignedNodes()\n      .filter((elem) =>\n        (elem as HTMLElement).matches !== undefined\n          ? (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSButtonSet).selectorItem\n            )\n          : false\n      );\n\n    childItems.forEach((elem, index) => {\n      (elem as HTMLElement).setAttribute(\n        'kind',\n        index === 0 ? BUTTON_KIND.SECONDARY : BUTTON_KIND.PRIMARY\n      );\n    });\n\n    const update = new CustomEvent(`${prefix}-btn-set-update`, {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n    });\n\n    this.dispatchEvent(update);\n  }\n\n  /**\n   * When a button within a button-set is focused, hide the margin on both sides\n   * of the focused button, by applying the appropriate styles to its sibling\n   *\n   * @private\n   */\n  private _hideSiblingMargin = () => {\n    const slot = this.shadowRoot?.querySelector('slot');\n    if (!slot) return;\n    const items = slot\n      .assignedElements()\n      .filter(\n        (el) => el.tagName.toLowerCase() === `${prefix}-button`\n      ) as HTMLElement[];\n\n    const focusedIndex = items.findIndex((el) => el.matches(':focus-within'));\n\n    items.forEach((el, idx) => {\n      const shouldHide =\n        focusedIndex >= 0 && (idx === focusedIndex || idx === focusedIndex + 1);\n      el.toggleAttribute('hide-margin', shouldHide);\n    });\n  };\n\n  connectedCallback() {\n    super.connectedCallback?.();\n    this.addEventListener('focusin', this._hideSiblingMargin);\n    this.addEventListener('focusout', this._hideSiblingMargin);\n  }\n\n  render() {\n    const { stacked } = this;\n    const defaultClasses = {\n      [`${prefix}--btn-set--stacked`]: stacked,\n      [`${prefix}--btn-set`]: true,\n    };\n    const classes = classMap(defaultClasses);\n\n    return html`<slot\n      class=\"${classes}\"\n      part=\"button-set\"\n      @slotchange=\"${this._handleSlotChange}\"></slot>`;\n  }\n  /**\n   * A selector that will return the child items.\n   */\n  static get selectorItem() {\n    return `${prefix}-button`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSButtonSet;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAA,eAAA,MACM,qBAAqBA,wBAAiB;;;iBAKhC;kCAwCyB;GACjC,MAAM,OAAO,KAAK,YAAY,cAAc,OAAO;AACnD,OAAI,CAAC,KAAM;GACX,MAAM,QAAQ,KACX,kBAAkB,CAClB,QACE,OAAO,GAAG,QAAQ,aAAa,KAAK,aACtC;GAEH,MAAM,eAAe,MAAM,WAAW,OAAO,GAAG,QAAQ,gBAAgB,CAAC;AAEzE,SAAM,SAAS,IAAI,QAAQ;IACzB,MAAM,aACJ,gBAAgB,MAAM,QAAQ,gBAAgB,QAAQ,eAAe;AACvE,OAAG,gBAAgB,eAAe,WAAW;KAC7C;;;;;;;;CAhDJ,kBAA4B,OAAc;AACpB,QAAM,OACvB,eAAe,CACf,QAAQ,SACN,KAAqB,YAAY,KAAA,IAC7B,KAAqB,QACnB,KAAK,YAAoC,aAC3C,GACD,MACL,CAEQ,SAAS,MAAM,UAAU;AACjC,QAAqB,aACpB,QACA,UAAU,IAAA,cAAA,UACX;IACD;EAEF,MAAM,SAAS,IAAI,YAAY,sBAA4B;GACzD,SAAS;GACT,YAAY;GACZ,UAAU;GACX,CAAC;AAEF,OAAK,cAAc,OAAO;;CA2B5B,oBAAoB;AAClB,QAAM,qBAAqB;AAC3B,OAAK,iBAAiB,WAAW,KAAK,mBAAmB;AACzD,OAAK,iBAAiB,YAAY,KAAK,mBAAmB;;CAG5D,SAAS;EACP,MAAM,EAAE,YAAY;AAOpB,SAAO,IAAI;eAFK,SAJO;IACpB,0BAAgC;IAChC,iBAAuB;GACzB,CACuC,CAGrB;;qBAEF,KAAK,kBAAkB;;;;;CAK1C,WAAW,eAAe;AACxB,SAAO;;;gBAGOC;;;YArFf,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,aAAA,WAAA,WAAA,KAAA,EAAA;2BAL5CC,cAAc,iBAAuB,CAAA,EAAA,aAAA;AA6FtC,IAAA,qBAAe"}

package/es/components/button/button-skeleton.js

@@ -5,15 +5,14 @@
  * 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 button_default from "./button.scss.js";
 import button_default$1 from "./button.js";
 import { html } from "lit";
 import { classMap } from "lit/directives/class-map.js";
 import { ifDefined } from "lit/directives/if-defined.js";
-
 //#region src/components/button/button-skeleton.ts
 /**
 * Copyright IBM Corp. 2019, 2023
@@ -39,10 +38,10 @@ let CDSButtonSkeleton = class CDSButtonSkeleton extends button_default$1 {
 	render() {
 		const { autofocus, disabled, download, href, hreflang, ping, rel, size, target, type } = this;
 		const classes = classMap({
-			[`${prefix}--btn`]: true,
-			[`${prefix}--skeleton`]: true,
-			[`${prefix}--btn--${size}`]: size,
-			[`${prefix}--layout--size-${size}`]: size
+			[`cds--btn`]: true,
+			[`cds--skeleton`]: true,
+			[`cds--btn--${size}`]: size,
+			[`cds--layout--size-${size}`]: size
 		});
 		return href ? html`
           <a
@@ -70,9 +69,9 @@ let CDSButtonSkeleton = class CDSButtonSkeleton extends button_default$1 {
 		this.styles = button_default;
 	}
 };
-CDSButtonSkeleton = __decorate([carbonElement(`${prefix}-button-skeleton`)], CDSButtonSkeleton);
+CDSButtonSkeleton = __decorate([carbonElement(`cds-button-skeleton`)], CDSButtonSkeleton);
 var button_skeleton_default = CDSButtonSkeleton;
-
 //#endregion
 export { button_skeleton_default as default };
+
 //# sourceMappingURL=button-skeleton.js.map

package/es/components/button/button-skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-skeleton.js","names":["CDSButton","styles","customElement"],"sources":["../../../src/components/button/button-skeleton.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 { ifDefined } from 'lit/directives/if-defined.js';\nimport { html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport CDSButton from './button';\nimport styles from './button.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Button skeleton.\n */\n@customElement(`${prefix}-button-skeleton`)\nclass CDSButtonSkeleton extends CDSButton {\n  /**\n   * Handles `click` event on the `<a>.\n   *\n   * @param event The event.\n   */\n  private _handleClickLinkSkeleton(event: MouseEvent) {\n    if (this.disabled) {\n      event.preventDefault(); // Stop following the link\n      event.stopPropagation(); // Stop firing `onClick`\n    }\n  }\n\n  render() {\n    const {\n      autofocus,\n      disabled,\n      download,\n      href,\n      hreflang,\n      ping,\n      rel,\n      size,\n      target,\n      type,\n    } = this;\n    const classes = classMap({\n      [`${prefix}--btn`]: true,\n      [`${prefix}--skeleton`]: true,\n      [`${prefix}--btn--${size}`]: size,\n      [`${prefix}--layout--size-${size}`]: size,\n    });\n    return href\n      ? html`\n          <a\n            id=\"button\"\n            role=\"button\"\n            class=\"${classes}\"\n            download=\"${ifDefined(download)}\"\n            href=\"${ifDefined(href)}\"\n            hreflang=\"${ifDefined(hreflang)}\"\n            ping=\"${ifDefined(ping)}\"\n            rel=\"${ifDefined(rel)}\"\n            target=\"${ifDefined(target)}\"\n            type=\"${ifDefined(type)}\"\n            @click=\"${this._handleClickLinkSkeleton}\"></a>\n        `\n      : html`\n          <button\n            id=\"button\"\n            class=\"${classes}\"\n            ?autofocus=\"${autofocus}\"\n            ?disabled=\"${disabled}\"\n            type=\"${ifDefined(type)}\"></button>\n        `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSButtonSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,8BACM,0BAA0BA,iBAAU;;;;;;CAMxC,AAAQ,yBAAyB,OAAmB;AAClD,MAAI,KAAK,UAAU;AACjB,SAAM,gBAAgB;AACtB,SAAM,iBAAiB;;;CAI3B,SAAS;EACP,MAAM,EACJ,WACA,UACA,UACA,MACA,UACA,MACA,KACA,MACA,QACA,SACE;EACJ,MAAM,UAAU,SAAS;IACtB,GAAG,OAAO,SAAS;IACnB,GAAG,OAAO,cAAc;IACxB,GAAG,OAAO,SAAS,SAAS;IAC5B,GAAG,OAAO,iBAAiB,SAAS;GACtC,CAAC;AACF,SAAO,OACH,IAAI;;;;qBAIS,QAAQ;wBACL,UAAU,SAAS,CAAC;oBACxB,UAAU,KAAK,CAAC;wBACZ,UAAU,SAAS,CAAC;oBACxB,UAAU,KAAK,CAAC;mBACjB,UAAU,IAAI,CAAC;sBACZ,UAAU,OAAO,CAAC;oBACpB,UAAU,KAAK,CAAC;sBACd,KAAK,yBAAyB;YAE5C,IAAI;;;qBAGS,QAAQ;0BACH,UAAU;yBACX,SAAS;oBACd,UAAU,KAAK,CAAC;;;;gBAIlBC;;;gCA1DjBC,cAAc,GAAG,OAAO,kBAAkB;AA6D3C,8BAAe"}
+{"version":3,"file":"button-skeleton.js","names":["CDSButton","styles","customElement"],"sources":["../../../src/components/button/button-skeleton.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 { ifDefined } from 'lit/directives/if-defined.js';\nimport { html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport CDSButton from './button';\nimport styles from './button.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Button skeleton.\n */\n@customElement(`${prefix}-button-skeleton`)\nclass CDSButtonSkeleton extends CDSButton {\n  /**\n   * Handles `click` event on the `<a>.\n   *\n   * @param event The event.\n   */\n  private _handleClickLinkSkeleton(event: MouseEvent) {\n    if (this.disabled) {\n      event.preventDefault(); // Stop following the link\n      event.stopPropagation(); // Stop firing `onClick`\n    }\n  }\n\n  render() {\n    const {\n      autofocus,\n      disabled,\n      download,\n      href,\n      hreflang,\n      ping,\n      rel,\n      size,\n      target,\n      type,\n    } = this;\n    const classes = classMap({\n      [`${prefix}--btn`]: true,\n      [`${prefix}--skeleton`]: true,\n      [`${prefix}--btn--${size}`]: size,\n      [`${prefix}--layout--size-${size}`]: size,\n    });\n    return href\n      ? html`\n          <a\n            id=\"button\"\n            role=\"button\"\n            class=\"${classes}\"\n            download=\"${ifDefined(download)}\"\n            href=\"${ifDefined(href)}\"\n            hreflang=\"${ifDefined(hreflang)}\"\n            ping=\"${ifDefined(ping)}\"\n            rel=\"${ifDefined(rel)}\"\n            target=\"${ifDefined(target)}\"\n            type=\"${ifDefined(type)}\"\n            @click=\"${this._handleClickLinkSkeleton}\"></a>\n        `\n      : html`\n          <button\n            id=\"button\"\n            class=\"${classes}\"\n            ?autofocus=\"${autofocus}\"\n            ?disabled=\"${disabled}\"\n            type=\"${ifDefined(type)}\"></button>\n        `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSButtonSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAA,oBAAA,MACM,0BAA0BA,iBAAU;;;;;;CAMxC,yBAAiC,OAAmB;AAClD,MAAI,KAAK,UAAU;AACjB,SAAM,gBAAgB;AACtB,SAAM,iBAAiB;;;CAI3B,SAAS;EACP,MAAM,EACJ,WACA,UACA,UACA,MACA,UACA,MACA,KACA,MACA,QACA,SACE;EACJ,MAAM,UAAU,SAAS;IACtB,aAAmB;IACnB,kBAAwB;IACxB,aAAmB,SAAS;IAC5B,qBAA2B,SAAS;GACtC,CAAC;AACF,SAAO,OACH,IAAI;;;;qBAIS,QAAQ;wBACL,UAAU,SAAS,CAAC;oBACxB,UAAU,KAAK,CAAC;wBACZ,UAAU,SAAS,CAAC;oBACxB,UAAU,KAAK,CAAC;mBACjB,UAAU,IAAI,CAAC;sBACZ,UAAU,OAAO,CAAC;oBACpB,UAAU,KAAK,CAAC;sBACd,KAAK,yBAAyB;YAE5C,IAAI;;;qBAGS,QAAQ;0BACH,UAAU;yBACX,SAAS;oBACd,UAAU,KAAK,CAAC;;;;gBAIlBC;;;gCA1DjBC,cAAc,sBAA4B,CAAA,EAAA,kBAAA;AA6D3C,IAAA,0BAAe"}

package/es/components/button/button.js

@@ -5,9 +5,9 @@
  * 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 FocusMixin from "../../globals/mixins/focus.js";
 import HostListener from "../../globals/decorators/host-listener.js";
 import HostListenerMixin from "../../globals/mixins/host-listener.js";
@@ -17,7 +17,6 @@ import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
 import { ifDefined } from "lit/directives/if-defined.js";
-
 //#region src/components/button/button.ts
 /**
 * Copyright IBM Corp. 2019, 2023
@@ -54,21 +53,22 @@ let CDSButton = class CDSButton extends HostListenerMixin(FocusMixin(LitElement)
 		this.hasMainContent = false;
 		this.isExpressive = false;
 		this.isSelected = false;
-		this.kind = BUTTON_KIND.PRIMARY;
+		this.kind = "primary";
 		this.linkRole = "button";
 		this.openTooltip = false;
 		this.size = "lg";
 		this.tabIndex = 0;
-		this.tooltipAlignment = BUTTON_TOOLTIP_ALIGNMENT.CENTER;
-		this.tooltipPosition = BUTTON_TOOLTIP_POSITION.TOP;
-		this.type = BUTTON_TYPE.BUTTON;
+		this.tooltipAlignment = "";
+		this.tooltipPosition = "top";
+		this.type = "button";
 	}
 	/**
 	* Handles `slotchange` event.
 	*/
 	_handleSlotChange({ target }) {
 		const { name } = target;
-		this[name === "icon" ? "_hasIcon" : "hasMainContent"] = target.assignedNodes().some((node) => node.nodeType !== Node.TEXT_NODE || node.textContent.trim());
+		const hasContent = target.assignedNodes().some((node) => node.nodeType !== Node.TEXT_NODE || node.textContent.trim());
+		this[name === "icon" ? "_hasIcon" : "hasMainContent"] = hasContent;
 		this.requestUpdate();
 	}
 	_handleDisabledClick(event) {
@@ -76,7 +76,7 @@ let CDSButton = class CDSButton extends HostListenerMixin(FocusMixin(LitElement)
 		if (disabled) event.stopPropagation();
 	}
 	_checkBadgeWarning() {
-		if (this.querySelector(`${prefix}-badge-indicator`) && (this.kind !== BUTTON_KIND.GHOST || this.size !== BUTTON_SIZE.LARGE)) console.warn(`The badge indicator must be used with kind='ghost' and size='lg'`);
+		if (this.querySelector(`cds-badge-indicator`) && (this.kind !== "ghost" || this.size !== "lg")) console.warn(`The badge indicator must be used with kind='ghost' and size='lg'`);
 	}
 	updated(changedProperties) {
 		super.updated?.(changedProperties);
@@ -85,17 +85,17 @@ let CDSButton = class CDSButton extends HostListenerMixin(FocusMixin(LitElement)
 	render() {
 		const { autofocus, buttonClassName, dangerDescription, disabled, download, href, hreflang, kind, isExpressive, isSelected, linkRole, openTooltip, ping, rel, size, tabIndex, target, tooltipAlignment, tooltipPosition, tooltipText, type, _hasIcon: hasIcon, hasMainContent, _handleSlotChange: handleSlotChange } = this;
 		let defaultClasses = {
-			[`${prefix}--btn`]: true,
-			[`${prefix}--btn--${kind}`]: kind,
-			[`${prefix}--btn--danger--tertiary`]: kind === BUTTON_KIND.DANGER_TERTIARY,
-			[`${prefix}--btn--danger--ghost`]: kind === BUTTON_KIND.DANGER_GHOST,
-			[`${prefix}--btn--disabled`]: disabled,
-			[`${prefix}--btn--icon-only`]: hasIcon && !hasMainContent,
-			[`${prefix}--btn--${size}`]: size,
-			[`${prefix}--layout--size-${size}`]: size,
-			[`${prefix}-ce--btn--has-icon`]: hasIcon,
-			[`${prefix}--btn--expressive`]: isExpressive,
-			[`${prefix}--btn--selected`]: isSelected && kind === "ghost"
+			[`cds--btn`]: true,
+			[`cds--btn--${kind}`]: kind,
+			[`cds--btn--danger--tertiary`]: kind === "danger-tertiary",
+			[`cds--btn--danger--ghost`]: kind === "danger-ghost",
+			[`cds--btn--disabled`]: disabled,
+			[`cds--btn--icon-only`]: hasIcon && !hasMainContent,
+			[`cds--btn--${size}`]: size,
+			[`cds--layout--size-${size}`]: size,
+			[`cds-ce--btn--has-icon`]: hasIcon,
+			[`cds--btn--expressive`]: isExpressive,
+			[`cds--btn--selected`]: isSelected && kind === "ghost"
 		};
 		if (buttonClassName) {
 			const outputObject = {};
@@ -134,15 +134,15 @@ let CDSButton = class CDSButton extends HostListenerMixin(FocusMixin(LitElement)
             </a>
             ${html`<slot id="badge-indicator" name="badge-indicator"></slot>` ?? !disabled}
           `;
-		const alignmentClass = tooltipAlignment && (tooltipPosition === BUTTON_TOOLTIP_POSITION.TOP || tooltipPosition === BUTTON_TOOLTIP_POSITION.BOTTOM) ? `-${tooltipAlignment}` : "";
+		const alignmentClass = tooltipAlignment && (tooltipPosition === "top" || tooltipPosition === "bottom") ? `-${tooltipAlignment}` : "";
 		const tooltipClasses = classMap({
-			[`${prefix}--popover-container`]: true,
-			[`${prefix}--popover--caret`]: true,
-			[`${prefix}--popover--high-contrast`]: true,
-			[`${prefix}--tooltip`]: true,
-			[`${prefix}--icon-tooltip`]: hasIcon,
-			[`${prefix}--popover--open`]: openTooltip,
-			[`${prefix}--popover--${tooltipPosition}${alignmentClass}`]: tooltipText
+			[`cds--popover-container`]: true,
+			[`cds--popover--caret`]: true,
+			[`cds--popover--high-contrast`]: true,
+			[`cds--tooltip`]: true,
+			[`cds--icon-tooltip`]: hasIcon,
+			[`cds--popover--open`]: openTooltip,
+			[`cds--popover--${tooltipPosition}${alignmentClass}`]: tooltipText
 		});
 		return tooltipText && !disabled ? html`
           <span class="${tooltipClasses}">
@@ -159,12 +159,12 @@ let CDSButton = class CDSButton extends HostListenerMixin(FocusMixin(LitElement)
               <slot @slotchange="${handleSlotChange}"></slot>
               <slot name="icon" @slotchange="${handleSlotChange}"></slot>
             </button>
-            <span class="${prefix}--popover">
+            <span class="${"cds"}--popover">
               <span
-                class="${prefix}--popover-content ${prefix}--tooltip-content">
+                class="${"cds"}--popover-content ${"cds"}--tooltip-content">
                 ${tooltipText}
               </span>
-              <span class="${prefix}--popover-caret"></span>
+              <span class="${"cds"}--popover-caret"></span>
             </span>
             ${html`<slot id="badge-indicator" name="badge-indicator"></slot>` ?? !disabled}
           </span>
@@ -179,7 +179,7 @@ let CDSButton = class CDSButton extends HostListenerMixin(FocusMixin(LitElement)
             type="${ifDefined(type)}"
             aria-label="${ifDefined(tooltipText)}"
             aria-describedby="badge-indicator">
-            ${isDanger ? html`<span class="${prefix}--visually-hidden"
+            ${isDanger ? html`<span class="${"cds"}--visually-hidden"
                   >${dangerDescription}</span
                 >` : ``}
             <slot @slotchange="${handleSlotChange}"></slot>
@@ -300,9 +300,9 @@ __decorate([property({
 	type: String,
 	reflect: true
 })], CDSButton.prototype, "type", void 0);
-CDSButton = __decorate([carbonElement(`${prefix}-button`)], CDSButton);
+CDSButton = __decorate([carbonElement(`cds-button`)], CDSButton);
 var button_default = CDSButton;
-
 //#endregion
 export { BUTTON_KIND, BUTTON_SIZE, BUTTON_TOOLTIP_ALIGNMENT, BUTTON_TOOLTIP_POSITION, BUTTON_TYPE, button_default as default };
+
 //# sourceMappingURL=button.js.map

package/es/components/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","names":["styles","customElement"],"sources":["../../../src/components/button/button.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 { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport {\n  BUTTON_KIND,\n  BUTTON_TYPE,\n  BUTTON_SIZE,\n  BUTTON_TOOLTIP_ALIGNMENT,\n  BUTTON_TOOLTIP_POSITION,\n} from './defs';\nimport styles from './button.scss?lit';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport {\n  BUTTON_KIND,\n  BUTTON_TYPE,\n  BUTTON_SIZE,\n  BUTTON_TOOLTIP_ALIGNMENT,\n  BUTTON_TOOLTIP_POSITION,\n};\n\n/**\n * Button.\n *\n * @element cds-button\n * @csspart button The button.\n */\n@customElement(`${prefix}-button`)\nclass CDSButton extends HostListenerMixin(FocusMixin(LitElement)) {\n  /**\n   * `true` if there is an icon.\n   */\n  private _hasIcon = false;\n\n  /**\n   * Handles `slotchange` event.\n   */\n  private _handleSlotChange({ target }: Event) {\n    const { name } = target as HTMLSlotElement;\n    const hasContent = (target as HTMLSlotElement).assignedNodes().some(\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n      (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n    );\n    this[name === 'icon' ? '_hasIcon' : 'hasMainContent'] = hasContent;\n    this.requestUpdate();\n  }\n\n  @HostListener('click', { capture: true })\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore\n  private _handleDisabledClick(event: Event) {\n    const { disabled } = this;\n    if (disabled) {\n      event.stopPropagation();\n    }\n  }\n\n  private _checkBadgeWarning() {\n    const hasBadgeIndicator = this.querySelector(`${prefix}-badge-indicator`);\n    if (\n      hasBadgeIndicator &&\n      (this.kind !== BUTTON_KIND.GHOST || this.size !== BUTTON_SIZE.LARGE)\n    ) {\n      // eslint-disable-next-line no-console -- https://github.com/carbon-design-system/carbon/issues/20452\n      console.warn(\n        `The badge indicator must be used with kind='ghost' and size='lg'`\n      );\n    }\n  }\n  updated(changedProperties) {\n    super.updated?.(changedProperties);\n    this._checkBadgeWarning();\n  }\n\n  @HostListener('mouseover')\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 _handleOver = () => {\n    this.openTooltip = true;\n  };\n\n  /**\n   * Handles `keydown` event on this element.\n   */\n  @HostListener('mouseout')\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 _handleHoverOut = async () => {\n    this.openTooltip = false;\n  };\n\n  /**\n   * Handles `keydown` event on this element.\n   * Space & enter will toggle state, Escape will only close.\n   */\n  @HostListener('focus')\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 _handleFocus = async () => {\n    this.openTooltip = true;\n  };\n\n  /**\n   * Handles `keydown` event on this element.\n   * Space & enter will toggle state, Escape will only close.\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 _handleFocusout = async () => {\n    this.openTooltip = false;\n  };\n\n  /**\n   * `true` if the button should have input focus when the page loads.\n   */\n  @property({ type: Boolean, reflect: true })\n  autofocus = false;\n\n  /**\n   * `true` if the button is being used within a data table batch action toolbar\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'batch-action' })\n  batchAction = false;\n\n  /**\n   * Specify an optional className to be added to your Button\n   */\n  @property({ type: String, reflect: true, attribute: 'button-class-name' })\n  buttonClassName;\n\n  /**\n   * Specify the message read by screen readers for the danger button variants\n   */\n  @property({ type: String, reflect: true, attribute: 'danger-description' })\n  dangerDescription = 'danger';\n\n  /**\n   * Specify whether the Button should be disabled, or not\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The default file name, used if this button is rendered as `<a>`.\n   */\n  @property({ type: String, reflect: true })\n  download!: string;\n\n  /**\n   * `true` if there is a non-icon content.\n   */\n  @property({ reflect: true, attribute: 'has-main-content', type: Boolean })\n  hasMainContent = false;\n\n  /**\n   * Optionally specify an href for your Button to become an `<a>` element\n   */\n  @property({ type: String, reflect: true })\n  href!: string;\n\n  /**\n   * The language of what `href` points to, if this button is rendered as `<a>`.\n   */\n  @property({ type: String, reflect: true })\n  hreflang!: string;\n\n  /**\n   * Specify whether the Button is expressive, or not.\n   */\n  @property({ type: Boolean, reflect: true })\n  isExpressive = false;\n\n  /**\n   * Specify whether the Button is currently selected. Only applies to the icon only Ghost variant.\n   */\n  @property({ type: Boolean, reflect: true })\n  isSelected = false;\n\n  /**\n   * Specify the kind of Button you want to create. `primary`, `secondary`,`tertiary`, `ghost`, `danger`, `danger-tertiary`, `danger-ghost`\n   */\n  @property({ type: String, reflect: true })\n  kind = BUTTON_KIND.PRIMARY;\n\n  /**\n   * The a11y role for `<a>`.\n   */\n  @property({ type: String, attribute: 'link-role' })\n  linkRole = 'button';\n\n  /**\n   * Boolean to determine if tooltip is open.\n   */\n  @property({ type: Boolean })\n  openTooltip = false;\n\n  /**\n   * URLs to ping, if this button is rendered as `<a>`.\n   */\n  @property({ type: String, reflect: true })\n  ping!: string;\n\n  /**\n   * Optionally specify a `rel` when using an `<a>` element.\n   */\n  @property({ type: String, reflect: true })\n  rel!: string;\n\n  /**\n   * Specify the size of the button, from the following list of sizes: `xs`, `sm`, `md`, `lg`, `xl`, `2xl`\n   */\n  @property({ type: String, reflect: true })\n  size = 'lg';\n\n  /**\n   * Optional prop to specify the tabIndex of the Button\n   */\n  @property({ type: Number, attribute: 'tab-index', reflect: true })\n  tabIndex = 0;\n\n  /**\n   * Optionally specify a `target` when using an `<a>` element.\n   */\n  @property({ type: String, reflect: true })\n  target!: string;\n\n  /**\n   * Specify the alignment of the tooltip to the icon-only button.\n   * Can be one of: start, center, or end.\n   */\n  @property({ type: String, reflect: true, attribute: 'tooltip-alignment' })\n  tooltipAlignment = BUTTON_TOOLTIP_ALIGNMENT.CENTER;\n\n  /**\n   * Specify the direction of the tooltip for icon-only buttons.\n   * Can be either top, right, bottom, or left.\n   */\n  @property({ type: String, reflect: true, attribute: 'tooltip-position' })\n  tooltipPosition = BUTTON_TOOLTIP_POSITION.TOP;\n\n  /**\n   * If rendering an `icon-only` button through `slot=\"icon\"`, Specify the text to be rendered in the tooltip. If using\n   * `cds-badge-indicator` with no count prop then the text should include describing there is a new notification.\n   */\n  @property({ type: String, reflect: true, attribute: 'tooltip-text' })\n  tooltipText!: string;\n\n  /**\n   * Optional prop to specify the type of the Button.\n   */\n  @property({ type: String, reflect: true })\n  type = BUTTON_TYPE.BUTTON;\n\n  render() {\n    const {\n      autofocus,\n      buttonClassName,\n      dangerDescription,\n      disabled,\n      download,\n      href,\n      hreflang,\n      kind,\n      isExpressive,\n      isSelected,\n      linkRole,\n      openTooltip,\n      ping,\n      rel,\n      size,\n      tabIndex,\n      target,\n      tooltipAlignment,\n      tooltipPosition,\n      tooltipText,\n      type,\n      _hasIcon: hasIcon,\n      hasMainContent,\n      _handleSlotChange: handleSlotChange,\n    } = this;\n\n    let defaultClasses = {\n      [`${prefix}--btn`]: true,\n      [`${prefix}--btn--${kind}`]: kind,\n      [`${prefix}--btn--danger--tertiary`]:\n        kind === BUTTON_KIND.DANGER_TERTIARY,\n      [`${prefix}--btn--danger--ghost`]: kind === BUTTON_KIND.DANGER_GHOST,\n      [`${prefix}--btn--disabled`]: disabled,\n      [`${prefix}--btn--icon-only`]: hasIcon && !hasMainContent,\n      [`${prefix}--btn--${size}`]: size,\n      [`${prefix}--layout--size-${size}`]: size,\n      [`${prefix}-ce--btn--has-icon`]: hasIcon,\n      [`${prefix}--btn--expressive`]: isExpressive,\n      [`${prefix}--btn--selected`]: isSelected && kind === 'ghost',\n    };\n\n    if (buttonClassName) {\n      const outputObject = {};\n      buttonClassName?.split(' ').forEach((element) => {\n        outputObject[element] = true;\n      });\n      defaultClasses = { ...defaultClasses, ...outputObject };\n    }\n    const classes = classMap(defaultClasses);\n\n    const isDanger = kind?.includes('danger');\n\n    if (href) {\n      return disabled\n        ? html`\n            <p id=\"button\" part=\"button\" class=\"${classes}\">\n              <slot @slotchange=\"${handleSlotChange}\"></slot>\n              <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n            </p>\n          `\n        : html`\n            <a\n              id=\"button\"\n              part=\"button\"\n              role=\"${ifDefined(linkRole)}\"\n              class=\"${classes}\"\n              download=\"${ifDefined(download)}\"\n              href=\"${ifDefined(href)}\"\n              hreflang=\"${ifDefined(hreflang)}\"\n              ping=\"${ifDefined(ping)}\"\n              rel=\"${ifDefined(rel)}\"\n              target=\"${ifDefined(target)}\"\n              type=\"${ifDefined(type)}\"\n              tabindex=\"${tabIndex}\"\n              aria-describedby=\"badge-indicator\">\n              <slot @slotchange=\"${handleSlotChange}\"></slot>\n              <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n            </a>\n            ${html`<slot id=\"badge-indicator\" name=\"badge-indicator\"></slot>` ??\n            !disabled}\n          `;\n    }\n\n    const alignmentClass =\n      tooltipAlignment &&\n      (tooltipPosition === BUTTON_TOOLTIP_POSITION.TOP ||\n        tooltipPosition === BUTTON_TOOLTIP_POSITION.BOTTOM)\n        ? `-${tooltipAlignment}`\n        : '';\n\n    const tooltipClasses = classMap({\n      [`${prefix}--popover-container`]: true,\n      [`${prefix}--popover--caret`]: true,\n      [`${prefix}--popover--high-contrast`]: true,\n      [`${prefix}--tooltip`]: true,\n      [`${prefix}--icon-tooltip`]: hasIcon,\n      [`${prefix}--popover--open`]: openTooltip,\n      [`${prefix}--popover--${tooltipPosition}${alignmentClass}`]: tooltipText,\n    });\n\n    return tooltipText && !disabled\n      ? html`\n          <span class=\"${tooltipClasses}\">\n            <button\n              id=\"button\"\n              part=\"button\"\n              class=\"${classes}\"\n              ?autofocus=\"${autofocus}\"\n              ?disabled=\"${disabled}\"\n              tabindex=\"${tabIndex}\"\n              type=\"${ifDefined(type)}\"\n              aria-label=\"${ifDefined(tooltipText)}\"\n              aria-describedby=\"badge-indicator\">\n              <slot @slotchange=\"${handleSlotChange}\"></slot>\n              <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n            </button>\n            <span class=\"${prefix}--popover\">\n              <span\n                class=\"${prefix}--popover-content ${prefix}--tooltip-content\">\n                ${tooltipText}\n              </span>\n              <span class=\"${prefix}--popover-caret\"></span>\n            </span>\n            ${html`<slot id=\"badge-indicator\" name=\"badge-indicator\"></slot>` ??\n            !disabled}\n          </span>\n        `\n      : html`\n          <button\n            id=\"button\"\n            part=\"button\"\n            class=\"${classes}\"\n            ?autofocus=\"${autofocus}\"\n            ?disabled=\"${disabled}\"\n            tabindex=\"${tabIndex}\"\n            type=\"${ifDefined(type)}\"\n            aria-label=\"${ifDefined(tooltipText)}\"\n            aria-describedby=\"badge-indicator\">\n            ${isDanger\n              ? html`<span class=\"${prefix}--visually-hidden\"\n                  >${dangerDescription}</span\n                >`\n              : ``}\n            <slot @slotchange=\"${handleSlotChange}\"></slot>\n            <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n          </button>\n          ${html`<slot id=\"badge-indicator\" name=\"badge-indicator\"></slot>` ??\n          !disabled}\n        `;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSButton;\n"],"mappings":"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"}
+{"version":3,"file":"button.js","names":["styles","customElement"],"sources":["../../../src/components/button/button.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 { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport {\n  BUTTON_KIND,\n  BUTTON_TYPE,\n  BUTTON_SIZE,\n  BUTTON_TOOLTIP_ALIGNMENT,\n  BUTTON_TOOLTIP_POSITION,\n} from './defs';\nimport styles from './button.scss?lit';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport {\n  BUTTON_KIND,\n  BUTTON_TYPE,\n  BUTTON_SIZE,\n  BUTTON_TOOLTIP_ALIGNMENT,\n  BUTTON_TOOLTIP_POSITION,\n};\n\n/**\n * Button.\n *\n * @element cds-button\n * @csspart button The button.\n */\n@customElement(`${prefix}-button`)\nclass CDSButton extends HostListenerMixin(FocusMixin(LitElement)) {\n  /**\n   * `true` if there is an icon.\n   */\n  private _hasIcon = false;\n\n  /**\n   * Handles `slotchange` event.\n   */\n  private _handleSlotChange({ target }: Event) {\n    const { name } = target as HTMLSlotElement;\n    const hasContent = (target as HTMLSlotElement).assignedNodes().some(\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n      (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n    );\n    this[name === 'icon' ? '_hasIcon' : 'hasMainContent'] = hasContent;\n    this.requestUpdate();\n  }\n\n  @HostListener('click', { capture: true })\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore\n  private _handleDisabledClick(event: Event) {\n    const { disabled } = this;\n    if (disabled) {\n      event.stopPropagation();\n    }\n  }\n\n  private _checkBadgeWarning() {\n    const hasBadgeIndicator = this.querySelector(`${prefix}-badge-indicator`);\n    if (\n      hasBadgeIndicator &&\n      (this.kind !== BUTTON_KIND.GHOST || this.size !== BUTTON_SIZE.LARGE)\n    ) {\n      // eslint-disable-next-line no-console -- https://github.com/carbon-design-system/carbon/issues/20452\n      console.warn(\n        `The badge indicator must be used with kind='ghost' and size='lg'`\n      );\n    }\n  }\n  updated(changedProperties) {\n    super.updated?.(changedProperties);\n    this._checkBadgeWarning();\n  }\n\n  @HostListener('mouseover')\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 _handleOver = () => {\n    this.openTooltip = true;\n  };\n\n  /**\n   * Handles `keydown` event on this element.\n   */\n  @HostListener('mouseout')\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 _handleHoverOut = async () => {\n    this.openTooltip = false;\n  };\n\n  /**\n   * Handles `keydown` event on this element.\n   * Space & enter will toggle state, Escape will only close.\n   */\n  @HostListener('focus')\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 _handleFocus = async () => {\n    this.openTooltip = true;\n  };\n\n  /**\n   * Handles `keydown` event on this element.\n   * Space & enter will toggle state, Escape will only close.\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 _handleFocusout = async () => {\n    this.openTooltip = false;\n  };\n\n  /**\n   * `true` if the button should have input focus when the page loads.\n   */\n  @property({ type: Boolean, reflect: true })\n  autofocus = false;\n\n  /**\n   * `true` if the button is being used within a data table batch action toolbar\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'batch-action' })\n  batchAction = false;\n\n  /**\n   * Specify an optional className to be added to your Button\n   */\n  @property({ type: String, reflect: true, attribute: 'button-class-name' })\n  buttonClassName;\n\n  /**\n   * Specify the message read by screen readers for the danger button variants\n   */\n  @property({ type: String, reflect: true, attribute: 'danger-description' })\n  dangerDescription = 'danger';\n\n  /**\n   * Specify whether the Button should be disabled, or not\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The default file name, used if this button is rendered as `<a>`.\n   */\n  @property({ type: String, reflect: true })\n  download!: string;\n\n  /**\n   * `true` if there is a non-icon content.\n   */\n  @property({ reflect: true, attribute: 'has-main-content', type: Boolean })\n  hasMainContent = false;\n\n  /**\n   * Optionally specify an href for your Button to become an `<a>` element\n   */\n  @property({ type: String, reflect: true })\n  href!: string;\n\n  /**\n   * The language of what `href` points to, if this button is rendered as `<a>`.\n   */\n  @property({ type: String, reflect: true })\n  hreflang!: string;\n\n  /**\n   * Specify whether the Button is expressive, or not.\n   */\n  @property({ type: Boolean, reflect: true })\n  isExpressive = false;\n\n  /**\n   * Specify whether the Button is currently selected. Only applies to the icon only Ghost variant.\n   */\n  @property({ type: Boolean, reflect: true })\n  isSelected = false;\n\n  /**\n   * Specify the kind of Button you want to create. `primary`, `secondary`,`tertiary`, `ghost`, `danger`, `danger-tertiary`, `danger-ghost`\n   */\n  @property({ type: String, reflect: true })\n  kind = BUTTON_KIND.PRIMARY;\n\n  /**\n   * The a11y role for `<a>`.\n   */\n  @property({ type: String, attribute: 'link-role' })\n  linkRole = 'button';\n\n  /**\n   * Boolean to determine if tooltip is open.\n   */\n  @property({ type: Boolean })\n  openTooltip = false;\n\n  /**\n   * URLs to ping, if this button is rendered as `<a>`.\n   */\n  @property({ type: String, reflect: true })\n  ping!: string;\n\n  /**\n   * Optionally specify a `rel` when using an `<a>` element.\n   */\n  @property({ type: String, reflect: true })\n  rel!: string;\n\n  /**\n   * Specify the size of the button, from the following list of sizes: `xs`, `sm`, `md`, `lg`, `xl`, `2xl`\n   */\n  @property({ type: String, reflect: true })\n  size = 'lg';\n\n  /**\n   * Optional prop to specify the tabIndex of the Button\n   */\n  @property({ type: Number, attribute: 'tab-index', reflect: true })\n  tabIndex = 0;\n\n  /**\n   * Optionally specify a `target` when using an `<a>` element.\n   */\n  @property({ type: String, reflect: true })\n  target!: string;\n\n  /**\n   * Specify the alignment of the tooltip to the icon-only button.\n   * Can be one of: start, center, or end.\n   */\n  @property({ type: String, reflect: true, attribute: 'tooltip-alignment' })\n  tooltipAlignment = BUTTON_TOOLTIP_ALIGNMENT.CENTER;\n\n  /**\n   * Specify the direction of the tooltip for icon-only buttons.\n   * Can be either top, right, bottom, or left.\n   */\n  @property({ type: String, reflect: true, attribute: 'tooltip-position' })\n  tooltipPosition = BUTTON_TOOLTIP_POSITION.TOP;\n\n  /**\n   * If rendering an `icon-only` button through `slot=\"icon\"`, Specify the text to be rendered in the tooltip. If using\n   * `cds-badge-indicator` with no count prop then the text should include describing there is a new notification.\n   */\n  @property({ type: String, reflect: true, attribute: 'tooltip-text' })\n  tooltipText!: string;\n\n  /**\n   * Optional prop to specify the type of the Button.\n   */\n  @property({ type: String, reflect: true })\n  type = BUTTON_TYPE.BUTTON;\n\n  render() {\n    const {\n      autofocus,\n      buttonClassName,\n      dangerDescription,\n      disabled,\n      download,\n      href,\n      hreflang,\n      kind,\n      isExpressive,\n      isSelected,\n      linkRole,\n      openTooltip,\n      ping,\n      rel,\n      size,\n      tabIndex,\n      target,\n      tooltipAlignment,\n      tooltipPosition,\n      tooltipText,\n      type,\n      _hasIcon: hasIcon,\n      hasMainContent,\n      _handleSlotChange: handleSlotChange,\n    } = this;\n\n    let defaultClasses = {\n      [`${prefix}--btn`]: true,\n      [`${prefix}--btn--${kind}`]: kind,\n      [`${prefix}--btn--danger--tertiary`]:\n        kind === BUTTON_KIND.DANGER_TERTIARY,\n      [`${prefix}--btn--danger--ghost`]: kind === BUTTON_KIND.DANGER_GHOST,\n      [`${prefix}--btn--disabled`]: disabled,\n      [`${prefix}--btn--icon-only`]: hasIcon && !hasMainContent,\n      [`${prefix}--btn--${size}`]: size,\n      [`${prefix}--layout--size-${size}`]: size,\n      [`${prefix}-ce--btn--has-icon`]: hasIcon,\n      [`${prefix}--btn--expressive`]: isExpressive,\n      [`${prefix}--btn--selected`]: isSelected && kind === 'ghost',\n    };\n\n    if (buttonClassName) {\n      const outputObject = {};\n      buttonClassName?.split(' ').forEach((element) => {\n        outputObject[element] = true;\n      });\n      defaultClasses = { ...defaultClasses, ...outputObject };\n    }\n    const classes = classMap(defaultClasses);\n\n    const isDanger = kind?.includes('danger');\n\n    if (href) {\n      return disabled\n        ? html`\n            <p id=\"button\" part=\"button\" class=\"${classes}\">\n              <slot @slotchange=\"${handleSlotChange}\"></slot>\n              <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n            </p>\n          `\n        : html`\n            <a\n              id=\"button\"\n              part=\"button\"\n              role=\"${ifDefined(linkRole)}\"\n              class=\"${classes}\"\n              download=\"${ifDefined(download)}\"\n              href=\"${ifDefined(href)}\"\n              hreflang=\"${ifDefined(hreflang)}\"\n              ping=\"${ifDefined(ping)}\"\n              rel=\"${ifDefined(rel)}\"\n              target=\"${ifDefined(target)}\"\n              type=\"${ifDefined(type)}\"\n              tabindex=\"${tabIndex}\"\n              aria-describedby=\"badge-indicator\">\n              <slot @slotchange=\"${handleSlotChange}\"></slot>\n              <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n            </a>\n            ${html`<slot id=\"badge-indicator\" name=\"badge-indicator\"></slot>` ??\n            !disabled}\n          `;\n    }\n\n    const alignmentClass =\n      tooltipAlignment &&\n      (tooltipPosition === BUTTON_TOOLTIP_POSITION.TOP ||\n        tooltipPosition === BUTTON_TOOLTIP_POSITION.BOTTOM)\n        ? `-${tooltipAlignment}`\n        : '';\n\n    const tooltipClasses = classMap({\n      [`${prefix}--popover-container`]: true,\n      [`${prefix}--popover--caret`]: true,\n      [`${prefix}--popover--high-contrast`]: true,\n      [`${prefix}--tooltip`]: true,\n      [`${prefix}--icon-tooltip`]: hasIcon,\n      [`${prefix}--popover--open`]: openTooltip,\n      [`${prefix}--popover--${tooltipPosition}${alignmentClass}`]: tooltipText,\n    });\n\n    return tooltipText && !disabled\n      ? html`\n          <span class=\"${tooltipClasses}\">\n            <button\n              id=\"button\"\n              part=\"button\"\n              class=\"${classes}\"\n              ?autofocus=\"${autofocus}\"\n              ?disabled=\"${disabled}\"\n              tabindex=\"${tabIndex}\"\n              type=\"${ifDefined(type)}\"\n              aria-label=\"${ifDefined(tooltipText)}\"\n              aria-describedby=\"badge-indicator\">\n              <slot @slotchange=\"${handleSlotChange}\"></slot>\n              <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n            </button>\n            <span class=\"${prefix}--popover\">\n              <span\n                class=\"${prefix}--popover-content ${prefix}--tooltip-content\">\n                ${tooltipText}\n              </span>\n              <span class=\"${prefix}--popover-caret\"></span>\n            </span>\n            ${html`<slot id=\"badge-indicator\" name=\"badge-indicator\"></slot>` ??\n            !disabled}\n          </span>\n        `\n      : html`\n          <button\n            id=\"button\"\n            part=\"button\"\n            class=\"${classes}\"\n            ?autofocus=\"${autofocus}\"\n            ?disabled=\"${disabled}\"\n            tabindex=\"${tabIndex}\"\n            type=\"${ifDefined(type)}\"\n            aria-label=\"${ifDefined(tooltipText)}\"\n            aria-describedby=\"badge-indicator\">\n            ${isDanger\n              ? html`<span class=\"${prefix}--visually-hidden\"\n                  >${dangerDescription}</span\n                >`\n              : ``}\n            <slot @slotchange=\"${handleSlotChange}\"></slot>\n            <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n          </button>\n          ${html`<slot id=\"badge-indicator\" name=\"badge-indicator\"></slot>` ??\n          !disabled}\n        `;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSButton;\n"],"mappings":"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"}