@carbon/web-components 2.52.0 → 2.53.0

package/es/components/stack/defs.js.map

@@ -1 +1 @@
-{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/stack/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { spacing } from '@carbon/layout';\n\n/**\n * Stack orientation\n */\nexport enum STACK_ORIENTATION {\n  /**\n   * Default vertical orientation.\n   */\n  VERTICAL = 'vertical',\n\n  /**\n   * Horizontal.\n   */\n  HORIZONTAL = 'horizontal',\n}\n\n/**\n * The steps in the spacing scale\n *\n * @type {Array<number>}\n */\nexport const SPACING_STEPS = Array.from({ length: spacing.length - 1 }).map(\n  (_, step) => {\n    return step + 1;\n  }\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAYA,IAAY,gEAAL;;;;AAIL;;;;AAKA;;;;;;;;AAQF,MAAa,gBAAgB,MAAM,KAAK,EAAE,QAAQ,QAAQ,SAAS,GAAG,CAAC,CAAC,KACrE,GAAG,SAAS;AACX,QAAO,OAAO;EAEjB"}
+{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/stack/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { spacing } from '@carbon/layout';\n\n/**\n * Stack orientation\n */\nexport enum STACK_ORIENTATION {\n  /**\n   * Default vertical orientation.\n   */\n  VERTICAL = 'vertical',\n\n  /**\n   * Horizontal.\n   */\n  HORIZONTAL = 'horizontal',\n}\n\n/**\n * The steps in the spacing scale\n *\n * @type {Array<number>}\n */\nexport const SPACING_STEPS = Array.from({ length: spacing.length - 1 }).map(\n  (_, step) => {\n    return step + 1;\n  }\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;AAYA,IAAY,oBAAL,yBAAA,mBAAA;;;;AAIL,mBAAA,cAAA;;;;AAKA,mBAAA,gBAAA;;KACD;;;;;;AAOD,MAAa,gBAAgB,MAAM,KAAK,EAAE,QAAQ,QAAQ,SAAS,GAAG,CAAC,CAAC,KACrE,GAAG,SAAS;AACX,QAAO,OAAO;EAEjB"}

package/es/components/stack/stack.js

@@ -5,14 +5,13 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import stack_default$1 from "./stack.scss.js";
 import { SPACING_STEPS, STACK_ORIENTATION } from "./defs.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";
-
 //#region src/components/stack/stack.ts
 /**
 * Copyright IBM Corp. 2023, 2024
@@ -37,15 +36,15 @@ import { property } from "lit/decorators.js";
 let CDSStack = class CDSStack extends LitElement {
 	constructor(..._args) {
 		super(..._args);
-		this.orientation = STACK_ORIENTATION.VERTICAL;
+		this.orientation = "vertical";
 		this.useCustomGapValue = false;
 	}
 	updated(changedProperties) {
-		if (changedProperties.has("gap")) if (this.useCustomGapValue) this.style.setProperty(`--${prefix}-stack-gap`, `${this.gap}`);
+		if (changedProperties.has("gap")) if (this.useCustomGapValue) this.style.setProperty(`--cds-stack-gap`, `${this.gap}`);
 		else {
 			const oldGapValue = changedProperties.get("gap");
-			this.shadowRoot?.querySelector("div")?.classList.remove(`${prefix}--stack-scale-${oldGapValue}`);
-			this.shadowRoot?.querySelector("div")?.classList.add(`${prefix}--stack-scale-${this.gap}`);
+			this.shadowRoot?.querySelector("div")?.classList.remove(`cds--stack-scale-${oldGapValue}`);
+			this.shadowRoot?.querySelector("div")?.classList.add(`cds--stack-scale-${this.gap}`);
 		}
 	}
 	render() {
@@ -67,9 +66,9 @@ __decorate([property({
 	type: Boolean,
 	attribute: "use-custom-gap-value"
 })], CDSStack.prototype, "useCustomGapValue", void 0);
-CDSStack = __decorate([carbonElement(`${prefix}-stack`)], CDSStack);
+CDSStack = __decorate([carbonElement(`cds-stack`)], CDSStack);
 var stack_default = CDSStack;
-
 //#endregion
 export { SPACING_STEPS, STACK_ORIENTATION, stack_default as default };
+
 //# sourceMappingURL=stack.js.map

package/es/components/stack/stack.js.map

@@ -1 +1 @@
-{"version":3,"file":"stack.js","names":["styles","customElement"],"sources":["../../../src/components/stack/stack.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2023, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport styles from './stack.scss?lit';\nimport { STACK_ORIENTATION, SPACING_STEPS } from './defs';\n\nexport { STACK_ORIENTATION, SPACING_STEPS };\n\n/**\n * The Stack component is a useful layout utility in a component-based model.\n * This allows components to not use margin and instead delegate the\n * responsibility of positioning and layout to parent components.\n *\n * In the case of the Stack component, it uses the spacing scale from the\n * Design Language in order to determine how much space there should be between\n * items rendered by the Stack component. It also supports a custom `gap` prop\n * which will allow a user to provide a custom value for the gap of the layout.\n *\n * This component supports both horizontal and vertical orientations.\n *\n * @element cds-stack\n */\n@customElement(`${prefix}-stack`)\nclass CDSStack extends LitElement {\n  /**\n   * Specify the orientation of them items in the Stack\n   */\n  @property({ type: String, reflect: true })\n  orientation = STACK_ORIENTATION.VERTICAL;\n\n  /**\n   * Provide either a custom value or a step from the spacing scale to be used\n   * as the gap in the layout\n   */\n  @property({ type: SPACING_STEPS || String, reflect: true })\n  gap;\n\n  /**\n   * Turn on when passing in custom value to 'gap' attribute (ie. gap=\"2rem\")\n   */\n  @property({ type: Boolean, attribute: 'use-custom-gap-value' })\n  useCustomGapValue = false;\n\n  updated(changedProperties) {\n    if (changedProperties.has('gap')) {\n      if (this.useCustomGapValue) {\n        this.style.setProperty(`--${prefix}-stack-gap`, `${this.gap}`);\n      } else {\n        const oldGapValue = changedProperties.get('gap');\n        this.shadowRoot\n          ?.querySelector('div')\n          ?.classList.remove(`${prefix}--stack-scale-${oldGapValue}`);\n        this.shadowRoot\n          ?.querySelector('div')\n          ?.classList.add(`${prefix}--stack-scale-${this.gap}`);\n      }\n    }\n  }\n\n  render() {\n    return html`<div><slot></slot></div>`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSStack;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,qBACM,iBAAiB,WAAW;;;qBAKlB,kBAAkB;2BAaZ;;CAEpB,QAAQ,mBAAmB;AACzB,MAAI,kBAAkB,IAAI,MAAM,CAC9B,KAAI,KAAK,kBACP,MAAK,MAAM,YAAY,KAAK,OAAO,aAAa,GAAG,KAAK,MAAM;OACzD;GACL,MAAM,cAAc,kBAAkB,IAAI,MAAM;AAChD,QAAK,YACD,cAAc,MAAM,EACpB,UAAU,OAAO,GAAG,OAAO,gBAAgB,cAAc;AAC7D,QAAK,YACD,cAAc,MAAM,EACpB,UAAU,IAAI,GAAG,OAAO,gBAAgB,KAAK,MAAM;;;CAK7D,SAAS;AACP,SAAO,IAAI;;;gBAGGA;;;YApCf,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC;YAOzC,SAAS;CAAE,MAAM,iBAAiB;CAAQ,SAAS;CAAM,CAAC;YAM1D,SAAS;CAAE,MAAM;CAAS,WAAW;CAAwB,CAAC;uBAlBhEC,cAAc,GAAG,OAAO,QAAQ;AA4CjC,oBAAe"}
+{"version":3,"file":"stack.js","names":["styles","customElement"],"sources":["../../../src/components/stack/stack.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2023, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport styles from './stack.scss?lit';\nimport { STACK_ORIENTATION, SPACING_STEPS } from './defs';\n\nexport { STACK_ORIENTATION, SPACING_STEPS };\n\n/**\n * The Stack component is a useful layout utility in a component-based model.\n * This allows components to not use margin and instead delegate the\n * responsibility of positioning and layout to parent components.\n *\n * In the case of the Stack component, it uses the spacing scale from the\n * Design Language in order to determine how much space there should be between\n * items rendered by the Stack component. It also supports a custom `gap` prop\n * which will allow a user to provide a custom value for the gap of the layout.\n *\n * This component supports both horizontal and vertical orientations.\n *\n * @element cds-stack\n */\n@customElement(`${prefix}-stack`)\nclass CDSStack extends LitElement {\n  /**\n   * Specify the orientation of them items in the Stack\n   */\n  @property({ type: String, reflect: true })\n  orientation = STACK_ORIENTATION.VERTICAL;\n\n  /**\n   * Provide either a custom value or a step from the spacing scale to be used\n   * as the gap in the layout\n   */\n  @property({ type: SPACING_STEPS || String, reflect: true })\n  gap;\n\n  /**\n   * Turn on when passing in custom value to 'gap' attribute (ie. gap=\"2rem\")\n   */\n  @property({ type: Boolean, attribute: 'use-custom-gap-value' })\n  useCustomGapValue = false;\n\n  updated(changedProperties) {\n    if (changedProperties.has('gap')) {\n      if (this.useCustomGapValue) {\n        this.style.setProperty(`--${prefix}-stack-gap`, `${this.gap}`);\n      } else {\n        const oldGapValue = changedProperties.get('gap');\n        this.shadowRoot\n          ?.querySelector('div')\n          ?.classList.remove(`${prefix}--stack-scale-${oldGapValue}`);\n        this.shadowRoot\n          ?.querySelector('div')\n          ?.classList.add(`${prefix}--stack-scale-${this.gap}`);\n      }\n    }\n  }\n\n  render() {\n    return html`<div><slot></slot></div>`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSStack;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,IAAA,WAAA,MACM,iBAAiB,WAAW;;;;2BAkBZ;;CAEpB,QAAQ,mBAAmB;AACzB,MAAI,kBAAkB,IAAI,MAAM,CAC9B,KAAI,KAAK,kBACP,MAAK,MAAM,YAAY,mBAAyB,GAAG,KAAK,MAAM;OACzD;GACL,MAAM,cAAc,kBAAkB,IAAI,MAAM;AAChD,QAAK,YACD,cAAc,MAAM,EACpB,UAAU,OAAO,oBAA0B,cAAc;AAC7D,QAAK,YACD,cAAc,MAAM,EACpB,UAAU,IAAI,oBAA0B,KAAK,MAAM;;;CAK7D,SAAS;AACP,SAAO,IAAI;;;gBAGGA;;;YApCf,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,SAAA,WAAA,eAAA,KAAA,EAAA;YAOzC,SAAS;CAAE,MAAM,iBAAiB;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,SAAA,WAAA,OAAA,KAAA,EAAA;YAM1D,SAAS;CAAE,MAAM;CAAS,WAAW;CAAwB,CAAC,CAAA,EAAA,SAAA,WAAA,qBAAA,KAAA,EAAA;uBAlBhEC,cAAc,YAAkB,CAAA,EAAA,SAAA;AA4CjC,IAAA,gBAAe"}

package/es/components/stack/stack.scss.js

@@ -6,10 +6,9 @@
  */
 
 import { css } from "lit";
-
 //#region src/components/stack/stack.scss?lit
 var stack_default = css([".cds--stack-horizontal,:host(cds-stack[orientation=horizontal]) div{-moz-column-gap:var(--cds-stack-gap,0);column-gap:var(--cds-stack-gap,0);display:inline-grid;grid-auto-flow:column}.cds--stack-vertical,:host(cds-stack[orientation=vertical]) div{display:grid;grid-auto-flow:row;row-gap:var(--cds-stack-gap,0)}.cds--stack-scale-1{--cds-stack-gap:0.125rem}.cds--stack-scale-2{--cds-stack-gap:0.25rem}.cds--stack-scale-3{--cds-stack-gap:0.5rem}.cds--stack-scale-4{--cds-stack-gap:0.75rem}.cds--stack-scale-5{--cds-stack-gap:1rem}.cds--stack-scale-6{--cds-stack-gap:1.5rem}.cds--stack-scale-7{--cds-stack-gap:2rem}.cds--stack-scale-8{--cds-stack-gap:2.5rem}.cds--stack-scale-9{--cds-stack-gap:3rem}.cds--stack-scale-10{--cds-stack-gap:4rem}.cds--stack-scale-11{--cds-stack-gap:5rem}.cds--stack-scale-12{--cds-stack-gap:6rem}.cds--stack-scale-13{--cds-stack-gap:10rem}:host(cds-stack) .cds--stack-scale-1{--cds-stack-gap:0.125rem}:host(cds-stack) .cds--stack-scale-2{--cds-stack-gap:0.25rem}:host(cds-stack) .cds--stack-scale-3{--cds-stack-gap:0.5rem}:host(cds-stack) .cds--stack-scale-4{--cds-stack-gap:0.75rem}:host(cds-stack) .cds--stack-scale-5{--cds-stack-gap:1rem}:host(cds-stack) .cds--stack-scale-6{--cds-stack-gap:1.5rem}:host(cds-stack) .cds--stack-scale-7{--cds-stack-gap:2rem}:host(cds-stack) .cds--stack-scale-8{--cds-stack-gap:2.5rem}:host(cds-stack) .cds--stack-scale-9{--cds-stack-gap:3rem}:host(cds-stack) .cds--stack-scale-10{--cds-stack-gap:4rem}:host(cds-stack) .cds--stack-scale-11{--cds-stack-gap:5rem}:host(cds-stack) .cds--stack-scale-12{--cds-stack-gap:6rem}:host(cds-stack) .cds--stack-scale-13{--cds-stack-gap:10rem}"]);
-
 //#endregion
 export { stack_default as default };
+
 //# sourceMappingURL=stack.scss.js.map

package/es/components/structured-list/structured-list-body.js

@@ -5,12 +5,11 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import structured_list_default from "./structured-list.scss.js";
 import { LitElement, html } from "lit";
-
 //#region src/components/structured-list/structured-list-body.ts
 /**
 * Copyright IBM Corp. 2019, 2023
@@ -35,9 +34,9 @@ let CDSStructuredListBody = class CDSStructuredListBody extends LitElement {
 		this.styles = structured_list_default;
 	}
 };
-CDSStructuredListBody = __decorate([carbonElement(`${prefix}-structured-list-body`)], CDSStructuredListBody);
+CDSStructuredListBody = __decorate([carbonElement(`cds-structured-list-body`)], CDSStructuredListBody);
 var structured_list_body_default = CDSStructuredListBody;
-
 //#endregion
 export { structured_list_body_default as default };
+
 //# sourceMappingURL=structured-list-body.js.map

package/es/components/structured-list/structured-list-body.js.map

@@ -1 +1 @@
-{"version":3,"file":"structured-list-body.js","names":["styles","customElement"],"sources":["../../../src/components/structured-list/structured-list-body.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './structured-list.scss?lit';\n\n/**\n * Structured list body.\n *\n * @element cds-structured-list-body\n */\n@customElement(`${prefix}-structured-list-body`)\nclass CDSStructuredListBody extends LitElement {\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'rowgroup');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSStructuredListBody;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,kCACM,8BAA8B,WAAW;CAC7C,oBAAoB;AAClB,MAAI,CAAC,KAAK,aAAa,OAAO,CAC5B,MAAK,aAAa,QAAQ,WAAW;AAEvC,QAAM,mBAAmB;;CAG3B,SAAS;AACP,SAAO,IAAI;;;gBAGGA;;;oCAbjBC,cAAc,GAAG,OAAO,uBAAuB;AAgBhD,mCAAe"}
+{"version":3,"file":"structured-list-body.js","names":["styles","customElement"],"sources":["../../../src/components/structured-list/structured-list-body.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './structured-list.scss?lit';\n\n/**\n * Structured list body.\n *\n * @element cds-structured-list-body\n */\n@customElement(`${prefix}-structured-list-body`)\nclass CDSStructuredListBody extends LitElement {\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'rowgroup');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSStructuredListBody;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAA,wBAAA,MACM,8BAA8B,WAAW;CAC7C,oBAAoB;AAClB,MAAI,CAAC,KAAK,aAAa,OAAO,CAC5B,MAAK,aAAa,QAAQ,WAAW;AAEvC,QAAM,mBAAmB;;CAG3B,SAAS;AACP,SAAO,IAAI;;;gBAGGA;;;oCAbjBC,cAAc,2BAAiC,CAAA,EAAA,sBAAA;AAgBhD,IAAA,+BAAe"}

package/es/components/structured-list/structured-list-cell.js

@@ -5,12 +5,11 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import structured_list_default from "./structured-list.scss.js";
 import { LitElement, html } from "lit";
-
 //#region src/components/structured-list/structured-list-cell.ts
 /**
 * Copyright IBM Corp. 2020, 2023
@@ -35,9 +34,9 @@ let CDSStructuredListCell = class CDSStructuredListCell extends LitElement {
 		this.styles = structured_list_default;
 	}
 };
-CDSStructuredListCell = __decorate([carbonElement(`${prefix}-structured-list-cell`)], CDSStructuredListCell);
+CDSStructuredListCell = __decorate([carbonElement(`cds-structured-list-cell`)], CDSStructuredListCell);
 var structured_list_cell_default = CDSStructuredListCell;
-
 //#endregion
 export { structured_list_cell_default as default };
+
 //# sourceMappingURL=structured-list-cell.js.map

package/es/components/structured-list/structured-list-cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"structured-list-cell.js","names":["styles","customElement"],"sources":["../../../src/components/structured-list/structured-list-cell.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './structured-list.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Structured list cell.\n *\n * @element cds-structured-list-cell\n */\n@customElement(`${prefix}-structured-list-cell`)\nclass CDSStructuredListCell extends LitElement {\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'cell');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSStructuredListCell;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,kCACM,8BAA8B,WAAW;CAC7C,oBAAoB;AAClB,MAAI,CAAC,KAAK,aAAa,OAAO,CAC5B,MAAK,aAAa,QAAQ,OAAO;AAEnC,QAAM,mBAAmB;;CAG3B,SAAS;AACP,SAAO,IAAI;;;gBAGGA;;;oCAbjBC,cAAc,GAAG,OAAO,uBAAuB;AAgBhD,mCAAe"}
+{"version":3,"file":"structured-list-cell.js","names":["styles","customElement"],"sources":["../../../src/components/structured-list/structured-list-cell.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './structured-list.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Structured list cell.\n *\n * @element cds-structured-list-cell\n */\n@customElement(`${prefix}-structured-list-cell`)\nclass CDSStructuredListCell extends LitElement {\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'cell');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSStructuredListCell;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAA,wBAAA,MACM,8BAA8B,WAAW;CAC7C,oBAAoB;AAClB,MAAI,CAAC,KAAK,aAAa,OAAO,CAC5B,MAAK,aAAa,QAAQ,OAAO;AAEnC,QAAM,mBAAmB;;CAG3B,SAAS;AACP,SAAO,IAAI;;;gBAGGA;;;oCAbjBC,cAAc,2BAAiC,CAAA,EAAA,sBAAA;AAgBhD,IAAA,+BAAe"}

package/es/components/structured-list/structured-list-head.js

@@ -5,12 +5,11 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import structured_list_default from "./structured-list.scss.js";
 import { LitElement, html } from "lit";
-
 //#region src/components/structured-list/structured-list-head.ts
 /**
 * Copyright IBM Corp. 2019, 2023
@@ -35,9 +34,9 @@ let CDSStructuredListHeader = class CDSStructuredListHeader extends LitElement {
 		this.styles = structured_list_default;
 	}
 };
-CDSStructuredListHeader = __decorate([carbonElement(`${prefix}-structured-list-head`)], CDSStructuredListHeader);
+CDSStructuredListHeader = __decorate([carbonElement(`cds-structured-list-head`)], CDSStructuredListHeader);
 var structured_list_head_default = CDSStructuredListHeader;
-
 //#endregion
 export { structured_list_head_default as default };
+
 //# sourceMappingURL=structured-list-head.js.map

package/es/components/structured-list/structured-list-head.js.map

@@ -1 +1 @@
-{"version":3,"file":"structured-list-head.js","names":["styles","customElement"],"sources":["../../../src/components/structured-list/structured-list-head.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './structured-list.scss?lit';\n\n/**\n * Structured list header.\n *\n * @element cds-structured-list-head\n */\n@customElement(`${prefix}-structured-list-head`)\nclass CDSStructuredListHeader extends LitElement {\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'rowgroup');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSStructuredListHeader;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,oCACM,gCAAgC,WAAW;CAC/C,oBAAoB;AAClB,MAAI,CAAC,KAAK,aAAa,OAAO,CAC5B,MAAK,aAAa,QAAQ,WAAW;AAEvC,QAAM,mBAAmB;;CAG3B,SAAS;AACP,SAAO,IAAI;;;gBAGGA;;;sCAbjBC,cAAc,GAAG,OAAO,uBAAuB;AAgBhD,mCAAe"}
+{"version":3,"file":"structured-list-head.js","names":["styles","customElement"],"sources":["../../../src/components/structured-list/structured-list-head.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './structured-list.scss?lit';\n\n/**\n * Structured list header.\n *\n * @element cds-structured-list-head\n */\n@customElement(`${prefix}-structured-list-head`)\nclass CDSStructuredListHeader extends LitElement {\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'rowgroup');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSStructuredListHeader;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAA,0BAAA,MACM,gCAAgC,WAAW;CAC/C,oBAAoB;AAClB,MAAI,CAAC,KAAK,aAAa,OAAO,CAC5B,MAAK,aAAa,QAAQ,WAAW;AAEvC,QAAM,mBAAmB;;CAG3B,SAAS;AACP,SAAO,IAAI;;;gBAGGA;;;sCAbjBC,cAAc,2BAAiC,CAAA,EAAA,wBAAA;AAgBhD,IAAA,+BAAe"}

package/es/components/structured-list/structured-list-header-cell-skeleton.js

@@ -5,12 +5,11 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import structured_list_default from "./structured-list.scss.js";
 import { LitElement, html } from "lit";
-
 //#region src/components/structured-list/structured-list-header-cell-skeleton.ts
 /**
 * Copyright IBM Corp. 2019, 2023
@@ -29,9 +28,9 @@ let CDSStructuredListHeaderCellSkeleton = class CDSStructuredListHeaderCellSkele
 		this.styles = structured_list_default;
 	}
 };
-CDSStructuredListHeaderCellSkeleton = __decorate([carbonElement(`${prefix}-structured-list-header-cell-skeleton`)], CDSStructuredListHeaderCellSkeleton);
+CDSStructuredListHeaderCellSkeleton = __decorate([carbonElement(`cds-structured-list-header-cell-skeleton`)], CDSStructuredListHeaderCellSkeleton);
 var structured_list_header_cell_skeleton_default = CDSStructuredListHeaderCellSkeleton;
-
 //#endregion
 export { structured_list_header_cell_skeleton_default as default };
+
 //# sourceMappingURL=structured-list-header-cell-skeleton.js.map

package/es/components/structured-list/structured-list-header-cell-skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"structured-list-header-cell-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/structured-list/structured-list-header-cell-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './structured-list.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of structured list header cell.\n */\n@customElement(`${prefix}-structured-list-header-cell-skeleton`)\nclass CDSStructuredListHeaderCellSkeleton extends LitElement {\n  render() {\n    return html` <span></span> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSStructuredListHeaderCellSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAeA,gDACM,4CAA4C,WAAW;CAC3D,SAAS;AACP,SAAO,IAAI;;;gBAGGA;;;kDANjBC,cAAc,GAAG,OAAO,uCAAuC;AAShE,mDAAe"}
+{"version":3,"file":"structured-list-header-cell-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/structured-list/structured-list-header-cell-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './structured-list.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of structured list header cell.\n */\n@customElement(`${prefix}-structured-list-header-cell-skeleton`)\nclass CDSStructuredListHeaderCellSkeleton extends LitElement {\n  render() {\n    return html` <span></span> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSStructuredListHeaderCellSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAeA,IAAA,sCAAA,MACM,4CAA4C,WAAW;CAC3D,SAAS;AACP,SAAO,IAAI;;;gBAGGA;;;kDANjBC,cAAc,2CAAiD,CAAA,EAAA,oCAAA;AAShE,IAAA,+CAAe"}

package/es/components/structured-list/structured-list-header-cell.js

@@ -5,12 +5,11 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import structured_list_default from "./structured-list.scss.js";
 import { LitElement, html } from "lit";
-
 //#region src/components/structured-list/structured-list-header-cell.ts
 /**
 * Copyright IBM Corp. 2020, 2023
@@ -35,9 +34,9 @@ let CDSStructuredListHeaderCell = class CDSStructuredListHeaderCell extends LitE
 		this.styles = structured_list_default;
 	}
 };
-CDSStructuredListHeaderCell = __decorate([carbonElement(`${prefix}-structured-list-header-cell`)], CDSStructuredListHeaderCell);
+CDSStructuredListHeaderCell = __decorate([carbonElement(`cds-structured-list-header-cell`)], CDSStructuredListHeaderCell);
 var structured_list_header_cell_default = CDSStructuredListHeaderCell;
-
 //#endregion
 export { structured_list_header_cell_default as default };
+
 //# sourceMappingURL=structured-list-header-cell.js.map

package/es/components/structured-list/structured-list-header-cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"structured-list-header-cell.js","names":["styles","customElement"],"sources":["../../../src/components/structured-list/structured-list-header-cell.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './structured-list.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Structured list header cell.\n *\n * @element cds-structured-list-header-cell\n */\n@customElement(`${prefix}-structured-list-header-cell`)\nclass CDSStructuredListHeaderCell extends LitElement {\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'columnheader');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSStructuredListHeaderCell;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,wCACM,oCAAoC,WAAW;CACnD,oBAAoB;AAClB,MAAI,CAAC,KAAK,aAAa,OAAO,CAC5B,MAAK,aAAa,QAAQ,eAAe;AAE3C,QAAM,mBAAmB;;CAG3B,SAAS;AACP,SAAO,IAAI;;;gBAGGA;;;0CAbjBC,cAAc,GAAG,OAAO,8BAA8B;AAgBvD,0CAAe"}
+{"version":3,"file":"structured-list-header-cell.js","names":["styles","customElement"],"sources":["../../../src/components/structured-list/structured-list-header-cell.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './structured-list.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Structured list header cell.\n *\n * @element cds-structured-list-header-cell\n */\n@customElement(`${prefix}-structured-list-header-cell`)\nclass CDSStructuredListHeaderCell extends LitElement {\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'columnheader');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSStructuredListHeaderCell;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAA,8BAAA,MACM,oCAAoC,WAAW;CACnD,oBAAoB;AAClB,MAAI,CAAC,KAAK,aAAa,OAAO,CAC5B,MAAK,aAAa,QAAQ,eAAe;AAE3C,QAAM,mBAAmB;;CAG3B,SAAS;AACP,SAAO,IAAI;;;gBAGGA;;;0CAbjBC,cAAc,kCAAwC,CAAA,EAAA,4BAAA;AAgBvD,IAAA,sCAAe"}

package/es/components/structured-list/structured-list-header-row.js

@@ -5,13 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import structured_list_default from "./structured-list.scss.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";
-
 //#region src/components/structured-list/structured-list-header-row.ts
 /**
 * Copyright IBM Corp. 2019, 2023
@@ -36,7 +35,7 @@ let CDSStructuredListHeaderRow = class CDSStructuredListHeaderRow extends LitEle
 	render() {
 		if (this.selectionName) return html`
         <slot></slot>
-        <div class="${prefix}--structured-list-th"></div>
+        <div class="${"cds"}--structured-list-th"></div>
       `;
 		return html` <slot></slot> `;
 	}
@@ -45,9 +44,9 @@ let CDSStructuredListHeaderRow = class CDSStructuredListHeaderRow extends LitEle
 	}
 };
 __decorate([property({ attribute: "selection-name" })], CDSStructuredListHeaderRow.prototype, "selectionName", void 0);
-CDSStructuredListHeaderRow = __decorate([carbonElement(`${prefix}-structured-list-header-row`)], CDSStructuredListHeaderRow);
+CDSStructuredListHeaderRow = __decorate([carbonElement(`cds-structured-list-header-row`)], CDSStructuredListHeaderRow);
 var structured_list_header_row_default = CDSStructuredListHeaderRow;
-
 //#endregion
 export { structured_list_header_row_default as default };
+
 //# sourceMappingURL=structured-list-header-row.js.map

package/es/components/structured-list/structured-list-header-row.js.map

@@ -1 +1 @@
-{"version":3,"file":"structured-list-header-row.js","names":["styles","customElement"],"sources":["../../../src/components/structured-list/structured-list-header-row.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './structured-list.scss?lit';\n\n/**\n * Structured list header row.\n *\n * @element cds-structured-list-header-row\n */\n@customElement(`${prefix}-structured-list-header-row`)\nclass CDSStructuredListHeaderRow extends LitElement {\n  /**\n   * The `name` attribute for the `<input>` for selection.\n   * If present, this structured list header row will show its selectable version of the UI.\n   */\n  @property({ attribute: 'selection-name' })\n  selectionName = '';\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'row');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    // We could look up in DOM for `${prefix}-structured-list[hasSelection]`,\n    // but uses `hasSelection` prop to utilize attribute change callback\n    if (this.selectionName) {\n      return html`\n        <slot></slot>\n        <div class=\"${prefix}--structured-list-th\"></div>\n      `;\n    }\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSStructuredListHeaderRow;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,uCACM,mCAAmC,WAAW;;;uBAMlC;;CAEhB,oBAAoB;AAClB,MAAI,CAAC,KAAK,aAAa,OAAO,CAC5B,MAAK,aAAa,QAAQ,MAAM;AAElC,QAAM,mBAAmB;;CAG3B,SAAS;AAGP,MAAI,KAAK,cACP,QAAO,IAAI;;sBAEK,OAAO;;AAGzB,SAAO,IAAI;;;gBAGGA;;;YAtBf,SAAS,EAAE,WAAW,kBAAkB,CAAC;yCAN3CC,cAAc,GAAG,OAAO,6BAA6B;AA+BtD,yCAAe"}
+{"version":3,"file":"structured-list-header-row.js","names":["styles","customElement"],"sources":["../../../src/components/structured-list/structured-list-header-row.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './structured-list.scss?lit';\n\n/**\n * Structured list header row.\n *\n * @element cds-structured-list-header-row\n */\n@customElement(`${prefix}-structured-list-header-row`)\nclass CDSStructuredListHeaderRow extends LitElement {\n  /**\n   * The `name` attribute for the `<input>` for selection.\n   * If present, this structured list header row will show its selectable version of the UI.\n   */\n  @property({ attribute: 'selection-name' })\n  selectionName = '';\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'row');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    // We could look up in DOM for `${prefix}-structured-list[hasSelection]`,\n    // but uses `hasSelection` prop to utilize attribute change callback\n    if (this.selectionName) {\n      return html`\n        <slot></slot>\n        <div class=\"${prefix}--structured-list-th\"></div>\n      `;\n    }\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSStructuredListHeaderRow;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAA,6BAAA,MACM,mCAAmC,WAAW;;;uBAMlC;;CAEhB,oBAAoB;AAClB,MAAI,CAAC,KAAK,aAAa,OAAO,CAC5B,MAAK,aAAa,QAAQ,MAAM;AAElC,QAAM,mBAAmB;;CAG3B,SAAS;AAGP,MAAI,KAAK,cACP,QAAO,IAAI;;4BAEY;;AAGzB,SAAO,IAAI;;;gBAGGA;;;YAtBf,SAAS,EAAE,WAAW,kBAAkB,CAAC,CAAA,EAAA,2BAAA,WAAA,iBAAA,KAAA,EAAA;yCAN3CC,cAAc,iCAAuC,CAAA,EAAA,2BAAA;AA+BtD,IAAA,qCAAe"}

package/es/components/structured-list/structured-list-row.js

@@ -5,19 +5,18 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import iconLoader from "../../globals/internal/icon-loader.js";
 import HostListener from "../../globals/decorators/host-listener.js";
 import HostListenerMixin from "../../globals/mixins/host-listener.js";
-import RadioGroupManager, { NAVIGATION_DIRECTION } from "../../globals/internal/radio-group-manager.js";
+import RadioGroupManager from "../../globals/internal/radio-group-manager.js";
 import structured_list_default from "./structured-list.scss.js";
 import { LitElement, html } from "lit";
 import { property, query } from "lit/decorators.js";
 import { ifDefined } from "lit/directives/if-defined.js";
 import CheckmarkFilled16 from "@carbon/icons/es/checkmark--filled/16.js";
-
 //#region src/components/structured-list/structured-list-row.ts
 /**
 * Copyright IBM Corp. 2019, 2023
@@ -29,10 +28,10 @@ import CheckmarkFilled16 from "@carbon/icons/es/checkmark--filled/16.js";
 * Map of navigation direction by key.
 */
 const navigationDirectionForKey = {
-	ArrowUp: NAVIGATION_DIRECTION.BACKWARD,
-	Up: NAVIGATION_DIRECTION.BACKWARD,
-	ArrowDown: NAVIGATION_DIRECTION.FORWARD,
-	Down: NAVIGATION_DIRECTION.FORWARD
+	ArrowUp: -1,
+	Up: -1,
+	ArrowDown: 1,
+	Down: 1
 };
 /**
 * The interface for `RadioGroupManager` for structured list row.
@@ -125,14 +124,14 @@ let CDSStructuredListRow = class CDSStructuredListRow extends HostListenerMixin(
         <input
           id="input"
           type="radio"
-          class="${prefix}--structured-list-input ${prefix}--visually-hidden"
+          class="${"cds"}--structured-list-input ${"cds"}--visually-hidden"
           .checked=${selected}
           name=${selectionName}
           value=${ifDefined(selectionValue)} />
         <div
-          class="${prefix}--structured-list-td ${prefix}--structured-list-cell">
+          class="${"cds"}--structured-list-td ${"cds"}--structured-list-cell">
           ${iconLoader(CheckmarkFilled16, {
-			class: `${prefix}--structured-list-svg`,
+			class: `cds--structured-list-svg`,
 			title: selectionIconTitle
 		})}
         </div>
@@ -153,9 +152,9 @@ __decorate([property({
 __decorate([property({ attribute: "selection-name" })], CDSStructuredListRow.prototype, "selectionName", void 0);
 __decorate([property({ attribute: "selection-value" })], CDSStructuredListRow.prototype, "selectionValue", void 0);
 __decorate([property({ attribute: "selection-icon-title" })], CDSStructuredListRow.prototype, "selectionIconTitle", void 0);
-CDSStructuredListRow = __decorate([carbonElement(`${prefix}-structured-list-row`)], CDSStructuredListRow);
+CDSStructuredListRow = __decorate([carbonElement(`cds-structured-list-row`)], CDSStructuredListRow);
 var structured_list_row_default = CDSStructuredListRow;
-
 //#endregion
 export { structured_list_row_default as default };
+
 //# sourceMappingURL=structured-list-row.js.map

package/es/components/structured-list/structured-list-row.js.map

@@ -1 +1 @@
-{"version":3,"file":"structured-list-row.js","names":["styles","customElement"],"sources":["../../../src/components/structured-list/structured-list-row.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { prefix } from '../../globals/settings';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport CheckmarkFilled16 from '@carbon/icons/es/checkmark--filled/16.js';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport RadioGroupManager, {\n  NAVIGATION_DIRECTION,\n  ManagedRadioButtonDelegate,\n} from '../../globals/internal/radio-group-manager';\nimport styles from './structured-list.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Map of navigation direction by key.\n */\nconst navigationDirectionForKey = {\n  ArrowUp: NAVIGATION_DIRECTION.BACKWARD,\n  Up: NAVIGATION_DIRECTION.BACKWARD, // IE\n  ArrowDown: NAVIGATION_DIRECTION.FORWARD,\n  Down: NAVIGATION_DIRECTION.FORWARD, // IE\n};\n\n/**\n * The interface for `RadioGroupManager` for structured list row.\n */\nclass StructuredListRowRadioButtonDelegate\n  implements ManagedRadioButtonDelegate\n{\n  /**\n   * The structured list row to target.\n   */\n  private _row: CDSStructuredListRow;\n\n  constructor(row: CDSStructuredListRow) {\n    this._row = row;\n  }\n\n  get checked() {\n    return this._row.selected;\n  }\n\n  set checked(checked) {\n    this._row.selected = checked;\n    this._row.tabIndex = checked ? 0 : -1;\n  }\n\n  get tabIndex() {\n    return this._row.tabIndex;\n  }\n\n  set tabIndex(tabIndex) {\n    this._row.tabIndex = tabIndex;\n  }\n\n  get name() {\n    return this._row.selectionName;\n  }\n\n  compareDocumentPosition(other: StructuredListRowRadioButtonDelegate) {\n    return this._row.compareDocumentPosition(other._row);\n  }\n\n  focus() {\n    this._row.focus();\n  }\n}\n\n/**\n * Structured list row.\n *\n * @element cds-structured-list-row\n */\n@customElement(`${prefix}-structured-list-row`)\nclass CDSStructuredListRow extends HostListenerMixin(LitElement) {\n  /**\n   * The radio group manager associated with the radio button.\n   */\n  private _manager: RadioGroupManager | null = null;\n\n  /**\n   * The interface for `RadioGroupManager` for structured list row.\n   */\n  private _radioButtonDelegate = new StructuredListRowRadioButtonDelegate(this);\n\n  /**\n   * The hidden radio button.\n   */\n  @query('#input')\n  private _inputNode!: HTMLInputElement;\n\n  /**\n   * Handles `click` event on this element.\n   */\n  @HostListener('click')\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 _handleClick = () => {\n    const { _inputNode: inputNode } = this;\n    if (inputNode) {\n      this.selected = true;\n      if (this._manager) {\n        this._manager.select(this._radioButtonDelegate);\n      }\n    }\n  };\n\n  /**\n   * Handles `keydown` event on this element.\n   */\n  @HostListener('keydown')\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 _handleKeydown = (event: KeyboardEvent) => {\n    const { _inputNode: inputNode } = this;\n    const manager = this._manager;\n    if (inputNode && manager) {\n      const navigationDirection = navigationDirectionForKey[event.key];\n      if (navigationDirection) {\n        manager.select(\n          manager.navigate(this._radioButtonDelegate, navigationDirection)\n        );\n      }\n      if (event.key === ' ' || event.key === 'Enter') {\n        manager.select(this._radioButtonDelegate);\n      }\n    }\n  };\n\n  /**\n   * `true` if this structured list row should be selectable and selected.\n   */\n  @property({ type: Boolean, reflect: true })\n  selected = false;\n\n  /**\n   * The `name` attribute for the `<input>` for selection.\n   * If present, this structured list row will be a selectable one.\n   */\n  @property({ attribute: 'selection-name' })\n  selectionName = '';\n\n  /**\n   * The `value` attribute for the `<input>` for selection.\n   */\n  @property({ attribute: 'selection-value' })\n  selectionValue = '';\n\n  /**\n   * The content to put into the `<title>` attribute of the selection icon.\n   */\n  @property({ attribute: 'selection-icon-title' })\n  selectionIconTitle = '';\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'row');\n    }\n    super.connectedCallback();\n    if (!this._manager) {\n      this._manager = RadioGroupManager.get(\n        this.getRootNode({ composed: true }) as Document\n      );\n      const { selectionName } = this;\n      if (selectionName) {\n        this._manager?.add(this._radioButtonDelegate);\n      }\n    }\n  }\n\n  disconnectedCallback() {\n    if (this._manager) {\n      this._manager.delete(this._radioButtonDelegate);\n    }\n    super.disconnectedCallback();\n  }\n\n  updated(changedProperties) {\n    const { _manager: manager, selectionName } = this;\n    if (changedProperties.has('selectionName')) {\n      if (manager) {\n        manager.delete(\n          this._radioButtonDelegate,\n          changedProperties.get('selectionName')\n        );\n        if (selectionName) {\n          manager.add(this._radioButtonDelegate);\n        }\n      }\n      this.setAttribute(\n        'tabindex',\n        !selectionName ||\n          !manager ||\n          !manager.shouldBeFocusable(this._radioButtonDelegate)\n          ? '-1'\n          : '0'\n      );\n    }\n  }\n\n  render() {\n    const { selected, selectionName, selectionValue, selectionIconTitle } =\n      this;\n    if (selectionName) {\n      // \"Selected\" style with `.${prefix}--structured-list-td` does not work somehow - Need investigation\n      return html`\n        <slot></slot>\n        <input\n          id=\"input\"\n          type=\"radio\"\n          class=\"${prefix}--structured-list-input ${prefix}--visually-hidden\"\n          .checked=${selected}\n          name=${selectionName}\n          value=${ifDefined(selectionValue)} />\n        <div\n          class=\"${prefix}--structured-list-td ${prefix}--structured-list-cell\">\n          ${iconLoader(CheckmarkFilled16, {\n            class: `${prefix}--structured-list-svg`,\n            title: selectionIconTitle,\n          })}\n        </div>\n      `;\n    }\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSStructuredListRow;\n"],"mappings":"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"}
+{"version":3,"file":"structured-list-row.js","names":["styles","customElement"],"sources":["../../../src/components/structured-list/structured-list-row.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { prefix } from '../../globals/settings';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport CheckmarkFilled16 from '@carbon/icons/es/checkmark--filled/16.js';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport RadioGroupManager, {\n  NAVIGATION_DIRECTION,\n  ManagedRadioButtonDelegate,\n} from '../../globals/internal/radio-group-manager';\nimport styles from './structured-list.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Map of navigation direction by key.\n */\nconst navigationDirectionForKey = {\n  ArrowUp: NAVIGATION_DIRECTION.BACKWARD,\n  Up: NAVIGATION_DIRECTION.BACKWARD, // IE\n  ArrowDown: NAVIGATION_DIRECTION.FORWARD,\n  Down: NAVIGATION_DIRECTION.FORWARD, // IE\n};\n\n/**\n * The interface for `RadioGroupManager` for structured list row.\n */\nclass StructuredListRowRadioButtonDelegate\n  implements ManagedRadioButtonDelegate\n{\n  /**\n   * The structured list row to target.\n   */\n  private _row: CDSStructuredListRow;\n\n  constructor(row: CDSStructuredListRow) {\n    this._row = row;\n  }\n\n  get checked() {\n    return this._row.selected;\n  }\n\n  set checked(checked) {\n    this._row.selected = checked;\n    this._row.tabIndex = checked ? 0 : -1;\n  }\n\n  get tabIndex() {\n    return this._row.tabIndex;\n  }\n\n  set tabIndex(tabIndex) {\n    this._row.tabIndex = tabIndex;\n  }\n\n  get name() {\n    return this._row.selectionName;\n  }\n\n  compareDocumentPosition(other: StructuredListRowRadioButtonDelegate) {\n    return this._row.compareDocumentPosition(other._row);\n  }\n\n  focus() {\n    this._row.focus();\n  }\n}\n\n/**\n * Structured list row.\n *\n * @element cds-structured-list-row\n */\n@customElement(`${prefix}-structured-list-row`)\nclass CDSStructuredListRow extends HostListenerMixin(LitElement) {\n  /**\n   * The radio group manager associated with the radio button.\n   */\n  private _manager: RadioGroupManager | null = null;\n\n  /**\n   * The interface for `RadioGroupManager` for structured list row.\n   */\n  private _radioButtonDelegate = new StructuredListRowRadioButtonDelegate(this);\n\n  /**\n   * The hidden radio button.\n   */\n  @query('#input')\n  private _inputNode!: HTMLInputElement;\n\n  /**\n   * Handles `click` event on this element.\n   */\n  @HostListener('click')\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 _handleClick = () => {\n    const { _inputNode: inputNode } = this;\n    if (inputNode) {\n      this.selected = true;\n      if (this._manager) {\n        this._manager.select(this._radioButtonDelegate);\n      }\n    }\n  };\n\n  /**\n   * Handles `keydown` event on this element.\n   */\n  @HostListener('keydown')\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 _handleKeydown = (event: KeyboardEvent) => {\n    const { _inputNode: inputNode } = this;\n    const manager = this._manager;\n    if (inputNode && manager) {\n      const navigationDirection = navigationDirectionForKey[event.key];\n      if (navigationDirection) {\n        manager.select(\n          manager.navigate(this._radioButtonDelegate, navigationDirection)\n        );\n      }\n      if (event.key === ' ' || event.key === 'Enter') {\n        manager.select(this._radioButtonDelegate);\n      }\n    }\n  };\n\n  /**\n   * `true` if this structured list row should be selectable and selected.\n   */\n  @property({ type: Boolean, reflect: true })\n  selected = false;\n\n  /**\n   * The `name` attribute for the `<input>` for selection.\n   * If present, this structured list row will be a selectable one.\n   */\n  @property({ attribute: 'selection-name' })\n  selectionName = '';\n\n  /**\n   * The `value` attribute for the `<input>` for selection.\n   */\n  @property({ attribute: 'selection-value' })\n  selectionValue = '';\n\n  /**\n   * The content to put into the `<title>` attribute of the selection icon.\n   */\n  @property({ attribute: 'selection-icon-title' })\n  selectionIconTitle = '';\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'row');\n    }\n    super.connectedCallback();\n    if (!this._manager) {\n      this._manager = RadioGroupManager.get(\n        this.getRootNode({ composed: true }) as Document\n      );\n      const { selectionName } = this;\n      if (selectionName) {\n        this._manager?.add(this._radioButtonDelegate);\n      }\n    }\n  }\n\n  disconnectedCallback() {\n    if (this._manager) {\n      this._manager.delete(this._radioButtonDelegate);\n    }\n    super.disconnectedCallback();\n  }\n\n  updated(changedProperties) {\n    const { _manager: manager, selectionName } = this;\n    if (changedProperties.has('selectionName')) {\n      if (manager) {\n        manager.delete(\n          this._radioButtonDelegate,\n          changedProperties.get('selectionName')\n        );\n        if (selectionName) {\n          manager.add(this._radioButtonDelegate);\n        }\n      }\n      this.setAttribute(\n        'tabindex',\n        !selectionName ||\n          !manager ||\n          !manager.shouldBeFocusable(this._radioButtonDelegate)\n          ? '-1'\n          : '0'\n      );\n    }\n  }\n\n  render() {\n    const { selected, selectionName, selectionValue, selectionIconTitle } =\n      this;\n    if (selectionName) {\n      // \"Selected\" style with `.${prefix}--structured-list-td` does not work somehow - Need investigation\n      return html`\n        <slot></slot>\n        <input\n          id=\"input\"\n          type=\"radio\"\n          class=\"${prefix}--structured-list-input ${prefix}--visually-hidden\"\n          .checked=${selected}\n          name=${selectionName}\n          value=${ifDefined(selectionValue)} />\n        <div\n          class=\"${prefix}--structured-list-td ${prefix}--structured-list-cell\">\n          ${iconLoader(CheckmarkFilled16, {\n            class: `${prefix}--structured-list-svg`,\n            title: selectionIconTitle,\n          })}\n        </div>\n      `;\n    }\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSStructuredListRow;\n"],"mappings":"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"}

package/es/components/structured-list/structured-list.js

@@ -5,16 +5,15 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { forEach } from "../../globals/internal/collection-helpers.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import FocusMixin from "../../globals/mixins/focus.js";
 import structured_list_default$1 from "./structured-list.scss.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
-
 //#region src/components/structured-list/structured-list.ts
 /**
 * Copyright IBM Corp. 2019, 2026
@@ -56,15 +55,15 @@ let CDSStructuredList = class CDSStructuredList extends FocusMixin(LitElement) {
 		const { condensed, flush, selectionName } = this;
 		return html`
       <section id="section" class=${classMap({
-			[`${prefix}--structured-list`]: true,
-			[`${prefix}--structured-list--selection`]: Boolean(selectionName),
-			[`${prefix}--structured-list--condensed`]: condensed,
-			[`${prefix}--structured-list--flush`]: flush
+			[`cds--structured-list`]: true,
+			[`cds--structured-list--selection`]: Boolean(selectionName),
+			[`cds--structured-list--condensed`]: condensed,
+			[`cds--structured-list--flush`]: flush
 		})}><slot></slot></section>
     `;
 	}
 	static {
-		this.selectorRowsWithHeader = `${prefix}-structured-list-row,${prefix}-structured-list-header-row`;
+		this.selectorRowsWithHeader = `cds-structured-list-row,cds-structured-list-header-row`;
 	}
 	static {
 		this.shadowRootOptions = {
@@ -85,9 +84,9 @@ __decorate([property({
 	type: Boolean,
 	reflect: true
 })], CDSStructuredList.prototype, "flush", void 0);
-CDSStructuredList = __decorate([carbonElement(`${prefix}-structured-list`)], CDSStructuredList);
+CDSStructuredList = __decorate([carbonElement(`cds-structured-list`)], CDSStructuredList);
 var structured_list_default = CDSStructuredList;
-
 //#endregion
 export { structured_list_default as default };
+
 //# sourceMappingURL=structured-list.js.map

package/es/components/structured-list/structured-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"structured-list.js","names":["styles","customElement"],"sources":["../../../src/components/structured-list/structured-list.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 { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport FocusMixin from '../../globals/mixins/focus';\nimport CDSStructuredListRow from './structured-list-row';\nimport styles from './structured-list.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Structured list wrapper.\n *\n * @element cds-structured-list\n */\n@customElement(`${prefix}-structured-list`)\nclass CDSStructuredList extends FocusMixin(LitElement) {\n  /**\n   * The `name` attribute for the `<input>` for selection.\n   * If present, this structured list will be a selectable one.\n   */\n  @property({ attribute: 'selection-name' })\n  selectionName = '';\n\n  /**\n   * Specify if structured list is condensed, default is false\n   */\n  @property({ type: Boolean, reflect: true })\n  condensed = false;\n\n  /**\n   * Specify if structured list is flush, default is false\n   */\n  @property({ type: Boolean, reflect: true })\n  flush = false;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'table');\n    }\n    super.connectedCallback();\n  }\n\n  shouldUpdate(changedProperties) {\n    if (changedProperties.has('selectionName')) {\n      // Propagate `selectionName` attribute to descendants until `:host-context()` gets supported in all major browsers\n      forEach(\n        this.querySelectorAll(\n          (this.constructor as typeof CDSStructuredList).selectorRowsWithHeader\n        ),\n        (elem) => {\n          (elem as CDSStructuredListRow).selectionName = this.selectionName;\n        }\n      );\n    }\n    return true;\n  }\n\n  updated(changedProperties) {\n    const attributes = ['condensed', 'flush'];\n    attributes.forEach((attr) => {\n      if (changedProperties.has(attr)) {\n        // Propagate watched attribute to descendants until `:host-context()` gets supported in all major browsers\n        forEach(\n          this.querySelectorAll(\n            (this.constructor as typeof CDSStructuredList)\n              .selectorRowsWithHeader\n          ),\n          (elem) => {\n            if (this[`${attr}`]) {\n              elem.setAttribute(attr, '');\n            } else {\n              elem.removeAttribute(attr);\n            }\n          }\n        );\n      }\n    });\n  }\n\n  render() {\n    const { condensed, flush, selectionName } = this;\n    const classes = classMap({\n      [`${prefix}--structured-list`]: true,\n      [`${prefix}--structured-list--selection`]: Boolean(selectionName),\n      [`${prefix}--structured-list--condensed`]: condensed,\n      [`${prefix}--structured-list--flush`]: flush,\n    });\n    return html`\n      <section id=\"section\" class=${classes}><slot></slot></section>\n    `;\n  }\n\n  /**\n   * The CSS selector to find the rows, including header rows.\n   */\n  static selectorRowsWithHeader = `${prefix}-structured-list-row,${prefix}-structured-list-header-row`;\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSStructuredList;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,8BACM,0BAA0B,WAAW,WAAW,CAAC;;;uBAMrC;mBAMJ;eAMJ;;CAER,oBAAoB;AAClB,MAAI,CAAC,KAAK,aAAa,OAAO,CAC5B,MAAK,aAAa,QAAQ,QAAQ;AAEpC,QAAM,mBAAmB;;CAG3B,aAAa,mBAAmB;AAC9B,MAAI,kBAAkB,IAAI,gBAAgB,CAExC,SACE,KAAK,iBACF,KAAK,YAAyC,uBAChD,GACA,SAAS;AACR,GAAC,KAA8B,gBAAgB,KAAK;IAEvD;AAEH,SAAO;;CAGT,QAAQ,mBAAmB;AAEzB,EADmB,CAAC,aAAa,QAAQ,CAC9B,SAAS,SAAS;AAC3B,OAAI,kBAAkB,IAAI,KAAK,CAE7B,SACE,KAAK,iBACF,KAAK,YACH,uBACJ,GACA,SAAS;AACR,QAAI,KAAK,GAAG,QACV,MAAK,aAAa,MAAM,GAAG;QAE3B,MAAK,gBAAgB,KAAK;KAG/B;IAEH;;CAGJ,SAAS;EACP,MAAM,EAAE,WAAW,OAAO,kBAAkB;AAO5C,SAAO,IAAI;oCANK,SAAS;IACtB,GAAG,OAAO,qBAAqB;IAC/B,GAAG,OAAO,gCAAgC,QAAQ,cAAc;IAChE,GAAG,OAAO,gCAAgC;IAC1C,GAAG,OAAO,4BAA4B;GACxC,CAAC,CAEsC;;;;gCAOV,GAAG,OAAO,uBAAuB,OAAO;;;2BAC7C;GACzB,GAAG,WAAW;GACd,gBAAgB;GACjB;;;gBACeA;;;YAhFf,SAAS,EAAE,WAAW,kBAAkB,CAAC;YAMzC,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;gCAlB5CC,cAAc,GAAG,OAAO,kBAAkB;AAyF3C,8BAAe"}
+{"version":3,"file":"structured-list.js","names":["styles","customElement"],"sources":["../../../src/components/structured-list/structured-list.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 { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport FocusMixin from '../../globals/mixins/focus';\nimport CDSStructuredListRow from './structured-list-row';\nimport styles from './structured-list.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Structured list wrapper.\n *\n * @element cds-structured-list\n */\n@customElement(`${prefix}-structured-list`)\nclass CDSStructuredList extends FocusMixin(LitElement) {\n  /**\n   * The `name` attribute for the `<input>` for selection.\n   * If present, this structured list will be a selectable one.\n   */\n  @property({ attribute: 'selection-name' })\n  selectionName = '';\n\n  /**\n   * Specify if structured list is condensed, default is false\n   */\n  @property({ type: Boolean, reflect: true })\n  condensed = false;\n\n  /**\n   * Specify if structured list is flush, default is false\n   */\n  @property({ type: Boolean, reflect: true })\n  flush = false;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'table');\n    }\n    super.connectedCallback();\n  }\n\n  shouldUpdate(changedProperties) {\n    if (changedProperties.has('selectionName')) {\n      // Propagate `selectionName` attribute to descendants until `:host-context()` gets supported in all major browsers\n      forEach(\n        this.querySelectorAll(\n          (this.constructor as typeof CDSStructuredList).selectorRowsWithHeader\n        ),\n        (elem) => {\n          (elem as CDSStructuredListRow).selectionName = this.selectionName;\n        }\n      );\n    }\n    return true;\n  }\n\n  updated(changedProperties) {\n    const attributes = ['condensed', 'flush'];\n    attributes.forEach((attr) => {\n      if (changedProperties.has(attr)) {\n        // Propagate watched attribute to descendants until `:host-context()` gets supported in all major browsers\n        forEach(\n          this.querySelectorAll(\n            (this.constructor as typeof CDSStructuredList)\n              .selectorRowsWithHeader\n          ),\n          (elem) => {\n            if (this[`${attr}`]) {\n              elem.setAttribute(attr, '');\n            } else {\n              elem.removeAttribute(attr);\n            }\n          }\n        );\n      }\n    });\n  }\n\n  render() {\n    const { condensed, flush, selectionName } = this;\n    const classes = classMap({\n      [`${prefix}--structured-list`]: true,\n      [`${prefix}--structured-list--selection`]: Boolean(selectionName),\n      [`${prefix}--structured-list--condensed`]: condensed,\n      [`${prefix}--structured-list--flush`]: flush,\n    });\n    return html`\n      <section id=\"section\" class=${classes}><slot></slot></section>\n    `;\n  }\n\n  /**\n   * The CSS selector to find the rows, including header rows.\n   */\n  static selectorRowsWithHeader = `${prefix}-structured-list-row,${prefix}-structured-list-header-row`;\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSStructuredList;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,IAAA,oBAAA,MACM,0BAA0B,WAAW,WAAW,CAAC;;;uBAMrC;mBAMJ;eAMJ;;CAER,oBAAoB;AAClB,MAAI,CAAC,KAAK,aAAa,OAAO,CAC5B,MAAK,aAAa,QAAQ,QAAQ;AAEpC,QAAM,mBAAmB;;CAG3B,aAAa,mBAAmB;AAC9B,MAAI,kBAAkB,IAAI,gBAAgB,CAExC,SACE,KAAK,iBACF,KAAK,YAAyC,uBAChD,GACA,SAAS;AACP,QAA8B,gBAAgB,KAAK;IAEvD;AAEH,SAAO;;CAGT,QAAQ,mBAAmB;AACN,GAAC,aAAa,QAAQ,CAC9B,SAAS,SAAS;AAC3B,OAAI,kBAAkB,IAAI,KAAK,CAE7B,SACE,KAAK,iBACF,KAAK,YACH,uBACJ,GACA,SAAS;AACR,QAAI,KAAK,GAAG,QACV,MAAK,aAAa,MAAM,GAAG;QAE3B,MAAK,gBAAgB,KAAK;KAG/B;IAEH;;CAGJ,SAAS;EACP,MAAM,EAAE,WAAW,OAAO,kBAAkB;AAO5C,SAAO,IAAI;oCANK,SAAS;IACtB,yBAA+B;IAC/B,oCAA0C,QAAQ,cAAc;IAChE,oCAA0C;IAC1C,gCAAsC;GACxC,CAAC,CAEsC;;;;gCAOV;;;2BACL;GACzB,GAAG,WAAW;GACd,gBAAgB;GACjB;;;gBACeA;;;YAhFf,SAAS,EAAE,WAAW,kBAAkB,CAAC,CAAA,EAAA,kBAAA,WAAA,iBAAA,KAAA,EAAA;YAMzC,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,kBAAA,WAAA,aAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,kBAAA,WAAA,SAAA,KAAA,EAAA;gCAlB5CC,cAAc,sBAA4B,CAAA,EAAA,kBAAA;AAyF3C,IAAA,0BAAe"}