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

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb-skeleton.js","sources":["../../../src/components/breadcrumb/breadcrumb-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { BREADCRUMB_SIZE } from './defs';\nimport styles from './breadcrumb.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst renderItem = () => {\n  return html`\n    <div class=\"${prefix}--breadcrumb-item\">\n      <span class=\"${prefix}--link\">&nbsp;</span>\n    </div>\n  `;\n};\n\n/**\n * Skeleton of breadcrumb.\n */\n@customElement(`${prefix}-breadcrumb-skeleton`)\nclass CDSBreadcrumbSkeleton extends LitElement {\n  /**\n   * Specify the number of items\n   */\n  @property({ type: Number, reflect: true })\n  items = 3;\n\n  /**\n   * Optional prop to omit the trailing slash for the breadcrumbs\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'no-trailing-slash' })\n  noTrailingSlash = false;\n\n  /**\n   * Specify the size of the Breadcrumb. Currently\n   * supports the following: `sm` & `md` (default: 'md')\n   */\n  @property({ type: BREADCRUMB_SIZE, reflect: true })\n  size = BREADCRUMB_SIZE.MEDIUM;\n\n  render() {\n    const classes = classMap({\n      [`${prefix}--breadcrumb`]: true,\n      [`${prefix}--skeleton`]: true,\n      [`${prefix}--breadcrumb--no-trailing-slash`]: this.noTrailingSlash,\n      [`${prefix}--breadcrumb--sm`]: this.size === BREADCRUMB_SIZE.SMALL,\n    });\n    return html`\n      <div class=\"${classes}\">\n        ${[...Array(this.items)].map(() => renderItem())}\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSBreadcrumbSkeleton;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;AAKG;AAUH,MAAM,UAAU,GAAG,MAAK;AACtB,IAAA,OAAO,IAAI,CAAA;kBACK,MAAM,CAAA;qBACH,MAAM,CAAA;;GAExB;AACH,CAAC;AAED;;AAEG;AAEH,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,UAAU,CAAA;AAA9C,IAAA,WAAA,GAAA;;AACE;;AAEG;QAEH,IAAA,CAAA,KAAK,GAAG,CAAC;AAET;;AAEG;QAEH,IAAA,CAAA,eAAe,GAAG,KAAK;AAEvB;;;AAGG;AAEH,QAAA,IAAA,CAAA,IAAI,GAAG,eAAe,CAAC,MAAM;IAiB/B;IAfE,MAAM,GAAA;QACJ,MAAM,OAAO,GAAG,QAAQ,CAAC;AACvB,YAAA,CAAC,CAAA,EAAG,MAAM,CAAA,YAAA,CAAc,GAAG,IAAI;AAC/B,YAAA,CAAC,CAAA,EAAG,MAAM,CAAA,UAAA,CAAY,GAAG,IAAI;AAC7B,YAAA,CAAC,GAAG,MAAM,CAAA,+BAAA,CAAiC,GAAG,IAAI,CAAC,eAAe;YAClE,CAAC,CAAA,EAAG,MAAM,CAAA,gBAAA,CAAkB,GAAG,IAAI,CAAC,IAAI,KAAK,eAAe,CAAC,KAAK;AACnE,SAAA,CAAC;AACF,QAAA,OAAO,IAAI,CAAA;oBACK,OAAO,CAAA;AACjB,QAAA,EAAA,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,UAAU,EAAE,CAAC;;KAEnD;IACH;;AAEO,qBAAA,CAAA,MAAM,GAAG,MAAH;AA7Bb,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE;AAC/B,CAAA,EAAA,qBAAA,CAAA,SAAA,EAAA,OAAA,EAAA,MAAA,CAAA;AAMV,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,mBAAmB,EAAE;AAClD,CAAA,EAAA,qBAAA,CAAA,SAAA,EAAA,iBAAA,EAAA,MAAA,CAAA;AAOxB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,OAAO,EAAE,IAAI,EAAE;AACpB,CAAA,EAAA,qBAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAlB1B,qBAAqB,GAAA,UAAA,CAAA;AAD1B,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,oBAAA,CAAsB;AACxC,CAAA,EAAA,qBAAqB,CAmC1B;AAED,8BAAe,qBAAqB;;;;"}
+{"version":3,"file":"breadcrumb-skeleton.js","sources":["../../../src/components/breadcrumb/breadcrumb-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { BREADCRUMB_SIZE } from './defs';\nimport styles from './breadcrumb.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst renderItem = () => {\n  return html`\n    <div class=\"${prefix}--breadcrumb-item\">\n      <span class=\"${prefix}--link\">&nbsp;</span>\n    </div>\n  `;\n};\n\n/**\n * Skeleton of breadcrumb.\n */\n@customElement(`${prefix}-breadcrumb-skeleton`)\nclass CDSBreadcrumbSkeleton extends LitElement {\n  /**\n   * Specify the number of items\n   */\n  @property({ type: Number, reflect: true })\n  items = 3;\n\n  /**\n   * Optional prop to omit the trailing slash for the breadcrumbs\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'no-trailing-slash' })\n  noTrailingSlash = false;\n\n  /**\n   * Specify the size of the Breadcrumb. Currently\n   * supports the following: `sm` & `md` (default: 'md')\n   */\n  @property({ type: BREADCRUMB_SIZE, reflect: true })\n  size = BREADCRUMB_SIZE.MEDIUM;\n\n  render() {\n    const classes = classMap({\n      [`${prefix}--breadcrumb`]: true,\n      [`${prefix}--skeleton`]: true,\n      [`${prefix}--breadcrumb--no-trailing-slash`]: this.noTrailingSlash,\n      [`${prefix}--breadcrumb--sm`]: this.size === BREADCRUMB_SIZE.SMALL,\n    });\n    return html`\n      <div class=\"${classes}\">\n        ${[...Array(this.items)].map(() => renderItem())}\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSBreadcrumbSkeleton;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;AAKG;AAUH,MAAM,UAAU,GAAG,MAAK;AACtB,IAAA,OAAO,IAAI,CAAA;kBACK,MAAM,CAAA;qBACH,MAAM,CAAA;;GAExB;AACH,CAAC;AAED;;AAEG;AAEH,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,UAAU,CAAA;AAA9C,IAAA,WAAA,GAAA;;AACE;;AAEG;QAEH,IAAA,CAAA,KAAK,GAAG,CAAC;AAET;;AAEG;QAEH,IAAA,CAAA,eAAe,GAAG,KAAK;AAEvB;;;AAGG;AAEH,QAAA,IAAA,CAAA,IAAI,GAAG,eAAe,CAAC,MAAM;IAiB/B;IAfE,MAAM,GAAA;QACJ,MAAM,OAAO,GAAG,QAAQ,CAAC;AACvB,YAAA,CAAC,CAAA,EAAG,MAAM,CAAA,YAAA,CAAc,GAAG,IAAI;AAC/B,YAAA,CAAC,CAAA,EAAG,MAAM,CAAA,UAAA,CAAY,GAAG,IAAI;AAC7B,YAAA,CAAC,GAAG,MAAM,CAAA,+BAAA,CAAiC,GAAG,IAAI,CAAC,eAAe;YAClE,CAAC,CAAA,EAAG,MAAM,CAAA,gBAAA,CAAkB,GAAG,IAAI,CAAC,IAAI,KAAK,eAAe,CAAC,KAAK;AACnE,SAAA,CAAC;AACF,QAAA,OAAO,IAAI,CAAA;oBACK,OAAO,CAAA;AACjB,QAAA,EAAA,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,UAAU,EAAE,CAAC;;KAEnD;IACH;;AAEO,qBAAA,CAAA,MAAM,GAAG,MAAH;AA7Bb,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE;AAC/B,CAAA,EAAA,qBAAA,CAAA,SAAA,EAAA,OAAA,EAAA,MAAA,CAAA;AAMV,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,mBAAmB,EAAE;AAClD,CAAA,EAAA,qBAAA,CAAA,SAAA,EAAA,iBAAA,EAAA,MAAA,CAAA;AAOxB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,OAAO,EAAE,IAAI,EAAE;AACpB,CAAA,EAAA,qBAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAlB1B,qBAAqB,GAAA,UAAA,CAAA;AAD1B,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,oBAAA,CAAsB;AACxC,CAAA,EAAA,qBAAqB,CAmC1B;AAED,oCAAe,qBAAqB;;;;"}

package/es/components/breadcrumb/breadcrumb.js

@@ -90,7 +90,7 @@ __decorate([
 CDSBreadcrumb = __decorate([
     carbonElement(`${prefix}-breadcrumb`)
 ], CDSBreadcrumb);
-var CDSBreadcrumb$1 = CDSBreadcrumb;
+var CDSBreadcrumb_default = CDSBreadcrumb;
 
-export { CDSBreadcrumb$1 as default };
+export { CDSBreadcrumb_default as default };
 //# sourceMappingURL=breadcrumb.js.map

package/es/components/breadcrumb/breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.js","sources":["../../../src/components/breadcrumb/breadcrumb.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 { BREADCRUMB_SIZE } from './defs';\nimport styles from './breadcrumb.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n/**\n * Breadcrumb.\n *\n * @element cds-breadcrumb\n */\n@customElement(`${prefix}-breadcrumb`)\nclass CDSBreadcrumb extends LitElement {\n  /**\n   * Optional prop to omit the trailing slash for the breadcrumbs\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'no-trailing-slash' })\n  noTrailingSlash = false;\n\n  /**\n   * Specify the size of the Breadcrumb. Currently\n   * supports the following: `sm` & `md` (default: 'md')\n   */\n  @property({ type: BREADCRUMB_SIZE, reflect: true })\n  size = BREADCRUMB_SIZE.MEDIUM;\n\n  /**\n   * Handles `slotchange` event.\n   */\n  private _handleSlotChange({ target }: Event) {\n    const items = (target as HTMLSlotElement).assignedNodes().filter(\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    items.forEach((item) => {\n      (item as HTMLElement).setAttribute('size', this.size);\n    });\n  }\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'navigation');\n    }\n    if (!this.hasAttribute('aria-label')) {\n      this.setAttribute('aria-label', 'Breadcrumb');\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('size')) {\n      const items = this.querySelectorAll(`${prefix}-breadcrumb-item`);\n      items?.forEach((item) => {\n        const link = item.querySelector(`${prefix}-breadcrumb-link`);\n        link?.setAttribute('size', this.size);\n      });\n    }\n  }\n\n  render() {\n    const classes = classMap({\n      [`${prefix}--breadcrumb`]: true,\n      [`${prefix}--breadcrumb--no-trailing-slash`]: this.noTrailingSlash,\n      [`${prefix}--breadcrumb--sm`]: this.size === BREADCRUMB_SIZE.SMALL,\n    });\n    return html`\n      <ol class=\"${classes}\">\n        <slot @slotchange=\"${this._handleSlotChange}\"></slot>\n      </ol>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSBreadcrumb;\n"],"names":["customElement"],"mappings":"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"}
+{"version":3,"file":"breadcrumb.js","sources":["../../../src/components/breadcrumb/breadcrumb.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 { BREADCRUMB_SIZE } from './defs';\nimport styles from './breadcrumb.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n/**\n * Breadcrumb.\n *\n * @element cds-breadcrumb\n */\n@customElement(`${prefix}-breadcrumb`)\nclass CDSBreadcrumb extends LitElement {\n  /**\n   * Optional prop to omit the trailing slash for the breadcrumbs\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'no-trailing-slash' })\n  noTrailingSlash = false;\n\n  /**\n   * Specify the size of the Breadcrumb. Currently\n   * supports the following: `sm` & `md` (default: 'md')\n   */\n  @property({ type: BREADCRUMB_SIZE, reflect: true })\n  size = BREADCRUMB_SIZE.MEDIUM;\n\n  /**\n   * Handles `slotchange` event.\n   */\n  private _handleSlotChange({ target }: Event) {\n    const items = (target as HTMLSlotElement).assignedNodes().filter(\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    items.forEach((item) => {\n      (item as HTMLElement).setAttribute('size', this.size);\n    });\n  }\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'navigation');\n    }\n    if (!this.hasAttribute('aria-label')) {\n      this.setAttribute('aria-label', 'Breadcrumb');\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('size')) {\n      const items = this.querySelectorAll(`${prefix}-breadcrumb-item`);\n      items?.forEach((item) => {\n        const link = item.querySelector(`${prefix}-breadcrumb-link`);\n        link?.setAttribute('size', this.size);\n      });\n    }\n  }\n\n  render() {\n    const classes = classMap({\n      [`${prefix}--breadcrumb`]: true,\n      [`${prefix}--breadcrumb--no-trailing-slash`]: this.noTrailingSlash,\n      [`${prefix}--breadcrumb--sm`]: this.size === BREADCRUMB_SIZE.SMALL,\n    });\n    return html`\n      <ol class=\"${classes}\">\n        <slot @slotchange=\"${this._handleSlotChange}\"></slot>\n      </ol>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSBreadcrumb;\n"],"names":["customElement"],"mappings":"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"}

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

@@ -88,7 +88,7 @@ let CDSButtonSet = class CDSButtonSet extends CDSButtonSetBase {
             [`${prefix}--btn-set`]: true,
         };
         const classes = classMap(defaultClasses);
-        return html `<slot class="${classes} @slotchange="${this._handleSlotChange}"></slot>`;
+        return html `<slot class="${classes} part="button-set" @slotchange="${this._handleSlotChange}"></slot>`;
     }
     /**
      * A selector that will return the child items.
@@ -104,7 +104,7 @@ __decorate([
 CDSButtonSet = __decorate([
     carbonElement(`${prefix}-button-set`)
 ], CDSButtonSet);
-var CDSButtonSet$1 = CDSButtonSet;
+var CDSButtonSet_default = CDSButtonSet;
 
-export { CDSButtonSet$1 as default };
+export { CDSButtonSet_default as default };
 //# sourceMappingURL=button-set.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"button-set.js","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 class=\"${classes} @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"],"names":["styles","customElement"],"mappings":"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"}
+{"version":3,"file":"button-set.js","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 class=\"${classes} part=\"button-set\" @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"],"names":["styles","customElement"],"mappings":"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"}

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

@@ -41,6 +41,7 @@ let CDSButtonSkeleton = class CDSButtonSkeleton extends CDSButton {
             [`${prefix}--btn`]: true,
             [`${prefix}--skeleton`]: true,
             [`${prefix}--btn--${size}`]: size,
+            [`${prefix}--layout--size-${size}`]: size,
         });
         return href
             ? html `
@@ -71,7 +72,7 @@ CDSButtonSkeleton.styles = buttonStyles;
 CDSButtonSkeleton = __decorate([
     carbonElement(`${prefix}-button-skeleton`)
 ], CDSButtonSkeleton);
-var CDSButtonSkeleton$1 = CDSButtonSkeleton;
+var CDSButtonSkeleton_default = CDSButtonSkeleton;
 
-export { CDSButtonSkeleton$1 as default };
+export { CDSButtonSkeleton_default as default };
 //# sourceMappingURL=button-skeleton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"button-skeleton.js","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    });\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"],"names":["styles","customElement"],"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;AAKG;AAUH;;AAEG;AAEH,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,SAAS,CAAA;AACvC;;;;AAIG;AACK,IAAA,wBAAwB,CAAC,KAAiB,EAAA;AAChD,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,KAAK,CAAC,cAAc,EAAE,CAAC;AACvB,YAAA,KAAK,CAAC,eAAe,EAAE,CAAC;QAC1B;IACF;IAEA,MAAM,GAAA;QACJ,MAAM,EACJ,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,GAAG,EACH,IAAI,EACJ,MAAM,EACN,IAAI,GACL,GAAG,IAAI;QACR,MAAM,OAAO,GAAG,QAAQ,CAAC;AACvB,YAAA,CAAC,CAAA,EAAG,MAAM,CAAA,KAAA,CAAO,GAAG,IAAI;AACxB,YAAA,CAAC,CAAA,EAAG,MAAM,CAAA,UAAA,CAAY,GAAG,IAAI;AAC7B,YAAA,CAAC,GAAG,MAAM,CAAA,OAAA,EAAU,IAAI,CAAA,CAAE,GAAG,IAAI;AAClC,SAAA,CAAC;AACF,QAAA,OAAO;cACH,IAAI,CAAA;;;;qBAIS,OAAO,CAAA;wBACJ,SAAS,CAAC,QAAQ,CAAC,CAAA;oBACvB,SAAS,CAAC,IAAI,CAAC,CAAA;wBACX,SAAS,CAAC,QAAQ,CAAC,CAAA;oBACvB,SAAS,CAAC,IAAI,CAAC,CAAA;mBAChB,SAAS,CAAC,GAAG,CAAC,CAAA;sBACX,SAAS,CAAC,MAAM,CAAC,CAAA;oBACnB,SAAS,CAAC,IAAI,CAAC,CAAA;AACb,oBAAA,EAAA,IAAI,CAAC,wBAAwB,CAAA;AAC1C,QAAA;cACD,IAAI,CAAA;;;qBAGS,OAAO,CAAA;0BACF,SAAS,CAAA;yBACV,QAAQ,CAAA;oBACb,SAAS,CAAC,IAAI,CAAC,CAAA;SAC1B;IACP;;AAEO,iBAAA,CAAA,MAAM,GAAGA,YAAH;AAxDT,iBAAiB,GAAA,UAAA,CAAA;AADtB,IAAAC,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,gBAAA,CAAkB;AACpC,CAAA,EAAA,iBAAiB,CAyDtB;AAED,0BAAe,iBAAiB;;;;"}
+{"version":3,"file":"button-skeleton.js","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"],"names":["styles","customElement"],"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;AAKG;AAUH;;AAEG;AAEH,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,SAAS,CAAA;AACvC;;;;AAIG;AACK,IAAA,wBAAwB,CAAC,KAAiB,EAAA;AAChD,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,KAAK,CAAC,cAAc,EAAE,CAAC;AACvB,YAAA,KAAK,CAAC,eAAe,EAAE,CAAC;QAC1B;IACF;IAEA,MAAM,GAAA;QACJ,MAAM,EACJ,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,GAAG,EACH,IAAI,EACJ,MAAM,EACN,IAAI,GACL,GAAG,IAAI;QACR,MAAM,OAAO,GAAG,QAAQ,CAAC;AACvB,YAAA,CAAC,CAAA,EAAG,MAAM,CAAA,KAAA,CAAO,GAAG,IAAI;AACxB,YAAA,CAAC,CAAA,EAAG,MAAM,CAAA,UAAA,CAAY,GAAG,IAAI;AAC7B,YAAA,CAAC,GAAG,MAAM,CAAA,OAAA,EAAU,IAAI,CAAA,CAAE,GAAG,IAAI;AACjC,YAAA,CAAC,GAAG,MAAM,CAAA,eAAA,EAAkB,IAAI,CAAA,CAAE,GAAG,IAAI;AAC1C,SAAA,CAAC;AACF,QAAA,OAAO;cACH,IAAI,CAAA;;;;qBAIS,OAAO,CAAA;wBACJ,SAAS,CAAC,QAAQ,CAAC,CAAA;oBACvB,SAAS,CAAC,IAAI,CAAC,CAAA;wBACX,SAAS,CAAC,QAAQ,CAAC,CAAA;oBACvB,SAAS,CAAC,IAAI,CAAC,CAAA;mBAChB,SAAS,CAAC,GAAG,CAAC,CAAA;sBACX,SAAS,CAAC,MAAM,CAAC,CAAA;oBACnB,SAAS,CAAC,IAAI,CAAC,CAAA;AACb,oBAAA,EAAA,IAAI,CAAC,wBAAwB,CAAA;AAC1C,QAAA;cACD,IAAI,CAAA;;;qBAGS,OAAO,CAAA;0BACF,SAAS,CAAA;yBACV,QAAQ,CAAA;oBACb,SAAS,CAAC,IAAI,CAAC,CAAA;SAC1B;IACP;;AAEO,iBAAA,CAAA,MAAM,GAAGA,YAAH;AAzDT,iBAAiB,GAAA,UAAA,CAAA;AADtB,IAAAC,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,gBAAA,CAAkB;AACpC,CAAA,EAAA,iBAAiB,CA0DtB;AAED,gCAAe,iBAAiB;;;;"}

package/es/components/button/button.d.ts

@@ -770,11 +770,11 @@ declare class CDSButton extends CDSButton_base {
      */
     buttonClassName: any;
     /**
-     * Specify the message read by screen readers for the danger button variant
+     * Specify the message read by screen readers for the danger button variants
      */
-    dangerDescription: any;
+    dangerDescription: string;
     /**
-     * `true` if the button should be disabled.
+     * Specify whether the Button should be disabled, or not
      */
     disabled: boolean;
     /**
@@ -786,7 +786,7 @@ declare class CDSButton extends CDSButton_base {
      */
     hasMainContent: boolean;
     /**
-     * Link `href`. If present, this button is rendered as `<a>`.
+     * Optionally specify an href for your Button to become an `<a>` element
      */
     href: string;
     /**
@@ -794,16 +794,15 @@ declare class CDSButton extends CDSButton_base {
      */
     hreflang: string;
     /**
-     * `true` if expressive theme enabled.
+     * Specify whether the Button is expressive, or not.
      */
     isExpressive: boolean;
     /**
-     * Specify whether the Button is currently selected.
-     * Only applies to the Ghost variant.
+     * Specify whether the Button is currently selected. Only applies to the icon only Ghost variant.
      */
     isSelected: boolean;
     /**
-     * Button kind.
+     * Specify the kind of Button you want to create. `primary`, `secondary`,`tertiary`, `ghost`, `danger`, `danger-tertiary`, `danger-ghost`
      */
     kind: BUTTON_KIND;
     /**
@@ -819,19 +818,19 @@ declare class CDSButton extends CDSButton_base {
      */
     ping: string;
     /**
-     * The link type, if this button is rendered as `<a>`.
+     * Optionally specify a `rel` when using an `<a>` element.
      */
     rel: string;
     /**
-     * Button size.
+     * Specify the size of the button, from the following list of sizes: `xs`, `sm`, `md`, `lg`, `xl`, `2xl`
      */
     size: string;
     /**
-     * Specify the tabIndex of the button.
+     * Optional prop to specify the tabIndex of the Button
      */
     tabIndex: number;
     /**
-     * The link target, if this button is rendered as `<a>`.
+     * Optionally specify a `target` when using an `<a>` element.
      */
     target: string;
     /**
@@ -845,13 +844,12 @@ declare class CDSButton extends CDSButton_base {
      */
     tooltipPosition: BUTTON_TOOLTIP_POSITION;
     /**
-     * Specify the text to be rendered in the tooltip. If using
-     * "cds-badge-indicator" with no count prop then the text
-     * should include describing there is a new notification.
+     * If rendering an `icon-only` button through `slot="icon"`, Specify the text to be rendered in the tooltip. If using
+     * `cds-badge-indicator` with no count prop then the text should include describing there is a new notification.
      */
     tooltipText: string;
     /**
-     * Button type.
+     * Optional prop to specify the type of the Button.
      */
     type: BUTTON_TYPE;
     render(): import("lit-html").TemplateResult<1>;

package/es/components/button/button.js

@@ -69,7 +69,11 @@ let CDSButton = class CDSButton extends HostListenerMixin(FocusMixin(LitElement)
          */
         this.batchAction = false;
         /**
-         * `true` if the button should be disabled.
+         * Specify the message read by screen readers for the danger button variants
+         */
+        this.dangerDescription = 'danger';
+        /**
+         * Specify whether the Button should be disabled, or not
          */
         this.disabled = false;
         /**
@@ -77,16 +81,15 @@ let CDSButton = class CDSButton extends HostListenerMixin(FocusMixin(LitElement)
          */
         this.hasMainContent = false;
         /**
-         * `true` if expressive theme enabled.
+         * Specify whether the Button is expressive, or not.
          */
         this.isExpressive = false;
         /**
-         * Specify whether the Button is currently selected.
-         * Only applies to the Ghost variant.
+         * Specify whether the Button is currently selected. Only applies to the icon only Ghost variant.
          */
         this.isSelected = false;
         /**
-         * Button kind.
+         * Specify the kind of Button you want to create. `primary`, `secondary`,`tertiary`, `ghost`, `danger`, `danger-tertiary`, `danger-ghost`
          */
         this.kind = BUTTON_KIND.PRIMARY;
         /**
@@ -98,11 +101,11 @@ let CDSButton = class CDSButton extends HostListenerMixin(FocusMixin(LitElement)
          */
         this.openTooltip = false;
         /**
-         * Button size.
+         * Specify the size of the button, from the following list of sizes: `xs`, `sm`, `md`, `lg`, `xl`, `2xl`
          */
         this.size = 'lg';
         /**
-         * Specify the tabIndex of the button.
+         * Optional prop to specify the tabIndex of the Button
          */
         this.tabIndex = 0;
         /**
@@ -116,7 +119,7 @@ let CDSButton = class CDSButton extends HostListenerMixin(FocusMixin(LitElement)
          */
         this.tooltipPosition = BUTTON_TOOLTIP_POSITION.TOP;
         /**
-         * Button type.
+         * Optional prop to specify the type of the Button.
          */
         this.type = BUTTON_TYPE.BUTTON;
     }
@@ -174,7 +177,7 @@ let CDSButton = class CDSButton extends HostListenerMixin(FocusMixin(LitElement)
             defaultClasses = Object.assign(Object.assign({}, defaultClasses), outputObject);
         }
         const classes = classMap(defaultClasses);
-        const isDanger = kind.includes('danger');
+        const isDanger = kind === null || kind === void 0 ? void 0 : kind.includes('danger');
         if (href) {
             return disabled
                 ? html `
@@ -301,25 +304,25 @@ __decorate([
     property({ type: Boolean, reflect: true, attribute: 'batch-action' })
 ], CDSButton.prototype, "batchAction", void 0);
 __decorate([
-    property({ reflect: true, attribute: 'button-class-name' })
+    property({ type: String, reflect: true, attribute: 'button-class-name' })
 ], CDSButton.prototype, "buttonClassName", void 0);
 __decorate([
-    property({ reflect: true, attribute: 'danger-description' })
+    property({ type: String, reflect: true, attribute: 'danger-description' })
 ], CDSButton.prototype, "dangerDescription", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
 ], CDSButton.prototype, "disabled", void 0);
 __decorate([
-    property({ reflect: true })
+    property({ type: String, reflect: true })
 ], CDSButton.prototype, "download", void 0);
 __decorate([
     property({ reflect: true, attribute: 'has-main-content', type: Boolean })
 ], CDSButton.prototype, "hasMainContent", void 0);
 __decorate([
-    property({ reflect: true })
+    property({ type: String, reflect: true })
 ], CDSButton.prototype, "href", void 0);
 __decorate([
-    property({ reflect: true })
+    property({ type: String, reflect: true })
 ], CDSButton.prototype, "hreflang", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
@@ -328,40 +331,40 @@ __decorate([
     property({ type: Boolean, reflect: true })
 ], CDSButton.prototype, "isSelected", void 0);
 __decorate([
-    property({ reflect: true })
+    property({ type: String, reflect: true })
 ], CDSButton.prototype, "kind", void 0);
 __decorate([
-    property({ attribute: 'link-role' })
+    property({ type: String, attribute: 'link-role' })
 ], CDSButton.prototype, "linkRole", void 0);
 __decorate([
     property({ type: Boolean })
 ], CDSButton.prototype, "openTooltip", void 0);
 __decorate([
-    property({ reflect: true })
+    property({ type: String, reflect: true })
 ], CDSButton.prototype, "ping", void 0);
 __decorate([
-    property({ reflect: true })
+    property({ type: String, reflect: true })
 ], CDSButton.prototype, "rel", void 0);
 __decorate([
-    property({ reflect: true })
+    property({ type: String, reflect: true })
 ], CDSButton.prototype, "size", void 0);
 __decorate([
     property({ type: Number, attribute: 'tab-index', reflect: true })
 ], CDSButton.prototype, "tabIndex", void 0);
 __decorate([
-    property({ reflect: true })
+    property({ type: String, reflect: true })
 ], CDSButton.prototype, "target", void 0);
 __decorate([
-    property({ reflect: true, attribute: 'tooltip-alignment' })
+    property({ type: String, reflect: true, attribute: 'tooltip-alignment' })
 ], CDSButton.prototype, "tooltipAlignment", void 0);
 __decorate([
-    property({ reflect: true, attribute: 'tooltip-position' })
+    property({ type: String, reflect: true, attribute: 'tooltip-position' })
 ], CDSButton.prototype, "tooltipPosition", void 0);
 __decorate([
-    property({ reflect: true, attribute: 'tooltip-text' })
+    property({ type: String, reflect: true, attribute: 'tooltip-text' })
 ], CDSButton.prototype, "tooltipText", void 0);
 __decorate([
-    property({ reflect: true })
+    property({ type: String, reflect: true })
 ], CDSButton.prototype, "type", void 0);
 CDSButton = __decorate([
     carbonElement(`${prefix}-button`)

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

@@ -1 +1 @@
-{"version":3,"file":"button.js","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({ reflect: true, attribute: 'button-class-name' })\n  buttonClassName;\n\n  /**\n   * Specify the message read by screen readers for the danger button variant\n   */\n  @property({ reflect: true, attribute: 'danger-description' })\n  dangerDescription;\n\n  /**\n   * `true` if the button should be disabled.\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({ 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   * Link `href`. If present, this button is rendered as `<a>`.\n   */\n  @property({ 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({ reflect: true })\n  hreflang!: string;\n\n  /**\n   * `true` if expressive theme enabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  isExpressive = false;\n\n  /**\n   * Specify whether the Button is currently selected.\n   * Only applies to the Ghost variant.\n   */\n  @property({ type: Boolean, reflect: true })\n  isSelected = false;\n\n  /**\n   * Button kind.\n   */\n  @property({ reflect: true })\n  kind = BUTTON_KIND.PRIMARY;\n\n  /**\n   * The a11y role for `<a>`.\n   */\n  @property({ 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({ reflect: true })\n  ping!: string;\n\n  /**\n   * The link type, if this button is rendered as `<a>`.\n   */\n  @property({ reflect: true })\n  rel!: string;\n\n  /**\n   * Button size.\n   */\n  @property({ reflect: true })\n  size = 'lg';\n\n  /**\n   * Specify the tabIndex of the button.\n   */\n  @property({ type: Number, attribute: 'tab-index', reflect: true })\n  tabIndex = 0;\n\n  /**\n   * The link target, if this button is rendered as `<a>`.\n   */\n  @property({ 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({ 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({ reflect: true, attribute: 'tooltip-position' })\n  tooltipPosition = BUTTON_TOOLTIP_POSITION.TOP;\n\n  /**\n   * Specify the text to be rendered in the tooltip. If using\n   * \"cds-badge-indicator\" with no count prop then the text\n   * should include describing there is a new notification.\n   */\n  @property({ reflect: true, attribute: 'tooltip-text' })\n  tooltipText!: string;\n\n  /**\n   * Button type.\n   */\n  @property({ 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"],"names":["styles","customElement"],"mappings":"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"}
+{"version":3,"file":"button.js","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"],"names":["styles","customElement"],"mappings":"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"}