@carbon/web-components 2.62.0 → 2.63.0

package/es/components/layer/layer.scss.js

@@ -7,7 +7,7 @@
 
 import { css } from "lit";
 //#region src/components/layer/layer.scss?lit
-var layer_default = css([":root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-one,:host(cds-layer[level=\"0\"]){--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two,:host(cds-layer[level=\"1\"]){--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three,:host(cds-layer[level=\"2\"]){--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,:host(cds-layer[level=\"0\"]):host(cds-layer[with-background]){background-color:var(--cds-layer-background)}.cds--layer-two.cds--layer__with-background,:host(cds-layer[level=\"1\"]):host(cds-layer[with-background]){background-color:var(--cds-layer-background)}.cds--layer-three.cds--layer__with-background,:host(cds-layer[level=\"2\"]):host(cds-layer[with-background]){background-color:var(--cds-layer-background)}:host(cds-layer){display:block}"]);
+var layer_default = css([":root{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-background:var(--cds-layer-background-01, #fff);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.cds--layer-one,:host(cds-layer[level=\"0\"]){--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-background:var(--cds-layer-background-01, #fff);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.cds--layer-two,:host(cds-layer[level=\"1\"]){--cds-layer:var(--cds-layer-02, #fff);--cds-layer-active:var(--cds-layer-active-02, #c6c6c6);--cds-layer-background:var(--cds-layer-background-02, #f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02, #a8a8a8);--cds-field:var(--cds-field-02, #fff);--cds-field-hover:var(--cds-field-hover-02, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01, #c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02, #c6c6c6);--cds-border-strong:var(--cds-border-strong-02, #8d8d8d);--cds-border-tile:var(--cds-border-tile-02, #a8a8a8)}.cds--layer-three,:host(cds-layer[level=\"2\"]){--cds-layer:var(--cds-layer-03, #f4f4f4);--cds-layer-active:var(--cds-layer-active-03, #c6c6c6);--cds-layer-background:var(--cds-layer-background-03, #fff);--cds-layer-hover:var(--cds-layer-hover-03, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03, #a8a8a8);--cds-field:var(--cds-field-03, #f4f4f4);--cds-field-hover:var(--cds-field-hover-03, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03, #c6c6c6);--cds-border-strong:var(--cds-border-strong-03, #8d8d8d);--cds-border-tile:var(--cds-border-tile-03, #c6c6c6)}.cds--layer-one.cds--layer__with-background,:host(cds-layer[level=\"0\"]):host(cds-layer[with-background]){background-color:var(--cds-layer-background)}.cds--layer-two.cds--layer__with-background,:host(cds-layer[level=\"1\"]):host(cds-layer[with-background]){background-color:var(--cds-layer-background)}.cds--layer-three.cds--layer__with-background,:host(cds-layer[level=\"2\"]):host(cds-layer[with-background]){background-color:var(--cds-layer-background)}:host(cds-layer){display:block}"]);
 //#endregion
 export { layer_default as default };
 

package/es/components/layout/layout.scss.js

@@ -7,7 +7,7 @@
 
 import { css } from "lit";
 //#region src/components/layout/layout.scss?lit
-var layout_default = css([":host(cds-layout){--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px;display:contents}:host(cds-layout[size=xs]){--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-layout[size=sm]){--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-layout[size=md]){--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-layout[size=lg]){--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-layout[size=xl]){--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-layout[size=\"2xl\"]){--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-layout[density=condensed]){--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}:host(cds-layout[density=normal]){--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}"]);
+var layout_default = css([":host(cds-layout){--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px;display:contents}:host(cds-layout[size=xs]){--cds-layout-size-height-context:var(--cds-layout-size-height-xs, 1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-layout[size=sm]){--cds-layout-size-height-context:var(--cds-layout-size-height-sm, 2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-layout[size=md]){--cds-layout-size-height-context:var(--cds-layout-size-height-md, 2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-layout[size=lg]){--cds-layout-size-height-context:var(--cds-layout-size-height-lg, 3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-layout[size=xl]){--cds-layout-size-height-context:var(--cds-layout-size-height-xl, 4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-layout[size=\"2xl\"]){--cds-layout-size-height-context:var(--cds-layout-size-height-2xl, 5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-layout[density=condensed]){--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed, 0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}:host(cds-layout[density=normal]){--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal, 1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}"]);
 //#endregion
 export { layout_default as default };
 

package/es/components/link/link.d.ts

@@ -4,6 +4,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+import { classMap } from 'lit/directives/class-map.js';
 import { LitElement } from 'lit';
 /**
  * Link size.
@@ -36,7 +37,7 @@ declare class CDSLink extends CDSLink_base {
     /**
      * The CSS class list for the link node.
      */
-    protected get _classes(): any;
+    protected get _classes(): ReturnType<typeof classMap>;
     /**
      * @returns The inner content.
      */

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

