@carbon/web-components 2.59.0 → 2.60.0

package/es-custom/components/checkbox/checkbox-group.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import iconLoader from "../../globals/internal/icon-loader.js";
 import checkbox_default from "./checkbox.scss.js";
 import { CHECKBOX_ORIENTATION } from "./defs.js";

package/es-custom/components/checkbox/checkbox-skeleton.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import checkbox_default from "./checkbox.scss.js";
 import { LitElement, html } from "lit";
 //#region src/components/checkbox/checkbox-skeleton.ts

package/es-custom/components/checkbox/checkbox.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import iconLoader from "../../globals/internal/icon-loader.js";
 import FocusMixin from "../../globals/mixins/focus.js";
 import FormMixin from "../../globals/mixins/form.js";

package/es-custom/components/code-snippet/code-snippet-skeleton.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import "./defs.js";
 import code_snippet_default from "./code-snippet.scss.js";
 import "./code-snippet.js";

package/es-custom/components/code-snippet/code-snippet.d.ts

@@ -1,3 +1,10 @@
+/**
+ * Copyright IBM Corp. 2019, 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.
+ */
+/**  eslint-disable @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452 */
 import { LitElement } from 'lit';
 import { CODE_SNIPPET_COLOR_SCHEME, CODE_SNIPPET_TYPE } from './defs';
 import '../copy-button/index';
