@carbon/web-components 2.57.0 → 2.58.0

package/es/components/chat-button/chat-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-button.js","names":["buttonStyles","styles","customElement"],"sources":["../../../src/components/chat-button/chat-button.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { adoptStyles, html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport '../button/button';\nimport { CHAT_BUTTON_SIZE, CHAT_BUTTON_KIND } from './defs';\nimport buttonStyles from '../button/button.scss?lit';\nimport styles from './chat-button.scss?lit';\n\nexport { CHAT_BUTTON_SIZE, CHAT_BUTTON_KIND };\n\n/**\n * Chat Button\n *\n * @element cds-chat-button\n *\n */\n@customElement(`${prefix}-chat-button`)\nclass CDSChatButton extends LitElement {\n  /**\n   * `true` if there is an icon.\n   */\n  private _hasIcon = false;\n\n  /**\n   * Handles `slotchange` event.\n   */\n  private _handleSlotChange({ target }: Event) {\n    this._hasIcon = (target as HTMLSlotElement).assignedNodes().some(\n      (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim() // eslint-disable-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n    );\n    this.requestUpdate();\n  }\n\n  /**\n   * `true` if the button should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   *  Specify whether the `ChatButton` should be disabled\n   */\n  @property({ reflect: true })\n  kind = CHAT_BUTTON_KIND.PRIMARY;\n\n  /**\n   * Chat button size.\n   */\n  @property({ reflect: true })\n  size = CHAT_BUTTON_SIZE.LARGE;\n\n  /**\n   * Specify whether the `ChatButton` should be rendered as a quick action button\n   */\n  @property({ attribute: 'is-quick-action', type: Boolean })\n  isQuickAction = false;\n\n  /**\n   * Specify whether the quick action `ChatButton` should be rendered as selected. This disables the input\n   */\n  @property({ attribute: 'is-selected', type: Boolean })\n  isSelected = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    adoptStyles(this.renderRoot as ShadowRoot, [buttonStyles, styles]);\n  }\n\n  render() {\n    const allowedSizes = [\n      CHAT_BUTTON_SIZE.SMALL,\n      CHAT_BUTTON_SIZE.MEDIUM,\n      CHAT_BUTTON_SIZE.LARGE,\n    ];\n\n    if (this.isQuickAction) {\n      this.kind = CHAT_BUTTON_KIND.GHOST;\n      this.size = CHAT_BUTTON_SIZE.SMALL;\n    } else {\n      // Do not allow size larger than `lg`\n      this.size = allowedSizes.includes(this.size)\n        ? this.size\n        : CHAT_BUTTON_SIZE.LARGE;\n    }\n\n    let classes = `${prefix}--chat-btn`;\n    classes += this._hasIcon ? ` ${prefix}--chat-btn--with-icon` : '';\n    classes += this.isQuickAction ? ` ${prefix}--chat-btn--quick-action` : '';\n    classes += this.isSelected\n      ? ` ${prefix}--chat-btn--quick-action--selected`\n      : '';\n\n    return html`\n      <cds-button\n        button-class-name=\"${classes}\"\n        size=\"${this.size}\"\n        kind=\"${this.kind}\"\n        ?disabled=\"${this.disabled}\">\n        <slot></slot\n        ><slot\n          name=\"icon\"\n          slot=\"icon\"\n          @slotchange=\"${this._handleSlotChange}\"></slot>\n      </cds-button>\n    `;\n  }\n}\n\nexport default CDSChatButton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,IAAA,gBAAA,MACM,sBAAsB,WAAW;;;kBAIlB;kBAgBR;;;uBAkBK;oBAMH;;;;;CAnCb,kBAA0B,EAAE,UAAiB;AAC3C,OAAK,WAAY,OAA2B,eAAe,CAAC,MACzD,SAAS,KAAK,aAAa,KAAK,aAAa,KAAM,YAAa,MAAM,CACxE;AACD,OAAK,eAAe;;CAiCtB,oBAAoB;AAClB,QAAM,mBAAmB;AAEzB,cAAY,KAAK,YAA0B,CAACA,gBAAcC,sBAAO,CAAC;;CAGpE,SAAS;EACP,MAAM,eAAe;;;;GAIpB;AAED,MAAI,KAAK,eAAe;AACtB,QAAK,OAAA;AACL,QAAK,OAAA;QAGL,MAAK,OAAO,aAAa,SAAS,KAAK,KAAK,GACxC,KAAK,OAAA;EAIX,IAAI,UAAU;AACd,aAAW,KAAK,WAAW,8BAAoC;AAC/D,aAAW,KAAK,gBAAgB,iCAAuC;AACvE,aAAW,KAAK,aACZ,2CACA;AAEJ,SAAO,IAAI;;6BAEc,QAAQ;gBACrB,KAAK,KAAK;gBACV,KAAK,KAAK;qBACL,KAAK,SAAS;;;;;yBAKV,KAAK,kBAAkB;;;;;YAnE7C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,cAAA,WAAA,YAAA,KAAA,EAAA;YAM1C,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,cAAA,WAAA,QAAA,KAAA,EAAA;YAM3B,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,cAAA,WAAA,QAAA,KAAA,EAAA;YAM3B,SAAS;CAAE,WAAW;CAAmB,MAAM;CAAS,CAAC,CAAA,EAAA,cAAA,WAAA,iBAAA,KAAA,EAAA;YAMzD,SAAS;CAAE,WAAW;CAAe,MAAM;CAAS,CAAC,CAAA,EAAA,cAAA,WAAA,cAAA,KAAA,EAAA;4BA5CvDC,cAAc,kBAAwB,CAAA,EAAA,cAAA;AA6FvC,IAAA,sBAAe"}
+{"version":3,"file":"chat-button.js","names":["buttonStyles","styles","customElement"],"sources":["../../../src/components/chat-button/chat-button.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { adoptStyles, html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport '../button/button';\nimport { CHAT_BUTTON_SIZE, CHAT_BUTTON_KIND } from './defs';\nimport buttonStyles from '../button/button.scss?lit';\nimport styles from './chat-button.scss?lit';\n\nexport { CHAT_BUTTON_SIZE, CHAT_BUTTON_KIND };\n\n/**\n * Chat Button\n *\n * @element cds-chat-button\n *\n */\n@customElement(`${prefix}-chat-button`)\nclass CDSChatButton extends LitElement {\n  /**\n   * `true` if there is an icon.\n   */\n  private _hasIcon = false;\n\n  /**\n   * Handles `slotchange` event.\n   */\n  private _handleSlotChange({ target }: Event) {\n    this._hasIcon = (target as HTMLSlotElement).assignedNodes().some(\n      (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim() // eslint-disable-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n    );\n    this.requestUpdate();\n  }\n\n  /**\n   * `true` if the button should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   *  Specify whether the `ChatButton` should be disabled\n   */\n  @property({ reflect: true })\n  kind = CHAT_BUTTON_KIND.PRIMARY;\n\n  /**\n   * Chat button size.\n   */\n  @property({ reflect: true })\n  size = CHAT_BUTTON_SIZE.LARGE;\n\n  /**\n   * Specify whether the `ChatButton` should be rendered as a quick action button\n   */\n  @property({ attribute: 'is-quick-action', type: Boolean })\n  isQuickAction = false;\n\n  /**\n   * Specify whether the quick action `ChatButton` should be rendered as selected. This disables the input\n   */\n  @property({ attribute: 'is-selected', type: Boolean })\n  isSelected = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    adoptStyles(this.renderRoot as ShadowRoot, [buttonStyles, styles]);\n  }\n\n  render() {\n    const allowedSizes = [\n      CHAT_BUTTON_SIZE.SMALL,\n      CHAT_BUTTON_SIZE.MEDIUM,\n      CHAT_BUTTON_SIZE.LARGE,\n    ];\n\n    if (this.isQuickAction) {\n      this.kind = CHAT_BUTTON_KIND.GHOST;\n      this.size = CHAT_BUTTON_SIZE.SMALL;\n    } else {\n      // Do not allow size larger than `lg`\n      this.size = allowedSizes.includes(this.size)\n        ? this.size\n        : CHAT_BUTTON_SIZE.LARGE;\n    }\n\n    let classes = `${prefix}--chat-btn`;\n    classes += this._hasIcon ? ` ${prefix}--chat-btn--with-icon` : '';\n    classes += this.isQuickAction ? ` ${prefix}--chat-btn--quick-action` : '';\n    classes += this.isSelected\n      ? ` ${prefix}--chat-btn--quick-action--selected`\n      : '';\n\n    return html`\n      <cds-button\n        button-class-name=\"${classes}\"\n        size=\"${this.size}\"\n        kind=\"${this.kind}\"\n        ?disabled=\"${this.disabled}\">\n        <slot></slot\n        ><slot\n          name=\"icon\"\n          slot=\"icon\"\n          @slotchange=\"${this._handleSlotChange}\"></slot>\n      </cds-button>\n    `;\n  }\n}\n\nexport default CDSChatButton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,IAAA,gBAAA,MACM,sBAAsB,WAAW;;;kBAIlB;kBAgBR;;;uBAkBK;oBAMH;;;;;CAnCb,kBAA0B,EAAE,UAAiB;EAC3C,KAAK,WAAY,OAA2B,cAAc,CAAC,CAAC,MACzD,SAAS,KAAK,aAAa,KAAK,aAAa,KAAM,YAAa,KAAK,CACxE;EACA,KAAK,cAAc;CACrB;CAgCA,oBAAoB;EAClB,MAAM,kBAAkB;EAExB,YAAY,KAAK,YAA0B,CAACA,gBAAcC,qBAAM,CAAC;CACnE;CAEA,SAAS;EACP,MAAM,eAAe;;;;EAIrB;EAEA,IAAI,KAAK,eAAe;GACtB,KAAK,OAAA;GACL,KAAK,OAAA;EACP,OAEE,KAAK,OAAO,aAAa,SAAS,KAAK,IAAI,IACvC,KAAK,OAAA;EAIX,IAAI,UAAU;EACd,WAAW,KAAK,WAAW,8BAAoC;EAC/D,WAAW,KAAK,gBAAgB,iCAAuC;EACvE,WAAW,KAAK,aACZ,2CACA;EAEJ,OAAO,IAAI;;6BAEc,QAAQ;gBACrB,KAAK,KAAK;gBACV,KAAK,KAAK;qBACL,KAAK,SAAS;;;;;yBAKV,KAAK,kBAAkB;;;CAG9C;AACF;YAvEG,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,cAAA,WAAA,YAAA,KAAA,CAAA;YAMzC,SAAS,EAAE,SAAS,KAAK,CAAC,CAAA,GAAA,cAAA,WAAA,QAAA,KAAA,CAAA;YAM1B,SAAS,EAAE,SAAS,KAAK,CAAC,CAAA,GAAA,cAAA,WAAA,QAAA,KAAA,CAAA;YAM1B,SAAS;CAAE,WAAW;CAAmB,MAAM;AAAQ,CAAC,CAAA,GAAA,cAAA,WAAA,iBAAA,KAAA,CAAA;YAMxD,SAAS;CAAE,WAAW;CAAe,MAAM;AAAQ,CAAC,CAAA,GAAA,cAAA,WAAA,cAAA,KAAA,CAAA;4BA5CtDC,cAAc,iBAAuB,CAAA,GAAA,aAAA;AA6FtC,IAAA,sBAAe"}

package/es/components/chat-button/defs.js.map

@@ -1 +1 @@
-{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/chat-button/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2024\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/**\n * Chat Button size.\n */\nexport enum CHAT_BUTTON_SIZE {\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Medium size.\n   */\n  MEDIUM = 'md',\n\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n}\n\n/**\n * Chat button kind.\n */\nexport enum CHAT_BUTTON_KIND {\n  /**\n   * Primary button.\n   */\n  PRIMARY = 'primary',\n\n  /**\n   * Secondary button.\n   */\n  SECONDARY = 'secondary',\n\n  /**\n   * Tertiary button.\n   */\n  TERTIARY = 'tertiary',\n\n  /**\n   * Ghost button.\n   */\n  GHOST = 'ghost',\n\n  /**\n   * Danger button.\n   */\n  DANGER = 'danger',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,mBAAL,yBAAA,kBAAA;;;;AAIL,kBAAA,WAAA;;;;AAKA,kBAAA,YAAA;;;;AAKA,kBAAA,WAAA;;KACD;;;;AAKD,IAAY,mBAAL,yBAAA,kBAAA;;;;AAIL,kBAAA,aAAA;;;;AAKA,kBAAA,eAAA;;;;AAKA,kBAAA,cAAA;;;;AAKA,kBAAA,WAAA;;;;AAKA,kBAAA,YAAA;;KACD"}
+{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/chat-button/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2024\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/**\n * Chat Button size.\n */\nexport enum CHAT_BUTTON_SIZE {\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Medium size.\n   */\n  MEDIUM = 'md',\n\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n}\n\n/**\n * Chat button kind.\n */\nexport enum CHAT_BUTTON_KIND {\n  /**\n   * Primary button.\n   */\n  PRIMARY = 'primary',\n\n  /**\n   * Secondary button.\n   */\n  SECONDARY = 'secondary',\n\n  /**\n   * Tertiary button.\n   */\n  TERTIARY = 'tertiary',\n\n  /**\n   * Ghost button.\n   */\n  GHOST = 'ghost',\n\n  /**\n   * Danger button.\n   */\n  DANGER = 'danger',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,mBAAL,yBAAA,kBAAA;;;;CAIL,iBAAA,WAAA;;;;CAKA,iBAAA,YAAA;;;;CAKA,iBAAA,WAAA;;AACF,EAAA,CAAA,CAAA;;;;AAKA,IAAY,mBAAL,yBAAA,kBAAA;;;;CAIL,iBAAA,aAAA;;;;CAKA,iBAAA,eAAA;;;;CAKA,iBAAA,cAAA;;;;CAKA,iBAAA,WAAA;;;;CAKA,iBAAA,YAAA;;AACF,EAAA,CAAA,CAAA"}

package/es/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.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.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/components/checkbox/checkbox-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-group.js","names":["styles","customElement"],"sources":["../../../src/components/checkbox/checkbox-group.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\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport WarningFilled16 from '@carbon/icons/es/warning--filled/16.js';\nimport WarningAltFilled16 from '@carbon/icons/es/warning--alt--filled/16.js';\nimport CDSCheckbox from './checkbox';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport styles from './checkbox.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { CHECKBOX_ORIENTATION } from './defs';\n\nexport { CHECKBOX_ORIENTATION };\n/**\n * Check box.\n *\n * @element cds-checkbox-group\n */\n@customElement(`${prefix}-checkbox-group`)\nclass CDSCheckboxGroup extends LitElement {\n  /**\n   * fieldset `aria-labelledby`\n   */\n  @property({ type: String, reflect: true, attribute: 'aria-labelledby' })\n  ariaLabelledBy;\n\n  /**\n   * Specify whether the form group is currently disabled\n   */\n  @property({ type: Boolean })\n  disabled;\n\n  /**\n   * Provide text for the form group for additional help\n   */\n  @property({ type: String, reflect: true, attribute: 'helper-text' })\n  helperText;\n\n  /**\n   * Specify whether the form group is currently invalid\n   */\n  @property({ type: Boolean, attribute: 'invalid' })\n  invalid;\n\n  /**\n   * Provide the text that is displayed when the form group is in an invalid state\n   */\n  @property({ type: String, reflect: true, attribute: 'invalid-text' })\n  invalidText;\n\n  /**\n   * Provide id for the fieldset <legend> which corresponds to the fieldset\n   * `aria-labelledby`\n   */\n  @property({ type: String, reflect: true, attribute: 'legend-id' })\n  legendId;\n\n  /**\n   * Provide the text to be rendered inside of the fieldset <legend>\n   */\n  @property({ type: String, reflect: true, attribute: 'legend-text' })\n  legendText;\n\n  /**\n   * Provide the orientation for how the checkbox should be displayed\n   */\n  @property({ type: String, reflect: true, attribute: 'orientation' })\n  orientation = CHECKBOX_ORIENTATION.VERTICAL;\n\n  /**\n   * Whether the CheckboxGroup should be read-only\n   */\n  @property({ type: Boolean, reflect: true })\n  readonly = false;\n\n  /**\n   * Specify whether the form group is currently in warning state\n   */\n  @property({ type: Boolean, reflect: true })\n  warn = false;\n\n  /**\n   * Provide the text that is displayed when the form group is in warning state\n   */\n  @property({ type: String, reflect: true, attribute: 'warn-text' })\n  warnText = '';\n\n  /*\n   * Handles `slotchange` event.\n   */\n  protected _handleSlotChange({ target }: Event) {\n    const hasContent = (target as HTMLSlotElement)\n      .assignedNodes()\n      .filter((elem) =>\n        (elem as HTMLElement).matches !== undefined\n          ? (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSCheckboxGroup).aiLabelItem\n            ) ||\n            // remove slug reference in v12\n            (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSCheckboxGroup).slugItem\n            )\n          : false\n      );\n\n    this._hasAILabel = Boolean(hasContent);\n    (hasContent[0] as HTMLElement).setAttribute('size', 'mini');\n    this.requestUpdate();\n  }\n\n  /**\n   * `true` if there is an AI Label.\n   */\n  protected _hasAILabel = false;\n\n  updated(changedProperties) {\n    const { selectorCheckbox } = this.constructor as typeof CDSCheckboxGroup;\n    const checkboxes = this.querySelectorAll(selectorCheckbox);\n    ['disabled', 'readonly', 'orientation'].forEach((name) => {\n      if (changedProperties.has(name)) {\n        const { [name as keyof CDSCheckboxGroup]: value } = this;\n        // Propagate the property to descendants until `:host-context()` gets supported in all major browsers\n        checkboxes.forEach((elem) => {\n          (elem as CDSCheckbox)[name] = value;\n        });\n      }\n    });\n    if (\n      changedProperties.has('invalid') ||\n      changedProperties.has('disabled') ||\n      changedProperties.has('readonly')\n    ) {\n      const { invalid, disabled, readonly } = this;\n      const hasInvalidState = invalid && !disabled && !readonly;\n      checkboxes.forEach((elem) => {\n        if (hasInvalidState) {\n          (elem as CDSCheckbox).setAttribute('invalid-group', '');\n        } else {\n          (elem as CDSCheckbox).removeAttribute('invalid-group');\n        }\n      });\n    }\n  }\n\n  render() {\n    const {\n      ariaLabelledBy,\n      disabled,\n      helperText,\n      invalid,\n      invalidText,\n      legendId,\n      legendText,\n      orientation,\n      readonly,\n      warn,\n      warnText,\n      _hasAILabel: hasAILabel,\n      _handleSlotChange: handleSlotChange,\n    } = this;\n\n    const normalizedProps: {\n      invalid: boolean;\n      warn: boolean;\n    } = {\n      invalid: !readonly && !disabled && invalid,\n      warn: !readonly && !invalid && !disabled && warn,\n    };\n    const showHelper = !normalizedProps.invalid && !normalizedProps.warn;\n\n    const checkboxGroupInstanceId = Math.random().toString(16).slice(2);\n\n    const helperId = !helperText\n      ? undefined\n      : `checkbox-group-helper-text-${checkboxGroupInstanceId}`;\n\n    const helper = helperText\n      ? html` <div id=\"${helperId}\" class=\"${prefix}--form__helper-text\">\n          ${helperText}\n        </div>`\n      : null;\n\n    const fieldsetClasses = classMap({\n      [`${prefix}--checkbox-group`]: true,\n      [`${prefix}--checkbox-group--readonly`]: readonly,\n      [`${prefix}--checkbox-group--invalid`]: normalizedProps.invalid,\n      [`${prefix}--checkbox-group--warning`]: normalizedProps.warn,\n      [`${prefix}--checkbox-group--slug`]: hasAILabel,\n      [`${prefix}--checkbox-group--${orientation}`]:\n        orientation === 'horizontal',\n    });\n\n    return html`\n      <fieldset\n        class=\"${fieldsetClasses}\"\n        ?data-invalid=${normalizedProps.invalid}\n        ?disabled=${disabled}\n        aria-disabled=${readonly || disabled}\n        ?aria-labelledby=${ariaLabelledBy || legendId}\n        ?aria-describedby=${!normalizedProps.invalid &&\n        !normalizedProps.warn &&\n        helper\n          ? helperId\n          : undefined}\n        orientation=${orientation}>\n        <legend class=\"${prefix}--label\" id=${legendId || ariaLabelledBy}>\n          ${legendText}\n          <slot name=\"ai-label\" @slotchange=\"${handleSlotChange}\"></slot>\n          <slot name=\"decorator\" @slotchange=\"${handleSlotChange}\"></slot>\n          <slot name=\"slug\" @slotchange=\"${handleSlotChange}\"></slot>\n        </legend>\n        <slot></slot>\n        <div class=\"${prefix}--checkbox-group__validation-msg\">\n          ${normalizedProps.invalid\n            ? html`\n                ${iconLoader(WarningFilled16, {\n                  class: `${prefix}--checkbox__invalid-icon`,\n                })}\n                <div class=\"${prefix}--form-requirement\">${invalidText}</div>\n              `\n            : null}\n          ${normalizedProps.warn\n            ? html`\n                ${iconLoader(WarningAltFilled16, {\n                  class: `${prefix}--checkbox__invalid-icon ${prefix}--checkbox__invalid-icon--warning`,\n                })}\n                <div class=\"${prefix}--form-requirement\">${warnText}</div>\n              `\n            : null}\n        </div>\n        ${showHelper ? helper : null}\n      </fieldset>\n    `;\n  }\n\n  /**\n   * A selector that will return the checkboxes.\n   */\n  static get selectorCheckbox() {\n    return `${prefix}-checkbox`;\n  }\n\n  /**\n   * A selector that will return the slug item.\n   *\n   * remove in v12\n   */\n  static get slugItem() {\n    return `${prefix}-slug`;\n  }\n\n  /**\n   * A selector that will return the AI Label item.\n   */\n  static get aiLabelItem() {\n    return `${prefix}-ai-label`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSCheckboxGroup;\n"],"mappings":"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"}
+{"version":3,"file":"checkbox-group.js","names":["styles","customElement"],"sources":["../../../src/components/checkbox/checkbox-group.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\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport WarningFilled16 from '@carbon/icons/es/warning--filled/16.js';\nimport WarningAltFilled16 from '@carbon/icons/es/warning--alt--filled/16.js';\nimport CDSCheckbox from './checkbox';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport styles from './checkbox.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { CHECKBOX_ORIENTATION } from './defs';\n\nexport { CHECKBOX_ORIENTATION };\n/**\n * Check box.\n *\n * @element cds-checkbox-group\n */\n@customElement(`${prefix}-checkbox-group`)\nclass CDSCheckboxGroup extends LitElement {\n  /**\n   * fieldset `aria-labelledby`\n   */\n  @property({ type: String, reflect: true, attribute: 'aria-labelledby' })\n  ariaLabelledBy;\n\n  /**\n   * Specify whether the form group is currently disabled\n   */\n  @property({ type: Boolean })\n  disabled;\n\n  /**\n   * Provide text for the form group for additional help\n   */\n  @property({ type: String, reflect: true, attribute: 'helper-text' })\n  helperText;\n\n  /**\n   * Specify whether the form group is currently invalid\n   */\n  @property({ type: Boolean, attribute: 'invalid' })\n  invalid;\n\n  /**\n   * Provide the text that is displayed when the form group is in an invalid state\n   */\n  @property({ type: String, reflect: true, attribute: 'invalid-text' })\n  invalidText;\n\n  /**\n   * Provide id for the fieldset <legend> which corresponds to the fieldset\n   * `aria-labelledby`\n   */\n  @property({ type: String, reflect: true, attribute: 'legend-id' })\n  legendId;\n\n  /**\n   * Provide the text to be rendered inside of the fieldset <legend>\n   */\n  @property({ type: String, reflect: true, attribute: 'legend-text' })\n  legendText;\n\n  /**\n   * Provide the orientation for how the checkbox should be displayed\n   */\n  @property({ type: String, reflect: true, attribute: 'orientation' })\n  orientation = CHECKBOX_ORIENTATION.VERTICAL;\n\n  /**\n   * Whether the CheckboxGroup should be read-only\n   */\n  @property({ type: Boolean, reflect: true })\n  readonly = false;\n\n  /**\n   * Specify whether the form group is currently in warning state\n   */\n  @property({ type: Boolean, reflect: true })\n  warn = false;\n\n  /**\n   * Provide the text that is displayed when the form group is in warning state\n   */\n  @property({ type: String, reflect: true, attribute: 'warn-text' })\n  warnText = '';\n\n  /*\n   * Handles `slotchange` event.\n   */\n  protected _handleSlotChange({ target }: Event) {\n    const hasContent = (target as HTMLSlotElement)\n      .assignedNodes()\n      .filter((elem) =>\n        (elem as HTMLElement).matches !== undefined\n          ? (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSCheckboxGroup).aiLabelItem\n            ) ||\n            // remove slug reference in v12\n            (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSCheckboxGroup).slugItem\n            )\n          : false\n      );\n\n    this._hasAILabel = Boolean(hasContent);\n    (hasContent[0] as HTMLElement).setAttribute('size', 'mini');\n    this.requestUpdate();\n  }\n\n  /**\n   * `true` if there is an AI Label.\n   */\n  protected _hasAILabel = false;\n\n  updated(changedProperties) {\n    const { selectorCheckbox } = this.constructor as typeof CDSCheckboxGroup;\n    const checkboxes = this.querySelectorAll(selectorCheckbox);\n    ['disabled', 'readonly', 'orientation'].forEach((name) => {\n      if (changedProperties.has(name)) {\n        const { [name as keyof CDSCheckboxGroup]: value } = this;\n        // Propagate the property to descendants until `:host-context()` gets supported in all major browsers\n        checkboxes.forEach((elem) => {\n          (elem as CDSCheckbox)[name] = value;\n        });\n      }\n    });\n    if (\n      changedProperties.has('invalid') ||\n      changedProperties.has('disabled') ||\n      changedProperties.has('readonly')\n    ) {\n      const { invalid, disabled, readonly } = this;\n      const hasInvalidState = invalid && !disabled && !readonly;\n      checkboxes.forEach((elem) => {\n        if (hasInvalidState) {\n          (elem as CDSCheckbox).setAttribute('invalid-group', '');\n        } else {\n          (elem as CDSCheckbox).removeAttribute('invalid-group');\n        }\n      });\n    }\n  }\n\n  render() {\n    const {\n      ariaLabelledBy,\n      disabled,\n      helperText,\n      invalid,\n      invalidText,\n      legendId,\n      legendText,\n      orientation,\n      readonly,\n      warn,\n      warnText,\n      _hasAILabel: hasAILabel,\n      _handleSlotChange: handleSlotChange,\n    } = this;\n\n    const normalizedProps: {\n      invalid: boolean;\n      warn: boolean;\n    } = {\n      invalid: !readonly && !disabled && invalid,\n      warn: !readonly && !invalid && !disabled && warn,\n    };\n    const showHelper = !normalizedProps.invalid && !normalizedProps.warn;\n\n    const checkboxGroupInstanceId = Math.random().toString(16).slice(2);\n\n    const helperId = !helperText\n      ? undefined\n      : `checkbox-group-helper-text-${checkboxGroupInstanceId}`;\n\n    const helper = helperText\n      ? html` <div id=\"${helperId}\" class=\"${prefix}--form__helper-text\">\n          ${helperText}\n        </div>`\n      : null;\n\n    const fieldsetClasses = classMap({\n      [`${prefix}--checkbox-group`]: true,\n      [`${prefix}--checkbox-group--readonly`]: readonly,\n      [`${prefix}--checkbox-group--invalid`]: normalizedProps.invalid,\n      [`${prefix}--checkbox-group--warning`]: normalizedProps.warn,\n      [`${prefix}--checkbox-group--slug`]: hasAILabel,\n      [`${prefix}--checkbox-group--${orientation}`]:\n        orientation === 'horizontal',\n    });\n\n    return html`\n      <fieldset\n        class=\"${fieldsetClasses}\"\n        ?data-invalid=${normalizedProps.invalid}\n        ?disabled=${disabled}\n        aria-disabled=${readonly || disabled}\n        ?aria-labelledby=${ariaLabelledBy || legendId}\n        ?aria-describedby=${!normalizedProps.invalid &&\n        !normalizedProps.warn &&\n        helper\n          ? helperId\n          : undefined}\n        orientation=${orientation}>\n        <legend class=\"${prefix}--label\" id=${legendId || ariaLabelledBy}>\n          ${legendText}\n          <slot name=\"ai-label\" @slotchange=\"${handleSlotChange}\"></slot>\n          <slot name=\"decorator\" @slotchange=\"${handleSlotChange}\"></slot>\n          <slot name=\"slug\" @slotchange=\"${handleSlotChange}\"></slot>\n        </legend>\n        <slot></slot>\n        <div class=\"${prefix}--checkbox-group__validation-msg\">\n          ${normalizedProps.invalid\n            ? html`\n                ${iconLoader(WarningFilled16, {\n                  class: `${prefix}--checkbox__invalid-icon`,\n                })}\n                <div class=\"${prefix}--form-requirement\">${invalidText}</div>\n              `\n            : null}\n          ${normalizedProps.warn\n            ? html`\n                ${iconLoader(WarningAltFilled16, {\n                  class: `${prefix}--checkbox__invalid-icon ${prefix}--checkbox__invalid-icon--warning`,\n                })}\n                <div class=\"${prefix}--form-requirement\">${warnText}</div>\n              `\n            : null}\n        </div>\n        ${showHelper ? helper : null}\n      </fieldset>\n    `;\n  }\n\n  /**\n   * A selector that will return the checkboxes.\n   */\n  static get selectorCheckbox() {\n    return `${prefix}-checkbox`;\n  }\n\n  /**\n   * A selector that will return the slug item.\n   *\n   * remove in v12\n   */\n  static get slugItem() {\n    return `${prefix}-slug`;\n  }\n\n  /**\n   * A selector that will return the AI Label item.\n   */\n  static get aiLabelItem() {\n    return `${prefix}-ai-label`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSCheckboxGroup;\n"],"mappings":"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"}

package/es/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.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.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/components/checkbox/checkbox-skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/checkbox/checkbox-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './checkbox.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of number input.\n */\n@customElement(`${prefix}-checkbox-skeleton`)\nclass CDSCheckboxSkeleton extends LitElement {\n  render() {\n    return html`\n      <label class=\"${prefix}--checkbox-label\" for=\"checkbox\" part=\"label\">\n        <span class=\"${prefix}--checkbox-label-text ${prefix}--skeleton\"\n          ><slot></slot\n        ></span>\n      </label>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSCheckboxSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAeA,IAAA,sBAAA,MACM,4BAA4B,WAAW;CAC3C,SAAS;AACP,SAAO,IAAI;4BACc;6BACC,wBAAA,MAA+B;;;;;;;gBAO3CA;;;kCAZjBC,cAAc,wBAA8B,CAAA,EAAA,oBAAA;AAe7C,IAAA,4BAAe"}
+{"version":3,"file":"checkbox-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/checkbox/checkbox-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './checkbox.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of number input.\n */\n@customElement(`${prefix}-checkbox-skeleton`)\nclass CDSCheckboxSkeleton extends LitElement {\n  render() {\n    return html`\n      <label class=\"${prefix}--checkbox-label\" for=\"checkbox\" part=\"label\">\n        <span class=\"${prefix}--checkbox-label-text ${prefix}--skeleton\"\n          ><slot></slot\n        ></span>\n      </label>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSCheckboxSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAeA,IAAA,sBAAA,MACM,4BAA4B,WAAW;CAC3C,SAAS;EACP,OAAO,IAAI;4BACc;6BACC,wBAAA,MAA+B;;;;;CAK3D;;gBAEgBA;;AAClB;kCAbCC,cAAc,uBAA6B,CAAA,GAAA,mBAAA;AAe5C,IAAA,4BAAe"}

package/es/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.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.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/components/checkbox/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","names":["styles","customElement"],"sources":["../../../src/components/checkbox/checkbox.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\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport FormMixin from '../../globals/mixins/form';\nimport styles from './checkbox.scss?lit';\nimport WarningFilled16 from '@carbon/icons/es/warning--filled/16.js';\nimport WarningAltFilled16 from '@carbon/icons/es/warning--alt--filled/16.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\n/**\n * Check box.\n *\n * @element cds-checkbox\n * @fires cds-checkbox-changed - The custom event fired after this changebox changes its checked state.\n * @csspart input The checkbox.\n * @csspart label The label.\n */\n@customElement(`${prefix}-checkbox`)\nclass CDSCheckbox extends FocusMixin(FormMixin(LitElement)) {\n  @query('input')\n  protected _checkboxNode!: HTMLInputElement;\n\n  /**\n   * Handles `click` event on the `<input>` in the shadow DOM.\n   */\n  protected _handleChange() {\n    const { checked, indeterminate } = this._checkboxNode;\n    this.checked = checked;\n    this.indeterminate = indeterminate;\n    const { eventChange } = this.constructor as typeof CDSCheckbox;\n    this.dispatchEvent(\n      new CustomEvent(eventChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          checked,\n          indeterminate,\n        },\n      })\n    );\n  }\n\n  /**\n   * Prevent checkbox state from updating when readonly\n   */\n  private _handleClick(event: MouseEvent) {\n    if (this.readonly) {\n      event.preventDefault();\n    }\n  }\n\n  _handleFormdata(event: FormDataEvent) {\n    const { formData } = event;\n    const { checked, disabled, name, value = 'on' } = this;\n    if (!disabled && checked) {\n      formData.append(name, value);\n    }\n  }\n\n  /**\n   * Specify whether the underlying input should be checked\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'checked' })\n  checked = false;\n\n  /**\n   * Specify if checkbox is being used in a data table\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'data-table' })\n  dataTable = false;\n\n  /**\n   * Specify whether the Checkbox should be disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Provide text for the form group for additional help\n   */\n  @property({ type: String, reflect: true, attribute: 'helper-text' })\n  helperText;\n\n  /**\n   * Specify whether the checkbox should be present in the DOM,\n   * but invisible and uninteractable. Used for data-table purposes.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-checkbox' })\n  hideCheckbox = false;\n\n  /**\n   * Specify whether the label should be hidden, or not\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n  hideLabel = false;\n\n  /**\n   * Specify a custom id for the checkbox\n   */\n  @property({ reflect: true })\n  id = 'checkbox';\n\n  /**\n   * Specify whether the Checkbox is in an indeterminate state\n   */\n  @property({ type: Boolean, reflect: true })\n  indeterminate = false;\n\n  /**\n   * Provide a label to provide a description of the Checkbox input that you are\n   * exposing to the user\n   */\n  @property({ attribute: 'label-text' })\n  labelText = '';\n\n  /**\n   * The form name.\n   */\n  @property()\n  name!: string;\n\n  /**\n   * Specify whether the Checkbox is read-only\n   */\n  @property({ type: Boolean, reflect: true })\n  readonly = false;\n\n  /**\n   * Specify whether the Checkbox is currently invalid\n   */\n  @property({ type: Boolean, reflect: true })\n  invalid = false;\n\n  /**\n   * Provide the text that is displayed when the Checkbox is in an invalid state\n   */\n  @property({ type: String, attribute: 'invalid-text' })\n  invalidText;\n\n  /**\n   * Specify a title for the node for the Checkbox\n   */\n  @property({ attribute: 'title' })\n  title = '';\n\n  /**\n   * The value.\n   */\n  @property()\n  value!: string;\n\n  /**\n   * Specify whether the Checkbox is in a warning state.\n   */\n  @property({ type: Boolean, reflect: true })\n  warn = false;\n\n  /**\n   * Provide the text displayed when the Checkbox is in a warning state.\n   */\n  @property({ type: String, attribute: 'warn-text' })\n  warnText = false;\n\n  /**\n   * Specify whether the underlying input should be checked by default\n   */\n  @property({ type: Boolean, attribute: 'default-checked' })\n  defaultChecked;\n\n  /**\n   * Handles `slotchange` event.\n   */\n  protected _handleSlotChange({ target }: Event) {\n    const hasContent = (target as HTMLSlotElement)\n      .assignedNodes()\n      .filter((elem) =>\n        (elem as HTMLElement).matches !== undefined\n          ? (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSCheckbox).aiLabelItem\n            ) ||\n            // remove slug reference in v12\n            (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSCheckbox).slugItem\n            )\n          : false\n      );\n\n    this._hasAILabel = Boolean(hasContent);\n    const type = (hasContent[0] as HTMLElement).getAttribute('kind');\n    (hasContent[0] as HTMLElement).setAttribute(\n      'size',\n      type === 'inline' ? 'md' : 'mini'\n    );\n    this.requestUpdate();\n  }\n\n  /**\n   * `true` if there is an AI Label.\n   */\n  protected _hasAILabel = false;\n\n  updated() {\n    const { _hasAILabel: hasAILabel } = this;\n    if (hasAILabel) {\n      this.setAttribute('ai-label', '');\n    } else {\n      this.removeAttribute('ai-label');\n    }\n  }\n  connectedCallback() {\n    super.connectedCallback();\n    if (this.defaultChecked) {\n      this.checked = this.defaultChecked;\n    }\n  }\n\n  render() {\n    const {\n      checked,\n      disabled,\n      helperText,\n      hideLabel,\n      id,\n      indeterminate,\n      invalid,\n      invalidText,\n      labelText,\n      name,\n      readonly,\n      title,\n      value,\n      warn,\n      warnText,\n      defaultChecked,\n      _handleChange: handleChange,\n      _handleClick: handleClick,\n    } = this;\n\n    const normalizedProps: {\n      invalid: boolean;\n      warn: boolean;\n    } = {\n      invalid: !readonly && !disabled && invalid,\n      warn: !readonly && !invalid && !disabled && warn,\n    };\n    const showHelper = !normalizedProps.invalid && !normalizedProps.warn;\n\n    const helper = helperText\n      ? html` <div class=\"${prefix}--form__helper-text\">${helperText}</div>`\n      : null;\n\n    const labelClasses = classMap({\n      [`${prefix}--checkbox-label`]: true,\n    });\n    const labelTextClasses = classMap({\n      [`${prefix}--checkbox-label-text`]: true,\n      [`${prefix}--visually-hidden`]: hideLabel,\n    });\n    return html`\n      <input\n        id=\"${ifDefined(id)}\"\n        type=\"checkbox\"\n        part=\"input\"\n        class=\"${`${prefix}--checkbox`}\"\n        aria-readonly=\"${String(readonly)}\"\n        .checked=\"${checked}\"\n        ?data-invalid=\"${normalizedProps.invalid}\"\n        ?disabled=\"${disabled}\"\n        ?defaultChecked=\"${defaultChecked}\"\n        .indeterminate=\"${indeterminate}\"\n        name=\"${ifDefined(name)}\"\n        value=\"${ifDefined(value)}\"\n        @change=\"${handleChange}\"\n        @click=\"${handleClick}\" />\n      <label\n        for=\"${ifDefined(id)}\"\n        part=\"label\"\n        class=\"${labelClasses}\"\n        title=\"${ifDefined(title)}\">\n        <span class=\"${labelTextClasses}\"\n          >${labelText ? labelText : html`<slot></slot>`}</span\n        >\n      </label>\n      <slot name=\"ai-label\" @slotchange=\"${this._handleSlotChange}\"></slot>\n      <slot name=\"decorator\" @slotchange=\"${this._handleSlotChange}\"></slot>\n      <slot name=\"slug\" @slotchange=\"${this._handleSlotChange}\"></slot>\n      <div class=\"${prefix}--checkbox__validation-msg\">\n        ${normalizedProps.invalid\n          ? html`\n              ${iconLoader(WarningFilled16, {\n                class: `${prefix}--checkbox__invalid-icon`,\n              })}\n              <div class=\"${prefix}--form-requirement\">${invalidText}</div>\n            `\n          : null}\n        ${normalizedProps.warn\n          ? html`\n              ${iconLoader(WarningAltFilled16, {\n                class: `${prefix}--checkbox__invalid-icon ${prefix}--checkbox__invalid-icon--warning`,\n              })}\n              <div class=\"${prefix}--form-requirement\">${warnText}</div>\n            `\n          : null}\n      </div>\n      ${showHelper ? helper : null}\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after this changebox changes its checked state.\n   */\n  static get eventChange() {\n    return `${prefix}-checkbox-changed`;\n  }\n\n  /**\n   * A selector that will return the slug item.\n   *\n   * Remove in v12\n   */\n  static get slugItem() {\n    return `${prefix}-slug`;\n  }\n\n  /**\n   * A selector that will return the ai-label item.\n   */\n  static get aiLabelItem() {\n    return `${prefix}-ai-label`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSCheckbox;\n"],"mappings":"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"}
+{"version":3,"file":"checkbox.js","names":["styles","customElement"],"sources":["../../../src/components/checkbox/checkbox.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\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport FormMixin from '../../globals/mixins/form';\nimport styles from './checkbox.scss?lit';\nimport WarningFilled16 from '@carbon/icons/es/warning--filled/16.js';\nimport WarningAltFilled16 from '@carbon/icons/es/warning--alt--filled/16.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\n/**\n * Check box.\n *\n * @element cds-checkbox\n * @fires cds-checkbox-changed - The custom event fired after this changebox changes its checked state.\n * @csspart input The checkbox.\n * @csspart label The label.\n */\n@customElement(`${prefix}-checkbox`)\nclass CDSCheckbox extends FocusMixin(FormMixin(LitElement)) {\n  @query('input')\n  protected _checkboxNode!: HTMLInputElement;\n\n  /**\n   * Handles `click` event on the `<input>` in the shadow DOM.\n   */\n  protected _handleChange() {\n    const { checked, indeterminate } = this._checkboxNode;\n    this.checked = checked;\n    this.indeterminate = indeterminate;\n    const { eventChange } = this.constructor as typeof CDSCheckbox;\n    this.dispatchEvent(\n      new CustomEvent(eventChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          checked,\n          indeterminate,\n        },\n      })\n    );\n  }\n\n  /**\n   * Prevent checkbox state from updating when readonly\n   */\n  private _handleClick(event: MouseEvent) {\n    if (this.readonly) {\n      event.preventDefault();\n    }\n  }\n\n  _handleFormdata(event: FormDataEvent) {\n    const { formData } = event;\n    const { checked, disabled, name, value = 'on' } = this;\n    if (!disabled && checked) {\n      formData.append(name, value);\n    }\n  }\n\n  /**\n   * Specify whether the underlying input should be checked\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'checked' })\n  checked = false;\n\n  /**\n   * Specify if checkbox is being used in a data table\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'data-table' })\n  dataTable = false;\n\n  /**\n   * Specify whether the Checkbox should be disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Provide text for the form group for additional help\n   */\n  @property({ type: String, reflect: true, attribute: 'helper-text' })\n  helperText;\n\n  /**\n   * Specify whether the checkbox should be present in the DOM,\n   * but invisible and uninteractable. Used for data-table purposes.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-checkbox' })\n  hideCheckbox = false;\n\n  /**\n   * Specify whether the label should be hidden, or not\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n  hideLabel = false;\n\n  /**\n   * Specify a custom id for the checkbox\n   */\n  @property({ reflect: true })\n  id = 'checkbox';\n\n  /**\n   * Specify whether the Checkbox is in an indeterminate state\n   */\n  @property({ type: Boolean, reflect: true })\n  indeterminate = false;\n\n  /**\n   * Provide a label to provide a description of the Checkbox input that you are\n   * exposing to the user\n   */\n  @property({ attribute: 'label-text' })\n  labelText = '';\n\n  /**\n   * The form name.\n   */\n  @property()\n  name!: string;\n\n  /**\n   * Specify whether the Checkbox is read-only\n   */\n  @property({ type: Boolean, reflect: true })\n  readonly = false;\n\n  /**\n   * Specify whether the Checkbox is currently invalid\n   */\n  @property({ type: Boolean, reflect: true })\n  invalid = false;\n\n  /**\n   * Provide the text that is displayed when the Checkbox is in an invalid state\n   */\n  @property({ type: String, attribute: 'invalid-text' })\n  invalidText;\n\n  /**\n   * Specify a title for the node for the Checkbox\n   */\n  @property({ attribute: 'title' })\n  title = '';\n\n  /**\n   * The value.\n   */\n  @property()\n  value!: string;\n\n  /**\n   * Specify whether the Checkbox is in a warning state.\n   */\n  @property({ type: Boolean, reflect: true })\n  warn = false;\n\n  /**\n   * Provide the text displayed when the Checkbox is in a warning state.\n   */\n  @property({ type: String, attribute: 'warn-text' })\n  warnText = false;\n\n  /**\n   * Specify whether the underlying input should be checked by default\n   */\n  @property({ type: Boolean, attribute: 'default-checked' })\n  defaultChecked;\n\n  /**\n   * Handles `slotchange` event.\n   */\n  protected _handleSlotChange({ target }: Event) {\n    const hasContent = (target as HTMLSlotElement)\n      .assignedNodes()\n      .filter((elem) =>\n        (elem as HTMLElement).matches !== undefined\n          ? (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSCheckbox).aiLabelItem\n            ) ||\n            // remove slug reference in v12\n            (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSCheckbox).slugItem\n            )\n          : false\n      );\n\n    this._hasAILabel = Boolean(hasContent);\n    const type = (hasContent[0] as HTMLElement).getAttribute('kind');\n    (hasContent[0] as HTMLElement).setAttribute(\n      'size',\n      type === 'inline' ? 'md' : 'mini'\n    );\n    this.requestUpdate();\n  }\n\n  /**\n   * `true` if there is an AI Label.\n   */\n  protected _hasAILabel = false;\n\n  updated() {\n    const { _hasAILabel: hasAILabel } = this;\n    if (hasAILabel) {\n      this.setAttribute('ai-label', '');\n    } else {\n      this.removeAttribute('ai-label');\n    }\n  }\n  connectedCallback() {\n    super.connectedCallback();\n    if (this.defaultChecked) {\n      this.checked = this.defaultChecked;\n    }\n  }\n\n  render() {\n    const {\n      checked,\n      disabled,\n      helperText,\n      hideLabel,\n      id,\n      indeterminate,\n      invalid,\n      invalidText,\n      labelText,\n      name,\n      readonly,\n      title,\n      value,\n      warn,\n      warnText,\n      defaultChecked,\n      _handleChange: handleChange,\n      _handleClick: handleClick,\n    } = this;\n\n    const normalizedProps: {\n      invalid: boolean;\n      warn: boolean;\n    } = {\n      invalid: !readonly && !disabled && invalid,\n      warn: !readonly && !invalid && !disabled && warn,\n    };\n    const showHelper = !normalizedProps.invalid && !normalizedProps.warn;\n\n    const helper = helperText\n      ? html` <div class=\"${prefix}--form__helper-text\">${helperText}</div>`\n      : null;\n\n    const labelClasses = classMap({\n      [`${prefix}--checkbox-label`]: true,\n    });\n    const labelTextClasses = classMap({\n      [`${prefix}--checkbox-label-text`]: true,\n      [`${prefix}--visually-hidden`]: hideLabel,\n    });\n    return html`\n      <input\n        id=\"${ifDefined(id)}\"\n        type=\"checkbox\"\n        part=\"input\"\n        class=\"${`${prefix}--checkbox`}\"\n        aria-readonly=\"${String(readonly)}\"\n        .checked=\"${checked}\"\n        ?data-invalid=\"${normalizedProps.invalid}\"\n        ?disabled=\"${disabled}\"\n        ?defaultChecked=\"${defaultChecked}\"\n        .indeterminate=\"${indeterminate}\"\n        name=\"${ifDefined(name)}\"\n        value=\"${ifDefined(value)}\"\n        @change=\"${handleChange}\"\n        @click=\"${handleClick}\" />\n      <label\n        for=\"${ifDefined(id)}\"\n        part=\"label\"\n        class=\"${labelClasses}\"\n        title=\"${ifDefined(title)}\">\n        <span class=\"${labelTextClasses}\"\n          >${labelText ? labelText : html`<slot></slot>`}</span\n        >\n      </label>\n      <slot name=\"ai-label\" @slotchange=\"${this._handleSlotChange}\"></slot>\n      <slot name=\"decorator\" @slotchange=\"${this._handleSlotChange}\"></slot>\n      <slot name=\"slug\" @slotchange=\"${this._handleSlotChange}\"></slot>\n      <div class=\"${prefix}--checkbox__validation-msg\">\n        ${normalizedProps.invalid\n          ? html`\n              ${iconLoader(WarningFilled16, {\n                class: `${prefix}--checkbox__invalid-icon`,\n              })}\n              <div class=\"${prefix}--form-requirement\">${invalidText}</div>\n            `\n          : null}\n        ${normalizedProps.warn\n          ? html`\n              ${iconLoader(WarningAltFilled16, {\n                class: `${prefix}--checkbox__invalid-icon ${prefix}--checkbox__invalid-icon--warning`,\n              })}\n              <div class=\"${prefix}--form-requirement\">${warnText}</div>\n            `\n          : null}\n      </div>\n      ${showHelper ? helper : null}\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after this changebox changes its checked state.\n   */\n  static get eventChange() {\n    return `${prefix}-checkbox-changed`;\n  }\n\n  /**\n   * A selector that will return the slug item.\n   *\n   * Remove in v12\n   */\n  static get slugItem() {\n    return `${prefix}-slug`;\n  }\n\n  /**\n   * A selector that will return the ai-label item.\n   */\n  static get aiLabelItem() {\n    return `${prefix}-ai-label`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSCheckbox;\n"],"mappings":"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"}

package/es/components/checkbox/defs.js.map

@@ -1 +1 @@
-{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/checkbox/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 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 * How to lay out radio buttons.\n */\nexport enum CHECKBOX_ORIENTATION {\n  /**\n   * Laying out radio buttons horizontally.\n   */\n  HORIZONTAL = 'horizontal',\n\n  /**\n   * Laying out radio buttons vertically.\n   */\n  VERTICAL = 'vertical',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AASA,IAAY,uBAAL,yBAAA,sBAAA;;;;AAIL,sBAAA,gBAAA;;;;AAKA,sBAAA,cAAA;;KACD"}
+{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/checkbox/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 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 * How to lay out radio buttons.\n */\nexport enum CHECKBOX_ORIENTATION {\n  /**\n   * Laying out radio buttons horizontally.\n   */\n  HORIZONTAL = 'horizontal',\n\n  /**\n   * Laying out radio buttons vertically.\n   */\n  VERTICAL = 'vertical',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AASA,IAAY,uBAAL,yBAAA,sBAAA;;;;CAIL,qBAAA,gBAAA;;;;CAKA,qBAAA,cAAA;;AACF,EAAA,CAAA,CAAA"}

package/es/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.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import "./defs.js";
 import code_snippet_default from "./code-snippet.scss.js";
 import "./code-snippet.js";

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

@@ -1 +1 @@
-{"version":3,"file":"code-snippet-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/code-snippet/code-snippet-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { CODE_SNIPPET_TYPE } from './code-snippet';\nimport styles from './code-snippet.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of code snippet.\n */\n@customElement(`${prefix}-code-snippet-skeleton`)\nclass CDSCodeSnippetSkeleton extends LitElement {\n  /**\n   * The type of code snippet. Corresponds to the attribute with the same name.\n   */\n  @property({ reflect: true })\n  type = CODE_SNIPPET_TYPE.SINGLE;\n\n  render() {\n    return html`\n      <div class=\"${prefix}--snippet-container\">\n        ${this.type !== CODE_SNIPPET_TYPE.MULTI\n          ? html` <span></span> `\n          : html` <span></span><span></span><span></span> `}\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSCodeSnippetSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAA,yBAAA,MACM,+BAA+B,WAAW;;;;;CAO9C,SAAS;AACP,SAAO,IAAI;0BACY;UACjB,KAAK,SAAA,UACH,IAAI,oBACJ,IAAI,4CAA4C;;;;;gBAK1CA;;;YAbf,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,uBAAA,WAAA,QAAA,KAAA,EAAA;qCAL7BC,cAAc,4BAAkC,CAAA,EAAA,uBAAA;AAqBjD,IAAA,gCAAe"}
+{"version":3,"file":"code-snippet-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/code-snippet/code-snippet-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { CODE_SNIPPET_TYPE } from './code-snippet';\nimport styles from './code-snippet.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of code snippet.\n */\n@customElement(`${prefix}-code-snippet-skeleton`)\nclass CDSCodeSnippetSkeleton extends LitElement {\n  /**\n   * The type of code snippet. Corresponds to the attribute with the same name.\n   */\n  @property({ reflect: true })\n  type = CODE_SNIPPET_TYPE.SINGLE;\n\n  render() {\n    return html`\n      <div class=\"${prefix}--snippet-container\">\n        ${this.type !== CODE_SNIPPET_TYPE.MULTI\n          ? html` <span></span> `\n          : html` <span></span><span></span><span></span> `}\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSCodeSnippetSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAA,yBAAA,MACM,+BAA+B,WAAW;;;;;CAO9C,SAAS;EACP,OAAO,IAAI;0BACY;UACjB,KAAK,SAAA,UACH,IAAI,oBACJ,IAAI,4CAA4C;;;CAG1D;;gBAEgBA;;AAClB;YAdG,SAAS,EAAE,SAAS,KAAK,CAAC,CAAA,GAAA,uBAAA,WAAA,QAAA,KAAA,CAAA;qCAL5BC,cAAc,2BAAiC,CAAA,GAAA,sBAAA;AAqBhD,IAAA,gCAAe"}

package/es/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.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import iconLoader from "../../globals/internal/icon-loader.js";
 import FocusMixin from "../../globals/mixins/focus.js";
 import "../button/button.js";

package/es/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-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-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-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-copy-button\n              ?disabled=${disabled}\n              button-class-name=${disabledCopyButtonClasses}\n              feedback=${feedback}\n              feedback-timeout=${feedbackTimeout}\n              @click=\"${handleCopyClick}\">\n              ${tooltipContent}\n            </cds-copy-button>\n          `}\n      ${shouldShowMoreLessBtn\n        ? html`\n            <cds-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-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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,MAAM,iBAAiB,UAA0B,SAAkB;AACjE,KAAI,CAAC,KACH,QAAO;AAET,UAAS,QAAQ,KAAK;AACtB,QAAO,EACL,UAAU;AACR,WAAS,UAAU,KAAK;AACxB,SAAO;IAEV;;;;;;;AAQH,IAAA,iBAAA,MACM,uBAAuB,WAAW,WAAW,CAAC;;;uBAI1B;yBAKiB;4BAKZ;2BAKD;0BAKD;gCAKM;yBAoGP,IAAI,qBAAqB;GACjD,MAAM,mBAAmB,KAAK,YAAY,cACxC,0BACD;GACD,MAAM,iBAAiB,kBAAkB,cAAc,OAAO;GAC9D,MAAM,EACJ,MACA,0BACA,yBACA,yBACA,oBAAoB,mBACpB,eAAe,iBACb;AACJ,OAAI,kBAAkB,SAAA,SAAkC;IACtD,MAAM,EAAE,WAAW,eAAe,uBAAuB;AACzD,QACE,2BAA2B,MAC1B,2BAA2B,KAC1B,0BAA0B,6BAC5B,SAAS,2BAA2B,kBAEpC,MAAK,yBAAyB;QAE9B,MAAK,yBAAyB;AAEhC,QACE,KAAK,iBACL,0BAA0B,KAC1B,UAAU,0BAA0B,kBAEpC,MAAK,gBAAgB;;AAGzB,OACG,kBAAkB,SAAA,WAClB,oBAAoB,SAAA,SAErB,eAAc;AAEhB,QAAK,eAAe;IACpB;kBAOS;kBAMA;kBAMA;yBAMO;wBAMD;kCAMU;iCAMD;kCAMC;iCAMD;sBAOX;sBAOA;wBAME;kBAMN;;;;;;CAxNX,mBAA2B;EACzB,MAAM,EAAE,eAAe,QAAQ;EAE/B,MAAM,YAAY,IAAK,YAAa,cAAc;AAElD,YAAW,iBAAiB;EAE5B,MAAM,OAAO,IAAK,cAAc,OAAO;AACvC,OAAK,YAAY;EAEjB,MAAM,MAAM,IAAK,cAAc,MAAM;EACrC,MAAM,OAAO,MAAM,KAAK,KAAK,WAAW,CAAC,QACtC,SAAS,KAAK,aAAa,KAAK,UAClC;AACD,MAAI,cAAc,KAAK,YAAY,KAAK,GAAG;AAC3C,OAAK,YAAY,IAAI;AAGrB,MAAK,KAAK,YAAY,KAAK;EAE3B,MAAM,QAAQ,IAAK,aAAa;AAChC,QAAM,mBAAmB,KAAK;AAE9B,YAAW,SAAS,MAAM;AAE1B,MAAK,YAAY,OAAO;AAExB,MAAK,KAAK,YAAY,KAAK;AAE3B,YAAW,iBAAiB;;CAG9B,sBAA8B,KAAK;EACjC,MAAM,EACJ,aAAa,iBACb,YAAY,gBACZ,aAAa,oBACX;AAEJ,SAAO;GACL,oBAAoB,kBAAkB;GACtC;GACA;GACA;GACD;;;;;CAKH,gBAAwB;AACtB,MAAI,MAAM;GACR,MAAM,mBAAmB,MAAM,YAAY,cACzC,0BACD;GACD,MAAM,iBAAiB,kBAAkB,cAAc,MAAM;AAC7D,OACE,KAAK,SAAA,YACJ,KAAK,SAAA,YAAqC,CAAC,oBAC3C,KAAK,SAAA,WAAoC,CAAC,eAE3C;GAGF,MAAM,EACJ,oBACA,iBACA,iBACA,mBAEA,KAAK,SAAA,WACD,KAAK,sBAAsB,iBAAiB,GAC5C,KAAK,sBAAsB,eAAe;AAEhD,QAAK,mBAAmB,sBAAsB,CAAC,CAAC;AAChD,QAAK,oBACH,sBACA,iBAAiB,oBAAoB;AACvC,QAAK,eAAe;;;;;;CAOxB,uBAA+B;AAC7B,OAAK,gBAAgB,CAAC,KAAK;AAC3B,OAAK,eAAe;;CA0ItB,oBAAoB;AAClB,QAAM,mBAAmB;AACzB,MAAI,KAAK,gBACP,MAAK,kBAAkB,KAAK,gBAAgB,SAAS;AAEvD,OAAK,kBAAkB,cAAc,KAAK,iBAAiB,KAAK;;CAGlE,uBAAuB;AACrB,MAAI,KAAK,gBACP,MAAK,kBAAkB,KAAK,gBAAgB,SAAS;;CAIzD,UAAU;AACR,MAAI,KAAK,cACP,MAAK,aAAa,iBAAiB,GAAG;MAEtC,MAAK,gBAAgB,gBAAgB;;CAIzC,SAAS;EACP,MAAM,EACJ,UACA,UACA,iBACA,gBACA,yBACA,yBACA,0BACA,0BACA,MACA,UACA,gBACA,cACA,cACA,eAAe,cACf,kBAAkB,iBAClB,eAAe,cACf,mBAAmB,kBACnB,kBAAkB,iBAClB,oBAAoB,mBACpB,wBAAwB,0BACtB;EAEJ,IAAI,UAAU;AAEd,MAAI,KACF,YAAW,kBAAwB;AAGrC,MAAI,SAAS,YAAY,SACvB,YAAW;AAGb,MAAI,eACF,YAAW;AAGb,MAAI,SACF,YAAW;AAGb,MAAI,QAAQ,WAAW,iBACrB,YAAW;EAGb,MAAM,oBAAoB;EAE1B,MAAM,4BAA4B,WAC9B,2BACA;EAEJ,MAAM,oBAAoB,eAAe,eAAe;AAExD,MAAI,SAAA,SAGF,QAAO,IAAI;8BACa,SAAS,sBAAsB,QAAQ,YAAY,gBAAgB;;yCAExD,eAAe;;;EAKpD,MAAM,SAAS,EAAE;AACjB,MAAI,SAAS,QACX,KAAI,cAAc;AAChB,OAAI,0BAA0B,EAC5B,QAAO,gBACL,0BAA0B,oBAAoB;AAElD,OAAI,0BAA0B,EAC5B,QAAO,gBACL,0BAA0B,oBAAoB;SAE7C;AACL,OAAI,2BAA2B,EAC7B,QAAO,gBACL,2BAA2B,oBAAoB;AAEnD,OAAI,2BAA2B,EAC7B,QAAO,gBACL,2BAA2B,oBAAoB;;AAKvD,SAAO,IAAI;;gBAEC,SAAA,YACR,SAAA,UACI,YACA,KAAK;qBACI,SAAA,YACX,SAAA,YACF,CAAC,WACG,IACA,KAAK;uBACO;sBACF,eAAe;yBACZ,SAAA,YACjB,SAAA,UACI,OACA,KAAK;0BACS,SAAA,UAAmC,OAAO,KAAK;mBACrD,SAAA,YAAqC,gBAAiB,KAAK;gBAC/D,SAAS,OAAO,CAAC;;qBAEX,SAAA,WAAoC,gBAChD,KAAK;;;QAGP,kBACE,IAAI;gCACmB;cAEvB,GAAG;QACL,oBAAoB,SAAA,UAClB,IAAI;gCACmB;cAEvB,GAAG;QACL,iBACE,KACA,IAAI;;0BAEY,SAAS;kCACD,0BAA0B;yBACnC,SAAS;iCACD,gBAAgB;wBACzB,gBAAgB;gBACxB,eAAe;;YAEnB;QACJ,wBACE,IAAI;;;;kCAIoB,kBAAkB;0BAC1B,SAAS;6BACN,KAAK,sBAAsB,CAAC;mCACrB;kBAClB,kBAAkB;;gBAEpB,WAAW,eAAe;GAC1B,OAAO;GACP,MAAM;GACN,MAAM;GACP,CAAC,CAAC;;cAGP,GAAG;;;;2BAIgB;GACzB,GAAG,WAAW;GACd,gBAAgB;GACjB;;;gBACeA;;;YA1Qf,SAAS,EAAE,WAAW,aAAa,CAAC,CAAA,EAAA,eAAA,WAAA,YAAA,KAAA,EAAA;YAMpC,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,eAAA,WAAA,YAAA,KAAA,EAAA;YAM1C,UAAU,CAAA,EAAA,eAAA,WAAA,YAAA,KAAA,EAAA;YAMV,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAoB,CAAC,CAAA,EAAA,eAAA,WAAA,mBAAA,KAAA,EAAA;YAMzD,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;CAAoB,CAAC,CAAA,EAAA,eAAA,WAAA,kBAAA,KAAA,EAAA;YAMzE,UAAU,CAAA,EAAA,eAAA,WAAA,4BAAA,KAAA,EAAA;YAMV,UAAU,CAAA,EAAA,eAAA,WAAA,2BAAA,KAAA,EAAA;YAMV,UAAU,CAAA,EAAA,eAAA,WAAA,4BAAA,KAAA,EAAA;YAMV,UAAU,CAAA,EAAA,eAAA,WAAA,2BAAA,KAAA,EAAA;YAOV,SAAS,EAAE,WAAW,kBAAkB,CAAC,CAAA,EAAA,eAAA,WAAA,gBAAA,KAAA,EAAA;YAOzC,SAAS,EAAE,WAAW,kBAAkB,CAAC,CAAA,EAAA,eAAA,WAAA,gBAAA,KAAA,EAAA;YAMzC,SAAS,EAAE,WAAW,mBAAmB,CAAC,CAAA,EAAA,eAAA,WAAA,kBAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;CAAa,CAAC,CAAA,EAAA,eAAA,WAAA,YAAA,KAAA,EAAA;YAMlE,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,eAAA,WAAA,QAAA,KAAA,EAAA;6BAhQ7BC,cAAc,mBAAyB,CAAA,EAAA,eAAA;AA6bxC,IAAA,uBAAe"}
+{"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-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-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-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-copy-button\n              ?disabled=${disabled}\n              button-class-name=${disabledCopyButtonClasses}\n              feedback=${feedback}\n              feedback-timeout=${feedbackTimeout}\n              @click=\"${handleCopyClick}\">\n              ${tooltipContent}\n            </cds-copy-button>\n          `}\n      ${shouldShowMoreLessBtn\n        ? html`\n            <cds-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-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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"}