@carbon/web-components 2.52.0 → 2.53.0

package/es/components/contained-list/contained-list-item.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 contained_list_default from "./contained-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/contained-list/contained-list-item.ts
 /**
 * Copyright IBM Corp. 2022, 2026
@@ -40,7 +39,8 @@ let CDSContainedListItem = class CDSContainedListItem extends LitElement {
 	* Handles slot change for icon
 	*/
 	_handleIconSlotChange({ target }) {
-		this._hasIcon = target.assignedElements().length > 0;
+		const hasIcon = target.assignedElements().length > 0;
+		this._hasIcon = hasIcon;
 		this.requestUpdate();
 	}
 	/**
@@ -65,11 +65,11 @@ let CDSContainedListItem = class CDSContainedListItem extends LitElement {
 	render() {
 		const { disabled, clickable, _hasIcon } = this;
 		const classes = classMap({
-			[`${prefix}--contained-list-item`]: true,
-			[`${prefix}--contained-list-item--clickable`]: clickable,
-			[`${prefix}--contained-list-item--with-icon`]: _hasIcon
+			[`cds--contained-list-item`]: true,
+			[`cds--contained-list-item--clickable`]: clickable,
+			[`cds--contained-list-item--with-icon`]: _hasIcon
 		});
-		const contentClasses = `${prefix}--contained-list-item__content`;
+		const contentClasses = `cds--contained-list-item__content`;
 		const content = html`
       <slot name="icon" @slotchange="${this._handleIconSlotChange}"></slot>
       <slot></slot>
@@ -85,7 +85,7 @@ let CDSContainedListItem = class CDSContainedListItem extends LitElement {
                 ${content}
               </button>
             ` : html`<div class="${contentClasses}">${content}</div>`}
-        <div class="${prefix}--contained-list-item__action">
+        <div class="${"cds"}--contained-list-item__action">
           <slot name="action"></slot>
         </div>
       </div>
@@ -95,7 +95,7 @@ let CDSContainedListItem = class CDSContainedListItem extends LitElement {
 	* The name of the custom event fired when a clickable item is clicked
 	*/
 	static get eventClick() {
-		return `${prefix}-contained-list-item-click`;
+		return `cds-contained-list-item-click`;
 	}
 	static {
 		this.styles = contained_list_default;
@@ -109,9 +109,9 @@ __decorate([property({
 	type: Boolean,
 	reflect: true
 })], CDSContainedListItem.prototype, "disabled", void 0);
-CDSContainedListItem = __decorate([carbonElement(`${prefix}-contained-list-item`)], CDSContainedListItem);
+CDSContainedListItem = __decorate([carbonElement(`cds-contained-list-item`)], CDSContainedListItem);
 var contained_list_item_default = CDSContainedListItem;
-
 //#endregion
 export { contained_list_item_default as default };
+
 //# sourceMappingURL=contained-list-item.js.map

package/es/components/contained-list/contained-list-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"contained-list-item.js","names":["styles","customElement"],"sources":["../../../src/components/contained-list/contained-list-item.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2022, 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 } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './contained-list.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Contained list item.\n *\n * @element cds-contained-list-item\n * @slot - The content of the list item\n * @slot icon - The icon slot for rendering an icon\n * @slot action - The action slot for interactive elements\n * @fires cds-contained-list-item-click - Fires when clickable item is clicked\n */\n@customElement(`${prefix}-contained-list-item`)\nclass CDSContainedListItem extends LitElement {\n  /**\n   * Whether this item is clickable\n   */\n  @property({ type: Boolean, reflect: true })\n  clickable = false;\n\n  /**\n   * Whether this item is disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Handles slot change for icon\n   */\n  private _handleIconSlotChange({ target }: Event) {\n    const slot = target as HTMLSlotElement;\n    const hasIcon = slot.assignedElements().length > 0;\n    this._hasIcon = hasIcon;\n    this.requestUpdate();\n  }\n\n  private _hasIcon = false;\n\n  /**\n   * Handles click event\n   */\n  private _handleClick(event: MouseEvent) {\n    if (this.disabled) {\n      event.preventDefault();\n      return;\n    }\n\n    const { eventClick } = this.constructor as typeof CDSContainedListItem;\n    this.dispatchEvent(\n      new CustomEvent(eventClick, {\n        bubbles: true,\n        composed: true,\n        detail: { item: this },\n      })\n    );\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n  }\n\n  render() {\n    const { disabled, clickable, _hasIcon } = this;\n\n    const classes = classMap({\n      [`${prefix}--contained-list-item`]: true,\n      [`${prefix}--contained-list-item--clickable`]: clickable,\n      [`${prefix}--contained-list-item--with-icon`]: _hasIcon,\n    });\n\n    const contentClasses = `${prefix}--contained-list-item__content`;\n\n    const content = html`\n      <slot name=\"icon\" @slotchange=\"${this._handleIconSlotChange}\"></slot>\n      <slot></slot>\n    `;\n\n    return html`\n      <div class=\"${classes}\">\n        ${clickable\n          ? html`\n              <button\n                class=\"${contentClasses}\"\n                type=\"button\"\n                ?disabled=\"${disabled}\"\n                @click=\"${this._handleClick}\">\n                ${content}\n              </button>\n            `\n          : html`<div class=\"${contentClasses}\">${content}</div>`}\n        <div class=\"${prefix}--contained-list-item__action\">\n          <slot name=\"action\"></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired when a clickable item is clicked\n   */\n  static get eventClick() {\n    return `${prefix}-contained-list-item-click`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSContainedListItem;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,iCACM,6BAA6B,WAAW;;;mBAKhC;kBAMD;kBAYQ;;;;;CAPnB,AAAQ,sBAAsB,EAAE,UAAiB;AAG/C,OAAK,WAFQ,OACQ,kBAAkB,CAAC,SAAS;AAEjD,OAAK,eAAe;;;;;CAQtB,AAAQ,aAAa,OAAmB;AACtC,MAAI,KAAK,UAAU;AACjB,SAAM,gBAAgB;AACtB;;EAGF,MAAM,EAAE,eAAe,KAAK;AAC5B,OAAK,cACH,IAAI,YAAY,YAAY;GAC1B,SAAS;GACT,UAAU;GACV,QAAQ,EAAE,MAAM,MAAM;GACvB,CAAC,CACH;;CAGH,oBAAoB;AAClB,QAAM,mBAAmB;AACzB,MAAI,CAAC,KAAK,aAAa,OAAO,CAC5B,MAAK,aAAa,QAAQ,WAAW;;CAIzC,SAAS;EACP,MAAM,EAAE,UAAU,WAAW,aAAa;EAE1C,MAAM,UAAU,SAAS;IACtB,GAAG,OAAO,yBAAyB;IACnC,GAAG,OAAO,oCAAoC;IAC9C,GAAG,OAAO,oCAAoC;GAChD,CAAC;EAEF,MAAM,iBAAiB,GAAG,OAAO;EAEjC,MAAM,UAAU,IAAI;uCACe,KAAK,sBAAsB;;;AAI9D,SAAO,IAAI;oBACK,QAAQ;UAClB,YACE,IAAI;;yBAES,eAAe;;6BAEX,SAAS;0BACZ,KAAK,aAAa;kBAC1B,QAAQ;;gBAGd,IAAI,eAAe,eAAe,IAAI,QAAQ,QAAQ;sBAC5C,OAAO;;;;;;;;;CAU3B,WAAW,aAAa;AACtB,SAAO,GAAG,OAAO;;;gBAGHA;;;YA1Ff,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;mCAX5CC,cAAc,GAAG,OAAO,sBAAsB;AAkG/C,kCAAe"}
+{"version":3,"file":"contained-list-item.js","names":["styles","customElement"],"sources":["../../../src/components/contained-list/contained-list-item.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2022, 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 } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './contained-list.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Contained list item.\n *\n * @element cds-contained-list-item\n * @slot - The content of the list item\n * @slot icon - The icon slot for rendering an icon\n * @slot action - The action slot for interactive elements\n * @fires cds-contained-list-item-click - Fires when clickable item is clicked\n */\n@customElement(`${prefix}-contained-list-item`)\nclass CDSContainedListItem extends LitElement {\n  /**\n   * Whether this item is clickable\n   */\n  @property({ type: Boolean, reflect: true })\n  clickable = false;\n\n  /**\n   * Whether this item is disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Handles slot change for icon\n   */\n  private _handleIconSlotChange({ target }: Event) {\n    const slot = target as HTMLSlotElement;\n    const hasIcon = slot.assignedElements().length > 0;\n    this._hasIcon = hasIcon;\n    this.requestUpdate();\n  }\n\n  private _hasIcon = false;\n\n  /**\n   * Handles click event\n   */\n  private _handleClick(event: MouseEvent) {\n    if (this.disabled) {\n      event.preventDefault();\n      return;\n    }\n\n    const { eventClick } = this.constructor as typeof CDSContainedListItem;\n    this.dispatchEvent(\n      new CustomEvent(eventClick, {\n        bubbles: true,\n        composed: true,\n        detail: { item: this },\n      })\n    );\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n  }\n\n  render() {\n    const { disabled, clickable, _hasIcon } = this;\n\n    const classes = classMap({\n      [`${prefix}--contained-list-item`]: true,\n      [`${prefix}--contained-list-item--clickable`]: clickable,\n      [`${prefix}--contained-list-item--with-icon`]: _hasIcon,\n    });\n\n    const contentClasses = `${prefix}--contained-list-item__content`;\n\n    const content = html`\n      <slot name=\"icon\" @slotchange=\"${this._handleIconSlotChange}\"></slot>\n      <slot></slot>\n    `;\n\n    return html`\n      <div class=\"${classes}\">\n        ${clickable\n          ? html`\n              <button\n                class=\"${contentClasses}\"\n                type=\"button\"\n                ?disabled=\"${disabled}\"\n                @click=\"${this._handleClick}\">\n                ${content}\n              </button>\n            `\n          : html`<div class=\"${contentClasses}\">${content}</div>`}\n        <div class=\"${prefix}--contained-list-item__action\">\n          <slot name=\"action\"></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired when a clickable item is clicked\n   */\n  static get eventClick() {\n    return `${prefix}-contained-list-item-click`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSContainedListItem;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,IAAA,uBAAA,MACM,6BAA6B,WAAW;;;mBAKhC;kBAMD;kBAYQ;;;;;CAPnB,sBAA8B,EAAE,UAAiB;EAE/C,MAAM,UADO,OACQ,kBAAkB,CAAC,SAAS;AACjD,OAAK,WAAW;AAChB,OAAK,eAAe;;;;;CAQtB,aAAqB,OAAmB;AACtC,MAAI,KAAK,UAAU;AACjB,SAAM,gBAAgB;AACtB;;EAGF,MAAM,EAAE,eAAe,KAAK;AAC5B,OAAK,cACH,IAAI,YAAY,YAAY;GAC1B,SAAS;GACT,UAAU;GACV,QAAQ,EAAE,MAAM,MAAM;GACvB,CAAC,CACH;;CAGH,oBAAoB;AAClB,QAAM,mBAAmB;AACzB,MAAI,CAAC,KAAK,aAAa,OAAO,CAC5B,MAAK,aAAa,QAAQ,WAAW;;CAIzC,SAAS;EACP,MAAM,EAAE,UAAU,WAAW,aAAa;EAE1C,MAAM,UAAU,SAAS;IACtB,6BAAmC;IACnC,wCAA8C;IAC9C,wCAA8C;GAChD,CAAC;EAEF,MAAM,iBAAiB;EAEvB,MAAM,UAAU,IAAI;uCACe,KAAK,sBAAsB;;;AAI9D,SAAO,IAAI;oBACK,QAAQ;UAClB,YACE,IAAI;;yBAES,eAAe;;6BAEX,SAAS;0BACZ,KAAK,aAAa;kBAC1B,QAAQ;;gBAGd,IAAI,eAAe,eAAe,IAAI,QAAQ,QAAQ;4BACrC;;;;;;;;;CAU3B,WAAW,aAAa;AACtB,SAAO;;;gBAGOA;;;YA1Ff,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,qBAAA,WAAA,aAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,qBAAA,WAAA,YAAA,KAAA,EAAA;mCAX5CC,cAAc,0BAAgC,CAAA,EAAA,qBAAA;AAkG/C,IAAA,8BAAe"}

package/es/components/contained-list/contained-list.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 contained_list_default$1 from "./contained-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/contained-list/contained-list.ts
 /**
 * Copyright IBM Corp. 2022, 2025
@@ -38,20 +37,20 @@ let CDSContainedList = class CDSContainedList extends LitElement {
 	render() {
 		const { isInset, kind, label, size } = this;
 		const classes = classMap({
-			[`${prefix}--contained-list`]: true,
-			[`${prefix}--contained-list--${kind}`]: true,
-			[`${prefix}--contained-list--inset-rulers`]: isInset,
-			[`${prefix}--layout--size-${size}`]: !!size
+			[`cds--contained-list`]: true,
+			[`cds--contained-list--${kind}`]: true,
+			[`cds--contained-list--inset-rulers`]: isInset,
+			[`cds--layout--size-${size}`]: !!size
 		});
 		const hasLabelSlot = this.querySelector("[slot=\"label\"]") !== null;
 		return html`
       <div class="${classes}">
         ${label || hasLabelSlot ? html`
-              <div class="${prefix}--contained-list__header">
-                <div class="${prefix}--contained-list__label">
+              <div class="${"cds"}--contained-list__header">
+                <div class="${"cds"}--contained-list__label">
                   ${hasLabelSlot ? html`<slot name="label"></slot>` : label}
                 </div>
-                <div class="${prefix}--contained-list__action">
+                <div class="${"cds"}--contained-list__action">
                   <slot name="action"></slot>
                 </div>
               </div>
@@ -74,9 +73,9 @@ __decorate([property({
 __decorate([property({ reflect: true })], CDSContainedList.prototype, "kind", void 0);
 __decorate([property({ reflect: true })], CDSContainedList.prototype, "label", void 0);
 __decorate([property({ reflect: true })], CDSContainedList.prototype, "size", void 0);
-CDSContainedList = __decorate([carbonElement(`${prefix}-contained-list`)], CDSContainedList);
+CDSContainedList = __decorate([carbonElement(`cds-contained-list`)], CDSContainedList);
 var contained_list_default = CDSContainedList;
-
 //#endregion
 export { contained_list_default as default };
+
 //# sourceMappingURL=contained-list.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"contained-list.js","names":["styles","customElement"],"sources":["../../../src/components/contained-list/contained-list.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2022, 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './contained-list.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport type Variants = 'on-page' | 'disclosed';\n\n/**\n * Contained list.\n *\n * @element cds-contained-list\n * @slot - The list items (cds-contained-list-item elements)\n * @slot action - The action slot for interactive elements in header\n * @slot label - The label text\n */\n@customElement(`${prefix}-contained-list`)\nclass CDSContainedList extends LitElement {\n  /**\n   * Specify whether the dividing lines in between list items should be inset.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'is-inset' })\n  isInset = false;\n\n  /**\n   * The kind of ContainedList you want to display\n   */\n  @property({ reflect: true })\n  kind: Variants = 'on-page';\n\n  /**\n   * A label describing the contained list.\n   */\n  @property({ reflect: true })\n  label = '';\n\n  /**\n   * Specify the size of the contained list.\n   */\n  @property({ reflect: true })\n  size?: 'sm' | 'md' | 'lg' | 'xl';\n\n  render() {\n    const { isInset, kind, label, size } = this;\n\n    const classes = classMap({\n      [`${prefix}--contained-list`]: true,\n      [`${prefix}--contained-list--${kind}`]: true,\n      [`${prefix}--contained-list--inset-rulers`]: isInset,\n      [`${prefix}--layout--size-${size}`]: !!size,\n    });\n\n    const hasLabelSlot = this.querySelector('[slot=\"label\"]') !== null;\n\n    return html`\n      <div class=\"${classes}\">\n        ${label || hasLabelSlot\n          ? html`\n              <div class=\"${prefix}--contained-list__header\">\n                <div class=\"${prefix}--contained-list__label\">\n                  ${hasLabelSlot ? html`<slot name=\"label\"></slot>` : label}\n                </div>\n                <div class=\"${prefix}--contained-list__action\">\n                  <slot name=\"action\"></slot>\n                </div>\n              </div>\n            `\n          : ''}\n        <ul role=\"list\">\n          <slot></slot>\n        </ul>\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSContainedList;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,6BACM,yBAAyB,WAAW;;;iBAK9B;cAMO;eAMT;;CAQR,SAAS;EACP,MAAM,EAAE,SAAS,MAAM,OAAO,SAAS;EAEvC,MAAM,UAAU,SAAS;IACtB,GAAG,OAAO,oBAAoB;IAC9B,GAAG,OAAO,oBAAoB,SAAS;IACvC,GAAG,OAAO,kCAAkC;IAC5C,GAAG,OAAO,iBAAiB,SAAS,CAAC,CAAC;GACxC,CAAC;EAEF,MAAM,eAAe,KAAK,cAAc,mBAAiB,KAAK;AAE9D,SAAO,IAAI;oBACK,QAAQ;UAClB,SAAS,eACP,IAAI;4BACY,OAAO;8BACL,OAAO;oBACjB,eAAe,IAAI,+BAA+B,MAAM;;8BAE9C,OAAO;;;;gBAKzB,GAAG;;;;;;;;gBAQGA;;;YAtDf,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;CAAY,CAAC;YAMjE,SAAS,EAAE,SAAS,MAAM,CAAC;YAM3B,SAAS,EAAE,SAAS,MAAM,CAAC;YAM3B,SAAS,EAAE,SAAS,MAAM,CAAC;+BAvB7BC,cAAc,GAAG,OAAO,iBAAiB;AA8D1C,6BAAe"}
+{"version":3,"file":"contained-list.js","names":["styles","customElement"],"sources":["../../../src/components/contained-list/contained-list.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2022, 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './contained-list.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport type Variants = 'on-page' | 'disclosed';\n\n/**\n * Contained list.\n *\n * @element cds-contained-list\n * @slot - The list items (cds-contained-list-item elements)\n * @slot action - The action slot for interactive elements in header\n * @slot label - The label text\n */\n@customElement(`${prefix}-contained-list`)\nclass CDSContainedList extends LitElement {\n  /**\n   * Specify whether the dividing lines in between list items should be inset.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'is-inset' })\n  isInset = false;\n\n  /**\n   * The kind of ContainedList you want to display\n   */\n  @property({ reflect: true })\n  kind: Variants = 'on-page';\n\n  /**\n   * A label describing the contained list.\n   */\n  @property({ reflect: true })\n  label = '';\n\n  /**\n   * Specify the size of the contained list.\n   */\n  @property({ reflect: true })\n  size?: 'sm' | 'md' | 'lg' | 'xl';\n\n  render() {\n    const { isInset, kind, label, size } = this;\n\n    const classes = classMap({\n      [`${prefix}--contained-list`]: true,\n      [`${prefix}--contained-list--${kind}`]: true,\n      [`${prefix}--contained-list--inset-rulers`]: isInset,\n      [`${prefix}--layout--size-${size}`]: !!size,\n    });\n\n    const hasLabelSlot = this.querySelector('[slot=\"label\"]') !== null;\n\n    return html`\n      <div class=\"${classes}\">\n        ${label || hasLabelSlot\n          ? html`\n              <div class=\"${prefix}--contained-list__header\">\n                <div class=\"${prefix}--contained-list__label\">\n                  ${hasLabelSlot ? html`<slot name=\"label\"></slot>` : label}\n                </div>\n                <div class=\"${prefix}--contained-list__action\">\n                  <slot name=\"action\"></slot>\n                </div>\n              </div>\n            `\n          : ''}\n        <ul role=\"list\">\n          <slot></slot>\n        </ul>\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSContainedList;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,IAAA,mBAAA,MACM,yBAAyB,WAAW;;;iBAK9B;cAMO;eAMT;;CAQR,SAAS;EACP,MAAM,EAAE,SAAS,MAAM,OAAO,SAAS;EAEvC,MAAM,UAAU,SAAS;IACtB,wBAA8B;IAC9B,wBAA8B,SAAS;IACvC,sCAA4C;IAC5C,qBAA2B,SAAS,CAAC,CAAC;GACxC,CAAC;EAEF,MAAM,eAAe,KAAK,cAAc,mBAAiB,KAAK;AAE9D,SAAO,IAAI;oBACK,QAAQ;UAClB,SAAS,eACP,IAAI;kCACmB;oCACE;oBACjB,eAAe,IAAI,+BAA+B,MAAM;;oCAEvC;;;;gBAKzB,GAAG;;;;;;;;gBAQGA;;;YAtDf,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;CAAY,CAAC,CAAA,EAAA,iBAAA,WAAA,WAAA,KAAA,EAAA;YAMjE,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,iBAAA,WAAA,QAAA,KAAA,EAAA;YAM3B,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,iBAAA,WAAA,SAAA,KAAA,EAAA;YAM3B,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,iBAAA,WAAA,QAAA,KAAA,EAAA;+BAvB7BC,cAAc,qBAA2B,CAAA,EAAA,iBAAA;AA8D1C,IAAA,yBAAe"}