@carbon/web-components 2.55.0-rc.0 → 2.55.0

package/custom-elements.json

@@ -159,7 +159,7 @@
           "name": "danger-description",
           "description": "Specify the message read by screen readers for the danger button variants",
           "type": "string",
-          "default": "\"danger\""
+          "default": "\"\""
         },
         {
           "name": "disabled",
@@ -301,7 +301,7 @@
           "attribute": "danger-description",
           "description": "Specify the message read by screen readers for the danger button variants",
           "type": "string",
-          "default": "\"danger\""
+          "default": "\"\""
         },
         {
           "name": "disabled",
@@ -1055,7 +1055,7 @@
           "name": "danger-description",
           "description": "Specify the message read by screen readers for the danger button variants",
           "type": "string",
-          "default": "\"danger\""
+          "default": "\"\""
         },
         {
           "name": "disabled",
@@ -1279,7 +1279,7 @@
           "attribute": "danger-description",
           "description": "Specify the message read by screen readers for the danger button variants",
           "type": "string",
-          "default": "\"danger\""
+          "default": "\"\""
         },
         {
           "name": "disabled",
@@ -1527,7 +1527,7 @@
           "name": "danger-description",
           "description": "Specify the message read by screen readers for the danger button variants",
           "type": "string",
-          "default": "\"danger\""
+          "default": "\"\""
         },
         {
           "name": "disabled",
@@ -1662,7 +1662,7 @@
           "attribute": "danger-description",
           "description": "Specify the message read by screen readers for the danger button variants",
           "type": "string",
-          "default": "\"danger\""
+          "default": "\"\""
         },
         {
           "name": "disabled",
@@ -3630,7 +3630,7 @@
           "name": "danger-description",
           "description": "Specify the message read by screen readers for the danger button variants",
           "type": "string",
-          "default": "\"danger\""
+          "default": "\"\""
         },
         {
           "name": "disabled",
@@ -3821,7 +3821,7 @@
           "attribute": "danger-description",
           "description": "Specify the message read by screen readers for the danger button variants",
           "type": "string",
-          "default": "\"danger\""
+          "default": "\"\""
         },
         {
           "name": "disabled",
@@ -5810,7 +5810,7 @@
           "name": "danger-description",
           "description": "Specify the message read by screen readers for the danger button variants",
           "type": "string",
-          "default": "\"danger\""
+          "default": "\"\""
         },
         {
           "name": "disabled",
@@ -5945,7 +5945,7 @@
           "attribute": "danger-description",
           "description": "Specify the message read by screen readers for the danger button variants",
           "type": "string",
-          "default": "\"danger\""
+          "default": "\"\""
         },
         {
           "name": "disabled",
@@ -8167,6 +8167,12 @@
         {
           "name": "filterable"
         },
+        {
+          "name": "autocomplete",
+          "description": "The native `autocomplete` attribute for the filterable input.",
+          "type": "string",
+          "default": "\"off\""
+        },
         {
           "name": "clear-selection-label",
           "description": "The `aria-label` attribute for the icon to clear selection.",
@@ -8360,6 +8366,13 @@
           "name": "filterable",
           "attribute": "filterable"
         },
+        {
+          "name": "autocomplete",
+          "attribute": "autocomplete",
+          "description": "The native `autocomplete` attribute for the filterable input.",
+          "type": "string",
+          "default": "\"off\""
+        },
         {
           "name": "clearSelectionLabel",
           "attribute": "clear-selection-label",
@@ -12276,7 +12289,7 @@
           "name": "danger-description",
           "description": "Specify the message read by screen readers for the danger button variants",
           "type": "string",
-          "default": "\"danger\""
+          "default": "\"\""
         },
         {
           "name": "disabled",
@@ -12453,7 +12466,7 @@
           "attribute": "danger-description",
           "description": "Specify the message read by screen readers for the danger button variants",
           "type": "string",
-          "default": "\"danger\""
+          "default": "\"\""
         },
         {
           "name": "disabled",
@@ -13559,7 +13572,7 @@
           "name": "danger-description",
           "description": "Specify the message read by screen readers for the danger menu item variant",
           "type": "string",
-          "default": "\"danger\""
+          "default": "\"\""
         },
         {
           "name": "submenuOpen",
@@ -13616,7 +13629,7 @@
           "attribute": "danger-description",
           "description": "Specify the message read by screen readers for the danger menu item variant",
           "type": "string",
-          "default": "\"danger\""
+          "default": "\"\""
         },
         {
           "name": "submenuOpen",
@@ -13755,7 +13768,7 @@
           "name": "danger-description",
           "description": "Specify the message read by screen readers for the danger button variants",
           "type": "string",
-          "default": "\"danger\""
+          "default": "\"\""
         },
         {
           "name": "disabled",
@@ -13890,7 +13903,7 @@
           "attribute": "danger-description",
           "description": "Specify the message read by screen readers for the danger button variants",
           "type": "string",
-          "default": "\"danger\""
+          "default": "\"\""
         },
         {
           "name": "disabled",
@@ -14455,6 +14468,12 @@
         {
           "name": "filterable"
         },
+        {
+          "name": "autocomplete",
+          "description": "The native `autocomplete` attribute for the filterable input.",
+          "type": "string",
+          "default": "\"off\""
+        },
         {
           "name": "clear-selection-label",
           "description": "The `aria-label` attribute for the icon to clear selection.",
@@ -14641,6 +14660,13 @@
           "name": "filterable",
           "attribute": "filterable"
         },
+        {
+          "name": "autocomplete",
+          "attribute": "autocomplete",
+          "description": "The native `autocomplete` attribute for the filterable input.",
+          "type": "string",
+          "default": "\"off\""
+        },
         {
           "name": "clearSelectionLabel",
           "attribute": "clear-selection-label",
@@ -14972,7 +14998,7 @@
           "name": "danger-description",
           "description": "Specify the message read by screen readers for the danger button variants",
           "type": "string",
-          "default": "\"danger\""
+          "default": "\"\""
         },
         {
           "name": "disabled",
@@ -15107,7 +15133,7 @@
           "attribute": "danger-description",
           "description": "Specify the message read by screen readers for the danger button variants",
           "type": "string",
-          "default": "\"danger\""
+          "default": "\"\""
         },
         {
           "name": "disabled",
@@ -16692,7 +16718,7 @@
           "name": "danger-description",
           "description": "Specify the message read by screen readers for the danger over flow menu item variant",
           "type": "string",
-          "default": "\"danger\""
+          "default": "\"\""
         },
         {
           "name": "disabled",
@@ -16732,7 +16758,7 @@
           "attribute": "danger-description",
           "description": "Specify the message read by screen readers for the danger over flow menu item variant",
           "type": "string",
-          "default": "\"danger\""
+          "default": "\"\""
         },
         {
           "name": "disabled",
@@ -16876,7 +16902,7 @@
           "name": "danger-description",
           "description": "Specify the message read by screen readers for the danger button variants",
           "type": "string",
-          "default": "\"danger\""
+          "default": "\"\""
         },
         {
           "name": "disabled",
@@ -17100,7 +17126,7 @@
           "attribute": "danger-description",
           "description": "Specify the message read by screen readers for the danger button variants",
           "type": "string",
-          "default": "\"danger\""
+          "default": "\"\""
         },
         {
           "name": "disabled",
@@ -20856,7 +20882,7 @@
           "name": "danger-description",
           "description": "Specify the message read by screen readers for the danger button variants",
           "type": "string",
-          "default": "\"danger\""
+          "default": "\"\""
         },
         {
           "name": "disabled",
@@ -20998,7 +21024,7 @@
           "attribute": "danger-description",
           "description": "Specify the message read by screen readers for the danger button variants",
           "type": "string",
-          "default": "\"danger\""
+          "default": "\"\""
         },
         {
           "name": "disabled",
@@ -21628,6 +21654,11 @@
           "description": "Selected index for the initially selected content",
           "type": "number",
           "default": "0"
+        },
+        {
+          "name": "size",
+          "description": "Size of the tabs",
+          "type": "TABS_SIZE | undefined"
         }
       ],
       "properties": [
@@ -21672,6 +21703,12 @@
           "description": "Selected index for the initially selected content",
           "type": "number",
           "default": "0"
+        },
+        {
+          "name": "size",
+          "attribute": "size",
+          "description": "Size of the tabs",
+          "type": "TABS_SIZE | undefined"
         }
       ]
     },