@@ -1 +1 @@
-{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../src/components/link/link.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAOvC;;GAEG;AACH,eAAO,MAAM,SAAS;;;;CAIrB,CAAC;AAGF,KAAK,cAAc,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC;;;;AAEjE;;;;;GAKG;AACH,cACM,OAAQ,SAAQ,YAAsB;IAC1C;;OAEG;IACH,SAAS,CAAC,QAAQ,UAAS;IAE3B;;OAEG;IACH,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAW7C,SAAS,CAAC,SAAS,CAAC,EAAE,iBAAiB,GAAG,oBAAoB,CAAC;IAE/D;;OAEG;IAEH,SAAS,KAAK,QAAQ,IAAI,GAAG,CAU5B;IAED;;OAEG;IAEH,SAAS,CAAC,YAAY;IAUtB;;OAEG;IACH,SAAS,CAAC,mBAAmB;IAO7B;;OAEG;IACH,SAAS,CAAC,WAAW;IA+BrB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,EAAG,MAAM,CAAC;IAElB;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,QAAQ,EAAG,MAAM,CAAC;IAElB;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,QAAQ,EAAG,MAAM,CAAC;IAElB;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,GAAG,EAAG,MAAM,CAAC;IAEb;;OAEG;IAEH,IAAI,EAAE,cAAc,CAAoB;IAExC;;OAEG;IAEH,MAAM,EAAG,MAAM,CAAC;IAEhB;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,OAAO,UAAS;IAEhB,MAAM;IAKN,MAAM,CAAC,iBAAiB;;;;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,OAAO,CAAC"}
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../src/components/link/link.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAOvC;;GAEG;AACH,eAAO,MAAM,SAAS;;;;CAIrB,CAAC;AAGF,KAAK,cAAc,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC;;;;AAEjE;;;;;GAKG;AACH,cACM,OAAQ,SAAQ,YAAsB;IAC1C;;OAEG;IACH,SAAS,CAAC,QAAQ,UAAS;IAE3B;;OAEG;IACH,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAY7C,SAAS,CAAC,SAAS,CAAC,EAAE,iBAAiB,GAAG,oBAAoB,CAAC;IAE/D;;OAEG;IACH,SAAS,KAAK,QAAQ,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAUpD;IAED;;OAEG;IAEH,SAAS,CAAC,YAAY;IAUtB;;OAEG;IACH,SAAS,CAAC,mBAAmB;IAO7B;;OAEG;IACH,SAAS,CAAC,WAAW;IA+BrB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,EAAG,MAAM,CAAC;IAElB;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,QAAQ,EAAG,MAAM,CAAC;IAElB;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,QAAQ,EAAG,MAAM,CAAC;IAElB;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,GAAG,EAAG,MAAM,CAAC;IAEb;;OAEG;IAEH,IAAI,EAAE,cAAc,CAAoB;IAExC;;OAEG;IAEH,MAAM,EAAG,MAAM,CAAC;IAEhB;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,OAAO,UAAS;IAEhB,MAAM;IAKN,MAAM,CAAC,iBAAiB;;;;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,OAAO,CAAC"}

package/es/components/link/link.js

@@ -49,7 +49,7 @@ let CDSLink = class CDSLink extends FocusMixin(LitElement) {
 	*/
 	_handleSlotChange({ target }) {
 		const { name } = target;
-		const hasContent = target.assignedNodes().some((node) => node.nodeType !== Node.TEXT_NODE || node.textContent.trim());
+		const hasContent = target.assignedNodes().some((node) => node.nodeType !== Node.TEXT_NODE || node.textContent?.trim());
 		this[name === "icon" ? "_hasIcon" : ""] = hasContent;
 		this.requestUpdate();
 	}

package/es/components/link/link.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.js","names":["styles","customElement"],"sources":["../../../src/components/link/link.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, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './link.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Link size.\n */\nexport const LINK_SIZE = {\n  MEDIUM: 'md',\n  SMALL: 'sm',\n  LARGE: 'lg',\n};\n\n// Convert object key in a type\ntype LINK_SIZE_TYPE = (typeof LINK_SIZE)[keyof typeof LINK_SIZE];\n\n/**\n * Link.\n *\n * @element cds-link\n * @csspart link The link.\n */\n@customElement(`${prefix}-link`)\nclass CDSLink extends FocusMixin(LitElement) {\n  /**\n   * `true` if there is an icon.\n   */\n  protected _hasIcon = false;\n\n  /**\n   * Handles `slotchange` event.\n   */\n  protected _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' : ''] = hasContent;\n    this.requestUpdate();\n  }\n\n  @query('#link')\n  protected _linkNode?: HTMLAnchorElement | HTMLParagraphElement;\n\n  /**\n   * The CSS class list for the link node.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452\n  protected get _classes(): any {\n    const { disabled, size, inline, visited, _hasIcon } = this;\n    return classMap({\n      [`${prefix}--link`]: true,\n      [`${prefix}--link--disabled`]: disabled,\n      [`${prefix}--link--icon`]: _hasIcon,\n      [`${prefix}--link--inline`]: inline,\n      [`${prefix}--link--${size}`]: size,\n      [`${prefix}--link--visited`]: visited,\n    });\n  }\n\n  /**\n   * @returns The inner content.\n   */\n\n  protected _renderInner() {\n    const { _hasIcon: hasIcon, _handleSlotChange: handleSlotChange } = this;\n    return html`\n      <slot @slotchange=\"${handleSlotChange}\"></slot>\n      <span ?hidden=\"${!hasIcon}\" class=\"${prefix}--link__icon\">\n        <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n      </span>\n    `;\n  }\n\n  /**\n   * @returns The disabled link content.\n   */\n  protected _renderDisabledLink() {\n    const { _classes: classes } = this;\n    return html`\n      <p id=\"link\" part=\"link\" class=\"${classes}\">${this._renderInner()}</p>\n    `;\n  }\n\n  /**\n   * @returns The link content.\n   */\n  protected _renderLink() {\n    const {\n      download,\n      href,\n      hreflang,\n      linkRole,\n      ping,\n      rel,\n      target,\n      type,\n      _classes: classes,\n    } = this;\n    return html`\n      <a\n        tabindex=\"0\"\n        id=\"link\"\n        role=\"${ifDefined(linkRole)}\"\n        class=\"${classes}\"\n        part=\"link\"\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        ${this._renderInner()}\n      </a>\n    `;\n  }\n\n  /**\n   * `true` if the link should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The default file name.\n   */\n  @property({ reflect: true })\n  download!: string;\n\n  /**\n   * Link `href`.\n   */\n  @property({ reflect: true })\n  href!: string;\n\n  /**\n   * The language of what `href` points to.\n   */\n  @property({ reflect: true })\n  hreflang!: string;\n\n  /**\n   * `true` if the link should be inline.\n   */\n  @property({ type: Boolean, reflect: true })\n  inline = false;\n\n  /**\n   * The a11y role for `<a>`.\n   */\n  @property({ attribute: 'link-role' })\n  linkRole!: string;\n\n  /**\n   * URLs to ping.\n   */\n  @property({ reflect: true })\n  ping!: string;\n\n  /**\n   * The link type.\n   */\n  @property({ reflect: true })\n  rel!: string;\n\n  /**\n   * Link size.\n   */\n  @property({ reflect: true })\n  size: LINK_SIZE_TYPE = LINK_SIZE.MEDIUM;\n\n  /**\n   * The link target.\n   */\n  @property({ reflect: true })\n  target!: string;\n\n  /**\n   * MIME type of the `target`.\n   */\n  @property({ reflect: true })\n  type!: string;\n\n  /**\n   * When enabled, applies Carbon's visited-link styles to browser-controlled :visited link state.\n   */\n  @property({ type: Boolean, reflect: true })\n  visited = false;\n\n  render() {\n    const { disabled } = this;\n    return disabled ? this._renderDisabledLink() : this._renderLink();\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSLink;\n"],"mappings":"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"}
+{"version":3,"file":"link.js","names":["styles","customElement"],"sources":["../../../src/components/link/link.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, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './link.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Link size.\n */\nexport const LINK_SIZE = {\n  MEDIUM: 'md',\n  SMALL: 'sm',\n  LARGE: 'lg',\n};\n\n// Convert object key in a type\ntype LINK_SIZE_TYPE = (typeof LINK_SIZE)[keyof typeof LINK_SIZE];\n\n/**\n * Link.\n *\n * @element cds-link\n * @csspart link The link.\n */\n@customElement(`${prefix}-link`)\nclass CDSLink extends FocusMixin(LitElement) {\n  /**\n   * `true` if there is an icon.\n   */\n  protected _hasIcon = false;\n\n  /**\n   * Handles `slotchange` event.\n   */\n  protected _handleSlotChange({ target }: Event) {\n    const { name } = target as HTMLSlotElement;\n    const hasContent = (target as HTMLSlotElement)\n      .assignedNodes()\n      .some(\n        (node) => node.nodeType !== Node.TEXT_NODE || node.textContent?.trim()\n      );\n    this[name === 'icon' ? '_hasIcon' : ''] = hasContent;\n    this.requestUpdate();\n  }\n\n  @query('#link')\n  protected _linkNode?: HTMLAnchorElement | HTMLParagraphElement;\n\n  /**\n   * The CSS class list for the link node.\n   */\n  protected get _classes(): ReturnType<typeof classMap> {\n    const { disabled, size, inline, visited, _hasIcon } = this;\n    return classMap({\n      [`${prefix}--link`]: true,\n      [`${prefix}--link--disabled`]: disabled,\n      [`${prefix}--link--icon`]: _hasIcon,\n      [`${prefix}--link--inline`]: inline,\n      [`${prefix}--link--${size}`]: size,\n      [`${prefix}--link--visited`]: visited,\n    });\n  }\n\n  /**\n   * @returns The inner content.\n   */\n\n  protected _renderInner() {\n    const { _hasIcon: hasIcon, _handleSlotChange: handleSlotChange } = this;\n    return html`\n      <slot @slotchange=\"${handleSlotChange}\"></slot>\n      <span ?hidden=\"${!hasIcon}\" class=\"${prefix}--link__icon\">\n        <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n      </span>\n    `;\n  }\n\n  /**\n   * @returns The disabled link content.\n   */\n  protected _renderDisabledLink() {\n    const { _classes: classes } = this;\n    return html`\n      <p id=\"link\" part=\"link\" class=\"${classes}\">${this._renderInner()}</p>\n    `;\n  }\n\n  /**\n   * @returns The link content.\n   */\n  protected _renderLink() {\n    const {\n      download,\n      href,\n      hreflang,\n      linkRole,\n      ping,\n      rel,\n      target,\n      type,\n      _classes: classes,\n    } = this;\n    return html`\n      <a\n        tabindex=\"0\"\n        id=\"link\"\n        role=\"${ifDefined(linkRole)}\"\n        class=\"${classes}\"\n        part=\"link\"\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        ${this._renderInner()}\n      </a>\n    `;\n  }\n\n  /**\n   * `true` if the link should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The default file name.\n   */\n  @property({ reflect: true })\n  download!: string;\n\n  /**\n   * Link `href`.\n   */\n  @property({ reflect: true })\n  href!: string;\n\n  /**\n   * The language of what `href` points to.\n   */\n  @property({ reflect: true })\n  hreflang!: string;\n\n  /**\n   * `true` if the link should be inline.\n   */\n  @property({ type: Boolean, reflect: true })\n  inline = false;\n\n  /**\n   * The a11y role for `<a>`.\n   */\n  @property({ attribute: 'link-role' })\n  linkRole!: string;\n\n  /**\n   * URLs to ping.\n   */\n  @property({ reflect: true })\n  ping!: string;\n\n  /**\n   * The link type.\n   */\n  @property({ reflect: true })\n  rel!: string;\n\n  /**\n   * Link size.\n   */\n  @property({ reflect: true })\n  size: LINK_SIZE_TYPE = LINK_SIZE.MEDIUM;\n\n  /**\n   * The link target.\n   */\n  @property({ reflect: true })\n  target!: string;\n\n  /**\n   * MIME type of the `target`.\n   */\n  @property({ reflect: true })\n  type!: string;\n\n  /**\n   * When enabled, applies Carbon's visited-link styles to browser-controlled :visited link state.\n   */\n  @property({ type: Boolean, reflect: true })\n  visited = false;\n\n  render() {\n    const { disabled } = this;\n    return disabled ? this._renderDisabledLink() : this._renderLink();\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSLink;\n"],"mappings":"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"}

package/es/components/loading/loading.scss.js

@@ -7,7 +7,7 @@
 
 import { css } from "lit";
 //#region src/components/loading/loading.scss?lit
-var loading_default = css([".cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}.cds--loading,:host(cds-loading){box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--loading *,.cds--loading :after,.cds--loading :before,:host(cds-loading) *,:host(cds-loading) :after,:host(cds-loading) :before{box-sizing:inherit}.cds--loading,:host(cds-loading){animation-duration:.69s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:cds--rotate;animation-timing-function:linear}.cds--loading svg circle,:host(cds-loading) svg circle{animation-duration:10ms;animation-name:cds--init-stroke;animation-timing-function:cubic-bezier(.5,0,.1,1)}@media screen and (prefers-reduced-motion:reduce){.cds--loading svg circle,:host(cds-loading) svg circle{animation:none}}.cds--loading,:host(cds-loading){block-size:5.5rem;inline-size:5.5rem}.cds--loading__svg{fill:transparent}.cds--loading__svg circle{stroke-dasharray:276.4608 276.4608;stroke-linecap:butt;stroke-width:10}.cds--loading__stroke{stroke:var(--cds-interactive,#0f62fe);stroke-dashoffset:52.527552}.cds--loading--small .cds--loading__stroke,:host(cds-loading[small]) .cds--loading__stroke{stroke-dashoffset:143.759616}.cds--loading--stop,:host(cds-loading:not([active])){animation:cds--rotate-end-p1 .7s cubic-bezier(0,0,.25,1) forwards,cds--rotate-end-p2 .7s cubic-bezier(0,0,.25,1) .7s forwards}.cds--loading--stop svg circle,:host(cds-loading:not([active])) svg circle{animation-delay:.7s;animation-duration:.7s;animation-fill-mode:forwards;animation-name:cds--stroke-end;animation-timing-function:cubic-bezier(0,0,.25,1)}@media screen and (prefers-reduced-motion:reduce){.cds--loading--stop svg circle,:host(cds-loading:not([active])) svg circle{animation:none}}.cds--loading--small,:host(cds-loading[small]){block-size:1rem;inline-size:1rem;line-height:1rem}.cds--loading--small circle,:host(cds-loading[small]) circle{stroke-width:16}.cds--loading--small .cds--loading__svg,:host(cds-loading[small]) .cds--loading__svg{stroke:var(--cds-interactive,#0f62fe)}.cds--loading__background{stroke:var(--cds-layer-accent);stroke-dashoffset:-22}@supports (hanging-punctuation:first) and (font:-apple-system-body) and (-webkit-appearance:none){circle.cds--loading__background{stroke-dasharray:265;stroke-dashoffset:0}}.cds--loading-overlay,:host(cds-loading[overlay]){position:fixed;z-index:6000;display:flex;align-items:center;justify-content:center;background-color:var(--cds-overlay,rgba(0,0,0,.6));block-size:100%;inline-size:100%;inset-block-start:0;inset-inline-start:0;transition:background-color .7s cubic-bezier(.4,.14,.3,1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.cds--loading-overlay--stop{display:none}@keyframes cds--rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes cds--rotate-end-p1{to{transform:rotate(1turn)}}@keyframes cds--rotate-end-p2{to{transform:rotate(-1turn)}}@keyframes cds--init-stroke{0%{stroke-dashoffset:276.4608}to{stroke-dashoffset:52.527552}}@keyframes cds--stroke-end{0%{stroke-dashoffset:52.527552}to{stroke-dashoffset:276.4608}}:host(cds-loading){display:block}:host(cds-loading[overlay]){animation:none}.cds--loading__background[hidden]{display:none}"]);
+var loading_default = css([".cds--layer-one,:root{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-background:var(--cds-layer-background-01, #fff);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02, #fff);--cds-layer-active:var(--cds-layer-active-02, #c6c6c6);--cds-layer-background:var(--cds-layer-background-02, #f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02, #a8a8a8);--cds-field:var(--cds-field-02, #fff);--cds-field-hover:var(--cds-field-hover-02, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01, #c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02, #c6c6c6);--cds-border-strong:var(--cds-border-strong-02, #8d8d8d);--cds-border-tile:var(--cds-border-tile-02, #a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03, #f4f4f4);--cds-layer-active:var(--cds-layer-active-03, #c6c6c6);--cds-layer-background:var(--cds-layer-background-03, #fff);--cds-layer-hover:var(--cds-layer-hover-03, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03, #a8a8a8);--cds-field:var(--cds-field-03, #f4f4f4);--cds-field-hover:var(--cds-field-hover-03, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03, #c6c6c6);--cds-border-strong:var(--cds-border-strong-03, #8d8d8d);--cds-border-tile:var(--cds-border-tile-03, #c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}.cds--loading,:host(cds-loading){box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--loading *,.cds--loading :after,.cds--loading :before,:host(cds-loading) *,:host(cds-loading) :after,:host(cds-loading) :before{box-sizing:inherit}.cds--loading,:host(cds-loading){animation-duration:.69s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:cds--rotate;animation-timing-function:linear}.cds--loading svg circle,:host(cds-loading) svg circle{animation-duration:10ms;animation-name:cds--init-stroke;animation-timing-function:cubic-bezier(.5,0,.1,1)}@media screen and (prefers-reduced-motion:reduce){.cds--loading svg circle,:host(cds-loading) svg circle{animation:none}}.cds--loading,:host(cds-loading){block-size:5.5rem;inline-size:5.5rem}.cds--loading__svg{fill:transparent}.cds--loading__svg circle{stroke-dasharray:276.4608 276.4608;stroke-linecap:butt;stroke-width:10}.cds--loading__stroke{stroke:var(--cds-interactive,#0f62fe);stroke-dashoffset:52.527552}.cds--loading--small .cds--loading__stroke,:host(cds-loading[small]) .cds--loading__stroke{stroke-dashoffset:143.759616}.cds--loading--stop,:host(cds-loading:not([active])){animation:cds--rotate-end-p1 .7s cubic-bezier(0,0,.25,1) forwards,cds--rotate-end-p2 .7s cubic-bezier(0,0,.25,1) .7s forwards}.cds--loading--stop svg circle,:host(cds-loading:not([active])) svg circle{animation-delay:.7s;animation-duration:.7s;animation-fill-mode:forwards;animation-name:cds--stroke-end;animation-timing-function:cubic-bezier(0,0,.25,1)}@media screen and (prefers-reduced-motion:reduce){.cds--loading--stop svg circle,:host(cds-loading:not([active])) svg circle{animation:none}}.cds--loading--small,:host(cds-loading[small]){block-size:1rem;inline-size:1rem;line-height:1rem}.cds--loading--small circle,:host(cds-loading[small]) circle{stroke-width:16}.cds--loading--small .cds--loading__svg,:host(cds-loading[small]) .cds--loading__svg{stroke:var(--cds-interactive,#0f62fe)}.cds--loading__background{stroke:var(--cds-layer-accent);stroke-dashoffset:-22}@supports (hanging-punctuation:first) and (font:-apple-system-body) and (-webkit-appearance:none){circle.cds--loading__background{stroke-dasharray:265;stroke-dashoffset:0}}.cds--loading-overlay,:host(cds-loading[overlay]){position:fixed;z-index:6000;display:flex;align-items:center;justify-content:center;background-color:var(--cds-overlay,rgba(0,0,0,.6));block-size:100%;inline-size:100%;inset-block-start:0;inset-inline-start:0;transition:background-color .7s cubic-bezier(.4,.14,.3,1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.cds--loading-overlay--stop{display:none}@keyframes cds--rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes cds--rotate-end-p1{to{transform:rotate(1turn)}}@keyframes cds--rotate-end-p2{to{transform:rotate(-1turn)}}@keyframes cds--init-stroke{0%{stroke-dashoffset:276.4608}to{stroke-dashoffset:52.527552}}@keyframes cds--stroke-end{0%{stroke-dashoffset:52.527552}to{stroke-dashoffset:276.4608}}:host(cds-loading){display:block}:host(cds-loading[overlay]){animation:none}.cds--loading__background[hidden]{display:none}"]);
 //#endregion
 export { loading_default as default };
 

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,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"}
+{"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,aAOV;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

@@ -78,11 +78,7 @@ let CDSmenuItem = class CDSmenuItem extends HostListenerMixin(HostListenerMixin(
 		};
 		this._openSubmenu = () => {
 			const { x, y, width, height } = this.getBoundingClientRect();
-			if (this.isRtl) this.boundaries = {
-				x: [-x, x - width],
-				y: [y, y + height]
-			};
-			else this.boundaries = {
+			this.boundaries = {
 				x: [x, x + width],
 				y: [y, y + height]
 			};
@@ -164,7 +160,7 @@ let CDSmenuItem = class CDSmenuItem extends HostListenerMixin(HostListenerMixin(
 	firstUpdated() {
 		this.hasSubmenu = !!this.querySelector("[slot=\"submenu\"]");
 		this.dispatchIconDetect();
-		this.isRtl = document.dir === "rtl";
+		this.isRtl = getComputedStyle(this).direction === "rtl";
 		this._registerSubMenuItems();
 		this._parentMenu = this.closest(`cds-menu`);
 		this._updateAttributes();

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

@@ -1 +1 @@
-{"version":3,"file":"menu-item.js","names":["styles","customElement"],"sources":["../../../src/components/menu/menu-item.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './menu-item.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { consume } from '@lit/context';\nimport { MenuContext } from './menu-context';\nimport Checkmark16 from '@carbon/icons/es/checkmark/16.js';\nimport CaretLeft16 from '@carbon/icons/es/caret--left/16.js';\nimport CaretRight16 from '@carbon/icons/es/caret--right/16.js';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { MENU_ITEM_KIND, MENU_SIZE } from './defs';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport CDSMenu from './menu';\n\nexport { MENU_ITEM_KIND, MENU_SIZE };\nexport const MENU_CLOSE_ROOT_EVENT = `${prefix}-menu-close-root-request`;\n\n/**\n * Menu Item.\n *\n * @element cds-menu-item\n */\n@customElement(`${prefix}-menu-item`)\nclass CDSmenuItem extends HostListenerMixin(HostListenerMixin(LitElement)) {\n  @consume({ context: MenuContext })\n  context;\n\n  readonly hoverIntentDelay = 150; // in ms\n  hoverIntentTimeout;\n\n  /**\n   * The parent cds-menu element\n   */\n  private _parentMenu: CDSMenu | null = null;\n\n  /**\n   * MutationObserver that observes the parent cds-menu element\n   */\n  private _parentMenuObserver?: MutationObserver;\n\n  /**\n   * Label for the menu item.\n   */\n  @property({ type: String })\n  label;\n  /**\n   * Shortcut for the menu item.\n   */\n  @property({ type: String })\n  shortcut;\n  /**\n   * Disabled property for the menu item.\n   */\n  @property({ type: Boolean })\n  disabled;\n\n  /**\n   * Specify the message read by screen readers for the danger menu item variant\n   */\n  @property({ type: String, attribute: 'danger-description' })\n  dangerDescription = '';\n\n  /**\n   * Whether the menu submen for an item is open or not.\n   */\n  @property({ type: Boolean })\n  submenuOpen = false;\n\n  @property()\n  kind = MENU_ITEM_KIND.DEFAULT;\n  /**\n   * Menu boundaries.\n   */\n  @property()\n  boundaries: {\n    x: number | [number, number];\n    y: number | [number, number];\n  } = { x: -1, y: -1 };\n\n  @property({ attribute: 'aria-checked' })\n  ariaChecked: string | null = this.getAttribute('selected') ?? 'false';\n\n  /**\n   * Entrypoint.\n   */\n  @state()\n  submenuEntry;\n  /**\n   * Checks if document direction is rtl.\n   */\n  @state()\n  isRtl = false;\n  /**\n   * Checks if document direction is rtl.\n   */\n  @state()\n  hasSubmenu = false;\n\n  async dispatchIconDetect() {\n    const hasRenderIcon = !!this.querySelector('[slot=\"render-icon\"]');\n    if (hasRenderIcon) {\n      await undefined; // this is used to replace setTimeout with 0 time out, which is much fater.\n      this.dispatchEvent(\n        new CustomEvent('icon-detect', {\n          bubbles: true, // Allows event to bubble up the DOM\n          composed: true, // Allows event to cross shadow DOM boundary\n        })\n      );\n    }\n  }\n\n  private _updateAttributes() {\n    if (this.disabled && !this.hasSubmenu) {\n      this.setAttribute('aria-disabled', this.disabled);\n      this.setAttribute('tabindex', '-1');\n    } else if (this._parentMenu && !(this._parentMenu as CDSMenu).open) {\n      this.removeAttribute('aria-disabled');\n      this.setAttribute('tabindex', '-1');\n    } else {\n      this.removeAttribute('aria-disabled');\n      this.setAttribute('tabindex', '0');\n    }\n    if (this.hasSubmenu) {\n      this.setAttribute('aria-haspopup', this.hasSubmenu + '');\n    } else {\n      this.removeAttribute('aria-haspopup');\n    }\n    if (this.closest(`${prefix}-menu-item-radio-group`)) {\n      this.setAttribute('role', 'menuitemradio');\n      this.setAttribute('aria-checked', this.ariaChecked + '');\n    } else if (!this.getAttribute('role')) {\n      this.setAttribute('role', 'menuitem');\n    }\n  }\n\n  firstUpdated() {\n    this.hasSubmenu = !!this.querySelector('[slot=\"submenu\"]');\n\n    this.dispatchIconDetect();\n    this.isRtl = document.dir === 'rtl';\n    this._registerSubMenuItems();\n    this._parentMenu = this.closest(`${prefix}-menu`);\n\n    this._updateAttributes();\n\n    this.addEventListener(`${prefix}-menu-closed`, () => {\n      this.focus();\n      this._closeSubmenu();\n    });\n\n    if (this._parentMenu) {\n      this._parentMenuObserver = new MutationObserver(() => {\n        this._updateAttributes();\n      });\n\n      this._parentMenuObserver.observe(this._parentMenu, {\n        attributes: true,\n        attributeFilter: ['open'],\n      });\n    }\n  }\n\n  disconnectedCallback() {\n    this._parentMenuObserver?.disconnect();\n  }\n\n  updated(): void {\n    if (this.hasSubmenu) {\n      this.setAttribute('aria-expanded', this.hasSubmenu + '');\n    } else {\n      this.removeAttribute('aria-expanded');\n    }\n    if (this.kind === MENU_ITEM_KIND.DANGER)\n      this.classList.toggle(`${prefix}--menu-item--danger`);\n  }\n\n  @HostListener('click', { capture: true })\n  handleClick(event: MouseEvent) {\n    this._handleClick(event);\n  }\n\n  @HostListener('mousedown')\n  handleMouseDown(event: MouseEvent) {\n    if (this.disabled) {\n      event.preventDefault();\n    }\n  }\n\n  @HostListener('mouseenter')\n  handleMouseEnter() {\n    if (this.hasSubmenu) {\n      this._handleMouseEnter();\n    }\n  }\n\n  @HostListener('mouseleave')\n  handleMouseLeave() {\n    if (this.hasSubmenu) {\n      this._handleMouseLeave();\n    }\n  }\n\n  @HostListener('keydown')\n  handleKeyDown(event: KeyboardEvent) {\n    this._handleKeyDown(event);\n  }\n\n  render() {\n    const {\n      label,\n      shortcut,\n      submenuOpen,\n      boundaries,\n      isRtl,\n      kind,\n      dangerDescription,\n    } = this;\n\n    const isDanger = kind === MENU_ITEM_KIND.DANGER && !this.hasSubmenu;\n    const hasDangerDescription = isDanger && Boolean(dangerDescription);\n\n    const menuClassName = this.context?.hasSelectableItems\n      ? `${prefix}--menu--with-selectable-items`\n      : '';\n\n    return html`\n      <div class=\"${prefix}--menu-item__selection-icon\">\n        ${this.ariaChecked === 'true' ? iconLoader(Checkmark16) : undefined}\n      </div>\n\n      <div class=\"${prefix}--menu-item__icon\">\n        <slot name=\"render-icon\"></slot>\n      </div>\n      <div class=\"${prefix}--menu-item__label\">${label}</div>\n      ${hasDangerDescription\n        ? html`<span id=\"danger-description\" class=\"${prefix}--visually-hidden\"\n            >${dangerDescription}</span\n          >`\n        : html``}\n      ${shortcut && !this.hasSubmenu\n        ? html` <div class=\"${prefix}--menu-item__shortcut\">${shortcut}</div> `\n        : html``}\n      ${this.hasSubmenu\n        ? html`\n            <div class=\"${prefix}--menu-item__shortcut\">\n              ${isRtl ? iconLoader(CaretLeft16) : iconLoader(CaretRight16)}\n            </div>\n            <cds-menu\n              className=${menuClassName}\n              size=${this.parentElement?.getAttribute('size') ??\n              MENU_SIZE.LARGE}\n              ?isChild=\"${this.hasSubmenu}\"\n              label=\"${label}\"\n              .open=\"${submenuOpen}\"\n              .x=\"${boundaries.x}\"\n              .y=\"${boundaries.y}\">\n              <slot name=\"submenu\"></slot>\n            </cds-menu>\n          `\n        : html``}\n    `;\n  }\n\n  _handleClick = (e: MouseEvent | KeyboardEvent): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    if (this.hasSubmenu) {\n      this._openSubmenu();\n      return;\n    }\n\n    if (e.type === 'keydown') {\n      this.click();\n      return;\n    }\n\n    this.dispatchEvent(\n      new CustomEvent(MENU_CLOSE_ROOT_EVENT, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          triggerEvent: e,\n        },\n      })\n    );\n  };\n  _handleMouseEnter = () => {\n    this.hoverIntentTimeout = setTimeout(() => {\n      this._openSubmenu();\n    }, this.hoverIntentDelay);\n  };\n  _handleMouseLeave = () => {\n    if (this.hoverIntentTimeout) {\n      clearTimeout(this.hoverIntentTimeout);\n      this._closeSubmenu();\n      this.focus();\n    }\n  };\n  _openSubmenu = () => {\n    const { x, y, width, height } = this.getBoundingClientRect();\n    if (this.isRtl) {\n      this.boundaries = {\n        x: [-x, x - width],\n        y: [y, y + height],\n      };\n    } else {\n      this.boundaries = {\n        x: [x, x + width],\n        y: [y, y + height],\n      };\n    }\n    this.submenuOpen = true;\n  };\n  _registerSubMenuItems = () => {\n    const observer = new MutationObserver((mutationsList) => {\n      for (const mutation of mutationsList) {\n        if (mutation.type === 'childList') {\n          const submenuSlot = this.shadowRoot?.querySelector(\n            'slot[name=\"submenu\"]'\n          ) as HTMLSlotElement;\n\n          const item = submenuSlot?.assignedElements?.()?.[0];\n          if (item) {\n            switch (item.tagName) {\n              case 'CDS-MENU-ITEM-RADIO-GROUP':\n                this.submenuEntry = item.querySelector(`${prefix}-menu-item`);\n                break;\n              case 'CDS-MENU-ITEM-GROUP': {\n                const slotElements = item.shadowRoot\n                  ?.querySelector('slot')\n                  ?.assignedElements();\n                const firstElement = slotElements?.length && slotElements[0];\n                this.submenuEntry = firstElement;\n                break;\n              }\n              case 'CDS-MENU-ITEM':\n                this.submenuEntry = item;\n                break;\n            }\n          }\n        }\n      }\n    });\n    observer.observe(this.shadowRoot as Node, {\n      childList: true,\n      subtree: true,\n    });\n  };\n  _closeSubmenu = () => {\n    this.boundaries = {\n      x: -1,\n      y: -1,\n    };\n    this.submenuOpen = false;\n    (\n      this.shadowRoot?.querySelector(`.${prefix}--menu-item`) as HTMLLIElement\n    )?.focus();\n  };\n  _handleKeyDown = (e: KeyboardEvent) => {\n    if (this.hasSubmenu && ['ArrowRight', 'Enter', ' '].includes(e.key)) {\n      this._openSubmenu();\n      setTimeout(() => {\n        this.submenuEntry.focus();\n      });\n      e.stopPropagation();\n    } else if (e.key === 'Enter' || e.key === ' ') {\n      this._handleClick(e);\n    }\n  };\n\n  static styles = styles;\n}\nexport default CDSmenuItem;\n"],"mappings":"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"}
+{"version":3,"file":"menu-item.js","names":["styles","customElement"],"sources":["../../../src/components/menu/menu-item.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './menu-item.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { consume } from '@lit/context';\nimport { MenuContext } from './menu-context';\nimport Checkmark16 from '@carbon/icons/es/checkmark/16.js';\nimport CaretLeft16 from '@carbon/icons/es/caret--left/16.js';\nimport CaretRight16 from '@carbon/icons/es/caret--right/16.js';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { MENU_ITEM_KIND, MENU_SIZE } from './defs';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport CDSMenu from './menu';\n\nexport { MENU_ITEM_KIND, MENU_SIZE };\nexport const MENU_CLOSE_ROOT_EVENT = `${prefix}-menu-close-root-request`;\n\n/**\n * Menu Item.\n *\n * @element cds-menu-item\n */\n@customElement(`${prefix}-menu-item`)\nclass CDSmenuItem extends HostListenerMixin(HostListenerMixin(LitElement)) {\n  @consume({ context: MenuContext })\n  context;\n\n  readonly hoverIntentDelay = 150; // in ms\n  hoverIntentTimeout;\n\n  /**\n   * The parent cds-menu element\n   */\n  private _parentMenu: CDSMenu | null = null;\n\n  /**\n   * MutationObserver that observes the parent cds-menu element\n   */\n  private _parentMenuObserver?: MutationObserver;\n\n  /**\n   * Label for the menu item.\n   */\n  @property({ type: String })\n  label;\n  /**\n   * Shortcut for the menu item.\n   */\n  @property({ type: String })\n  shortcut;\n  /**\n   * Disabled property for the menu item.\n   */\n  @property({ type: Boolean })\n  disabled;\n\n  /**\n   * Specify the message read by screen readers for the danger menu item variant\n   */\n  @property({ type: String, attribute: 'danger-description' })\n  dangerDescription = '';\n\n  /**\n   * Whether the menu submen for an item is open or not.\n   */\n  @property({ type: Boolean })\n  submenuOpen = false;\n\n  @property()\n  kind = MENU_ITEM_KIND.DEFAULT;\n  /**\n   * Menu boundaries.\n   */\n  @property()\n  boundaries: {\n    x: number | [number, number];\n    y: number | [number, number];\n  } = { x: -1, y: -1 };\n\n  @property({ attribute: 'aria-checked' })\n  ariaChecked: string | null = this.getAttribute('selected') ?? 'false';\n\n  /**\n   * Entrypoint.\n   */\n  @state()\n  submenuEntry;\n  /**\n   * Checks if document direction is rtl.\n   */\n  @state()\n  isRtl = false;\n  /**\n   * Checks if document direction is rtl.\n   */\n  @state()\n  hasSubmenu = false;\n\n  async dispatchIconDetect() {\n    const hasRenderIcon = !!this.querySelector('[slot=\"render-icon\"]');\n    if (hasRenderIcon) {\n      await undefined; // this is used to replace setTimeout with 0 time out, which is much fater.\n      this.dispatchEvent(\n        new CustomEvent('icon-detect', {\n          bubbles: true, // Allows event to bubble up the DOM\n          composed: true, // Allows event to cross shadow DOM boundary\n        })\n      );\n    }\n  }\n\n  private _updateAttributes() {\n    if (this.disabled && !this.hasSubmenu) {\n      this.setAttribute('aria-disabled', this.disabled);\n      this.setAttribute('tabindex', '-1');\n    } else if (this._parentMenu && !(this._parentMenu as CDSMenu).open) {\n      this.removeAttribute('aria-disabled');\n      this.setAttribute('tabindex', '-1');\n    } else {\n      this.removeAttribute('aria-disabled');\n      this.setAttribute('tabindex', '0');\n    }\n    if (this.hasSubmenu) {\n      this.setAttribute('aria-haspopup', this.hasSubmenu + '');\n    } else {\n      this.removeAttribute('aria-haspopup');\n    }\n    if (this.closest(`${prefix}-menu-item-radio-group`)) {\n      this.setAttribute('role', 'menuitemradio');\n      this.setAttribute('aria-checked', this.ariaChecked + '');\n    } else if (!this.getAttribute('role')) {\n      this.setAttribute('role', 'menuitem');\n    }\n  }\n\n  firstUpdated() {\n    this.hasSubmenu = !!this.querySelector('[slot=\"submenu\"]');\n\n    this.dispatchIconDetect();\n    this.isRtl = getComputedStyle(this).direction === 'rtl';\n    this._registerSubMenuItems();\n    this._parentMenu = this.closest(`${prefix}-menu`);\n\n    this._updateAttributes();\n\n    this.addEventListener(`${prefix}-menu-closed`, () => {\n      this.focus();\n      this._closeSubmenu();\n    });\n\n    if (this._parentMenu) {\n      this._parentMenuObserver = new MutationObserver(() => {\n        this._updateAttributes();\n      });\n\n      this._parentMenuObserver.observe(this._parentMenu, {\n        attributes: true,\n        attributeFilter: ['open'],\n      });\n    }\n  }\n\n  disconnectedCallback() {\n    this._parentMenuObserver?.disconnect();\n  }\n\n  updated(): void {\n    if (this.hasSubmenu) {\n      this.setAttribute('aria-expanded', this.hasSubmenu + '');\n    } else {\n      this.removeAttribute('aria-expanded');\n    }\n    if (this.kind === MENU_ITEM_KIND.DANGER)\n      this.classList.toggle(`${prefix}--menu-item--danger`);\n  }\n\n  @HostListener('click', { capture: true })\n  handleClick(event: MouseEvent) {\n    this._handleClick(event);\n  }\n\n  @HostListener('mousedown')\n  handleMouseDown(event: MouseEvent) {\n    if (this.disabled) {\n      event.preventDefault();\n    }\n  }\n\n  @HostListener('mouseenter')\n  handleMouseEnter() {\n    if (this.hasSubmenu) {\n      this._handleMouseEnter();\n    }\n  }\n\n  @HostListener('mouseleave')\n  handleMouseLeave() {\n    if (this.hasSubmenu) {\n      this._handleMouseLeave();\n    }\n  }\n\n  @HostListener('keydown')\n  handleKeyDown(event: KeyboardEvent) {\n    this._handleKeyDown(event);\n  }\n\n  render() {\n    const {\n      label,\n      shortcut,\n      submenuOpen,\n      boundaries,\n      isRtl,\n      kind,\n      dangerDescription,\n    } = this;\n\n    const isDanger = kind === MENU_ITEM_KIND.DANGER && !this.hasSubmenu;\n    const hasDangerDescription = isDanger && Boolean(dangerDescription);\n\n    const menuClassName = this.context?.hasSelectableItems\n      ? `${prefix}--menu--with-selectable-items`\n      : '';\n\n    return html`\n      <div class=\"${prefix}--menu-item__selection-icon\">\n        ${this.ariaChecked === 'true' ? iconLoader(Checkmark16) : undefined}\n      </div>\n\n      <div class=\"${prefix}--menu-item__icon\">\n        <slot name=\"render-icon\"></slot>\n      </div>\n      <div class=\"${prefix}--menu-item__label\">${label}</div>\n      ${hasDangerDescription\n        ? html`<span id=\"danger-description\" class=\"${prefix}--visually-hidden\"\n            >${dangerDescription}</span\n          >`\n        : html``}\n      ${shortcut && !this.hasSubmenu\n        ? html` <div class=\"${prefix}--menu-item__shortcut\">${shortcut}</div> `\n        : html``}\n      ${this.hasSubmenu\n        ? html`\n            <div class=\"${prefix}--menu-item__shortcut\">\n              ${isRtl ? iconLoader(CaretLeft16) : iconLoader(CaretRight16)}\n            </div>\n            <cds-menu\n              className=${menuClassName}\n              size=${this.parentElement?.getAttribute('size') ??\n              MENU_SIZE.LARGE}\n              ?isChild=\"${this.hasSubmenu}\"\n              label=\"${label}\"\n              .open=\"${submenuOpen}\"\n              .x=\"${boundaries.x}\"\n              .y=\"${boundaries.y}\">\n              <slot name=\"submenu\"></slot>\n            </cds-menu>\n          `\n        : html``}\n    `;\n  }\n\n  _handleClick = (e: MouseEvent | KeyboardEvent): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    if (this.hasSubmenu) {\n      this._openSubmenu();\n      return;\n    }\n\n    if (e.type === 'keydown') {\n      this.click();\n      return;\n    }\n\n    this.dispatchEvent(\n      new CustomEvent(MENU_CLOSE_ROOT_EVENT, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          triggerEvent: e,\n        },\n      })\n    );\n  };\n  _handleMouseEnter = () => {\n    this.hoverIntentTimeout = setTimeout(() => {\n      this._openSubmenu();\n    }, this.hoverIntentDelay);\n  };\n  _handleMouseLeave = () => {\n    if (this.hoverIntentTimeout) {\n      clearTimeout(this.hoverIntentTimeout);\n      this._closeSubmenu();\n      this.focus();\n    }\n  };\n  _openSubmenu = () => {\n    const { x, y, width, height } = this.getBoundingClientRect();\n    this.boundaries = {\n      x: [x, x + width],\n      y: [y, y + height],\n    };\n    this.submenuOpen = true;\n  };\n  _registerSubMenuItems = () => {\n    const observer = new MutationObserver((mutationsList) => {\n      for (const mutation of mutationsList) {\n        if (mutation.type === 'childList') {\n          const submenuSlot = this.shadowRoot?.querySelector(\n            'slot[name=\"submenu\"]'\n          ) as HTMLSlotElement;\n\n          const item = submenuSlot?.assignedElements?.()?.[0];\n          if (item) {\n            switch (item.tagName) {\n              case 'CDS-MENU-ITEM-RADIO-GROUP':\n                this.submenuEntry = item.querySelector(`${prefix}-menu-item`);\n                break;\n              case 'CDS-MENU-ITEM-GROUP': {\n                const slotElements = item.shadowRoot\n                  ?.querySelector('slot')\n                  ?.assignedElements();\n                const firstElement = slotElements?.length && slotElements[0];\n                this.submenuEntry = firstElement;\n                break;\n              }\n              case 'CDS-MENU-ITEM':\n                this.submenuEntry = item;\n                break;\n            }\n          }\n        }\n      }\n    });\n    observer.observe(this.shadowRoot as Node, {\n      childList: true,\n      subtree: true,\n    });\n  };\n  _closeSubmenu = () => {\n    this.boundaries = {\n      x: -1,\n      y: -1,\n    };\n    this.submenuOpen = false;\n    (\n      this.shadowRoot?.querySelector(`.${prefix}--menu-item`) as HTMLLIElement\n    )?.focus();\n  };\n  _handleKeyDown = (e: KeyboardEvent) => {\n    if (this.hasSubmenu && ['ArrowRight', 'Enter', ' '].includes(e.key)) {\n      this._openSubmenu();\n      setTimeout(() => {\n        this.submenuEntry.focus();\n      });\n      e.stopPropagation();\n    } else if (e.key === 'Enter' || e.key === ' ') {\n      this._handleClick(e);\n    }\n  };\n\n  static styles = styles;\n}\nexport default CDSmenuItem;\n"],"mappings":"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"}

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

@@ -7,7 +7,7 @@
 
 import { css } from "lit";
 //#region src/components/menu/menu-item.scss?lit
-var menu_item_default = css(["@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;padding:0;border:0;margin:-1px;block-size:1px;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}.cds--menu{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--menu *,.cds--menu :after,.cds--menu :before{box-sizing:inherit}.cds--menu{box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));position:fixed;z-index:9000;padding:.25rem 0;background-color:var(--cds-layer);max-inline-size:18rem;min-inline-size:10rem;opacity:0;overflow-y:auto;visibility:hidden}.cds--menu--border{outline:1px solid var(--cds-border-subtle)}.cds--menu--background-token__background{background-color:var(--cds-background,#fff)}.cds--menu--with-icons{min-inline-size:12rem}.cds--menu--open{visibility:visible}.cds--menu--open:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--menu--open:focus{outline-style:dotted}}.cds--menu:not(.cds--menu--open) .cds--menu--open{visibility:hidden}.cds--menu--shown{overflow:visible;opacity:1}.cds--menu-item{font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);line-height:var(--cds-body-short-01-line-height,1.28572);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);display:grid;align-items:center;block-size:2rem;color:var(--cds-text-secondary,#525252);-moz-column-gap:.5rem;column-gap:.5rem;cursor:pointer;grid-template-columns:1fr max-content;padding-inline:1rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}.cds--menu-item:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--menu-item:focus{outline-style:dotted}}.cds--menu-item:hover{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds--menu--xs .cds--menu-item{block-size:1.5rem}.cds--menu--sm .cds--menu-item{block-size:2rem}.cds--menu--md .cds--menu-item{block-size:2.5rem}.cds--menu--lg .cds--menu-item{block-size:3rem}.cds--menu-item-group>ul,.cds--menu-item-radio-group>ul{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--menu-item-group>ul *,.cds--menu-item-group>ul :after,.cds--menu-item-group>ul :before,.cds--menu-item-radio-group>ul *,.cds--menu-item-radio-group>ul :after,.cds--menu-item-radio-group>ul :before{box-sizing:inherit}.cds--menu--with-icons>.cds--menu-item,.cds--menu--with-icons>.cds--menu-item-group>ul>.cds--menu-item,.cds--menu--with-icons>.cds--menu-item-radio-group>ul>.cds--menu-item,.cds--menu--with-selectable-items>.cds--menu-item,.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item,.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item{grid-template-columns:1rem 1fr max-content}.cds--menu--with-icons>.cds--menu-item-group>ul>.cds--menu-item>.cds--menu-item__icon,.cds--menu--with-icons>.cds--menu-item-radio-group>ul>.cds--menu-item>.cds--menu-item__icon,.cds--menu--with-icons>.cds--menu-item>.cds--menu-item__icon,.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item>.cds--menu-item__selection-icon,.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item>.cds--menu-item__selection-icon,.cds--menu--with-selectable-items>.cds--menu-item>.cds--menu-item__selection-icon{display:flex}.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item,.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item,.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item{grid-template-columns:1rem 1rem 1fr max-content}.cds--menu-item--disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--menu-item--disabled.cds--menu-item--danger:hover,.cds--menu-item--disabled:hover{background-color:var(--cds-layer);color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--menu-item--danger:focus,.cds--menu-item--danger:hover{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--menu-item--danger:focus{box-shadow:inset 0 0 0 .1875rem var(--cds-background,#fff)}.cds--menu-item-divider,:host(cds-menu-item-divider){display:block;background-color:var(--cds-border-subtle);block-size:.0625rem;inline-size:100%;margin-block:.25rem}:host(cds-menu-item){font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);line-height:var(--cds-body-short-01-line-height,1.28572);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);display:grid;align-items:center;block-size:2rem;color:var(--cds-text-secondary,#525252);-moz-column-gap:.5rem;column-gap:.5rem;cursor:pointer;grid-template-columns:1fr max-content;padding-inline:1rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}:host(cds-menu-item) svg{color:var(--cds-icon-secondary,#525252)}:host(cds-menu-item:focus){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-menu-item:focus){outline-style:dotted}}:host(cds-menu-item:hover){background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}:host(cds-menu-item:hover) svg{color:var(--cds-icon-primary,#161616)}:host(cds-menu-item-group)>ul,:host(cds-menu-item-radio-group)>ul{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}:host(cds-menu-item-group)>ul *,:host(cds-menu-item-group)>ul :after,:host(cds-menu-item-group)>ul :before,:host(cds-menu-item-radio-group)>ul *,:host(cds-menu-item-radio-group)>ul :after,:host(cds-menu-item-radio-group)>ul :before{box-sizing:inherit}.cds--menu-item__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds--menu-item__shortcut{display:flex}.cds--menu-item__icon{display:var(--child-icon-property,none)}:host([aria-disabled=true]){color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}:host([aria-disabled=true]) :where(*){color:inherit}:host([aria-disabled=true].cds--menu-item--danger:hover),:host([aria-disabled=true]:hover){background-color:var(--cds-layer);color:var(--cds-text-disabled,rgba(22,22,22,.25))}:host(.cds--menu-item--danger:focus),:host(.cds--menu-item--danger:hover){background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}:host(.cds--menu-item--danger:focus){box-shadow:inset 0 0 0 .1875rem var(--cds-background,#fff)}.cds--menu-item__icon,.cds--menu-item__selection-icon{display:none}:host(cds-menu-item){block-size:var(--block-size-value);grid-template-columns:var(--grid-template)}:host(cds-menu-item) .cds--menu-item__icon{display:var(--display-icon-item)}.cds--menu-item__selection-icon{display:var(--display-selection-icon)}span[slot=render-icon]{display:flex}"]);
+var menu_item_default = css(["@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;padding:0;border:0;margin:-1px;block-size:1px;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--layer-one,:root{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-background:var(--cds-layer-background-01, #fff);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02, #fff);--cds-layer-active:var(--cds-layer-active-02, #c6c6c6);--cds-layer-background:var(--cds-layer-background-02, #f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02, #a8a8a8);--cds-field:var(--cds-field-02, #fff);--cds-field-hover:var(--cds-field-hover-02, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01, #c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02, #c6c6c6);--cds-border-strong:var(--cds-border-strong-02, #8d8d8d);--cds-border-tile:var(--cds-border-tile-02, #a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03, #f4f4f4);--cds-layer-active:var(--cds-layer-active-03, #c6c6c6);--cds-layer-background:var(--cds-layer-background-03, #fff);--cds-layer-hover:var(--cds-layer-hover-03, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03, #a8a8a8);--cds-field:var(--cds-field-03, #f4f4f4);--cds-field-hover:var(--cds-field-hover-03, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03, #c6c6c6);--cds-border-strong:var(--cds-border-strong-03, #8d8d8d);--cds-border-tile:var(--cds-border-tile-03, #c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}.cds--menu{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--menu *,.cds--menu :after,.cds--menu :before{box-sizing:inherit}.cds--menu{box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));position:fixed;z-index:9000;padding:.25rem 0;background-color:var(--cds-layer);max-inline-size:18rem;min-inline-size:10rem;opacity:0;overflow-y:auto;visibility:hidden}.cds--menu--border{outline:1px solid var(--cds-border-subtle)}.cds--menu--background-token__background{background-color:var(--cds-background,#fff)}.cds--menu--with-icons{min-inline-size:12rem}.cds--menu--open{visibility:visible}.cds--menu--open:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--menu--open:focus{outline-style:dotted}}.cds--menu:not(.cds--menu--open) .cds--menu--open{visibility:hidden}.cds--menu--shown{overflow:visible;opacity:1}.cds--menu-item{font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);line-height:var(--cds-body-short-01-line-height,1.28572);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);display:grid;align-items:center;block-size:2rem;color:var(--cds-text-secondary,#525252);-moz-column-gap:.5rem;column-gap:.5rem;cursor:pointer;grid-template-columns:1fr max-content;padding-inline:1rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}.cds--menu-item:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--menu-item:focus{outline-style:dotted}}.cds--menu-item:hover{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds--menu--xs .cds--menu-item{block-size:1.5rem}.cds--menu--sm .cds--menu-item{block-size:2rem}.cds--menu--md .cds--menu-item{block-size:2.5rem}.cds--menu--lg .cds--menu-item{block-size:3rem}.cds--menu-item-group>ul,.cds--menu-item-radio-group>ul{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--menu-item-group>ul *,.cds--menu-item-group>ul :after,.cds--menu-item-group>ul :before,.cds--menu-item-radio-group>ul *,.cds--menu-item-radio-group>ul :after,.cds--menu-item-radio-group>ul :before{box-sizing:inherit}.cds--menu--with-icons>.cds--menu-item,.cds--menu--with-icons>.cds--menu-item-group>ul>.cds--menu-item,.cds--menu--with-icons>.cds--menu-item-radio-group>ul>.cds--menu-item,.cds--menu--with-selectable-items>.cds--menu-item,.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item,.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item{grid-template-columns:1rem 1fr max-content}.cds--menu--with-icons>.cds--menu-item-group>ul>.cds--menu-item>.cds--menu-item__icon,.cds--menu--with-icons>.cds--menu-item-radio-group>ul>.cds--menu-item>.cds--menu-item__icon,.cds--menu--with-icons>.cds--menu-item>.cds--menu-item__icon,.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item>.cds--menu-item__selection-icon,.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item>.cds--menu-item__selection-icon,.cds--menu--with-selectable-items>.cds--menu-item>.cds--menu-item__selection-icon{display:flex}.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item,.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item,.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item{grid-template-columns:1rem 1rem 1fr max-content}.cds--menu-item--disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--menu-item--disabled.cds--menu-item--danger:hover,.cds--menu-item--disabled:hover{background-color:var(--cds-layer);color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--menu-item--danger:focus,.cds--menu-item--danger:hover{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--menu-item--danger:focus{box-shadow:inset 0 0 0 .1875rem var(--cds-background,#fff)}.cds--menu-item-divider,:host(cds-menu-item-divider){display:block;background-color:var(--cds-border-subtle);block-size:.0625rem;inline-size:100%;margin-block:.25rem}:host(cds-menu-item){font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);line-height:var(--cds-body-short-01-line-height,1.28572);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);display:grid;align-items:center;block-size:2rem;color:var(--cds-text-secondary,#525252);-moz-column-gap:.5rem;column-gap:.5rem;cursor:pointer;grid-template-columns:1fr max-content;padding-inline:1rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}:host(cds-menu-item) svg{color:var(--cds-icon-secondary,#525252)}:host(cds-menu-item:focus){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-menu-item:focus){outline-style:dotted}}:host(cds-menu-item:hover){background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}:host(cds-menu-item:hover) svg{color:var(--cds-icon-primary,#161616)}:host(cds-menu-item-group)>ul,:host(cds-menu-item-radio-group)>ul{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}:host(cds-menu-item-group)>ul *,:host(cds-menu-item-group)>ul :after,:host(cds-menu-item-group)>ul :before,:host(cds-menu-item-radio-group)>ul *,:host(cds-menu-item-radio-group)>ul :after,:host(cds-menu-item-radio-group)>ul :before{box-sizing:inherit}.cds--menu-item__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds--menu-item__shortcut{display:flex}.cds--menu-item__icon{display:var(--child-icon-property,none)}:host([aria-disabled=true]){color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}:host([aria-disabled=true]) :where(*){color:inherit}:host([aria-disabled=true].cds--menu-item--danger:hover),:host([aria-disabled=true]:hover){background-color:var(--cds-layer);color:var(--cds-text-disabled,rgba(22,22,22,.25))}:host(.cds--menu-item--danger:focus),:host(.cds--menu-item--danger:hover){background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}:host(.cds--menu-item--danger:focus){box-shadow:inset 0 0 0 .1875rem var(--cds-background,#fff)}.cds--menu-item__icon,.cds--menu-item__selection-icon{display:none}:host(cds-menu-item){block-size:var(--block-size-value);grid-template-columns:var(--grid-template)}:host(cds-menu-item) .cds--menu-item__icon{display:var(--display-icon-item)}.cds--menu-item__selection-icon{display:var(--display-selection-icon)}span[slot=render-icon]{display:flex}"]);
 //#endregion
 export { menu_item_default as default };
 

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

@@ -1 +1 @@
-{"version":3,"file":"menu-item.scss.js","names":[],"sources":["../../../src/components/menu/menu-item.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 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\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/config' as *;\n@use '@carbon/styles/scss/type' as *;\n@use '@carbon/styles/scss/spacing' as *;\n@use '@carbon/styles/scss/theme' as *;\n@use '@carbon/styles/scss/motion' as *;\n@use '@carbon/styles/scss/utilities' as *;\n@use '@carbon/styles/scss/components/button/tokens' as button-tokens;\n@use '@carbon/styles/scss/utilities/convert' as *;\n@use '@carbon/styles/scss/components/menu' as *;\n@use '@carbon/styles/scss/utilities/component-reset';\n\n:host(#{$prefix}-menu-item) {\n  @include type-style('body-short-01');\n\n  display: grid;\n  align-items: center;\n  block-size: $spacing-07;\n  color: $text-secondary;\n  column-gap: $spacing-03;\n  cursor: pointer;\n  grid-template-columns: 1fr max-content;\n  padding-inline: $spacing-05;\n  transition: background-color $duration-fast-01 motion(standard, productive);\n\n  svg {\n    color: $icon-secondary;\n  }\n}\n:host(#{$prefix}-menu-item:focus) {\n  @include focus-outline('outline');\n}\n:host(#{$prefix}-menu-item-divider) {\n  @extend .#{$prefix}--menu-item-divider;\n}\n\n:host(#{$prefix}-menu-item:hover) {\n  background-color: $layer-hover;\n  color: $text-primary;\n\n  svg {\n    color: $icon-primary;\n  }\n}\n:host(#{$prefix}-menu-item-group),\n:host(#{$prefix}-menu-item-radio-group) {\n  > ul {\n    @include component-reset.reset;\n  }\n}\n\n.#{$prefix}--menu-item__label {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.#{$prefix}--menu-item__shortcut {\n  display: flex;\n}\n\n.#{$prefix}--menu-item__icon {\n  display: var(--child-icon-property, none);\n}\n\n:host([aria-disabled='true']) {\n  color: $text-disabled;\n  cursor: not-allowed;\n}\n\n:host([aria-disabled='true']) :where(*) {\n  color: inherit;\n}\n\n:host([aria-disabled='true']:hover),\n:host([aria-disabled='true'].#{$prefix}--menu-item--danger:hover) {\n  background-color: $layer;\n  color: $text-disabled;\n}\n\n:host(.#{$prefix}--menu-item--danger:hover),\n:host(.#{$prefix}--menu-item--danger:focus) {\n  background-color: button-tokens.$button-danger-primary;\n  color: $text-on-color;\n}\n\n:host(.#{$prefix}--menu-item--danger:focus) {\n  box-shadow: inset 0 0 0 to-rem(3px) $background;\n}\n\n.#{$prefix}--menu-item__icon,\n.#{$prefix}--menu-item__selection-icon {\n  display: none;\n}\n\n:host(#{$prefix}-menu-item) {\n  block-size: var(--block-size-value);\n  grid-template-columns: var(--grid-template);\n  .#{$prefix}--menu-item__icon {\n    display: var(--display-icon-item);\n  }\n}\n.#{$prefix}--menu-item__selection-icon {\n  display: var(--display-selection-icon);\n}\n\nspan[slot='render-icon'] {\n  display: flex;\n}\n"],"mappings":""}
+{"version":3,"file":"menu-item.scss.js","names":[],"sources":["../../../src/components/menu/menu-item.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 2024, 2026\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/config' as *;\n@use '@carbon/styles/scss/type' as *;\n@use '@carbon/styles/scss/spacing' as *;\n@use '@carbon/styles/scss/theme' as *;\n@use '@carbon/styles/scss/motion' as *;\n@use '@carbon/styles/scss/utilities' as *;\n@use '@carbon/styles/scss/components/button/tokens' as button-tokens;\n@use '@carbon/styles/scss/utilities/convert' as *;\n@use '@carbon/styles/scss/components/menu' as *;\n@use '@carbon/styles/scss/utilities/component-reset';\n@use '@carbon/styles/scss/border-radius' as *;\n@use '@carbon/styles/scss/feature-flags' as flags;\n\n:host(#{$prefix}-menu-item) {\n  @include type-style('body-short-01');\n\n  display: grid;\n  align-items: center;\n  block-size: $spacing-07;\n  color: $text-secondary;\n  column-gap: $spacing-03;\n  cursor: pointer;\n  grid-template-columns: 1fr max-content;\n  padding-inline: $spacing-05;\n  transition: background-color $duration-fast-01 motion(standard, productive);\n\n  svg {\n    color: $icon-secondary;\n  }\n\n  @if flags.enabled('enable-v12-release') {\n    border-radius: $border-radius-04;\n    padding-inline: $spacing-04;\n  }\n}\n\n:host(#{$prefix}-menu-item:focus) {\n  @include focus-outline('outline');\n}\n:host(#{$prefix}-menu-item-divider) {\n  @extend .#{$prefix}--menu-item-divider;\n}\n\n:host(#{$prefix}-menu-item:hover) {\n  background-color: $layer-hover;\n  color: $text-primary;\n\n  svg {\n    color: $icon-primary;\n  }\n}\n:host(#{$prefix}-menu-item-group),\n:host(#{$prefix}-menu-item-radio-group) {\n  > ul {\n    @include component-reset.reset;\n  }\n}\n\n.#{$prefix}--menu-item__label {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.#{$prefix}--menu-item__shortcut {\n  display: flex;\n}\n\n.#{$prefix}--menu-item__icon {\n  display: var(--child-icon-property, none);\n}\n\n:host([aria-disabled='true']) {\n  color: $text-disabled;\n  cursor: not-allowed;\n}\n\n:host([aria-disabled='true']) :where(*) {\n  color: inherit;\n}\n\n:host([aria-disabled='true']:hover),\n:host([aria-disabled='true'].#{$prefix}--menu-item--danger:hover) {\n  background-color: $layer;\n  color: $text-disabled;\n}\n\n:host(.#{$prefix}--menu-item--danger:hover),\n:host(.#{$prefix}--menu-item--danger:focus) {\n  background-color: button-tokens.$button-danger-primary;\n  color: $text-on-color;\n}\n\n:host(.#{$prefix}--menu-item--danger:focus) {\n  box-shadow: inset 0 0 0 to-rem(3px) $background;\n}\n\n.#{$prefix}--menu-item__icon,\n.#{$prefix}--menu-item__selection-icon {\n  display: none;\n}\n\n:host(#{$prefix}-menu-item) {\n  block-size: var(--block-size-value);\n  grid-template-columns: var(--grid-template);\n  .#{$prefix}--menu-item__icon {\n    display: var(--display-icon-item);\n  }\n}\n.#{$prefix}--menu-item__selection-icon {\n  display: var(--display-selection-icon);\n}\n\nspan[slot='render-icon'] {\n  display: flex;\n}\n"],"mappings":""}

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

@@ -143,6 +143,16 @@ declare class CDSMenu extends CDSMenu_base {
     _notEmpty: (value: number | null | undefined) => value is number;
     _fitValue: (range: number[], axis: "x" | "y") => number;
     _getPosition: (x: number | (number | null | undefined)[]) => number[] | undefined;
+    _isRtlDirection: () => boolean;
+    /**
+     * Converts a measured viewport range into distances from the viewport's
+     * inline start.
+     *
+     * Endpoints swap in rtl because mirroring reverses their order: a box's left
+     * edge is the nearer edge measured from the left, but the farther edge
+     * measured from the right.
+     */
+    _toInlineRange: (range: number[]) => number[];
     _calculatePosition: () => number[];
     _handleOpen: () => Promise<void>;
     dispatchCloseEvent: (e?: Event) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/components/menu/menu.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAQvC,OAAO,EAGL,KAAK,iBAAiB,EACvB,MAAM,gBAAgB,CAAC;AACxB,OAAO,WAAsC,MAAM,aAAa,CAAC;AAEjE,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAE1D,OAAO,EAAE,SAAS,EAAE,CAAC;AAErB;;;;;GAKG;AAEH,KAAK,cAAc,GAAG;IACpB,IAAI,EAAE,WAAW,CAAC;IAClB,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;CAC5B,CAAC;;;;;;;;;;uBAd4C,CAAC;;;;;AAgB/C,cACM,OAAQ,SAAQ,YAA6B;IAGjD,OAAO;uCAE0B,iBAAiB;;;;MAMhD;IAEF,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAK;IAE7B;;OAEG;IAEH,OAAO,CAAC,YAAY,CAAC,CAAc;IAEnC;;OAEG;IAEH,OAAO,CAAC,YAAY,CAAC,CAAkB;IAEvC;;OAEG;IAEH,KAAK,EAAE,OAAO,EAAE,GAAG,SAAS,CAAM;IAElC;;OAEG;IAEH,WAAW,EAAE,cAAc,EAAE,CAAM;IAEnC;;OAEG;IAEH,KAAK,MAAC;IACN;;OAEG;IAEH,OAAO,UAAS;IAChB;;OAEG;IAEH,iBAAiB,MAAC;IAClB;;OAEG;IAEH,KAAK,UAAS;IACd;;OAEG;IAEH,MAAM,UAAQ;IAEd;;OAEG;IAEH,SAAS,SAAS;IAClB;;OAEG;IAEH,IAAI,UAAS;IACb;;OAEG;IAEH,WAAW,MAAC;IACZ;;OAEG;IAEH,QAAQ,WAAY;IACpB;;OAEG;IAEH,IAAI,YAAmB;IACvB;;;;OAIG;IAEH,IAAI,MAAC;IAEL;;OAEG;IAEH,eAAe,wBAA+B;IAE9C;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,aAAa,MAAC;IACd;;OAEG;IAEH,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAK;IACzB;;OAEG;IAEH,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAK;IAKzB,OAAO,CAAC,WAAW,CASjB;IAEF;;OAEG;IACH,MAAM,KAAK,YAAY,WAEtB;IACD;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IACD,OAAO,CAAC,iBAAiB,KAAA;IASzB,iBAAiB;IAWjB,oBAAoB;IAOd,YAAY;IAgBlB,MAAM;IAiCN,cAAc,GAAI,GAAG,aAAa,UAehC;IAEF,UAAU,GAAI,GAAG,aAAa,GAAG,SAAS,UAsCxC;IACF,8BAA8B,GAAI,eAAU,SAY1C;IAEF,SAAS,GAAI,OAAO,MAAM,GAAG,IAAI,GAAG,SAAS,qBAE3C;IACF,SAAS,GAAI,OAAO,MAAM,EAAE,EAAE,MAAM,GAAG,GAAG,GAAG,YAkF3C;IACF,YAAY,GAAI,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,0BAYvD;IACF,kBAAkB,iBAahB;IACF,WAAW,sBA8BT;IACF,kBAAkB,GAAI,IAAI,KAAK,UAmB7B;IACF,OAAO,CAAC,YAAY,CAKlB;IACF,OAAO,CAAC,uBAAuB,CAQ7B;IACF,iBAAiB,aAMf;IACF,kBAAkB,aAgBhB;IACF,eAAe,aAqDb;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AACD,eAAe,OAAO,CAAC"}
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/components/menu/menu.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAQvC,OAAO,EAGL,KAAK,iBAAiB,EACvB,MAAM,gBAAgB,CAAC;AACxB,OAAO,WAAsC,MAAM,aAAa,CAAC;AAGjE,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAE1D,OAAO,EAAE,SAAS,EAAE,CAAC;AAErB;;;;;GAKG;AAEH,KAAK,cAAc,GAAG;IACpB,IAAI,EAAE,WAAW,CAAC;IAClB,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;CAC5B,CAAC;;;;;;;;;;uBAfoC,CAAC;;;;;AAiBvC,cACM,OAAQ,SAAQ,YAA6B;IAGjD,OAAO;uCAE0B,iBAAiB;;;;MAMhD;IAEF,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAK;IAE7B;;OAEG;IAEH,OAAO,CAAC,YAAY,CAAC,CAAc;IAEnC;;OAEG;IAEH,OAAO,CAAC,YAAY,CAAC,CAAkB;IAEvC;;OAEG;IAEH,KAAK,EAAE,OAAO,EAAE,GAAG,SAAS,CAAM;IAElC;;OAEG;IAEH,WAAW,EAAE,cAAc,EAAE,CAAM;IAEnC;;OAEG;IAEH,KAAK,MAAC;IACN;;OAEG;IAEH,OAAO,UAAS;IAChB;;OAEG;IAEH,iBAAiB,MAAC;IAClB;;OAEG;IAEH,KAAK,UAAS;IACd;;OAEG;IAEH,MAAM,UAAQ;IAEd;;OAEG;IAEH,SAAS,SAAS;IAClB;;OAEG;IAEH,IAAI,UAAS;IACb;;OAEG;IAEH,WAAW,MAAC;IACZ;;OAEG;IAEH,QAAQ,WAAY;IACpB;;OAEG;IAEH,IAAI,YAAmB;IACvB;;;;OAIG;IAEH,IAAI,MAAC;IAEL;;OAEG;IAEH,eAAe,wBAA+B;IAE9C;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,aAAa,MAAC;IACd;;OAEG;IAEH,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAK;IACzB;;OAEG;IAEH,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAK;IAKzB,OAAO,CAAC,WAAW,CASjB;IAEF;;OAEG;IACH,MAAM,KAAK,YAAY,WAEtB;IACD;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IACD,OAAO,CAAC,iBAAiB,KAAA;IASzB,iBAAiB;IAWjB,oBAAoB;IAOd,YAAY;IAgBlB,MAAM;IAmCN,cAAc,GAAI,GAAG,aAAa,UAehC;IAEF,UAAU,GAAI,GAAG,aAAa,GAAG,SAAS,UAsCxC;IACF,8BAA8B,GAAI,eAAU,SAY1C;IAEF,SAAS,GAAI,OAAO,MAAM,GAAG,IAAI,GAAG,SAAS,qBAE3C;IACF,SAAS,GAAI,OAAO,MAAM,EAAE,EAAE,MAAM,GAAG,GAAG,GAAG,YA4F3C;IACF,YAAY,GAAI,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,0BAYvD;IAEF,eAAe,gBAIb;IAEF;;;;;;;OAOG;IACH,cAAc,GAAI,OAAO,MAAM,EAAE,cAO/B;IAEF,kBAAkB,iBAkBhB;IACF,WAAW,sBAyBT;IACF,kBAAkB,GAAI,IAAI,KAAK,UAmB7B;IACF,OAAO,CAAC,YAAY,CAKlB;IACF,OAAO,CAAC,uBAAuB,CAQ7B;IACF,iBAAiB,aAMf;IACF,kBAAkB,aAgBhB;IACF,eAAe,aAqDb;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AACD,eAAe,OAAO,CAAC"}

package/es/components/menu/menu.js

@@ -14,6 +14,7 @@ import menu_default$1 from "./menu.scss.js";
 import { MenuContext, menuDefaultState } from "./menu-context.js";
 import { MENU_SIZE } from "./defs.js";
 import { MENU_CLOSE_ROOT_EVENT } from "./menu-item.js";
+import { isFeatureFlagEnabled } from "../feature-flags/index.js";
 import { LitElement, html } from "lit";
 import { property, query, state } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
@@ -95,13 +96,14 @@ let CDSMenu = class CDSMenu extends HostListenerMixin(LitElement) {
 			const { isRoot } = this.context;
 			const { width, height } = (this._menuElement ?? this).getBoundingClientRect();
 			const alignment = isRoot ? "vertical" : "horizontal";
+			const submenuOffset = isRoot ? 0 : isFeatureFlagEnabled("enable-v12-release", this) ? -6 : -2;
 			const axes = {
 				x: {
 					max: window.innerWidth,
 					size: width,
 					anchor: alignment === "horizontal" ? range[1] : range[0],
 					reversedAnchor: alignment === "horizontal" ? range[0] : range[1],
-					offset: 0
+					offset: submenuOffset
 				},
 				y: {
 					max: window.innerHeight,
@@ -135,23 +137,27 @@ let CDSMenu = class CDSMenu extends HostListenerMixin(LitElement) {
 				else return;
 			} else return [x, x];
 		};
+		this._isRtlDirection = () => {
+			return this.direction === "rtl" || getComputedStyle(this).direction === "rtl";
+		};
+		this._toInlineRange = (range) => {
+			if (!this._isRtlDirection()) return range;
+			const max = window.innerWidth;
+			return [max - range[1], max - range[0]];
+		};
 		this._calculatePosition = () => {
 			const ranges = {
 				x: this._getPosition(this.x),
 				y: this._getPosition(this.y)
 			};
 			if (!ranges.x || !ranges.y) return [-1, -1];
-			return [this._fitValue(ranges.x, "x") ?? -1, this._fitValue(ranges.y, "y") ?? -1];
+			const x = this.context.isRoot ? ranges.x : this._toInlineRange(ranges.x);
+			return [this._fitValue(x, "x") ?? -1, this._fitValue(ranges.y, "y") ?? -1];
 		};
 		this._handleOpen = async () => {
 			const pos = this._calculatePosition();
-			if (this.isRtl) {
-				this.style.insetInlineStart = `initial`;
-				this.style.insetInlineEnd = `${pos[0]}px`;
-			} else {
-				this.style.insetInlineStart = `${pos[0]}px`;
-				this.style.insetInlineEnd = `initial`;
-			}
+			this.style.insetInlineStart = `${pos[0]}px`;
+			this.style.insetInlineEnd = `initial`;
 			this.style.insetBlockStart = `${pos[1]}px`;
 			this.position = pos;
 			await this.updateComplete;
@@ -273,7 +279,7 @@ let CDSMenu = class CDSMenu extends HostListenerMixin(LitElement) {
 		super.disconnectedCallback();
 	}
 	async firstUpdated() {
-		this.isRtl = this.direction === "rtl";
+		this.isRtl = this._isRtlDirection();
 		this.isRoot = this.context.isRoot;
 		if (this.isChild) this._newContextCreate();
 		await this.updateComplete;
@@ -295,7 +301,7 @@ let CDSMenu = class CDSMenu extends HostListenerMixin(LitElement) {
 			[`cds--menu--open`]: open,
 			[`cds--menu--shown`]: position[0] >= 0 && position[1] >= 0,
 			[`cds--menu--with-selectable-items`]: this.context.hasSelectableItems,
-			[`cds--menu--border`]: this.border,
+			[`cds--menu--border`]: this.border || isFeatureFlagEnabled("enable-v12-release", this),
 			[`cds--menu--background-token__background`]: this.backgroundToken === "background"
 		})}"
         aria-label="${label}"

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

@@ -1 +1 @@
-{"version":3,"file":"menu.js","names":["styles","customElement"],"sources":["../../../src/components/menu/menu.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2024, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport { property, state, query } from 'lit/decorators.js';\nimport styles from './menu.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { classMap } from 'lit/directives/class-map.js';\nimport {\n  MenuContext,\n  menuDefaultState,\n  type MenuContextUpdate,\n} from './menu-context';\nimport CDSmenuItem, { MENU_CLOSE_ROOT_EVENT } from './menu-item';\nimport { consume, provide } from '@lit/context';\nimport { MENU_BACKGROUND_TOKEN, MENU_SIZE } from './defs';\n\nexport { MENU_SIZE };\n\n/**\n * Menu.\n *\n * @element cds-menu\n * @deprecated Menus now always support both icons as well as selectable items and nesting.\n */\n\ntype activeItemType = {\n  item: CDSmenuItem;\n  parent: HTMLElement | null;\n};\n\n@customElement(`${prefix}-menu`)\nclass CDSMenu extends HostListenerMixin(LitElement) {\n  @provide({ context: MenuContext })\n  @consume({ context: MenuContext })\n  context = {\n    ...menuDefaultState,\n    updateFromChild: (updatedItem: MenuContextUpdate) => {\n      this.context = {\n        ...this.context,\n        ...updatedItem,\n      };\n    },\n  };\n\n  readonly spacing: number = 8; // distance to keep to window edges, in px\n\n  /**\n   * The menu element in the shadow DOM.\n   */\n  @query(`.${prefix}--menu`)\n  private _menuElement?: HTMLElement;\n\n  /**\n   * The default slot element in the shadow DOM.\n   */\n  @query('slot')\n  private _slotElement?: HTMLSlotElement;\n\n  /**\n   * Items.\n   */\n  @state()\n  items: Element[] | undefined = [];\n\n  /**\n   * Active list Items.\n   */\n  @state()\n  activeitems: activeItemType[] = [];\n\n  /**\n   * Label for the menu.\n   */\n  @property({ type: String })\n  label;\n  /**\n   * Parent state.\n   */\n  @property({ type: Boolean })\n  isChild = false;\n  /**\n   * Action button width.\n   */\n  @property()\n  actionButtonWidth;\n  /**\n   * Checks if document direction is rtl.\n   */\n  @property({ type: Boolean })\n  isRtl = false;\n  /**\n   * Checks if Menu is root menu or not.\n   */\n  @property({ type: Boolean })\n  isRoot = true;\n\n  /**\n   * Document direction.\n   */\n  @property({ type: String })\n  direction = 'ltr';\n  /**\n   * Open value for the menu.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n  /**\n   * Active element in the DOM.\n   */\n  @property({ type: HTMLElement })\n  focusreturn;\n  /**\n   * Position of the Menu.\n   */\n  @property()\n  position = [-1, -1];\n  /**\n   * Size attribute.\n   */\n  @property({ attribute: true })\n  size = MENU_SIZE.SMALL;\n  /**\n   * Deprecated: Menus now always support both icons as well as selectable items and nesting. The mode of this menu. Defaults to full. full supports nesting and selectable menu items, but no icons. basic supports icons but no nesting or selectable menu items.\n\n    This prop is not intended for use and will be set by the respective implementation (like useContextMenu, MenuButton, and ComboButton).\n   */\n  @property()\n  mode;\n\n  /**\n   * Specify the background token to use. Default is 'layer'.\n   */\n  @property({ type: String, attribute: 'background-token' })\n  backgroundToken = MENU_BACKGROUND_TOKEN.LAYER;\n\n  /**\n   * Specify whether a border should be rendered on the menu\n   */\n  @property({ type: Boolean })\n  border = false;\n\n  /**\n   * Specify how the menu should align with the button element\n   */\n  @property({ type: String })\n  menuAlignment;\n  /**\n   * Position of the Menu in X axis.\n   */\n  @property()\n  x: number | number[] = 0;\n  /**\n   * Position of the Menu in Y axis.\n   */\n  @property()\n  y: number | number[] = 0;\n\n  @HostListener('focusout')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleBlur = (e: FocusEvent) => {\n    const { isRoot } = this.context;\n    // Close the menu if all of the following are met:\n    // * The menu is open\n    // * The focusout event is on the root menu\n    // * Focus is moving outside the menu\n    if (this.open && isRoot && !this.contains(e.relatedTarget as Node)) {\n      this.dispatchCloseEvent(e);\n    }\n  };\n\n  /**\n   * The name of the custom event fired when the the Menu should be closed.\n   */\n  static get eventOnClose() {\n    return `${prefix}-menu-closed`;\n  }\n  /**\n   * The name of the custom event fired when the the Menu should be opened.\n   */\n  static get eventOnOpen() {\n    return `${prefix}-menu-opened`;\n  }\n  updated(changedProperties) {\n    if (changedProperties.has('open')) {\n      if (this.open) {\n        this._handleOpen();\n      } else {\n        this._handleClose();\n      }\n    }\n  }\n  connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener('icon-detect', () => {\n      this._menuElement?.classList.add(`${prefix}--menu--with-icons`);\n    });\n    this.addEventListener(\n      MENU_CLOSE_ROOT_EVENT,\n      this._handleRootCloseRequest as EventListener\n    );\n  }\n\n  disconnectedCallback() {\n    this.removeEventListener(\n      MENU_CLOSE_ROOT_EVENT,\n      this._handleRootCloseRequest as EventListener\n    );\n    super.disconnectedCallback();\n  }\n  async firstUpdated() {\n    this.isRtl = this.direction === 'rtl';\n    this.isRoot = this.context.isRoot;\n\n    if (this.isChild) {\n      this._newContextCreate();\n    }\n    await this.updateComplete;\n    this._registerMenuItems();\n    this._setActiveItems();\n\n    this._slotElement?.addEventListener('slotchange', () => {\n      this._registerMenuItems();\n      this._setActiveItems();\n    });\n  }\n  render() {\n    const {\n      open,\n      menuAlignment,\n      label,\n      position,\n      _handleKeyDown: handleKeyDown,\n    } = this;\n    const menuClasses = classMap({\n      [`${prefix}--menu`]: true,\n      [`${prefix}--menu--${this.size}`]: this.size,\n      [`${prefix}--menu--box-shadow-top`]:\n        menuAlignment && menuAlignment.slice(0, 3) === 'top',\n      [`${prefix}--menu--open`]: open,\n      [`${prefix}--menu--shown`]: position[0] >= 0 && position[1] >= 0,\n      [`${prefix}--menu--with-selectable-items`]:\n        this.context.hasSelectableItems,\n      [`${prefix}--menu--border`]: this.border,\n      [`${prefix}--menu--background-token__background`]:\n        this.backgroundToken === MENU_BACKGROUND_TOKEN.BACKGROUND,\n    });\n    return html`\n      <ul\n        class=\"${menuClasses}\"\n        aria-label=\"${label}\"\n        tabindex=\"-1\"\n        @keydown=\"${handleKeyDown}\"\n        role=\"menu\">\n        <slot></slot>\n      </ul>\n    `;\n  }\n\n  _handleKeyDown = (e: KeyboardEvent) => {\n    const { isRoot } = this.context;\n    e.stopPropagation();\n    // if the user presses escape or this is a submenu\n    // and the user presses ArrowLeft, close it\n\n    if (e.key === 'Escape' || (!isRoot && e.key === 'ArrowLeft')) {\n      this.dispatchCloseEvent(e);\n    } else {\n      // Prevent scrolling when navigating menu items\n      if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {\n        e.preventDefault();\n      }\n      this._focusItem(e);\n    }\n  };\n\n  _focusItem = (e: KeyboardEvent | undefined) => {\n    let currentItem: number;\n\n    if (document.activeElement?.tagName !== 'CDS-MENU') {\n      const shadowRootActiveEl = this._findActiveElementInShadowRoot(document);\n      currentItem = this.activeitems.findIndex((activeItem) => {\n        return (\n          shadowRootActiveEl == activeItem.item ||\n          activeItem.item.shadowRoot?.activeElement === shadowRootActiveEl\n        );\n      });\n    } else {\n      currentItem = 0;\n    }\n\n    let indexToFocus = currentItem;\n    // if currentItem is -1, no menu item is focused yet.\n    // in this case, the first item should receive focus.\n    if (currentItem === -1) {\n      indexToFocus = 0;\n    } else if (e) {\n      if (e.key === 'ArrowUp') {\n        indexToFocus = indexToFocus - 1;\n      }\n      if (e.key === 'ArrowDown') {\n        indexToFocus = indexToFocus + 1;\n      }\n    }\n    if (indexToFocus < 0) {\n      indexToFocus = this.activeitems.length - 1;\n    }\n    if (indexToFocus >= this.activeitems.length) {\n      indexToFocus = 0;\n    }\n\n    if (indexToFocus !== currentItem) {\n      this.activeitems[indexToFocus]?.item?.focus();\n    }\n  };\n  _findActiveElementInShadowRoot = (shadowRoot) => {\n    if (shadowRoot === null) return null;\n\n    let activeElement = shadowRoot.activeElement;\n    while (\n      activeElement &&\n      activeElement.shadowRoot &&\n      activeElement.shadowRoot.activeElement\n    ) {\n      activeElement = activeElement.shadowRoot.activeElement;\n    }\n    return activeElement;\n  };\n\n  _notEmpty = (value: number | null | undefined) => {\n    return value !== null && value !== undefined;\n  };\n  _fitValue = (range: number[], axis: 'x' | 'y') => {\n    const { isRoot } = this.context;\n\n    // const isRoot =  false\n    const { width, height } = (\n      this._menuElement ?? this\n    ).getBoundingClientRect();\n    const alignment = isRoot ? 'vertical' : 'horizontal';\n    const axes = {\n      x: {\n        max: window.innerWidth,\n        size: width,\n        anchor: alignment === 'horizontal' ? range[1] : range[0],\n        reversedAnchor: alignment === 'horizontal' ? range[0] : range[1],\n        offset: 0,\n      },\n      y: {\n        max: window.innerHeight,\n        size: height,\n        anchor: alignment === 'horizontal' ? range[0] : range[1],\n        reversedAnchor: alignment === 'horizontal' ? range[1] : range[0],\n        offset: isRoot ? 0 : 4, // top padding in menu, used to align the menu items\n      },\n    };\n\n    // Avoid that the Menu render incorrectly when the postion is set in the right side of the screen\n    if (\n      this.actionButtonWidth &&\n      this.actionButtonWidth < axes.x.size &&\n      (this.menuAlignment === 'bottom' || this.menuAlignment === 'top')\n    ) {\n      axes.x.size = this.actionButtonWidth;\n    }\n\n    // if 'axes.x.anchor' is lower than 87px dynamically switch render side\n    if (\n      this.actionButtonWidth &&\n      (this.menuAlignment === 'bottom-end' ||\n        this.menuAlignment === 'top-end') &&\n      axes.x.anchor >= 87 &&\n      this.actionButtonWidth < axes.x.size\n    ) {\n      const diff = axes.x.anchor + axes.x.reversedAnchor;\n      axes.x.anchor = axes.x.anchor + diff;\n    }\n\n    const { max, size, anchor, reversedAnchor, offset } = axes[axis];\n\n    // get values for different scenarios, set to false if they don't work\n    const options = [\n      // towards max (preferred)\n      max - this.spacing - size - anchor >= 0 ? anchor - offset : false,\n\n      // towards min / reversed (first fallback)\n      reversedAnchor - size >= 0 ? reversedAnchor - size + offset : false,\n\n      // align at max (second fallback)\n      max - this.spacing - size,\n    ];\n    const topAlignment =\n      this.menuAlignment === 'top' ||\n      this.menuAlignment === 'top-end' ||\n      this.menuAlignment === 'top-start';\n    // If the tooltip is not visible in the top, switch to the bototm\n    if (\n      typeof options[0] === 'number' &&\n      topAlignment &&\n      options[0] >= 0 &&\n      !options[1] &&\n      axis === 'y'\n    ) {\n      this.style.transform = 'translate(0)';\n    } else if (topAlignment && !options[0] && axis === 'y') {\n      options[0] = anchor - offset;\n    }\n\n    // Previous array `options`, has at least one item that is a number (the last one - second fallback).\n    // That guarantees that the return of `find()` will always be a number\n    // and we can safely add the numeric casting `as number`.\n    const bestOption = options.find((option) => option !== false) as number;\n\n    return bestOption >= this.spacing ? bestOption : this.spacing;\n  };\n  _getPosition = (x: number | (number | null | undefined)[]) => {\n    if (Array.isArray(x)) {\n      // has to be of length 2\n      const filtered = x.filter(this._notEmpty);\n      if (filtered.length === 2) {\n        return filtered;\n      } else {\n        return;\n      }\n    } else {\n      return [x, x];\n    }\n  };\n  _calculatePosition = () => {\n    const ranges = {\n      x: this._getPosition(this.x),\n      y: this._getPosition(this.y),\n    };\n\n    if (!ranges.x || !ranges.y) {\n      return [-1, -1];\n    }\n    return [\n      this._fitValue(ranges.x as number[], 'x') ?? -1,\n      this._fitValue(ranges.y as number[], 'y') ?? -1,\n    ];\n  };\n  _handleOpen = async () => {\n    const pos = this._calculatePosition();\n    if (this.isRtl) {\n      this.style.insetInlineStart = `initial`;\n      this.style.insetInlineEnd = `${pos[0]}px`;\n    } else {\n      this.style.insetInlineStart = `${pos[0]}px`;\n      this.style.insetInlineEnd = `initial`;\n    }\n    this.style.insetBlockStart = `${pos[1]}px`;\n    this.position = pos;\n\n    await this.updateComplete;\n    this._registerMenuItems();\n    this._setActiveItems();\n\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n    };\n    if (\n      this.dispatchEvent(\n        new CustomEvent((this.constructor as typeof CDSMenu).eventOnOpen, init)\n      )\n    ) {\n      this.dispatchEvent(\n        new CustomEvent((this.constructor as typeof CDSMenu).eventOnOpen, init)\n      );\n    }\n  };\n  dispatchCloseEvent = (e?: Event) => {\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail: {\n        triggeredBy: e?.target,\n        triggerEventType: e?.type,\n      },\n    };\n    if (\n      this.dispatchEvent(\n        new CustomEvent((this.constructor as typeof CDSMenu).eventOnClose, init)\n      )\n    ) {\n      this.dispatchEvent(\n        new CustomEvent((this.constructor as typeof CDSMenu).eventOnClose, init)\n      );\n    }\n  };\n  private _handleClose = () => {\n    this.position = [-1, -1];\n    this.style.removeProperty('inset-inline-start');\n    this.style.removeProperty('inset-inline-end');\n    this.style.removeProperty('inset-block-start');\n  };\n  private _handleRootCloseRequest = (\n    event: CustomEvent<{ triggerEvent?: Event }>\n  ) => {\n    if (!this.context?.isRoot) {\n      return;\n    }\n\n    this.dispatchCloseEvent(event.detail?.triggerEvent ?? event);\n  };\n  _newContextCreate = () => {\n    this.context = {\n      ...this.context,\n      isRoot: false,\n      size: this.size,\n    };\n  };\n  _registerMenuItems = () => {\n    let items;\n    if (this.isChild) {\n      const submenuSlot = this.querySelector(\n        'slot[name=\"submenu\"]'\n      ) as HTMLSlotElement | null;\n      items = submenuSlot?.assignedElements() ?? [];\n    } else {\n      items = this._slotElement?.assignedElements() ?? [];\n    }\n    this.items = items?.filter((item) => {\n      if (item.tagName === 'CDS-MENU-ITEM') {\n        return !(item as CDSmenuItem).disabled;\n      }\n      return item.tagName !== 'CDS-MENU-ITEM-DIVIDER';\n    });\n  };\n  _setActiveItems = () => {\n    this.activeitems = [];\n\n    this.items?.map((item) => {\n      let activeItem: activeItemType;\n      switch (item.tagName) {\n        case 'CDS-MENU-ITEM-RADIO-GROUP': {\n          const slotElements = item.querySelectorAll(`${prefix}-menu-item`);\n          if (slotElements?.length) {\n            for (const entry of slotElements.entries()) {\n              activeItem = {\n                item: entry[1] as CDSmenuItem,\n                parent: item as HTMLElement,\n              };\n              this.activeitems = [...this.activeitems, activeItem];\n            }\n          }\n          break;\n        }\n        case 'CDS-MENU-ITEM-GROUP': {\n          const slotElements = item.shadowRoot\n            ?.querySelector('slot')\n            ?.assignedElements();\n          slotElements?.map((el) => {\n            activeItem = {\n              item: el as CDSmenuItem,\n              parent: el as HTMLElement,\n            };\n            this.activeitems = [...this.activeitems, activeItem];\n          });\n          break;\n        }\n        case 'CDS-MENU-ITEM-SELECTABLE': {\n          activeItem = {\n            item: item.shadowRoot?.querySelector(\n              `${prefix}-menu-item`\n            ) as CDSmenuItem,\n            parent: item as HTMLElement,\n          };\n          this.activeitems = [...this.activeitems, activeItem];\n          break;\n        }\n        default: {\n          activeItem = {\n            item: item as CDSmenuItem,\n            parent: null,\n          };\n          this.activeitems = [...this.activeitems, activeItem];\n        }\n      }\n    });\n    const activeEl = this.activeitems[0]?.item ?? document.activeElement;\n    activeEl.focus();\n  };\n  static styles = styles;\n}\nexport default CDSMenu;\n"],"mappings":"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"}
+{"version":3,"file":"menu.js","names":["styles","customElement"],"sources":["../../../src/components/menu/menu.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2024, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport { property, state, query } from 'lit/decorators.js';\nimport styles from './menu.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { classMap } from 'lit/directives/class-map.js';\nimport {\n  MenuContext,\n  menuDefaultState,\n  type MenuContextUpdate,\n} from './menu-context';\nimport CDSmenuItem, { MENU_CLOSE_ROOT_EVENT } from './menu-item';\nimport { isFeatureFlagEnabled } from '../feature-flags';\nimport { consume, provide } from '@lit/context';\nimport { MENU_BACKGROUND_TOKEN, MENU_SIZE } from './defs';\n\nexport { MENU_SIZE };\n\n/**\n * Menu.\n *\n * @element cds-menu\n * @deprecated Menus now always support both icons as well as selectable items and nesting.\n */\n\ntype activeItemType = {\n  item: CDSmenuItem;\n  parent: HTMLElement | null;\n};\n\n@customElement(`${prefix}-menu`)\nclass CDSMenu extends HostListenerMixin(LitElement) {\n  @provide({ context: MenuContext })\n  @consume({ context: MenuContext })\n  context = {\n    ...menuDefaultState,\n    updateFromChild: (updatedItem: MenuContextUpdate) => {\n      this.context = {\n        ...this.context,\n        ...updatedItem,\n      };\n    },\n  };\n\n  readonly spacing: number = 8; // distance to keep to window edges, in px\n\n  /**\n   * The menu element in the shadow DOM.\n   */\n  @query(`.${prefix}--menu`)\n  private _menuElement?: HTMLElement;\n\n  /**\n   * The default slot element in the shadow DOM.\n   */\n  @query('slot')\n  private _slotElement?: HTMLSlotElement;\n\n  /**\n   * Items.\n   */\n  @state()\n  items: Element[] | undefined = [];\n\n  /**\n   * Active list Items.\n   */\n  @state()\n  activeitems: activeItemType[] = [];\n\n  /**\n   * Label for the menu.\n   */\n  @property({ type: String })\n  label;\n  /**\n   * Parent state.\n   */\n  @property({ type: Boolean })\n  isChild = false;\n  /**\n   * Action button width.\n   */\n  @property()\n  actionButtonWidth;\n  /**\n   * Checks if document direction is rtl.\n   */\n  @property({ type: Boolean })\n  isRtl = false;\n  /**\n   * Checks if Menu is root menu or not.\n   */\n  @property({ type: Boolean })\n  isRoot = true;\n\n  /**\n   * Document direction.\n   */\n  @property({ type: String })\n  direction = 'ltr';\n  /**\n   * Open value for the menu.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n  /**\n   * Active element in the DOM.\n   */\n  @property({ type: HTMLElement })\n  focusreturn;\n  /**\n   * Position of the Menu.\n   */\n  @property()\n  position = [-1, -1];\n  /**\n   * Size attribute.\n   */\n  @property({ attribute: true })\n  size = MENU_SIZE.SMALL;\n  /**\n   * Deprecated: Menus now always support both icons as well as selectable items and nesting. The mode of this menu. Defaults to full. full supports nesting and selectable menu items, but no icons. basic supports icons but no nesting or selectable menu items.\n\n    This prop is not intended for use and will be set by the respective implementation (like useContextMenu, MenuButton, and ComboButton).\n   */\n  @property()\n  mode;\n\n  /**\n   * Specify the background token to use. Default is 'layer'.\n   */\n  @property({ type: String, attribute: 'background-token' })\n  backgroundToken = MENU_BACKGROUND_TOKEN.LAYER;\n\n  /**\n   * Specify whether a border should be rendered on the menu\n   */\n  @property({ type: Boolean })\n  border = false;\n\n  /**\n   * Specify how the menu should align with the button element\n   */\n  @property({ type: String })\n  menuAlignment;\n  /**\n   * Position of the Menu in X axis.\n   */\n  @property()\n  x: number | number[] = 0;\n  /**\n   * Position of the Menu in Y axis.\n   */\n  @property()\n  y: number | number[] = 0;\n\n  @HostListener('focusout')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleBlur = (e: FocusEvent) => {\n    const { isRoot } = this.context;\n    // Close the menu if all of the following are met:\n    // * The menu is open\n    // * The focusout event is on the root menu\n    // * Focus is moving outside the menu\n    if (this.open && isRoot && !this.contains(e.relatedTarget as Node)) {\n      this.dispatchCloseEvent(e);\n    }\n  };\n\n  /**\n   * The name of the custom event fired when the the Menu should be closed.\n   */\n  static get eventOnClose() {\n    return `${prefix}-menu-closed`;\n  }\n  /**\n   * The name of the custom event fired when the the Menu should be opened.\n   */\n  static get eventOnOpen() {\n    return `${prefix}-menu-opened`;\n  }\n  updated(changedProperties) {\n    if (changedProperties.has('open')) {\n      if (this.open) {\n        this._handleOpen();\n      } else {\n        this._handleClose();\n      }\n    }\n  }\n  connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener('icon-detect', () => {\n      this._menuElement?.classList.add(`${prefix}--menu--with-icons`);\n    });\n    this.addEventListener(\n      MENU_CLOSE_ROOT_EVENT,\n      this._handleRootCloseRequest as EventListener\n    );\n  }\n\n  disconnectedCallback() {\n    this.removeEventListener(\n      MENU_CLOSE_ROOT_EVENT,\n      this._handleRootCloseRequest as EventListener\n    );\n    super.disconnectedCallback();\n  }\n  async firstUpdated() {\n    this.isRtl = this._isRtlDirection();\n    this.isRoot = this.context.isRoot;\n\n    if (this.isChild) {\n      this._newContextCreate();\n    }\n    await this.updateComplete;\n    this._registerMenuItems();\n    this._setActiveItems();\n\n    this._slotElement?.addEventListener('slotchange', () => {\n      this._registerMenuItems();\n      this._setActiveItems();\n    });\n  }\n  render() {\n    const {\n      open,\n      menuAlignment,\n      label,\n      position,\n      _handleKeyDown: handleKeyDown,\n    } = this;\n    const menuClasses = classMap({\n      [`${prefix}--menu`]: true,\n      [`${prefix}--menu--${this.size}`]: this.size,\n      [`${prefix}--menu--box-shadow-top`]:\n        menuAlignment && menuAlignment.slice(0, 3) === 'top',\n      [`${prefix}--menu--open`]: open,\n      [`${prefix}--menu--shown`]: position[0] >= 0 && position[1] >= 0,\n      [`${prefix}--menu--with-selectable-items`]:\n        this.context.hasSelectableItems,\n      // In v12 the menu always renders a border\n      [`${prefix}--menu--border`]:\n        this.border || isFeatureFlagEnabled('enable-v12-release', this),\n      [`${prefix}--menu--background-token__background`]:\n        this.backgroundToken === MENU_BACKGROUND_TOKEN.BACKGROUND,\n    });\n    return html`\n      <ul\n        class=\"${menuClasses}\"\n        aria-label=\"${label}\"\n        tabindex=\"-1\"\n        @keydown=\"${handleKeyDown}\"\n        role=\"menu\">\n        <slot></slot>\n      </ul>\n    `;\n  }\n\n  _handleKeyDown = (e: KeyboardEvent) => {\n    const { isRoot } = this.context;\n    e.stopPropagation();\n    // if the user presses escape or this is a submenu\n    // and the user presses ArrowLeft, close it\n\n    if (e.key === 'Escape' || (!isRoot && e.key === 'ArrowLeft')) {\n      this.dispatchCloseEvent(e);\n    } else {\n      // Prevent scrolling when navigating menu items\n      if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {\n        e.preventDefault();\n      }\n      this._focusItem(e);\n    }\n  };\n\n  _focusItem = (e: KeyboardEvent | undefined) => {\n    let currentItem: number;\n\n    if (document.activeElement?.tagName !== 'CDS-MENU') {\n      const shadowRootActiveEl = this._findActiveElementInShadowRoot(document);\n      currentItem = this.activeitems.findIndex((activeItem) => {\n        return (\n          shadowRootActiveEl == activeItem.item ||\n          activeItem.item.shadowRoot?.activeElement === shadowRootActiveEl\n        );\n      });\n    } else {\n      currentItem = 0;\n    }\n\n    let indexToFocus = currentItem;\n    // if currentItem is -1, no menu item is focused yet.\n    // in this case, the first item should receive focus.\n    if (currentItem === -1) {\n      indexToFocus = 0;\n    } else if (e) {\n      if (e.key === 'ArrowUp') {\n        indexToFocus = indexToFocus - 1;\n      }\n      if (e.key === 'ArrowDown') {\n        indexToFocus = indexToFocus + 1;\n      }\n    }\n    if (indexToFocus < 0) {\n      indexToFocus = this.activeitems.length - 1;\n    }\n    if (indexToFocus >= this.activeitems.length) {\n      indexToFocus = 0;\n    }\n\n    if (indexToFocus !== currentItem) {\n      this.activeitems[indexToFocus]?.item?.focus();\n    }\n  };\n  _findActiveElementInShadowRoot = (shadowRoot) => {\n    if (shadowRoot === null) return null;\n\n    let activeElement = shadowRoot.activeElement;\n    while (\n      activeElement &&\n      activeElement.shadowRoot &&\n      activeElement.shadowRoot.activeElement\n    ) {\n      activeElement = activeElement.shadowRoot.activeElement;\n    }\n    return activeElement;\n  };\n\n  _notEmpty = (value: number | null | undefined) => {\n    return value !== null && value !== undefined;\n  };\n  _fitValue = (range: number[], axis: 'x' | 'y') => {\n    const { isRoot } = this.context;\n\n    // const isRoot =  false\n    const { width, height } = (\n      this._menuElement ?? this\n    ).getBoundingClientRect();\n    const alignment = isRoot ? 'vertical' : 'horizontal';\n\n    // The submenu is positioned against the menu item, which in v12 is inset\n    // from the menu's edge by the menu's inline padding ($spacing-02 = 4px).\n    // Adjust the offset accordingly (by 4px).\n    const submenuOffset = isRoot\n      ? 0\n      : isFeatureFlagEnabled('enable-v12-release', this)\n        ? -6\n        : -2;\n\n    const axes = {\n      x: {\n        max: window.innerWidth,\n        size: width,\n        anchor: alignment === 'horizontal' ? range[1] : range[0],\n        reversedAnchor: alignment === 'horizontal' ? range[0] : range[1],\n        offset: submenuOffset,\n      },\n      y: {\n        max: window.innerHeight,\n        size: height,\n        anchor: alignment === 'horizontal' ? range[0] : range[1],\n        reversedAnchor: alignment === 'horizontal' ? range[1] : range[0],\n        offset: isRoot ? 0 : 4, // top padding in menu, used to align the menu items\n      },\n    };\n\n    // Avoid that the Menu render incorrectly when the postion is set in the right side of the screen\n    if (\n      this.actionButtonWidth &&\n      this.actionButtonWidth < axes.x.size &&\n      (this.menuAlignment === 'bottom' || this.menuAlignment === 'top')\n    ) {\n      axes.x.size = this.actionButtonWidth;\n    }\n\n    // if 'axes.x.anchor' is lower than 87px dynamically switch render side\n    if (\n      this.actionButtonWidth &&\n      (this.menuAlignment === 'bottom-end' ||\n        this.menuAlignment === 'top-end') &&\n      axes.x.anchor >= 87 &&\n      this.actionButtonWidth < axes.x.size\n    ) {\n      const diff = axes.x.anchor + axes.x.reversedAnchor;\n      axes.x.anchor = axes.x.anchor + diff;\n    }\n\n    const { max, size, anchor, reversedAnchor, offset } = axes[axis];\n\n    // get values for different scenarios, set to false if they don't work\n    const options = [\n      // towards max (preferred)\n      max - this.spacing - size - anchor >= 0 ? anchor - offset : false,\n\n      // towards min / reversed (first fallback)\n      reversedAnchor - size >= 0 ? reversedAnchor - size + offset : false,\n\n      // align at max (second fallback)\n      max - this.spacing - size,\n    ];\n    const topAlignment =\n      this.menuAlignment === 'top' ||\n      this.menuAlignment === 'top-end' ||\n      this.menuAlignment === 'top-start';\n    // If the tooltip is not visible in the top, switch to the bototm\n    if (\n      typeof options[0] === 'number' &&\n      topAlignment &&\n      options[0] >= 0 &&\n      !options[1] &&\n      axis === 'y'\n    ) {\n      this.style.transform = 'translate(0)';\n    } else if (topAlignment && !options[0] && axis === 'y') {\n      options[0] = anchor - offset;\n    }\n\n    // Previous array `options`, has at least one item that is a number (the last one - second fallback).\n    // That guarantees that the return of `find()` will always be a number\n    // and we can safely add the numeric casting `as number`.\n    const bestOption = options.find((option) => option !== false) as number;\n\n    return bestOption >= this.spacing ? bestOption : this.spacing;\n  };\n  _getPosition = (x: number | (number | null | undefined)[]) => {\n    if (Array.isArray(x)) {\n      // has to be of length 2\n      const filtered = x.filter(this._notEmpty);\n      if (filtered.length === 2) {\n        return filtered;\n      } else {\n        return;\n      }\n    } else {\n      return [x, x];\n    }\n  };\n\n  _isRtlDirection = () => {\n    return (\n      this.direction === 'rtl' || getComputedStyle(this).direction === 'rtl'\n    );\n  };\n\n  /**\n   * Converts a measured viewport range into distances from the viewport's\n   * inline start.\n   *\n   * Endpoints swap in rtl because mirroring reverses their order: a box's left\n   * edge is the nearer edge measured from the left, but the farther edge\n   * measured from the right.\n   */\n  _toInlineRange = (range: number[]) => {\n    if (!this._isRtlDirection()) {\n      return range;\n    }\n\n    const max = window.innerWidth;\n    return [max - range[1], max - range[0]];\n  };\n\n  _calculatePosition = () => {\n    const ranges = {\n      x: this._getPosition(this.x),\n      y: this._getPosition(this.y),\n    };\n\n    if (!ranges.x || !ranges.y) {\n      return [-1, -1];\n    }\n\n    const x = this.context.isRoot\n      ? (ranges.x as number[])\n      : this._toInlineRange(ranges.x as number[]);\n\n    return [\n      this._fitValue(x, 'x') ?? -1,\n      this._fitValue(ranges.y as number[], 'y') ?? -1,\n    ];\n  };\n  _handleOpen = async () => {\n    const pos = this._calculatePosition();\n    this.style.insetInlineStart = `${pos[0]}px`;\n    this.style.insetInlineEnd = `initial`;\n    this.style.insetBlockStart = `${pos[1]}px`;\n    this.position = pos;\n\n    await this.updateComplete;\n    this._registerMenuItems();\n    this._setActiveItems();\n\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n    };\n    if (\n      this.dispatchEvent(\n        new CustomEvent((this.constructor as typeof CDSMenu).eventOnOpen, init)\n      )\n    ) {\n      this.dispatchEvent(\n        new CustomEvent((this.constructor as typeof CDSMenu).eventOnOpen, init)\n      );\n    }\n  };\n  dispatchCloseEvent = (e?: Event) => {\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail: {\n        triggeredBy: e?.target,\n        triggerEventType: e?.type,\n      },\n    };\n    if (\n      this.dispatchEvent(\n        new CustomEvent((this.constructor as typeof CDSMenu).eventOnClose, init)\n      )\n    ) {\n      this.dispatchEvent(\n        new CustomEvent((this.constructor as typeof CDSMenu).eventOnClose, init)\n      );\n    }\n  };\n  private _handleClose = () => {\n    this.position = [-1, -1];\n    this.style.removeProperty('inset-inline-start');\n    this.style.removeProperty('inset-inline-end');\n    this.style.removeProperty('inset-block-start');\n  };\n  private _handleRootCloseRequest = (\n    event: CustomEvent<{ triggerEvent?: Event }>\n  ) => {\n    if (!this.context?.isRoot) {\n      return;\n    }\n\n    this.dispatchCloseEvent(event.detail?.triggerEvent ?? event);\n  };\n  _newContextCreate = () => {\n    this.context = {\n      ...this.context,\n      isRoot: false,\n      size: this.size,\n    };\n  };\n  _registerMenuItems = () => {\n    let items;\n    if (this.isChild) {\n      const submenuSlot = this.querySelector(\n        'slot[name=\"submenu\"]'\n      ) as HTMLSlotElement | null;\n      items = submenuSlot?.assignedElements() ?? [];\n    } else {\n      items = this._slotElement?.assignedElements() ?? [];\n    }\n    this.items = items?.filter((item) => {\n      if (item.tagName === 'CDS-MENU-ITEM') {\n        return !(item as CDSmenuItem).disabled;\n      }\n      return item.tagName !== 'CDS-MENU-ITEM-DIVIDER';\n    });\n  };\n  _setActiveItems = () => {\n    this.activeitems = [];\n\n    this.items?.map((item) => {\n      let activeItem: activeItemType;\n      switch (item.tagName) {\n        case 'CDS-MENU-ITEM-RADIO-GROUP': {\n          const slotElements = item.querySelectorAll(`${prefix}-menu-item`);\n          if (slotElements?.length) {\n            for (const entry of slotElements.entries()) {\n              activeItem = {\n                item: entry[1] as CDSmenuItem,\n                parent: item as HTMLElement,\n              };\n              this.activeitems = [...this.activeitems, activeItem];\n            }\n          }\n          break;\n        }\n        case 'CDS-MENU-ITEM-GROUP': {\n          const slotElements = item.shadowRoot\n            ?.querySelector('slot')\n            ?.assignedElements();\n          slotElements?.map((el) => {\n            activeItem = {\n              item: el as CDSmenuItem,\n              parent: el as HTMLElement,\n            };\n            this.activeitems = [...this.activeitems, activeItem];\n          });\n          break;\n        }\n        case 'CDS-MENU-ITEM-SELECTABLE': {\n          activeItem = {\n            item: item.shadowRoot?.querySelector(\n              `${prefix}-menu-item`\n            ) as CDSmenuItem,\n            parent: item as HTMLElement,\n          };\n          this.activeitems = [...this.activeitems, activeItem];\n          break;\n        }\n        default: {\n          activeItem = {\n            item: item as CDSmenuItem,\n            parent: null,\n          };\n          this.activeitems = [...this.activeitems, activeItem];\n        }\n      }\n    });\n    const activeEl = this.activeitems[0]?.item ?? document.activeElement;\n    activeEl.focus();\n  };\n  static styles = styles;\n}\nexport default CDSMenu;\n"],"mappings":"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"}