npm - @carbon/ibm-products-web-components - Versions diffs - 0.46.0 → 0.47.0 - Mend

@carbon/ibm-products-web-components 0.46.0 → 0.47.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (31) hide show

package/custom-elements.json CHANGED Viewed

@@ -232,6 +232,12 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "layout",
+          "description": "Layout direction for the list body: 'vertical' (default) or 'horizontal' (for hierarchy)",
+          "type": "\"vertical\" | \"horizontal\"",
+          "default": "\"vertical\""
+        },
         {
           "name": "path",
           "description": "Navigation path for breadcrumbs",
@@ -282,6 +288,13 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "layout",
+          "attribute": "layout",
+          "description": "Layout direction for the list body: 'vertical' (default) or 'horizontal' (for hierarchy)",
+          "type": "\"vertical\" | \"horizontal\"",
+          "default": "\"vertical\""
+        },
         {
           "name": "path",
           "attribute": "path",

package/es/components/add-select/add-select-body.d.ts CHANGED Viewed

@@ -57,6 +57,10 @@ declare class CDSAddSelectBody extends LitElement {
      * Whether to hide the search input
      */
     hideSearch: boolean;
+    /**
+     * Layout direction for the list body: 'vertical' (default) or 'horizontal' (for hierarchy)
+     */
+    layout: 'vertical' | 'horizontal';
     /**
      * Navigation path for breadcrumbs
      */

package/es/components/add-select/add-select-body.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"add-select-body.d.ts","sourceRoot":"","sources":["../../../src/components/add-select/add-select-body.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAGhD,OAAO,sDAAsD,CAAC;AAC9D,OAAO,sDAAsD,CAAC;AAC9D,OAAO,mDAAmD,CAAC;AAC3D,OAAO,0DAA0D,CAAC;AAClE,OAAO,oDAAoD,CAAC;AAM5D;;;;;;;;;GASG;AACH,cACM,gBAAiB,SAAQ,UAAU;IACvC;;OAEG;IAEH,UAAU,SAAM;IAEhB;;OAEG;IAEH,iBAAiB,SAAM;IAEvB;;OAEG;IAEH,uBAAuB,SAAY;IAEnC;;OAEG;IAIH;;OAEG;IAIH;;OAEG;IAEH,kBAAkB,SAAoB;IAEtC;;OAEG;IAEH,OAAO,CAAC,WAAW,CAAM;IAEzB;;OAEG;IAEH,SAAS,EAAE,MAAM,GAAG,SAAS,CAAa;IAE1C;;OAEG;IAEH,UAAU,UAAS;IAEnB;;OAEG;IAEH,IAAI,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAM;IAEhD;;OAEG;IACH,OAAO,CAAC,aAAa;IAgBrB,qEAAqE;IAErE,OAAO,CAAC,cAAc,CAAS;IAE/B,OAAO,CAAC,uBAAuB;IAK/B,MAAM;~~IA4IN~~;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED;;OAEG;IACH,MAAM,KAAK,oBAAoB,WAE9B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,gBAAgB,CAAC"}
1	+ {"version":3,"file":"add-select-body.d.ts","sourceRoot":"","sources":["../../../src/components/add-select/add-select-body.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAGhD,OAAO,sDAAsD,CAAC;AAC9D,OAAO,sDAAsD,CAAC;AAC9D,OAAO,mDAAmD,CAAC;AAC3D,OAAO,0DAA0D,CAAC;AAClE,OAAO,oDAAoD,CAAC;AAM5D;;;;;;;;;GASG;AACH,cACM,gBAAiB,SAAQ,UAAU;IACvC;;OAEG;IAEH,UAAU,SAAM;IAEhB;;OAEG;IAEH,iBAAiB,SAAM;IAEvB;;OAEG;IAEH,uBAAuB,SAAY;IAEnC;;OAEG;IAIH;;OAEG;IAIH;;OAEG;IAEH,kBAAkB,SAAoB;IAEtC;;OAEG;IAEH,OAAO,CAAC,WAAW,CAAM;IAEzB;;OAEG;IAEH,SAAS,EAAE,MAAM,GAAG,SAAS,CAAa;IAE1C;;OAEG;IAEH,UAAU,UAAS;IAEnB;;OAEG;IAEH,MAAM,EAAE,UAAU,GAAG,YAAY,CAAc;IAE/C;;OAEG;IAEH,IAAI,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAM;IAEhD;;OAEG;IACH,OAAO,CAAC,aAAa;IAgBrB,qEAAqE;IAErE,OAAO,CAAC,cAAc,CAAS;IAE/B,OAAO,CAAC,uBAAuB;IAK/B,MAAM;IAkJN;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED;;OAEG;IACH,MAAM,KAAK,oBAAoB,WAE9B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,gBAAgB,CAAC"}

package/es/components/add-select/add-select-body.js CHANGED Viewed

@@ -46,6 +46,7 @@ let CDSAddSelectBody = class CDSAddSelectBody extends LitElement {
 		this._searchTerm = "";
 		this.itemCount = void 0;
 		this.hideSearch = false;
+		this.layout = "vertical";
 		this.path = [];
 		this._hasHeaderSlot = false;
 	}
@@ -67,7 +68,7 @@ let CDSAddSelectBody = class CDSAddSelectBody extends LitElement {
 		this._hasHeaderSlot = slot.assignedElements({ flatten: true }).length > 0;
 	}
 	render() {
-		const { itemsLabel, globalSearchLabel, globalSearchPlaceholder, searchResultsTitle, itemCount, hideSearch, path, _searchTerm: searchTerm, _handleSearch: handleSearch } = this;
+		const { itemsLabel, globalSearchLabel, globalSearchPlaceholder, searchResultsTitle, itemCount, hideSearch, layout, path, _searchTerm: searchTerm, _handleSearch: handleSearch } = this;
 		return html`
       <div class="${blockClass}__body">
         ${!hideSearch || this._hasHeaderSlot || itemCount !== void 0 || path && path.length > 0 ? html`
@@ -153,7 +154,10 @@ let CDSAddSelectBody = class CDSAddSelectBody extends LitElement {
         <!-- Body Content -->
         <div class="${blockClass}__content" role="grid" tabindex="0">
-          <div class="${blockClass}-list-body" role="rowgroup">
+          <div
+            class="${blockClass}-list-body${layout === "horizontal" ? ` ${blockClass}-list-body--horizontal` : ""}"
+            role="rowgroup"
+          >
             <slot></slot>
           </div>
         </div>
@@ -202,6 +206,10 @@ __decorate([property({
 	attribute: "hide-search",
 	reflect: true
 })], CDSAddSelectBody.prototype, "hideSearch", void 0);
+__decorate([property({
+	type: String,
+	reflect: true
+})], CDSAddSelectBody.prototype, "layout", void 0);
 __decorate([property({ type: Array })], CDSAddSelectBody.prototype, "path", void 0);
 __decorate([state()], CDSAddSelectBody.prototype, "_hasHeaderSlot", void 0);
 CDSAddSelectBody = __decorate([carbonElement(`c4p-add-select-body`)], CDSAddSelectBody);

package/es/components/add-select/add-select-body.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"add-select-body.js","names":["styles","customElement"],"sources":["../../../src/components/add-select/add-select-body.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 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, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport '@carbon/web-components/es/components/button/index.js';\nimport '@carbon/web-components/es/components/search/index.js';\nimport '@carbon/web-components/es/components/tag/index.js';\nimport '@carbon/web-components/es/components/breadcrumb/index.js';\nimport '@carbon/web-components/es/components/link/index.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './add-select-body.scss?lit';\n\nconst blockClass = `${prefix}--add-select__next`;\n\n/\n Add Select Body component - contains the main content area\n * @element c4p-add-select-body\n * @slot default - The main content area containing c4p-add-select-column or rows\n * @slot header - Replaces the entire header section\n * @slot actions - Custom actions (filter/sort) rendered next to the search input\n * @slot sub-header-actions - Custom content rendered after breadcrumbs and item count\n * @fires c4p-add-select-body-search - Fired when search term changes; detail: { searchTerm }\n * @fires c4p-add-select-body-breadcrumb-click - Fired when a breadcrumb link is clicked; detail: { index }\n /\n@customElement(`${prefix}-add-select-body`)\nclass CDSAddSelectBody extends LitElement {\n /\n Label for items section\n /\n @property({ type: String, attribute: 'items-label' })\n itemsLabel = '';\n\n /\n Global search label\n /\n @property({ type: String, attribute: 'global-search-label' })\n globalSearchLabel = '';\n\n /\n Global search placeholder\n /\n @property({ type: String, attribute: 'global-search-placeholder' })\n globalSearchPlaceholder = 'Search';\n\n /\n No results title\n /\n // @property({ type: String, attribute: 'no-results-title' })\n // noResultsTitle = 'No results found';\n\n /\n No results description\n /\n // @property({ type: String, attribute: 'no-results-description' })\n // noResultsDescription = 'Try adjusting your search or filter';\n\n /\n Search results title\n /\n @property({ type: String, attribute: 'search-results-title' })\n searchResultsTitle = 'Search results';\n\n /\n Current search term\n /\n @state()\n private _searchTerm = '';\n\n /\n Item count for display. When undefined, no count badge is rendered.\n /\n @property({ type: Number, attribute: 'item-count' })\n itemCount: number \| undefined = undefined;\n\n /\n Whether to hide the search input\n /\n @property({ type: Boolean, attribute: 'hide-search', reflect: true })\n hideSearch = false;\n\n /\n Navigation path for breadcrumbs\n /\n @property({ type: Array })\n path: Array<{ id: string; title: string }> = [];\n\n /\n Handle search input\n /\n private _handleSearch(event: CustomEvent) {\n this._searchTerm = event.detail.value \|\| '';\n const init = {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: { searchTerm: this._searchTerm },\n };\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSAddSelectBody).eventSearch,\n init\n )\n );\n }\n\n /* Tracks whether the header slot has been filled by the consumer /\n @state()\n private _hasHeaderSlot = false;\n\n private _handleHeaderSlotChange(e: Event) {\n const slot = e.target as HTMLSlotElement;\n this._hasHeaderSlot = slot.assignedElements({ flatten: true }).length > 0;\n }\n\n render() {\n const {\n itemsLabel,\n globalSearchLabel,\n globalSearchPlaceholder,\n searchResultsTitle,\n itemCount,\n hideSearch,\n path,\n _searchTerm: searchTerm,\n _handleSearch: handleSearch,\n } = this;\n\n // Only render the __header div when it has visible content.\n // When hideSearch is true, no header slot is filled, no item count,\n // and no path — the div is omitted entirely to avoid blank space.\n const hasHeader =\n !hideSearch \|\|\n this._hasHeaderSlot \|\|\n itemCount !== undefined \|\|\n (path && path.length > 0);\n\n return html`\n <div class=\"${blockClass}__body\">\n ${hasHeader\n ? html`\n <div class=\"${blockClass}__header\">\n <!-- Named slot: consumer can replace the entire header -->\n <slot\n name=\"header\"\n @slotchange=${this._handleHeaderSlotChange}\n ></slot>\n\n ${!this._hasHeaderSlot\n ? html`\n <!-- Search + optional actions -->\n ${!hideSearch\n ? html`\n <div\n class=\"${blockClass}__search ${blockClass}__search--with-actions\"\n >\n <div class=\"${blockClass}__search-input\">\n <cds-search\n label-text=${globalSearchLabel}\n placeholder=${globalSearchPlaceholder}\n size=\"lg\"\n @cds-search-input=${handleSearch}\n ></cds-search>\n </div>\n <div class=\"${blockClass}__global-actions\">\n <slot name=\"actions\"></slot>\n </div>\n </div>\n `\n : nothing}\n\n <!-- Sub-header: breadcrumbs / label + item count + optional actions -->\n <div class=\"${blockClass}__sub-header\">\n <div class=\"${blockClass}__tags\">\n ${searchTerm\n ? html`\n <p class=\"${blockClass}__tags-label\">\n ${searchResultsTitle}\n </p>\n `\n : path && path.length > 0\n ? html`\n <cds-breadcrumb\n no-trailing-slash\n class=\"${blockClass}__breadcrumbs\"\n >\n ${path.map((entry, idx) => {\n const isCurrentPage =\n idx === path.length - 1;\n return html`\n <cds-breadcrumb-item\n ?is-current-page=${isCurrentPage}\n >\n ${isCurrentPage\n ? entry.title\n : html`\n <cds-link\n href=\"#\"\n @click=${(e: Event) => {\n e.preventDefault();\n this.dispatchEvent(\n new CustomEvent(\n (\n this\n .constructor as typeof CDSAddSelectBody\n ).eventBreadcrumbClick,\n {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n index: idx,\n },\n }\n )\n );\n }}\n >\n ${entry.title}\n </cds-link>\n `}\n </cds-breadcrumb-item>\n `;\n })}\n </cds-breadcrumb>\n `\n : html`\n <p class=\"${blockClass}__tags-label\">\n ${itemsLabel}\n </p>\n `}\n ${itemCount !== undefined\n ? html`<cds-tag type=\"gray\" size=\"sm\"\n >${itemCount}</cds-tag\n >`\n : nothing}\n </div>\n <slot name=\"sub-header-actions\"></slot>\n </div>\n `\n : nothing}\n </div>\n `\n : nothing}\n\n <!-- Body Content -->\n <div class=\"${blockClass}__content\" role=\"grid\" tabindex=\"0\">\n <div class=\"${blockClass}-list-body\" role=\"rowgroup\">\n <slot></slot>\n </div>\n </div>\n </div>\n `;\n }\n\n /\n The name of the custom event fired when search term changes\n /\n static get eventSearch() {\n return `${prefix}-add-select-body-search`;\n }\n\n /\n The name of the custom event fired when breadcrumb is clicked\n */\n static get eventBreadcrumbClick() {\n return `${prefix}-add-select-body-breadcrumb-click`;\n }\n\n static styles = styles;\n}\n\nexport default CDSAddSelectBody;\n"],"mappings":"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"}
1	+ {"version":3,"file":"add-select-body.js","names":["styles","customElement"],"sources":["../../../src/components/add-select/add-select-body.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 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, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport '@carbon/web-components/es/components/button/index.js';\nimport '@carbon/web-components/es/components/search/index.js';\nimport '@carbon/web-components/es/components/tag/index.js';\nimport '@carbon/web-components/es/components/breadcrumb/index.js';\nimport '@carbon/web-components/es/components/link/index.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './add-select-body.scss?lit';\n\nconst blockClass = `${prefix}--add-select__next`;\n\n/\n Add Select Body component - contains the main content area\n * @element c4p-add-select-body\n * @slot default - The main content area containing c4p-add-select-column or rows\n * @slot header - Replaces the entire header section\n * @slot actions - Custom actions (filter/sort) rendered next to the search input\n * @slot sub-header-actions - Custom content rendered after breadcrumbs and item count\n * @fires c4p-add-select-body-search - Fired when search term changes; detail: { searchTerm }\n * @fires c4p-add-select-body-breadcrumb-click - Fired when a breadcrumb link is clicked; detail: { index }\n /\n@customElement(`${prefix}-add-select-body`)\nclass CDSAddSelectBody extends LitElement {\n /\n Label for items section\n /\n @property({ type: String, attribute: 'items-label' })\n itemsLabel = '';\n\n /\n Global search label\n /\n @property({ type: String, attribute: 'global-search-label' })\n globalSearchLabel = '';\n\n /\n Global search placeholder\n /\n @property({ type: String, attribute: 'global-search-placeholder' })\n globalSearchPlaceholder = 'Search';\n\n /\n No results title\n /\n // @property({ type: String, attribute: 'no-results-title' })\n // noResultsTitle = 'No results found';\n\n /\n No results description\n /\n // @property({ type: String, attribute: 'no-results-description' })\n // noResultsDescription = 'Try adjusting your search or filter';\n\n /\n Search results title\n /\n @property({ type: String, attribute: 'search-results-title' })\n searchResultsTitle = 'Search results';\n\n /\n Current search term\n /\n @state()\n private _searchTerm = '';\n\n /\n Item count for display. When undefined, no count badge is rendered.\n /\n @property({ type: Number, attribute: 'item-count' })\n itemCount: number \| undefined = undefined;\n\n /\n Whether to hide the search input\n /\n @property({ type: Boolean, attribute: 'hide-search', reflect: true })\n hideSearch = false;\n\n /\n Layout direction for the list body: 'vertical' (default) or 'horizontal' (for hierarchy)\n /\n @property({ type: String, reflect: true })\n layout: 'vertical' \| 'horizontal' = 'vertical';\n\n /\n Navigation path for breadcrumbs\n /\n @property({ type: Array })\n path: Array<{ id: string; title: string }> = [];\n\n /\n Handle search input\n /\n private _handleSearch(event: CustomEvent) {\n this._searchTerm = event.detail.value \|\| '';\n const init = {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: { searchTerm: this._searchTerm },\n };\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSAddSelectBody).eventSearch,\n init\n )\n );\n }\n\n /* Tracks whether the header slot has been filled by the consumer /\n @state()\n private _hasHeaderSlot = false;\n\n private _handleHeaderSlotChange(e: Event) {\n const slot = e.target as HTMLSlotElement;\n this._hasHeaderSlot = slot.assignedElements({ flatten: true }).length > 0;\n }\n\n render() {\n const {\n itemsLabel,\n globalSearchLabel,\n globalSearchPlaceholder,\n searchResultsTitle,\n itemCount,\n hideSearch,\n layout,\n path,\n _searchTerm: searchTerm,\n _handleSearch: handleSearch,\n } = this;\n\n // Only render the __header div when it has visible content.\n // When hideSearch is true, no header slot is filled, no item count,\n // and no path — the div is omitted entirely to avoid blank space.\n const hasHeader =\n !hideSearch \|\|\n this._hasHeaderSlot \|\|\n itemCount !== undefined \|\|\n (path && path.length > 0);\n\n return html`\n <div class=\"${blockClass}__body\">\n ${hasHeader\n ? html`\n <div class=\"${blockClass}__header\">\n <!-- Named slot: consumer can replace the entire header -->\n <slot\n name=\"header\"\n @slotchange=${this._handleHeaderSlotChange}\n ></slot>\n\n ${!this._hasHeaderSlot\n ? html`\n <!-- Search + optional actions -->\n ${!hideSearch\n ? html`\n <div\n class=\"${blockClass}__search ${blockClass}__search--with-actions\"\n >\n <div class=\"${blockClass}__search-input\">\n <cds-search\n label-text=${globalSearchLabel}\n placeholder=${globalSearchPlaceholder}\n size=\"lg\"\n @cds-search-input=${handleSearch}\n ></cds-search>\n </div>\n <div class=\"${blockClass}__global-actions\">\n <slot name=\"actions\"></slot>\n </div>\n </div>\n `\n : nothing}\n\n <!-- Sub-header: breadcrumbs / label + item count + optional actions -->\n <div class=\"${blockClass}__sub-header\">\n <div class=\"${blockClass}__tags\">\n ${searchTerm\n ? html`\n <p class=\"${blockClass}__tags-label\">\n ${searchResultsTitle}\n </p>\n `\n : path && path.length > 0\n ? html`\n <cds-breadcrumb\n no-trailing-slash\n class=\"${blockClass}__breadcrumbs\"\n >\n ${path.map((entry, idx) => {\n const isCurrentPage =\n idx === path.length - 1;\n return html`\n <cds-breadcrumb-item\n ?is-current-page=${isCurrentPage}\n >\n ${isCurrentPage\n ? entry.title\n : html`\n <cds-link\n href=\"#\"\n @click=${(e: Event) => {\n e.preventDefault();\n this.dispatchEvent(\n new CustomEvent(\n (\n this\n .constructor as typeof CDSAddSelectBody\n ).eventBreadcrumbClick,\n {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n index: idx,\n },\n }\n )\n );\n }}\n >\n ${entry.title}\n </cds-link>\n `}\n </cds-breadcrumb-item>\n `;\n })}\n </cds-breadcrumb>\n `\n : html`\n <p class=\"${blockClass}__tags-label\">\n ${itemsLabel}\n </p>\n `}\n ${itemCount !== undefined\n ? html`<cds-tag type=\"gray\" size=\"sm\"\n >${itemCount}</cds-tag\n >`\n : nothing}\n </div>\n <slot name=\"sub-header-actions\"></slot>\n </div>\n `\n : nothing}\n </div>\n `\n : nothing}\n\n <!-- Body Content -->\n <div class=\"${blockClass}__content\" role=\"grid\" tabindex=\"0\">\n <div\n class=\"${blockClass}-list-body${layout === 'horizontal'\n ? ` ${blockClass}-list-body--horizontal`\n : ''}\"\n role=\"rowgroup\"\n >\n <slot></slot>\n </div>\n </div>\n </div>\n `;\n }\n\n /\n The name of the custom event fired when search term changes\n /\n static get eventSearch() {\n return `${prefix}-add-select-body-search`;\n }\n\n /\n The name of the custom event fired when breadcrumb is clicked\n */\n static get eventBreadcrumbClick() {\n return `${prefix}-add-select-body-breadcrumb-click`;\n }\n\n static styles = styles;\n}\n\nexport default CDSAddSelectBody;\n"],"mappings":"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"}

package/es/components/add-select/add-select-body.scss.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import { css } from "lit";
 //#region src/components/add-select/add-select-body.scss?lit
-var add_select_body_default = css([".c4p--add-select__next{position:relative}.c4p--add-select__next,.c4p--add-select__next__body{block-size:100%;display:flex;flex-direction:column;inline-size:100%}.c4p--add-select__next__header{border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6);padding-block-end:.5rem;padding-block-start:1rem;padding-inline:1rem}.c4p--add-select__next__search{margin-block-end:1rem}.c4p--add-select__next__search--with-actions{align-items:flex-end;display:flex}.c4p--add-select__next__search-input{flex:1}.c4p--add-select__next__global-actions{align-items:flex-end;display:flex}.c4p--add-select__next__sub-header{align-items:center;display:flex;justify-content:space-between}.c4p--add-select__next__tags{align-items:center;display:flex;gap:.5rem}.c4p--add-select__next__tags-label{color:var(--cds-text-primary,#161616);font-size:var(--cds-heading-compact-02-font-size,1rem);font-weight:var(--cds-heading-compact-02-font-weight,600);letter-spacing:var(--cds-heading-compact-02-letter-spacing,0);line-height:var(--cds-heading-compact-02-line-height,1.375);margin:0}.c4p--add-select__next__sub-header-actions{align-items:center;display:flex;gap:.5rem;margin-inline-start:1rem}.c4p--add-select__next__content{display:flex;flex:1;flex-direction:column;overflow:auto}.c4p--add-select__next-list{display:flex;flex:1;flex-direction:column;overflow-y:auto}@supports (overflow-block:auto){.c4p--add-select__next-list{overflow-block:auto}}.c4p--add-select__next-list:focus{outline:none}.c4p--add-select__next-list-body{display:flex;flex-direction:column}.c4p--add-select__next-list-body--horizontal{align-items:stretch;block-size:100%;flex-direction:row}.c4p--add-select__next-list-body--horizontal .c4p--add-select__next-column{padding-block:1rem;padding-inline:1rem}.c4p--add-select__next-row{border-inline-start:.125rem solid transparent;display:flex;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}.c4p--add-select__next-row:focus{outline:.125rem solid var(--cds-focus,#0f62fe);outline-offset:-.125rem}.c4p--add-select__next-row:focus:not(:focus-visible){outline:none}.c4p--add-select__next-row--selected{background-color:var(--cds-layer-selected-01,#e0e0e0)}.c4p--add-select__next-row--selected .c4p--add-select__next-row__cell-wrapper{border-block-end-color:var(--cds-border-subtle-selected-01,#c6c6c6)}.c4p--add-select__next-row--disabled{cursor:not-allowed}.c4p--add-select__next-row--disabled .c4p--add-select__next-row__subtitle,.c4p--add-select__next-row--disabled .c4p--add-select__next-row__title{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.c4p--add-select__next-row--disabled .c4p--add-select__next-row__icon svg,.c4p--add-select__next-row--disabled .c4p--add-select__next-row__nav-indicator svg,.c4p--add-select__next-row--disabled .c4p--add-select__next-row__view-item-panel svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.c4p--add-select__next-row:hover:not(.c4p--add-select__next-row--disabled){background:var(--cds-layer-hover-01,#e8e8e8)}.c4p--add-select__next-row:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__title{color:var(--cds-link-primary,#0f62fe)}.c4p--add-select__next-row:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__nav-indicator svg,.c4p--add-select__next-row:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__view-item-panel svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.c4p--add-select__next-row--selected:hover:not(.c4p--add-select__next-row--disabled){background:var(--cds-layer-selected-hover-01,#d1d1d1)}.c4p--add-select__next-row--selected:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__title{color:var(--cds-text-primary,#161616)}.c4p--add-select__next-row--selected:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__nav-indicator svg,.c4p--add-select__next-row--selected:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__view-item-panel svg{fill:var(--cds-icon-primary,#161616)}.c4p--add-select__next-row__cell{display:flex;flex:1;flex-direction:column}.c4p--add-select__next-row__cell-wrapper{align-items:center;border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6);display:flex;justify-content:space-between;min-block-size:3rem;padding-block:.5rem;padding-inline:1rem}.c4p--add-select__next-row__content{align-items:center;align-self:center;display:flex;flex:1}.c4p--add-select__next-row__checkbox{align-self:center;flex:none;margin-inline-end:1rem}.c4p--add-select__next-row__radio{align-self:center}.c4p--add-select__next-row__radio .cds--radio-button__appearance{margin-inline-end:0}.c4p--add-select__next-row__icon{align-items:center;display:flex;margin-inline-end:.5rem}.c4p--add-select__next-row__text{display:flex;flex:1;flex-direction:column}.c4p--add-select__next-row__title{color:var(--cds-text-primary,#161616);display:block;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.c4p--add-select__next-row__subtitle{color:var(--cds-text-secondary,#525252);display:block;font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333)}.c4p--add-select__next-row__meta{align-items:center;display:flex;margin-inline-start:.5rem}.c4p--add-select__next-row__view-item-panel{margin-inline-start:auto}.c4p--add-select__next-row-item-panel--selected{background-color:var(--cds-layer-hover-01,#e8e8e8);border-inline-start:.125rem solid var(--cds-interactive,#0f62fe)}@media screen and (prefers-reduced-motion:reduce){.c4p--add-select__next-row__nav-indicator{align-items:center;cursor:pointer;display:flex;justify-content:center;margin-inline-start:.5rem;padding-block:.25rem;padding-inline:.25rem;transition:none}.c4p--add-select__next-row__nav-indicator:hover{background-color:var(--cds-background-hover,hsla(0,0%,55%,.12))}.c4p--add-select__next-row__nav-indicator:focus{outline:.125rem solid var(--cds-focus,#0f62fe);outline-offset:-.125rem}.c4p--add-select__next-row__nav-indicator svg{fill:var(--cds-icon-primary,#161616)}}.c4p--add-select__next-row__nav-indicator{align-items:center;cursor:pointer;display:flex;justify-content:center;margin-inline-start:.5rem;padding-block:.25rem;padding-inline:.25rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}.c4p--add-select__next-row__nav-indicator:hover{background-color:var(--cds-background-hover,hsla(0,0%,55%,.12))}.c4p--add-select__next-row__nav-indicator:focus{outline:.125rem solid var(--cds-focus,#0f62fe);outline-offset:-.125rem}.c4p--add-select__next-row__nav-indicator svg{fill:var(--cds-icon-primary,#161616)}.c4p--add-select__next-row--skeleton{cursor:default;pointer-events:none}.c4p--add-select__next-row--skeleton:hover{background:none}.c4p--add-select__next-row--skeleton .c4p--add-select__next-row__skeleton-control{background-color:var(--cds-skeleton-element,#c6c6c6);block-size:1rem;border-radius:.125rem;flex:none;inline-size:1rem;margin-inline-end:1rem}.c4p--add-select__next-row--skeleton .c4p--add-select__next-row__icon .cds--icon--skeleton{block-size:2rem;border-radius:50%;inline-size:2rem}.c4p--add-select__next-row--skeleton .c4p--add-select__next-row__icon .cds--icon--skeleton:before{animation:none;border-radius:50%}.c4p--add-select__next-row--skeleton .c4p--add-select__next-row__skeleton-title{margin-block-end:0}.c4p--add-select__next-column{block-size:100%;border-inline-end:1px solid var(--cds-border-subtle-01,#c6c6c6);display:flex;flex-direction:column;min-inline-size:300px;padding-block:1rem;padding-inline:1rem}.c4p--add-select__next-column:last-child{border-inline-end:none}.c4p--add-select__next-list-body--horizontal .c4p--add-select__next-column:last-child{border-inline-end:1px solid var(--cds-border-subtle-01,#c6c6c6)}.c4p--add-select__next-column__actions,.c4p--add-select__next-column__search--with-actions{align-items:flex-end;display:flex}.c4p--add-select__next-column__search-bar{padding-block-end:0;padding-block-start:1rem;padding-inline:1rem}.c4p--add-select__next-column__search-wrapper{align-items:center;display:flex;gap:0}.c4p--add-select__next-column__search-input{flex:1}.c4p--add-select__next-column__controls{align-items:center;display:flex;gap:0}.c4p--add-select__next-column__filter-button,.c4p--add-select__next-column__sort-button{flex:none}.c4p--add-select__next-column__filter-popover{padding-block:1rem;padding-inline:1rem}.c4p--add-select__next-column__filter-popover .cds--checkbox-wrapper{margin-block-end:.5rem}.c4p--add-select__next-column__filter-popover .cds--checkbox-wrapper:last-child{margin-block-end:0}.c4p--add-select__next-column__header{align-items:center;border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6);display:flex;padding-block:1rem;padding-inline:1rem}.c4p--add-select__next-column__select-all .cds--checkbox-label{align-items:center;display:flex;gap:0}.c4p--add-select__next-column__select-all .cds--checkbox-label-text{align-items:center;display:flex;gap:.5rem;margin-inline-start:.5rem}.c4p--add-select__next-column__title-wrapper{align-items:center;display:flex;gap:.5rem}.c4p--add-select__next-column__title{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572)}.c4p--add-select__next-column__rows{display:flex;flex:1;flex-direction:column;overflow-y:auto}@supports (overflow-block:auto){.c4p--add-select__next-column__rows{overflow-block:auto}}.c4p--add-select__next__breadcrumbs{flex-wrap:wrap}.c4p--add-select__next__breadcrumb-item,.c4p--add-select__next__breadcrumbs{align-items:center;display:flex;gap:.25rem}.c4p--add-select__next__breadcrumb-button{background:none;border:none;color:var(--cds-link-primary,#0f62fe);cursor:pointer;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);padding-block:0;padding-inline:0;text-decoration:none}.c4p--add-select__next__breadcrumb-button:hover{color:var(--cds-link-primary-hover,#0043ce);text-decoration:underline}.c4p--add-select__next__breadcrumb-button:focus{outline:.125rem solid var(--cds-focus,#0f62fe);outline-offset:.125rem}.c4p--add-select__next__breadcrumb-separator{align-items:center;color:var(--cds-text-secondary,#525252);display:flex}.c4p--add-select__next__breadcrumb-separator svg{fill:currentColor}.c4p--add-select__next__breadcrumb-current{color:var(--cds-text-primary,#161616);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.c4p--add-select__next__selection-summary{display:flex;flex-direction:column}.c4p--add-select__next__selection-summary-header{align-items:center;border-block-end:1px solid var(--cds-layer-accent-01,#e0e0e0);display:flex;padding-block-end:.5rem;padding-block-start:1.5rem;padding-inline:1rem}.c4p--add-select__next__selection-summary-title{font-size:var(--cds-heading-compact-02-font-size,1rem);font-weight:var(--cds-heading-compact-02-font-weight,600);letter-spacing:var(--cds-heading-compact-02-letter-spacing,0);line-height:var(--cds-heading-compact-02-line-height,1.375);margin-inline-end:.5rem}.c4p--add-select__next__selection-summary-header-actions{align-items:center;display:flex;gap:.5rem;margin-inline-start:auto}.c4p--add-select__next__selection-summary-item{background-color:var(--cds-layer-01,#f4f4f4);border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6);position:relative}.c4p--add-select__next__selection-summary-item:hover{background-color:var(--cds-layer-hover-01,#e8e8e8)}.c4p--add-select__next__selection-summary-item--accordion .cds--accordion__item,.c4p--add-select__next__selection-summary-item--accordion .cds--accordion__item:last-child{border-block-end:none;border-block-start:none}.c4p--add-select__next__selection-summary-item--accordion .cds--accordion__heading{min-block-size:unset;padding-block:.75rem;padding-inline-end:1rem}.c4p--add-select__next__selection-summary-item--default .c4p--add-select__next__selection-summary-item-title-wrapper{align-items:center;display:flex;justify-content:space-between;padding-block:.75rem;padding-inline:1rem}.c4p--add-select__next__selection-summary-item--default .c4p--add-select__next__selection-summary-item-content{padding-block-end:.75rem;padding-inline:1rem}.c4p--add-select__next__selection-summary-item--default .c4p--add-select__next__selection-summary-item-title{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572)}.c4p--add-select__next__selection-summary-item-title-wrapper{align-items:center;display:flex;justify-content:space-between}.c4p--add-select__next__selection-summary-item-selected-item{flex:1}.c4p--add-select__next__selection-summary-item-title{color:var(--cds-text-primary,#161616);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.c4p--add-select__next__selection-summary-item-subtitle{color:var(--cds-text-secondary,#525252);font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857)}.c4p--add-select__next__selection-summary-item-entry{margin-block-end:1rem}.c4p--add-select__next__selection-summary-item-header{color:var(--cds-text-secondary,#525252);font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);margin-block-end:.5rem}.c4p--add-select__next__selection-summary-item-body{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);margin-block-end:1rem}.c4p--add-select__next__selection-summary-item-remove-button-container{align-items:center;display:inline-flex;justify-content:center;padding-inline-start:.5rem}.c4p--add-select__next__selection-summary-item--accordion .c4p--add-select__next__selection-summary-item-remove-button-container{inset-block-start:50%;inset-inline-end:1rem;padding-inline-start:0;position:absolute;transform:translateY(-50%)}.c4p--add-select__next__selection-summary-item-remove-button{opacity:0;transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.c4p--add-select__next__selection-summary-item-remove-button{transition:none}}.c4p--add-select__next__selection-summary-item:focus-within .c4p--add-select__next__selection-summary-item-remove-button,.c4p--add-select__next__selection-summary-item:hover .c4p--add-select__next__selection-summary-item-remove-button{opacity:1}.c4p--add-select__next__selection-summary-item-content{margin-block-start:0}.c4p--add-select__next__selection-summary .cds--accordion__arrow{transform:rotate(90deg)}.c4p--add-select__next__selection-summary .cds--accordion__item--active .cds--accordion__arrow{transform:rotate(-90deg)}.c4p--add-select__next__selection-summary .cds--accordion--start .cds--accordion__arrow{margin-block:0;margin-inline-end:0;margin-inline-start:1rem}.c4p--add-select__next__selection-summary .cds--accordion--start .cds--accordion__title{margin-inline-end:0;margin-inline-start:.5rem;padding-inline-end:2rem}.c4p--add-select__next__selection-summary .cds--accordion__item--active .cds--accordion__content{margin-block-start:0;padding-block:1rem;padding-inline:1rem}@keyframes add-select-item-panel-entrance{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes add-select-item-panel-exit{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@keyframes add-select-item-panel-entrance-reduced{0%{opacity:0}to{opacity:1}}@keyframes add-select-item-panel-exit-reduced{0%{opacity:1}to{opacity:0}}.c4p--add-select__next__item-summary-panel{block-size:100%;display:none;inline-size:100%;transform:translateX(0);transition-behavior:allow-discrete;transition-duration:.15s;transition-property:display,opacity,transform}.c4p--add-select__next__item-summary-panel--open{animation:add-select-item-panel-entrance .15s cubic-bezier(0,0,.38,.9) forwards;display:flex;flex-direction:column}@starting-style{.c4p--add-select__next__item-summary-panel--open{opacity:0;transform:translateX(100%)}}@media (prefers-reduced-motion){.c4p--add-select__next__item-summary-panel--open{animation:add-select-item-panel-entrance-reduced .15s cubic-bezier(0,0,.38,.9) forwards}@starting-style{.c4p--add-select__next__item-summary-panel--open{opacity:0;transform:translateX(0)}}}.c4p--add-select__next__item-summary-panel-header{align-items:center;border-block-end:1px solid var(--cds-layer-accent-01,#e0e0e0);display:flex;gap:.5rem;justify-content:space-between;padding-block-end:.5rem;padding-block-start:2rem;padding-inline:1rem}.c4p--add-select__next__item-summary-panel-title{font-size:var(--cds-heading-compact-02-font-size,1rem);font-weight:var(--cds-heading-compact-02-font-weight,600);letter-spacing:var(--cds-heading-compact-02-letter-spacing,0);line-height:var(--cds-heading-compact-02-line-height,1.375)}.c4p--add-select__next__item-summary-panel-body{padding-block:1rem;padding-inline:1rem}.c4p--add-select__next__item-summary-panel-entry{margin-block-end:1rem}.c4p--add-select__next__item-summary-panel-entry-title{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572)}.c4p--add-select__next__item-summary-panel-entry-body{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}:host(c4p-add-select-body){display:block}:host(c4p-add-select-body) .c4p--add-select__next__body{block-size:100%;display:flex;flex-direction:column;inline-size:100%}:host(c4p-add-select-body) .c4p--add-select__next__header{border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6);padding:1rem}:host(c4p-add-select-body) .c4p--add-select__next__header--custom .c4p--add-select__next__search,:host(c4p-add-select-body) .c4p--add-select__next__header--custom .c4p--add-select__next__sub-header{display:none}:host(c4p-add-select-body) .c4p--add-select__next__search--with-actions{align-items:flex-end;display:flex;margin-block-end:1rem}:host(c4p-add-select-body) .c4p--add-select__next__search-input{flex:1}:host(c4p-add-select-body) .c4p--add-select__next__global-actions{align-items:flex-end;display:flex}:host(c4p-add-select-body) .c4p--add-select__next__sub-header{align-items:center;display:flex;justify-content:space-between}:host(c4p-add-select-body) .c4p--add-select__next__tags{align-items:center;display:flex;gap:.5rem}:host(c4p-add-select-body) .c4p--add-select__next__tags-label{color:var(--cds-text-primary,#161616);font-size:var(--cds-heading-compact-02-font-size,1rem);font-weight:var(--cds-heading-compact-02-font-weight,600);letter-spacing:var(--cds-heading-compact-02-letter-spacing,0);line-height:var(--cds-heading-compact-02-line-height,1.375);margin:0}:host(c4p-add-select-body) .c4p--add-select__next__sub-header-actions{align-items:center;display:flex;gap:.5rem;margin-inline-start:1rem}:host(c4p-add-select-body) .c4p--add-select__next__content{flex:1;overflow:auto}:host(c4p-add-select-body) .c4p--add-select__next-list-body{display:flex;flex-direction:column}"]);
+var add_select_body_default = css([".c4p--add-select__next{position:relative}.c4p--add-select__next,.c4p--add-select__next__body{block-size:100%;display:flex;flex-direction:column;inline-size:100%}.c4p--add-select__next__header{border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6);padding-block-end:.5rem;padding-block-start:1rem;padding-inline:1rem}.c4p--add-select__next__search{margin-block-end:1rem}.c4p--add-select__next__search--with-actions{align-items:flex-end;display:flex}.c4p--add-select__next__search-input{flex:1}.c4p--add-select__next__global-actions{align-items:flex-end;display:flex}.c4p--add-select__next__sub-header{align-items:center;display:flex;justify-content:space-between}.c4p--add-select__next__tags{align-items:center;display:flex;gap:.5rem}.c4p--add-select__next__tags-label{color:var(--cds-text-primary,#161616);font-size:var(--cds-heading-compact-02-font-size,1rem);font-weight:var(--cds-heading-compact-02-font-weight,600);letter-spacing:var(--cds-heading-compact-02-letter-spacing,0);line-height:var(--cds-heading-compact-02-line-height,1.375);margin:0}.c4p--add-select__next__sub-header-actions{align-items:center;display:flex;gap:.5rem;margin-inline-start:1rem}.c4p--add-select__next__content{display:flex;flex:1;flex-direction:column;overflow:auto}.c4p--add-select__next-list{display:flex;flex:1;flex-direction:column;overflow-y:auto}@supports (overflow-block:auto){.c4p--add-select__next-list{overflow-block:auto}}.c4p--add-select__next-list:focus{outline:none}.c4p--add-select__next-list-body{display:flex;flex-direction:column}.c4p--add-select__next-list-body--horizontal{align-items:stretch;block-size:100%;flex-direction:row}.c4p--add-select__next-list-body--horizontal .c4p--add-select__next-column{padding-block:1rem;padding-inline:1rem}.c4p--add-select__next-row{border-inline-start:.125rem solid transparent;display:flex;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}.c4p--add-select__next-row:focus{outline:.125rem solid var(--cds-focus,#0f62fe);outline-offset:-.125rem}.c4p--add-select__next-row:focus:not(:focus-visible){outline:none}.c4p--add-select__next-row--selected{background-color:var(--cds-layer-selected-01,#e0e0e0)}.c4p--add-select__next-row--selected .c4p--add-select__next-row__cell-wrapper{border-block-end-color:var(--cds-border-subtle-selected-01,#c6c6c6)}.c4p--add-select__next-row--disabled{cursor:not-allowed}.c4p--add-select__next-row--disabled .c4p--add-select__next-row__subtitle,.c4p--add-select__next-row--disabled .c4p--add-select__next-row__title{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.c4p--add-select__next-row--disabled .c4p--add-select__next-row__icon svg,.c4p--add-select__next-row--disabled .c4p--add-select__next-row__nav-indicator svg,.c4p--add-select__next-row--disabled .c4p--add-select__next-row__view-item-panel svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.c4p--add-select__next-row:hover:not(.c4p--add-select__next-row--disabled){background:var(--cds-layer-hover-01,#e8e8e8)}.c4p--add-select__next-row:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__title{color:var(--cds-link-primary,#0f62fe)}.c4p--add-select__next-row:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__nav-indicator svg,.c4p--add-select__next-row:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__view-item-panel svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.c4p--add-select__next-row--selected:hover:not(.c4p--add-select__next-row--disabled){background:var(--cds-layer-selected-hover-01,#d1d1d1)}.c4p--add-select__next-row--selected:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__title{color:var(--cds-text-primary,#161616)}.c4p--add-select__next-row--selected:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__nav-indicator svg,.c4p--add-select__next-row--selected:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__view-item-panel svg{fill:var(--cds-icon-primary,#161616)}.c4p--add-select__next-row__cell{display:flex;flex:1;flex-direction:column}.c4p--add-select__next-row__cell-wrapper{align-items:center;border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6);display:flex;justify-content:space-between;min-block-size:3rem;padding-block:.5rem;padding-inline:1rem}.c4p--add-select__next-row__content{align-items:center;align-self:center;display:flex;flex:1}.c4p--add-select__next-row__checkbox{align-self:center;flex:none;margin-inline-end:1rem}.c4p--add-select__next-row__radio{align-self:center}.c4p--add-select__next-row__radio .cds--radio-button__appearance{margin-inline-end:0}.c4p--add-select__next-row__icon{align-items:center;display:flex;margin-inline-end:.5rem}.c4p--add-select__next-row__text{display:flex;flex:1;flex-direction:column}.c4p--add-select__next-row__title{color:var(--cds-text-primary,#161616);display:block;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.c4p--add-select__next-row__subtitle{color:var(--cds-text-secondary,#525252);display:block;font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333)}.c4p--add-select__next-row__meta{align-items:center;display:flex;margin-inline-start:.5rem}.c4p--add-select__next-row__view-item-panel{margin-inline-start:auto}.c4p--add-select__next-row-item-panel--selected{background-color:var(--cds-layer-hover-01,#e8e8e8);border-inline-start:.125rem solid var(--cds-interactive,#0f62fe)}@media screen and (prefers-reduced-motion:reduce){.c4p--add-select__next-row__nav-indicator{align-items:center;cursor:pointer;display:flex;justify-content:center;margin-inline-start:.5rem;padding-block:.25rem;padding-inline:.25rem;transition:none}.c4p--add-select__next-row__nav-indicator:hover{background-color:var(--cds-background-hover,hsla(0,0%,55%,.12))}.c4p--add-select__next-row__nav-indicator:focus{outline:.125rem solid var(--cds-focus,#0f62fe);outline-offset:-.125rem}.c4p--add-select__next-row__nav-indicator svg{fill:var(--cds-icon-primary,#161616)}}.c4p--add-select__next-row__nav-indicator{align-items:center;cursor:pointer;display:flex;justify-content:center;margin-inline-start:.5rem;padding-block:.25rem;padding-inline:.25rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}.c4p--add-select__next-row__nav-indicator:hover{background-color:var(--cds-background-hover,hsla(0,0%,55%,.12))}.c4p--add-select__next-row__nav-indicator:focus{outline:.125rem solid var(--cds-focus,#0f62fe);outline-offset:-.125rem}.c4p--add-select__next-row__nav-indicator svg{fill:var(--cds-icon-primary,#161616)}.c4p--add-select__next-row--skeleton{cursor:default;pointer-events:none}.c4p--add-select__next-row--skeleton:hover{background:none}.c4p--add-select__next-row--skeleton .c4p--add-select__next-row__skeleton-control{background-color:var(--cds-skeleton-element,#c6c6c6);block-size:1rem;border-radius:.125rem;flex:none;inline-size:1rem;margin-inline-end:1rem}.c4p--add-select__next-row--skeleton .c4p--add-select__next-row__icon .cds--icon--skeleton{block-size:2rem;border-radius:50%;inline-size:2rem}.c4p--add-select__next-row--skeleton .c4p--add-select__next-row__icon .cds--icon--skeleton:before{animation:none;border-radius:50%}.c4p--add-select__next-row--skeleton .c4p--add-select__next-row__skeleton-title{margin-block-end:0}.c4p--add-select__next-column{block-size:100%;border-inline-end:1px solid var(--cds-border-subtle-01,#c6c6c6);display:flex;flex-direction:column;min-inline-size:300px;padding-block:1rem;padding-inline:1rem}.c4p--add-select__next-column:last-child{border-inline-end:none}.c4p--add-select__next-list-body--horizontal .c4p--add-select__next-column:last-child{border-inline-end:1px solid var(--cds-border-subtle-01,#c6c6c6)}.c4p--add-select__next-column__actions,.c4p--add-select__next-column__search--with-actions{align-items:flex-end;display:flex}.c4p--add-select__next-column__search-bar{padding-block-end:0;padding-block-start:1rem;padding-inline:1rem}.c4p--add-select__next-column__search-wrapper{align-items:center;display:flex;gap:0}.c4p--add-select__next-column__search-input{flex:1}.c4p--add-select__next-column__controls{align-items:center;display:flex;gap:0}.c4p--add-select__next-column__filter-button,.c4p--add-select__next-column__sort-button{flex:none}.c4p--add-select__next-column__filter-popover{padding-block:1rem;padding-inline:1rem}.c4p--add-select__next-column__filter-popover .cds--checkbox-wrapper{margin-block-end:.5rem}.c4p--add-select__next-column__filter-popover .cds--checkbox-wrapper:last-child{margin-block-end:0}.c4p--add-select__next-column__header{align-items:center;border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6);display:flex;padding-block:1rem;padding-inline:1rem}.c4p--add-select__next-column__select-all .cds--checkbox-label{align-items:center;display:flex;gap:0}.c4p--add-select__next-column__select-all .cds--checkbox-label-text{align-items:center;display:flex;gap:.5rem;margin-inline-start:.5rem}.c4p--add-select__next-column__title-wrapper{align-items:center;display:flex;gap:.5rem}.c4p--add-select__next-column__title{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572)}.c4p--add-select__next-column__rows{display:flex;flex:1;flex-direction:column;overflow-y:auto}@supports (overflow-block:auto){.c4p--add-select__next-column__rows{overflow-block:auto}}.c4p--add-select__next__breadcrumbs{flex-wrap:wrap}.c4p--add-select__next__breadcrumb-item,.c4p--add-select__next__breadcrumbs{align-items:center;display:flex;gap:.25rem}.c4p--add-select__next__breadcrumb-button{background:none;border:none;color:var(--cds-link-primary,#0f62fe);cursor:pointer;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);padding-block:0;padding-inline:0;text-decoration:none}.c4p--add-select__next__breadcrumb-button:hover{color:var(--cds-link-primary-hover,#0043ce);text-decoration:underline}.c4p--add-select__next__breadcrumb-button:focus{outline:.125rem solid var(--cds-focus,#0f62fe);outline-offset:.125rem}.c4p--add-select__next__breadcrumb-separator{align-items:center;color:var(--cds-text-secondary,#525252);display:flex}.c4p--add-select__next__breadcrumb-separator svg{fill:currentColor}.c4p--add-select__next__breadcrumb-current{color:var(--cds-text-primary,#161616);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.c4p--add-select__next__selection-summary{display:flex;flex-direction:column}.c4p--add-select__next__selection-summary-header{align-items:center;border-block-end:1px solid var(--cds-layer-accent-01,#e0e0e0);display:flex;padding-block-end:.5rem;padding-block-start:1.5rem;padding-inline:1rem}.c4p--add-select__next__selection-summary-title{font-size:var(--cds-heading-compact-02-font-size,1rem);font-weight:var(--cds-heading-compact-02-font-weight,600);letter-spacing:var(--cds-heading-compact-02-letter-spacing,0);line-height:var(--cds-heading-compact-02-line-height,1.375);margin-inline-end:.5rem}.c4p--add-select__next__selection-summary-header-actions{align-items:center;display:flex;gap:.5rem;margin-inline-start:auto}.c4p--add-select__next__selection-summary-item{background-color:var(--cds-layer-01,#f4f4f4);border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6);position:relative}.c4p--add-select__next__selection-summary-item:hover{background-color:var(--cds-layer-hover-01,#e8e8e8)}.c4p--add-select__next__selection-summary-item--accordion .cds--accordion__item,.c4p--add-select__next__selection-summary-item--accordion .cds--accordion__item:last-child{border-block-end:none;border-block-start:none}.c4p--add-select__next__selection-summary-item--accordion .cds--accordion__heading{min-block-size:unset;padding-block:.75rem;padding-inline-end:1rem}.c4p--add-select__next__selection-summary-item--default .c4p--add-select__next__selection-summary-item-title-wrapper{align-items:center;display:flex;justify-content:space-between;padding-block:.75rem;padding-inline:1rem}.c4p--add-select__next__selection-summary-item--default .c4p--add-select__next__selection-summary-item-content{padding-block-end:.75rem;padding-inline:1rem}.c4p--add-select__next__selection-summary-item--default .c4p--add-select__next__selection-summary-item-title{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572)}.c4p--add-select__next__selection-summary-item-title-wrapper{align-items:center;display:flex;justify-content:space-between}.c4p--add-select__next__selection-summary-item-selected-item{flex:1}.c4p--add-select__next__selection-summary-item-title{color:var(--cds-text-primary,#161616);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.c4p--add-select__next__selection-summary-item-subtitle{color:var(--cds-text-secondary,#525252);font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857)}.c4p--add-select__next__selection-summary-item-entry{margin-block-end:1rem}.c4p--add-select__next__selection-summary-item-header{color:var(--cds-text-secondary,#525252);font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);margin-block-end:.5rem}.c4p--add-select__next__selection-summary-item-body{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);margin-block-end:1rem}.c4p--add-select__next__selection-summary-item-remove-button-container{align-items:center;display:inline-flex;justify-content:center;padding-inline-start:.5rem}.c4p--add-select__next__selection-summary-item--accordion .c4p--add-select__next__selection-summary-item-remove-button-container{inset-block-start:50%;inset-inline-end:1rem;padding-inline-start:0;position:absolute;transform:translateY(-50%)}.c4p--add-select__next__selection-summary-item-remove-button{opacity:0;transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.c4p--add-select__next__selection-summary-item-remove-button{transition:none}}.c4p--add-select__next__selection-summary-item:focus-within .c4p--add-select__next__selection-summary-item-remove-button,.c4p--add-select__next__selection-summary-item:hover .c4p--add-select__next__selection-summary-item-remove-button{opacity:1}.c4p--add-select__next__selection-summary-item-content{margin-block-start:0}.c4p--add-select__next__selection-summary .cds--accordion__arrow{transform:rotate(90deg)}.c4p--add-select__next__selection-summary .cds--accordion__item--active .cds--accordion__arrow{transform:rotate(-90deg)}.c4p--add-select__next__selection-summary .cds--accordion--start .cds--accordion__arrow{margin-block:0;margin-inline-end:0;margin-inline-start:1rem}.c4p--add-select__next__selection-summary .cds--accordion--start .cds--accordion__title{margin-inline-end:0;margin-inline-start:.5rem;padding-inline-end:2rem}.c4p--add-select__next__selection-summary .cds--accordion__item--active .cds--accordion__content{margin-block-start:0;padding-block:1rem;padding-inline:1rem}@keyframes add-select-item-panel-entrance{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes add-select-item-panel-exit{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@keyframes add-select-item-panel-entrance-reduced{0%{opacity:0}to{opacity:1}}@keyframes add-select-item-panel-exit-reduced{0%{opacity:1}to{opacity:0}}.c4p--add-select__next__item-summary-panel{block-size:100%;display:none;inline-size:100%;transform:translateX(0);transition-behavior:allow-discrete;transition-duration:.15s;transition-property:display,opacity,transform}.c4p--add-select__next__item-summary-panel--open{animation:add-select-item-panel-entrance .15s cubic-bezier(0,0,.38,.9) forwards;display:flex;flex-direction:column}@starting-style{.c4p--add-select__next__item-summary-panel--open{opacity:0;transform:translateX(100%)}}@media (prefers-reduced-motion){.c4p--add-select__next__item-summary-panel--open{animation:add-select-item-panel-entrance-reduced .15s cubic-bezier(0,0,.38,.9) forwards}@starting-style{.c4p--add-select__next__item-summary-panel--open{opacity:0;transform:translateX(0)}}}.c4p--add-select__next__item-summary-panel-header{align-items:center;border-block-end:1px solid var(--cds-layer-accent-01,#e0e0e0);display:flex;gap:.5rem;justify-content:space-between;padding-block-end:.5rem;padding-block-start:2rem;padding-inline:1rem}.c4p--add-select__next__item-summary-panel-title{font-size:var(--cds-heading-compact-02-font-size,1rem);font-weight:var(--cds-heading-compact-02-font-weight,600);letter-spacing:var(--cds-heading-compact-02-letter-spacing,0);line-height:var(--cds-heading-compact-02-line-height,1.375)}.c4p--add-select__next__item-summary-panel-body{padding-block:1rem;padding-inline:1rem}.c4p--add-select__next__item-summary-panel-entry{margin-block-end:1rem}.c4p--add-select__next__item-summary-panel-entry-title{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572)}.c4p--add-select__next__item-summary-panel-entry-body{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}:host(c4p-add-select-body){block-size:100%;display:block}:host(c4p-add-select-body) .c4p--add-select__next__body{block-size:100%;display:flex;flex-direction:column;inline-size:100%}:host(c4p-add-select-body) .c4p--add-select__next__header{border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6);padding:1rem}:host(c4p-add-select-body) .c4p--add-select__next__header--custom .c4p--add-select__next__search,:host(c4p-add-select-body) .c4p--add-select__next__header--custom .c4p--add-select__next__sub-header{display:none}:host(c4p-add-select-body) .c4p--add-select__next__search--with-actions{align-items:flex-end;display:flex;margin-block-end:1rem}:host(c4p-add-select-body) .c4p--add-select__next__search-input{flex:1}:host(c4p-add-select-body) .c4p--add-select__next__global-actions{align-items:flex-end;display:flex}:host(c4p-add-select-body) .c4p--add-select__next__sub-header{align-items:center;display:flex;justify-content:space-between}:host(c4p-add-select-body) .c4p--add-select__next__tags{align-items:center;display:flex;gap:.5rem}:host(c4p-add-select-body) .c4p--add-select__next__tags-label{color:var(--cds-text-primary,#161616);font-size:var(--cds-heading-compact-02-font-size,1rem);font-weight:var(--cds-heading-compact-02-font-weight,600);letter-spacing:var(--cds-heading-compact-02-letter-spacing,0);line-height:var(--cds-heading-compact-02-line-height,1.375);margin:0}:host(c4p-add-select-body) .c4p--add-select__next__sub-header-actions{align-items:center;display:flex;gap:.5rem;margin-inline-start:1rem}:host(c4p-add-select-body) .c4p--add-select__next__content{flex:1;overflow:auto}:host(c4p-add-select-body) .c4p--add-select__next-list-body{display:flex;flex-direction:column}:host(c4p-add-select-body) .c4p--add-select__next-list-body--horizontal{flex-direction:row}"]);
 //#endregion
 export { add_select_body_default as default };

package/es/components/add-select/add-select-body.scss.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"add-select-body.scss.js","names":[],"sources":["../../../src/components/add-select/add-select-body.scss?lit"],"sourcesContent":["/*\n Copyright IBM Corp. 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/ Carbon and IBM Products styles /\n@use '@carbon/styles/scss/theme' as ;\n@use '@carbon/styles/scss/spacing' as ;\n@use '@carbon/styles/scss/type';\n\n$prefix: 'c4p';\n\n/ Import shared AddSelect composable/next styles from ibm-products-styles /\n@use '@carbon/ibm-products-styles/scss/components/AddSelect/add-select_next'\n as ;\n\n/* Web Component specific overrides */\n:host(#{$prefix}-add-select-body) {\n display: block;\n\n .#{$block-class__next}__body {\n display: flex;\n flex-direction: column;\n block-size: 100%;\n inline-size: 100%;\n }\n\n .#{$block-class__next}__header {\n padding: $spacing-05;\n border-block-end: 1px solid $border-subtle-01;\n }\n\n // When consumer provides a custom header via slot=\"header\",\n // hide the default search/sub-header content.\n .#{$block-class__next}__header--custom {\n .#{$block-class__next}__search,\n .#{$block-class__next}__sub-header {\n display: none;\n }\n }\n\n // Search row: input + actions side by side (matches __search--with-actions)\n .#{$block-class__next}__search--with-actions {\n display: flex;\n align-items: flex-end;\n margin-block-end: $spacing-05;\n }\n\n .#{$block-class__next}__search-input {\n flex: 1;\n }\n\n .#{$block-class__next}__global-actions {\n display: flex;\n align-items: flex-end;\n }\n\n .#{$block-class__next}__sub-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n .#{$block-class__next}__tags {\n display: flex;\n align-items: center;\n gap: $spacing-03;\n }\n\n .#{$block-class__next}__tags-label {\n @include type.type-style('heading-compact-02');\n\n margin: 0;\n color: $text-primary;\n }\n\n .#{$block-class__next}__sub-header-actions {\n display: flex;\n align-items: center;\n gap: $spacing-03;\n margin-inline-start: $spacing-05;\n }\n\n .#{$block-class__next}__content {\n overflow: auto;\n flex: 1;\n }\n\n .#{$block-class__next}-list-body {\n display: flex;\n flex-direction: column;\n }\n}\n"],"mappings":""}
1	+ {"version":3,"file":"add-select-body.scss.js","names":[],"sources":["../../../src/components/add-select/add-select-body.scss?lit"],"sourcesContent":["/*\n Copyright IBM Corp. 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/ Carbon and IBM Products styles /\n@use '@carbon/styles/scss/theme' as ;\n@use '@carbon/styles/scss/spacing' as ;\n@use '@carbon/styles/scss/type';\n\n$prefix: 'c4p';\n\n/ Import shared AddSelect composable/next styles from ibm-products-styles /\n@use '@carbon/ibm-products-styles/scss/components/AddSelect/add-select_next'\n as ;\n\n/* Web Component specific overrides */\n:host(#{$prefix}-add-select-body) {\n display: block;\n block-size: 100%;\n\n .#{$block-class__next}__body {\n display: flex;\n flex-direction: column;\n block-size: 100%;\n inline-size: 100%;\n }\n\n .#{$block-class__next}__header {\n padding: $spacing-05;\n border-block-end: 1px solid $border-subtle-01;\n }\n\n // When consumer provides a custom header via slot=\"header\",\n // hide the default search/sub-header content.\n .#{$block-class__next}__header--custom {\n .#{$block-class__next}__search,\n .#{$block-class__next}__sub-header {\n display: none;\n }\n }\n\n // Search row: input + actions side by side (matches __search--with-actions)\n .#{$block-class__next}__search--with-actions {\n display: flex;\n align-items: flex-end;\n margin-block-end: $spacing-05;\n }\n\n .#{$block-class__next}__search-input {\n flex: 1;\n }\n\n .#{$block-class__next}__global-actions {\n display: flex;\n align-items: flex-end;\n }\n\n .#{$block-class__next}__sub-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n .#{$block-class__next}__tags {\n display: flex;\n align-items: center;\n gap: $spacing-03;\n }\n\n .#{$block-class__next}__tags-label {\n @include type.type-style('heading-compact-02');\n\n margin: 0;\n color: $text-primary;\n }\n\n .#{$block-class__next}__sub-header-actions {\n display: flex;\n align-items: center;\n gap: $spacing-03;\n margin-inline-start: $spacing-05;\n }\n\n .#{$block-class__next}__content {\n overflow: auto;\n flex: 1;\n }\n\n .#{$block-class__next}-list-body {\n display: flex;\n flex-direction: column;\n\n &--horizontal {\n flex-direction: row;\n }\n }\n}\n"],"mappings":""}

package/es/components/add-select/add-select-column.js CHANGED Viewed

@@ -88,7 +88,7 @@ let CDSAddSelectColumn = class CDSAddSelectColumn extends LitElement {
 		const columnClasses = classMap({ [`${blockClass}-column`]: true });
 		const showHeader = showSelectAll || !!title;
 		return html`
-      <div class=${columnClasses}>
+      <div class=${columnClasses} part="column">
         <!-- Column search with optional actions slot -->
         ${!hideSearch ? html`
               <div

package/es/components/add-select/add-select-column.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"add-select-column.js","names":["styles","customElement"],"sources":["../../../src/components/add-select/add-select-column.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 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, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport '@carbon/web-components/es/components/search/index.js';\nimport '@carbon/web-components/es/components/tag/index.js';\nimport '@carbon/web-components/es/components/checkbox/index.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './add-select-column.scss?lit';\n\nconst blockClass = `${prefix}--add-select__next`;\n\n/\n Add Select Column component — optional column wrapper providing column-level\n * search, title, and \"Select All\" functionality. Propagates `multi` context to\n * child rows via the `multi` property/attribute.\n * @element c4p-add-select-column\n * @slot default - AddSelectRow elements\n * @slot actions - Custom actions (filter/sort) placed next to column search\n * @fires c4p-add-select-column-search - Fired when column search changes; detail: { searchTerm }\n * @fires c4p-add-select-column-select-all - Fired when \"Select All\" checkbox changes; detail: { checked }\n /\n@customElement(`${prefix}-add-select-column`)\nclass CDSAddSelectColumn extends LitElement {\n /\n Column title shown in the header\n /\n @property({ type: String })\n title = '';\n\n /\n Label text for the column search input (accessibility)\n /\n @property({ type: String, attribute: 'search-label' })\n searchLabel = 'Search';\n\n /\n Placeholder text for the column search input\n /\n @property({ type: String, attribute: 'search-placeholder' })\n searchPlaceholder = 'Search';\n\n /\n Whether to hide the column search input\n /\n @property({ type: Boolean, attribute: 'hide-search', reflect: true })\n hideSearch = false;\n\n /\n Whether this column uses multi-selection (checkboxes) or single-selection (radio buttons)\n /\n @property({ type: Boolean, reflect: true })\n multi = false;\n\n /\n Whether to show the \"Select All\" checkbox (only when multi is true)\n /\n @property({ type: Boolean, attribute: 'show-select-all', reflect: true })\n showSelectAll = false;\n\n /\n Total number of items in the column (shown in tag badge)\n /\n @property({ type: Number, attribute: 'item-count' })\n itemCount = 0;\n\n /\n Whether all items are currently selected\n /\n @property({ type: Boolean, attribute: 'all-selected', reflect: true })\n allSelected = false;\n\n /\n Whether the \"Select All\" checkbox is in an indeterminate state\n /\n @property({ type: Boolean, attribute: 'all-indeterminate', reflect: true })\n allIndeterminate = false;\n\n /* Internal column search term /\n @state()\n private _searchTerm = '';\n\n /* Whether the actions slot has any assigned content /\n @state()\n private _hasActionsSlot = false;\n\n private _handleActionsSlotChange(e: Event) {\n const slot = e.target as HTMLSlotElement;\n this._hasActionsSlot = slot.assignedElements({ flatten: true }).length > 0;\n }\n\n private _handleSearch(event: CustomEvent) {\n this._searchTerm = (event.detail?.value as string) ?? '';\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSAddSelectColumn).eventSearch,\n {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: { searchTerm: this._searchTerm },\n }\n )\n );\n }\n\n private _handleSelectAll(event: CustomEvent) {\n const checked = !!event.detail?.checked;\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSAddSelectColumn).eventSelectAll,\n {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: { checked },\n }\n )\n );\n }\n\n private _handleSlotChange() {\n // Propagate multi to slotted rows\n const slot = this.shadowRoot?.querySelector(\n 'slot:not([name])'\n ) as HTMLSlotElement \| null;\n if (!slot) {\n return;\n }\n slot.assignedElements({ flatten: true }).forEach((el) => {\n if (el.tagName.toLowerCase() === `${prefix}-add-select-row`) {\n if (this.multi) {\n el.setAttribute('_column-multi', '');\n } else {\n el.removeAttribute('_column-multi');\n }\n }\n });\n }\n\n updated(changed: Map<string, unknown>) {\n if (changed.has('multi')) {\n this._handleSlotChange();\n }\n }\n\n render() {\n const {\n title,\n searchLabel,\n searchPlaceholder,\n hideSearch,\n multi,\n showSelectAll,\n itemCount,\n allSelected,\n allIndeterminate,\n } = this;\n\n const columnClasses = classMap({\n [`${blockClass}-column`]: true,\n });\n\n const showHeader = showSelectAll \|\| !!title;\n\n return html`\n <div class=${columnClasses}>\n <!-- Column search with optional actions slot -->\n ${!hideSearch\n ? html`\n <div\n class=\"${classMap({\n [`${blockClass}-column__search`]: true,\n [`${blockClass}-column__search--with-actions`]:\n this._hasActionsSlot,\n })}\"\n >\n <div\n class=\"${this._hasActionsSlot\n ? `${blockClass}-column__search-input`\n : ''}\"\n >\n <cds-search\n label-text=${searchLabel}\n placeholder=${searchPlaceholder}\n size=\"md\"\n @cds-search-input=${this._handleSearch}\n ></cds-search>\n </div>\n <slot\n name=\"actions\"\n class=\"${blockClass}-column__actions\"\n @slotchange=${this._handleActionsSlotChange}\n ></slot>\n </div>\n `\n : nothing}\n\n <!-- Column header: Select All checkbox or title -->\n ${showHeader\n ? html`\n <div class=\"${blockClass}-column__header\">\n ${showSelectAll && multi\n ? html`\n <cds-checkbox\n class=\"${blockClass}-column__select-all\"\n ?checked=${allSelected}\n ?indeterminate=${allIndeterminate}\n @cds-checkbox-changed=${this._handleSelectAll}\n >\n <span class=\"${blockClass}-column__title\"\n >${title}</span\n >\n ${itemCount > 0\n ? html`<cds-tag type=\"gray\" size=\"sm\"\n >${itemCount}</cds-tag\n >`\n : nothing}\n </cds-checkbox>\n `\n : html`\n <div class=\"${blockClass}-column__title-wrapper\">\n <span class=\"${blockClass}-column__title\"\n >${title}</span\n >\n ${itemCount > 0\n ? html`<cds-tag type=\"gray\" size=\"sm\"\n >${itemCount}</cds-tag\n >`\n : nothing}\n </div>\n `}\n </div>\n `\n : nothing}\n\n <!-- Rows container -->\n <div class=\"${blockClass}-column__rows\" role=\"rowgroup\">\n <slot @slotchange=${this._handleSlotChange}></slot>\n </div>\n </div>\n `;\n }\n\n /\n The name of the custom event fired when column search changes.\n * detail: { searchTerm: string }\n /\n static get eventSearch() {\n return `${prefix}-add-select-column-search`;\n }\n\n /\n The name of the custom event fired when \"Select All\" is toggled.\n * detail: { checked: boolean }\n */\n static get eventSelectAll() {\n return `${prefix}-add-select-column-select-all`;\n }\n\n static styles = styles;\n}\n\nexport default CDSAddSelectColumn;\n"],"mappings":"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"}
1	+ {"version":3,"file":"add-select-column.js","names":["styles","customElement"],"sources":["../../../src/components/add-select/add-select-column.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 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, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport '@carbon/web-components/es/components/search/index.js';\nimport '@carbon/web-components/es/components/tag/index.js';\nimport '@carbon/web-components/es/components/checkbox/index.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './add-select-column.scss?lit';\n\nconst blockClass = `${prefix}--add-select__next`;\n\n/\n Add Select Column component — optional column wrapper providing column-level\n * search, title, and \"Select All\" functionality. Propagates `multi` context to\n * child rows via the `multi` property/attribute.\n * @element c4p-add-select-column\n * @slot default - AddSelectRow elements\n * @slot actions - Custom actions (filter/sort) placed next to column search\n * @fires c4p-add-select-column-search - Fired when column search changes; detail: { searchTerm }\n * @fires c4p-add-select-column-select-all - Fired when \"Select All\" checkbox changes; detail: { checked }\n /\n@customElement(`${prefix}-add-select-column`)\nclass CDSAddSelectColumn extends LitElement {\n /\n Column title shown in the header\n /\n @property({ type: String })\n title = '';\n\n /\n Label text for the column search input (accessibility)\n /\n @property({ type: String, attribute: 'search-label' })\n searchLabel = 'Search';\n\n /\n Placeholder text for the column search input\n /\n @property({ type: String, attribute: 'search-placeholder' })\n searchPlaceholder = 'Search';\n\n /\n Whether to hide the column search input\n /\n @property({ type: Boolean, attribute: 'hide-search', reflect: true })\n hideSearch = false;\n\n /\n Whether this column uses multi-selection (checkboxes) or single-selection (radio buttons)\n /\n @property({ type: Boolean, reflect: true })\n multi = false;\n\n /\n Whether to show the \"Select All\" checkbox (only when multi is true)\n /\n @property({ type: Boolean, attribute: 'show-select-all', reflect: true })\n showSelectAll = false;\n\n /\n Total number of items in the column (shown in tag badge)\n /\n @property({ type: Number, attribute: 'item-count' })\n itemCount = 0;\n\n /\n Whether all items are currently selected\n /\n @property({ type: Boolean, attribute: 'all-selected', reflect: true })\n allSelected = false;\n\n /\n Whether the \"Select All\" checkbox is in an indeterminate state\n /\n @property({ type: Boolean, attribute: 'all-indeterminate', reflect: true })\n allIndeterminate = false;\n\n /* Internal column search term /\n @state()\n private _searchTerm = '';\n\n /* Whether the actions slot has any assigned content /\n @state()\n private _hasActionsSlot = false;\n\n private _handleActionsSlotChange(e: Event) {\n const slot = e.target as HTMLSlotElement;\n this._hasActionsSlot = slot.assignedElements({ flatten: true }).length > 0;\n }\n\n private _handleSearch(event: CustomEvent) {\n this._searchTerm = (event.detail?.value as string) ?? '';\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSAddSelectColumn).eventSearch,\n {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: { searchTerm: this._searchTerm },\n }\n )\n );\n }\n\n private _handleSelectAll(event: CustomEvent) {\n const checked = !!event.detail?.checked;\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSAddSelectColumn).eventSelectAll,\n {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: { checked },\n }\n )\n );\n }\n\n private _handleSlotChange() {\n // Propagate multi to slotted rows\n const slot = this.shadowRoot?.querySelector(\n 'slot:not([name])'\n ) as HTMLSlotElement \| null;\n if (!slot) {\n return;\n }\n slot.assignedElements({ flatten: true }).forEach((el) => {\n if (el.tagName.toLowerCase() === `${prefix}-add-select-row`) {\n if (this.multi) {\n el.setAttribute('_column-multi', '');\n } else {\n el.removeAttribute('_column-multi');\n }\n }\n });\n }\n\n updated(changed: Map<string, unknown>) {\n if (changed.has('multi')) {\n this._handleSlotChange();\n }\n }\n\n render() {\n const {\n title,\n searchLabel,\n searchPlaceholder,\n hideSearch,\n multi,\n showSelectAll,\n itemCount,\n allSelected,\n allIndeterminate,\n } = this;\n\n const columnClasses = classMap({\n [`${blockClass}-column`]: true,\n });\n\n const showHeader = showSelectAll \|\| !!title;\n\n return html`\n <div class=${columnClasses} part=\"column\">\n <!-- Column search with optional actions slot -->\n ${!hideSearch\n ? html`\n <div\n class=\"${classMap({\n [`${blockClass}-column__search`]: true,\n [`${blockClass}-column__search--with-actions`]:\n this._hasActionsSlot,\n })}\"\n >\n <div\n class=\"${this._hasActionsSlot\n ? `${blockClass}-column__search-input`\n : ''}\"\n >\n <cds-search\n label-text=${searchLabel}\n placeholder=${searchPlaceholder}\n size=\"md\"\n @cds-search-input=${this._handleSearch}\n ></cds-search>\n </div>\n <slot\n name=\"actions\"\n class=\"${blockClass}-column__actions\"\n @slotchange=${this._handleActionsSlotChange}\n ></slot>\n </div>\n `\n : nothing}\n\n <!-- Column header: Select All checkbox or title -->\n ${showHeader\n ? html`\n <div class=\"${blockClass}-column__header\">\n ${showSelectAll && multi\n ? html`\n <cds-checkbox\n class=\"${blockClass}-column__select-all\"\n ?checked=${allSelected}\n ?indeterminate=${allIndeterminate}\n @cds-checkbox-changed=${this._handleSelectAll}\n >\n <span class=\"${blockClass}-column__title\"\n >${title}</span\n >\n ${itemCount > 0\n ? html`<cds-tag type=\"gray\" size=\"sm\"\n >${itemCount}</cds-tag\n >`\n : nothing}\n </cds-checkbox>\n `\n : html`\n <div class=\"${blockClass}-column__title-wrapper\">\n <span class=\"${blockClass}-column__title\"\n >${title}</span\n >\n ${itemCount > 0\n ? html`<cds-tag type=\"gray\" size=\"sm\"\n >${itemCount}</cds-tag\n >`\n : nothing}\n </div>\n `}\n </div>\n `\n : nothing}\n\n <!-- Rows container -->\n <div class=\"${blockClass}-column__rows\" role=\"rowgroup\">\n <slot @slotchange=${this._handleSlotChange}></slot>\n </div>\n </div>\n `;\n }\n\n /\n The name of the custom event fired when column search changes.\n * detail: { searchTerm: string }\n /\n static get eventSearch() {\n return `${prefix}-add-select-column-search`;\n }\n\n /\n The name of the custom event fired when \"Select All\" is toggled.\n * detail: { checked: boolean }\n */\n static get eventSelectAll() {\n return `${prefix}-add-select-column-select-all`;\n }\n\n static styles = styles;\n}\n\nexport default CDSAddSelectColumn;\n"],"mappings":"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"}

package/es/components/add-select/add-select-column.scss.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import { css } from "lit";
 //#region src/components/add-select/add-select-column.scss?lit
-var add_select_column_default = css([".c4p--add-select__next{position:relative}.c4p--add-select__next,.c4p--add-select__next__body{block-size:100%;display:flex;flex-direction:column;inline-size:100%}.c4p--add-select__next__header{border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6);padding-block-end:.5rem;padding-block-start:1rem;padding-inline:1rem}.c4p--add-select__next__search{margin-block-end:1rem}.c4p--add-select__next__search--with-actions{align-items:flex-end;display:flex}.c4p--add-select__next__search-input{flex:1}.c4p--add-select__next__global-actions{align-items:flex-end;display:flex}.c4p--add-select__next__sub-header{align-items:center;display:flex;justify-content:space-between}.c4p--add-select__next__tags{align-items:center;display:flex;gap:.5rem}.c4p--add-select__next__tags-label{color:var(--cds-text-primary,#161616);font-size:var(--cds-heading-compact-02-font-size,1rem);font-weight:var(--cds-heading-compact-02-font-weight,600);letter-spacing:var(--cds-heading-compact-02-letter-spacing,0);line-height:var(--cds-heading-compact-02-line-height,1.375);margin:0}.c4p--add-select__next__sub-header-actions{align-items:center;display:flex;gap:.5rem;margin-inline-start:1rem}.c4p--add-select__next__content{display:flex;flex:1;flex-direction:column;overflow:auto}.c4p--add-select__next-list{display:flex;flex:1;flex-direction:column;overflow-y:auto}@supports (overflow-block:auto){.c4p--add-select__next-list{overflow-block:auto}}.c4p--add-select__next-list:focus{outline:none}.c4p--add-select__next-list-body{display:flex;flex-direction:column}.c4p--add-select__next-list-body--horizontal{align-items:stretch;block-size:100%;flex-direction:row}.c4p--add-select__next-list-body--horizontal .c4p--add-select__next-column{padding-block:1rem;padding-inline:1rem}.c4p--add-select__next-row{border-inline-start:.125rem solid transparent;display:flex;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}.c4p--add-select__next-row:focus{outline:.125rem solid var(--cds-focus,#0f62fe);outline-offset:-.125rem}.c4p--add-select__next-row:focus:not(:focus-visible){outline:none}.c4p--add-select__next-row--selected{background-color:var(--cds-layer-selected-01,#e0e0e0)}.c4p--add-select__next-row--selected .c4p--add-select__next-row__cell-wrapper{border-block-end-color:var(--cds-border-subtle-selected-01,#c6c6c6)}.c4p--add-select__next-row--disabled{cursor:not-allowed}.c4p--add-select__next-row--disabled .c4p--add-select__next-row__subtitle,.c4p--add-select__next-row--disabled .c4p--add-select__next-row__title{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.c4p--add-select__next-row--disabled .c4p--add-select__next-row__icon svg,.c4p--add-select__next-row--disabled .c4p--add-select__next-row__nav-indicator svg,.c4p--add-select__next-row--disabled .c4p--add-select__next-row__view-item-panel svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.c4p--add-select__next-row:hover:not(.c4p--add-select__next-row--disabled){background:var(--cds-layer-hover-01,#e8e8e8)}.c4p--add-select__next-row:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__title{color:var(--cds-link-primary,#0f62fe)}.c4p--add-select__next-row:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__nav-indicator svg,.c4p--add-select__next-row:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__view-item-panel svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.c4p--add-select__next-row--selected:hover:not(.c4p--add-select__next-row--disabled){background:var(--cds-layer-selected-hover-01,#d1d1d1)}.c4p--add-select__next-row--selected:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__title{color:var(--cds-text-primary,#161616)}.c4p--add-select__next-row--selected:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__nav-indicator svg,.c4p--add-select__next-row--selected:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__view-item-panel svg{fill:var(--cds-icon-primary,#161616)}.c4p--add-select__next-row__cell{display:flex;flex:1;flex-direction:column}.c4p--add-select__next-row__cell-wrapper{align-items:center;border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6);display:flex;justify-content:space-between;min-block-size:3rem;padding-block:.5rem;padding-inline:1rem}.c4p--add-select__next-row__content{align-items:center;align-self:center;display:flex;flex:1}.c4p--add-select__next-row__checkbox{align-self:center;flex:none;margin-inline-end:1rem}.c4p--add-select__next-row__radio{align-self:center}.c4p--add-select__next-row__radio .cds--radio-button__appearance{margin-inline-end:0}.c4p--add-select__next-row__icon{align-items:center;display:flex;margin-inline-end:.5rem}.c4p--add-select__next-row__text{display:flex;flex:1;flex-direction:column}.c4p--add-select__next-row__title{color:var(--cds-text-primary,#161616);display:block;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.c4p--add-select__next-row__subtitle{color:var(--cds-text-secondary,#525252);display:block;font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333)}.c4p--add-select__next-row__meta{align-items:center;display:flex;margin-inline-start:.5rem}.c4p--add-select__next-row__view-item-panel{margin-inline-start:auto}.c4p--add-select__next-row-item-panel--selected{background-color:var(--cds-layer-hover-01,#e8e8e8);border-inline-start:.125rem solid var(--cds-interactive,#0f62fe)}@media screen and (prefers-reduced-motion:reduce){.c4p--add-select__next-row__nav-indicator{align-items:center;cursor:pointer;display:flex;justify-content:center;margin-inline-start:.5rem;padding-block:.25rem;padding-inline:.25rem;transition:none}.c4p--add-select__next-row__nav-indicator:hover{background-color:var(--cds-background-hover,hsla(0,0%,55%,.12))}.c4p--add-select__next-row__nav-indicator:focus{outline:.125rem solid var(--cds-focus,#0f62fe);outline-offset:-.125rem}.c4p--add-select__next-row__nav-indicator svg{fill:var(--cds-icon-primary,#161616)}}.c4p--add-select__next-row__nav-indicator{align-items:center;cursor:pointer;display:flex;justify-content:center;margin-inline-start:.5rem;padding-block:.25rem;padding-inline:.25rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}.c4p--add-select__next-row__nav-indicator:hover{background-color:var(--cds-background-hover,hsla(0,0%,55%,.12))}.c4p--add-select__next-row__nav-indicator:focus{outline:.125rem solid var(--cds-focus,#0f62fe);outline-offset:-.125rem}.c4p--add-select__next-row__nav-indicator svg{fill:var(--cds-icon-primary,#161616)}.c4p--add-select__next-row--skeleton{cursor:default;pointer-events:none}.c4p--add-select__next-row--skeleton:hover{background:none}.c4p--add-select__next-row--skeleton .c4p--add-select__next-row__skeleton-control{background-color:var(--cds-skeleton-element,#c6c6c6);block-size:1rem;border-radius:.125rem;flex:none;inline-size:1rem;margin-inline-end:1rem}.c4p--add-select__next-row--skeleton .c4p--add-select__next-row__icon .cds--icon--skeleton{block-size:2rem;border-radius:50%;inline-size:2rem}.c4p--add-select__next-row--skeleton .c4p--add-select__next-row__icon .cds--icon--skeleton:before{animation:none;border-radius:50%}.c4p--add-select__next-row--skeleton .c4p--add-select__next-row__skeleton-title{margin-block-end:0}.c4p--add-select__next-column{block-size:100%;border-inline-end:1px solid var(--cds-border-subtle-01,#c6c6c6);display:flex;flex-direction:column;min-inline-size:300px;padding-block:1rem;padding-inline:1rem}.c4p--add-select__next-column:last-child{border-inline-end:none}.c4p--add-select__next-list-body--horizontal .c4p--add-select__next-column:last-child{border-inline-end:1px solid var(--cds-border-subtle-01,#c6c6c6)}.c4p--add-select__next-column__actions,.c4p--add-select__next-column__search--with-actions{align-items:flex-end;display:flex}.c4p--add-select__next-column__search-bar{padding-block-end:0;padding-block-start:1rem;padding-inline:1rem}.c4p--add-select__next-column__search-wrapper{align-items:center;display:flex;gap:0}.c4p--add-select__next-column__search-input{flex:1}.c4p--add-select__next-column__controls{align-items:center;display:flex;gap:0}.c4p--add-select__next-column__filter-button,.c4p--add-select__next-column__sort-button{flex:none}.c4p--add-select__next-column__filter-popover{padding-block:1rem;padding-inline:1rem}.c4p--add-select__next-column__filter-popover .cds--checkbox-wrapper{margin-block-end:.5rem}.c4p--add-select__next-column__filter-popover .cds--checkbox-wrapper:last-child{margin-block-end:0}.c4p--add-select__next-column__header{align-items:center;border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6);display:flex;padding-block:1rem;padding-inline:1rem}.c4p--add-select__next-column__select-all .cds--checkbox-label{align-items:center;display:flex;gap:0}.c4p--add-select__next-column__select-all .cds--checkbox-label-text{align-items:center;display:flex;gap:.5rem;margin-inline-start:.5rem}.c4p--add-select__next-column__title-wrapper{align-items:center;display:flex;gap:.5rem}.c4p--add-select__next-column__title{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572)}.c4p--add-select__next-column__rows{display:flex;flex:1;flex-direction:column;overflow-y:auto}@supports (overflow-block:auto){.c4p--add-select__next-column__rows{overflow-block:auto}}.c4p--add-select__next__breadcrumbs{flex-wrap:wrap}.c4p--add-select__next__breadcrumb-item,.c4p--add-select__next__breadcrumbs{align-items:center;display:flex;gap:.25rem}.c4p--add-select__next__breadcrumb-button{background:none;border:none;color:var(--cds-link-primary,#0f62fe);cursor:pointer;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);padding-block:0;padding-inline:0;text-decoration:none}.c4p--add-select__next__breadcrumb-button:hover{color:var(--cds-link-primary-hover,#0043ce);text-decoration:underline}.c4p--add-select__next__breadcrumb-button:focus{outline:.125rem solid var(--cds-focus,#0f62fe);outline-offset:.125rem}.c4p--add-select__next__breadcrumb-separator{align-items:center;color:var(--cds-text-secondary,#525252);display:flex}.c4p--add-select__next__breadcrumb-separator svg{fill:currentColor}.c4p--add-select__next__breadcrumb-current{color:var(--cds-text-primary,#161616);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.c4p--add-select__next__selection-summary{display:flex;flex-direction:column}.c4p--add-select__next__selection-summary-header{align-items:center;border-block-end:1px solid var(--cds-layer-accent-01,#e0e0e0);display:flex;padding-block-end:.5rem;padding-block-start:1.5rem;padding-inline:1rem}.c4p--add-select__next__selection-summary-title{font-size:var(--cds-heading-compact-02-font-size,1rem);font-weight:var(--cds-heading-compact-02-font-weight,600);letter-spacing:var(--cds-heading-compact-02-letter-spacing,0);line-height:var(--cds-heading-compact-02-line-height,1.375);margin-inline-end:.5rem}.c4p--add-select__next__selection-summary-header-actions{align-items:center;display:flex;gap:.5rem;margin-inline-start:auto}.c4p--add-select__next__selection-summary-item{background-color:var(--cds-layer-01,#f4f4f4);border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6);position:relative}.c4p--add-select__next__selection-summary-item:hover{background-color:var(--cds-layer-hover-01,#e8e8e8)}.c4p--add-select__next__selection-summary-item--accordion .cds--accordion__item,.c4p--add-select__next__selection-summary-item--accordion .cds--accordion__item:last-child{border-block-end:none;border-block-start:none}.c4p--add-select__next__selection-summary-item--accordion .cds--accordion__heading{min-block-size:unset;padding-block:.75rem;padding-inline-end:1rem}.c4p--add-select__next__selection-summary-item--default .c4p--add-select__next__selection-summary-item-title-wrapper{align-items:center;display:flex;justify-content:space-between;padding-block:.75rem;padding-inline:1rem}.c4p--add-select__next__selection-summary-item--default .c4p--add-select__next__selection-summary-item-content{padding-block-end:.75rem;padding-inline:1rem}.c4p--add-select__next__selection-summary-item--default .c4p--add-select__next__selection-summary-item-title{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572)}.c4p--add-select__next__selection-summary-item-title-wrapper{align-items:center;display:flex;justify-content:space-between}.c4p--add-select__next__selection-summary-item-selected-item{flex:1}.c4p--add-select__next__selection-summary-item-title{color:var(--cds-text-primary,#161616);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.c4p--add-select__next__selection-summary-item-subtitle{color:var(--cds-text-secondary,#525252);font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857)}.c4p--add-select__next__selection-summary-item-entry{margin-block-end:1rem}.c4p--add-select__next__selection-summary-item-header{color:var(--cds-text-secondary,#525252);font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);margin-block-end:.5rem}.c4p--add-select__next__selection-summary-item-body{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);margin-block-end:1rem}.c4p--add-select__next__selection-summary-item-remove-button-container{align-items:center;display:inline-flex;justify-content:center;padding-inline-start:.5rem}.c4p--add-select__next__selection-summary-item--accordion .c4p--add-select__next__selection-summary-item-remove-button-container{inset-block-start:50%;inset-inline-end:1rem;padding-inline-start:0;position:absolute;transform:translateY(-50%)}.c4p--add-select__next__selection-summary-item-remove-button{opacity:0;transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.c4p--add-select__next__selection-summary-item-remove-button{transition:none}}.c4p--add-select__next__selection-summary-item:focus-within .c4p--add-select__next__selection-summary-item-remove-button,.c4p--add-select__next__selection-summary-item:hover .c4p--add-select__next__selection-summary-item-remove-button{opacity:1}.c4p--add-select__next__selection-summary-item-content{margin-block-start:0}.c4p--add-select__next__selection-summary .cds--accordion__arrow{transform:rotate(90deg)}.c4p--add-select__next__selection-summary .cds--accordion__item--active .cds--accordion__arrow{transform:rotate(-90deg)}.c4p--add-select__next__selection-summary .cds--accordion--start .cds--accordion__arrow{margin-block:0;margin-inline-end:0;margin-inline-start:1rem}.c4p--add-select__next__selection-summary .cds--accordion--start .cds--accordion__title{margin-inline-end:0;margin-inline-start:.5rem;padding-inline-end:2rem}.c4p--add-select__next__selection-summary .cds--accordion__item--active .cds--accordion__content{margin-block-start:0;padding-block:1rem;padding-inline:1rem}@keyframes add-select-item-panel-entrance{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes add-select-item-panel-exit{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@keyframes add-select-item-panel-entrance-reduced{0%{opacity:0}to{opacity:1}}@keyframes add-select-item-panel-exit-reduced{0%{opacity:1}to{opacity:0}}.c4p--add-select__next__item-summary-panel{block-size:100%;display:none;inline-size:100%;transform:translateX(0);transition-behavior:allow-discrete;transition-duration:.15s;transition-property:display,opacity,transform}.c4p--add-select__next__item-summary-panel--open{animation:add-select-item-panel-entrance .15s cubic-bezier(0,0,.38,.9) forwards;display:flex;flex-direction:column}@starting-style{.c4p--add-select__next__item-summary-panel--open{opacity:0;transform:translateX(100%)}}@media (prefers-reduced-motion){.c4p--add-select__next__item-summary-panel--open{animation:add-select-item-panel-entrance-reduced .15s cubic-bezier(0,0,.38,.9) forwards}@starting-style{.c4p--add-select__next__item-summary-panel--open{opacity:0;transform:translateX(0)}}}.c4p--add-select__next__item-summary-panel-header{align-items:center;border-block-end:1px solid var(--cds-layer-accent-01,#e0e0e0);display:flex;gap:.5rem;justify-content:space-between;padding-block-end:.5rem;padding-block-start:2rem;padding-inline:1rem}.c4p--add-select__next__item-summary-panel-title{font-size:var(--cds-heading-compact-02-font-size,1rem);font-weight:var(--cds-heading-compact-02-font-weight,600);letter-spacing:var(--cds-heading-compact-02-letter-spacing,0);line-height:var(--cds-heading-compact-02-line-height,1.375)}.c4p--add-select__next__item-summary-panel-body{padding-block:1rem;padding-inline:1rem}.c4p--add-select__next__item-summary-panel-entry{margin-block-end:1rem}.c4p--add-select__next__item-summary-panel-entry-title{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572)}.c4p--add-select__next__item-summary-panel-entry-body{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}:host(c4p-add-select-column){display:block}:host(c4p-add-select-column) .c4p--add-select__next-column{display:flex;flex-direction:column;padding:1rem}:host(c4p-add-select-column) .c4p--add-select__next-column__search{padding:0}:host(c4p-add-select-column) .c4p--add-select__next-column__search--with-actions{align-items:flex-end;display:flex}:host(c4p-add-select-column) .c4p--add-select__next-column__search-input{flex:1}:host(c4p-add-select-column) .c4p--add-select__next-column__actions{align-items:flex-end;display:flex}:host(c4p-add-select-column) .c4p--add-select__next-column__header{align-items:center;border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6);display:flex;padding:1rem}:host(c4p-add-select-column) .c4p--add-select__next-column__title-wrapper{align-items:center;display:flex;gap:.5rem}:host(c4p-add-select-column) .c4p--add-select__next-column__title{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572);margin-inline-end:.5rem}:host(c4p-add-select-column) .c4p--add-select__next-column__select-all::part(label){align-items:center;display:flex;gap:.5rem}:host(c4p-add-select-column) .c4p--add-select__next-column__rows{flex:1;overflow:auto}@supports (overflow-block:auto){:host(c4p-add-select-column) .c4p--add-select__next-column__rows{overflow-block:auto}}"]);
+var add_select_column_default = css([".c4p--add-select__next{position:relative}.c4p--add-select__next,.c4p--add-select__next__body{block-size:100%;display:flex;flex-direction:column;inline-size:100%}.c4p--add-select__next__header{border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6);padding-block-end:.5rem;padding-block-start:1rem;padding-inline:1rem}.c4p--add-select__next__search{margin-block-end:1rem}.c4p--add-select__next__search--with-actions{align-items:flex-end;display:flex}.c4p--add-select__next__search-input{flex:1}.c4p--add-select__next__global-actions{align-items:flex-end;display:flex}.c4p--add-select__next__sub-header{align-items:center;display:flex;justify-content:space-between}.c4p--add-select__next__tags{align-items:center;display:flex;gap:.5rem}.c4p--add-select__next__tags-label{color:var(--cds-text-primary,#161616);font-size:var(--cds-heading-compact-02-font-size,1rem);font-weight:var(--cds-heading-compact-02-font-weight,600);letter-spacing:var(--cds-heading-compact-02-letter-spacing,0);line-height:var(--cds-heading-compact-02-line-height,1.375);margin:0}.c4p--add-select__next__sub-header-actions{align-items:center;display:flex;gap:.5rem;margin-inline-start:1rem}.c4p--add-select__next__content{display:flex;flex:1;flex-direction:column;overflow:auto}.c4p--add-select__next-list{display:flex;flex:1;flex-direction:column;overflow-y:auto}@supports (overflow-block:auto){.c4p--add-select__next-list{overflow-block:auto}}.c4p--add-select__next-list:focus{outline:none}.c4p--add-select__next-list-body{display:flex;flex-direction:column}.c4p--add-select__next-list-body--horizontal{align-items:stretch;block-size:100%;flex-direction:row}.c4p--add-select__next-list-body--horizontal .c4p--add-select__next-column{padding-block:1rem;padding-inline:1rem}.c4p--add-select__next-row{border-inline-start:.125rem solid transparent;display:flex;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}.c4p--add-select__next-row:focus{outline:.125rem solid var(--cds-focus,#0f62fe);outline-offset:-.125rem}.c4p--add-select__next-row:focus:not(:focus-visible){outline:none}.c4p--add-select__next-row--selected{background-color:var(--cds-layer-selected-01,#e0e0e0)}.c4p--add-select__next-row--selected .c4p--add-select__next-row__cell-wrapper{border-block-end-color:var(--cds-border-subtle-selected-01,#c6c6c6)}.c4p--add-select__next-row--disabled{cursor:not-allowed}.c4p--add-select__next-row--disabled .c4p--add-select__next-row__subtitle,.c4p--add-select__next-row--disabled .c4p--add-select__next-row__title{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.c4p--add-select__next-row--disabled .c4p--add-select__next-row__icon svg,.c4p--add-select__next-row--disabled .c4p--add-select__next-row__nav-indicator svg,.c4p--add-select__next-row--disabled .c4p--add-select__next-row__view-item-panel svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.c4p--add-select__next-row:hover:not(.c4p--add-select__next-row--disabled){background:var(--cds-layer-hover-01,#e8e8e8)}.c4p--add-select__next-row:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__title{color:var(--cds-link-primary,#0f62fe)}.c4p--add-select__next-row:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__nav-indicator svg,.c4p--add-select__next-row:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__view-item-panel svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.c4p--add-select__next-row--selected:hover:not(.c4p--add-select__next-row--disabled){background:var(--cds-layer-selected-hover-01,#d1d1d1)}.c4p--add-select__next-row--selected:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__title{color:var(--cds-text-primary,#161616)}.c4p--add-select__next-row--selected:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__nav-indicator svg,.c4p--add-select__next-row--selected:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__view-item-panel svg{fill:var(--cds-icon-primary,#161616)}.c4p--add-select__next-row__cell{display:flex;flex:1;flex-direction:column}.c4p--add-select__next-row__cell-wrapper{align-items:center;border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6);display:flex;justify-content:space-between;min-block-size:3rem;padding-block:.5rem;padding-inline:1rem}.c4p--add-select__next-row__content{align-items:center;align-self:center;display:flex;flex:1}.c4p--add-select__next-row__checkbox{align-self:center;flex:none;margin-inline-end:1rem}.c4p--add-select__next-row__radio{align-self:center}.c4p--add-select__next-row__radio .cds--radio-button__appearance{margin-inline-end:0}.c4p--add-select__next-row__icon{align-items:center;display:flex;margin-inline-end:.5rem}.c4p--add-select__next-row__text{display:flex;flex:1;flex-direction:column}.c4p--add-select__next-row__title{color:var(--cds-text-primary,#161616);display:block;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.c4p--add-select__next-row__subtitle{color:var(--cds-text-secondary,#525252);display:block;font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333)}.c4p--add-select__next-row__meta{align-items:center;display:flex;margin-inline-start:.5rem}.c4p--add-select__next-row__view-item-panel{margin-inline-start:auto}.c4p--add-select__next-row-item-panel--selected{background-color:var(--cds-layer-hover-01,#e8e8e8);border-inline-start:.125rem solid var(--cds-interactive,#0f62fe)}@media screen and (prefers-reduced-motion:reduce){.c4p--add-select__next-row__nav-indicator{align-items:center;cursor:pointer;display:flex;justify-content:center;margin-inline-start:.5rem;padding-block:.25rem;padding-inline:.25rem;transition:none}.c4p--add-select__next-row__nav-indicator:hover{background-color:var(--cds-background-hover,hsla(0,0%,55%,.12))}.c4p--add-select__next-row__nav-indicator:focus{outline:.125rem solid var(--cds-focus,#0f62fe);outline-offset:-.125rem}.c4p--add-select__next-row__nav-indicator svg{fill:var(--cds-icon-primary,#161616)}}.c4p--add-select__next-row__nav-indicator{align-items:center;cursor:pointer;display:flex;justify-content:center;margin-inline-start:.5rem;padding-block:.25rem;padding-inline:.25rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}.c4p--add-select__next-row__nav-indicator:hover{background-color:var(--cds-background-hover,hsla(0,0%,55%,.12))}.c4p--add-select__next-row__nav-indicator:focus{outline:.125rem solid var(--cds-focus,#0f62fe);outline-offset:-.125rem}.c4p--add-select__next-row__nav-indicator svg{fill:var(--cds-icon-primary,#161616)}.c4p--add-select__next-row--skeleton{cursor:default;pointer-events:none}.c4p--add-select__next-row--skeleton:hover{background:none}.c4p--add-select__next-row--skeleton .c4p--add-select__next-row__skeleton-control{background-color:var(--cds-skeleton-element,#c6c6c6);block-size:1rem;border-radius:.125rem;flex:none;inline-size:1rem;margin-inline-end:1rem}.c4p--add-select__next-row--skeleton .c4p--add-select__next-row__icon .cds--icon--skeleton{block-size:2rem;border-radius:50%;inline-size:2rem}.c4p--add-select__next-row--skeleton .c4p--add-select__next-row__icon .cds--icon--skeleton:before{animation:none;border-radius:50%}.c4p--add-select__next-row--skeleton .c4p--add-select__next-row__skeleton-title{margin-block-end:0}.c4p--add-select__next-column{block-size:100%;border-inline-end:1px solid var(--cds-border-subtle-01,#c6c6c6);display:flex;flex-direction:column;min-inline-size:300px;padding-block:1rem;padding-inline:1rem}.c4p--add-select__next-column:last-child{border-inline-end:none}.c4p--add-select__next-list-body--horizontal .c4p--add-select__next-column:last-child{border-inline-end:1px solid var(--cds-border-subtle-01,#c6c6c6)}.c4p--add-select__next-column__actions,.c4p--add-select__next-column__search--with-actions{align-items:flex-end;display:flex}.c4p--add-select__next-column__search-bar{padding-block-end:0;padding-block-start:1rem;padding-inline:1rem}.c4p--add-select__next-column__search-wrapper{align-items:center;display:flex;gap:0}.c4p--add-select__next-column__search-input{flex:1}.c4p--add-select__next-column__controls{align-items:center;display:flex;gap:0}.c4p--add-select__next-column__filter-button,.c4p--add-select__next-column__sort-button{flex:none}.c4p--add-select__next-column__filter-popover{padding-block:1rem;padding-inline:1rem}.c4p--add-select__next-column__filter-popover .cds--checkbox-wrapper{margin-block-end:.5rem}.c4p--add-select__next-column__filter-popover .cds--checkbox-wrapper:last-child{margin-block-end:0}.c4p--add-select__next-column__header{align-items:center;border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6);display:flex;padding-block:1rem;padding-inline:1rem}.c4p--add-select__next-column__select-all .cds--checkbox-label{align-items:center;display:flex;gap:0}.c4p--add-select__next-column__select-all .cds--checkbox-label-text{align-items:center;display:flex;gap:.5rem;margin-inline-start:.5rem}.c4p--add-select__next-column__title-wrapper{align-items:center;display:flex;gap:.5rem}.c4p--add-select__next-column__title{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572)}.c4p--add-select__next-column__rows{display:flex;flex:1;flex-direction:column;overflow-y:auto}@supports (overflow-block:auto){.c4p--add-select__next-column__rows{overflow-block:auto}}.c4p--add-select__next__breadcrumbs{flex-wrap:wrap}.c4p--add-select__next__breadcrumb-item,.c4p--add-select__next__breadcrumbs{align-items:center;display:flex;gap:.25rem}.c4p--add-select__next__breadcrumb-button{background:none;border:none;color:var(--cds-link-primary,#0f62fe);cursor:pointer;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);padding-block:0;padding-inline:0;text-decoration:none}.c4p--add-select__next__breadcrumb-button:hover{color:var(--cds-link-primary-hover,#0043ce);text-decoration:underline}.c4p--add-select__next__breadcrumb-button:focus{outline:.125rem solid var(--cds-focus,#0f62fe);outline-offset:.125rem}.c4p--add-select__next__breadcrumb-separator{align-items:center;color:var(--cds-text-secondary,#525252);display:flex}.c4p--add-select__next__breadcrumb-separator svg{fill:currentColor}.c4p--add-select__next__breadcrumb-current{color:var(--cds-text-primary,#161616);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.c4p--add-select__next__selection-summary{display:flex;flex-direction:column}.c4p--add-select__next__selection-summary-header{align-items:center;border-block-end:1px solid var(--cds-layer-accent-01,#e0e0e0);display:flex;padding-block-end:.5rem;padding-block-start:1.5rem;padding-inline:1rem}.c4p--add-select__next__selection-summary-title{font-size:var(--cds-heading-compact-02-font-size,1rem);font-weight:var(--cds-heading-compact-02-font-weight,600);letter-spacing:var(--cds-heading-compact-02-letter-spacing,0);line-height:var(--cds-heading-compact-02-line-height,1.375);margin-inline-end:.5rem}.c4p--add-select__next__selection-summary-header-actions{align-items:center;display:flex;gap:.5rem;margin-inline-start:auto}.c4p--add-select__next__selection-summary-item{background-color:var(--cds-layer-01,#f4f4f4);border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6);position:relative}.c4p--add-select__next__selection-summary-item:hover{background-color:var(--cds-layer-hover-01,#e8e8e8)}.c4p--add-select__next__selection-summary-item--accordion .cds--accordion__item,.c4p--add-select__next__selection-summary-item--accordion .cds--accordion__item:last-child{border-block-end:none;border-block-start:none}.c4p--add-select__next__selection-summary-item--accordion .cds--accordion__heading{min-block-size:unset;padding-block:.75rem;padding-inline-end:1rem}.c4p--add-select__next__selection-summary-item--default .c4p--add-select__next__selection-summary-item-title-wrapper{align-items:center;display:flex;justify-content:space-between;padding-block:.75rem;padding-inline:1rem}.c4p--add-select__next__selection-summary-item--default .c4p--add-select__next__selection-summary-item-content{padding-block-end:.75rem;padding-inline:1rem}.c4p--add-select__next__selection-summary-item--default .c4p--add-select__next__selection-summary-item-title{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572)}.c4p--add-select__next__selection-summary-item-title-wrapper{align-items:center;display:flex;justify-content:space-between}.c4p--add-select__next__selection-summary-item-selected-item{flex:1}.c4p--add-select__next__selection-summary-item-title{color:var(--cds-text-primary,#161616);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.c4p--add-select__next__selection-summary-item-subtitle{color:var(--cds-text-secondary,#525252);font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857)}.c4p--add-select__next__selection-summary-item-entry{margin-block-end:1rem}.c4p--add-select__next__selection-summary-item-header{color:var(--cds-text-secondary,#525252);font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);margin-block-end:.5rem}.c4p--add-select__next__selection-summary-item-body{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);margin-block-end:1rem}.c4p--add-select__next__selection-summary-item-remove-button-container{align-items:center;display:inline-flex;justify-content:center;padding-inline-start:.5rem}.c4p--add-select__next__selection-summary-item--accordion .c4p--add-select__next__selection-summary-item-remove-button-container{inset-block-start:50%;inset-inline-end:1rem;padding-inline-start:0;position:absolute;transform:translateY(-50%)}.c4p--add-select__next__selection-summary-item-remove-button{opacity:0;transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.c4p--add-select__next__selection-summary-item-remove-button{transition:none}}.c4p--add-select__next__selection-summary-item:focus-within .c4p--add-select__next__selection-summary-item-remove-button,.c4p--add-select__next__selection-summary-item:hover .c4p--add-select__next__selection-summary-item-remove-button{opacity:1}.c4p--add-select__next__selection-summary-item-content{margin-block-start:0}.c4p--add-select__next__selection-summary .cds--accordion__arrow{transform:rotate(90deg)}.c4p--add-select__next__selection-summary .cds--accordion__item--active .cds--accordion__arrow{transform:rotate(-90deg)}.c4p--add-select__next__selection-summary .cds--accordion--start .cds--accordion__arrow{margin-block:0;margin-inline-end:0;margin-inline-start:1rem}.c4p--add-select__next__selection-summary .cds--accordion--start .cds--accordion__title{margin-inline-end:0;margin-inline-start:.5rem;padding-inline-end:2rem}.c4p--add-select__next__selection-summary .cds--accordion__item--active .cds--accordion__content{margin-block-start:0;padding-block:1rem;padding-inline:1rem}@keyframes add-select-item-panel-entrance{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes add-select-item-panel-exit{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@keyframes add-select-item-panel-entrance-reduced{0%{opacity:0}to{opacity:1}}@keyframes add-select-item-panel-exit-reduced{0%{opacity:1}to{opacity:0}}.c4p--add-select__next__item-summary-panel{block-size:100%;display:none;inline-size:100%;transform:translateX(0);transition-behavior:allow-discrete;transition-duration:.15s;transition-property:display,opacity,transform}.c4p--add-select__next__item-summary-panel--open{animation:add-select-item-panel-entrance .15s cubic-bezier(0,0,.38,.9) forwards;display:flex;flex-direction:column}@starting-style{.c4p--add-select__next__item-summary-panel--open{opacity:0;transform:translateX(100%)}}@media (prefers-reduced-motion){.c4p--add-select__next__item-summary-panel--open{animation:add-select-item-panel-entrance-reduced .15s cubic-bezier(0,0,.38,.9) forwards}@starting-style{.c4p--add-select__next__item-summary-panel--open{opacity:0;transform:translateX(0)}}}.c4p--add-select__next__item-summary-panel-header{align-items:center;border-block-end:1px solid var(--cds-layer-accent-01,#e0e0e0);display:flex;gap:.5rem;justify-content:space-between;padding-block-end:.5rem;padding-block-start:2rem;padding-inline:1rem}.c4p--add-select__next__item-summary-panel-title{font-size:var(--cds-heading-compact-02-font-size,1rem);font-weight:var(--cds-heading-compact-02-font-weight,600);letter-spacing:var(--cds-heading-compact-02-letter-spacing,0);line-height:var(--cds-heading-compact-02-line-height,1.375)}.c4p--add-select__next__item-summary-panel-body{padding-block:1rem;padding-inline:1rem}.c4p--add-select__next__item-summary-panel-entry{margin-block-end:1rem}.c4p--add-select__next__item-summary-panel-entry-title{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572)}.c4p--add-select__next__item-summary-panel-entry-body{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}:host(c4p-add-select-column){display:block}:host(c4p-add-select-column) .c4p--add-select__next-column{block-size:100%;border-inline-end:1px solid var(--cds-border-subtle-01,#c6c6c6);display:flex;flex-direction:column;min-inline-size:300px;padding-block:1rem;padding-inline:1rem}:host(c4p-add-select-column) .c4p--add-select__next-column__search{padding:0}:host(c4p-add-select-column) .c4p--add-select__next-column__search--with-actions{align-items:flex-end;display:flex}:host(c4p-add-select-column) .c4p--add-select__next-column__search-input{flex:1}:host(c4p-add-select-column) .c4p--add-select__next-column__actions{align-items:flex-end;display:flex}:host(c4p-add-select-column) .c4p--add-select__next-column__header{align-items:center;border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6);display:flex;padding:1rem}:host(c4p-add-select-column) .c4p--add-select__next-column__title-wrapper{align-items:center;display:flex;gap:.5rem}:host(c4p-add-select-column) .c4p--add-select__next-column__title{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572);margin-inline-end:.5rem}:host(c4p-add-select-column) .c4p--add-select__next-column__select-all::part(label){align-items:center;display:flex;gap:.5rem}:host(c4p-add-select-column) .c4p--add-select__next-column__rows{flex:1;overflow:auto}@supports (overflow-block:auto){:host(c4p-add-select-column) .c4p--add-select__next-column__rows{overflow-block:auto}}"]);
 //#endregion
 export { add_select_column_default as default };

package/es/components/add-select/add-select-column.scss.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"add-select-column.scss.js","names":[],"sources":["../../../src/components/add-select/add-select-column.scss?lit"],"sourcesContent":["/*\n Copyright IBM Corp. 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/theme' as ;\n@use '@carbon/styles/scss/spacing' as ;\n@use '@carbon/styles/scss/type';\n\n$prefix: 'c4p';\n\n@use '@carbon/ibm-products-styles/scss/components/AddSelect/add-select_next'\n as ;\n\n:host(#{$prefix}-add-select-column) {\n display: block;\n\n .#{$block-class__next}-column {\n display: flex;\n flex-direction: column;\n padding: $spacing-05;\n }\n\n .#{$block-class__next}-column__search {\n padding: 0;\n\n &--with-actions {\n display: flex;\n align-items: flex-end;\n }\n }\n\n .#{$block-class__next}-column__search-input {\n flex: 1;\n }\n\n .#{$block-class__next}-column__actions {\n display: flex;\n align-items: flex-end;\n }\n\n .#{$block-class__next}-column__header {\n display: flex;\n align-items: center;\n padding: $spacing-05;\n border-block-end: 1px solid $border-subtle-01;\n }\n\n .#{$block-class__next}-column__title-wrapper {\n display: flex;\n align-items: center;\n gap: $spacing-03;\n }\n\n .#{$block-class__next}-column__title {\n @include type.type-style('heading-compact-01');\n\n margin-inline-end: $spacing-03;\n }\n\n // Select all: align slotted title + tag inside the checkbox label\n .#{$block-class__next}-column__select-all {\n &::part(label) {\n display: flex;\n align-items: center;\n gap: $spacing-03;\n }\n }\n\n .#{$block-class__next}-column__rows {\n overflow: auto;\n flex: 1;\n @supports (overflow-block: auto) {\n overflow-block: auto;\n }\n }\n}\n"],"mappings":""}
1	+ {"version":3,"file":"add-select-column.scss.js","names":[],"sources":["../../../src/components/add-select/add-select-column.scss?lit"],"sourcesContent":["/*\n Copyright IBM Corp. 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/theme' as ;\n@use '@carbon/styles/scss/spacing' as ;\n@use '@carbon/styles/scss/type';\n\n$prefix: 'c4p';\n\n@use '@carbon/ibm-products-styles/scss/components/AddSelect/add-select_next'\n as ;\n\n:host(#{$prefix}-add-select-column) {\n display: block;\n\n .#{$block-class__next}-column {\n display: flex;\n flex-direction: column;\n block-size: 100%;\n border-inline-end: 1px solid $border-subtle-01;\n min-inline-size: 300px;\n padding-block: $spacing-05;\n padding-inline: $spacing-05;\n }\n\n .#{$block-class__next}-column__search {\n padding: 0;\n\n &--with-actions {\n display: flex;\n align-items: flex-end;\n }\n }\n\n .#{$block-class__next}-column__search-input {\n flex: 1;\n }\n\n .#{$block-class__next}-column__actions {\n display: flex;\n align-items: flex-end;\n }\n\n .#{$block-class__next}-column__header {\n display: flex;\n align-items: center;\n padding: $spacing-05;\n border-block-end: 1px solid $border-subtle-01;\n }\n\n .#{$block-class__next}-column__title-wrapper {\n display: flex;\n align-items: center;\n gap: $spacing-03;\n }\n\n .#{$block-class__next}-column__title {\n @include type.type-style('heading-compact-01');\n\n margin-inline-end: $spacing-03;\n }\n\n // Select all: align slotted title + tag inside the checkbox label\n .#{$block-class__next}-column__select-all {\n &::part(label) {\n display: flex;\n align-items: center;\n gap: $spacing-03;\n }\n }\n\n .#{$block-class__next}-column__rows {\n overflow: auto;\n flex: 1;\n @supports (overflow-block: auto) {\n overflow-block: auto;\n }\n }\n}\n"],"mappings":""}

package/es/ibm-products-web-components/package.js CHANGED Viewed

@@ -6,7 +6,7 @@
  */
 //#region package.json
-var version = "0.46.0-rc.0";
+var version = "0.47.0-rc.0";
 //#endregion
 export { version };

package/es/index.d.ts CHANGED Viewed

@@ -38,5 +38,5 @@ export { default as CDSBigNumber } from './components/big-number/big-number';
 export { default as CDSEditInPlace } from './components/edit-in-place/edit-in-place';
 export { default as CDSBigNumberSkeleton } from './components/big-number/big-number-skeleton';
 export { AddSelectData } from '@carbon/ibm-products-utilities';
-export type { AddSelectItem, ItemStatus, SearchOptions, } from '@carbon/ibm-products-utilities';
+export type { AddSelectItem, ItemDetailEntry, ItemDetails, ItemStatus, SearchOptions, } from '@carbon/ibm-products-utilities';
 //# sourceMappingURL=index.d.ts.map

package/es/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAC1F,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,+CAA+C,CAAC;AAC5F,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,iDAAiD,CAAC;AAChG,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,iDAAiD,CAAC;AAChG,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,yDAAyD,CAAC;AAC/G,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,qDAAqD,CAAC;AACxG,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,yDAAyD,CAAC;AAC/G,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,mDAAmD,CAAC;AACpG,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,0DAA0D,CAAC;AACjH,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,8CAA8C,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,wCAAwC,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,4CAA4C,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,iDAAiD,CAAC;AACrG,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,8CAA8C,CAAC;AAC/F,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,mDAAmD,CAAC;AACxG,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,iDAAiD,CAAC;AACpG,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,wCAAwC,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,gDAAgD,CAAC;AAClG,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,0DAA0D,CAAC;AACzG,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,4DAA4D,CAAC;AAC5G,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,0CAA0C,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AAG9F,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,YAAY,EACV,aAAa,EACb,UAAU,EACV,aAAa,GACd,MAAM,gCAAgC,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAC1F,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,+CAA+C,CAAC;AAC5F,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,iDAAiD,CAAC;AAChG,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,iDAAiD,CAAC;AAChG,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,yDAAyD,CAAC;AAC/G,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,qDAAqD,CAAC;AACxG,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,yDAAyD,CAAC;AAC/G,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,mDAAmD,CAAC;AACpG,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,0DAA0D,CAAC;AACjH,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,8CAA8C,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,wCAAwC,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,4CAA4C,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,iDAAiD,CAAC;AACrG,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,8CAA8C,CAAC;AAC/F,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,mDAAmD,CAAC;AACxG,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,iDAAiD,CAAC;AACpG,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,wCAAwC,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,gDAAgD,CAAC;AAClG,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,0DAA0D,CAAC;AACzG,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,4DAA4D,CAAC;AAC5G,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,0CAA0C,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AAG9F,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,YAAY,EACV,aAAa,EACb,eAAe,EACf,WAAW,EACX,UAAU,EACV,aAAa,GACd,MAAM,gCAAgC,CAAC"}

package/es-custom/components/add-select/add-select-body.js CHANGED Viewed

@@ -46,6 +46,7 @@ let CDSAddSelectBody = class CDSAddSelectBody extends LitElement {
 		this._searchTerm = "";
 		this.itemCount = void 0;
 		this.hideSearch = false;
+		this.layout = "vertical";
 		this.path = [];
 		this._hasHeaderSlot = false;
 	}
@@ -67,7 +68,7 @@ let CDSAddSelectBody = class CDSAddSelectBody extends LitElement {
 		this._hasHeaderSlot = slot.assignedElements({ flatten: true }).length > 0;
 	}
 	render() {
-		const { itemsLabel, globalSearchLabel, globalSearchPlaceholder, searchResultsTitle, itemCount, hideSearch, path, _searchTerm: searchTerm, _handleSearch: handleSearch } = this;
+		const { itemsLabel, globalSearchLabel, globalSearchPlaceholder, searchResultsTitle, itemCount, hideSearch, layout, path, _searchTerm: searchTerm, _handleSearch: handleSearch } = this;
 		return html`
       <div class="${blockClass}__body">
         ${!hideSearch || this._hasHeaderSlot || itemCount !== void 0 || path && path.length > 0 ? html`
@@ -153,7 +154,10 @@ let CDSAddSelectBody = class CDSAddSelectBody extends LitElement {
         <!-- Body Content -->
         <div class="${blockClass}__content" role="grid" tabindex="0">
-          <div class="${blockClass}-list-body" role="rowgroup">
+          <div
+            class="${blockClass}-list-body${layout === "horizontal" ? ` ${blockClass}-list-body--horizontal` : ""}"
+            role="rowgroup"
+          >
             <slot></slot>
           </div>
         </div>
@@ -202,6 +206,10 @@ __decorate([property({
 	attribute: "hide-search",
 	reflect: true
 })], CDSAddSelectBody.prototype, "hideSearch", void 0);
+__decorate([property({
+	type: String,
+	reflect: true
+})], CDSAddSelectBody.prototype, "layout", void 0);
 __decorate([property({ type: Array })], CDSAddSelectBody.prototype, "path", void 0);
 __decorate([state()], CDSAddSelectBody.prototype, "_hasHeaderSlot", void 0);
 CDSAddSelectBody = __decorate([carbonElement(`c4p-add-select-body`)], CDSAddSelectBody);

package/es-custom/components/add-select/add-select-body.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"add-select-body.js","names":["styles","customElement"],"sources":["../../../src/components/add-select/add-select-body.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 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, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport '@carbon/web-components/es-custom/components/button/index.js';\nimport '@carbon/web-components/es-custom/components/search/index.js';\nimport '@carbon/web-components/es-custom/components/tag/index.js';\nimport '@carbon/web-components/es-custom/components/breadcrumb/index.js';\nimport '@carbon/web-components/es-custom/components/link/index.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './add-select-body.scss?lit';\n\nconst blockClass = `${prefix}--add-select__next`;\n\n/\n Add Select Body component - contains the main content area\n * @element c4p-add-select-body\n * @slot default - The main content area containing c4p-add-select-column or rows\n * @slot header - Replaces the entire header section\n * @slot actions - Custom actions (filter/sort) rendered next to the search input\n * @slot sub-header-actions - Custom content rendered after breadcrumbs and item count\n * @fires c4p-add-select-body-search - Fired when search term changes; detail: { searchTerm }\n * @fires c4p-add-select-body-breadcrumb-click - Fired when a breadcrumb link is clicked; detail: { index }\n /\n@customElement(`${prefix}-add-select-body`)\nclass CDSAddSelectBody extends LitElement {\n /\n Label for items section\n /\n @property({ type: String, attribute: 'items-label' })\n itemsLabel = '';\n\n /\n Global search label\n /\n @property({ type: String, attribute: 'global-search-label' })\n globalSearchLabel = '';\n\n /\n Global search placeholder\n /\n @property({ type: String, attribute: 'global-search-placeholder' })\n globalSearchPlaceholder = 'Search';\n\n /\n No results title\n /\n // @property({ type: String, attribute: 'no-results-title' })\n // noResultsTitle = 'No results found';\n\n /\n No results description\n /\n // @property({ type: String, attribute: 'no-results-description' })\n // noResultsDescription = 'Try adjusting your search or filter';\n\n /\n Search results title\n /\n @property({ type: String, attribute: 'search-results-title' })\n searchResultsTitle = 'Search results';\n\n /\n Current search term\n /\n @state()\n private _searchTerm = '';\n\n /\n Item count for display. When undefined, no count badge is rendered.\n /\n @property({ type: Number, attribute: 'item-count' })\n itemCount: number \| undefined = undefined;\n\n /\n Whether to hide the search input\n /\n @property({ type: Boolean, attribute: 'hide-search', reflect: true })\n hideSearch = false;\n\n /\n Navigation path for breadcrumbs\n /\n @property({ type: Array })\n path: Array<{ id: string; title: string }> = [];\n\n /\n Handle search input\n /\n private _handleSearch(event: CustomEvent) {\n this._searchTerm = event.detail.value \|\| '';\n const init = {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: { searchTerm: this._searchTerm },\n };\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSAddSelectBody).eventSearch,\n init\n )\n );\n }\n\n /* Tracks whether the header slot has been filled by the consumer /\n @state()\n private _hasHeaderSlot = false;\n\n private _handleHeaderSlotChange(e: Event) {\n const slot = e.target as HTMLSlotElement;\n this._hasHeaderSlot = slot.assignedElements({ flatten: true }).length > 0;\n }\n\n render() {\n const {\n itemsLabel,\n globalSearchLabel,\n globalSearchPlaceholder,\n searchResultsTitle,\n itemCount,\n hideSearch,\n path,\n _searchTerm: searchTerm,\n _handleSearch: handleSearch,\n } = this;\n\n // Only render the __header div when it has visible content.\n // When hideSearch is true, no header slot is filled, no item count,\n // and no path — the div is omitted entirely to avoid blank space.\n const hasHeader =\n !hideSearch \|\|\n this._hasHeaderSlot \|\|\n itemCount !== undefined \|\|\n (path && path.length > 0);\n\n return html`\n <div class=\"${blockClass}__body\">\n ${hasHeader\n ? html`\n <div class=\"${blockClass}__header\">\n <!-- Named slot: consumer can replace the entire header -->\n <slot\n name=\"header\"\n @slotchange=${this._handleHeaderSlotChange}\n ></slot>\n\n ${!this._hasHeaderSlot\n ? html`\n <!-- Search + optional actions -->\n ${!hideSearch\n ? html`\n <div\n class=\"${blockClass}__search ${blockClass}__search--with-actions\"\n >\n <div class=\"${blockClass}__search-input\">\n <cds-custom-search\n label-text=${globalSearchLabel}\n placeholder=${globalSearchPlaceholder}\n size=\"lg\"\n @cds-custom-search-input=${handleSearch}\n ></cds-custom-search>\n </div>\n <div class=\"${blockClass}__global-actions\">\n <slot name=\"actions\"></slot>\n </div>\n </div>\n `\n : nothing}\n\n <!-- Sub-header: breadcrumbs / label + item count + optional actions -->\n <div class=\"${blockClass}__sub-header\">\n <div class=\"${blockClass}__tags\">\n ${searchTerm\n ? html`\n <p class=\"${blockClass}__tags-label\">\n ${searchResultsTitle}\n </p>\n `\n : path && path.length > 0\n ? html`\n <cds-custom-breadcrumb\n no-trailing-slash\n class=\"${blockClass}__breadcrumbs\"\n >\n ${path.map((entry, idx) => {\n const isCurrentPage =\n idx === path.length - 1;\n return html`\n <cds-custom-breadcrumb-item\n ?is-current-page=${isCurrentPage}\n >\n ${isCurrentPage\n ? entry.title\n : html`\n <cds-custom-link\n href=\"#\"\n @click=${(e: Event) => {\n e.preventDefault();\n this.dispatchEvent(\n new CustomEvent(\n (\n this\n .constructor as typeof CDSAddSelectBody\n ).eventBreadcrumbClick,\n {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n index: idx,\n },\n }\n )\n );\n }}\n >\n ${entry.title}\n </cds-custom-link>\n `}\n </cds-custom-breadcrumb-item>\n `;\n })}\n </cds-custom-breadcrumb>\n `\n : html`\n <p class=\"${blockClass}__tags-label\">\n ${itemsLabel}\n </p>\n `}\n ${itemCount !== undefined\n ? html`<cds-custom-tag type=\"gray\" size=\"sm\"\n >${itemCount}</cds-custom-tag\n >`\n : nothing}\n </div>\n <slot name=\"sub-header-actions\"></slot>\n </div>\n `\n : nothing}\n </div>\n `\n : nothing}\n\n <!-- Body Content -->\n <div class=\"${blockClass}__content\" role=\"grid\" tabindex=\"0\">\n <div class=\"${blockClass}-list-body\" role=\"rowgroup\">\n <slot></slot>\n </div>\n </div>\n </div>\n `;\n }\n\n /\n The name of the custom event fired when search term changes\n /\n static get eventSearch() {\n return `${prefix}-add-select-body-search`;\n }\n\n /\n The name of the custom event fired when breadcrumb is clicked\n */\n static get eventBreadcrumbClick() {\n return `${prefix}-add-select-body-breadcrumb-click`;\n }\n\n static styles = styles;\n}\n\nexport default CDSAddSelectBody;\n"],"mappings":"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"}
1	+ {"version":3,"file":"add-select-body.js","names":["styles","customElement"],"sources":["../../../src/components/add-select/add-select-body.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 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, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport '@carbon/web-components/es-custom/components/button/index.js';\nimport '@carbon/web-components/es-custom/components/search/index.js';\nimport '@carbon/web-components/es-custom/components/tag/index.js';\nimport '@carbon/web-components/es-custom/components/breadcrumb/index.js';\nimport '@carbon/web-components/es-custom/components/link/index.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './add-select-body.scss?lit';\n\nconst blockClass = `${prefix}--add-select__next`;\n\n/\n Add Select Body component - contains the main content area\n * @element c4p-add-select-body\n * @slot default - The main content area containing c4p-add-select-column or rows\n * @slot header - Replaces the entire header section\n * @slot actions - Custom actions (filter/sort) rendered next to the search input\n * @slot sub-header-actions - Custom content rendered after breadcrumbs and item count\n * @fires c4p-add-select-body-search - Fired when search term changes; detail: { searchTerm }\n * @fires c4p-add-select-body-breadcrumb-click - Fired when a breadcrumb link is clicked; detail: { index }\n /\n@customElement(`${prefix}-add-select-body`)\nclass CDSAddSelectBody extends LitElement {\n /\n Label for items section\n /\n @property({ type: String, attribute: 'items-label' })\n itemsLabel = '';\n\n /\n Global search label\n /\n @property({ type: String, attribute: 'global-search-label' })\n globalSearchLabel = '';\n\n /\n Global search placeholder\n /\n @property({ type: String, attribute: 'global-search-placeholder' })\n globalSearchPlaceholder = 'Search';\n\n /\n No results title\n /\n // @property({ type: String, attribute: 'no-results-title' })\n // noResultsTitle = 'No results found';\n\n /\n No results description\n /\n // @property({ type: String, attribute: 'no-results-description' })\n // noResultsDescription = 'Try adjusting your search or filter';\n\n /\n Search results title\n /\n @property({ type: String, attribute: 'search-results-title' })\n searchResultsTitle = 'Search results';\n\n /\n Current search term\n /\n @state()\n private _searchTerm = '';\n\n /\n Item count for display. When undefined, no count badge is rendered.\n /\n @property({ type: Number, attribute: 'item-count' })\n itemCount: number \| undefined = undefined;\n\n /\n Whether to hide the search input\n /\n @property({ type: Boolean, attribute: 'hide-search', reflect: true })\n hideSearch = false;\n\n /\n Layout direction for the list body: 'vertical' (default) or 'horizontal' (for hierarchy)\n /\n @property({ type: String, reflect: true })\n layout: 'vertical' \| 'horizontal' = 'vertical';\n\n /\n Navigation path for breadcrumbs\n /\n @property({ type: Array })\n path: Array<{ id: string; title: string }> = [];\n\n /\n Handle search input\n /\n private _handleSearch(event: CustomEvent) {\n this._searchTerm = event.detail.value \|\| '';\n const init = {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: { searchTerm: this._searchTerm },\n };\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSAddSelectBody).eventSearch,\n init\n )\n );\n }\n\n /* Tracks whether the header slot has been filled by the consumer /\n @state()\n private _hasHeaderSlot = false;\n\n private _handleHeaderSlotChange(e: Event) {\n const slot = e.target as HTMLSlotElement;\n this._hasHeaderSlot = slot.assignedElements({ flatten: true }).length > 0;\n }\n\n render() {\n const {\n itemsLabel,\n globalSearchLabel,\n globalSearchPlaceholder,\n searchResultsTitle,\n itemCount,\n hideSearch,\n layout,\n path,\n _searchTerm: searchTerm,\n _handleSearch: handleSearch,\n } = this;\n\n // Only render the __header div when it has visible content.\n // When hideSearch is true, no header slot is filled, no item count,\n // and no path — the div is omitted entirely to avoid blank space.\n const hasHeader =\n !hideSearch \|\|\n this._hasHeaderSlot \|\|\n itemCount !== undefined \|\|\n (path && path.length > 0);\n\n return html`\n <div class=\"${blockClass}__body\">\n ${hasHeader\n ? html`\n <div class=\"${blockClass}__header\">\n <!-- Named slot: consumer can replace the entire header -->\n <slot\n name=\"header\"\n @slotchange=${this._handleHeaderSlotChange}\n ></slot>\n\n ${!this._hasHeaderSlot\n ? html`\n <!-- Search + optional actions -->\n ${!hideSearch\n ? html`\n <div\n class=\"${blockClass}__search ${blockClass}__search--with-actions\"\n >\n <div class=\"${blockClass}__search-input\">\n <cds-custom-search\n label-text=${globalSearchLabel}\n placeholder=${globalSearchPlaceholder}\n size=\"lg\"\n @cds-custom-search-input=${handleSearch}\n ></cds-custom-search>\n </div>\n <div class=\"${blockClass}__global-actions\">\n <slot name=\"actions\"></slot>\n </div>\n </div>\n `\n : nothing}\n\n <!-- Sub-header: breadcrumbs / label + item count + optional actions -->\n <div class=\"${blockClass}__sub-header\">\n <div class=\"${blockClass}__tags\">\n ${searchTerm\n ? html`\n <p class=\"${blockClass}__tags-label\">\n ${searchResultsTitle}\n </p>\n `\n : path && path.length > 0\n ? html`\n <cds-custom-breadcrumb\n no-trailing-slash\n class=\"${blockClass}__breadcrumbs\"\n >\n ${path.map((entry, idx) => {\n const isCurrentPage =\n idx === path.length - 1;\n return html`\n <cds-custom-breadcrumb-item\n ?is-current-page=${isCurrentPage}\n >\n ${isCurrentPage\n ? entry.title\n : html`\n <cds-custom-link\n href=\"#\"\n @click=${(e: Event) => {\n e.preventDefault();\n this.dispatchEvent(\n new CustomEvent(\n (\n this\n .constructor as typeof CDSAddSelectBody\n ).eventBreadcrumbClick,\n {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n index: idx,\n },\n }\n )\n );\n }}\n >\n ${entry.title}\n </cds-custom-link>\n `}\n </cds-custom-breadcrumb-item>\n `;\n })}\n </cds-custom-breadcrumb>\n `\n : html`\n <p class=\"${blockClass}__tags-label\">\n ${itemsLabel}\n </p>\n `}\n ${itemCount !== undefined\n ? html`<cds-custom-tag type=\"gray\" size=\"sm\"\n >${itemCount}</cds-custom-tag\n >`\n : nothing}\n </div>\n <slot name=\"sub-header-actions\"></slot>\n </div>\n `\n : nothing}\n </div>\n `\n : nothing}\n\n <!-- Body Content -->\n <div class=\"${blockClass}__content\" role=\"grid\" tabindex=\"0\">\n <div\n class=\"${blockClass}-list-body${layout === 'horizontal'\n ? ` ${blockClass}-list-body--horizontal`\n : ''}\"\n role=\"rowgroup\"\n >\n <slot></slot>\n </div>\n </div>\n </div>\n `;\n }\n\n /\n The name of the custom event fired when search term changes\n /\n static get eventSearch() {\n return `${prefix}-add-select-body-search`;\n }\n\n /\n The name of the custom event fired when breadcrumb is clicked\n */\n static get eventBreadcrumbClick() {\n return `${prefix}-add-select-body-breadcrumb-click`;\n }\n\n static styles = styles;\n}\n\nexport default CDSAddSelectBody;\n"],"mappings":"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"}

package/es-custom/components/add-select/add-select-body.scss.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import { css } from "lit";
 //#region src/components/add-select/add-select-body.scss?lit
-var add_select_body_default = css([".c4p--add-select__next{position:relative}.c4p--add-select__next,.c4p--add-select__next__body{block-size:100%;display:flex;flex-direction:column;inline-size:100%}.c4p--add-select__next__header{border-block-end:1px solid var(--cds-custom-border-subtle-01,#c6c6c6);padding-block-end:.5rem;padding-block-start:1rem;padding-inline:1rem}.c4p--add-select__next__search{margin-block-end:1rem}.c4p--add-select__next__search--with-actions{align-items:flex-end;display:flex}.c4p--add-select__next__search-input{flex:1}.c4p--add-select__next__global-actions{align-items:flex-end;display:flex}.c4p--add-select__next__sub-header{align-items:center;display:flex;justify-content:space-between}.c4p--add-select__next__tags{align-items:center;display:flex;gap:.5rem}.c4p--add-select__next__tags-label{color:var(--cds-custom-text-primary,#161616);font-size:var(--cds-custom-heading-compact-02-font-size,1rem);font-weight:var(--cds-custom-heading-compact-02-font-weight,600);letter-spacing:var(--cds-custom-heading-compact-02-letter-spacing,0);line-height:var(--cds-custom-heading-compact-02-line-height,1.375);margin:0}.c4p--add-select__next__sub-header-actions{align-items:center;display:flex;gap:.5rem;margin-inline-start:1rem}.c4p--add-select__next__content{display:flex;flex:1;flex-direction:column;overflow:auto}.c4p--add-select__next-list{display:flex;flex:1;flex-direction:column;overflow-y:auto}@supports (overflow-block:auto){.c4p--add-select__next-list{overflow-block:auto}}.c4p--add-select__next-list:focus{outline:none}.c4p--add-select__next-list-body{display:flex;flex-direction:column}.c4p--add-select__next-list-body--horizontal{align-items:stretch;block-size:100%;flex-direction:row}.c4p--add-select__next-list-body--horizontal .c4p--add-select__next-column{padding-block:1rem;padding-inline:1rem}.c4p--add-select__next-row{border-inline-start:.125rem solid transparent;display:flex;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}.c4p--add-select__next-row:focus{outline:.125rem solid var(--cds-custom-focus,#0f62fe);outline-offset:-.125rem}.c4p--add-select__next-row:focus:not(:focus-visible){outline:none}.c4p--add-select__next-row--selected{background-color:var(--cds-custom-layer-selected-01,#e0e0e0)}.c4p--add-select__next-row--selected .c4p--add-select__next-row__cell-wrapper{border-block-end-color:var(--cds-custom-border-subtle-selected-01,#c6c6c6)}.c4p--add-select__next-row--disabled{cursor:not-allowed}.c4p--add-select__next-row--disabled .c4p--add-select__next-row__subtitle,.c4p--add-select__next-row--disabled .c4p--add-select__next-row__title{color:var(--cds-custom-text-disabled,hsla(0,0%,9%,.25))}.c4p--add-select__next-row--disabled .c4p--add-select__next-row__icon svg,.c4p--add-select__next-row--disabled .c4p--add-select__next-row__nav-indicator svg,.c4p--add-select__next-row--disabled .c4p--add-select__next-row__view-item-panel svg{fill:var(--cds-custom-icon-disabled,hsla(0,0%,9%,.25))}.c4p--add-select__next-row:hover:not(.c4p--add-select__next-row--disabled){background:var(--cds-custom-layer-hover-01,#e8e8e8)}.c4p--add-select__next-row:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__title{color:var(--cds-custom-link-primary,#0f62fe)}.c4p--add-select__next-row:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__nav-indicator svg,.c4p--add-select__next-row:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__view-item-panel svg{fill:var(--cds-custom-icon-disabled,hsla(0,0%,9%,.25))}.c4p--add-select__next-row--selected:hover:not(.c4p--add-select__next-row--disabled){background:var(--cds-custom-layer-selected-hover-01,#d1d1d1)}.c4p--add-select__next-row--selected:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__title{color:var(--cds-custom-text-primary,#161616)}.c4p--add-select__next-row--selected:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__nav-indicator svg,.c4p--add-select__next-row--selected:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__view-item-panel svg{fill:var(--cds-custom-icon-primary,#161616)}.c4p--add-select__next-row__cell{display:flex;flex:1;flex-direction:column}.c4p--add-select__next-row__cell-wrapper{align-items:center;border-block-end:1px solid var(--cds-custom-border-subtle-01,#c6c6c6);display:flex;justify-content:space-between;min-block-size:3rem;padding-block:.5rem;padding-inline:1rem}.c4p--add-select__next-row__content{align-items:center;align-self:center;display:flex;flex:1}.c4p--add-select__next-row__checkbox{align-self:center;flex:none;margin-inline-end:1rem}.c4p--add-select__next-row__radio{align-self:center}.c4p--add-select__next-row__radio .cds-custom--radio-button__appearance{margin-inline-end:0}.c4p--add-select__next-row__icon{align-items:center;display:flex;margin-inline-end:.5rem}.c4p--add-select__next-row__text{display:flex;flex:1;flex-direction:column}.c4p--add-select__next-row__title{color:var(--cds-custom-text-primary,#161616);display:block;font-size:var(--cds-custom-body-compact-01-font-size,.875rem);font-weight:var(--cds-custom-body-compact-01-font-weight,400);letter-spacing:var(--cds-custom-body-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-body-compact-01-line-height,1.28572)}.c4p--add-select__next-row__subtitle{color:var(--cds-custom-text-secondary,#525252);display:block;font-size:var(--cds-custom-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-custom-helper-text-01-letter-spacing,.32px);line-height:var(--cds-custom-helper-text-01-line-height,1.33333)}.c4p--add-select__next-row__meta{align-items:center;display:flex;margin-inline-start:.5rem}.c4p--add-select__next-row__view-item-panel{margin-inline-start:auto}.c4p--add-select__next-row-item-panel--selected{background-color:var(--cds-custom-layer-hover-01,#e8e8e8);border-inline-start:.125rem solid var(--cds-custom-interactive,#0f62fe)}@media screen and (prefers-reduced-motion:reduce){.c4p--add-select__next-row__nav-indicator{align-items:center;cursor:pointer;display:flex;justify-content:center;margin-inline-start:.5rem;padding-block:.25rem;padding-inline:.25rem;transition:none}.c4p--add-select__next-row__nav-indicator:hover{background-color:var(--cds-custom-background-hover,hsla(0,0%,55%,.12))}.c4p--add-select__next-row__nav-indicator:focus{outline:.125rem solid var(--cds-custom-focus,#0f62fe);outline-offset:-.125rem}.c4p--add-select__next-row__nav-indicator svg{fill:var(--cds-custom-icon-primary,#161616)}}.c4p--add-select__next-row__nav-indicator{align-items:center;cursor:pointer;display:flex;justify-content:center;margin-inline-start:.5rem;padding-block:.25rem;padding-inline:.25rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}.c4p--add-select__next-row__nav-indicator:hover{background-color:var(--cds-custom-background-hover,hsla(0,0%,55%,.12))}.c4p--add-select__next-row__nav-indicator:focus{outline:.125rem solid var(--cds-custom-focus,#0f62fe);outline-offset:-.125rem}.c4p--add-select__next-row__nav-indicator svg{fill:var(--cds-custom-icon-primary,#161616)}.c4p--add-select__next-row--skeleton{cursor:default;pointer-events:none}.c4p--add-select__next-row--skeleton:hover{background:none}.c4p--add-select__next-row--skeleton .c4p--add-select__next-row__skeleton-control{background-color:var(--cds-custom-skeleton-element,#c6c6c6);block-size:1rem;border-radius:.125rem;flex:none;inline-size:1rem;margin-inline-end:1rem}.c4p--add-select__next-row--skeleton .c4p--add-select__next-row__icon .cds-custom--icon--skeleton{block-size:2rem;border-radius:50%;inline-size:2rem}.c4p--add-select__next-row--skeleton .c4p--add-select__next-row__icon .cds-custom--icon--skeleton:before{animation:none;border-radius:50%}.c4p--add-select__next-row--skeleton .c4p--add-select__next-row__skeleton-title{margin-block-end:0}.c4p--add-select__next-column{block-size:100%;border-inline-end:1px solid var(--cds-custom-border-subtle-01,#c6c6c6);display:flex;flex-direction:column;min-inline-size:300px;padding-block:1rem;padding-inline:1rem}.c4p--add-select__next-column:last-child{border-inline-end:none}.c4p--add-select__next-list-body--horizontal .c4p--add-select__next-column:last-child{border-inline-end:1px solid var(--cds-custom-border-subtle-01,#c6c6c6)}.c4p--add-select__next-column__actions,.c4p--add-select__next-column__search--with-actions{align-items:flex-end;display:flex}.c4p--add-select__next-column__search-bar{padding-block-end:0;padding-block-start:1rem;padding-inline:1rem}.c4p--add-select__next-column__search-wrapper{align-items:center;display:flex;gap:0}.c4p--add-select__next-column__search-input{flex:1}.c4p--add-select__next-column__controls{align-items:center;display:flex;gap:0}.c4p--add-select__next-column__filter-button,.c4p--add-select__next-column__sort-button{flex:none}.c4p--add-select__next-column__filter-popover{padding-block:1rem;padding-inline:1rem}.c4p--add-select__next-column__filter-popover .cds-custom--checkbox-wrapper{margin-block-end:.5rem}.c4p--add-select__next-column__filter-popover .cds-custom--checkbox-wrapper:last-child{margin-block-end:0}.c4p--add-select__next-column__header{align-items:center;border-block-end:1px solid var(--cds-custom-border-subtle-01,#c6c6c6);display:flex;padding-block:1rem;padding-inline:1rem}.c4p--add-select__next-column__select-all .cds-custom--checkbox-label{align-items:center;display:flex;gap:0}.c4p--add-select__next-column__select-all .cds-custom--checkbox-label-text{align-items:center;display:flex;gap:.5rem;margin-inline-start:.5rem}.c4p--add-select__next-column__title-wrapper{align-items:center;display:flex;gap:.5rem}.c4p--add-select__next-column__title{font-size:var(--cds-custom-heading-compact-01-font-size,.875rem);font-weight:var(--cds-custom-heading-compact-01-font-weight,600);letter-spacing:var(--cds-custom-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-heading-compact-01-line-height,1.28572)}.c4p--add-select__next-column__rows{display:flex;flex:1;flex-direction:column;overflow-y:auto}@supports (overflow-block:auto){.c4p--add-select__next-column__rows{overflow-block:auto}}.c4p--add-select__next__breadcrumbs{flex-wrap:wrap}.c4p--add-select__next__breadcrumb-item,.c4p--add-select__next__breadcrumbs{align-items:center;display:flex;gap:.25rem}.c4p--add-select__next__breadcrumb-button{background:none;border:none;color:var(--cds-custom-link-primary,#0f62fe);cursor:pointer;font-size:var(--cds-custom-body-compact-01-font-size,.875rem);font-weight:var(--cds-custom-body-compact-01-font-weight,400);letter-spacing:var(--cds-custom-body-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-body-compact-01-line-height,1.28572);padding-block:0;padding-inline:0;text-decoration:none}.c4p--add-select__next__breadcrumb-button:hover{color:var(--cds-custom-link-primary-hover,#0043ce);text-decoration:underline}.c4p--add-select__next__breadcrumb-button:focus{outline:.125rem solid var(--cds-custom-focus,#0f62fe);outline-offset:.125rem}.c4p--add-select__next__breadcrumb-separator{align-items:center;color:var(--cds-custom-text-secondary,#525252);display:flex}.c4p--add-select__next__breadcrumb-separator svg{fill:currentColor}.c4p--add-select__next__breadcrumb-current{color:var(--cds-custom-text-primary,#161616);font-size:var(--cds-custom-body-compact-01-font-size,.875rem);font-weight:var(--cds-custom-body-compact-01-font-weight,400);letter-spacing:var(--cds-custom-body-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-body-compact-01-line-height,1.28572)}.c4p--add-select__next__selection-summary{display:flex;flex-direction:column}.c4p--add-select__next__selection-summary-header{align-items:center;border-block-end:1px solid var(--cds-custom-layer-accent-01,#e0e0e0);display:flex;padding-block-end:.5rem;padding-block-start:1.5rem;padding-inline:1rem}.c4p--add-select__next__selection-summary-title{font-size:var(--cds-custom-heading-compact-02-font-size,1rem);font-weight:var(--cds-custom-heading-compact-02-font-weight,600);letter-spacing:var(--cds-custom-heading-compact-02-letter-spacing,0);line-height:var(--cds-custom-heading-compact-02-line-height,1.375);margin-inline-end:.5rem}.c4p--add-select__next__selection-summary-header-actions{align-items:center;display:flex;gap:.5rem;margin-inline-start:auto}.c4p--add-select__next__selection-summary-item{background-color:var(--cds-custom-layer-01,#f4f4f4);border-block-end:1px solid var(--cds-custom-border-subtle-01,#c6c6c6);position:relative}.c4p--add-select__next__selection-summary-item:hover{background-color:var(--cds-custom-layer-hover-01,#e8e8e8)}.c4p--add-select__next__selection-summary-item--accordion .cds-custom--accordion__item,.c4p--add-select__next__selection-summary-item--accordion .cds-custom--accordion__item:last-child{border-block-end:none;border-block-start:none}.c4p--add-select__next__selection-summary-item--accordion .cds-custom--accordion__heading{min-block-size:unset;padding-block:.75rem;padding-inline-end:1rem}.c4p--add-select__next__selection-summary-item--default .c4p--add-select__next__selection-summary-item-title-wrapper{align-items:center;display:flex;justify-content:space-between;padding-block:.75rem;padding-inline:1rem}.c4p--add-select__next__selection-summary-item--default .c4p--add-select__next__selection-summary-item-content{padding-block-end:.75rem;padding-inline:1rem}.c4p--add-select__next__selection-summary-item--default .c4p--add-select__next__selection-summary-item-title{font-size:var(--cds-custom-heading-compact-01-font-size,.875rem);font-weight:var(--cds-custom-heading-compact-01-font-weight,600);letter-spacing:var(--cds-custom-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-heading-compact-01-line-height,1.28572)}.c4p--add-select__next__selection-summary-item-title-wrapper{align-items:center;display:flex;justify-content:space-between}.c4p--add-select__next__selection-summary-item-selected-item{flex:1}.c4p--add-select__next__selection-summary-item-title{color:var(--cds-custom-text-primary,#161616);font-size:var(--cds-custom-body-compact-01-font-size,.875rem);font-weight:var(--cds-custom-body-compact-01-font-weight,400);letter-spacing:var(--cds-custom-body-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-body-compact-01-line-height,1.28572)}.c4p--add-select__next__selection-summary-item-subtitle{color:var(--cds-custom-text-secondary,#525252);font-size:var(--cds-custom-body-01-font-size,.875rem);font-weight:var(--cds-custom-body-01-font-weight,400);letter-spacing:var(--cds-custom-body-01-letter-spacing,.16px);line-height:var(--cds-custom-body-01-line-height,1.42857)}.c4p--add-select__next__selection-summary-item-entry{margin-block-end:1rem}.c4p--add-select__next__selection-summary-item-header{color:var(--cds-custom-text-secondary,#525252);font-size:var(--cds-custom-label-01-font-size,.75rem);font-weight:var(--cds-custom-label-01-font-weight,400);letter-spacing:var(--cds-custom-label-01-letter-spacing,.32px);line-height:var(--cds-custom-label-01-line-height,1.33333);margin-block-end:.5rem}.c4p--add-select__next__selection-summary-item-body{font-size:var(--cds-custom-body-01-font-size,.875rem);font-weight:var(--cds-custom-body-01-font-weight,400);letter-spacing:var(--cds-custom-body-01-letter-spacing,.16px);line-height:var(--cds-custom-body-01-line-height,1.42857);margin-block-end:1rem}.c4p--add-select__next__selection-summary-item-remove-button-container{align-items:center;display:inline-flex;justify-content:center;padding-inline-start:.5rem}.c4p--add-select__next__selection-summary-item--accordion .c4p--add-select__next__selection-summary-item-remove-button-container{inset-block-start:50%;inset-inline-end:1rem;padding-inline-start:0;position:absolute;transform:translateY(-50%)}.c4p--add-select__next__selection-summary-item-remove-button{opacity:0;transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.c4p--add-select__next__selection-summary-item-remove-button{transition:none}}.c4p--add-select__next__selection-summary-item:focus-within .c4p--add-select__next__selection-summary-item-remove-button,.c4p--add-select__next__selection-summary-item:hover .c4p--add-select__next__selection-summary-item-remove-button{opacity:1}.c4p--add-select__next__selection-summary-item-content{margin-block-start:0}.c4p--add-select__next__selection-summary .cds-custom--accordion__arrow{transform:rotate(90deg)}.c4p--add-select__next__selection-summary .cds-custom--accordion__item--active .cds-custom--accordion__arrow{transform:rotate(-90deg)}.c4p--add-select__next__selection-summary .cds-custom--accordion--start .cds-custom--accordion__arrow{margin-block:0;margin-inline-end:0;margin-inline-start:1rem}.c4p--add-select__next__selection-summary .cds-custom--accordion--start .cds-custom--accordion__title{margin-inline-end:0;margin-inline-start:.5rem;padding-inline-end:2rem}.c4p--add-select__next__selection-summary .cds-custom--accordion__item--active .cds-custom--accordion__content{margin-block-start:0;padding-block:1rem;padding-inline:1rem}@keyframes add-select-item-panel-entrance{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes add-select-item-panel-exit{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@keyframes add-select-item-panel-entrance-reduced{0%{opacity:0}to{opacity:1}}@keyframes add-select-item-panel-exit-reduced{0%{opacity:1}to{opacity:0}}.c4p--add-select__next__item-summary-panel{block-size:100%;display:none;inline-size:100%;transform:translateX(0);transition-behavior:allow-discrete;transition-duration:.15s;transition-property:display,opacity,transform}.c4p--add-select__next__item-summary-panel--open{animation:add-select-item-panel-entrance .15s cubic-bezier(0,0,.38,.9) forwards;display:flex;flex-direction:column}@starting-style{.c4p--add-select__next__item-summary-panel--open{opacity:0;transform:translateX(100%)}}@media (prefers-reduced-motion){.c4p--add-select__next__item-summary-panel--open{animation:add-select-item-panel-entrance-reduced .15s cubic-bezier(0,0,.38,.9) forwards}@starting-style{.c4p--add-select__next__item-summary-panel--open{opacity:0;transform:translateX(0)}}}.c4p--add-select__next__item-summary-panel-header{align-items:center;border-block-end:1px solid var(--cds-custom-layer-accent-01,#e0e0e0);display:flex;gap:.5rem;justify-content:space-between;padding-block-end:.5rem;padding-block-start:2rem;padding-inline:1rem}.c4p--add-select__next__item-summary-panel-title{font-size:var(--cds-custom-heading-compact-02-font-size,1rem);font-weight:var(--cds-custom-heading-compact-02-font-weight,600);letter-spacing:var(--cds-custom-heading-compact-02-letter-spacing,0);line-height:var(--cds-custom-heading-compact-02-line-height,1.375)}.c4p--add-select__next__item-summary-panel-body{padding-block:1rem;padding-inline:1rem}.c4p--add-select__next__item-summary-panel-entry{margin-block-end:1rem}.c4p--add-select__next__item-summary-panel-entry-title{font-size:var(--cds-custom-heading-compact-01-font-size,.875rem);font-weight:var(--cds-custom-heading-compact-01-font-weight,600);letter-spacing:var(--cds-custom-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-heading-compact-01-line-height,1.28572)}.c4p--add-select__next__item-summary-panel-entry-body{font-size:var(--cds-custom-body-compact-01-font-size,.875rem);font-weight:var(--cds-custom-body-compact-01-font-weight,400);letter-spacing:var(--cds-custom-body-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-body-compact-01-line-height,1.28572)}:host(c4p-add-select-body){display:block}:host(c4p-add-select-body) .c4p--add-select__next__body{block-size:100%;display:flex;flex-direction:column;inline-size:100%}:host(c4p-add-select-body) .c4p--add-select__next__header{border-block-end:1px solid var(--cds-custom-border-subtle-01,#c6c6c6);padding:1rem}:host(c4p-add-select-body) .c4p--add-select__next__header--custom .c4p--add-select__next__search,:host(c4p-add-select-body) .c4p--add-select__next__header--custom .c4p--add-select__next__sub-header{display:none}:host(c4p-add-select-body) .c4p--add-select__next__search--with-actions{align-items:flex-end;display:flex;margin-block-end:1rem}:host(c4p-add-select-body) .c4p--add-select__next__search-input{flex:1}:host(c4p-add-select-body) .c4p--add-select__next__global-actions{align-items:flex-end;display:flex}:host(c4p-add-select-body) .c4p--add-select__next__sub-header{align-items:center;display:flex;justify-content:space-between}:host(c4p-add-select-body) .c4p--add-select__next__tags{align-items:center;display:flex;gap:.5rem}:host(c4p-add-select-body) .c4p--add-select__next__tags-label{color:var(--cds-custom-text-primary,#161616);font-size:var(--cds-custom-heading-compact-02-font-size,1rem);font-weight:var(--cds-custom-heading-compact-02-font-weight,600);letter-spacing:var(--cds-custom-heading-compact-02-letter-spacing,0);line-height:var(--cds-custom-heading-compact-02-line-height,1.375);margin:0}:host(c4p-add-select-body) .c4p--add-select__next__sub-header-actions{align-items:center;display:flex;gap:.5rem;margin-inline-start:1rem}:host(c4p-add-select-body) .c4p--add-select__next__content{flex:1;overflow:auto}:host(c4p-add-select-body) .c4p--add-select__next-list-body{display:flex;flex-direction:column}"]);
+var add_select_body_default = css([".c4p--add-select__next{position:relative}.c4p--add-select__next,.c4p--add-select__next__body{block-size:100%;display:flex;flex-direction:column;inline-size:100%}.c4p--add-select__next__header{border-block-end:1px solid var(--cds-custom-border-subtle-01,#c6c6c6);padding-block-end:.5rem;padding-block-start:1rem;padding-inline:1rem}.c4p--add-select__next__search{margin-block-end:1rem}.c4p--add-select__next__search--with-actions{align-items:flex-end;display:flex}.c4p--add-select__next__search-input{flex:1}.c4p--add-select__next__global-actions{align-items:flex-end;display:flex}.c4p--add-select__next__sub-header{align-items:center;display:flex;justify-content:space-between}.c4p--add-select__next__tags{align-items:center;display:flex;gap:.5rem}.c4p--add-select__next__tags-label{color:var(--cds-custom-text-primary,#161616);font-size:var(--cds-custom-heading-compact-02-font-size,1rem);font-weight:var(--cds-custom-heading-compact-02-font-weight,600);letter-spacing:var(--cds-custom-heading-compact-02-letter-spacing,0);line-height:var(--cds-custom-heading-compact-02-line-height,1.375);margin:0}.c4p--add-select__next__sub-header-actions{align-items:center;display:flex;gap:.5rem;margin-inline-start:1rem}.c4p--add-select__next__content{display:flex;flex:1;flex-direction:column;overflow:auto}.c4p--add-select__next-list{display:flex;flex:1;flex-direction:column;overflow-y:auto}@supports (overflow-block:auto){.c4p--add-select__next-list{overflow-block:auto}}.c4p--add-select__next-list:focus{outline:none}.c4p--add-select__next-list-body{display:flex;flex-direction:column}.c4p--add-select__next-list-body--horizontal{align-items:stretch;block-size:100%;flex-direction:row}.c4p--add-select__next-list-body--horizontal .c4p--add-select__next-column{padding-block:1rem;padding-inline:1rem}.c4p--add-select__next-row{border-inline-start:.125rem solid transparent;display:flex;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}.c4p--add-select__next-row:focus{outline:.125rem solid var(--cds-custom-focus,#0f62fe);outline-offset:-.125rem}.c4p--add-select__next-row:focus:not(:focus-visible){outline:none}.c4p--add-select__next-row--selected{background-color:var(--cds-custom-layer-selected-01,#e0e0e0)}.c4p--add-select__next-row--selected .c4p--add-select__next-row__cell-wrapper{border-block-end-color:var(--cds-custom-border-subtle-selected-01,#c6c6c6)}.c4p--add-select__next-row--disabled{cursor:not-allowed}.c4p--add-select__next-row--disabled .c4p--add-select__next-row__subtitle,.c4p--add-select__next-row--disabled .c4p--add-select__next-row__title{color:var(--cds-custom-text-disabled,hsla(0,0%,9%,.25))}.c4p--add-select__next-row--disabled .c4p--add-select__next-row__icon svg,.c4p--add-select__next-row--disabled .c4p--add-select__next-row__nav-indicator svg,.c4p--add-select__next-row--disabled .c4p--add-select__next-row__view-item-panel svg{fill:var(--cds-custom-icon-disabled,hsla(0,0%,9%,.25))}.c4p--add-select__next-row:hover:not(.c4p--add-select__next-row--disabled){background:var(--cds-custom-layer-hover-01,#e8e8e8)}.c4p--add-select__next-row:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__title{color:var(--cds-custom-link-primary,#0f62fe)}.c4p--add-select__next-row:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__nav-indicator svg,.c4p--add-select__next-row:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__view-item-panel svg{fill:var(--cds-custom-icon-disabled,hsla(0,0%,9%,.25))}.c4p--add-select__next-row--selected:hover:not(.c4p--add-select__next-row--disabled){background:var(--cds-custom-layer-selected-hover-01,#d1d1d1)}.c4p--add-select__next-row--selected:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__title{color:var(--cds-custom-text-primary,#161616)}.c4p--add-select__next-row--selected:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__nav-indicator svg,.c4p--add-select__next-row--selected:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__view-item-panel svg{fill:var(--cds-custom-icon-primary,#161616)}.c4p--add-select__next-row__cell{display:flex;flex:1;flex-direction:column}.c4p--add-select__next-row__cell-wrapper{align-items:center;border-block-end:1px solid var(--cds-custom-border-subtle-01,#c6c6c6);display:flex;justify-content:space-between;min-block-size:3rem;padding-block:.5rem;padding-inline:1rem}.c4p--add-select__next-row__content{align-items:center;align-self:center;display:flex;flex:1}.c4p--add-select__next-row__checkbox{align-self:center;flex:none;margin-inline-end:1rem}.c4p--add-select__next-row__radio{align-self:center}.c4p--add-select__next-row__radio .cds-custom--radio-button__appearance{margin-inline-end:0}.c4p--add-select__next-row__icon{align-items:center;display:flex;margin-inline-end:.5rem}.c4p--add-select__next-row__text{display:flex;flex:1;flex-direction:column}.c4p--add-select__next-row__title{color:var(--cds-custom-text-primary,#161616);display:block;font-size:var(--cds-custom-body-compact-01-font-size,.875rem);font-weight:var(--cds-custom-body-compact-01-font-weight,400);letter-spacing:var(--cds-custom-body-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-body-compact-01-line-height,1.28572)}.c4p--add-select__next-row__subtitle{color:var(--cds-custom-text-secondary,#525252);display:block;font-size:var(--cds-custom-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-custom-helper-text-01-letter-spacing,.32px);line-height:var(--cds-custom-helper-text-01-line-height,1.33333)}.c4p--add-select__next-row__meta{align-items:center;display:flex;margin-inline-start:.5rem}.c4p--add-select__next-row__view-item-panel{margin-inline-start:auto}.c4p--add-select__next-row-item-panel--selected{background-color:var(--cds-custom-layer-hover-01,#e8e8e8);border-inline-start:.125rem solid var(--cds-custom-interactive,#0f62fe)}@media screen and (prefers-reduced-motion:reduce){.c4p--add-select__next-row__nav-indicator{align-items:center;cursor:pointer;display:flex;justify-content:center;margin-inline-start:.5rem;padding-block:.25rem;padding-inline:.25rem;transition:none}.c4p--add-select__next-row__nav-indicator:hover{background-color:var(--cds-custom-background-hover,hsla(0,0%,55%,.12))}.c4p--add-select__next-row__nav-indicator:focus{outline:.125rem solid var(--cds-custom-focus,#0f62fe);outline-offset:-.125rem}.c4p--add-select__next-row__nav-indicator svg{fill:var(--cds-custom-icon-primary,#161616)}}.c4p--add-select__next-row__nav-indicator{align-items:center;cursor:pointer;display:flex;justify-content:center;margin-inline-start:.5rem;padding-block:.25rem;padding-inline:.25rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}.c4p--add-select__next-row__nav-indicator:hover{background-color:var(--cds-custom-background-hover,hsla(0,0%,55%,.12))}.c4p--add-select__next-row__nav-indicator:focus{outline:.125rem solid var(--cds-custom-focus,#0f62fe);outline-offset:-.125rem}.c4p--add-select__next-row__nav-indicator svg{fill:var(--cds-custom-icon-primary,#161616)}.c4p--add-select__next-row--skeleton{cursor:default;pointer-events:none}.c4p--add-select__next-row--skeleton:hover{background:none}.c4p--add-select__next-row--skeleton .c4p--add-select__next-row__skeleton-control{background-color:var(--cds-custom-skeleton-element,#c6c6c6);block-size:1rem;border-radius:.125rem;flex:none;inline-size:1rem;margin-inline-end:1rem}.c4p--add-select__next-row--skeleton .c4p--add-select__next-row__icon .cds-custom--icon--skeleton{block-size:2rem;border-radius:50%;inline-size:2rem}.c4p--add-select__next-row--skeleton .c4p--add-select__next-row__icon .cds-custom--icon--skeleton:before{animation:none;border-radius:50%}.c4p--add-select__next-row--skeleton .c4p--add-select__next-row__skeleton-title{margin-block-end:0}.c4p--add-select__next-column{block-size:100%;border-inline-end:1px solid var(--cds-custom-border-subtle-01,#c6c6c6);display:flex;flex-direction:column;min-inline-size:300px;padding-block:1rem;padding-inline:1rem}.c4p--add-select__next-column:last-child{border-inline-end:none}.c4p--add-select__next-list-body--horizontal .c4p--add-select__next-column:last-child{border-inline-end:1px solid var(--cds-custom-border-subtle-01,#c6c6c6)}.c4p--add-select__next-column__actions,.c4p--add-select__next-column__search--with-actions{align-items:flex-end;display:flex}.c4p--add-select__next-column__search-bar{padding-block-end:0;padding-block-start:1rem;padding-inline:1rem}.c4p--add-select__next-column__search-wrapper{align-items:center;display:flex;gap:0}.c4p--add-select__next-column__search-input{flex:1}.c4p--add-select__next-column__controls{align-items:center;display:flex;gap:0}.c4p--add-select__next-column__filter-button,.c4p--add-select__next-column__sort-button{flex:none}.c4p--add-select__next-column__filter-popover{padding-block:1rem;padding-inline:1rem}.c4p--add-select__next-column__filter-popover .cds-custom--checkbox-wrapper{margin-block-end:.5rem}.c4p--add-select__next-column__filter-popover .cds-custom--checkbox-wrapper:last-child{margin-block-end:0}.c4p--add-select__next-column__header{align-items:center;border-block-end:1px solid var(--cds-custom-border-subtle-01,#c6c6c6);display:flex;padding-block:1rem;padding-inline:1rem}.c4p--add-select__next-column__select-all .cds-custom--checkbox-label{align-items:center;display:flex;gap:0}.c4p--add-select__next-column__select-all .cds-custom--checkbox-label-text{align-items:center;display:flex;gap:.5rem;margin-inline-start:.5rem}.c4p--add-select__next-column__title-wrapper{align-items:center;display:flex;gap:.5rem}.c4p--add-select__next-column__title{font-size:var(--cds-custom-heading-compact-01-font-size,.875rem);font-weight:var(--cds-custom-heading-compact-01-font-weight,600);letter-spacing:var(--cds-custom-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-heading-compact-01-line-height,1.28572)}.c4p--add-select__next-column__rows{display:flex;flex:1;flex-direction:column;overflow-y:auto}@supports (overflow-block:auto){.c4p--add-select__next-column__rows{overflow-block:auto}}.c4p--add-select__next__breadcrumbs{flex-wrap:wrap}.c4p--add-select__next__breadcrumb-item,.c4p--add-select__next__breadcrumbs{align-items:center;display:flex;gap:.25rem}.c4p--add-select__next__breadcrumb-button{background:none;border:none;color:var(--cds-custom-link-primary,#0f62fe);cursor:pointer;font-size:var(--cds-custom-body-compact-01-font-size,.875rem);font-weight:var(--cds-custom-body-compact-01-font-weight,400);letter-spacing:var(--cds-custom-body-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-body-compact-01-line-height,1.28572);padding-block:0;padding-inline:0;text-decoration:none}.c4p--add-select__next__breadcrumb-button:hover{color:var(--cds-custom-link-primary-hover,#0043ce);text-decoration:underline}.c4p--add-select__next__breadcrumb-button:focus{outline:.125rem solid var(--cds-custom-focus,#0f62fe);outline-offset:.125rem}.c4p--add-select__next__breadcrumb-separator{align-items:center;color:var(--cds-custom-text-secondary,#525252);display:flex}.c4p--add-select__next__breadcrumb-separator svg{fill:currentColor}.c4p--add-select__next__breadcrumb-current{color:var(--cds-custom-text-primary,#161616);font-size:var(--cds-custom-body-compact-01-font-size,.875rem);font-weight:var(--cds-custom-body-compact-01-font-weight,400);letter-spacing:var(--cds-custom-body-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-body-compact-01-line-height,1.28572)}.c4p--add-select__next__selection-summary{display:flex;flex-direction:column}.c4p--add-select__next__selection-summary-header{align-items:center;border-block-end:1px solid var(--cds-custom-layer-accent-01,#e0e0e0);display:flex;padding-block-end:.5rem;padding-block-start:1.5rem;padding-inline:1rem}.c4p--add-select__next__selection-summary-title{font-size:var(--cds-custom-heading-compact-02-font-size,1rem);font-weight:var(--cds-custom-heading-compact-02-font-weight,600);letter-spacing:var(--cds-custom-heading-compact-02-letter-spacing,0);line-height:var(--cds-custom-heading-compact-02-line-height,1.375);margin-inline-end:.5rem}.c4p--add-select__next__selection-summary-header-actions{align-items:center;display:flex;gap:.5rem;margin-inline-start:auto}.c4p--add-select__next__selection-summary-item{background-color:var(--cds-custom-layer-01,#f4f4f4);border-block-end:1px solid var(--cds-custom-border-subtle-01,#c6c6c6);position:relative}.c4p--add-select__next__selection-summary-item:hover{background-color:var(--cds-custom-layer-hover-01,#e8e8e8)}.c4p--add-select__next__selection-summary-item--accordion .cds-custom--accordion__item,.c4p--add-select__next__selection-summary-item--accordion .cds-custom--accordion__item:last-child{border-block-end:none;border-block-start:none}.c4p--add-select__next__selection-summary-item--accordion .cds-custom--accordion__heading{min-block-size:unset;padding-block:.75rem;padding-inline-end:1rem}.c4p--add-select__next__selection-summary-item--default .c4p--add-select__next__selection-summary-item-title-wrapper{align-items:center;display:flex;justify-content:space-between;padding-block:.75rem;padding-inline:1rem}.c4p--add-select__next__selection-summary-item--default .c4p--add-select__next__selection-summary-item-content{padding-block-end:.75rem;padding-inline:1rem}.c4p--add-select__next__selection-summary-item--default .c4p--add-select__next__selection-summary-item-title{font-size:var(--cds-custom-heading-compact-01-font-size,.875rem);font-weight:var(--cds-custom-heading-compact-01-font-weight,600);letter-spacing:var(--cds-custom-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-heading-compact-01-line-height,1.28572)}.c4p--add-select__next__selection-summary-item-title-wrapper{align-items:center;display:flex;justify-content:space-between}.c4p--add-select__next__selection-summary-item-selected-item{flex:1}.c4p--add-select__next__selection-summary-item-title{color:var(--cds-custom-text-primary,#161616);font-size:var(--cds-custom-body-compact-01-font-size,.875rem);font-weight:var(--cds-custom-body-compact-01-font-weight,400);letter-spacing:var(--cds-custom-body-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-body-compact-01-line-height,1.28572)}.c4p--add-select__next__selection-summary-item-subtitle{color:var(--cds-custom-text-secondary,#525252);font-size:var(--cds-custom-body-01-font-size,.875rem);font-weight:var(--cds-custom-body-01-font-weight,400);letter-spacing:var(--cds-custom-body-01-letter-spacing,.16px);line-height:var(--cds-custom-body-01-line-height,1.42857)}.c4p--add-select__next__selection-summary-item-entry{margin-block-end:1rem}.c4p--add-select__next__selection-summary-item-header{color:var(--cds-custom-text-secondary,#525252);font-size:var(--cds-custom-label-01-font-size,.75rem);font-weight:var(--cds-custom-label-01-font-weight,400);letter-spacing:var(--cds-custom-label-01-letter-spacing,.32px);line-height:var(--cds-custom-label-01-line-height,1.33333);margin-block-end:.5rem}.c4p--add-select__next__selection-summary-item-body{font-size:var(--cds-custom-body-01-font-size,.875rem);font-weight:var(--cds-custom-body-01-font-weight,400);letter-spacing:var(--cds-custom-body-01-letter-spacing,.16px);line-height:var(--cds-custom-body-01-line-height,1.42857);margin-block-end:1rem}.c4p--add-select__next__selection-summary-item-remove-button-container{align-items:center;display:inline-flex;justify-content:center;padding-inline-start:.5rem}.c4p--add-select__next__selection-summary-item--accordion .c4p--add-select__next__selection-summary-item-remove-button-container{inset-block-start:50%;inset-inline-end:1rem;padding-inline-start:0;position:absolute;transform:translateY(-50%)}.c4p--add-select__next__selection-summary-item-remove-button{opacity:0;transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.c4p--add-select__next__selection-summary-item-remove-button{transition:none}}.c4p--add-select__next__selection-summary-item:focus-within .c4p--add-select__next__selection-summary-item-remove-button,.c4p--add-select__next__selection-summary-item:hover .c4p--add-select__next__selection-summary-item-remove-button{opacity:1}.c4p--add-select__next__selection-summary-item-content{margin-block-start:0}.c4p--add-select__next__selection-summary .cds-custom--accordion__arrow{transform:rotate(90deg)}.c4p--add-select__next__selection-summary .cds-custom--accordion__item--active .cds-custom--accordion__arrow{transform:rotate(-90deg)}.c4p--add-select__next__selection-summary .cds-custom--accordion--start .cds-custom--accordion__arrow{margin-block:0;margin-inline-end:0;margin-inline-start:1rem}.c4p--add-select__next__selection-summary .cds-custom--accordion--start .cds-custom--accordion__title{margin-inline-end:0;margin-inline-start:.5rem;padding-inline-end:2rem}.c4p--add-select__next__selection-summary .cds-custom--accordion__item--active .cds-custom--accordion__content{margin-block-start:0;padding-block:1rem;padding-inline:1rem}@keyframes add-select-item-panel-entrance{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes add-select-item-panel-exit{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@keyframes add-select-item-panel-entrance-reduced{0%{opacity:0}to{opacity:1}}@keyframes add-select-item-panel-exit-reduced{0%{opacity:1}to{opacity:0}}.c4p--add-select__next__item-summary-panel{block-size:100%;display:none;inline-size:100%;transform:translateX(0);transition-behavior:allow-discrete;transition-duration:.15s;transition-property:display,opacity,transform}.c4p--add-select__next__item-summary-panel--open{animation:add-select-item-panel-entrance .15s cubic-bezier(0,0,.38,.9) forwards;display:flex;flex-direction:column}@starting-style{.c4p--add-select__next__item-summary-panel--open{opacity:0;transform:translateX(100%)}}@media (prefers-reduced-motion){.c4p--add-select__next__item-summary-panel--open{animation:add-select-item-panel-entrance-reduced .15s cubic-bezier(0,0,.38,.9) forwards}@starting-style{.c4p--add-select__next__item-summary-panel--open{opacity:0;transform:translateX(0)}}}.c4p--add-select__next__item-summary-panel-header{align-items:center;border-block-end:1px solid var(--cds-custom-layer-accent-01,#e0e0e0);display:flex;gap:.5rem;justify-content:space-between;padding-block-end:.5rem;padding-block-start:2rem;padding-inline:1rem}.c4p--add-select__next__item-summary-panel-title{font-size:var(--cds-custom-heading-compact-02-font-size,1rem);font-weight:var(--cds-custom-heading-compact-02-font-weight,600);letter-spacing:var(--cds-custom-heading-compact-02-letter-spacing,0);line-height:var(--cds-custom-heading-compact-02-line-height,1.375)}.c4p--add-select__next__item-summary-panel-body{padding-block:1rem;padding-inline:1rem}.c4p--add-select__next__item-summary-panel-entry{margin-block-end:1rem}.c4p--add-select__next__item-summary-panel-entry-title{font-size:var(--cds-custom-heading-compact-01-font-size,.875rem);font-weight:var(--cds-custom-heading-compact-01-font-weight,600);letter-spacing:var(--cds-custom-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-heading-compact-01-line-height,1.28572)}.c4p--add-select__next__item-summary-panel-entry-body{font-size:var(--cds-custom-body-compact-01-font-size,.875rem);font-weight:var(--cds-custom-body-compact-01-font-weight,400);letter-spacing:var(--cds-custom-body-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-body-compact-01-line-height,1.28572)}:host(c4p-add-select-body){block-size:100%;display:block}:host(c4p-add-select-body) .c4p--add-select__next__body{block-size:100%;display:flex;flex-direction:column;inline-size:100%}:host(c4p-add-select-body) .c4p--add-select__next__header{border-block-end:1px solid var(--cds-custom-border-subtle-01,#c6c6c6);padding:1rem}:host(c4p-add-select-body) .c4p--add-select__next__header--custom .c4p--add-select__next__search,:host(c4p-add-select-body) .c4p--add-select__next__header--custom .c4p--add-select__next__sub-header{display:none}:host(c4p-add-select-body) .c4p--add-select__next__search--with-actions{align-items:flex-end;display:flex;margin-block-end:1rem}:host(c4p-add-select-body) .c4p--add-select__next__search-input{flex:1}:host(c4p-add-select-body) .c4p--add-select__next__global-actions{align-items:flex-end;display:flex}:host(c4p-add-select-body) .c4p--add-select__next__sub-header{align-items:center;display:flex;justify-content:space-between}:host(c4p-add-select-body) .c4p--add-select__next__tags{align-items:center;display:flex;gap:.5rem}:host(c4p-add-select-body) .c4p--add-select__next__tags-label{color:var(--cds-custom-text-primary,#161616);font-size:var(--cds-custom-heading-compact-02-font-size,1rem);font-weight:var(--cds-custom-heading-compact-02-font-weight,600);letter-spacing:var(--cds-custom-heading-compact-02-letter-spacing,0);line-height:var(--cds-custom-heading-compact-02-line-height,1.375);margin:0}:host(c4p-add-select-body) .c4p--add-select__next__sub-header-actions{align-items:center;display:flex;gap:.5rem;margin-inline-start:1rem}:host(c4p-add-select-body) .c4p--add-select__next__content{flex:1;overflow:auto}:host(c4p-add-select-body) .c4p--add-select__next-list-body{display:flex;flex-direction:column}:host(c4p-add-select-body) .c4p--add-select__next-list-body--horizontal{flex-direction:row}"]);
 //#endregion
 export { add_select_body_default as default };

package/es-custom/components/add-select/add-select-body.scss.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"add-select-body.scss.js","names":[],"sources":["../../../src/components/add-select/add-select-body.scss?lit"],"sourcesContent":["/*\n Copyright IBM Corp. 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/ Carbon and IBM Products styles /\n@use '@carbon/styles/scss/theme' as ;\n@use '@carbon/styles/scss/spacing' as ;\n@use '@carbon/styles/scss/type';\n\n$prefix: 'c4p';\n\n/ Import shared AddSelect composable/next styles from ibm-products-styles /\n@use '@carbon/ibm-products-styles/scss/components/AddSelect/add-select_next'\n as ;\n\n/* Web Component specific overrides */\n:host(#{$prefix}-add-select-body) {\n display: block;\n\n .#{$block-class__next}__body {\n display: flex;\n flex-direction: column;\n block-size: 100%;\n inline-size: 100%;\n }\n\n .#{$block-class__next}__header {\n padding: $spacing-05;\n border-block-end: 1px solid $border-subtle-01;\n }\n\n // When consumer provides a custom header via slot=\"header\",\n // hide the default search/sub-header content.\n .#{$block-class__next}__header--custom {\n .#{$block-class__next}__search,\n .#{$block-class__next}__sub-header {\n display: none;\n }\n }\n\n // Search row: input + actions side by side (matches __search--with-actions)\n .#{$block-class__next}__search--with-actions {\n display: flex;\n align-items: flex-end;\n margin-block-end: $spacing-05;\n }\n\n .#{$block-class__next}__search-input {\n flex: 1;\n }\n\n .#{$block-class__next}__global-actions {\n display: flex;\n align-items: flex-end;\n }\n\n .#{$block-class__next}__sub-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n .#{$block-class__next}__tags {\n display: flex;\n align-items: center;\n gap: $spacing-03;\n }\n\n .#{$block-class__next}__tags-label {\n @include type.type-style('heading-compact-02');\n\n margin: 0;\n color: $text-primary;\n }\n\n .#{$block-class__next}__sub-header-actions {\n display: flex;\n align-items: center;\n gap: $spacing-03;\n margin-inline-start: $spacing-05;\n }\n\n .#{$block-class__next}__content {\n overflow: auto;\n flex: 1;\n }\n\n .#{$block-class__next}-list-body {\n display: flex;\n flex-direction: column;\n }\n}\n"],"mappings":""}
1	+ {"version":3,"file":"add-select-body.scss.js","names":[],"sources":["../../../src/components/add-select/add-select-body.scss?lit"],"sourcesContent":["/*\n Copyright IBM Corp. 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/ Carbon and IBM Products styles /\n@use '@carbon/styles/scss/theme' as ;\n@use '@carbon/styles/scss/spacing' as ;\n@use '@carbon/styles/scss/type';\n\n$prefix: 'c4p';\n\n/ Import shared AddSelect composable/next styles from ibm-products-styles /\n@use '@carbon/ibm-products-styles/scss/components/AddSelect/add-select_next'\n as ;\n\n/* Web Component specific overrides */\n:host(#{$prefix}-add-select-body) {\n display: block;\n block-size: 100%;\n\n .#{$block-class__next}__body {\n display: flex;\n flex-direction: column;\n block-size: 100%;\n inline-size: 100%;\n }\n\n .#{$block-class__next}__header {\n padding: $spacing-05;\n border-block-end: 1px solid $border-subtle-01;\n }\n\n // When consumer provides a custom header via slot=\"header\",\n // hide the default search/sub-header content.\n .#{$block-class__next}__header--custom {\n .#{$block-class__next}__search,\n .#{$block-class__next}__sub-header {\n display: none;\n }\n }\n\n // Search row: input + actions side by side (matches __search--with-actions)\n .#{$block-class__next}__search--with-actions {\n display: flex;\n align-items: flex-end;\n margin-block-end: $spacing-05;\n }\n\n .#{$block-class__next}__search-input {\n flex: 1;\n }\n\n .#{$block-class__next}__global-actions {\n display: flex;\n align-items: flex-end;\n }\n\n .#{$block-class__next}__sub-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n .#{$block-class__next}__tags {\n display: flex;\n align-items: center;\n gap: $spacing-03;\n }\n\n .#{$block-class__next}__tags-label {\n @include type.type-style('heading-compact-02');\n\n margin: 0;\n color: $text-primary;\n }\n\n .#{$block-class__next}__sub-header-actions {\n display: flex;\n align-items: center;\n gap: $spacing-03;\n margin-inline-start: $spacing-05;\n }\n\n .#{$block-class__next}__content {\n overflow: auto;\n flex: 1;\n }\n\n .#{$block-class__next}-list-body {\n display: flex;\n flex-direction: column;\n\n &--horizontal {\n flex-direction: row;\n }\n }\n}\n"],"mappings":""}

package/es-custom/components/add-select/add-select-column.js CHANGED Viewed

@@ -88,7 +88,7 @@ let CDSAddSelectColumn = class CDSAddSelectColumn extends LitElement {
 		const columnClasses = classMap({ [`${blockClass}-column`]: true });
 		const showHeader = showSelectAll || !!title;
 		return html`
-      <div class=${columnClasses}>
+      <div class=${columnClasses} part="column">
         <!-- Column search with optional actions slot -->
         ${!hideSearch ? html`
               <div

package/es-custom/components/add-select/add-select-column.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"add-select-column.js","names":["styles","customElement"],"sources":["../../../src/components/add-select/add-select-column.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 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, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport '@carbon/web-components/es-custom/components/search/index.js';\nimport '@carbon/web-components/es-custom/components/tag/index.js';\nimport '@carbon/web-components/es-custom/components/checkbox/index.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './add-select-column.scss?lit';\n\nconst blockClass = `${prefix}--add-select__next`;\n\n/\n Add Select Column component — optional column wrapper providing column-level\n * search, title, and \"Select All\" functionality. Propagates `multi` context to\n * child rows via the `multi` property/attribute.\n * @element c4p-add-select-column\n * @slot default - AddSelectRow elements\n * @slot actions - Custom actions (filter/sort) placed next to column search\n * @fires c4p-add-select-column-search - Fired when column search changes; detail: { searchTerm }\n * @fires c4p-add-select-column-select-all - Fired when \"Select All\" checkbox changes; detail: { checked }\n /\n@customElement(`${prefix}-add-select-column`)\nclass CDSAddSelectColumn extends LitElement {\n /\n Column title shown in the header\n /\n @property({ type: String })\n title = '';\n\n /\n Label text for the column search input (accessibility)\n /\n @property({ type: String, attribute: 'search-label' })\n searchLabel = 'Search';\n\n /\n Placeholder text for the column search input\n /\n @property({ type: String, attribute: 'search-placeholder' })\n searchPlaceholder = 'Search';\n\n /\n Whether to hide the column search input\n /\n @property({ type: Boolean, attribute: 'hide-search', reflect: true })\n hideSearch = false;\n\n /\n Whether this column uses multi-selection (checkboxes) or single-selection (radio buttons)\n /\n @property({ type: Boolean, reflect: true })\n multi = false;\n\n /\n Whether to show the \"Select All\" checkbox (only when multi is true)\n /\n @property({ type: Boolean, attribute: 'show-select-all', reflect: true })\n showSelectAll = false;\n\n /\n Total number of items in the column (shown in tag badge)\n /\n @property({ type: Number, attribute: 'item-count' })\n itemCount = 0;\n\n /\n Whether all items are currently selected\n /\n @property({ type: Boolean, attribute: 'all-selected', reflect: true })\n allSelected = false;\n\n /\n Whether the \"Select All\" checkbox is in an indeterminate state\n /\n @property({ type: Boolean, attribute: 'all-indeterminate', reflect: true })\n allIndeterminate = false;\n\n /* Internal column search term /\n @state()\n private _searchTerm = '';\n\n /* Whether the actions slot has any assigned content /\n @state()\n private _hasActionsSlot = false;\n\n private _handleActionsSlotChange(e: Event) {\n const slot = e.target as HTMLSlotElement;\n this._hasActionsSlot = slot.assignedElements({ flatten: true }).length > 0;\n }\n\n private _handleSearch(event: CustomEvent) {\n this._searchTerm = (event.detail?.value as string) ?? '';\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSAddSelectColumn).eventSearch,\n {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: { searchTerm: this._searchTerm },\n }\n )\n );\n }\n\n private _handleSelectAll(event: CustomEvent) {\n const checked = !!event.detail?.checked;\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSAddSelectColumn).eventSelectAll,\n {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: { checked },\n }\n )\n );\n }\n\n private _handleSlotChange() {\n // Propagate multi to slotted rows\n const slot = this.shadowRoot?.querySelector(\n 'slot:not([name])'\n ) as HTMLSlotElement \| null;\n if (!slot) {\n return;\n }\n slot.assignedElements({ flatten: true }).forEach((el) => {\n if (el.tagName.toLowerCase() === `${prefix}-add-select-row`) {\n if (this.multi) {\n el.setAttribute('_column-multi', '');\n } else {\n el.removeAttribute('_column-multi');\n }\n }\n });\n }\n\n updated(changed: Map<string, unknown>) {\n if (changed.has('multi')) {\n this._handleSlotChange();\n }\n }\n\n render() {\n const {\n title,\n searchLabel,\n searchPlaceholder,\n hideSearch,\n multi,\n showSelectAll,\n itemCount,\n allSelected,\n allIndeterminate,\n } = this;\n\n const columnClasses = classMap({\n [`${blockClass}-column`]: true,\n });\n\n const showHeader = showSelectAll \|\| !!title;\n\n return html`\n <div class=${columnClasses}>\n <!-- Column search with optional actions slot -->\n ${!hideSearch\n ? html`\n <div\n class=\"${classMap({\n [`${blockClass}-column__search`]: true,\n [`${blockClass}-column__search--with-actions`]:\n this._hasActionsSlot,\n })}\"\n >\n <div\n class=\"${this._hasActionsSlot\n ? `${blockClass}-column__search-input`\n : ''}\"\n >\n <cds-custom-search\n label-text=${searchLabel}\n placeholder=${searchPlaceholder}\n size=\"md\"\n @cds-custom-search-input=${this._handleSearch}\n ></cds-custom-search>\n </div>\n <slot\n name=\"actions\"\n class=\"${blockClass}-column__actions\"\n @slotchange=${this._handleActionsSlotChange}\n ></slot>\n </div>\n `\n : nothing}\n\n <!-- Column header: Select All checkbox or title -->\n ${showHeader\n ? html`\n <div class=\"${blockClass}-column__header\">\n ${showSelectAll && multi\n ? html`\n <cds-custom-checkbox\n class=\"${blockClass}-column__select-all\"\n ?checked=${allSelected}\n ?indeterminate=${allIndeterminate}\n @cds-custom-checkbox-changed=${this._handleSelectAll}\n >\n <span class=\"${blockClass}-column__title\"\n >${title}</span\n >\n ${itemCount > 0\n ? html`<cds-custom-tag type=\"gray\" size=\"sm\"\n >${itemCount}</cds-custom-tag\n >`\n : nothing}\n </cds-custom-checkbox>\n `\n : html`\n <div class=\"${blockClass}-column__title-wrapper\">\n <span class=\"${blockClass}-column__title\"\n >${title}</span\n >\n ${itemCount > 0\n ? html`<cds-custom-tag type=\"gray\" size=\"sm\"\n >${itemCount}</cds-custom-tag\n >`\n : nothing}\n </div>\n `}\n </div>\n `\n : nothing}\n\n <!-- Rows container -->\n <div class=\"${blockClass}-column__rows\" role=\"rowgroup\">\n <slot @slotchange=${this._handleSlotChange}></slot>\n </div>\n </div>\n `;\n }\n\n /\n The name of the custom event fired when column search changes.\n * detail: { searchTerm: string }\n /\n static get eventSearch() {\n return `${prefix}-add-select-column-search`;\n }\n\n /\n The name of the custom event fired when \"Select All\" is toggled.\n * detail: { checked: boolean }\n */\n static get eventSelectAll() {\n return `${prefix}-add-select-column-select-all`;\n }\n\n static styles = styles;\n}\n\nexport default CDSAddSelectColumn;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAM,aAAa;;;;;;;;;;;AAYnB,IAAA,qBAAA,MACM,2BAA2B,WAAW;;;eAKlC;qBAMM;2BAMM;oBAMP;eAML;uBAMQ;mBAMJ;qBAME;0BAMK;qBAIG;yBAII;;CAE1B,yBAAiC,GAAU;EACzC,MAAM,OAAO,EAAE;AACf,OAAK,kBAAkB,KAAK,iBAAiB,EAAE,SAAS,MAAM,CAAC,CAAC,SAAS;;CAG3E,cAAsB,OAAoB;AACxC,OAAK,cAAe,MAAM,QAAQ,SAAoB;AACtD,OAAK,cACH,IAAI,YACD,KAAK,YAA0C,aAChD;GACE,SAAS;GACT,YAAY;GACZ,UAAU;GACV,QAAQ,EAAE,YAAY,KAAK,aAAa;GACzC,CACF,CACF;;CAGH,iBAAyB,OAAoB;EAC3C,MAAM,UAAU,CAAC,CAAC,MAAM,QAAQ;AAChC,OAAK,cACH,IAAI,YACD,KAAK,YAA0C,gBAChD;GACE,SAAS;GACT,YAAY;GACZ,UAAU;GACV,QAAQ,EAAE,SAAS;GACpB,CACF,CACF;;CAGH,oBAA4B;EAE1B,MAAM,OAAO,KAAK,YAAY,cAC5B,mBACD;AACD,MAAI,CAAC,KACH;AAEF,OAAK,iBAAiB,EAAE,SAAS,MAAM,CAAC,CAAC,SAAS,OAAO;AACvD,OAAI,GAAG,QAAQ,aAAa,KAAK,qBAC/B,KAAI,KAAK,MACP,IAAG,aAAa,iBAAiB,GAAG;OAEpC,IAAG,gBAAgB,gBAAgB;IAGvC;;CAGJ,QAAQ,SAA+B;AACrC,MAAI,QAAQ,IAAI,QAAQ,CACtB,MAAK,mBAAmB;;CAI5B,SAAS;EACP,MAAM,EACJ,OACA,aACA,mBACA,YACA,OACA,eACA,WACA,aACA,qBACE;EAEJ,MAAM,gBAAgB,SAAS,GAC5B,GAAG,WAAW,WAAW,MAC3B,CAAC;EAEF,MAAM,aAAa,iBAAiB,CAAC,CAAC;AAEtC,SAAO,IAAI;mBACI,cAAc;;UAEvB,CAAC,aACC,IAAI;;yBAES,SAAS;IACf,GAAG,WAAW,mBAAmB;IACjC,GAAG,WAAW,iCACb,KAAK;GACR,CAAC,CAAC;;;2BAGQ,KAAK,kBACV,GAAG,WAAW,yBACd,GAAG;;;iCAGQ,YAAY;kCACX,kBAAkB;;wCAEZ,KAAK,cAAc;;;;;2BAKhC,WAAW;gCACN,KAAK,yBAAyB;;;gBAIlD,QAAQ;;;UAGV,aACE,IAAI;4BACY,WAAW;kBACrB,iBAAiB,QACf,IAAI;;iCAES,WAAW;mCACT,YAAY;yCACN,iBAAiB;gDACV,KAAK,iBAAiB;;uCAE/B,WAAW;6BACrB,MAAM;;0BAET,YAAY,IACV,IAAI;iCACC,UAAU;iCAEf,QAAQ;;wBAGhB,IAAI;oCACY,WAAW;uCACR,WAAW;6BACrB,MAAM;;0BAET,YAAY,IACV,IAAI;iCACC,UAAU;iCAEf,QAAQ;;sBAEd;;gBAGV,QAAQ;;;sBAGE,WAAW;8BACH,KAAK,kBAAkB;;;;;;;;;CAUnD,WAAW,cAAc;AACvB,SAAO;;;;;;CAOT,WAAW,iBAAiB;AAC1B,SAAO;;;gBAGOA;;;YAzOf,SAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,mBAAA,WAAA,SAAA,KAAA,EAAA;YAM1B,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAgB,CAAC,CAAA,EAAA,mBAAA,WAAA,eAAA,KAAA,EAAA;YAMrD,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAsB,CAAC,CAAA,EAAA,mBAAA,WAAA,qBAAA,KAAA,EAAA;YAM3D,SAAS;CAAE,MAAM;CAAS,WAAW;CAAe,SAAS;CAAM,CAAC,CAAA,EAAA,mBAAA,WAAA,cAAA,KAAA,EAAA;YAMpE,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,mBAAA,WAAA,SAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,MAAM;CAAS,WAAW;CAAmB,SAAS;CAAM,CAAC,CAAA,EAAA,mBAAA,WAAA,iBAAA,KAAA,EAAA;YAMxE,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAc,CAAC,CAAA,EAAA,mBAAA,WAAA,aAAA,KAAA,EAAA;YAMnD,SAAS;CAAE,MAAM;CAAS,WAAW;CAAgB,SAAS;CAAM,CAAC,CAAA,EAAA,mBAAA,WAAA,eAAA,KAAA,EAAA;YAMrE,SAAS;CAAE,MAAM;CAAS,WAAW;CAAqB,SAAS;CAAM,CAAC,CAAA,EAAA,mBAAA,WAAA,oBAAA,KAAA,EAAA;YAI1E,OAAO,CAAA,EAAA,mBAAA,WAAA,eAAA,KAAA,EAAA;YAIP,OAAO,CAAA,EAAA,mBAAA,WAAA,mBAAA,KAAA,EAAA;iCA7DTC,cAAc,wBAA8B,CAAA,EAAA,mBAAA;AAiP7C,IAAA,4BAAe"}
1	+ {"version":3,"file":"add-select-column.js","names":["styles","customElement"],"sources":["../../../src/components/add-select/add-select-column.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 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, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport '@carbon/web-components/es-custom/components/search/index.js';\nimport '@carbon/web-components/es-custom/components/tag/index.js';\nimport '@carbon/web-components/es-custom/components/checkbox/index.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './add-select-column.scss?lit';\n\nconst blockClass = `${prefix}--add-select__next`;\n\n/\n Add Select Column component — optional column wrapper providing column-level\n * search, title, and \"Select All\" functionality. Propagates `multi` context to\n * child rows via the `multi` property/attribute.\n * @element c4p-add-select-column\n * @slot default - AddSelectRow elements\n * @slot actions - Custom actions (filter/sort) placed next to column search\n * @fires c4p-add-select-column-search - Fired when column search changes; detail: { searchTerm }\n * @fires c4p-add-select-column-select-all - Fired when \"Select All\" checkbox changes; detail: { checked }\n /\n@customElement(`${prefix}-add-select-column`)\nclass CDSAddSelectColumn extends LitElement {\n /\n Column title shown in the header\n /\n @property({ type: String })\n title = '';\n\n /\n Label text for the column search input (accessibility)\n /\n @property({ type: String, attribute: 'search-label' })\n searchLabel = 'Search';\n\n /\n Placeholder text for the column search input\n /\n @property({ type: String, attribute: 'search-placeholder' })\n searchPlaceholder = 'Search';\n\n /\n Whether to hide the column search input\n /\n @property({ type: Boolean, attribute: 'hide-search', reflect: true })\n hideSearch = false;\n\n /\n Whether this column uses multi-selection (checkboxes) or single-selection (radio buttons)\n /\n @property({ type: Boolean, reflect: true })\n multi = false;\n\n /\n Whether to show the \"Select All\" checkbox (only when multi is true)\n /\n @property({ type: Boolean, attribute: 'show-select-all', reflect: true })\n showSelectAll = false;\n\n /\n Total number of items in the column (shown in tag badge)\n /\n @property({ type: Number, attribute: 'item-count' })\n itemCount = 0;\n\n /\n Whether all items are currently selected\n /\n @property({ type: Boolean, attribute: 'all-selected', reflect: true })\n allSelected = false;\n\n /\n Whether the \"Select All\" checkbox is in an indeterminate state\n /\n @property({ type: Boolean, attribute: 'all-indeterminate', reflect: true })\n allIndeterminate = false;\n\n /* Internal column search term /\n @state()\n private _searchTerm = '';\n\n /* Whether the actions slot has any assigned content /\n @state()\n private _hasActionsSlot = false;\n\n private _handleActionsSlotChange(e: Event) {\n const slot = e.target as HTMLSlotElement;\n this._hasActionsSlot = slot.assignedElements({ flatten: true }).length > 0;\n }\n\n private _handleSearch(event: CustomEvent) {\n this._searchTerm = (event.detail?.value as string) ?? '';\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSAddSelectColumn).eventSearch,\n {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: { searchTerm: this._searchTerm },\n }\n )\n );\n }\n\n private _handleSelectAll(event: CustomEvent) {\n const checked = !!event.detail?.checked;\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSAddSelectColumn).eventSelectAll,\n {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: { checked },\n }\n )\n );\n }\n\n private _handleSlotChange() {\n // Propagate multi to slotted rows\n const slot = this.shadowRoot?.querySelector(\n 'slot:not([name])'\n ) as HTMLSlotElement \| null;\n if (!slot) {\n return;\n }\n slot.assignedElements({ flatten: true }).forEach((el) => {\n if (el.tagName.toLowerCase() === `${prefix}-add-select-row`) {\n if (this.multi) {\n el.setAttribute('_column-multi', '');\n } else {\n el.removeAttribute('_column-multi');\n }\n }\n });\n }\n\n updated(changed: Map<string, unknown>) {\n if (changed.has('multi')) {\n this._handleSlotChange();\n }\n }\n\n render() {\n const {\n title,\n searchLabel,\n searchPlaceholder,\n hideSearch,\n multi,\n showSelectAll,\n itemCount,\n allSelected,\n allIndeterminate,\n } = this;\n\n const columnClasses = classMap({\n [`${blockClass}-column`]: true,\n });\n\n const showHeader = showSelectAll \|\| !!title;\n\n return html`\n <div class=${columnClasses} part=\"column\">\n <!-- Column search with optional actions slot -->\n ${!hideSearch\n ? html`\n <div\n class=\"${classMap({\n [`${blockClass}-column__search`]: true,\n [`${blockClass}-column__search--with-actions`]:\n this._hasActionsSlot,\n })}\"\n >\n <div\n class=\"${this._hasActionsSlot\n ? `${blockClass}-column__search-input`\n : ''}\"\n >\n <cds-custom-search\n label-text=${searchLabel}\n placeholder=${searchPlaceholder}\n size=\"md\"\n @cds-custom-search-input=${this._handleSearch}\n ></cds-custom-search>\n </div>\n <slot\n name=\"actions\"\n class=\"${blockClass}-column__actions\"\n @slotchange=${this._handleActionsSlotChange}\n ></slot>\n </div>\n `\n : nothing}\n\n <!-- Column header: Select All checkbox or title -->\n ${showHeader\n ? html`\n <div class=\"${blockClass}-column__header\">\n ${showSelectAll && multi\n ? html`\n <cds-custom-checkbox\n class=\"${blockClass}-column__select-all\"\n ?checked=${allSelected}\n ?indeterminate=${allIndeterminate}\n @cds-custom-checkbox-changed=${this._handleSelectAll}\n >\n <span class=\"${blockClass}-column__title\"\n >${title}</span\n >\n ${itemCount > 0\n ? html`<cds-custom-tag type=\"gray\" size=\"sm\"\n >${itemCount}</cds-custom-tag\n >`\n : nothing}\n </cds-custom-checkbox>\n `\n : html`\n <div class=\"${blockClass}-column__title-wrapper\">\n <span class=\"${blockClass}-column__title\"\n >${title}</span\n >\n ${itemCount > 0\n ? html`<cds-custom-tag type=\"gray\" size=\"sm\"\n >${itemCount}</cds-custom-tag\n >`\n : nothing}\n </div>\n `}\n </div>\n `\n : nothing}\n\n <!-- Rows container -->\n <div class=\"${blockClass}-column__rows\" role=\"rowgroup\">\n <slot @slotchange=${this._handleSlotChange}></slot>\n </div>\n </div>\n `;\n }\n\n /\n The name of the custom event fired when column search changes.\n * detail: { searchTerm: string }\n /\n static get eventSearch() {\n return `${prefix}-add-select-column-search`;\n }\n\n /\n The name of the custom event fired when \"Select All\" is toggled.\n * detail: { checked: boolean }\n */\n static get eventSelectAll() {\n return `${prefix}-add-select-column-select-all`;\n }\n\n static styles = styles;\n}\n\nexport default CDSAddSelectColumn;\n"],"mappings":"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"}

package/es-custom/components/add-select/add-select-column.scss.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import { css } from "lit";
 //#region src/components/add-select/add-select-column.scss?lit
-var add_select_column_default = css([".c4p--add-select__next{position:relative}.c4p--add-select__next,.c4p--add-select__next__body{block-size:100%;display:flex;flex-direction:column;inline-size:100%}.c4p--add-select__next__header{border-block-end:1px solid var(--cds-custom-border-subtle-01,#c6c6c6);padding-block-end:.5rem;padding-block-start:1rem;padding-inline:1rem}.c4p--add-select__next__search{margin-block-end:1rem}.c4p--add-select__next__search--with-actions{align-items:flex-end;display:flex}.c4p--add-select__next__search-input{flex:1}.c4p--add-select__next__global-actions{align-items:flex-end;display:flex}.c4p--add-select__next__sub-header{align-items:center;display:flex;justify-content:space-between}.c4p--add-select__next__tags{align-items:center;display:flex;gap:.5rem}.c4p--add-select__next__tags-label{color:var(--cds-custom-text-primary,#161616);font-size:var(--cds-custom-heading-compact-02-font-size,1rem);font-weight:var(--cds-custom-heading-compact-02-font-weight,600);letter-spacing:var(--cds-custom-heading-compact-02-letter-spacing,0);line-height:var(--cds-custom-heading-compact-02-line-height,1.375);margin:0}.c4p--add-select__next__sub-header-actions{align-items:center;display:flex;gap:.5rem;margin-inline-start:1rem}.c4p--add-select__next__content{display:flex;flex:1;flex-direction:column;overflow:auto}.c4p--add-select__next-list{display:flex;flex:1;flex-direction:column;overflow-y:auto}@supports (overflow-block:auto){.c4p--add-select__next-list{overflow-block:auto}}.c4p--add-select__next-list:focus{outline:none}.c4p--add-select__next-list-body{display:flex;flex-direction:column}.c4p--add-select__next-list-body--horizontal{align-items:stretch;block-size:100%;flex-direction:row}.c4p--add-select__next-list-body--horizontal .c4p--add-select__next-column{padding-block:1rem;padding-inline:1rem}.c4p--add-select__next-row{border-inline-start:.125rem solid transparent;display:flex;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}.c4p--add-select__next-row:focus{outline:.125rem solid var(--cds-custom-focus,#0f62fe);outline-offset:-.125rem}.c4p--add-select__next-row:focus:not(:focus-visible){outline:none}.c4p--add-select__next-row--selected{background-color:var(--cds-custom-layer-selected-01,#e0e0e0)}.c4p--add-select__next-row--selected .c4p--add-select__next-row__cell-wrapper{border-block-end-color:var(--cds-custom-border-subtle-selected-01,#c6c6c6)}.c4p--add-select__next-row--disabled{cursor:not-allowed}.c4p--add-select__next-row--disabled .c4p--add-select__next-row__subtitle,.c4p--add-select__next-row--disabled .c4p--add-select__next-row__title{color:var(--cds-custom-text-disabled,hsla(0,0%,9%,.25))}.c4p--add-select__next-row--disabled .c4p--add-select__next-row__icon svg,.c4p--add-select__next-row--disabled .c4p--add-select__next-row__nav-indicator svg,.c4p--add-select__next-row--disabled .c4p--add-select__next-row__view-item-panel svg{fill:var(--cds-custom-icon-disabled,hsla(0,0%,9%,.25))}.c4p--add-select__next-row:hover:not(.c4p--add-select__next-row--disabled){background:var(--cds-custom-layer-hover-01,#e8e8e8)}.c4p--add-select__next-row:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__title{color:var(--cds-custom-link-primary,#0f62fe)}.c4p--add-select__next-row:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__nav-indicator svg,.c4p--add-select__next-row:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__view-item-panel svg{fill:var(--cds-custom-icon-disabled,hsla(0,0%,9%,.25))}.c4p--add-select__next-row--selected:hover:not(.c4p--add-select__next-row--disabled){background:var(--cds-custom-layer-selected-hover-01,#d1d1d1)}.c4p--add-select__next-row--selected:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__title{color:var(--cds-custom-text-primary,#161616)}.c4p--add-select__next-row--selected:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__nav-indicator svg,.c4p--add-select__next-row--selected:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__view-item-panel svg{fill:var(--cds-custom-icon-primary,#161616)}.c4p--add-select__next-row__cell{display:flex;flex:1;flex-direction:column}.c4p--add-select__next-row__cell-wrapper{align-items:center;border-block-end:1px solid var(--cds-custom-border-subtle-01,#c6c6c6);display:flex;justify-content:space-between;min-block-size:3rem;padding-block:.5rem;padding-inline:1rem}.c4p--add-select__next-row__content{align-items:center;align-self:center;display:flex;flex:1}.c4p--add-select__next-row__checkbox{align-self:center;flex:none;margin-inline-end:1rem}.c4p--add-select__next-row__radio{align-self:center}.c4p--add-select__next-row__radio .cds-custom--radio-button__appearance{margin-inline-end:0}.c4p--add-select__next-row__icon{align-items:center;display:flex;margin-inline-end:.5rem}.c4p--add-select__next-row__text{display:flex;flex:1;flex-direction:column}.c4p--add-select__next-row__title{color:var(--cds-custom-text-primary,#161616);display:block;font-size:var(--cds-custom-body-compact-01-font-size,.875rem);font-weight:var(--cds-custom-body-compact-01-font-weight,400);letter-spacing:var(--cds-custom-body-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-body-compact-01-line-height,1.28572)}.c4p--add-select__next-row__subtitle{color:var(--cds-custom-text-secondary,#525252);display:block;font-size:var(--cds-custom-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-custom-helper-text-01-letter-spacing,.32px);line-height:var(--cds-custom-helper-text-01-line-height,1.33333)}.c4p--add-select__next-row__meta{align-items:center;display:flex;margin-inline-start:.5rem}.c4p--add-select__next-row__view-item-panel{margin-inline-start:auto}.c4p--add-select__next-row-item-panel--selected{background-color:var(--cds-custom-layer-hover-01,#e8e8e8);border-inline-start:.125rem solid var(--cds-custom-interactive,#0f62fe)}@media screen and (prefers-reduced-motion:reduce){.c4p--add-select__next-row__nav-indicator{align-items:center;cursor:pointer;display:flex;justify-content:center;margin-inline-start:.5rem;padding-block:.25rem;padding-inline:.25rem;transition:none}.c4p--add-select__next-row__nav-indicator:hover{background-color:var(--cds-custom-background-hover,hsla(0,0%,55%,.12))}.c4p--add-select__next-row__nav-indicator:focus{outline:.125rem solid var(--cds-custom-focus,#0f62fe);outline-offset:-.125rem}.c4p--add-select__next-row__nav-indicator svg{fill:var(--cds-custom-icon-primary,#161616)}}.c4p--add-select__next-row__nav-indicator{align-items:center;cursor:pointer;display:flex;justify-content:center;margin-inline-start:.5rem;padding-block:.25rem;padding-inline:.25rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}.c4p--add-select__next-row__nav-indicator:hover{background-color:var(--cds-custom-background-hover,hsla(0,0%,55%,.12))}.c4p--add-select__next-row__nav-indicator:focus{outline:.125rem solid var(--cds-custom-focus,#0f62fe);outline-offset:-.125rem}.c4p--add-select__next-row__nav-indicator svg{fill:var(--cds-custom-icon-primary,#161616)}.c4p--add-select__next-row--skeleton{cursor:default;pointer-events:none}.c4p--add-select__next-row--skeleton:hover{background:none}.c4p--add-select__next-row--skeleton .c4p--add-select__next-row__skeleton-control{background-color:var(--cds-custom-skeleton-element,#c6c6c6);block-size:1rem;border-radius:.125rem;flex:none;inline-size:1rem;margin-inline-end:1rem}.c4p--add-select__next-row--skeleton .c4p--add-select__next-row__icon .cds-custom--icon--skeleton{block-size:2rem;border-radius:50%;inline-size:2rem}.c4p--add-select__next-row--skeleton .c4p--add-select__next-row__icon .cds-custom--icon--skeleton:before{animation:none;border-radius:50%}.c4p--add-select__next-row--skeleton .c4p--add-select__next-row__skeleton-title{margin-block-end:0}.c4p--add-select__next-column{block-size:100%;border-inline-end:1px solid var(--cds-custom-border-subtle-01,#c6c6c6);display:flex;flex-direction:column;min-inline-size:300px;padding-block:1rem;padding-inline:1rem}.c4p--add-select__next-column:last-child{border-inline-end:none}.c4p--add-select__next-list-body--horizontal .c4p--add-select__next-column:last-child{border-inline-end:1px solid var(--cds-custom-border-subtle-01,#c6c6c6)}.c4p--add-select__next-column__actions,.c4p--add-select__next-column__search--with-actions{align-items:flex-end;display:flex}.c4p--add-select__next-column__search-bar{padding-block-end:0;padding-block-start:1rem;padding-inline:1rem}.c4p--add-select__next-column__search-wrapper{align-items:center;display:flex;gap:0}.c4p--add-select__next-column__search-input{flex:1}.c4p--add-select__next-column__controls{align-items:center;display:flex;gap:0}.c4p--add-select__next-column__filter-button,.c4p--add-select__next-column__sort-button{flex:none}.c4p--add-select__next-column__filter-popover{padding-block:1rem;padding-inline:1rem}.c4p--add-select__next-column__filter-popover .cds-custom--checkbox-wrapper{margin-block-end:.5rem}.c4p--add-select__next-column__filter-popover .cds-custom--checkbox-wrapper:last-child{margin-block-end:0}.c4p--add-select__next-column__header{align-items:center;border-block-end:1px solid var(--cds-custom-border-subtle-01,#c6c6c6);display:flex;padding-block:1rem;padding-inline:1rem}.c4p--add-select__next-column__select-all .cds-custom--checkbox-label{align-items:center;display:flex;gap:0}.c4p--add-select__next-column__select-all .cds-custom--checkbox-label-text{align-items:center;display:flex;gap:.5rem;margin-inline-start:.5rem}.c4p--add-select__next-column__title-wrapper{align-items:center;display:flex;gap:.5rem}.c4p--add-select__next-column__title{font-size:var(--cds-custom-heading-compact-01-font-size,.875rem);font-weight:var(--cds-custom-heading-compact-01-font-weight,600);letter-spacing:var(--cds-custom-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-heading-compact-01-line-height,1.28572)}.c4p--add-select__next-column__rows{display:flex;flex:1;flex-direction:column;overflow-y:auto}@supports (overflow-block:auto){.c4p--add-select__next-column__rows{overflow-block:auto}}.c4p--add-select__next__breadcrumbs{flex-wrap:wrap}.c4p--add-select__next__breadcrumb-item,.c4p--add-select__next__breadcrumbs{align-items:center;display:flex;gap:.25rem}.c4p--add-select__next__breadcrumb-button{background:none;border:none;color:var(--cds-custom-link-primary,#0f62fe);cursor:pointer;font-size:var(--cds-custom-body-compact-01-font-size,.875rem);font-weight:var(--cds-custom-body-compact-01-font-weight,400);letter-spacing:var(--cds-custom-body-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-body-compact-01-line-height,1.28572);padding-block:0;padding-inline:0;text-decoration:none}.c4p--add-select__next__breadcrumb-button:hover{color:var(--cds-custom-link-primary-hover,#0043ce);text-decoration:underline}.c4p--add-select__next__breadcrumb-button:focus{outline:.125rem solid var(--cds-custom-focus,#0f62fe);outline-offset:.125rem}.c4p--add-select__next__breadcrumb-separator{align-items:center;color:var(--cds-custom-text-secondary,#525252);display:flex}.c4p--add-select__next__breadcrumb-separator svg{fill:currentColor}.c4p--add-select__next__breadcrumb-current{color:var(--cds-custom-text-primary,#161616);font-size:var(--cds-custom-body-compact-01-font-size,.875rem);font-weight:var(--cds-custom-body-compact-01-font-weight,400);letter-spacing:var(--cds-custom-body-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-body-compact-01-line-height,1.28572)}.c4p--add-select__next__selection-summary{display:flex;flex-direction:column}.c4p--add-select__next__selection-summary-header{align-items:center;border-block-end:1px solid var(--cds-custom-layer-accent-01,#e0e0e0);display:flex;padding-block-end:.5rem;padding-block-start:1.5rem;padding-inline:1rem}.c4p--add-select__next__selection-summary-title{font-size:var(--cds-custom-heading-compact-02-font-size,1rem);font-weight:var(--cds-custom-heading-compact-02-font-weight,600);letter-spacing:var(--cds-custom-heading-compact-02-letter-spacing,0);line-height:var(--cds-custom-heading-compact-02-line-height,1.375);margin-inline-end:.5rem}.c4p--add-select__next__selection-summary-header-actions{align-items:center;display:flex;gap:.5rem;margin-inline-start:auto}.c4p--add-select__next__selection-summary-item{background-color:var(--cds-custom-layer-01,#f4f4f4);border-block-end:1px solid var(--cds-custom-border-subtle-01,#c6c6c6);position:relative}.c4p--add-select__next__selection-summary-item:hover{background-color:var(--cds-custom-layer-hover-01,#e8e8e8)}.c4p--add-select__next__selection-summary-item--accordion .cds-custom--accordion__item,.c4p--add-select__next__selection-summary-item--accordion .cds-custom--accordion__item:last-child{border-block-end:none;border-block-start:none}.c4p--add-select__next__selection-summary-item--accordion .cds-custom--accordion__heading{min-block-size:unset;padding-block:.75rem;padding-inline-end:1rem}.c4p--add-select__next__selection-summary-item--default .c4p--add-select__next__selection-summary-item-title-wrapper{align-items:center;display:flex;justify-content:space-between;padding-block:.75rem;padding-inline:1rem}.c4p--add-select__next__selection-summary-item--default .c4p--add-select__next__selection-summary-item-content{padding-block-end:.75rem;padding-inline:1rem}.c4p--add-select__next__selection-summary-item--default .c4p--add-select__next__selection-summary-item-title{font-size:var(--cds-custom-heading-compact-01-font-size,.875rem);font-weight:var(--cds-custom-heading-compact-01-font-weight,600);letter-spacing:var(--cds-custom-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-heading-compact-01-line-height,1.28572)}.c4p--add-select__next__selection-summary-item-title-wrapper{align-items:center;display:flex;justify-content:space-between}.c4p--add-select__next__selection-summary-item-selected-item{flex:1}.c4p--add-select__next__selection-summary-item-title{color:var(--cds-custom-text-primary,#161616);font-size:var(--cds-custom-body-compact-01-font-size,.875rem);font-weight:var(--cds-custom-body-compact-01-font-weight,400);letter-spacing:var(--cds-custom-body-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-body-compact-01-line-height,1.28572)}.c4p--add-select__next__selection-summary-item-subtitle{color:var(--cds-custom-text-secondary,#525252);font-size:var(--cds-custom-body-01-font-size,.875rem);font-weight:var(--cds-custom-body-01-font-weight,400);letter-spacing:var(--cds-custom-body-01-letter-spacing,.16px);line-height:var(--cds-custom-body-01-line-height,1.42857)}.c4p--add-select__next__selection-summary-item-entry{margin-block-end:1rem}.c4p--add-select__next__selection-summary-item-header{color:var(--cds-custom-text-secondary,#525252);font-size:var(--cds-custom-label-01-font-size,.75rem);font-weight:var(--cds-custom-label-01-font-weight,400);letter-spacing:var(--cds-custom-label-01-letter-spacing,.32px);line-height:var(--cds-custom-label-01-line-height,1.33333);margin-block-end:.5rem}.c4p--add-select__next__selection-summary-item-body{font-size:var(--cds-custom-body-01-font-size,.875rem);font-weight:var(--cds-custom-body-01-font-weight,400);letter-spacing:var(--cds-custom-body-01-letter-spacing,.16px);line-height:var(--cds-custom-body-01-line-height,1.42857);margin-block-end:1rem}.c4p--add-select__next__selection-summary-item-remove-button-container{align-items:center;display:inline-flex;justify-content:center;padding-inline-start:.5rem}.c4p--add-select__next__selection-summary-item--accordion .c4p--add-select__next__selection-summary-item-remove-button-container{inset-block-start:50%;inset-inline-end:1rem;padding-inline-start:0;position:absolute;transform:translateY(-50%)}.c4p--add-select__next__selection-summary-item-remove-button{opacity:0;transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.c4p--add-select__next__selection-summary-item-remove-button{transition:none}}.c4p--add-select__next__selection-summary-item:focus-within .c4p--add-select__next__selection-summary-item-remove-button,.c4p--add-select__next__selection-summary-item:hover .c4p--add-select__next__selection-summary-item-remove-button{opacity:1}.c4p--add-select__next__selection-summary-item-content{margin-block-start:0}.c4p--add-select__next__selection-summary .cds-custom--accordion__arrow{transform:rotate(90deg)}.c4p--add-select__next__selection-summary .cds-custom--accordion__item--active .cds-custom--accordion__arrow{transform:rotate(-90deg)}.c4p--add-select__next__selection-summary .cds-custom--accordion--start .cds-custom--accordion__arrow{margin-block:0;margin-inline-end:0;margin-inline-start:1rem}.c4p--add-select__next__selection-summary .cds-custom--accordion--start .cds-custom--accordion__title{margin-inline-end:0;margin-inline-start:.5rem;padding-inline-end:2rem}.c4p--add-select__next__selection-summary .cds-custom--accordion__item--active .cds-custom--accordion__content{margin-block-start:0;padding-block:1rem;padding-inline:1rem}@keyframes add-select-item-panel-entrance{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes add-select-item-panel-exit{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@keyframes add-select-item-panel-entrance-reduced{0%{opacity:0}to{opacity:1}}@keyframes add-select-item-panel-exit-reduced{0%{opacity:1}to{opacity:0}}.c4p--add-select__next__item-summary-panel{block-size:100%;display:none;inline-size:100%;transform:translateX(0);transition-behavior:allow-discrete;transition-duration:.15s;transition-property:display,opacity,transform}.c4p--add-select__next__item-summary-panel--open{animation:add-select-item-panel-entrance .15s cubic-bezier(0,0,.38,.9) forwards;display:flex;flex-direction:column}@starting-style{.c4p--add-select__next__item-summary-panel--open{opacity:0;transform:translateX(100%)}}@media (prefers-reduced-motion){.c4p--add-select__next__item-summary-panel--open{animation:add-select-item-panel-entrance-reduced .15s cubic-bezier(0,0,.38,.9) forwards}@starting-style{.c4p--add-select__next__item-summary-panel--open{opacity:0;transform:translateX(0)}}}.c4p--add-select__next__item-summary-panel-header{align-items:center;border-block-end:1px solid var(--cds-custom-layer-accent-01,#e0e0e0);display:flex;gap:.5rem;justify-content:space-between;padding-block-end:.5rem;padding-block-start:2rem;padding-inline:1rem}.c4p--add-select__next__item-summary-panel-title{font-size:var(--cds-custom-heading-compact-02-font-size,1rem);font-weight:var(--cds-custom-heading-compact-02-font-weight,600);letter-spacing:var(--cds-custom-heading-compact-02-letter-spacing,0);line-height:var(--cds-custom-heading-compact-02-line-height,1.375)}.c4p--add-select__next__item-summary-panel-body{padding-block:1rem;padding-inline:1rem}.c4p--add-select__next__item-summary-panel-entry{margin-block-end:1rem}.c4p--add-select__next__item-summary-panel-entry-title{font-size:var(--cds-custom-heading-compact-01-font-size,.875rem);font-weight:var(--cds-custom-heading-compact-01-font-weight,600);letter-spacing:var(--cds-custom-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-heading-compact-01-line-height,1.28572)}.c4p--add-select__next__item-summary-panel-entry-body{font-size:var(--cds-custom-body-compact-01-font-size,.875rem);font-weight:var(--cds-custom-body-compact-01-font-weight,400);letter-spacing:var(--cds-custom-body-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-body-compact-01-line-height,1.28572)}:host(c4p-add-select-column){display:block}:host(c4p-add-select-column) .c4p--add-select__next-column{display:flex;flex-direction:column;padding:1rem}:host(c4p-add-select-column) .c4p--add-select__next-column__search{padding:0}:host(c4p-add-select-column) .c4p--add-select__next-column__search--with-actions{align-items:flex-end;display:flex}:host(c4p-add-select-column) .c4p--add-select__next-column__search-input{flex:1}:host(c4p-add-select-column) .c4p--add-select__next-column__actions{align-items:flex-end;display:flex}:host(c4p-add-select-column) .c4p--add-select__next-column__header{align-items:center;border-block-end:1px solid var(--cds-custom-border-subtle-01,#c6c6c6);display:flex;padding:1rem}:host(c4p-add-select-column) .c4p--add-select__next-column__title-wrapper{align-items:center;display:flex;gap:.5rem}:host(c4p-add-select-column) .c4p--add-select__next-column__title{font-size:var(--cds-custom-heading-compact-01-font-size,.875rem);font-weight:var(--cds-custom-heading-compact-01-font-weight,600);letter-spacing:var(--cds-custom-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-heading-compact-01-line-height,1.28572);margin-inline-end:.5rem}:host(c4p-add-select-column) .c4p--add-select__next-column__select-all::part(label){align-items:center;display:flex;gap:.5rem}:host(c4p-add-select-column) .c4p--add-select__next-column__rows{flex:1;overflow:auto}@supports (overflow-block:auto){:host(c4p-add-select-column) .c4p--add-select__next-column__rows{overflow-block:auto}}"]);
+var add_select_column_default = css([".c4p--add-select__next{position:relative}.c4p--add-select__next,.c4p--add-select__next__body{block-size:100%;display:flex;flex-direction:column;inline-size:100%}.c4p--add-select__next__header{border-block-end:1px solid var(--cds-custom-border-subtle-01,#c6c6c6);padding-block-end:.5rem;padding-block-start:1rem;padding-inline:1rem}.c4p--add-select__next__search{margin-block-end:1rem}.c4p--add-select__next__search--with-actions{align-items:flex-end;display:flex}.c4p--add-select__next__search-input{flex:1}.c4p--add-select__next__global-actions{align-items:flex-end;display:flex}.c4p--add-select__next__sub-header{align-items:center;display:flex;justify-content:space-between}.c4p--add-select__next__tags{align-items:center;display:flex;gap:.5rem}.c4p--add-select__next__tags-label{color:var(--cds-custom-text-primary,#161616);font-size:var(--cds-custom-heading-compact-02-font-size,1rem);font-weight:var(--cds-custom-heading-compact-02-font-weight,600);letter-spacing:var(--cds-custom-heading-compact-02-letter-spacing,0);line-height:var(--cds-custom-heading-compact-02-line-height,1.375);margin:0}.c4p--add-select__next__sub-header-actions{align-items:center;display:flex;gap:.5rem;margin-inline-start:1rem}.c4p--add-select__next__content{display:flex;flex:1;flex-direction:column;overflow:auto}.c4p--add-select__next-list{display:flex;flex:1;flex-direction:column;overflow-y:auto}@supports (overflow-block:auto){.c4p--add-select__next-list{overflow-block:auto}}.c4p--add-select__next-list:focus{outline:none}.c4p--add-select__next-list-body{display:flex;flex-direction:column}.c4p--add-select__next-list-body--horizontal{align-items:stretch;block-size:100%;flex-direction:row}.c4p--add-select__next-list-body--horizontal .c4p--add-select__next-column{padding-block:1rem;padding-inline:1rem}.c4p--add-select__next-row{border-inline-start:.125rem solid transparent;display:flex;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}.c4p--add-select__next-row:focus{outline:.125rem solid var(--cds-custom-focus,#0f62fe);outline-offset:-.125rem}.c4p--add-select__next-row:focus:not(:focus-visible){outline:none}.c4p--add-select__next-row--selected{background-color:var(--cds-custom-layer-selected-01,#e0e0e0)}.c4p--add-select__next-row--selected .c4p--add-select__next-row__cell-wrapper{border-block-end-color:var(--cds-custom-border-subtle-selected-01,#c6c6c6)}.c4p--add-select__next-row--disabled{cursor:not-allowed}.c4p--add-select__next-row--disabled .c4p--add-select__next-row__subtitle,.c4p--add-select__next-row--disabled .c4p--add-select__next-row__title{color:var(--cds-custom-text-disabled,hsla(0,0%,9%,.25))}.c4p--add-select__next-row--disabled .c4p--add-select__next-row__icon svg,.c4p--add-select__next-row--disabled .c4p--add-select__next-row__nav-indicator svg,.c4p--add-select__next-row--disabled .c4p--add-select__next-row__view-item-panel svg{fill:var(--cds-custom-icon-disabled,hsla(0,0%,9%,.25))}.c4p--add-select__next-row:hover:not(.c4p--add-select__next-row--disabled){background:var(--cds-custom-layer-hover-01,#e8e8e8)}.c4p--add-select__next-row:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__title{color:var(--cds-custom-link-primary,#0f62fe)}.c4p--add-select__next-row:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__nav-indicator svg,.c4p--add-select__next-row:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__view-item-panel svg{fill:var(--cds-custom-icon-disabled,hsla(0,0%,9%,.25))}.c4p--add-select__next-row--selected:hover:not(.c4p--add-select__next-row--disabled){background:var(--cds-custom-layer-selected-hover-01,#d1d1d1)}.c4p--add-select__next-row--selected:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__title{color:var(--cds-custom-text-primary,#161616)}.c4p--add-select__next-row--selected:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__nav-indicator svg,.c4p--add-select__next-row--selected:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__view-item-panel svg{fill:var(--cds-custom-icon-primary,#161616)}.c4p--add-select__next-row__cell{display:flex;flex:1;flex-direction:column}.c4p--add-select__next-row__cell-wrapper{align-items:center;border-block-end:1px solid var(--cds-custom-border-subtle-01,#c6c6c6);display:flex;justify-content:space-between;min-block-size:3rem;padding-block:.5rem;padding-inline:1rem}.c4p--add-select__next-row__content{align-items:center;align-self:center;display:flex;flex:1}.c4p--add-select__next-row__checkbox{align-self:center;flex:none;margin-inline-end:1rem}.c4p--add-select__next-row__radio{align-self:center}.c4p--add-select__next-row__radio .cds-custom--radio-button__appearance{margin-inline-end:0}.c4p--add-select__next-row__icon{align-items:center;display:flex;margin-inline-end:.5rem}.c4p--add-select__next-row__text{display:flex;flex:1;flex-direction:column}.c4p--add-select__next-row__title{color:var(--cds-custom-text-primary,#161616);display:block;font-size:var(--cds-custom-body-compact-01-font-size,.875rem);font-weight:var(--cds-custom-body-compact-01-font-weight,400);letter-spacing:var(--cds-custom-body-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-body-compact-01-line-height,1.28572)}.c4p--add-select__next-row__subtitle{color:var(--cds-custom-text-secondary,#525252);display:block;font-size:var(--cds-custom-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-custom-helper-text-01-letter-spacing,.32px);line-height:var(--cds-custom-helper-text-01-line-height,1.33333)}.c4p--add-select__next-row__meta{align-items:center;display:flex;margin-inline-start:.5rem}.c4p--add-select__next-row__view-item-panel{margin-inline-start:auto}.c4p--add-select__next-row-item-panel--selected{background-color:var(--cds-custom-layer-hover-01,#e8e8e8);border-inline-start:.125rem solid var(--cds-custom-interactive,#0f62fe)}@media screen and (prefers-reduced-motion:reduce){.c4p--add-select__next-row__nav-indicator{align-items:center;cursor:pointer;display:flex;justify-content:center;margin-inline-start:.5rem;padding-block:.25rem;padding-inline:.25rem;transition:none}.c4p--add-select__next-row__nav-indicator:hover{background-color:var(--cds-custom-background-hover,hsla(0,0%,55%,.12))}.c4p--add-select__next-row__nav-indicator:focus{outline:.125rem solid var(--cds-custom-focus,#0f62fe);outline-offset:-.125rem}.c4p--add-select__next-row__nav-indicator svg{fill:var(--cds-custom-icon-primary,#161616)}}.c4p--add-select__next-row__nav-indicator{align-items:center;cursor:pointer;display:flex;justify-content:center;margin-inline-start:.5rem;padding-block:.25rem;padding-inline:.25rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}.c4p--add-select__next-row__nav-indicator:hover{background-color:var(--cds-custom-background-hover,hsla(0,0%,55%,.12))}.c4p--add-select__next-row__nav-indicator:focus{outline:.125rem solid var(--cds-custom-focus,#0f62fe);outline-offset:-.125rem}.c4p--add-select__next-row__nav-indicator svg{fill:var(--cds-custom-icon-primary,#161616)}.c4p--add-select__next-row--skeleton{cursor:default;pointer-events:none}.c4p--add-select__next-row--skeleton:hover{background:none}.c4p--add-select__next-row--skeleton .c4p--add-select__next-row__skeleton-control{background-color:var(--cds-custom-skeleton-element,#c6c6c6);block-size:1rem;border-radius:.125rem;flex:none;inline-size:1rem;margin-inline-end:1rem}.c4p--add-select__next-row--skeleton .c4p--add-select__next-row__icon .cds-custom--icon--skeleton{block-size:2rem;border-radius:50%;inline-size:2rem}.c4p--add-select__next-row--skeleton .c4p--add-select__next-row__icon .cds-custom--icon--skeleton:before{animation:none;border-radius:50%}.c4p--add-select__next-row--skeleton .c4p--add-select__next-row__skeleton-title{margin-block-end:0}.c4p--add-select__next-column{block-size:100%;border-inline-end:1px solid var(--cds-custom-border-subtle-01,#c6c6c6);display:flex;flex-direction:column;min-inline-size:300px;padding-block:1rem;padding-inline:1rem}.c4p--add-select__next-column:last-child{border-inline-end:none}.c4p--add-select__next-list-body--horizontal .c4p--add-select__next-column:last-child{border-inline-end:1px solid var(--cds-custom-border-subtle-01,#c6c6c6)}.c4p--add-select__next-column__actions,.c4p--add-select__next-column__search--with-actions{align-items:flex-end;display:flex}.c4p--add-select__next-column__search-bar{padding-block-end:0;padding-block-start:1rem;padding-inline:1rem}.c4p--add-select__next-column__search-wrapper{align-items:center;display:flex;gap:0}.c4p--add-select__next-column__search-input{flex:1}.c4p--add-select__next-column__controls{align-items:center;display:flex;gap:0}.c4p--add-select__next-column__filter-button,.c4p--add-select__next-column__sort-button{flex:none}.c4p--add-select__next-column__filter-popover{padding-block:1rem;padding-inline:1rem}.c4p--add-select__next-column__filter-popover .cds-custom--checkbox-wrapper{margin-block-end:.5rem}.c4p--add-select__next-column__filter-popover .cds-custom--checkbox-wrapper:last-child{margin-block-end:0}.c4p--add-select__next-column__header{align-items:center;border-block-end:1px solid var(--cds-custom-border-subtle-01,#c6c6c6);display:flex;padding-block:1rem;padding-inline:1rem}.c4p--add-select__next-column__select-all .cds-custom--checkbox-label{align-items:center;display:flex;gap:0}.c4p--add-select__next-column__select-all .cds-custom--checkbox-label-text{align-items:center;display:flex;gap:.5rem;margin-inline-start:.5rem}.c4p--add-select__next-column__title-wrapper{align-items:center;display:flex;gap:.5rem}.c4p--add-select__next-column__title{font-size:var(--cds-custom-heading-compact-01-font-size,.875rem);font-weight:var(--cds-custom-heading-compact-01-font-weight,600);letter-spacing:var(--cds-custom-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-heading-compact-01-line-height,1.28572)}.c4p--add-select__next-column__rows{display:flex;flex:1;flex-direction:column;overflow-y:auto}@supports (overflow-block:auto){.c4p--add-select__next-column__rows{overflow-block:auto}}.c4p--add-select__next__breadcrumbs{flex-wrap:wrap}.c4p--add-select__next__breadcrumb-item,.c4p--add-select__next__breadcrumbs{align-items:center;display:flex;gap:.25rem}.c4p--add-select__next__breadcrumb-button{background:none;border:none;color:var(--cds-custom-link-primary,#0f62fe);cursor:pointer;font-size:var(--cds-custom-body-compact-01-font-size,.875rem);font-weight:var(--cds-custom-body-compact-01-font-weight,400);letter-spacing:var(--cds-custom-body-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-body-compact-01-line-height,1.28572);padding-block:0;padding-inline:0;text-decoration:none}.c4p--add-select__next__breadcrumb-button:hover{color:var(--cds-custom-link-primary-hover,#0043ce);text-decoration:underline}.c4p--add-select__next__breadcrumb-button:focus{outline:.125rem solid var(--cds-custom-focus,#0f62fe);outline-offset:.125rem}.c4p--add-select__next__breadcrumb-separator{align-items:center;color:var(--cds-custom-text-secondary,#525252);display:flex}.c4p--add-select__next__breadcrumb-separator svg{fill:currentColor}.c4p--add-select__next__breadcrumb-current{color:var(--cds-custom-text-primary,#161616);font-size:var(--cds-custom-body-compact-01-font-size,.875rem);font-weight:var(--cds-custom-body-compact-01-font-weight,400);letter-spacing:var(--cds-custom-body-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-body-compact-01-line-height,1.28572)}.c4p--add-select__next__selection-summary{display:flex;flex-direction:column}.c4p--add-select__next__selection-summary-header{align-items:center;border-block-end:1px solid var(--cds-custom-layer-accent-01,#e0e0e0);display:flex;padding-block-end:.5rem;padding-block-start:1.5rem;padding-inline:1rem}.c4p--add-select__next__selection-summary-title{font-size:var(--cds-custom-heading-compact-02-font-size,1rem);font-weight:var(--cds-custom-heading-compact-02-font-weight,600);letter-spacing:var(--cds-custom-heading-compact-02-letter-spacing,0);line-height:var(--cds-custom-heading-compact-02-line-height,1.375);margin-inline-end:.5rem}.c4p--add-select__next__selection-summary-header-actions{align-items:center;display:flex;gap:.5rem;margin-inline-start:auto}.c4p--add-select__next__selection-summary-item{background-color:var(--cds-custom-layer-01,#f4f4f4);border-block-end:1px solid var(--cds-custom-border-subtle-01,#c6c6c6);position:relative}.c4p--add-select__next__selection-summary-item:hover{background-color:var(--cds-custom-layer-hover-01,#e8e8e8)}.c4p--add-select__next__selection-summary-item--accordion .cds-custom--accordion__item,.c4p--add-select__next__selection-summary-item--accordion .cds-custom--accordion__item:last-child{border-block-end:none;border-block-start:none}.c4p--add-select__next__selection-summary-item--accordion .cds-custom--accordion__heading{min-block-size:unset;padding-block:.75rem;padding-inline-end:1rem}.c4p--add-select__next__selection-summary-item--default .c4p--add-select__next__selection-summary-item-title-wrapper{align-items:center;display:flex;justify-content:space-between;padding-block:.75rem;padding-inline:1rem}.c4p--add-select__next__selection-summary-item--default .c4p--add-select__next__selection-summary-item-content{padding-block-end:.75rem;padding-inline:1rem}.c4p--add-select__next__selection-summary-item--default .c4p--add-select__next__selection-summary-item-title{font-size:var(--cds-custom-heading-compact-01-font-size,.875rem);font-weight:var(--cds-custom-heading-compact-01-font-weight,600);letter-spacing:var(--cds-custom-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-heading-compact-01-line-height,1.28572)}.c4p--add-select__next__selection-summary-item-title-wrapper{align-items:center;display:flex;justify-content:space-between}.c4p--add-select__next__selection-summary-item-selected-item{flex:1}.c4p--add-select__next__selection-summary-item-title{color:var(--cds-custom-text-primary,#161616);font-size:var(--cds-custom-body-compact-01-font-size,.875rem);font-weight:var(--cds-custom-body-compact-01-font-weight,400);letter-spacing:var(--cds-custom-body-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-body-compact-01-line-height,1.28572)}.c4p--add-select__next__selection-summary-item-subtitle{color:var(--cds-custom-text-secondary,#525252);font-size:var(--cds-custom-body-01-font-size,.875rem);font-weight:var(--cds-custom-body-01-font-weight,400);letter-spacing:var(--cds-custom-body-01-letter-spacing,.16px);line-height:var(--cds-custom-body-01-line-height,1.42857)}.c4p--add-select__next__selection-summary-item-entry{margin-block-end:1rem}.c4p--add-select__next__selection-summary-item-header{color:var(--cds-custom-text-secondary,#525252);font-size:var(--cds-custom-label-01-font-size,.75rem);font-weight:var(--cds-custom-label-01-font-weight,400);letter-spacing:var(--cds-custom-label-01-letter-spacing,.32px);line-height:var(--cds-custom-label-01-line-height,1.33333);margin-block-end:.5rem}.c4p--add-select__next__selection-summary-item-body{font-size:var(--cds-custom-body-01-font-size,.875rem);font-weight:var(--cds-custom-body-01-font-weight,400);letter-spacing:var(--cds-custom-body-01-letter-spacing,.16px);line-height:var(--cds-custom-body-01-line-height,1.42857);margin-block-end:1rem}.c4p--add-select__next__selection-summary-item-remove-button-container{align-items:center;display:inline-flex;justify-content:center;padding-inline-start:.5rem}.c4p--add-select__next__selection-summary-item--accordion .c4p--add-select__next__selection-summary-item-remove-button-container{inset-block-start:50%;inset-inline-end:1rem;padding-inline-start:0;position:absolute;transform:translateY(-50%)}.c4p--add-select__next__selection-summary-item-remove-button{opacity:0;transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.c4p--add-select__next__selection-summary-item-remove-button{transition:none}}.c4p--add-select__next__selection-summary-item:focus-within .c4p--add-select__next__selection-summary-item-remove-button,.c4p--add-select__next__selection-summary-item:hover .c4p--add-select__next__selection-summary-item-remove-button{opacity:1}.c4p--add-select__next__selection-summary-item-content{margin-block-start:0}.c4p--add-select__next__selection-summary .cds-custom--accordion__arrow{transform:rotate(90deg)}.c4p--add-select__next__selection-summary .cds-custom--accordion__item--active .cds-custom--accordion__arrow{transform:rotate(-90deg)}.c4p--add-select__next__selection-summary .cds-custom--accordion--start .cds-custom--accordion__arrow{margin-block:0;margin-inline-end:0;margin-inline-start:1rem}.c4p--add-select__next__selection-summary .cds-custom--accordion--start .cds-custom--accordion__title{margin-inline-end:0;margin-inline-start:.5rem;padding-inline-end:2rem}.c4p--add-select__next__selection-summary .cds-custom--accordion__item--active .cds-custom--accordion__content{margin-block-start:0;padding-block:1rem;padding-inline:1rem}@keyframes add-select-item-panel-entrance{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes add-select-item-panel-exit{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@keyframes add-select-item-panel-entrance-reduced{0%{opacity:0}to{opacity:1}}@keyframes add-select-item-panel-exit-reduced{0%{opacity:1}to{opacity:0}}.c4p--add-select__next__item-summary-panel{block-size:100%;display:none;inline-size:100%;transform:translateX(0);transition-behavior:allow-discrete;transition-duration:.15s;transition-property:display,opacity,transform}.c4p--add-select__next__item-summary-panel--open{animation:add-select-item-panel-entrance .15s cubic-bezier(0,0,.38,.9) forwards;display:flex;flex-direction:column}@starting-style{.c4p--add-select__next__item-summary-panel--open{opacity:0;transform:translateX(100%)}}@media (prefers-reduced-motion){.c4p--add-select__next__item-summary-panel--open{animation:add-select-item-panel-entrance-reduced .15s cubic-bezier(0,0,.38,.9) forwards}@starting-style{.c4p--add-select__next__item-summary-panel--open{opacity:0;transform:translateX(0)}}}.c4p--add-select__next__item-summary-panel-header{align-items:center;border-block-end:1px solid var(--cds-custom-layer-accent-01,#e0e0e0);display:flex;gap:.5rem;justify-content:space-between;padding-block-end:.5rem;padding-block-start:2rem;padding-inline:1rem}.c4p--add-select__next__item-summary-panel-title{font-size:var(--cds-custom-heading-compact-02-font-size,1rem);font-weight:var(--cds-custom-heading-compact-02-font-weight,600);letter-spacing:var(--cds-custom-heading-compact-02-letter-spacing,0);line-height:var(--cds-custom-heading-compact-02-line-height,1.375)}.c4p--add-select__next__item-summary-panel-body{padding-block:1rem;padding-inline:1rem}.c4p--add-select__next__item-summary-panel-entry{margin-block-end:1rem}.c4p--add-select__next__item-summary-panel-entry-title{font-size:var(--cds-custom-heading-compact-01-font-size,.875rem);font-weight:var(--cds-custom-heading-compact-01-font-weight,600);letter-spacing:var(--cds-custom-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-heading-compact-01-line-height,1.28572)}.c4p--add-select__next__item-summary-panel-entry-body{font-size:var(--cds-custom-body-compact-01-font-size,.875rem);font-weight:var(--cds-custom-body-compact-01-font-weight,400);letter-spacing:var(--cds-custom-body-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-body-compact-01-line-height,1.28572)}:host(c4p-add-select-column){display:block}:host(c4p-add-select-column) .c4p--add-select__next-column{block-size:100%;border-inline-end:1px solid var(--cds-custom-border-subtle-01,#c6c6c6);display:flex;flex-direction:column;min-inline-size:300px;padding-block:1rem;padding-inline:1rem}:host(c4p-add-select-column) .c4p--add-select__next-column__search{padding:0}:host(c4p-add-select-column) .c4p--add-select__next-column__search--with-actions{align-items:flex-end;display:flex}:host(c4p-add-select-column) .c4p--add-select__next-column__search-input{flex:1}:host(c4p-add-select-column) .c4p--add-select__next-column__actions{align-items:flex-end;display:flex}:host(c4p-add-select-column) .c4p--add-select__next-column__header{align-items:center;border-block-end:1px solid var(--cds-custom-border-subtle-01,#c6c6c6);display:flex;padding:1rem}:host(c4p-add-select-column) .c4p--add-select__next-column__title-wrapper{align-items:center;display:flex;gap:.5rem}:host(c4p-add-select-column) .c4p--add-select__next-column__title{font-size:var(--cds-custom-heading-compact-01-font-size,.875rem);font-weight:var(--cds-custom-heading-compact-01-font-weight,600);letter-spacing:var(--cds-custom-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-heading-compact-01-line-height,1.28572);margin-inline-end:.5rem}:host(c4p-add-select-column) .c4p--add-select__next-column__select-all::part(label){align-items:center;display:flex;gap:.5rem}:host(c4p-add-select-column) .c4p--add-select__next-column__rows{flex:1;overflow:auto}@supports (overflow-block:auto){:host(c4p-add-select-column) .c4p--add-select__next-column__rows{overflow-block:auto}}"]);
 //#endregion
 export { add_select_column_default as default };

package/es-custom/components/add-select/add-select-column.scss.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"add-select-column.scss.js","names":[],"sources":["../../../src/components/add-select/add-select-column.scss?lit"],"sourcesContent":["/*\n Copyright IBM Corp. 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/theme' as ;\n@use '@carbon/styles/scss/spacing' as ;\n@use '@carbon/styles/scss/type';\n\n$prefix: 'c4p';\n\n@use '@carbon/ibm-products-styles/scss/components/AddSelect/add-select_next'\n as ;\n\n:host(#{$prefix}-add-select-column) {\n display: block;\n\n .#{$block-class__next}-column {\n display: flex;\n flex-direction: column;\n padding: $spacing-05;\n }\n\n .#{$block-class__next}-column__search {\n padding: 0;\n\n &--with-actions {\n display: flex;\n align-items: flex-end;\n }\n }\n\n .#{$block-class__next}-column__search-input {\n flex: 1;\n }\n\n .#{$block-class__next}-column__actions {\n display: flex;\n align-items: flex-end;\n }\n\n .#{$block-class__next}-column__header {\n display: flex;\n align-items: center;\n padding: $spacing-05;\n border-block-end: 1px solid $border-subtle-01;\n }\n\n .#{$block-class__next}-column__title-wrapper {\n display: flex;\n align-items: center;\n gap: $spacing-03;\n }\n\n .#{$block-class__next}-column__title {\n @include type.type-style('heading-compact-01');\n\n margin-inline-end: $spacing-03;\n }\n\n // Select all: align slotted title + tag inside the checkbox label\n .#{$block-class__next}-column__select-all {\n &::part(label) {\n display: flex;\n align-items: center;\n gap: $spacing-03;\n }\n }\n\n .#{$block-class__next}-column__rows {\n overflow: auto;\n flex: 1;\n @supports (overflow-block: auto) {\n overflow-block: auto;\n }\n }\n}\n"],"mappings":""}
1	+ {"version":3,"file":"add-select-column.scss.js","names":[],"sources":["../../../src/components/add-select/add-select-column.scss?lit"],"sourcesContent":["/*\n Copyright IBM Corp. 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/theme' as ;\n@use '@carbon/styles/scss/spacing' as ;\n@use '@carbon/styles/scss/type';\n\n$prefix: 'c4p';\n\n@use '@carbon/ibm-products-styles/scss/components/AddSelect/add-select_next'\n as ;\n\n:host(#{$prefix}-add-select-column) {\n display: block;\n\n .#{$block-class__next}-column {\n display: flex;\n flex-direction: column;\n block-size: 100%;\n border-inline-end: 1px solid $border-subtle-01;\n min-inline-size: 300px;\n padding-block: $spacing-05;\n padding-inline: $spacing-05;\n }\n\n .#{$block-class__next}-column__search {\n padding: 0;\n\n &--with-actions {\n display: flex;\n align-items: flex-end;\n }\n }\n\n .#{$block-class__next}-column__search-input {\n flex: 1;\n }\n\n .#{$block-class__next}-column__actions {\n display: flex;\n align-items: flex-end;\n }\n\n .#{$block-class__next}-column__header {\n display: flex;\n align-items: center;\n padding: $spacing-05;\n border-block-end: 1px solid $border-subtle-01;\n }\n\n .#{$block-class__next}-column__title-wrapper {\n display: flex;\n align-items: center;\n gap: $spacing-03;\n }\n\n .#{$block-class__next}-column__title {\n @include type.type-style('heading-compact-01');\n\n margin-inline-end: $spacing-03;\n }\n\n // Select all: align slotted title + tag inside the checkbox label\n .#{$block-class__next}-column__select-all {\n &::part(label) {\n display: flex;\n align-items: center;\n gap: $spacing-03;\n }\n }\n\n .#{$block-class__next}-column__rows {\n overflow: auto;\n flex: 1;\n @supports (overflow-block: auto) {\n overflow-block: auto;\n }\n }\n}\n"],"mappings":""}

package/es-custom/ibm-products-web-components/package.js CHANGED Viewed

@@ -6,7 +6,7 @@
  */
 //#region package.json
-var version = "0.46.0-rc.0";
+var version = "0.47.0-rc.0";
 //#endregion
 export { version };

package/lib/components/add-select/add-select-body.d.ts CHANGED Viewed

@@ -57,6 +57,10 @@ declare class CDSAddSelectBody extends LitElement {
      * Whether to hide the search input
      */
     hideSearch: boolean;
+    /**
+     * Layout direction for the list body: 'vertical' (default) or 'horizontal' (for hierarchy)
+     */
+    layout: 'vertical' | 'horizontal';
     /**
      * Navigation path for breadcrumbs
      */

package/lib/components/add-select/add-select-body.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"add-select-body.d.ts","sourceRoot":"","sources":["../../../src/components/add-select/add-select-body.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAGhD,OAAO,sDAAsD,CAAC;AAC9D,OAAO,sDAAsD,CAAC;AAC9D,OAAO,mDAAmD,CAAC;AAC3D,OAAO,0DAA0D,CAAC;AAClE,OAAO,oDAAoD,CAAC;AAM5D;;;;;;;;;GASG;AACH,cACM,gBAAiB,SAAQ,UAAU;IACvC;;OAEG;IAEH,UAAU,SAAM;IAEhB;;OAEG;IAEH,iBAAiB,SAAM;IAEvB;;OAEG;IAEH,uBAAuB,SAAY;IAEnC;;OAEG;IAIH;;OAEG;IAIH;;OAEG;IAEH,kBAAkB,SAAoB;IAEtC;;OAEG;IAEH,OAAO,CAAC,WAAW,CAAM;IAEzB;;OAEG;IAEH,SAAS,EAAE,MAAM,GAAG,SAAS,CAAa;IAE1C;;OAEG;IAEH,UAAU,UAAS;IAEnB;;OAEG;IAEH,IAAI,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAM;IAEhD;;OAEG;IACH,OAAO,CAAC,aAAa;IAgBrB,qEAAqE;IAErE,OAAO,CAAC,cAAc,CAAS;IAE/B,OAAO,CAAC,uBAAuB;IAK/B,MAAM;~~IA4IN~~;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED;;OAEG;IACH,MAAM,KAAK,oBAAoB,WAE9B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,gBAAgB,CAAC"}
1	+ {"version":3,"file":"add-select-body.d.ts","sourceRoot":"","sources":["../../../src/components/add-select/add-select-body.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAGhD,OAAO,sDAAsD,CAAC;AAC9D,OAAO,sDAAsD,CAAC;AAC9D,OAAO,mDAAmD,CAAC;AAC3D,OAAO,0DAA0D,CAAC;AAClE,OAAO,oDAAoD,CAAC;AAM5D;;;;;;;;;GASG;AACH,cACM,gBAAiB,SAAQ,UAAU;IACvC;;OAEG;IAEH,UAAU,SAAM;IAEhB;;OAEG;IAEH,iBAAiB,SAAM;IAEvB;;OAEG;IAEH,uBAAuB,SAAY;IAEnC;;OAEG;IAIH;;OAEG;IAIH;;OAEG;IAEH,kBAAkB,SAAoB;IAEtC;;OAEG;IAEH,OAAO,CAAC,WAAW,CAAM;IAEzB;;OAEG;IAEH,SAAS,EAAE,MAAM,GAAG,SAAS,CAAa;IAE1C;;OAEG;IAEH,UAAU,UAAS;IAEnB;;OAEG;IAEH,MAAM,EAAE,UAAU,GAAG,YAAY,CAAc;IAE/C;;OAEG;IAEH,IAAI,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAM;IAEhD;;OAEG;IACH,OAAO,CAAC,aAAa;IAgBrB,qEAAqE;IAErE,OAAO,CAAC,cAAc,CAAS;IAE/B,OAAO,CAAC,uBAAuB;IAK/B,MAAM;IAkJN;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED;;OAEG;IACH,MAAM,KAAK,oBAAoB,WAE9B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,gBAAgB,CAAC"}

package/lib/index.d.ts CHANGED Viewed

@@ -38,5 +38,5 @@ export { default as CDSBigNumber } from './components/big-number/big-number';
 export { default as CDSEditInPlace } from './components/edit-in-place/edit-in-place';
 export { default as CDSBigNumberSkeleton } from './components/big-number/big-number-skeleton';
 export { AddSelectData } from '@carbon/ibm-products-utilities';
-export type { AddSelectItem, ItemStatus, SearchOptions, } from '@carbon/ibm-products-utilities';
+export type { AddSelectItem, ItemDetailEntry, ItemDetails, ItemStatus, SearchOptions, } from '@carbon/ibm-products-utilities';
 //# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAC1F,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,+CAA+C,CAAC;AAC5F,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,iDAAiD,CAAC;AAChG,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,iDAAiD,CAAC;AAChG,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,yDAAyD,CAAC;AAC/G,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,qDAAqD,CAAC;AACxG,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,yDAAyD,CAAC;AAC/G,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,mDAAmD,CAAC;AACpG,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,0DAA0D,CAAC;AACjH,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,8CAA8C,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,wCAAwC,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,4CAA4C,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,iDAAiD,CAAC;AACrG,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,8CAA8C,CAAC;AAC/F,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,mDAAmD,CAAC;AACxG,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,iDAAiD,CAAC;AACpG,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,wCAAwC,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,gDAAgD,CAAC;AAClG,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,0DAA0D,CAAC;AACzG,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,4DAA4D,CAAC;AAC5G,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,0CAA0C,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AAG9F,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,YAAY,EACV,aAAa,EACb,UAAU,EACV,aAAa,GACd,MAAM,gCAAgC,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAC1F,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,+CAA+C,CAAC;AAC5F,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,iDAAiD,CAAC;AAChG,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,iDAAiD,CAAC;AAChG,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,yDAAyD,CAAC;AAC/G,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,qDAAqD,CAAC;AACxG,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,yDAAyD,CAAC;AAC/G,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,mDAAmD,CAAC;AACpG,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,0DAA0D,CAAC;AACjH,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,8CAA8C,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,wCAAwC,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,4CAA4C,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,iDAAiD,CAAC;AACrG,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,8CAA8C,CAAC;AAC/F,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,mDAAmD,CAAC;AACxG,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,iDAAiD,CAAC;AACpG,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,wCAAwC,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,gDAAgD,CAAC;AAClG,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,0DAA0D,CAAC;AACzG,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,4DAA4D,CAAC;AAC5G,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,0CAA0C,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AAG9F,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,YAAY,EACV,aAAa,EACb,eAAe,EACf,WAAW,EACX,UAAU,EACV,aAAa,GACd,MAAM,gCAAgC,CAAC"}

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products-web-components",
   "description": "Carbon for IBM Products Web Components",
-  "version": "0.46.0",
+  "version": "0.47.0",
   "license": "Apache-2.0",
   "main": "es/index.js",
   "module": "es/index.js",
@@ -59,7 +59,7 @@
   "dependencies": {
     "@carbon-labs/wc-empty-state": "^0.22.0",
     "@carbon-labs/wc-resizer": "^0.3.0",
-    "@carbon/ibm-products-styles": "^2.93.0",
+    "@carbon/ibm-products-styles": "^2.94.0",
     "@carbon/layout": "^11.54.0",
     "@carbon/styles": "^1.110.1",
     "@carbon/utilities": "^0.21.0",
@@ -72,7 +72,7 @@
   "devDependencies": {
     "@aarsteinmedia/dotlottie-player": "^6.0.5",
     "@blockquote/rollup-plugin-externalize-source-dependencies": "^1.0.0",
-    "@carbon/ibm-products-utilities": "1.6.0",
+    "@carbon/ibm-products-utilities": "1.7.0",
     "@carbon/icon-helpers": "^10.77.0",
     "@carbon/icons": "^11.83.0",
     "@carbon/motion": "^11.47.0",
@@ -110,5 +110,5 @@
     "vitest": "^3.2.0",
     "web-component-analyzer": "2.0.0"
   },
-  "gitHead": "91d179a76c469fdcccc0c3a60900146b452e4055"
+  "gitHead": "e818e518799f3ad09c1cd77f4e27f42dba9977b8"
 }

package/scss/components/add-select/add-select-body.scss CHANGED Viewed

@@ -21,6 +21,7 @@ $prefix: 'c4p';
 /* Web Component specific overrides */
 :host(#{$prefix}-add-select-body) {
   display: block;
+  block-size: 100%;
   .#{$block-class__next}__body {
     display: flex;
@@ -93,5 +94,9 @@ $prefix: 'c4p';
   .#{$block-class__next}-list-body {
     display: flex;
     flex-direction: column;
+    &--horizontal {
+      flex-direction: row;
+    }
   }
 }

package/scss/components/add-select/add-select-column.scss CHANGED Viewed

@@ -22,7 +22,11 @@ $prefix: 'c4p';
   .#{$block-class__next}-column {
     display: flex;
     flex-direction: column;
-    padding: $spacing-05;
+    block-size: 100%;
+    border-inline-end: 1px solid $border-subtle-01;
+    min-inline-size: 300px;
+    padding-block: $spacing-05;
+    padding-inline: $spacing-05;
   }
   .#{$block-class__next}-column__search {

package/telemetry.yml CHANGED Viewed

@@ -61,6 +61,7 @@ collect:
         - global-search-label
         - global-search-placeholder
         - items-label
+        - layout
         - onc4p-add-select-body-breadcrumb-click
         - onc4p-add-select-body-search
         - path
@@ -320,6 +321,9 @@ collect:
         - success
         - tooltip
         - warning
+        # c4p-add-select-body - layout
+        - horizontal
+        - vertical
         # c4p-edit-in-place - toggletip-alignment
         - bottom
         - bottom-left