@@ -21697,6 +21734,12 @@
           "type": "TABS_TYPE",
           "default": "\"\""
         },
+        {
+          "name": "vertical",
+          "description": "`true` if the tab is in vertical orientation.\nThis is automatically set by the parent `<cds-tabs>` when it's in vertical mode.",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "icon-only",
           "description": "`true` if this tab is icon-only.",
@@ -21767,6 +21810,13 @@
           "type": "TABS_TYPE",
           "default": "\"\""
         },
+        {
+          "name": "vertical",
+          "attribute": "vertical",
+          "description": "`true` if the tab is in vertical orientation.\nThis is automatically set by the parent `<cds-tabs>` when it's in vertical mode.",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "iconOnly",
           "attribute": "icon-only",
@@ -21798,6 +21848,12 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "truncated",
+          "description": "`true` if the tab text is truncated with ellipsis.\nThis state is automatically updated when the component renders in vertical mode.",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "disabled",
           "attribute": "disabled",
@@ -21898,6 +21954,40 @@
         }
       ]
     },
+    {
+      "name": "cds-tabs-vertical",
+      "path": "./src/components/tabs/tabs-vertical.ts",
+      "description": "Vertical tabs container component.",
+      "attributes": [
+        {
+          "name": "custom-height",
+          "description": "Option to set a height style only if using vertical variation.",
+          "type": "string | undefined"
+        }
+      ],
+      "properties": [
+        {
+          "name": "customHeight",
+          "attribute": "custom-height",
+          "description": "Option to set a height style only if using vertical variation.",
+          "type": "string | undefined"
+        },
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        }
+      ],
+      "slots": [
+        {
+          "name": "tabs",
+          "description": "The `<cds-tabs>` navigation element."
+        },
+        {
+          "name": "panel",
+          "description": "One or more `<div role=\"tabpanel\">` elements."
+        }
+      ]
+    },
     {
       "name": "cds-tabs",
       "path": "./src/components/tabs/tabs.ts",
@@ -21927,6 +22017,12 @@
           "type": "TABS_TYPE",
           "default": "\"\""
         },
