@carbon/web-components 2.52.0 → 2.53.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 { 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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"}