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

package/es-custom/components/truncated-text/truncated-text.js

@@ -1,171 +1,132 @@
 /**
- * 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, state, query } from 'lit/decorators.js';
-import { classMap } from 'lit/directives/class-map.js';
-import { styleMap } from 'lit/directives/style-map.js';
-import { carbonElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';
-import { prefix, carbonPrefix } from '../../globals/settings.js';
+import { carbonPrefix, prefix } from "../../globals/settings.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import truncated_text_default$1 from "./truncated-text.scss.js";
+import { LitElement, html } from "lit";
+import { property, query, state } from "lit/decorators.js";
+import { carbonElement } from "@carbon/web-components/es/globals/decorators/carbon-element.js";
+import { classMap } from "lit/directives/class-map.js";
+import { styleMap } from "lit/directives/style-map.js";
 import '@carbon/web-components/es-custom/components/tooltip/index.js';
 import '@carbon/web-components/es-custom/components/button/button.js';
 import '@carbon/web-components/es-custom/components/link/index.js';
-import styles from './truncated-text.scss.js';
 
-const componentName = 'truncated-text';
-const blockClass = `${prefix}--${componentName}`;
-const elementName = `${prefix}-${componentName}`; // c4p-truncated-text
+//#region src/components/truncated-text/truncated-text.ts
 /**
- * TruncatedText.
- *
- * @element c4p-truncated-text
- */
+* @license
+*
+* Copyright IBM Corp. 2025, 2025
+*
+* 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 componentName = "truncated-text";
+const blockClass = `${prefix}--${componentName}`;
+const elementName = `${prefix}-${componentName}`;
 let CDSTruncatedText = class CDSTruncatedText extends LitElement {
-    constructor() {
-        super(...arguments);
-        /**
-         * Specify how the tooltip should align with the content.
-         */
-        this.align = 'top';
-        /**
-         * Specify whether a auto align functionality should be applied
-         */
-        this.autoalign = false;
-        /**
-         * The label on the collapse button.
-         */
-        this.collapseLabel = '';
-        /**
-         * The label on expand button.
-         */
-        this.expandLabel = '';
-        /**
-         * Unique identifier for the element.
-         */
-        this.id = '';
-        /**
-         * The maximum number of lines to display before truncation.
-         */
-        this.lines = 0;
-        /**
-         * The method to display the full text when truncated. Options are "tooltip" or "expand". if not passed, the text would just be truncated with ellipsis.
-         */
-        this.type = 'tooltip';
-        /**
-         * The string value to be truncated.
-         */
-        this.value = '';
-        this._isOverflowing = false;
-        this._isExpanded = false;
-        this._maxHeight = 'none';
-        this._lineHeight = 0;
-        this._isLayered = false;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this._isLayered = !!this.closest(`${carbonPrefix}-layer`);
-        this.type = this.type || 'tooltip';
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this._resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-        super.disconnectedCallback();
-    }
-    firstUpdated() {
-        requestAnimationFrame(() => {
-            const computedStyle = getComputedStyle(this._textElement);
-            this._lineHeight = parseFloat(computedStyle.lineHeight);
-            this._setupResizeObserver();
-        });
-    }
-    updated(changed) {
-        if (changed.has('lines') || changed.has('value')) {
-            this._updateOverflowStatus();
-            this._updateMaxHeight();
-        }
-    }
-    _updateMaxHeight() {
-        if (this.type !== 'expand') {
-            return;
-        }
-        requestAnimationFrame(() => {
-            if (!this._textElement) {
-                return;
-            }
-            this._maxHeight =
-                this.lines > 0 && !this._isExpanded
-                    ? `${this.lines * this._lineHeight}px`
-                    : `${this._textElement.scrollHeight}px`;
-        });
-    }
-    _setupResizeObserver() {
-        if (!this._textElement) {
-            return;
-        }
-        if (this._resizeObserver) {
-            this._resizeObserver.disconnect();
-        }
-        this._resizeObserver = new ResizeObserver(() => {
-            this._updateOverflowStatus();
-        });
-        this._resizeObserver.observe(this);
-    }
-    _updateOverflowStatus() {
-        if (!this._textElement || this.lines <= 0) {
-            return;
-        }
-        this._updateMaxHeight();
-        const { scrollHeight, clientHeight } = this._textElement;
-        const buffer = this._lineHeight / 2; // buffer of at least half of line height for a stable outcome
-        const isOverflowing = scrollHeight > clientHeight + buffer;
-        if (isOverflowing !== this._isOverflowing) {
-            this._isOverflowing = isOverflowing;
-        }
-    }
-    _handleKeydown(evt) {
-        const { key } = evt;
-        if (key === 'Enter' || key === ' ') {
-            this._toggleExpansion();
-        }
-    }
-    _toggleExpansion() {
-        var _a, _b, _c;
-        this._isExpanded = !this._isExpanded;
-        this._updateMaxHeight();
-        (_a = this._textElement) === null || _a === void 0 ? void 0 : _a.classList.add(`${blockClass}_transition`);
-        const onTransitionEnd = () => {
-            var _a, _b, _c;
-            (_b = (_a = this._textElement) === null || _a === void 0 ? void 0 : _a.querySelector('button')) === null || _b === void 0 ? void 0 : _b.focus();
-            (_c = this._textElement) === null || _c === void 0 ? void 0 : _c.removeEventListener('transitionend', onTransitionEnd);
-        };
-        (_b = this._textElement) === null || _b === void 0 ? void 0 : _b.addEventListener('transitionend', onTransitionEnd);
-        /**
-         * currently you cannot animate line-clamping
-         * you can however animate max-height
-         * this removes the clamping and then quickly adds it so you can see the ellipsis
-         */
-        if (this._isExpanded === false) {
-            (_c = this._textElement) === null || _c === void 0 ? void 0 : _c.classList.add(`${blockClass}_content--closing`);
-            setTimeout(() => {
-                var _a;
-                (_a = this._textElement) === null || _a === void 0 ? void 0 : _a.classList.remove(`${blockClass}_content--closing`);
-            }, 100);
-        }
-    }
-    _renderToggleButton() {
-        const className = classMap({
-            [`${blockClass}_button-collapse`]: this._isExpanded,
-            [`${blockClass}_button-expand`]: !this._isExpanded,
-            [`${blockClass}_button-layered`]: this._isLayered,
-            [`${blockClass}_button-hide`]: !this._isOverflowing && !this._isExpanded,
-        });
-        const label = this._isExpanded ? this.collapseLabel : this.expandLabel;
-        return html `
+	constructor(..._args) {
+		super(..._args);
+		this.align = "top";
+		this.autoalign = false;
+		this.collapseLabel = "";
+		this.expandLabel = "";
+		this.id = "";
+		this.lines = 0;
+		this.type = "tooltip";
+		this.value = "";
+		this._isOverflowing = false;
+		this._isExpanded = false;
+		this._maxHeight = "none";
+		this._lineHeight = 0;
+		this._isLayered = false;
+	}
+	static {
+		this.styles = truncated_text_default$1;
+	}
+	connectedCallback() {
+		super.connectedCallback();
+		this._isLayered = !!this.closest(`${carbonPrefix}-layer`);
+		this.type = this.type || "tooltip";
+	}
+	disconnectedCallback() {
+		this._resizeObserver?.disconnect();
+		super.disconnectedCallback();
+	}
+	firstUpdated() {
+		requestAnimationFrame(() => {
+			const computedStyle = getComputedStyle(this._textElement);
+			this._lineHeight = parseFloat(computedStyle.lineHeight);
+			this._setupResizeObserver();
+		});
+	}
+	updated(changed) {
+		if (changed.has("lines") || changed.has("value")) {
+			this._updateOverflowStatus();
+			this._updateMaxHeight();
+		}
+	}
+	_updateMaxHeight() {
+		if (this.type !== "expand") return;
+		requestAnimationFrame(() => {
+			if (!this._textElement) return;
+			this._maxHeight = this.lines > 0 && !this._isExpanded ? `${this.lines * this._lineHeight}px` : `${this._textElement.scrollHeight}px`;
+		});
+	}
+	_setupResizeObserver() {
+		if (!this._textElement) return;
+		if (this._resizeObserver) this._resizeObserver.disconnect();
+		this._resizeObserver = new ResizeObserver(() => {
+			this._updateOverflowStatus();
+		});
+		this._resizeObserver.observe(this);
+	}
+	_updateOverflowStatus() {
+		if (!this._textElement || this.lines <= 0) return;
+		this._updateMaxHeight();
+		const { scrollHeight, clientHeight } = this._textElement;
+		const isOverflowing = scrollHeight > clientHeight + this._lineHeight / 2;
+		if (isOverflowing !== this._isOverflowing) this._isOverflowing = isOverflowing;
+	}
+	_handleKeydown(evt) {
+		const { key } = evt;
+		if (key === "Enter" || key === " ") this._toggleExpansion();
+	}
+	_toggleExpansion() {
+		this._isExpanded = !this._isExpanded;
+		this._updateMaxHeight();
+		this._textElement?.classList.add(`${blockClass}_transition`);
+		const onTransitionEnd = () => {
+			this._textElement?.querySelector("button")?.focus();
+			this._textElement?.removeEventListener("transitionend", onTransitionEnd);
+		};
+		this._textElement?.addEventListener("transitionend", onTransitionEnd);
+		/**
+		* currently you cannot animate line-clamping
+		* you can however animate max-height
+		* this removes the clamping and then quickly adds it so you can see the ellipsis
+		*/
+		if (this._isExpanded === false) {
+			this._textElement?.classList.add(`${blockClass}_content--closing`);
+			setTimeout(() => {
+				this._textElement?.classList.remove(`${blockClass}_content--closing`);
+			}, 100);
+		}
+	}
+	_renderToggleButton() {
+		const className = classMap({
+			[`${blockClass}_button-collapse`]: this._isExpanded,
+			[`${blockClass}_button-expand`]: !this._isExpanded,
+			[`${blockClass}_button-layered`]: this._isLayered,
+			[`${blockClass}_button-hide`]: !this._isOverflowing && !this._isExpanded
+		});
+		const label = this._isExpanded ? this.collapseLabel : this.expandLabel;
+		return html`
       <span
         aria-controls=${this.id}
         aria-expanded=${this._isExpanded}
@@ -178,14 +139,13 @@ let CDSTruncatedText = class CDSTruncatedText extends LitElement {
         ${label}
       </span>
     `;
-    }
-    render() {
-        // Apply different styles based on truncation method
-        const contentStyle = {
-            ['--line-clamp']: this._isExpanded ? 'none' : this.lines,
-            ['max-block-size']: this.type === 'expand' ? this._maxHeight : 'none',
-        };
-        const valueBody = html `
+	}
+	render() {
+		const contentStyle = {
+			["--line-clamp"]: this._isExpanded ? "none" : this.lines,
+			["max-block-size"]: this.type === "expand" ? this._maxHeight : "none"
+		};
+		const valueBody = html`
       <div
         id=${this.id}
         class="${blockClass}_content"
@@ -194,7 +154,7 @@ let CDSTruncatedText = class CDSTruncatedText extends LitElement {
         ${this.value}
       </div>
     `;
-        const tooltipVariant = html `
+		const tooltipVariant = html`
       <cds-custom-tooltip
         align=${this.align}
         autoalign=${this.autoalign}
@@ -205,53 +165,52 @@ let CDSTruncatedText = class CDSTruncatedText extends LitElement {
         <cds-custom-tooltip-content>${this.value}</cds-custom-tooltip-content>
       </cds-custom-tooltip>
     `;
-        const expandVariant = html `${valueBody} ${this._renderToggleButton()}`;
-        return this.type === 'tooltip' && this._isOverflowing
-            ? tooltipVariant
-            : expandVariant;
-    }
+		const expandVariant = html`${valueBody} ${this._renderToggleButton()}`;
+		return this.type === "tooltip" && this._isOverflowing ? tooltipVariant : expandVariant;
+	}
 };
-CDSTruncatedText.styles = styles;
-__decorate([
-    property({ reflect: true, type: String })
-], CDSTruncatedText.prototype, "align", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], CDSTruncatedText.prototype, "autoalign", void 0);
-__decorate([
-    property({ attribute: 'collapse-label', type: String, reflect: true })
-], CDSTruncatedText.prototype, "collapseLabel", void 0);
-__decorate([
-    property({ attribute: 'expand-label', type: String, reflect: true })
-], CDSTruncatedText.prototype, "expandLabel", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], CDSTruncatedText.prototype, "id", void 0);
-__decorate([
-    property({ type: Number, reflect: true })
-], CDSTruncatedText.prototype, "lines", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], CDSTruncatedText.prototype, "type", void 0);
-__decorate([
-    property({ type: String, attribute: 'value', reflect: true })
-], CDSTruncatedText.prototype, "value", void 0);
-__decorate([
-    state()
-], CDSTruncatedText.prototype, "_isOverflowing", void 0);
-__decorate([
-    state()
-], CDSTruncatedText.prototype, "_isExpanded", void 0);
-__decorate([
-    state()
-], CDSTruncatedText.prototype, "_maxHeight", void 0);
-__decorate([
-    query(`.${blockClass}_content`)
-], CDSTruncatedText.prototype, "_textElement", void 0);
-CDSTruncatedText = __decorate([
-    carbonElement(elementName)
-], CDSTruncatedText);
-var CDSTruncatedText_default = CDSTruncatedText;
+__decorate([property({
+	reflect: true,
+	type: String
+})], CDSTruncatedText.prototype, "align", void 0);
+__decorate([property({
+	type: Boolean,
+	reflect: true
+})], CDSTruncatedText.prototype, "autoalign", void 0);
+__decorate([property({
+	attribute: "collapse-label",
+	type: String,
+	reflect: true
+})], CDSTruncatedText.prototype, "collapseLabel", void 0);
+__decorate([property({
+	attribute: "expand-label",
+	type: String,
+	reflect: true
+})], CDSTruncatedText.prototype, "expandLabel", void 0);
+__decorate([property({
+	type: String,
+	reflect: true
+})], CDSTruncatedText.prototype, "id", void 0);
+__decorate([property({
+	type: Number,
+	reflect: true
+})], CDSTruncatedText.prototype, "lines", void 0);
+__decorate([property({
+	type: String,
+	reflect: true
+})], CDSTruncatedText.prototype, "type", void 0);
+__decorate([property({
+	type: String,
+	attribute: "value",
+	reflect: true
+})], CDSTruncatedText.prototype, "value", void 0);
+__decorate([state()], CDSTruncatedText.prototype, "_isOverflowing", void 0);
+__decorate([state()], CDSTruncatedText.prototype, "_isExpanded", void 0);
+__decorate([state()], CDSTruncatedText.prototype, "_maxHeight", void 0);
+__decorate([query(`.${blockClass}_content`)], CDSTruncatedText.prototype, "_textElement", void 0);
+CDSTruncatedText = __decorate([carbonElement(elementName)], CDSTruncatedText);
+var truncated_text_default = CDSTruncatedText;
 
-export { CDSTruncatedText, blockClass, CDSTruncatedText_default as default };
-//# sourceMappingURL=truncated-text.js.map
+//#endregion
+export { CDSTruncatedText, blockClass, truncated_text_default as default };
+//# sourceMappingURL=truncated-text.js.map

package/es-custom/components/truncated-text/truncated-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"truncated-text.js","sources":["../../../src/components/truncated-text/truncated-text.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}
+{"version":3,"file":"truncated-text.js","names":["styles","customElement"],"sources":["../../../src/components/truncated-text/truncated-text.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2025, 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { html, LitElement } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport { prefix, carbonPrefix } from '../../globals/settings';\nimport '@carbon/web-components/es-custom/components/tooltip/index.js';\nimport '@carbon/web-components/es-custom/components/button/button.js';\nimport '@carbon/web-components/es-custom/components/link/index.js';\n\nimport styles from './truncated-text.scss?lit';\n\nconst componentName = 'truncated-text';\nexport const blockClass = `${prefix}--${componentName}`;\nconst elementName = `${prefix}-${componentName}`; // c4p-truncated-text\n\n/**\n * TruncatedText.\n *\n * @element c4p-truncated-text\n */\n@customElement(elementName)\nexport class CDSTruncatedText extends LitElement {\n  /**\n   * Specify how the tooltip should align with the content.\n   */\n  @property({ reflect: true, type: String })\n  align = 'top';\n\n  /**\n   * Specify whether a auto align functionality should be applied\n   */\n  @property({ type: Boolean, reflect: true })\n  autoalign = false;\n\n  /**\n   * The label on the collapse button.\n   */\n  @property({ attribute: 'collapse-label', type: String, reflect: true })\n  collapseLabel = '';\n\n  /**\n   * The label on expand button.\n   */\n  @property({ attribute: 'expand-label', type: String, reflect: true })\n  expandLabel = '';\n\n  /**\n   * Unique identifier for the element.\n   */\n  @property({ type: String, reflect: true })\n  id = '';\n\n  /**\n   * The maximum number of lines to display before truncation.\n   */\n  @property({ type: Number, reflect: true })\n  lines = 0;\n\n  /**\n   * The method to display the full text when truncated. Options are \"tooltip\" or \"expand\". if not passed, the text would just be truncated with ellipsis.\n   */\n  @property({ type: String, reflect: true })\n  type: 'tooltip' | 'expand' = 'tooltip';\n\n  /**\n   * The string value to be truncated.\n   */\n  @property({ type: String, attribute: 'value', reflect: true })\n  value = '';\n\n  @state() private _isOverflowing: boolean = false;\n  @state() private _isExpanded: boolean = false;\n  @state() private _maxHeight: string = 'none';\n\n  @query(`.${blockClass}_content`) private _textElement!: HTMLElement;\n  private _lineHeight: number = 0;\n  private _isLayered: boolean = false;\n  private _resizeObserver?: ResizeObserver;\n\n  static styles = styles;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._isLayered = !!this.closest(`${carbonPrefix}-layer`);\n    this.type = this.type || 'tooltip';\n  }\n\n  disconnectedCallback() {\n    this._resizeObserver?.disconnect();\n    super.disconnectedCallback();\n  }\n\n  protected firstUpdated() {\n    requestAnimationFrame(() => {\n      const computedStyle = getComputedStyle(this._textElement);\n      this._lineHeight = parseFloat(computedStyle.lineHeight);\n      this._setupResizeObserver();\n    });\n  }\n\n  protected updated(changed: Map<string, unknown>) {\n    if (changed.has('lines') || changed.has('value')) {\n      this._updateOverflowStatus();\n      this._updateMaxHeight();\n    }\n  }\n\n  private _updateMaxHeight() {\n    if (this.type !== 'expand') {\n      return;\n    }\n    requestAnimationFrame(() => {\n      if (!this._textElement) {\n        return;\n      }\n      this._maxHeight =\n        this.lines > 0 && !this._isExpanded\n          ? `${this.lines * this._lineHeight}px`\n          : `${this._textElement.scrollHeight}px`;\n    });\n  }\n\n  private _setupResizeObserver() {\n    if (!this._textElement) {\n      return;\n    }\n\n    if (this._resizeObserver) {\n      this._resizeObserver.disconnect();\n    }\n\n    this._resizeObserver = new ResizeObserver(() => {\n      this._updateOverflowStatus();\n    });\n\n    this._resizeObserver.observe(this);\n  }\n\n  private _updateOverflowStatus() {\n    if (!this._textElement || this.lines <= 0) {\n      return;\n    }\n    this._updateMaxHeight();\n    const { scrollHeight, clientHeight } = this._textElement;\n    const buffer = this._lineHeight / 2; // buffer of at least half of line height for a stable outcome\n\n    const isOverflowing = scrollHeight > clientHeight + buffer;\n\n    if (isOverflowing !== this._isOverflowing) {\n      this._isOverflowing = isOverflowing;\n    }\n  }\n\n  private _handleKeydown(evt: KeyboardEvent) {\n    const { key } = evt;\n    if (key === 'Enter' || key === ' ') {\n      this._toggleExpansion();\n    }\n  }\n\n  private _toggleExpansion() {\n    this._isExpanded = !this._isExpanded;\n    this._updateMaxHeight();\n    this._textElement?.classList.add(`${blockClass}_transition`);\n    const onTransitionEnd = () => {\n      this._textElement?.querySelector('button')?.focus();\n      this._textElement?.removeEventListener('transitionend', onTransitionEnd);\n    };\n    this._textElement?.addEventListener('transitionend', onTransitionEnd);\n\n    /**\n     * currently you cannot animate line-clamping\n     * you can however animate max-height\n     * this removes the clamping and then quickly adds it so you can see the ellipsis\n     */\n    if (this._isExpanded === false) {\n      this._textElement?.classList.add(`${blockClass}_content--closing`);\n      setTimeout(() => {\n        this._textElement?.classList.remove(`${blockClass}_content--closing`);\n      }, 100);\n    }\n  }\n\n  private _renderToggleButton() {\n    const className = classMap({\n      [`${blockClass}_button-collapse`]: this._isExpanded,\n      [`${blockClass}_button-expand`]: !this._isExpanded,\n      [`${blockClass}_button-layered`]: this._isLayered,\n      [`${blockClass}_button-hide`]: !this._isOverflowing && !this._isExpanded,\n    });\n    const label = this._isExpanded ? this.collapseLabel : this.expandLabel;\n    return html`\n      <span\n        aria-controls=${this.id}\n        aria-expanded=${this._isExpanded}\n        class=${className}\n        @click=${this._toggleExpansion}\n        @keydown=${this._handleKeydown}\n        role=\"button\"\n        tabIndex=\"0\"\n      >\n        ${label}\n      </span>\n    `;\n  }\n\n  render() {\n    // Apply different styles based on truncation method\n    const contentStyle = {\n      ['--line-clamp']: this._isExpanded ? 'none' : this.lines,\n      ['max-block-size']: this.type === 'expand' ? this._maxHeight : 'none',\n    };\n\n    const valueBody = html`\n      <div\n        id=${this.id}\n        class=\"${blockClass}_content\"\n        style=${styleMap(contentStyle)}\n      >\n        ${this.value}\n      </div>\n    `;\n\n    const tooltipVariant = html`\n      <cds-custom-tooltip\n        align=${this.align}\n        autoalign=${this.autoalign}\n        enter-delay-ms=\"0\"\n        leave-delay-ms=\"0\"\n      >\n        ${valueBody}\n        <cds-custom-tooltip-content>${this.value}</cds-custom-tooltip-content>\n      </cds-custom-tooltip>\n    `;\n\n    const expandVariant = html`${valueBody} ${this._renderToggleButton()}`;\n\n    return this.type === 'tooltip' && this._isOverflowing\n      ? tooltipVariant\n      : expandVariant;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [elementName]: CDSTruncatedText;\n  }\n}\n\nexport default CDSTruncatedText;\n"],"mappings":"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"}

package/es-custom/components/truncated-text/truncated-text.scss.js

@@ -1,13 +1,15 @@
 /**
- * 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 { css } from 'lit';
+import { css } from "lit";
 
-var styles = css(["@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds-custom--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds-custom--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds-custom--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds-custom--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds-custom--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds-custom--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds-custom--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds-custom--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds-custom--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds-custom--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds-custom--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds-custom--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds-custom--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds-custom--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds-custom--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds-custom--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds-custom--assistive-text,.cds-custom--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.c4p--truncated-text_button-collapse,.c4p--truncated-text_button-expand{border:none;cursor:pointer;font:inherit;line-height:inherit}:host(c4p-truncated-text){display:block;inline-size:100%}@media (prefers-reduced-motion:no-preference){:host(c4p-truncated-text) .c4p--truncated-text_transition{transition:max-height .11s cubic-bezier(.2,0,.38,.9)}}:host(c4p-truncated-text) .c4p--truncated-text_content{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--line-clamp,0);text-overflow:clip;white-space:normal}:host(c4p-truncated-text) .c4p--truncated-text_content:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(c4p-truncated-text) .c4p--truncated-text_content:focus{outline-style:dotted}}:host(c4p-truncated-text) .c4p--truncated-text_content--closing{-webkit-line-clamp:none}:host(c4p-truncated-text) cds-custom-tooltip{display:inline-flex}:host(c4p-truncated-text) .c4p--truncated-text_button-collapse:focus,:host(c4p-truncated-text) .c4p--truncated-text_button-expand:focus,:host(c4p-truncated-text) button:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(c4p-truncated-text) .c4p--truncated-text_button-collapse:focus,:host(c4p-truncated-text) .c4p--truncated-text_button-expand:focus,:host(c4p-truncated-text) button:focus{outline-style:dotted}}.c4p--truncated-text_button-collapse,.c4p--truncated-text_button-expand{color:var(--cds-link-primary,#0f62fe);padding:0 .125rem}.c4p--truncated-text_button-collapse.c4p--truncated-text_button-hide,.c4p--truncated-text_button-expand.c4p--truncated-text_button-hide{display:none}.c4p--truncated-text_button-expand.c4p--truncated-text_button-layered{background-color:var(--cds-layer)}.c4p--truncated-text_button-expand:dir(ltr):before{background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,var(--cds-background,#fff) 0)}.c4p--truncated-text_button-expand.c4p--truncated-text_button-layered:dir(ltr):before{background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,var(--cds-layer) 0)}.c4p--truncated-text_button-expand:dir(rtl):before{background:linear-gradient(270deg,hsla(0,0%,100%,0) 0,var(--cds-background,#fff) 0)}.c4p--truncated-text_button-expand.c4p--truncated-text_button-layered:dir(rtl):before{background:linear-gradient(270deg,hsla(0,0%,100%,0) 0,var(--cds-layer) 0)}.c4p--truncated-text_button-collapse{background-color:transparent}"]);
+//#region src/components/truncated-text/truncated-text.scss?lit
+var truncated_text_default = css(["@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds-custom--layout--size-xs{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-xs,1.5rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xs{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-xs,1.5rem))}.cds-custom--layout-constraint--size__min-xs{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-xs,1.5rem)}.cds-custom--layout-constraint--size__max-xs{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-xs,1.5rem)}.cds-custom--layout--size-sm{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-sm,2rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-sm{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-sm,2rem))}.cds-custom--layout-constraint--size__min-sm{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-sm,2rem)}.cds-custom--layout-constraint--size__max-sm{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-sm,2rem)}.cds-custom--layout--size-md{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-md,2.5rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-md{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-md,2.5rem))}.cds-custom--layout-constraint--size__min-md{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-md,2.5rem)}.cds-custom--layout-constraint--size__max-md{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-md,2.5rem)}.cds-custom--layout--size-lg{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-lg,3rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-lg{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-lg,3rem))}.cds-custom--layout-constraint--size__min-lg{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-lg,3rem)}.cds-custom--layout-constraint--size__max-lg{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-lg,3rem)}.cds-custom--layout--size-xl{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-xl,4rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xl{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-xl,4rem))}.cds-custom--layout-constraint--size__min-xl{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-xl,4rem)}.cds-custom--layout-constraint--size__max-xl{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-xl,4rem)}.cds-custom--layout--size-2xl{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-2xl,5rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-2xl{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-2xl,5rem))}.cds-custom--layout-constraint--size__min-2xl{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-2xl,5rem)}.cds-custom--layout-constraint--size__max-2xl{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-2xl,5rem)}.cds-custom--layout--density-condensed{--cds-custom-layout-density-padding-inline-context:var(--cds-custom-layout-density-padding-inline-condensed,0.5rem);--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-condensed{--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context,var(--cds-custom-layout-density-padding-inline-condensed,0.5rem))}.cds-custom--layout-constraint--density__min-condensed{--cds-custom-layout-density-padding-inline-min:var(--cds-custom-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout-constraint--density__max-condensed{--cds-custom-layout-density-padding-inline-max:var(--cds-custom-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout--density-normal{--cds-custom-layout-density-padding-inline-context:var(--cds-custom-layout-density-padding-inline-normal,1rem);--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-normal{--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context,var(--cds-custom-layout-density-padding-inline-normal,1rem))}.cds-custom--layout-constraint--density__min-normal{--cds-custom-layout-density-padding-inline-min:var(--cds-custom-layout-density-padding-inline-normal,1rem)}.cds-custom--layout-constraint--density__max-normal{--cds-custom-layout-density-padding-inline-max:var(--cds-custom-layout-density-padding-inline-normal,1rem)}:root{--cds-custom-layout-size-height-xs:1.5rem;--cds-custom-layout-size-height-sm:2rem;--cds-custom-layout-size-height-md:2.5rem;--cds-custom-layout-size-height-lg:3rem;--cds-custom-layout-size-height-xl:4rem;--cds-custom-layout-size-height-2xl:5rem;--cds-custom-layout-size-height-min:0px;--cds-custom-layout-size-height-max:999999999px;--cds-custom-layout-density-padding-inline-condensed:0.5rem;--cds-custom-layout-density-padding-inline-normal:1rem;--cds-custom-layout-density-padding-inline-min:0px;--cds-custom-layout-density-padding-inline-max:999999999px}.cds-custom--assistive-text,.cds-custom--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.c4p--truncated-text_button-collapse,.c4p--truncated-text_button-expand{border:none;cursor:pointer;font:inherit;line-height:inherit}:host(c4p-truncated-text){display:block;inline-size:100%}@media (prefers-reduced-motion:no-preference){:host(c4p-truncated-text) .c4p--truncated-text_transition{transition:max-height .11s cubic-bezier(.2,0,.38,.9)}}:host(c4p-truncated-text) .c4p--truncated-text_content{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--line-clamp,0);text-overflow:clip;white-space:normal}:host(c4p-truncated-text) .c4p--truncated-text_content:focus{outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(c4p-truncated-text) .c4p--truncated-text_content:focus{outline-style:dotted}}:host(c4p-truncated-text) .c4p--truncated-text_content--closing{-webkit-line-clamp:none}:host(c4p-truncated-text) cds-custom-tooltip{display:inline-flex}:host(c4p-truncated-text) .c4p--truncated-text_button-collapse:focus,:host(c4p-truncated-text) .c4p--truncated-text_button-expand:focus,:host(c4p-truncated-text) button:focus{outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(c4p-truncated-text) .c4p--truncated-text_button-collapse:focus,:host(c4p-truncated-text) .c4p--truncated-text_button-expand:focus,:host(c4p-truncated-text) button:focus{outline-style:dotted}}.c4p--truncated-text_button-collapse,.c4p--truncated-text_button-expand{color:var(--cds-custom-link-primary,#0f62fe);padding:0 .125rem}.c4p--truncated-text_button-collapse.c4p--truncated-text_button-hide,.c4p--truncated-text_button-expand.c4p--truncated-text_button-hide{display:none}.c4p--truncated-text_button-expand.c4p--truncated-text_button-layered{background-color:var(--cds-custom-layer)}.c4p--truncated-text_button-expand:dir(ltr):before{background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,var(--cds-custom-background,#fff) 0)}.c4p--truncated-text_button-expand.c4p--truncated-text_button-layered:dir(ltr):before{background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,var(--cds-custom-layer) 0)}.c4p--truncated-text_button-expand:dir(rtl):before{background:linear-gradient(270deg,hsla(0,0%,100%,0) 0,var(--cds-custom-background,#fff) 0)}.c4p--truncated-text_button-expand.c4p--truncated-text_button-layered:dir(rtl):before{background:linear-gradient(270deg,hsla(0,0%,100%,0) 0,var(--cds-custom-layer) 0)}.c4p--truncated-text_button-collapse{background-color:transparent}"]);
 
-export { styles as default };
-//# sourceMappingURL=truncated-text.scss.js.map
+//#endregion
+export { truncated_text_default as default };
+//# sourceMappingURL=truncated-text.scss.js.map

package/es-custom/components/truncated-text/truncated-text.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"truncated-text.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
+{"version":3,"file":"truncated-text.scss.js","names":[],"sources":["../../../src/components/truncated-text/truncated-text.scss?lit"],"sourcesContent":["/*\n* Copyright IBM Corp. 2025, 2025\n*\n* This source code is licensed under the Apache-2.0 license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\n// $css--plex: true !default;\n\n@use 'sass:map';\n@use '@carbon/styles/scss/utilities' as *;\n@use '@carbon/styles/scss/spacing' as *;\n@use '@carbon/styles/scss/theme';\n@use '@carbon/styles/scss/motion' as *;\n@use '@carbon/styles/scss/config' as carbon-config;\n\n$prefix: 'c4p';\n$carbon-prefix: carbon-config.$prefix;\n$block-class: #{$prefix}--truncated-text;\n\n// Common reset button style\n%reset-button {\n  border: none;\n  cursor: pointer;\n  font: inherit;\n  line-height: inherit;\n}\n\n// Mixin for directional gradients\n@mixin gradient-bg($direction, $color) {\n  background: linear-gradient($direction, rgba(255, 255, 255, 0) 0%, $color 0%);\n}\n\n:host(#{$prefix}-truncated-text) {\n  display: block;\n  inline-size: 100%;\n\n  .#{$block-class}_transition {\n    @media (prefers-reduced-motion: no-preference) {\n      transition: max-height $duration-fast-02 motion(standard, productive);\n    }\n  }\n\n  .#{$block-class}_content {\n    display: -webkit-box;\n    overflow: hidden;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: var(--line-clamp, 0);\n    text-overflow: clip;\n    white-space: normal;\n\n    &:focus {\n      @include focus-outline('outline');\n    }\n  }\n\n  .#{$block-class}_content--closing {\n    -webkit-line-clamp: none;\n  }\n\n  #{$carbon-prefix}-tooltip {\n    display: inline-flex;\n  }\n\n  button:focus,\n  .#{$block-class}_button-expand:focus,\n  .#{$block-class}_button-collapse:focus {\n    @include focus-outline('outline');\n  }\n}\n\n.#{$block-class}_button-expand,\n.#{$block-class}_button-collapse {\n  @extend %reset-button;\n\n  padding: 0 $spacing-01;\n  color: theme.$link-primary;\n\n  &.#{$block-class}_button-hide {\n    display: none;\n  }\n}\n\n.#{$block-class}_button-expand {\n  &.#{$block-class}_button-layered {\n    background-color: theme.$layer;\n  }\n\n  // Gradient LTR\n  &:dir(ltr)::before {\n    @include gradient-bg(90deg, theme.$background);\n  }\n\n  &.#{$block-class}_button-layered:dir(ltr)::before {\n    @include gradient-bg(90deg, theme.$layer);\n  }\n\n  // Gradient RTL\n  &:dir(rtl)::before {\n    @include gradient-bg(270deg, theme.$background);\n  }\n\n  &.#{$block-class}_button-layered:dir(rtl)::before {\n    @include gradient-bg(270deg, theme.$layer);\n  }\n}\n\n.#{$block-class}_button-collapse {\n  background-color: transparent;\n}\n"],"mappings":""}

package/es-custom/components/user-avatar/index.js

@@ -1,9 +1,8 @@
 /**
- * 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 './user-avatar.js';
-//# sourceMappingURL=index.js.map
+import "./user-avatar.js";