+        {
+          "name": "vertical",
+          "description": "`true` if the tabs are in vertical orientation.\nThis is automatically set by `cds-tabs-vertical`.",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "dismissable",
           "description": "Whether the rendered Tab children should be dismissable."
@@ -21962,8 +22058,8 @@
         },
         {
           "name": "size",
-          "description": "Content switcher size.",
-          "type": "CONTENT_SWITCHER_SIZE",
+          "description": "Specify the size of contained tabs.",
+          "type": "TABS_SIZE | undefined",
           "default": "\"\""
         },
         {
@@ -22008,6 +22104,13 @@
           "type": "TABS_TYPE",
           "default": "\"\""
         },
+        {
+          "name": "vertical",
+          "attribute": "vertical",
+          "description": "`true` if the tabs are in vertical orientation.\nThis is automatically set by `cds-tabs-vertical`.",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "dismissable",
           "attribute": "dismissable",
@@ -22056,8 +22159,8 @@
         {
           "name": "size",
           "attribute": "size",
-          "description": "Content switcher size.",
-          "type": "CONTENT_SWITCHER_SIZE",
+          "description": "Specify the size of contained tabs.",
+          "type": "TABS_SIZE | undefined",
           "default": "\"\""
         },
         {
@@ -25803,7 +25906,7 @@
           "name": "danger-description",
           "description": "Specify the message read by screen readers for the danger button variants",
           "type": "string",
-          "default": "\"danger\""
+          "default": "\"\""
         },
         {
           "name": "disabled",
@@ -25958,7 +26061,7 @@
           "attribute": "danger-description",
           "description": "Specify the message read by screen readers for the danger button variants",
           "type": "string",
-          "default": "\"danger\""
+          "default": "\"\""
         },
         {
           "name": "disabled",

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

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC,OAAO,EACL,WAAW,EACX,WAAW,EACX,WAAW,EACX,wBAAwB,EACxB,uBAAuB,EACxB,MAAM,QAAQ,CAAC;AAMhB,OAAO,EACL,WAAW,EACX,WAAW,EACX,WAAW,EACX,wBAAwB,EACxB,uBAAuB,GACxB,CAAC;;;;;;;;;;uBAJI,CAAC;;;;;;;AAMP;;;;;GAKG;AACH,cACM,SAAU,SAAQ,cAAyC;IAC/D;;OAEG;IACH,OAAO,CAAC,QAAQ,CAAS;IAEzB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAazB,OAAO,CAAC,oBAAoB;IAO5B,OAAO,CAAC,kBAAkB;IAY1B,OAAO,CAAC,iBAAiB,KAAA;IAQzB,OAAO,CAAC,WAAW,CAEjB;IAEF;;OAEG;IAIH,OAAO,CAAC,eAAe,CAErB;IAEF;;;OAGG;IAIH,OAAO,CAAC,YAAY,CAElB;IAEF;;;OAGG;IAIH,OAAO,CAAC,eAAe,CAErB;IAEF;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,eAAe,MAAC;IAEhB;;OAEG;IAEH,iBAAiB,SAAY;IAE7B;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,EAAG,MAAM,CAAC;IAElB;;OAEG;IAEH,cAAc,UAAS;IAEvB;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,QAAQ,EAAG,MAAM,CAAC;IAElB;;OAEG;IAEH,YAAY,UAAS;IAErB;;OAEG;IAEH,UAAU,UAAS;IAEnB;;OAEG;IAEH,IAAI,cAAuB;IAE3B;;OAEG;IAEH,QAAQ,SAAY;IAEpB;;OAEG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,GAAG,EAAG,MAAM,CAAC;IAEb;;OAEG;IAEH,IAAI,SAAQ;IAEZ;;OAEG;IAEH,QAAQ,SAAK;IAEb;;OAEG;IAEH,MAAM,EAAG,MAAM,CAAC;IAEhB;;;OAGG;IAEH,gBAAgB,2BAAmC;IAEnD;;;OAGG;IAEH,eAAe,0BAA+B;IAE9C;;;OAGG;IAEH,WAAW,EAAG,MAAM,CAAC;IAErB;;OAEG;IAEH,IAAI,cAAsB;IAE1B,MAAM;IAyJN,MAAM,CAAC,iBAAiB;;;;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,SAAS,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC,OAAO,EACL,WAAW,EACX,WAAW,EACX,WAAW,EACX,wBAAwB,EACxB,uBAAuB,EACxB,MAAM,QAAQ,CAAC;AAMhB,OAAO,EACL,WAAW,EACX,WAAW,EACX,WAAW,EACX,wBAAwB,EACxB,uBAAuB,GACxB,CAAC;;;;;;;;;;uBAJI,CAAC;;;;;;;AAMP;;;;;GAKG;AACH,cACM,SAAU,SAAQ,cAAyC;IAC/D;;OAEG;IACH,OAAO,CAAC,QAAQ,CAAS;IAEzB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAazB,OAAO,CAAC,oBAAoB;IAO5B,OAAO,CAAC,kBAAkB;IAY1B,OAAO,CAAC,iBAAiB,KAAA;IAQzB,OAAO,CAAC,WAAW,CAEjB;IAEF;;OAEG;IAIH,OAAO,CAAC,eAAe,CAErB;IAEF;;;OAGG;IAIH,OAAO,CAAC,YAAY,CAElB;IAEF;;;OAGG;IAIH,OAAO,CAAC,eAAe,CAErB;IAEF;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,eAAe,MAAC;IAEhB;;OAEG;IAEH,iBAAiB,SAAM;IAEvB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,EAAG,MAAM,CAAC;IAElB;;OAEG;IAEH,cAAc,UAAS;IAEvB;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,QAAQ,EAAG,MAAM,CAAC;IAElB;;OAEG;IAEH,YAAY,UAAS;IAErB;;OAEG;IAEH,UAAU,UAAS;IAEnB;;OAEG;IAEH,IAAI,cAAuB;IAE3B;;OAEG;IAEH,QAAQ,SAAY;IAEpB;;OAEG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,GAAG,EAAG,MAAM,CAAC;IAEb;;OAEG;IAEH,IAAI,SAAQ;IAEZ;;OAEG;IAEH,QAAQ,SAAK;IAEb;;OAEG;IAEH,MAAM,EAAG,MAAM,CAAC;IAEhB;;;OAGG;IAEH,gBAAgB,2BAAmC;IAEnD;;;OAGG;IAEH,eAAe,0BAA+B;IAE9C;;;OAGG;IAEH,WAAW,EAAG,MAAM,CAAC;IAErB;;OAEG;IAEH,IAAI,cAAsB;IAE1B,MAAM;IA8JN,MAAM,CAAC,iBAAiB;;;;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,SAAS,CAAC"}

package/es/components/button/button.js

@@ -48,7 +48,7 @@ let CDSButton = class CDSButton extends HostListenerMixin(FocusMixin(LitElement)
 		};
 		this.autofocus = false;
 		this.batchAction = false;
-		this.dangerDescription = "danger";
+		this.dangerDescription = "";
 		this.disabled = false;
 		this.hasMainContent = false;
 		this.isExpressive = false;
@@ -108,7 +108,7 @@ let CDSButton = class CDSButton extends HostListenerMixin(FocusMixin(LitElement)
 			};
 		}
 		const classes = classMap(defaultClasses);
-		const isDanger = kind?.includes("danger");
+		const hasDangerDescription = kind?.includes("danger") && Boolean(dangerDescription);
 		if (href) return disabled ? html`
             <p id="button" part="button" class="${classes}">
               <slot @slotchange="${handleSlotChange}"></slot>
@@ -178,8 +178,10 @@ let CDSButton = class CDSButton extends HostListenerMixin(FocusMixin(LitElement)
             tabindex="${tabIndex}"
             type="${ifDefined(type)}"
             aria-label="${ifDefined(tooltipText)}"
-            aria-describedby="badge-indicator">
-            ${isDanger ? html`<span class="${"cds"}--visually-hidden"
+            aria-describedby="${ifDefined(hasDangerDescription ? "danger-description" : void 0)}">
+            ${hasDangerDescription ? html`<span
+                  id="danger-description"
+                  class="${"cds"}--visually-hidden"
                   >${dangerDescription}</span
                 >` : ``}
             <slot @slotchange="${handleSlotChange}"></slot>

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, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { 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\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,IAAA,YAAA,MACM,kBAAkB,kBAAkB,WAAW,WAAW,CAAC,CAAC;;;kBAI7C;2BA6CS;AAC1B,QAAK,cAAc;;yBASK,YAAY;AACpC,QAAK,cAAc;;sBAUE,YAAY;AACjC,QAAK,cAAc;;yBAUK,YAAY;AACpC,QAAK,cAAc;;mBAOT;qBAME;2BAYM;kBAMT;wBAYM;sBAkBF;oBAMF;;kBAYF;qBAMG;cAkBP;kBAMI;;;;;;;;CAtLX,kBAA0B,EAAE,UAAiB;EAC3C,MAAM,EAAE,SAAS;EACjB,MAAM,aAAc,OAA2B,eAAe,CAAC,MAE5D,SAAS,KAAK,aAAa,KAAK,aAAa,KAAM,YAAa,MAAM,CACxE;AACD,OAAK,SAAS,SAAS,aAAa,oBAAoB;AACxD,OAAK,eAAe;;CAGtB,qBAG6B,OAAc;EACzC,MAAM,EAAE,aAAa;AACrB,MAAI,SACF,OAAM,iBAAiB;;CAI3B,qBAA6B;AAE3B,MAD0B,KAAK,cAAc,sBAA4B,KAGtE,KAAK,SAAA,WAA8B,KAAK,SAAA,MAGzC,SAAQ,KACN,mEACD;;CAGL,QAAQ,mBAAmB;AACzB,QAAM,UAAU,kBAAkB;AAClC,OAAK,oBAAoB;;CAuL3B,SAAS;EACP,MAAM,EACJ,WACA,iBACA,mBACA,UACA,UACA,MACA,UACA,MACA,cACA,YACA,UACA,aACA,MACA,KACA,MACA,UACA,QACA,kBACA,iBACA,aACA,MACA,UAAU,SACV,gBACA,mBAAmB,qBACjB;EAEJ,IAAI,iBAAiB;IAClB,aAAmB;IACnB,aAAmB,SAAS;IAC5B,+BACC,SAAA;IACD,4BAAkC,SAAA;IAClC,uBAA6B;IAC7B,wBAA8B,WAAW,CAAC;IAC1C,aAAmB,SAAS;IAC5B,qBAA2B,SAAS;IACpC,0BAAgC;IAChC,yBAA+B;IAC/B,uBAA6B,cAAc,SAAS;GACtD;AAED,MAAI,iBAAiB;GACnB,MAAM,eAAe,EAAE;AACvB,oBAAiB,MAAM,IAAI,CAAC,SAAS,YAAY;AAC/C,iBAAa,WAAW;KACxB;AACF,oBAAiB;IAAE,GAAG;IAAgB,GAAG;IAAc;;EAEzD,MAAM,UAAU,SAAS,eAAe;EAExC,MAAM,WAAW,MAAM,SAAS,SAAS;AAEzC,MAAI,KACF,QAAO,WACH,IAAI;kDACoC,QAAQ;mCACvB,iBAAiB;+CACL,iBAAiB;;cAGtD,IAAI;;;;sBAIQ,UAAU,SAAS,CAAC;uBACnB,QAAQ;0BACL,UAAU,SAAS,CAAC;sBACxB,UAAU,KAAK,CAAC;0BACZ,UAAU,SAAS,CAAC;sBACxB,UAAU,KAAK,CAAC;qBACjB,UAAU,IAAI,CAAC;wBACZ,UAAU,OAAO,CAAC;sBACpB,UAAU,KAAK,CAAC;0BACZ,SAAS;;mCAEA,iBAAiB;+CACL,iBAAiB;;cAElD,IAAI,+DACN,CAAC,SAAS;;EAIlB,MAAM,iBACJ,qBACC,oBAAA,SACC,oBAAA,YACE,IAAI,qBACJ;EAEN,MAAM,iBAAiB,SAAS;IAC7B,2BAAiC;IACjC,wBAA8B;IAC9B,gCAAsC;IACtC,iBAAuB;IACvB,sBAA4B;IAC5B,uBAA6B;IAC7B,iBAAuB,kBAAkB,mBAAmB;GAC9D,CAAC;AAEF,SAAO,eAAe,CAAC,WACnB,IAAI;yBACa,eAAe;;;;uBAIjB,QAAQ;4BACH,UAAU;2BACX,SAAS;0BACV,SAAS;sBACb,UAAU,KAAK,CAAC;4BACV,UAAU,YAAY,CAAC;;mCAEhB,iBAAiB;+CACL,iBAAiB;;iCAE9B;;+BAEF,oBAAA,MAA2B;kBACzC,YAAY;;mCAEM;;cAEtB,IAAI,+DACN,CAAC,SAAS;;YAGd,IAAI;;;;qBAIS,QAAQ;0BACH,UAAU;yBACX,SAAS;wBACV,SAAS;oBACb,UAAU,KAAK,CAAC;0BACV,UAAU,YAAY,CAAC;;cAEnC,WACE,IAAI,gBAAA,MAAuB;qBACtB,kBAAkB;qBAEvB,GAAG;iCACc,iBAAiB;6CACL,iBAAiB;;YAElD,IAAI,+DACN,CAAC,SAAS;;;;2BAIS;GACzB,GAAG,WAAW;GACd,gBAAgB;GACjB;;;gBACeA;;;YA5Wf,aAAa,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,UAAA,WAAA,wBAAA,KAAA;YA2BxC,aAAa,YAAY,CAAA,EAAA,UAAA,WAAA,eAAA,KAAA,EAAA;YAUzB,aAAa,WAAW,CAAA,EAAA,UAAA,WAAA,mBAAA,KAAA,EAAA;YAWxB,aAAa,QAAQ,CAAA,EAAA,UAAA,WAAA,gBAAA,KAAA,EAAA;YAWrB,aAAa,WAAW,CAAA,EAAA,UAAA,WAAA,mBAAA,KAAA,EAAA;YAUxB,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,aAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;CAAgB,CAAC,CAAA,EAAA,UAAA,WAAA,eAAA,KAAA,EAAA;YAMrE,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,WAAW;CAAqB,CAAC,CAAA,EAAA,UAAA,WAAA,mBAAA,KAAA,EAAA;YAMzE,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,WAAW;CAAsB,CAAC,CAAA,EAAA,UAAA,WAAA,qBAAA,KAAA,EAAA;YAM1E,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,YAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,YAAA,KAAA,EAAA;YAMzC,SAAS;CAAE,SAAS;CAAM,WAAW;CAAoB,MAAM;CAAS,CAAC,CAAA,EAAA,UAAA,WAAA,kBAAA,KAAA,EAAA;YAMzE,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,QAAA,KAAA,EAAA;YAMzC,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,YAAA,KAAA,EAAA;YAMzC,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,gBAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,cAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,QAAA,KAAA,EAAA;YAMzC,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAa,CAAC,CAAA,EAAA,UAAA,WAAA,YAAA,KAAA,EAAA;YAMlD,SAAS,EAAE,MAAM,SAAS,CAAC,CAAA,EAAA,UAAA,WAAA,eAAA,KAAA,EAAA;YAM3B,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,QAAA,KAAA,EAAA;YAMzC,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,OAAA,KAAA,EAAA;YAMzC,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,QAAA,KAAA,EAAA;YAMzC,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAa,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,YAAA,KAAA,EAAA;YAMjE,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,UAAA,KAAA,EAAA;YAOzC,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,WAAW;CAAqB,CAAC,CAAA,EAAA,UAAA,WAAA,oBAAA,KAAA,EAAA;YAOzE,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,WAAW;CAAoB,CAAC,CAAA,EAAA,UAAA,WAAA,mBAAA,KAAA,EAAA;YAOxE,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,WAAW;CAAgB,CAAC,CAAA,EAAA,UAAA,WAAA,eAAA,KAAA,EAAA;YAMpE,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,QAAA,KAAA,EAAA;wBAhO3CC,cAAc,aAAmB,CAAA,EAAA,UAAA;AAmYlC,IAAA,iBAAe"}
+{"version":3,"file":"button.js","names":["styles","customElement"],"sources":["../../../src/components/button/button.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { 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\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 = '';\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    const hasDangerDescription = isDanger && Boolean(dangerDescription);\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=\"${ifDefined(\n              hasDangerDescription ? 'danger-description' : undefined\n            )}\">\n            ${hasDangerDescription\n              ? html`<span\n                  id=\"danger-description\"\n                  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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,IAAA,YAAA,MACM,kBAAkB,kBAAkB,WAAW,WAAW,CAAC,CAAC;;;kBAI7C;2BA6CS;AAC1B,QAAK,cAAc;;yBASK,YAAY;AACpC,QAAK,cAAc;;sBAUE,YAAY;AACjC,QAAK,cAAc;;yBAUK,YAAY;AACpC,QAAK,cAAc;;mBAOT;qBAME;2BAYM;kBAMT;wBAYM;sBAkBF;oBAMF;;kBAYF;qBAMG;cAkBP;kBAMI;;;;;;;;CAtLX,kBAA0B,EAAE,UAAiB;EAC3C,MAAM,EAAE,SAAS;EACjB,MAAM,aAAc,OAA2B,eAAe,CAAC,MAE5D,SAAS,KAAK,aAAa,KAAK,aAAa,KAAM,YAAa,MAAM,CACxE;AACD,OAAK,SAAS,SAAS,aAAa,oBAAoB;AACxD,OAAK,eAAe;;CAGtB,qBAG6B,OAAc;EACzC,MAAM,EAAE,aAAa;AACrB,MAAI,SACF,OAAM,iBAAiB;;CAI3B,qBAA6B;AAE3B,MAD0B,KAAK,cAAc,sBAA4B,KAGtE,KAAK,SAAA,WAA8B,KAAK,SAAA,MAGzC,SAAQ,KACN,mEACD;;CAGL,QAAQ,mBAAmB;AACzB,QAAM,UAAU,kBAAkB;AAClC,OAAK,oBAAoB;;CAuL3B,SAAS;EACP,MAAM,EACJ,WACA,iBACA,mBACA,UACA,UACA,MACA,UACA,MACA,cACA,YACA,UACA,aACA,MACA,KACA,MACA,UACA,QACA,kBACA,iBACA,aACA,MACA,UAAU,SACV,gBACA,mBAAmB,qBACjB;EAEJ,IAAI,iBAAiB;IAClB,aAAmB;IACnB,aAAmB,SAAS;IAC5B,+BACC,SAAA;IACD,4BAAkC,SAAA;IAClC,uBAA6B;IAC7B,wBAA8B,WAAW,CAAC;IAC1C,aAAmB,SAAS;IAC5B,qBAA2B,SAAS;IACpC,0BAAgC;IAChC,yBAA+B;IAC/B,uBAA6B,cAAc,SAAS;GACtD;AAED,MAAI,iBAAiB;GACnB,MAAM,eAAe,EAAE;AACvB,oBAAiB,MAAM,IAAI,CAAC,SAAS,YAAY;AAC/C,iBAAa,WAAW;KACxB;AACF,oBAAiB;IAAE,GAAG;IAAgB,GAAG;IAAc;;EAEzD,MAAM,UAAU,SAAS,eAAe;EAGxC,MAAM,uBADW,MAAM,SAAS,SAAS,IACA,QAAQ,kBAAkB;AAEnE,MAAI,KACF,QAAO,WACH,IAAI;kDACoC,QAAQ;mCACvB,iBAAiB;+CACL,iBAAiB;;cAGtD,IAAI;;;;sBAIQ,UAAU,SAAS,CAAC;uBACnB,QAAQ;0BACL,UAAU,SAAS,CAAC;sBACxB,UAAU,KAAK,CAAC;0BACZ,UAAU,SAAS,CAAC;sBACxB,UAAU,KAAK,CAAC;qBACjB,UAAU,IAAI,CAAC;wBACZ,UAAU,OAAO,CAAC;sBACpB,UAAU,KAAK,CAAC;0BACZ,SAAS;;mCAEA,iBAAiB;+CACL,iBAAiB;;cAElD,IAAI,+DACN,CAAC,SAAS;;EAIlB,MAAM,iBACJ,qBACC,oBAAA,SACC,oBAAA,YACE,IAAI,qBACJ;EAEN,MAAM,iBAAiB,SAAS;IAC7B,2BAAiC;IACjC,wBAA8B;IAC9B,gCAAsC;IACtC,iBAAuB;IACvB,sBAA4B;IAC5B,uBAA6B;IAC7B,iBAAuB,kBAAkB,mBAAmB;GAC9D,CAAC;AAEF,SAAO,eAAe,CAAC,WACnB,IAAI;yBACa,eAAe;;;;uBAIjB,QAAQ;4BACH,UAAU;2BACX,SAAS;0BACV,SAAS;sBACb,UAAU,KAAK,CAAC;4BACV,UAAU,YAAY,CAAC;;mCAEhB,iBAAiB;+CACL,iBAAiB;;iCAE9B;;+BAEF,oBAAA,MAA2B;kBACzC,YAAY;;mCAEM;;cAEtB,IAAI,+DACN,CAAC,SAAS;;YAGd,IAAI;;;;qBAIS,QAAQ;0BACH,UAAU;yBACX,SAAS;wBACV,SAAS;oBACb,UAAU,KAAK,CAAC;0BACV,UAAU,YAAY,CAAC;gCACjB,UAClB,uBAAuB,uBAAuB,KAAA,EAC/C,CAAC;cACA,uBACE,IAAI;;iCAEc;qBACb,kBAAkB;qBAEvB,GAAG;iCACc,iBAAiB;6CACL,iBAAiB;;YAElD,IAAI,+DACN,CAAC,SAAS;;;;2BAIS;GACzB,GAAG,WAAW;GACd,gBAAgB;GACjB;;;gBACeA;;;YAjXf,aAAa,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,UAAA,WAAA,wBAAA,KAAA;YA2BxC,aAAa,YAAY,CAAA,EAAA,UAAA,WAAA,eAAA,KAAA,EAAA;YAUzB,aAAa,WAAW,CAAA,EAAA,UAAA,WAAA,mBAAA,KAAA,EAAA;YAWxB,aAAa,QAAQ,CAAA,EAAA,UAAA,WAAA,gBAAA,KAAA,EAAA;YAWrB,aAAa,WAAW,CAAA,EAAA,UAAA,WAAA,mBAAA,KAAA,EAAA;YAUxB,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,aAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;CAAgB,CAAC,CAAA,EAAA,UAAA,WAAA,eAAA,KAAA,EAAA;YAMrE,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,WAAW;CAAqB,CAAC,CAAA,EAAA,UAAA,WAAA,mBAAA,KAAA,EAAA;YAMzE,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,WAAW;CAAsB,CAAC,CAAA,EAAA,UAAA,WAAA,qBAAA,KAAA,EAAA;YAM1E,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,YAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,YAAA,KAAA,EAAA;YAMzC,SAAS;CAAE,SAAS;CAAM,WAAW;CAAoB,MAAM;CAAS,CAAC,CAAA,EAAA,UAAA,WAAA,kBAAA,KAAA,EAAA;YAMzE,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,QAAA,KAAA,EAAA;YAMzC,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,YAAA,KAAA,EAAA;YAMzC,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,gBAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,cAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,QAAA,KAAA,EAAA;YAMzC,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAa,CAAC,CAAA,EAAA,UAAA,WAAA,YAAA,KAAA,EAAA;YAMlD,SAAS,EAAE,MAAM,SAAS,CAAC,CAAA,EAAA,UAAA,WAAA,eAAA,KAAA,EAAA;YAM3B,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,QAAA,KAAA,EAAA;YAMzC,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,OAAA,KAAA,EAAA;YAMzC,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,QAAA,KAAA,EAAA;YAMzC,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAa,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,YAAA,KAAA,EAAA;YAMjE,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,UAAA,KAAA,EAAA;YAOzC,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,WAAW;CAAqB,CAAC,CAAA,EAAA,UAAA,WAAA,oBAAA,KAAA,EAAA;YAOzE,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,WAAW;CAAoB,CAAC,CAAA,EAAA,UAAA,WAAA,mBAAA,KAAA,EAAA;YAOxE,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,WAAW;CAAgB,CAAC,CAAA,EAAA,UAAA,WAAA,eAAA,KAAA,EAAA;YAMpE,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,QAAA,KAAA,EAAA;wBAhO3CC,cAAc,aAAmB,CAAA,EAAA,UAAA;AAwYlC,IAAA,iBAAe"}

package/es/components/menu/menu-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../../src/components/menu/menu-item.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAYvC,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAInD,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,CAAC;AACrC,eAAO,MAAM,qBAAqB,gCAAsC,CAAC;;;;;;;;;;uBAL/B,CAAC;;;;;AAO3C;;;;GAIG;AACH,cACM,WAAY,SAAQ,gBAAgD;IAExE,OAAO,MAAC;IAER,QAAQ,CAAC,gBAAgB,OAAO;IAChC,kBAAkB,MAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,WAAW,CAAwB;IAE3C;;OAEG;IACH,OAAO,CAAC,mBAAmB,CAAC,CAAmB;IAE/C;;OAEG;IAEH,KAAK,MAAC;IACN;;OAEG;IAEH,QAAQ,MAAC;IACT;;OAEG;IAEH,QAAQ,MAAC;IAET;;OAEG;IAEH,iBAAiB,SAAY;IAE7B;;OAEG;IAEH,WAAW,UAAS;IAGpB,IAAI,iBAA0B;IAC9B;;OAEG;IAEH,UAAU,EAAE;QACV,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC7B,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;KAC9B,CAAoB;IAGrB,WAAW,EAAE,MAAM,GAAG,IAAI,CAA4C;IAEtE;;OAEG;IAEH,YAAY,MAAC;IACb;;OAEG;IAEH,KAAK,UAAS;IACd;;OAEG;IAEH,UAAU,UAAS;IAEb,kBAAkB;IAaxB,OAAO,CAAC,iBAAiB;IAwBzB,YAAY;IA2BZ,oBAAoB;IAIpB,OAAO,IAAI,IAAI;IAWf,WAAW,CAAC,KAAK,EAAE,UAAU;IAK7B,eAAe,CAAC,KAAK,EAAE,UAAU;IAOjC,gBAAgB;IAOhB,gBAAgB;IAOhB,aAAa,CAAC,KAAK,EAAE,aAAa;IAIlC,MAAM;IAuDN,YAAY,GAAI,GAAG,UAAU,GAAG,aAAa,KAAG,IAAI,CAwBlD;IACF,iBAAiB,aAIf;IACF,iBAAiB,aAMf;IACF,YAAY,aAcV;IACF,qBAAqB,aAkCnB;IACF,aAAa,aASX;IACF,cAAc,GAAI,GAAG,aAAa,UAUhC;IAEF,MAAM,CAAC,MAAM,MAAU;CACxB;AACD,eAAe,WAAW,CAAC"}
+{"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../../src/components/menu/menu-item.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAYvC,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAInD,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,CAAC;AACrC,eAAO,MAAM,qBAAqB,gCAAsC,CAAC;;;;;;;;;;uBAL/B,CAAC;;;;;AAO3C;;;;GAIG;AACH,cACM,WAAY,SAAQ,gBAAgD;IAExE,OAAO,MAAC;IAER,QAAQ,CAAC,gBAAgB,OAAO;IAChC,kBAAkB,MAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,WAAW,CAAwB;IAE3C;;OAEG;IACH,OAAO,CAAC,mBAAmB,CAAC,CAAmB;IAE/C;;OAEG;IAEH,KAAK,MAAC;IACN;;OAEG;IAEH,QAAQ,MAAC;IACT;;OAEG;IAEH,QAAQ,MAAC;IAET;;OAEG;IAEH,iBAAiB,SAAM;IAEvB;;OAEG;IAEH,WAAW,UAAS;IAGpB,IAAI,iBAA0B;IAC9B;;OAEG;IAEH,UAAU,EAAE;QACV,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC7B,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;KAC9B,CAAoB;IAGrB,WAAW,EAAE,MAAM,GAAG,IAAI,CAA4C;IAEtE;;OAEG;IAEH,YAAY,MAAC;IACb;;OAEG;IAEH,KAAK,UAAS;IACd;;OAEG;IAEH,UAAU,UAAS;IAEb,kBAAkB;IAaxB,OAAO,CAAC,iBAAiB;IAwBzB,YAAY;IA2BZ,oBAAoB;IAIpB,OAAO,IAAI,IAAI;IAWf,WAAW,CAAC,KAAK,EAAE,UAAU;IAK7B,eAAe,CAAC,KAAK,EAAE,UAAU;IAOjC,gBAAgB;IAOhB,gBAAgB;IAOhB,aAAa,CAAC,KAAK,EAAE,aAAa;IAIlC,MAAM;IAwDN,YAAY,GAAI,GAAG,UAAU,GAAG,aAAa,KAAG,IAAI,CAwBlD;IACF,iBAAiB,aAIf;IACF,iBAAiB,aAMf;IACF,YAAY,aAcV;IACF,qBAAqB,aAkCnB;IACF,aAAa,aASX;IACF,cAAc,GAAI,GAAG,aAAa,UAUhC;IAEF,MAAM,CAAC,MAAM,MAAU;CACxB;AACD,eAAe,WAAW,CAAC"}

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

@@ -38,7 +38,7 @@ let CDSmenuItem = class CDSmenuItem extends HostListenerMixin(HostListenerMixin(
 		super(..._args);
 		this.hoverIntentDelay = 150;
 		this._parentMenu = null;
-		this.dangerDescription = "danger";
+		this.dangerDescription = "";
 		this.submenuOpen = false;
 		this.kind = "default";
 		this.boundaries = {
@@ -207,7 +207,7 @@ let CDSmenuItem = class CDSmenuItem extends HostListenerMixin(HostListenerMixin(
 	}
 	render() {
 		const { label, shortcut, submenuOpen, boundaries, isRtl, kind, dangerDescription } = this;
-		const isDanger = kind === "danger" && !this.hasSubmenu;
+		const hasDangerDescription = kind === "danger" && !this.hasSubmenu && Boolean(dangerDescription);
 		const menuClassName = this.context?.hasSelectableItems ? `cds--menu--with-selectable-items` : "";
 		return html`
       <div class="${"cds"}--menu-item__selection-icon">
@@ -218,7 +218,7 @@ let CDSmenuItem = class CDSmenuItem extends HostListenerMixin(HostListenerMixin(
         <slot name="render-icon"></slot>
       </div>
       <div class="${"cds"}--menu-item__label">${label}</div>
-      ${isDanger ? html`<span id="danger-description" class="${"cds"}--visually-hidden"
+      ${hasDangerDescription ? html`<span id="danger-description" class="${"cds"}--visually-hidden"
             >${dangerDescription}</span
           >` : html``}
       ${shortcut && !this.hasSubmenu ? html` <div class="${"cds"}--menu-item__shortcut">${shortcut}</div> ` : html``}