@@ -13,6 +20,10 @@ declare const CDSCodeSnippet_base: (new (...args: any[]) => {
  * @element cds-custom-code-snippet
  */
 declare class CDSCodeSnippet extends CDSCodeSnippet_base {
+    /**
+     * The code snippet container element.
+     */
+    private _snippetContainer;
     /**
      * `true` to expand multi-line variant of code snippet.
      */

package/es-custom/components/code-snippet/code-snippet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"code-snippet.d.ts","sourceRoot":"","sources":["../../../src/components/code-snippet/code-snippet.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC,OAAO,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAGtE,OAAO,sBAAsB,CAAC;AAC9B,OAAO,cAAc,CAAC;AACtB,OAAO,kBAAkB,CAAC;AAI1B,OAAO,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,CAAC;;;;AAqBxD;;;;GAIG;AACH,cACM,cAAe,SAAQ,mBAAsB;IACjD;;OAEG;IACH,OAAO,CAAC,aAAa,CAAS;IAE9B;;OAEG;IACH,OAAO,CAAC,eAAe,CAAuB;IAE9C;;OAEG;IACH,OAAO,CAAC,kBAAkB,CAAM;IAEhC;;OAEG;IACH,OAAO,CAAC,iBAAiB,CAAQ;IAEjC;;OAEG;IACH,OAAO,CAAC,gBAAgB,CAAS;IAEjC;;OAEG;IACH,OAAO,CAAC,sBAAsB,CAAS;IAEvC;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAgCxB,OAAO,CAAC,qBAAqB;IAc7B;;OAEG;IACH,OAAO,CAAC,aAAa;IAgCrB;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAK5B;;OAEG;IAIH,OAAO,CAAC,eAAe,CAwCpB;IAEH;;;OAGG;IAEH,QAAQ,SAAM;IAEd;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,SAAa;IAErB;;OAEG;IAEH,eAAe,SAAQ;IAEvB;;OAEG;IAEH,cAAc,UAAS;IAEvB;;OAEG;IAEH,wBAAwB,SAAM;IAE9B;;OAEG;IAEH,uBAAuB,SAAK;IAE5B;;OAEG;IAEH,wBAAwB,SAAK;IAE7B;;OAEG;IAEH,uBAAuB,SAAM;IAE7B;;;OAGG;IAEH,YAAY,SAAe;IAE3B;;;OAGG;IAEH,YAAY,SAAe;IAE3B;;OAEG;IAEH,cAAc,SAAuB;IAErC;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,IAAI,oBAA4B;IAEhC,iBAAiB;IAQjB,oBAAoB;IAMpB,OAAO;IAQP,MAAM;IA6JN,MAAM,CAAC,iBAAiB;;;;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,cAAc,CAAC"}
+{"version":3,"file":"code-snippet.d.ts","sourceRoot":"","sources":["../../../src/components/code-snippet/code-snippet.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,8HAA8H;AAC9H,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC,OAAO,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAGtE,OAAO,sBAAsB,CAAC;AAC9B,OAAO,cAAc,CAAC;AACtB,OAAO,kBAAkB,CAAC;AAI1B,OAAO,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,CAAC;;;;AAqBxD;;;;GAIG;AACH,cACM,cAAe,SAAQ,mBAAsB;IACjD;;OAEG;IAEH,OAAO,CAAC,iBAAiB,CAAkB;IAE3C;;OAEG;IACH,OAAO,CAAC,aAAa,CAAS;IAE9B;;OAEG;IACH,OAAO,CAAC,eAAe,CAAuB;IAE9C;;OAEG;IACH,OAAO,CAAC,kBAAkB,CAAM;IAEhC;;OAEG;IACH,OAAO,CAAC,iBAAiB,CAAQ;IAEjC;;OAEG;IACH,OAAO,CAAC,gBAAgB,CAAS;IAEjC;;OAEG;IACH,OAAO,CAAC,sBAAsB,CAAS;IAEvC;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAgCxB,OAAO,CAAC,qBAAqB;IAc7B;;OAEG;IACH,OAAO,CAAC,aAAa;IA8BrB;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAK5B;;OAEG;IAIH,OAAO,CAAC,eAAe,CAsCpB;IAEH;;;OAGG;IAEH,QAAQ,SAAM;IAEd;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,SAAa;IAErB;;OAEG;IAEH,eAAe,SAAQ;IAEvB;;OAEG;IAEH,cAAc,UAAS;IAEvB;;OAEG;IAEH,wBAAwB,SAAM;IAE9B;;OAEG;IAEH,uBAAuB,SAAK;IAE5B;;OAEG;IAEH,wBAAwB,SAAK;IAE7B;;OAEG;IAEH,uBAAuB,SAAM;IAE7B;;;OAGG;IAEH,YAAY,SAAe;IAE3B;;;OAGG;IAEH,YAAY,SAAe;IAE3B;;OAEG;IAEH,cAAc,SAAuB;IAErC;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,IAAI,oBAA4B;IAEhC,iBAAiB;IAQjB,oBAAoB;IAMpB,OAAO;IAiDP,MAAM;IAiIN,MAAM,CAAC,iBAAiB;;;;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,cAAc,CAAC"}

package/es-custom/components/code-snippet/code-snippet.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import iconLoader from "../../globals/internal/icon-loader.js";
 import FocusMixin from "../../globals/mixins/focus.js";
 import "../button/button.js";
@@ -17,8 +17,7 @@ import code_snippet_default$1 from "./code-snippet.scss.js";
 import "../copy/copy.js";
 import "../copy-button/index.js";
 import { LitElement, html } from "lit";
-import { property } from "lit/decorators.js";
-import { styleMap } from "lit/directives/style-map.js";
+import { property, query } from "lit/decorators.js";
 import ChevronDown16 from "@carbon/icons/es/chevron--down/16.js";
 //#region src/components/code-snippet/code-snippet.ts
 /**
@@ -57,7 +56,7 @@ let CDSCodeSnippet = class CDSCodeSnippet extends FocusMixin(LitElement) {
 		this._hasLeftOverflow = false;
 		this._shouldShowMoreLessBtn = false;
 		this._resizeObserver = new ResizeObserver(() => {
-			const codeContainerRef = this.shadowRoot?.querySelector(`.cds-custom--snippet-container`);
+			const codeContainerRef = this._snippetContainer;
 			const codeContentRef = codeContainerRef?.querySelector("code");
 			const { type, maxCollapsedNumberOfRows, maxExpandedNumberOfRows, minExpandedNumberOfRows, _rowHeightInPixels: rowHeightInPixels, _handleScroll: handleScroll } = this;
 			if (codeContentRef && type === "multi") {
@@ -119,7 +118,7 @@ let CDSCodeSnippet = class CDSCodeSnippet extends FocusMixin(LitElement) {
 	*/
 	_handleScroll() {
 		if (this) {
-			const codeContainerRef = this?.shadowRoot?.querySelector(`.cds-custom--snippet-container`);
+			const codeContainerRef = this._snippetContainer;
 			const codeContentRef = codeContainerRef?.querySelector("pre");
 			if (this.type === "inline" || this.type === "single" && !codeContainerRef || this.type === "multi" && !codeContentRef) return;
 			const { horizontalOverflow, codeClientWidth, codeScrollWidth, codeScrollLeft } = this.type === "single" ? this._getCodeRefDimensions(codeContainerRef) : this._getCodeRefDimensions(codeContentRef);
@@ -146,9 +145,28 @@ let CDSCodeSnippet = class CDSCodeSnippet extends FocusMixin(LitElement) {
 	updated() {
 		if (this._expandedCode) this.setAttribute("expanded-code", "");
 		else this.removeAttribute("expanded-code");
+		const { _snippetContainer: container } = this;
+		if (!container) return;
+		if (this.type === "multi") {
+			const { maxExpandedNumberOfRows, minExpandedNumberOfRows, maxCollapsedNumberOfRows, minCollapsedNumberOfRows, _expandedCode: expandedCode, _rowHeightInPixels: rowHeightInPixels } = this;
+			let maxHeight = "";
+			let minHeight = "";
+			if (expandedCode) {
+				if (maxExpandedNumberOfRows > 0) maxHeight = `${maxExpandedNumberOfRows * rowHeightInPixels}px`;
+				if (minExpandedNumberOfRows > 0) minHeight = `${minExpandedNumberOfRows * rowHeightInPixels}px`;
+			} else {
+				if (maxCollapsedNumberOfRows > 0) maxHeight = `${maxCollapsedNumberOfRows * rowHeightInPixels}px`;
+				if (minCollapsedNumberOfRows > 0) minHeight = `${minCollapsedNumberOfRows * rowHeightInPixels}px`;
+			}
+			container.style.maxHeight = maxHeight;
+			container.style.minHeight = minHeight;
+		} else {
+			container.style.maxHeight = "";
+			container.style.minHeight = "";
+		}
 	}
 	render() {
-		const { disabled, feedback, feedbackTimeout, hideCopyButton, maxExpandedNumberOfRows, minExpandedNumberOfRows, maxCollapsedNumberOfRows, minCollapsedNumberOfRows, type, wrapText, tooltipContent, showMoreText, showLessText, _expandedCode: expandedCode, _handleCopyClick: handleCopyClick, _handleScroll: handleScroll, _hasRightOverflow: hasRightOverflow, _hasLeftOverflow: hasLeftOverflow, _rowHeightInPixels: rowHeightInPixels, _shouldShowMoreLessBtn: shouldShowMoreLessBtn } = this;
+		const { disabled, feedback, feedbackTimeout, hideCopyButton, type, wrapText, tooltipContent, showMoreText, showLessText, _expandedCode: expandedCode, _handleCopyClick: handleCopyClick, _handleScroll: handleScroll, _hasRightOverflow: hasRightOverflow, _hasLeftOverflow: hasLeftOverflow, _shouldShowMoreLessBtn: shouldShowMoreLessBtn } = this;
 		let classes = `cds-custom--snippet`;
 		if (type) classes += ` cds-custom--snippet--${type}`;
 		if (type !== "inline" && disabled) classes += ` cds-custom--snippet--disabled`;
@@ -164,14 +182,6 @@ let CDSCodeSnippet = class CDSCodeSnippet extends FocusMixin(LitElement) {
           <span slot="tooltip-content">${tooltipContent}</span>
         </cds-custom-copy>
       `;
-		const styles = {};
-		if (type === "multi") if (expandedCode) {
-			if (maxExpandedNumberOfRows > 0) styles["max-height"] = maxExpandedNumberOfRows * rowHeightInPixels + "px";
-			if (minExpandedNumberOfRows > 0) styles["min-height"] = minExpandedNumberOfRows * rowHeightInPixels + "px";
-		} else {
-			if (maxCollapsedNumberOfRows > 0) styles["max-height"] = maxCollapsedNumberOfRows * rowHeightInPixels + "px";
-			if (minCollapsedNumberOfRows > 0) styles["min-height"] = minCollapsedNumberOfRows * rowHeightInPixels + "px";
-		}
 		return html`
       <div
         role="${type === "single" || type === "multi" ? "textbox" : null}"
@@ -180,8 +190,7 @@ let CDSCodeSnippet = class CDSCodeSnippet extends FocusMixin(LitElement) {
         aria-label="${"code-snippet"}"
         aria-readonly="${type === "single" || type === "multi" ? true : null}"
         aria-multiline="${type === "multi" ? true : null}"
-        @scroll="${type === "single" && handleScroll || null}"
-        style=${styleMap(styles)}>
+        @scroll="${type === "single" && handleScroll || null}">
         <pre
           @scroll="${type === "multi" && handleScroll || null}"><code><slot></slot></code></pre>
       </div>
@@ -231,6 +240,7 @@ let CDSCodeSnippet = class CDSCodeSnippet extends FocusMixin(LitElement) {
 		this.styles = code_snippet_default$1;
 	}
 };
+__decorate([query(`.cds-custom--snippet-container`)], CDSCodeSnippet.prototype, "_snippetContainer", void 0);
 __decorate([property({ attribute: "copy-text" })], CDSCodeSnippet.prototype, "copyText", void 0);
 __decorate([property({
 	type: Boolean,
@@ -246,10 +256,10 @@ __decorate([property({
 	reflect: true,
 	attribute: "hide-copy-button"
 })], CDSCodeSnippet.prototype, "hideCopyButton", void 0);
-__decorate([property()], CDSCodeSnippet.prototype, "maxCollapsedNumberOfRows", void 0);
-__decorate([property()], CDSCodeSnippet.prototype, "maxExpandedNumberOfRows", void 0);
-__decorate([property()], CDSCodeSnippet.prototype, "minCollapsedNumberOfRows", void 0);
-__decorate([property()], CDSCodeSnippet.prototype, "minExpandedNumberOfRows", void 0);
+__decorate([property({ type: Number })], CDSCodeSnippet.prototype, "maxCollapsedNumberOfRows", void 0);
+__decorate([property({ type: Number })], CDSCodeSnippet.prototype, "maxExpandedNumberOfRows", void 0);
+__decorate([property({ type: Number })], CDSCodeSnippet.prototype, "minCollapsedNumberOfRows", void 0);
+__decorate([property({ type: Number })], CDSCodeSnippet.prototype, "minExpandedNumberOfRows", void 0);
 __decorate([property({ attribute: "show-less-text" })], CDSCodeSnippet.prototype, "showLessText", void 0);
 __decorate([property({ attribute: "show-more-text" })], CDSCodeSnippet.prototype, "showMoreText", void 0);
 __decorate([property({ attribute: "tooltip-content" })], CDSCodeSnippet.prototype, "tooltipContent", void 0);

package/es-custom/components/code-snippet/code-snippet.js.map

@@ -1 +1 @@
-{"version":3,"file":"code-snippet.js","names":["styles","customElement"],"sources":["../../../src/components/code-snippet/code-snippet.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**  eslint-disable @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452 */\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport ChevronDown16 from '@carbon/icons/es/chevron--down/16.js';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { CODE_SNIPPET_COLOR_SCHEME, CODE_SNIPPET_TYPE } from './defs';\nimport styles from './code-snippet.scss?lit';\nimport Handle from '../../globals/internal/handle';\nimport '../copy-button/index';\nimport '../copy/copy';\nimport '../button/button';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\nexport { CODE_SNIPPET_COLOR_SCHEME, CODE_SNIPPET_TYPE };\n\n/**\n * Observes resize of the given element with the given resize observer.\n *\n * @param observer The resize observer.\n * @param elem The element to observe the resize.\n */\nconst observeResize = (observer: ResizeObserver, elem: Element) => {\n  if (!elem) {\n    return null;\n  }\n  observer.observe(elem);\n  return {\n    release() {\n      observer.unobserve(elem);\n      return null;\n    },\n  } as Handle;\n};\n\n/**\n * Basic code snippet.\n *\n * @element cds-custom-code-snippet\n */\n@customElement(`${prefix}-code-snippet`)\nclass CDSCodeSnippet extends FocusMixin(LitElement) {\n  /**\n   * `true` to expand multi-line variant of code snippet.\n   */\n  private _expandedCode = false;\n\n  /**\n   * The handle for observing resize of the parent element of this element.\n   */\n  private _hObserveResize: Handle | null = null;\n\n  /**\n   * Row height in pixels\n   */\n  private _rowHeightInPixels = 16;\n\n  /**\n   * `true` if code-snippet has right overflow\n   */\n  private _hasRightOverflow = true;\n\n  /**\n   * `true` if code-snippet has left overflow\n   */\n  private _hasLeftOverflow = false;\n\n  /**\n   * `true` if show more or show less btn is visible\n   */\n  private _shouldShowMoreLessBtn = false;\n\n  /**\n   * Handles `click` event on the copy button.\n   */\n  private _handleCopyClick() {\n    const { ownerDocument: doc } = this;\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n    const selection = doc!.defaultView!.getSelection();\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n    selection!.removeAllRanges();\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n    const code = doc!.createElement('code');\n    code.className = `${prefix}--visually-hidden`;\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n    const pre = doc!.createElement('pre');\n    const text = Array.from(this.childNodes).filter(\n      (node) => node.nodeType === Node.TEXT_NODE\n    );\n    pre.textContent = this.copyText || text[0].textContent;\n    code.appendChild(pre);\n    // Using `<code>` in shadow DOM seems to lose the LFs in some browsers\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n    doc!.body.appendChild(code);\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n    const range = doc!.createRange();\n    range.selectNodeContents(code);\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n    selection!.addRange(range);\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n    doc!.execCommand('copy');\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n    doc!.body.removeChild(code);\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n    selection!.removeAllRanges();\n  }\n\n  private _getCodeRefDimensions(ref) {\n    const {\n      clientWidth: codeClientWidth,\n      scrollLeft: codeScrollLeft,\n      scrollWidth: codeScrollWidth,\n    } = ref;\n\n    return {\n      horizontalOverflow: codeScrollWidth > codeClientWidth,\n      codeClientWidth,\n      codeScrollWidth,\n      codeScrollLeft,\n    };\n  }\n  /**\n   * Handles `scroll` event.\n   */\n  private _handleScroll() {\n    if (this) {\n      const codeContainerRef = this?.shadowRoot?.querySelector(\n        `.${prefix}--snippet-container`\n      );\n      const codeContentRef = codeContainerRef?.querySelector('pre');\n      if (\n        this.type === CODE_SNIPPET_TYPE.INLINE ||\n        (this.type === CODE_SNIPPET_TYPE.SINGLE && !codeContainerRef) ||\n        (this.type === CODE_SNIPPET_TYPE.MULTI && !codeContentRef)\n      ) {\n        return;\n      }\n\n      const {\n        horizontalOverflow,\n        codeClientWidth,\n        codeScrollWidth,\n        codeScrollLeft,\n      } =\n        this.type === CODE_SNIPPET_TYPE.SINGLE\n          ? this._getCodeRefDimensions(codeContainerRef)\n          : this._getCodeRefDimensions(codeContentRef);\n\n      this._hasLeftOverflow = horizontalOverflow && !!codeScrollLeft;\n      this._hasRightOverflow =\n        horizontalOverflow &&\n        codeScrollLeft + codeClientWidth !== codeScrollWidth;\n      this.requestUpdate();\n    }\n  }\n\n  /**\n   * Handles `click` event on the show more or show less button.\n   */\n  private _handleClickExpanded() {\n    this._expandedCode = !this._expandedCode;\n    this.requestUpdate();\n  }\n\n  /**\n   * The `ResizeObserver` instance for observing element resizes for re-positioning floating menu position.\n   */\n  // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore\n  private _resizeObserver = new ResizeObserver(() => {\n    const codeContainerRef = this.shadowRoot?.querySelector(\n      `.${prefix}--snippet-container`\n    );\n    const codeContentRef = codeContainerRef?.querySelector('code'); // PRE?\n    const {\n      type,\n      maxCollapsedNumberOfRows,\n      maxExpandedNumberOfRows,\n      minExpandedNumberOfRows,\n      _rowHeightInPixels: rowHeightInPixels,\n      _handleScroll: handleScroll,\n    } = this;\n    if (codeContentRef && type === CODE_SNIPPET_TYPE.MULTI) {\n      const { height } = codeContentRef.getBoundingClientRect();\n      if (\n        maxCollapsedNumberOfRows > 0 &&\n        (maxExpandedNumberOfRows <= 0 ||\n          maxExpandedNumberOfRows > maxCollapsedNumberOfRows) &&\n        height > maxCollapsedNumberOfRows * rowHeightInPixels\n      ) {\n        this._shouldShowMoreLessBtn = true;\n      } else {\n        this._shouldShowMoreLessBtn = false;\n      }\n      if (\n        this._expandedCode &&\n        minExpandedNumberOfRows > 0 &&\n        height <= minExpandedNumberOfRows * rowHeightInPixels\n      ) {\n        this._expandedCode = false;\n      }\n    }\n    if (\n      (codeContentRef && type === CODE_SNIPPET_TYPE.MULTI) ||\n      (codeContainerRef && type === CODE_SNIPPET_TYPE.SINGLE)\n    ) {\n      handleScroll();\n    }\n    this.requestUpdate();\n  });\n\n  /**\n   * Optional text to copy. If not specified, the `children` node's `innerText`\n   * will be used as the copy value.\n   */\n  @property({ attribute: 'copy-text' })\n  copyText = '';\n\n  /**\n   * `true` if the button should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Specify the string displayed when the snippet is copied\n   */\n  @property()\n  feedback = 'Copied!';\n\n  /**\n   * Specify the time it takes for the feedback message to timeout\n   */\n  @property({ type: Number, attribute: 'feedback-timeout' })\n  feedbackTimeout = 2000;\n\n  /**\n   * Specify whether or not a copy button should be used/rendered.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-copy-button' })\n  hideCopyButton = false;\n\n  /**\n   * Specify the maximum number of rows to be shown when in collapsed view\n   */\n  @property()\n  maxCollapsedNumberOfRows = 15;\n\n  /**\n   * Specify the maximum number of rows to be shown when in expanded view\n   */\n  @property()\n  maxExpandedNumberOfRows = 0;\n\n  /**\n   * Specify the minimum number of rows to be shown when in collapsed view\n   */\n  @property()\n  minCollapsedNumberOfRows = 3;\n\n  /**\n   * Specify the minimum number of rows to be shown when in expanded view\n   */\n  @property()\n  minExpandedNumberOfRows = 16;\n\n  /**\n   * Specify a string that is displayed when the Code Snippet has been\n   * interacted with to show less lines\n   */\n  @property({ attribute: 'show-less-text' })\n  showLessText = 'Show less';\n\n  /**\n   * Specify a string that is displayed when the Code Snippet text is more\n   * than 15 lines\n   */\n  @property({ attribute: 'show-more-text' })\n  showMoreText = 'Show more';\n\n  /**\n   * Tooltip content for the copy button.\n   */\n  @property({ attribute: 'tooltip-content' })\n  tooltipContent = 'Copy to clipboard';\n\n  /**\n   * `true` if the button should be disabled.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'wrap-text' })\n  wrapText = false;\n\n  /**\n   * The type of code snippet.\n   */\n  @property({ reflect: true })\n  type = CODE_SNIPPET_TYPE.SINGLE;\n\n  connectedCallback() {\n    super.connectedCallback();\n    if (this._hObserveResize) {\n      this._hObserveResize = this._hObserveResize.release();\n    }\n    this._hObserveResize = observeResize(this._resizeObserver, this);\n  }\n\n  disconnectedCallback() {\n    if (this._hObserveResize) {\n      this._hObserveResize = this._hObserveResize.release();\n    }\n  }\n\n  updated() {\n    if (this._expandedCode) {\n      this.setAttribute('expanded-code', '');\n    } else {\n      this.removeAttribute('expanded-code');\n    }\n  }\n\n  render() {\n    const {\n      disabled,\n      feedback,\n      feedbackTimeout,\n      hideCopyButton,\n      maxExpandedNumberOfRows,\n      minExpandedNumberOfRows,\n      maxCollapsedNumberOfRows,\n      minCollapsedNumberOfRows,\n      type,\n      wrapText,\n      tooltipContent,\n      showMoreText,\n      showLessText,\n      _expandedCode: expandedCode,\n      _handleCopyClick: handleCopyClick,\n      _handleScroll: handleScroll,\n      _hasRightOverflow: hasRightOverflow,\n      _hasLeftOverflow: hasLeftOverflow,\n      _rowHeightInPixels: rowHeightInPixels,\n      _shouldShowMoreLessBtn: shouldShowMoreLessBtn,\n    } = this;\n\n    let classes = `${prefix}--snippet`;\n\n    if (type) {\n      classes += ` ${prefix}--snippet--${type}`;\n    }\n\n    if (type !== 'inline' && disabled) {\n      classes += ` ${prefix}--snippet--disabled`;\n    }\n\n    if (hideCopyButton) {\n      classes += ` ${prefix}--snippet--no-copy`;\n    }\n\n    if (wrapText) {\n      classes += ` ${prefix}--snippet--wraptext`;\n    }\n\n    if (type == 'multi' && hasRightOverflow) {\n      classes += ` ${prefix}--snippet--has-right-overflow`;\n    }\n\n    const expandButtonClass = `${prefix}--snippet-btn--expand`;\n\n    const disabledCopyButtonClasses = disabled\n      ? `${prefix}--snippet--disabled`\n      : '';\n\n    const expandCodeBtnText = expandedCode ? showLessText : showMoreText;\n\n    if (type === CODE_SNIPPET_TYPE.INLINE) {\n      // Ensures no extra whitespace text node\n      // prettier-ignore\n      return html`\n        <cds-custom-copy ?disabled=${disabled} button-class-name=\"${classes}\" @click=\"${handleCopyClick}\">\n          <code slot=\"icon\"><slot></slot></code>\n          <span slot=\"tooltip-content\">${tooltipContent}</span>\n        </cds-custom-copy>\n      `;\n    }\n\n    const styles = {};\n    if (type === 'multi') {\n      if (expandedCode) {\n        if (maxExpandedNumberOfRows > 0) {\n          styles['max-height'] =\n            maxExpandedNumberOfRows * rowHeightInPixels + 'px';\n        }\n        if (minExpandedNumberOfRows > 0) {\n          styles['min-height'] =\n            minExpandedNumberOfRows * rowHeightInPixels + 'px';\n        }\n      } else {\n        if (maxCollapsedNumberOfRows > 0) {\n          styles['max-height'] =\n            maxCollapsedNumberOfRows * rowHeightInPixels + 'px';\n        }\n        if (minCollapsedNumberOfRows > 0) {\n          styles['min-height'] =\n            minCollapsedNumberOfRows * rowHeightInPixels + 'px';\n        }\n      }\n    }\n\n    return html`\n      <div\n        role=\"${type === CODE_SNIPPET_TYPE.SINGLE ||\n        type === CODE_SNIPPET_TYPE.MULTI\n          ? 'textbox'\n          : null}\"\n        tabindex=\"${(type === CODE_SNIPPET_TYPE.SINGLE ||\n          type === CODE_SNIPPET_TYPE.MULTI) &&\n        !disabled\n          ? 0\n          : null}\"\n        class=\"${prefix}--snippet-container\"\n        aria-label=\"${'code-snippet'}\"\n        aria-readonly=\"${type === CODE_SNIPPET_TYPE.SINGLE ||\n        type === CODE_SNIPPET_TYPE.MULTI\n          ? true\n          : null}\"\n        aria-multiline=\"${type === CODE_SNIPPET_TYPE.MULTI ? true : null}\"\n        @scroll=\"${(type === CODE_SNIPPET_TYPE.SINGLE && handleScroll) || null}\"\n        style=${styleMap(styles)}>\n        <pre\n          @scroll=\"${(type === CODE_SNIPPET_TYPE.MULTI && handleScroll) ||\n          null}\"><code><slot></slot></code></pre>\n      </div>\n\n      ${hasLeftOverflow\n        ? html`\n            <div class=\"${prefix}--snippet__overflow-indicator--left\"></div>\n          `\n        : ``}\n      ${hasRightOverflow && type !== CODE_SNIPPET_TYPE.MULTI\n        ? html`\n            <div class=\"${prefix}--snippet__overflow-indicator--right\"></div>\n          `\n        : ``}\n      ${hideCopyButton\n        ? ``\n        : html`\n            <cds-custom-copy-button\n              ?disabled=${disabled}\n              button-class-name=${disabledCopyButtonClasses}\n              feedback=${feedback}\n              feedback-timeout=${feedbackTimeout}\n              @click=\"${handleCopyClick}\">\n              ${tooltipContent}\n            </cds-custom-copy-button>\n          `}\n      ${shouldShowMoreLessBtn\n        ? html`\n            <cds-custom-button\n              kind=\"ghost\"\n              size=\"sm\"\n              button-class-name=${expandButtonClass}\n              ?disabled=${disabled}\n              @click=${() => this._handleClickExpanded()}>\n              <span class=\"${prefix}--snippet-btn--text\">\n                ${expandCodeBtnText}\n              </span>\n              ${iconLoader(ChevronDown16, {\n                class: `${prefix}--icon-chevron--down ${prefix}--snippet__icon`,\n                role: 'img',\n                slot: 'icon',\n              })}\n            </cds-custom-button>\n          `\n        : ``}\n    `;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSCodeSnippet;\n"],"mappings":"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"}
+{"version":3,"file":"code-snippet.js","names":["styles","customElement"],"sources":["../../../src/components/code-snippet/code-snippet.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/**  eslint-disable @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452 */\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport ChevronDown16 from '@carbon/icons/es/chevron--down/16.js';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { CODE_SNIPPET_COLOR_SCHEME, CODE_SNIPPET_TYPE } from './defs';\nimport styles from './code-snippet.scss?lit';\nimport Handle from '../../globals/internal/handle';\nimport '../copy-button/index';\nimport '../copy/copy';\nimport '../button/button';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\nexport { CODE_SNIPPET_COLOR_SCHEME, CODE_SNIPPET_TYPE };\n\n/**\n * Observes resize of the given element with the given resize observer.\n *\n * @param observer The resize observer.\n * @param elem The element to observe the resize.\n */\nconst observeResize = (observer: ResizeObserver, elem: Element) => {\n  if (!elem) {\n    return null;\n  }\n  observer.observe(elem);\n  return {\n    release() {\n      observer.unobserve(elem);\n      return null;\n    },\n  } as Handle;\n};\n\n/**\n * Basic code snippet.\n *\n * @element cds-custom-code-snippet\n */\n@customElement(`${prefix}-code-snippet`)\nclass CDSCodeSnippet extends FocusMixin(LitElement) {\n  /**\n   * The code snippet container element.\n   */\n  @query(`.${prefix}--snippet-container`)\n  private _snippetContainer!: HTMLDivElement;\n\n  /**\n   * `true` to expand multi-line variant of code snippet.\n   */\n  private _expandedCode = false;\n\n  /**\n   * The handle for observing resize of the parent element of this element.\n   */\n  private _hObserveResize: Handle | null = null;\n\n  /**\n   * Row height in pixels\n   */\n  private _rowHeightInPixels = 16;\n\n  /**\n   * `true` if code-snippet has right overflow\n   */\n  private _hasRightOverflow = true;\n\n  /**\n   * `true` if code-snippet has left overflow\n   */\n  private _hasLeftOverflow = false;\n\n  /**\n   * `true` if show more or show less btn is visible\n   */\n  private _shouldShowMoreLessBtn = false;\n\n  /**\n   * Handles `click` event on the copy button.\n   */\n  private _handleCopyClick() {\n    const { ownerDocument: doc } = this;\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n    const selection = doc!.defaultView!.getSelection();\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n    selection!.removeAllRanges();\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n    const code = doc!.createElement('code');\n    code.className = `${prefix}--visually-hidden`;\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n    const pre = doc!.createElement('pre');\n    const text = Array.from(this.childNodes).filter(\n      (node) => node.nodeType === Node.TEXT_NODE\n    );\n    pre.textContent = this.copyText || text[0].textContent;\n    code.appendChild(pre);\n    // Using `<code>` in shadow DOM seems to lose the LFs in some browsers\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n    doc!.body.appendChild(code);\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n    const range = doc!.createRange();\n    range.selectNodeContents(code);\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n    selection!.addRange(range);\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n    doc!.execCommand('copy');\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n    doc!.body.removeChild(code);\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n    selection!.removeAllRanges();\n  }\n\n  private _getCodeRefDimensions(ref) {\n    const {\n      clientWidth: codeClientWidth,\n      scrollLeft: codeScrollLeft,\n      scrollWidth: codeScrollWidth,\n    } = ref;\n\n    return {\n      horizontalOverflow: codeScrollWidth > codeClientWidth,\n      codeClientWidth,\n      codeScrollWidth,\n      codeScrollLeft,\n    };\n  }\n  /**\n   * Handles `scroll` event.\n   */\n  private _handleScroll() {\n    if (this) {\n      const codeContainerRef = this._snippetContainer;\n      const codeContentRef = codeContainerRef?.querySelector('pre');\n      if (\n        this.type === CODE_SNIPPET_TYPE.INLINE ||\n        (this.type === CODE_SNIPPET_TYPE.SINGLE && !codeContainerRef) ||\n        (this.type === CODE_SNIPPET_TYPE.MULTI && !codeContentRef)\n      ) {\n        return;\n      }\n\n      const {\n        horizontalOverflow,\n        codeClientWidth,\n        codeScrollWidth,\n        codeScrollLeft,\n      } =\n        this.type === CODE_SNIPPET_TYPE.SINGLE\n          ? this._getCodeRefDimensions(codeContainerRef)\n          : this._getCodeRefDimensions(codeContentRef);\n\n      this._hasLeftOverflow = horizontalOverflow && !!codeScrollLeft;\n      this._hasRightOverflow =\n        horizontalOverflow &&\n        codeScrollLeft + codeClientWidth !== codeScrollWidth;\n      this.requestUpdate();\n    }\n  }\n\n  /**\n   * Handles `click` event on the show more or show less button.\n   */\n  private _handleClickExpanded() {\n    this._expandedCode = !this._expandedCode;\n    this.requestUpdate();\n  }\n\n  /**\n   * The `ResizeObserver` instance for observing element resizes for re-positioning floating menu position.\n   */\n  // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore\n  private _resizeObserver = new ResizeObserver(() => {\n    const codeContainerRef = this._snippetContainer;\n    const codeContentRef = codeContainerRef?.querySelector('code'); // PRE?\n    const {\n      type,\n      maxCollapsedNumberOfRows,\n      maxExpandedNumberOfRows,\n      minExpandedNumberOfRows,\n      _rowHeightInPixels: rowHeightInPixels,\n      _handleScroll: handleScroll,\n    } = this;\n    if (codeContentRef && type === CODE_SNIPPET_TYPE.MULTI) {\n      const { height } = codeContentRef.getBoundingClientRect();\n      if (\n        maxCollapsedNumberOfRows > 0 &&\n        (maxExpandedNumberOfRows <= 0 ||\n          maxExpandedNumberOfRows > maxCollapsedNumberOfRows) &&\n        height > maxCollapsedNumberOfRows * rowHeightInPixels\n      ) {\n        this._shouldShowMoreLessBtn = true;\n      } else {\n        this._shouldShowMoreLessBtn = false;\n      }\n      if (\n        this._expandedCode &&\n        minExpandedNumberOfRows > 0 &&\n        height <= minExpandedNumberOfRows * rowHeightInPixels\n      ) {\n        this._expandedCode = false;\n      }\n    }\n    if (\n      (codeContentRef && type === CODE_SNIPPET_TYPE.MULTI) ||\n      (codeContainerRef && type === CODE_SNIPPET_TYPE.SINGLE)\n    ) {\n      handleScroll();\n    }\n    this.requestUpdate();\n  });\n\n  /**\n   * Optional text to copy. If not specified, the `children` node's `innerText`\n   * will be used as the copy value.\n   */\n  @property({ attribute: 'copy-text' })\n  copyText = '';\n\n  /**\n   * `true` if the button should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Specify the string displayed when the snippet is copied\n   */\n  @property()\n  feedback = 'Copied!';\n\n  /**\n   * Specify the time it takes for the feedback message to timeout\n   */\n  @property({ type: Number, attribute: 'feedback-timeout' })\n  feedbackTimeout = 2000;\n\n  /**\n   * Specify whether or not a copy button should be used/rendered.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-copy-button' })\n  hideCopyButton = false;\n\n  /**\n   * Specify the maximum number of rows to be shown when in collapsed view\n   */\n  @property({ type: Number })\n  maxCollapsedNumberOfRows = 15;\n\n  /**\n   * Specify the maximum number of rows to be shown when in expanded view\n   */\n  @property({ type: Number })\n  maxExpandedNumberOfRows = 0;\n\n  /**\n   * Specify the minimum number of rows to be shown when in collapsed view\n   */\n  @property({ type: Number })\n  minCollapsedNumberOfRows = 3;\n\n  /**\n   * Specify the minimum number of rows to be shown when in expanded view\n   */\n  @property({ type: Number })\n  minExpandedNumberOfRows = 16;\n\n  /**\n   * Specify a string that is displayed when the Code Snippet has been\n   * interacted with to show less lines\n   */\n  @property({ attribute: 'show-less-text' })\n  showLessText = 'Show less';\n\n  /**\n   * Specify a string that is displayed when the Code Snippet text is more\n   * than 15 lines\n   */\n  @property({ attribute: 'show-more-text' })\n  showMoreText = 'Show more';\n\n  /**\n   * Tooltip content for the copy button.\n   */\n  @property({ attribute: 'tooltip-content' })\n  tooltipContent = 'Copy to clipboard';\n\n  /**\n   * `true` if the button should be disabled.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'wrap-text' })\n  wrapText = false;\n\n  /**\n   * The type of code snippet.\n   */\n  @property({ reflect: true })\n  type = CODE_SNIPPET_TYPE.SINGLE;\n\n  connectedCallback() {\n    super.connectedCallback();\n    if (this._hObserveResize) {\n      this._hObserveResize = this._hObserveResize.release();\n    }\n    this._hObserveResize = observeResize(this._resizeObserver, this);\n  }\n\n  disconnectedCallback() {\n    if (this._hObserveResize) {\n      this._hObserveResize = this._hObserveResize.release();\n    }\n  }\n\n  updated() {\n    if (this._expandedCode) {\n      this.setAttribute('expanded-code', '');\n    } else {\n      this.removeAttribute('expanded-code');\n    }\n\n    const { _snippetContainer: container } = this;\n    if (!container) {\n      return;\n    }\n\n    if (this.type === CODE_SNIPPET_TYPE.MULTI) {\n      const {\n        maxExpandedNumberOfRows,\n        minExpandedNumberOfRows,\n        maxCollapsedNumberOfRows,\n        minCollapsedNumberOfRows,\n        _expandedCode: expandedCode,\n        _rowHeightInPixels: rowHeightInPixels,\n      } = this;\n\n      let maxHeight = '';\n      let minHeight = '';\n\n      if (expandedCode) {\n        if (maxExpandedNumberOfRows > 0) {\n          maxHeight = `${maxExpandedNumberOfRows * rowHeightInPixels}px`;\n        }\n        if (minExpandedNumberOfRows > 0) {\n          minHeight = `${minExpandedNumberOfRows * rowHeightInPixels}px`;\n        }\n      } else {\n        if (maxCollapsedNumberOfRows > 0) {\n          maxHeight = `${maxCollapsedNumberOfRows * rowHeightInPixels}px`;\n        }\n        if (minCollapsedNumberOfRows > 0) {\n          minHeight = `${minCollapsedNumberOfRows * rowHeightInPixels}px`;\n        }\n      }\n\n      container.style.maxHeight = maxHeight;\n      container.style.minHeight = minHeight;\n    } else {\n      container.style.maxHeight = '';\n      container.style.minHeight = '';\n    }\n  }\n\n  render() {\n    const {\n      disabled,\n      feedback,\n      feedbackTimeout,\n      hideCopyButton,\n      type,\n      wrapText,\n      tooltipContent,\n      showMoreText,\n      showLessText,\n      _expandedCode: expandedCode,\n      _handleCopyClick: handleCopyClick,\n      _handleScroll: handleScroll,\n      _hasRightOverflow: hasRightOverflow,\n      _hasLeftOverflow: hasLeftOverflow,\n      _shouldShowMoreLessBtn: shouldShowMoreLessBtn,\n    } = this;\n\n    let classes = `${prefix}--snippet`;\n\n    if (type) {\n      classes += ` ${prefix}--snippet--${type}`;\n    }\n\n    if (type !== 'inline' && disabled) {\n      classes += ` ${prefix}--snippet--disabled`;\n    }\n\n    if (hideCopyButton) {\n      classes += ` ${prefix}--snippet--no-copy`;\n    }\n\n    if (wrapText) {\n      classes += ` ${prefix}--snippet--wraptext`;\n    }\n\n    if (type == 'multi' && hasRightOverflow) {\n      classes += ` ${prefix}--snippet--has-right-overflow`;\n    }\n\n    const expandButtonClass = `${prefix}--snippet-btn--expand`;\n\n    const disabledCopyButtonClasses = disabled\n      ? `${prefix}--snippet--disabled`\n      : '';\n\n    const expandCodeBtnText = expandedCode ? showLessText : showMoreText;\n\n    if (type === CODE_SNIPPET_TYPE.INLINE) {\n      // Ensures no extra whitespace text node\n      // prettier-ignore\n      return html`\n        <cds-custom-copy ?disabled=${disabled} button-class-name=\"${classes}\" @click=\"${handleCopyClick}\">\n          <code slot=\"icon\"><slot></slot></code>\n          <span slot=\"tooltip-content\">${tooltipContent}</span>\n        </cds-custom-copy>\n      `;\n    }\n\n    return html`\n      <div\n        role=\"${type === CODE_SNIPPET_TYPE.SINGLE ||\n        type === CODE_SNIPPET_TYPE.MULTI\n          ? 'textbox'\n          : null}\"\n        tabindex=\"${(type === CODE_SNIPPET_TYPE.SINGLE ||\n          type === CODE_SNIPPET_TYPE.MULTI) &&\n        !disabled\n          ? 0\n          : null}\"\n        class=\"${prefix}--snippet-container\"\n        aria-label=\"${'code-snippet'}\"\n        aria-readonly=\"${type === CODE_SNIPPET_TYPE.SINGLE ||\n        type === CODE_SNIPPET_TYPE.MULTI\n          ? true\n          : null}\"\n        aria-multiline=\"${type === CODE_SNIPPET_TYPE.MULTI ? true : null}\"\n        @scroll=\"${(type === CODE_SNIPPET_TYPE.SINGLE && handleScroll) ||\n        null}\">\n        <pre\n          @scroll=\"${(type === CODE_SNIPPET_TYPE.MULTI && handleScroll) ||\n          null}\"><code><slot></slot></code></pre>\n      </div>\n\n      ${hasLeftOverflow\n        ? html`\n            <div class=\"${prefix}--snippet__overflow-indicator--left\"></div>\n          `\n        : ``}\n      ${hasRightOverflow && type !== CODE_SNIPPET_TYPE.MULTI\n        ? html`\n            <div class=\"${prefix}--snippet__overflow-indicator--right\"></div>\n          `\n        : ``}\n      ${hideCopyButton\n        ? ``\n        : html`\n            <cds-custom-copy-button\n              ?disabled=${disabled}\n              button-class-name=${disabledCopyButtonClasses}\n              feedback=${feedback}\n              feedback-timeout=${feedbackTimeout}\n              @click=\"${handleCopyClick}\">\n              ${tooltipContent}\n            </cds-custom-copy-button>\n          `}\n      ${shouldShowMoreLessBtn\n        ? html`\n            <cds-custom-button\n              kind=\"ghost\"\n              size=\"sm\"\n              button-class-name=${expandButtonClass}\n              ?disabled=${disabled}\n              @click=${() => this._handleClickExpanded()}>\n              <span class=\"${prefix}--snippet-btn--text\">\n                ${expandCodeBtnText}\n              </span>\n              ${iconLoader(ChevronDown16, {\n                class: `${prefix}--icon-chevron--down ${prefix}--snippet__icon`,\n                role: 'img',\n                slot: 'icon',\n              })}\n            </cds-custom-button>\n          `\n        : ``}\n    `;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSCodeSnippet;\n"],"mappings":"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"}