@carbon/ibm-products-web-components 0.35.0 → 0.36.0

package/es-custom/components/tearsheet-preview/tearsheet-scroller.js.map

@@ -1 +1 @@
-{"version":3,"file":"tearsheet-scroller.js","sources":["../../../src/components/tearsheet-preview/tearsheet-scroller.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;AAOG;AAeH,MAAM,UAAU,GAAG,CAAA,EAAG,MAAM,mBAAmB;AAE/C;;;AAGG;AAEI,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,SAAS,CAAA;AAA5C,IAAA,WAAA,GAAA;;QAEL,IAAA,CAAA,IAAI,GAAG,UAAU;AACjB;;AAEG;QAEH,IAAA,CAAA,KAAK,GAAG,MAAM;AAEd;;AAEG;QAEH,IAAA,CAAA,YAAY,GAAG,UAAU;AAEzB;;AAEG;QAEH,IAAA,CAAA,UAAU,GAAG,QAAQ;AAErB;;AAEG;QAEH,IAAA,CAAA,IAAI,GAAG,IAAI;QAUH,IAAA,CAAA,eAAe,GAAG,MAAK;YAC7B,MAAM,EAAE,cAAc,EAAE,GAAG,eAAe,CAAC,GAAG,EAAE;AAChD,YAAA,eAAe,CAAC,GAAG,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACd,eAAe,CAAC,GAAG,EAAE,CAAA,EAAA,EACxB,cAAc,EAAE,CAAC,cAAc,IAC/B;AACJ,QAAA,CAAC;IA0BH;IAxCY,qBAAqB,GAAA;AAC7B,QAAA,OAAO,IAAI,CAAA;;;;KAIV;IACH;IAUA,MAAM,GAAA;QACJ,MAAM,EAAE,cAAc,EAAE,GAAG,eAAe,CAAC,GAAG,EAAE;QAChD,MAAM,WAAW,GAAG,QAAQ,CAAC;AAC3B,YAAA,CAAC,CAAA,kBAAA,CAAoB,GAAG,CAAC,CAAC,cAAc;AACxC,YAAA,CAAC,CAAA,EAAG,UAAU,CAAA,iBAAA,CAAmB,GAAG,IAAI;AACzC,SAAA,CAAC;AAEF,QAAA,OAAO,IAAI,CAAA,CAAA;;;cAGD,WAAW;AACV,aAAA,EAAA,IAAI,CAAC,eAAe;;QAE3B,UAAU,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;UAErC,cAAc,GAAG,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,YAAY;;uBAEvC;IACrB;;AACO,oBAAA,CAAA,MAAM,GAAG,GAAG,CAAA;;;;AAIlB,EAAA,CAJY;AA5Db,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE;AACT,CAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAKlB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE;AAC1B,CAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,OAAA,EAAA,MAAA,CAAA;AAMf,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE;AACf,CAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,cAAA,EAAA,MAAA,CAAA;AAM1B,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE;AACnB,CAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,YAAA,EAAA,MAAA,CAAA;AAMtB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE;AACf,CAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAzBD,oBAAoB,GAAA,UAAA,CAAA;AADhC,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,mBAAA,CAAqB;AAChC,CAAA,EAAA,oBAAoB,CAmEhC;AAED,mCAAe,oBAAoB;;;;"}
+{"version":3,"file":"tearsheet-scroller.js","names":["customElement"],"sources":["../../../src/components/tearsheet-preview/tearsheet-scroller.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 { css, html } from 'lit';\nimport { property } 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 Chevron20 from '@carbon/icons/es/chevron--up/20';\nimport { iconLoader } from '@carbon/web-components/es/globals/internal/icon-loader.js';\nimport '@carbon/web-components/es-custom/components/button/index.js';\nimport '@carbon/web-components/es-custom/components/icon-button/index.js';\nimport '@carbon/web-components/es-custom/components/popover/popover-content.js';\nimport CDSButton from '@carbon/web-components/es/components/button/button';\nimport { prefix } from '../../globals/settings';\nimport { tearsheetSignal } from './tearsheet-signal';\n\nconst blockClass = `${prefix}--tearsheet__next`;\n\n/**\n * Tearsheet Scroller button\n * @element c4p-tearsheet-scroller\n */\n@customElement(`${prefix}-tearsheet-scroller`)\nexport class CDSTearsheetScroller extends CDSButton {\n  @property({ reflect: true })\n  slot = 'scroller';\n  /**\n   * Specify how the trigger should align with the tooltip\n   */\n  @property({ reflect: true, type: String })\n  align = 'left';\n\n  /**\n   * Specify the collapse text for the scroller button\n   */\n  @property({ reflect: true, type: String })\n  collapseText = 'Collapse';\n\n  /**\n   * Specify the expand text for the scroller button\n   */\n  @property({ reflect: true, type: String })\n  expandText = 'Expand';\n\n  /**\n   * Specify the size of the Button. Defaults to `md`.\n   */\n  @property({ reflect: true })\n  size = 'md';\n\n  protected _renderTooltipContent() {\n    return html`\n      <cds-custom-tooltip-content>\n        <slot name=\"tooltip-content\"></slot>\n      </cds-custom-tooltip-content>\n    `;\n  }\n\n  private _handleScroller = () => {\n    const { fullyCollapsed } = tearsheetSignal.get();\n    tearsheetSignal.set({\n      ...tearsheetSignal.get(),\n      fullyCollapsed: !fullyCollapsed,\n    });\n  };\n\n  render() {\n    const { fullyCollapsed } = tearsheetSignal.get();\n    const iconClasses = classMap({\n      [`scroller-collapsed`]: !!fullyCollapsed,\n      [`${blockClass}__scroller-button`]: true,\n    });\n\n    return html`<cds-custom-icon-button\n      kind=\"ghost\"\n      size=\"md\"\n      class=${iconClasses}\n      @click=${this._handleScroller}\n    >\n      ${iconLoader(Chevron20, { slot: 'icon' })}\n      <span slot=\"tooltip-content\">\n        ${fullyCollapsed ? this.expandText : this.collapseText}\n      </span>\n    </cds-custom-icon-button>`;\n  }\n  static styles = css`\n    .scroller-collapsed svg {\n      transform: rotate(180deg);\n    }\n  `;\n}\n\nexport default CDSTearsheetScroller;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,MAAM,aAAa,GAAG,OAAO;AAOtB,iCAAM,6BAA6B,UAAU;;;cAE3C;eAKC;sBAMO;oBAMF;cAMN;+BAUyB;GAC9B,MAAM,EAAE,mBAAmB,gBAAgB,KAAK;AAChD,mBAAgB,IAAI;IAClB,GAAG,gBAAgB,KAAK;IACxB,gBAAgB,CAAC;IAClB,CAAC;;;CAbJ,AAAU,wBAAwB;AAChC,SAAO,IAAI;;;;;;CAeb,SAAS;EACP,MAAM,EAAE,mBAAmB,gBAAgB,KAAK;AAMhD,SAAO,IAAI;;;cALS,SAAS;IAC1B,uBAAuB,CAAC,CAAC;IACzB,GAAG,WAAW,qBAAqB;GACrC,CAAC,CAKoB;eACX,KAAK,gBAAgB;;QAE5B,WAAW,WAAW,EAAE,MAAM,QAAQ,CAAC,CAAC;;UAEtC,iBAAiB,KAAK,aAAa,KAAK,aAAa;;;;;gBAI7C,GAAG;;;;;;;YA7DlB,SAAS,EAAE,SAAS,MAAM,CAAC;YAK3B,SAAS;CAAE,SAAS;CAAM,MAAM;CAAQ,CAAC;YAMzC,SAAS;CAAE,SAAS;CAAM,MAAM;CAAQ,CAAC;YAMzC,SAAS;CAAE,SAAS;CAAM,MAAM;CAAQ,CAAC;YAMzC,SAAS,EAAE,SAAS,MAAM,CAAC;mCAzB7BA,cAAc,GAAG,OAAO,qBAAqB;AAsE9C,iCAAe"}

package/es-custom/components/tearsheet-preview/tearsheet-signal.js

@@ -1,47 +1,52 @@
 /**
- * Copyright IBM Corp. 2024
+ * Copyright IBM Corp. 2020, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-import { signal } from '@lit-labs/signals';
-import { prefix } from '../../globals/settings.js';
+import { prefix } from "../../globals/settings.js";
+import { signal } from "@lit-labs/signals";
 
+//#region src/components/tearsheet-preview/tearsheet-signal.ts
 /**
- * @license
- *
- * Copyright IBM Corp. 2026
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
+* @license
+*
+* Copyright IBM Corp. 2026
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
 /**
- * Block class for tearsheet component
- */
+* Block class for tearsheet component
+*/
 const blockClass = `${prefix}--tearsheet__next`;
 const defaultTearsheetSignal = {
-    hasCloseIcon: true,
-    fullyCollapsed: false,
-    disableHeaderCollapse: false,
-    variant: 'wide',
-    isSm: false,
-    open: false,
-    hasAILabel: false,
+	hasCloseIcon: true,
+	fullyCollapsed: false,
+	disableHeaderCollapse: false,
+	variant: "wide",
+	isSm: false,
+	open: false,
+	hasAILabel: false
 };
 const tearsheetSignal = signal(defaultTearsheetSignal);
 /**
- * Update one or more properties in the tearsheet signal
- */
+* Update one or more properties in the tearsheet signal
+*/
 const updateTearsheetSignals = (updates) => {
-    tearsheetSignal.set(Object.assign(Object.assign({}, tearsheetSignal.get()), updates));
+	tearsheetSignal.set({
+		...tearsheetSignal.get(),
+		...updates
+	});
 };
 /**
- * Reset tearsheet signal to default values
- */
+* Reset tearsheet signal to default values
+*/
 const resetTearsheetSignal = () => {
-    tearsheetSignal.set(defaultTearsheetSignal);
+	tearsheetSignal.set(defaultTearsheetSignal);
 };
 
+//#endregion
 export { blockClass, defaultTearsheetSignal, resetTearsheetSignal, tearsheetSignal, updateTearsheetSignals };
-//# sourceMappingURL=tearsheet-signal.js.map
+//# sourceMappingURL=tearsheet-signal.js.map

package/es-custom/components/tearsheet-preview/tearsheet-signal.js.map

@@ -1 +1 @@
-{"version":3,"file":"tearsheet-signal.js","sources":["../../../src/components/tearsheet-preview/tearsheet-signal.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;AAAA;;;;;;;AAOG;AAIH;;AAEG;AACI,MAAM,UAAU,GAAG,CAAA,EAAG,MAAM;AAW5B,MAAM,sBAAsB,GAAwB;AACzD,IAAA,YAAY,EAAE,IAAI;AAClB,IAAA,cAAc,EAAE,KAAK;AACrB,IAAA,qBAAqB,EAAE,KAAK;AAC5B,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,IAAI,EAAE,KAAK;AACX,IAAA,IAAI,EAAE,KAAK;AACX,IAAA,UAAU,EAAE,KAAK;;MAEN,eAAe,GAAG,MAAM,CACnC,sBAAsB;AAGxB;;AAEG;AACI,MAAM,sBAAsB,GAAG,CACpC,OAAqC,KACnC;IACF,eAAe,CAAC,GAAG,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACd,eAAe,CAAC,GAAG,EAAE,CAAA,EACrB,OAAO,CAAA,CACV;AACJ;AAEA;;AAEG;AACI,MAAM,oBAAoB,GAAG,MAAK;AACvC,IAAA,eAAe,CAAC,GAAG,CAAC,sBAAsB,CAAC;AAC7C;;;;"}
+{"version":3,"file":"tearsheet-signal.js","names":[],"sources":["../../../src/components/tearsheet-preview/tearsheet-signal.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 */\nimport { signal } from '@lit-labs/signals';\nimport { prefix } from '../../globals/settings';\n\n/**\n * Block class for tearsheet component\n */\nexport const blockClass = `${prefix}--tearsheet__next`;\n\ninterface TearsheetSignalType {\n  hasCloseIcon: boolean;\n  fullyCollapsed: boolean;\n  disableHeaderCollapse: boolean;\n  variant: 'wide' | 'narrow';\n  isSm: boolean;\n  open: boolean;\n  hasAILabel: boolean;\n}\nexport const defaultTearsheetSignal: TearsheetSignalType = {\n  hasCloseIcon: true,\n  fullyCollapsed: false,\n  disableHeaderCollapse: false,\n  variant: 'wide',\n  isSm: false,\n  open: false,\n  hasAILabel: false,\n};\nexport const tearsheetSignal = signal<TearsheetSignalType>(\n  defaultTearsheetSignal\n);\n\n/**\n * Update one or more properties in the tearsheet signal\n */\nexport const updateTearsheetSignals = (\n  updates: Partial<TearsheetSignalType>\n) => {\n  tearsheetSignal.set({\n    ...tearsheetSignal.get(),\n    ...updates,\n  });\n};\n\n/**\n * Reset tearsheet signal to default values\n */\nexport const resetTearsheetSignal = () => {\n  tearsheetSignal.set(defaultTearsheetSignal);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAcA,MAAa,aAAa,GAAG,OAAO;AAWpC,MAAa,yBAA8C;CACzD,cAAc;CACd,gBAAgB;CAChB,uBAAuB;CACvB,SAAS;CACT,MAAM;CACN,MAAM;CACN,YAAY;CACb;AACD,MAAa,kBAAkB,OAC7B,uBACD;;;;AAKD,MAAa,0BACX,YACG;AACH,iBAAgB,IAAI;EAClB,GAAG,gBAAgB,KAAK;EACxB,GAAG;EACJ,CAAC;;;;;AAMJ,MAAa,6BAA6B;AACxC,iBAAgB,IAAI,uBAAuB"}

package/es-custom/components/tearsheet-preview/tearsheet-summary-content.js

@@ -1,73 +1,63 @@
 /**
- * Copyright IBM Corp. 2024
+ * Copyright IBM Corp. 2020, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-import { __decorate } from 'tslib';
-import { LitElement, html } from 'lit';
-import { property } from 'lit/decorators.js';
-import { prefix } from '../../globals/settings.js';
-import HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';
-import '../side-panel/side-panel.js';
-import { carbonElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';
-import { classMap } from 'lit-html/directives/class-map.js';
-import styles from './tearsheet.scss.js';
-import { SignalWatcher } from '@lit-labs/signals';
-import { tearsheetSignal } from './tearsheet-signal.js';
+import { prefix } from "../../globals/settings.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import tearsheet_default from "./tearsheet.scss.js";
+import { tearsheetSignal } from "./tearsheet-signal.js";
+import "../side-panel/index.js";
+import { LitElement, html } from "lit";
+import { property } from "lit/decorators.js";
+import HostListenerMixin from "@carbon/web-components/es/globals/mixins/host-listener.js";
+import { carbonElement } from "@carbon/web-components/es/globals/decorators/carbon-element.js";
+import { classMap } from "lit-html/directives/class-map.js";
+import { SignalWatcher } from "@lit-labs/signals";
 
+//#region src/components/tearsheet-preview/tearsheet-summary-content.ts
 /**
- * @license
- *
- * Copyright IBM Corp. 2026
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
+* @license
+*
+* Copyright IBM Corp. 2026
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
 const blockClass = `${prefix}--tearsheet__next`;
 /**
- * Tearsheet Summary Content component - Right-side panel for summary details.
- * Automatically converts to a slide-in panel on small screens.
- *
- * @element c4p-tearsheet-summary-content
- * @slot - Content for the summary panel
- * @fires cds-custom-tearsheet-summary-closed - Fired when the summary panel is closed (mobile only)
- */
+* Tearsheet Summary Content component - Right-side panel for summary details.
+* Automatically converts to a slide-in panel on small screens.
+*
+* @element c4p-tearsheet-summary-content
+* @slot - Content for the summary panel
+* @fires cds-custom-tearsheet-summary-closed - Fired when the summary panel is closed (mobile only)
+*/
 let CDSTearsheetSummaryContent = class CDSTearsheetSummaryContent extends SignalWatcher(HostListenerMixin(LitElement)) {
-    constructor() {
-        super(...arguments);
-        this.slot = 'summary-content';
-        this.isFlush = false;
-        /**
-         * In mobile screens right side summary-content section won't be visible by default.
-         * This prop can be toggled to open/close right panel in this case.
-         */
-        this.summaryPanelOpen = false;
-        /**
-         * Handler for closing the summary panel
-         */
-        this.handleClose = () => {
-            this.summaryPanelOpen = false;
-            this.dispatchEvent(new CustomEvent('cds-custom-tearsheet-summary-closed', {
-                bubbles: true,
-                composed: true,
-            }));
-        };
-    }
-    firstUpdated() {
-        this.classList.add(`${blockClass}__summary-content`);
-    }
-    render() {
-        const { isSm } = tearsheetSignal.get();
-        const classes = classMap({
-            [`${blockClass}__flush`]: this.isFlush,
-        });
-        return !isSm
-            ? html ` <aside class="${classes}">
+	constructor(..._args) {
+		super(..._args);
+		this.slot = "summary-content";
+		this.isFlush = false;
+		this.summaryPanelOpen = false;
+		this.handleClose = () => {
+			this.summaryPanelOpen = false;
+			this.dispatchEvent(new CustomEvent("cds-custom-tearsheet-summary-closed", {
+				bubbles: true,
+				composed: true
+			}));
+		};
+	}
+	firstUpdated() {
+		this.classList.add(`${blockClass}__summary-content`);
+	}
+	render() {
+		const { isSm } = tearsheetSignal.get();
+		const classes = classMap({ [`${blockClass}__flush`]: this.isFlush });
+		return !isSm ? html` <aside class="${classes}">
           <slot></slot>
-        </aside>`
-            : html ` <c4p-side-panel
+        </aside>` : html` <c4p-side-panel
           size="sm"
           ?slide-in=${true}
           ?open="${this.summaryPanelOpen}"
@@ -76,22 +66,25 @@ let CDSTearsheetSummaryContent = class CDSTearsheetSummaryContent extends Signal
         >
           <slot></slot>
         </c4p-side-panel>`;
-    }
+	}
+	static {
+		this.styles = tearsheet_default;
+	}
 };
-CDSTearsheetSummaryContent.styles = styles;
-__decorate([
-    property({ reflect: true })
-], CDSTearsheetSummaryContent.prototype, "slot", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true, attribute: 'is-flush' })
-], CDSTearsheetSummaryContent.prototype, "isFlush", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true, attribute: 'summary-panel-open' })
-], CDSTearsheetSummaryContent.prototype, "summaryPanelOpen", void 0);
-CDSTearsheetSummaryContent = __decorate([
-    carbonElement(`${prefix}-tearsheet-summary-content`)
-], CDSTearsheetSummaryContent);
-var CDSTearsheetSummaryContent_default = CDSTearsheetSummaryContent;
+__decorate([property({ reflect: true })], CDSTearsheetSummaryContent.prototype, "slot", void 0);
+__decorate([property({
+	type: Boolean,
+	reflect: true,
+	attribute: "is-flush"
+})], CDSTearsheetSummaryContent.prototype, "isFlush", void 0);
+__decorate([property({
+	type: Boolean,
+	reflect: true,
+	attribute: "summary-panel-open"
+})], CDSTearsheetSummaryContent.prototype, "summaryPanelOpen", void 0);
+CDSTearsheetSummaryContent = __decorate([carbonElement(`${prefix}-tearsheet-summary-content`)], CDSTearsheetSummaryContent);
+var tearsheet_summary_content_default = CDSTearsheetSummaryContent;
 
-export { CDSTearsheetSummaryContent_default as default };
-//# sourceMappingURL=tearsheet-summary-content.js.map
+//#endregion
+export { tearsheet_summary_content_default as default };
+//# sourceMappingURL=tearsheet-summary-content.js.map

package/es-custom/components/tearsheet-preview/tearsheet-summary-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"tearsheet-summary-content.js","sources":["../../../src/components/tearsheet-preview/tearsheet-summary-content.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;AAOG;AAaH,MAAM,UAAU,GAAG,CAAA,EAAG,MAAM,mBAAmB;AAE/C;;;;;;;AAOG;AAEH,IAAM,0BAA0B,GAAhC,MAAM,0BAA2B,SAAQ,aAAa,CACpD,iBAAiB,CAAC,UAAU,CAAC,CAC9B,CAAA;AAFD,IAAA,WAAA,GAAA;;QAIE,IAAA,CAAA,IAAI,GAAG,iBAAiB;QAGxB,IAAA,CAAA,OAAO,GAAY,KAAK;AAExB;;;AAGG;QAEH,IAAA,CAAA,gBAAgB,GAAY,KAAK;AAEjC;;AAEG;QACK,IAAA,CAAA,WAAW,GAAG,MAAK;AACzB,YAAA,IAAI,CAAC,gBAAgB,GAAG,KAAK;AAC7B,YAAA,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,8BAA8B,EAAE;AAC9C,gBAAA,OAAO,EAAE,IAAI;AACb,gBAAA,QAAQ,EAAE,IAAI;AACf,aAAA,CAAC,CACH;AACH,QAAA,CAAC;IA6BH;IA3BE,YAAY,GAAA;QACV,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAA,EAAG,UAAU,CAAA,iBAAA,CAAmB,CAAC;IACtD;IAEA,MAAM,GAAA;QACJ,MAAM,EAAE,IAAI,EAAE,GAAG,eAAe,CAAC,GAAG,EAAE;QAEtC,MAAM,OAAO,GAAG,QAAQ,CAAC;AACvB,YAAA,CAAC,GAAG,UAAU,CAAA,OAAA,CAAS,GAAG,IAAI,CAAC,OAAO;AACvC,SAAA,CAAC;AAEF,QAAA,OAAO,CAAC;AACN,cAAE,IAAI,CAAA,CAAA,eAAA,EAAkB,OAAO,CAAA;;AAEpB,gBAAA;cACT,IAAI,CAAA,CAAA;;sBAEU,IAAI;AACP,iBAAA,EAAA,IAAI,CAAC,gBAAgB,CAAA;;AAEJ,kCAAA,EAAA,IAAI,CAAC,WAAW,CAAA;;;0BAG1B;IACxB;;AAEO,0BAAA,CAAA,MAAM,GAAG,MAAH;AAnDb,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE;AACF,CAAA,EAAA,0BAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAGzB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE;AACxC,CAAA,EAAA,0BAAA,CAAA,SAAA,EAAA,SAAA,EAAA,MAAA,CAAA;AAOzB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,oBAAoB,EAAE;AACzC,CAAA,EAAA,0BAAA,CAAA,SAAA,EAAA,kBAAA,EAAA,MAAA,CAAA;AAd9B,0BAA0B,GAAA,UAAA,CAAA;AAD/B,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,0BAAA,CAA4B;AAC9C,CAAA,EAAA,0BAA0B,CAwD/B;AACD,yCAAe,0BAA0B;;;;"}
+{"version":3,"file":"tearsheet-summary-content.js","names":["styles","customElement"],"sources":["../../../src/components/tearsheet-preview/tearsheet-summary-content.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 { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';\nimport '../side-panel/index.js';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport styles from './tearsheet.scss?lit';\nimport { SignalWatcher } from '@lit-labs/signals';\nimport { tearsheetSignal } from './tearsheet-signal';\n\nconst blockClass = `${prefix}--tearsheet__next`;\n\n/**\n * Tearsheet Summary Content component - Right-side panel for summary details.\n * Automatically converts to a slide-in panel on small screens.\n *\n * @element c4p-tearsheet-summary-content\n * @slot - Content for the summary panel\n * @fires cds-custom-tearsheet-summary-closed - Fired when the summary panel is closed (mobile only)\n */\n@customElement(`${prefix}-tearsheet-summary-content`)\nclass CDSTearsheetSummaryContent extends SignalWatcher(\n  HostListenerMixin(LitElement)\n) {\n  @property({ reflect: true })\n  slot = 'summary-content';\n\n  @property({ type: Boolean, reflect: true, attribute: 'is-flush' })\n  isFlush: boolean = false;\n\n  /**\n   * In mobile screens right side summary-content section won't be visible by default.\n   * This prop can be toggled to open/close right panel in this case.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'summary-panel-open' })\n  summaryPanelOpen: boolean = false;\n\n  /**\n   * Handler for closing the summary panel\n   */\n  private handleClose = () => {\n    this.summaryPanelOpen = false;\n    this.dispatchEvent(\n      new CustomEvent('cds-custom-tearsheet-summary-closed', {\n        bubbles: true,\n        composed: true,\n      })\n    );\n  };\n\n  firstUpdated() {\n    this.classList.add(`${blockClass}__summary-content`);\n  }\n\n  render() {\n    const { isSm } = tearsheetSignal.get();\n\n    const classes = classMap({\n      [`${blockClass}__flush`]: this.isFlush,\n    });\n\n    return !isSm\n      ? html` <aside class=\"${classes}\">\n          <slot></slot>\n        </aside>`\n      : html` <c4p-side-panel\n          size=\"sm\"\n          ?slide-in=${true}\n          ?open=\"${this.summaryPanelOpen}\"\n          placement=\"right\"\n          @c4p-side-panel-closed=\"${this.handleClose}\"\n        >\n          <slot></slot>\n        </c4p-side-panel>`;\n  }\n\n  static styles = styles;\n}\nexport default CDSTearsheetSummaryContent;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,MAAM,aAAa,GAAG,OAAO;;;;;;;;;AAU7B,uCACM,mCAAmC,cACvC,kBAAkB,WAAW,CAC9B,CAAC;;;cAEO;iBAGY;0BAOS;2BAKA;AAC1B,QAAK,mBAAmB;AACxB,QAAK,cACH,IAAI,YAAY,gCAAgC;IAC9C,SAAS;IACT,UAAU;IACX,CAAC,CACH;;;CAGH,eAAe;AACb,OAAK,UAAU,IAAI,GAAG,WAAW,mBAAmB;;CAGtD,SAAS;EACP,MAAM,EAAE,SAAS,gBAAgB,KAAK;EAEtC,MAAM,UAAU,SAAS,GACtB,GAAG,WAAW,WAAW,KAAK,SAChC,CAAC;AAEF,SAAO,CAAC,OACJ,IAAI,kBAAkB,QAAQ;;oBAG9B,IAAI;;sBAEU,KAAK;mBACR,KAAK,iBAAiB;;oCAEL,KAAK,YAAY;;;;;;gBAMnCA;;;YApDf,SAAS,EAAE,SAAS,MAAM,CAAC;YAG3B,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;CAAY,CAAC;YAOjE,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;CAAsB,CAAC;yCAd7EC,cAAc,GAAG,OAAO,4BAA4B;AA0DrD,wCAAe"}