@carbon/web-components 2.57.0 → 2.58.0

package/es/components/time-picker/time-picker-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"time-picker-select.js","names":["styles","customElement"],"sources":["../../../src/components/time-picker/time-picker-select.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, LitElement } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { prefix } from '../../globals/settings';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport ChevronDown16 from '@carbon/icons/es/chevron--down/16.js';\nimport { filter } from '../../globals/internal/collection-helpers';\nimport styles from './time-picker.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { TIME_PICKER_SIZE } from './defs';\nimport FormMixin from '../../globals/mixins/form';\n\n/**\n * Time picker select dropdown.\n *\n * @element cds-time-picker-select\n */\n@customElement(`${prefix}-time-picker-select`)\nclass CDSTimePickerSelect extends FormMixin(LitElement) {\n  /**\n   * The mutation observer for DOM mutation.\n   */\n  private _observerMutation: MutationObserver | null = null;\n\n  /**\n   * The select element.\n   */\n  @query('select')\n  private _selectNode!: HTMLSelectElement;\n\n  /**\n   * The ARIA label for the UI control.\n   */\n  @property({ attribute: 'aria-label' })\n  ariaLabel = 'open list of options';\n\n  /**\n   * Optionally provide the default value of the select\n   */\n  @property({ attribute: 'default-value' })\n  defaultValue = '';\n\n  /**\n   * Controls the readOnly state of the select\n   */\n  @property({ type: Boolean, reflect: true })\n  readOnly = false;\n\n  /**\n   * Specify whether the control is disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Specify a custom id for the select box\n   */\n  @property({ reflect: true })\n  id = '';\n\n  /**\n   * Name for the select in the `FormData`\n   */\n  @property()\n  name = '';\n\n  /**\n   * The value of the select.\n   */\n  @property({ reflect: true })\n  value = '';\n\n  /**\n   * Size of the time picker select\n   */\n  @property({ reflect: true })\n  size = TIME_PICKER_SIZE.MEDIUM;\n\n  /**\n   * Handles `oninput` event on the `<select>`.\n   *\n   * @param event The event.\n   * @param event.target The event target.\n   */\n  private _handleInput(event: Event) {\n    const { value } = event.target as HTMLSelectElement;\n    this.value = value;\n    const { eventSelect } = this.constructor as typeof CDSTimePickerSelect;\n    this.dispatchEvent(\n      new CustomEvent(eventSelect, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          value,\n        },\n      })\n    );\n  }\n\n  /**\n   * Handles DOM mutation of select items\n   */\n  private _handleMutation = () => {\n    this.requestUpdate();\n  };\n\n  /**\n   * @returns The template containing child `<option>` elements from select items.\n   */\n  private _renderItems() {\n    const selectorItem = `${prefix}-select-item`;\n\n    return filter(\n      this.childNodes,\n      (item) =>\n        item.nodeType === Node.ELEMENT_NODE &&\n        (item as Element).matches(selectorItem)\n    ).map((item) => {\n      const disabled = item.hasAttribute('disabled');\n      const label = item.getAttribute('label');\n      const selected = item.hasAttribute('selected');\n      const value = item.getAttribute('value');\n      const { textContent } = item;\n\n      return html`\n        <option\n          ?disabled=\"${disabled}\"\n          label=\"${ifDefined(label)}\"\n          ?selected=\"${selected}\"\n          value=\"${ifDefined(value)}\">\n          ${textContent}\n        </option>\n      `;\n    });\n  }\n\n  _handleFormdata(event: Event) {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452\n    const { formData } = event as any; // TODO: Wait for `FormDataEvent` being available in `lib.dom.d.ts`\n    const { disabled, name, value } = this;\n    if (!disabled) {\n      formData.append(name, value);\n    }\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._observerMutation = new MutationObserver(this._handleMutation);\n    this._observerMutation.observe(this, {\n      attributes: true,\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  disconnectedCallback() {\n    if (this._observerMutation) {\n      this._observerMutation.disconnect();\n      this._observerMutation = null;\n    }\n    super.disconnectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (\n      changedProperties.has('defaultValue') &&\n      this.defaultValue &&\n      !this.value\n    ) {\n      this.value = this.defaultValue;\n    }\n\n    if (changedProperties.has('value')) {\n      if (this._selectNode) {\n        this._selectNode.value = this.value;\n      }\n    }\n  }\n\n  render() {\n    const {\n      ariaLabel,\n      disabled,\n      size,\n      id,\n      value,\n      readOnly,\n      _handleInput: handleInput,\n    } = this;\n\n    const inputClasses = classMap({\n      [`${prefix}--select-input`]: true,\n      [`${prefix}--select-input--${size}`]: size,\n    });\n\n    return html`\n      <select\n        id=\"${ifDefined(id)}\"\n        class=\"${inputClasses}\"\n        aria-readonly=\"${String(readOnly)}\"\n        ?disabled=\"${disabled}\"\n        aria-label=\"${ifDefined(ariaLabel)}\"\n        .value=\"${ifDefined(value)}\"\n        @input=\"${handleInput}\">\n        ${this._renderItems()}\n      </select>\n      ${iconLoader(ChevronDown16, {\n        class: `${prefix}--select__arrow`,\n        'aria-hidden': 'true',\n      })}\n    `;\n  }\n  static get eventSelect() {\n    return `${prefix}-select-selected`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  static styles = styles;\n}\n\nexport default CDSTimePickerSelect;\n"],"mappings":"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"}
+{"version":3,"file":"time-picker-select.js","names":["styles","customElement"],"sources":["../../../src/components/time-picker/time-picker-select.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, LitElement } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { prefix } from '../../globals/settings';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport ChevronDown16 from '@carbon/icons/es/chevron--down/16.js';\nimport { filter } from '../../globals/internal/collection-helpers';\nimport styles from './time-picker.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { TIME_PICKER_SIZE } from './defs';\nimport FormMixin from '../../globals/mixins/form';\n\n/**\n * Time picker select dropdown.\n *\n * @element cds-time-picker-select\n */\n@customElement(`${prefix}-time-picker-select`)\nclass CDSTimePickerSelect extends FormMixin(LitElement) {\n  /**\n   * The mutation observer for DOM mutation.\n   */\n  private _observerMutation: MutationObserver | null = null;\n\n  /**\n   * The select element.\n   */\n  @query('select')\n  private _selectNode!: HTMLSelectElement;\n\n  /**\n   * The ARIA label for the UI control.\n   */\n  @property({ attribute: 'aria-label' })\n  ariaLabel = 'open list of options';\n\n  /**\n   * Optionally provide the default value of the select\n   */\n  @property({ attribute: 'default-value' })\n  defaultValue = '';\n\n  /**\n   * Controls the readOnly state of the select\n   */\n  @property({ type: Boolean, reflect: true })\n  readOnly = false;\n\n  /**\n   * Specify whether the control is disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Specify a custom id for the select box\n   */\n  @property({ reflect: true })\n  id = '';\n\n  /**\n   * Name for the select in the `FormData`\n   */\n  @property()\n  name = '';\n\n  /**\n   * The value of the select.\n   */\n  @property({ reflect: true })\n  value = '';\n\n  /**\n   * Size of the time picker select\n   */\n  @property({ reflect: true })\n  size = TIME_PICKER_SIZE.MEDIUM;\n\n  /**\n   * Handles `oninput` event on the `<select>`.\n   *\n   * @param event The event.\n   * @param event.target The event target.\n   */\n  private _handleInput(event: Event) {\n    const { value } = event.target as HTMLSelectElement;\n    this.value = value;\n    const { eventSelect } = this.constructor as typeof CDSTimePickerSelect;\n    this.dispatchEvent(\n      new CustomEvent(eventSelect, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          value,\n        },\n      })\n    );\n  }\n\n  /**\n   * Handles DOM mutation of select items\n   */\n  private _handleMutation = () => {\n    this.requestUpdate();\n  };\n\n  /**\n   * @returns The template containing child `<option>` elements from select items.\n   */\n  private _renderItems() {\n    const selectorItem = `${prefix}-select-item`;\n\n    return filter(\n      this.childNodes,\n      (item) =>\n        item.nodeType === Node.ELEMENT_NODE &&\n        (item as Element).matches(selectorItem)\n    ).map((item) => {\n      const disabled = item.hasAttribute('disabled');\n      const label = item.getAttribute('label');\n      const selected = item.hasAttribute('selected');\n      const value = item.getAttribute('value');\n      const { textContent } = item;\n\n      return html`\n        <option\n          ?disabled=\"${disabled}\"\n          label=\"${ifDefined(label)}\"\n          ?selected=\"${selected}\"\n          value=\"${ifDefined(value)}\">\n          ${textContent}\n        </option>\n      `;\n    });\n  }\n\n  _handleFormdata(event: Event) {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452\n    const { formData } = event as any; // TODO: Wait for `FormDataEvent` being available in `lib.dom.d.ts`\n    const { disabled, name, value } = this;\n    if (!disabled) {\n      formData.append(name, value);\n    }\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._observerMutation = new MutationObserver(this._handleMutation);\n    this._observerMutation.observe(this, {\n      attributes: true,\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  disconnectedCallback() {\n    if (this._observerMutation) {\n      this._observerMutation.disconnect();\n      this._observerMutation = null;\n    }\n    super.disconnectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (\n      changedProperties.has('defaultValue') &&\n      this.defaultValue &&\n      !this.value\n    ) {\n      this.value = this.defaultValue;\n    }\n\n    if (changedProperties.has('value')) {\n      if (this._selectNode) {\n        this._selectNode.value = this.value;\n      }\n    }\n  }\n\n  render() {\n    const {\n      ariaLabel,\n      disabled,\n      size,\n      id,\n      value,\n      readOnly,\n      _handleInput: handleInput,\n    } = this;\n\n    const inputClasses = classMap({\n      [`${prefix}--select-input`]: true,\n      [`${prefix}--select-input--${size}`]: size,\n    });\n\n    return html`\n      <select\n        id=\"${ifDefined(id)}\"\n        class=\"${inputClasses}\"\n        aria-readonly=\"${String(readOnly)}\"\n        ?disabled=\"${disabled}\"\n        aria-label=\"${ifDefined(ariaLabel)}\"\n        .value=\"${ifDefined(value)}\"\n        @input=\"${handleInput}\">\n        ${this._renderItems()}\n      </select>\n      ${iconLoader(ChevronDown16, {\n        class: `${prefix}--select__arrow`,\n        'aria-hidden': 'true',\n      })}\n    `;\n  }\n  static get eventSelect() {\n    return `${prefix}-select-selected`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  static styles = styles;\n}\n\nexport default CDSTimePickerSelect;\n"],"mappings":"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"}

package/es/components/time-picker/time-picker.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 FormMixin from "../../globals/mixins/form.js";
 import ValidityMixin from "../../globals/mixins/validity.js";

package/es/components/time-picker/time-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"time-picker.js","names":["ifNonEmpty","styles","customElement"],"sources":["../../../src/components/time-picker/time-picker.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\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport WarningFilled16 from '@carbon/icons/es/warning--filled/16.js';\nimport WarningAltFilled16 from '@carbon/icons/es/warning--alt--filled/16.js';\nimport ValidityMixin from '../../globals/mixins/validity';\nimport FormMixin from '../../globals/mixins/form';\nimport { prefix } from '../../globals/settings';\nimport styles from './time-picker.scss?lit';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport { TIME_PICKER_SIZE } from './defs';\n\n/**\n * Time Picker component.\n * @element cds-time-picker\n * @slot label-text - The label text.\n * @slot time-picker-select - Slot for time picker select components.\n * @slot validity-message - The validity message. If present and non-empty, this input shows the UI of its invalid state.\n */\n@customElement(`${prefix}-time-picker`)\nclass CDSTimePicker extends ValidityMixin(FormMixin(LitElement)) {\n  /**\n   * The underlying input element\n   */\n  @query('input')\n  protected _input!: HTMLInputElement;\n\n  /**\n   * The internal value.\n   */\n  protected _value = '';\n\n  protected _handleInput({ target }: Event) {\n    this.value = (target as HTMLInputElement).value;\n    this.dispatchEvent(\n      new CustomEvent('change', {\n        bubbles: true,\n        composed: true,\n        detail: { value: this.value },\n      })\n    );\n  }\n\n  /**\n   * Handle slotchange event for time-picker-select slot\n   * to propagate properties to child elements\n   */\n  protected _handleSlotChange() {\n    this.requestUpdate();\n  }\n\n  _handleFormdata(event: Event) {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452\n    const { formData } = event as any;\n    const { disabled, name, value } = this;\n    if (!disabled) {\n      formData.append(name, value);\n    }\n  }\n\n  /**\n   * Specify whether the control is disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Specify whether the control is currently invalid\n   */\n  @property({ type: Boolean, reflect: true })\n  invalid = false;\n\n  /**\n   * Provide the text that is displayed when the control is in an invalid state\n   */\n  @property({ attribute: 'invalid-text' })\n  invalidText = 'Invalid time format.';\n\n  /**\n   * Specify whether the control is in warning state\n   */\n  @property({ type: Boolean, reflect: true })\n  warning = false;\n\n  /**\n   * Provide the text that is displayed when the control is in a warning state\n   */\n  @property({ attribute: 'warning-text' })\n  warningText = 'Warning message.';\n\n  /**\n   * Specify whether the label should be hidden\n   */\n  @property({ attribute: 'hide-label', type: Boolean, reflect: true })\n  hideLabel = false;\n\n  /**\n   * Name for the input in FormData\n   */\n  @property()\n  name = '';\n\n  /**\n   * Provide label text to be read by screen readers\n   */\n  @property({ attribute: 'label-text' })\n  labelText = 'Select a time';\n\n  /**\n   * Placeholder text for the input\n   */\n  @property({ reflect: true })\n  placeholder = 'hh:mm';\n\n  /**\n   * Specify whether the control should be read-only\n   */\n  @property({ type: Boolean, reflect: true })\n  readOnly = false;\n\n  /**\n   * Specify the maximum length of the input value\n   */\n  @property({ type: Number, attribute: 'max-length', reflect: true })\n  maxLength = 5;\n\n  /**\n   * Pattern for input validation\n   */\n  @property()\n  pattern = '(1[012]|[1-9]):[0-5][0-9](\\\\s)?';\n\n  /**\n   * Size of the time picker\n   */\n  @property({ reflect: true })\n  size = TIME_PICKER_SIZE.MEDIUM;\n\n  /**\n   * Input type\n   */\n  @property({ reflect: true })\n  type = 'text';\n\n  /**\n   * Validity message\n   */\n  @property({ attribute: 'validity-message' })\n  validityMessage = '';\n\n  /**\n   * Whether the input is required\n   */\n  @property({ type: Boolean, reflect: true })\n  required = false;\n\n  /**\n   * Custom message for required validation\n   */\n  @property({ attribute: 'required-validity-message' })\n  requiredValidityMessage = 'Please fill out this field.';\n\n  /**\n   * Value of the input\n   */\n  @property({ reflect: true })\n  get value() {\n    return this._input ? this._input.value : this._value;\n  }\n\n  set value(value) {\n    const oldValue = this._value;\n    this._value = value;\n    this.requestUpdate('value', oldValue);\n    if (this._input) {\n      this._input.value = value;\n    }\n  }\n\n  render() {\n    const {\n      className,\n      disabled,\n      hideLabel,\n      invalid,\n      invalidText,\n      warning,\n      warningText,\n      labelText,\n      placeholder,\n      readOnly,\n      maxLength,\n      pattern,\n      size,\n      type,\n      value,\n      _handleInput: handleInput,\n      _handleSlotChange: handleSlotChange,\n    } = this;\n\n    const normalizedProps: {\n      disabled: boolean;\n      invalid: boolean;\n      warn: boolean;\n    } = {\n      disabled: !readOnly && disabled,\n      invalid: !readOnly && !disabled && invalid,\n      warn: !readOnly && !invalid && !disabled && warning,\n    };\n\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--visually-hidden`]: hideLabel,\n      [`${prefix}--label--disabled`]: disabled,\n    });\n\n    const timePickerClasses = classMap({\n      [`${prefix}--time-picker`]: true,\n      [`${prefix}--time-picker--invalid`]: normalizedProps.invalid,\n      [`${prefix}--time-picker--warning`]: normalizedProps.warn,\n      [`${prefix}--time-picker--readonly`]: readOnly,\n      [`${prefix}--time-picker--${size}`]: size,\n      ...(className && { [className]: true }),\n    });\n\n    const inputClasses = classMap({\n      [`${prefix}--time-picker__input-field`]: true,\n      [`${prefix}--text-input`]: true,\n      [`${prefix}--time-picker__input-field-error`]:\n        normalizedProps.invalid || normalizedProps.warn,\n      ...(className && { [className]: true }),\n    });\n\n    const label = labelText\n      ? html`<label class=\"${labelClasses}\">${labelText}</label>`\n      : null;\n\n    return html`\n      <div class=\"${prefix}--form-item \">\n        ${label}\n        <div class=\"${timePickerClasses}\">\n          <div class=\"${prefix}--time-picker__input\">\n            <input\n              class=\"${inputClasses}\"\n              ?data-invalid=\"${normalizedProps.invalid}\"\n              ?disabled=\"${normalizedProps.disabled}\"\n              maxlength=\"${ifNonEmpty(maxLength)}\"\n              name=\"${ifNonEmpty(this.name)}\"\n              pattern=\"${ifNonEmpty(pattern)}\"\n              placeholder=\"${ifNonEmpty(placeholder)}\"\n              ?readonly=\"${readOnly}\"\n              type=\"${ifNonEmpty(type)}\"\n              .value=\"${value}\"\n              @input=\"${handleInput}\" />\n            ${normalizedProps.invalid || normalizedProps.warn\n              ? html`\n                  <div class=\"${prefix}--time-picker__error__icon\">\n                    ${normalizedProps.invalid\n                      ? iconLoader(WarningFilled16, {\n                          class: `${prefix}--checkbox__invalid-icon`,\n                        })\n                      : iconLoader(WarningAltFilled16, {\n                          class: `${prefix}--text-input__invalid-icon--warning`,\n                        })}\n                  </div>\n                `\n              : null}\n          </div>\n          <slot @slotchange=\"${handleSlotChange}\"></slot>\n        </div>\n        ${normalizedProps.invalid || normalizedProps.warn\n          ? html`\n              <div class=\"${prefix}--form-requirement\">\n                ${normalizedProps.invalid ? invalidText : warningText}\n              </div>\n            `\n          : null}\n      </div>\n    `;\n  }\n  updated(changedProperties) {\n    super.updated(changedProperties);\n\n    const { selectorTimePickerSelect } = this\n      .constructor as typeof CDSTimePicker;\n    const timePickerSelects = this.querySelectorAll(selectorTimePickerSelect);\n\n    ['disabled', 'readOnly', 'size'].forEach((name) => {\n      if (changedProperties.has(name)) {\n        const { [name as keyof CDSTimePicker]: value } = this;\n        // Propagate the property to descendants\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452\n        timePickerSelects.forEach((elem: any) => {\n          elem[name] = value;\n        });\n      }\n    });\n  }\n  static get selectorTimePickerSelect() {\n    return `${prefix}-time-picker-select`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  static styles = styles;\n}\n\nexport default CDSTimePicker;\n"],"mappings":"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"}
+{"version":3,"file":"time-picker.js","names":["ifNonEmpty","styles","customElement"],"sources":["../../../src/components/time-picker/time-picker.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\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport WarningFilled16 from '@carbon/icons/es/warning--filled/16.js';\nimport WarningAltFilled16 from '@carbon/icons/es/warning--alt--filled/16.js';\nimport ValidityMixin from '../../globals/mixins/validity';\nimport FormMixin from '../../globals/mixins/form';\nimport { prefix } from '../../globals/settings';\nimport styles from './time-picker.scss?lit';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport { TIME_PICKER_SIZE } from './defs';\n\n/**\n * Time Picker component.\n * @element cds-time-picker\n * @slot label-text - The label text.\n * @slot time-picker-select - Slot for time picker select components.\n * @slot validity-message - The validity message. If present and non-empty, this input shows the UI of its invalid state.\n */\n@customElement(`${prefix}-time-picker`)\nclass CDSTimePicker extends ValidityMixin(FormMixin(LitElement)) {\n  /**\n   * The underlying input element\n   */\n  @query('input')\n  protected _input!: HTMLInputElement;\n\n  /**\n   * The internal value.\n   */\n  protected _value = '';\n\n  protected _handleInput({ target }: Event) {\n    this.value = (target as HTMLInputElement).value;\n    this.dispatchEvent(\n      new CustomEvent('change', {\n        bubbles: true,\n        composed: true,\n        detail: { value: this.value },\n      })\n    );\n  }\n\n  /**\n   * Handle slotchange event for time-picker-select slot\n   * to propagate properties to child elements\n   */\n  protected _handleSlotChange() {\n    this.requestUpdate();\n  }\n\n  _handleFormdata(event: Event) {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452\n    const { formData } = event as any;\n    const { disabled, name, value } = this;\n    if (!disabled) {\n      formData.append(name, value);\n    }\n  }\n\n  /**\n   * Specify whether the control is disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Specify whether the control is currently invalid\n   */\n  @property({ type: Boolean, reflect: true })\n  invalid = false;\n\n  /**\n   * Provide the text that is displayed when the control is in an invalid state\n   */\n  @property({ attribute: 'invalid-text' })\n  invalidText = 'Invalid time format.';\n\n  /**\n   * Specify whether the control is in warning state\n   */\n  @property({ type: Boolean, reflect: true })\n  warning = false;\n\n  /**\n   * Provide the text that is displayed when the control is in a warning state\n   */\n  @property({ attribute: 'warning-text' })\n  warningText = 'Warning message.';\n\n  /**\n   * Specify whether the label should be hidden\n   */\n  @property({ attribute: 'hide-label', type: Boolean, reflect: true })\n  hideLabel = false;\n\n  /**\n   * Name for the input in FormData\n   */\n  @property()\n  name = '';\n\n  /**\n   * Provide label text to be read by screen readers\n   */\n  @property({ attribute: 'label-text' })\n  labelText = 'Select a time';\n\n  /**\n   * Placeholder text for the input\n   */\n  @property({ reflect: true })\n  placeholder = 'hh:mm';\n\n  /**\n   * Specify whether the control should be read-only\n   */\n  @property({ type: Boolean, reflect: true })\n  readOnly = false;\n\n  /**\n   * Specify the maximum length of the input value\n   */\n  @property({ type: Number, attribute: 'max-length', reflect: true })\n  maxLength = 5;\n\n  /**\n   * Pattern for input validation\n   */\n  @property()\n  pattern = '(1[012]|[1-9]):[0-5][0-9](\\\\s)?';\n\n  /**\n   * Size of the time picker\n   */\n  @property({ reflect: true })\n  size = TIME_PICKER_SIZE.MEDIUM;\n\n  /**\n   * Input type\n   */\n  @property({ reflect: true })\n  type = 'text';\n\n  /**\n   * Validity message\n   */\n  @property({ attribute: 'validity-message' })\n  validityMessage = '';\n\n  /**\n   * Whether the input is required\n   */\n  @property({ type: Boolean, reflect: true })\n  required = false;\n\n  /**\n   * Custom message for required validation\n   */\n  @property({ attribute: 'required-validity-message' })\n  requiredValidityMessage = 'Please fill out this field.';\n\n  /**\n   * Value of the input\n   */\n  @property({ reflect: true })\n  get value() {\n    return this._input ? this._input.value : this._value;\n  }\n\n  set value(value) {\n    const oldValue = this._value;\n    this._value = value;\n    this.requestUpdate('value', oldValue);\n    if (this._input) {\n      this._input.value = value;\n    }\n  }\n\n  render() {\n    const {\n      className,\n      disabled,\n      hideLabel,\n      invalid,\n      invalidText,\n      warning,\n      warningText,\n      labelText,\n      placeholder,\n      readOnly,\n      maxLength,\n      pattern,\n      size,\n      type,\n      value,\n      _handleInput: handleInput,\n      _handleSlotChange: handleSlotChange,\n    } = this;\n\n    const normalizedProps: {\n      disabled: boolean;\n      invalid: boolean;\n      warn: boolean;\n    } = {\n      disabled: !readOnly && disabled,\n      invalid: !readOnly && !disabled && invalid,\n      warn: !readOnly && !invalid && !disabled && warning,\n    };\n\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--visually-hidden`]: hideLabel,\n      [`${prefix}--label--disabled`]: disabled,\n    });\n\n    const timePickerClasses = classMap({\n      [`${prefix}--time-picker`]: true,\n      [`${prefix}--time-picker--invalid`]: normalizedProps.invalid,\n      [`${prefix}--time-picker--warning`]: normalizedProps.warn,\n      [`${prefix}--time-picker--readonly`]: readOnly,\n      [`${prefix}--time-picker--${size}`]: size,\n      ...(className && { [className]: true }),\n    });\n\n    const inputClasses = classMap({\n      [`${prefix}--time-picker__input-field`]: true,\n      [`${prefix}--text-input`]: true,\n      [`${prefix}--time-picker__input-field-error`]:\n        normalizedProps.invalid || normalizedProps.warn,\n      ...(className && { [className]: true }),\n    });\n\n    const label = labelText\n      ? html`<label class=\"${labelClasses}\">${labelText}</label>`\n      : null;\n\n    return html`\n      <div class=\"${prefix}--form-item \">\n        ${label}\n        <div class=\"${timePickerClasses}\">\n          <div class=\"${prefix}--time-picker__input\">\n            <input\n              class=\"${inputClasses}\"\n              ?data-invalid=\"${normalizedProps.invalid}\"\n              ?disabled=\"${normalizedProps.disabled}\"\n              maxlength=\"${ifNonEmpty(maxLength)}\"\n              name=\"${ifNonEmpty(this.name)}\"\n              pattern=\"${ifNonEmpty(pattern)}\"\n              placeholder=\"${ifNonEmpty(placeholder)}\"\n              ?readonly=\"${readOnly}\"\n              type=\"${ifNonEmpty(type)}\"\n              .value=\"${value}\"\n              @input=\"${handleInput}\" />\n            ${normalizedProps.invalid || normalizedProps.warn\n              ? html`\n                  <div class=\"${prefix}--time-picker__error__icon\">\n                    ${normalizedProps.invalid\n                      ? iconLoader(WarningFilled16, {\n                          class: `${prefix}--checkbox__invalid-icon`,\n                        })\n                      : iconLoader(WarningAltFilled16, {\n                          class: `${prefix}--text-input__invalid-icon--warning`,\n                        })}\n                  </div>\n                `\n              : null}\n          </div>\n          <slot @slotchange=\"${handleSlotChange}\"></slot>\n        </div>\n        ${normalizedProps.invalid || normalizedProps.warn\n          ? html`\n              <div class=\"${prefix}--form-requirement\">\n                ${normalizedProps.invalid ? invalidText : warningText}\n              </div>\n            `\n          : null}\n      </div>\n    `;\n  }\n  updated(changedProperties) {\n    super.updated(changedProperties);\n\n    const { selectorTimePickerSelect } = this\n      .constructor as typeof CDSTimePicker;\n    const timePickerSelects = this.querySelectorAll(selectorTimePickerSelect);\n\n    ['disabled', 'readOnly', 'size'].forEach((name) => {\n      if (changedProperties.has(name)) {\n        const { [name as keyof CDSTimePicker]: value } = this;\n        // Propagate the property to descendants\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452\n        timePickerSelects.forEach((elem: any) => {\n          elem[name] = value;\n        });\n      }\n    });\n  }\n  static get selectorTimePickerSelect() {\n    return `${prefix}-time-picker-select`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  static styles = styles;\n}\n\nexport default CDSTimePicker;\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/toggle/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 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\n/**\n * Toggle size.\n */\nexport enum TOGGLE_SIZE {\n  /**\n   * Regular size.\n   */\n  REGULAR = '',\n\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,cAAL,yBAAA,aAAA;;;;AAIL,aAAA,aAAA;;;;AAKA,aAAA,WAAA;;KACD"}
+{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/toggle/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 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\n/**\n * Toggle size.\n */\nexport enum TOGGLE_SIZE {\n  /**\n   * Regular size.\n   */\n  REGULAR = '',\n\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,cAAL,yBAAA,aAAA;;;;CAIL,YAAA,aAAA;;;;CAKA,YAAA,WAAA;;AACF,EAAA,CAAA,CAAA"}

package/es/components/toggle/toggle-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 toggle_default from "./toggle.scss.js";
 import { LitElement, html } from "lit";
 import { classMap } from "lit/directives/class-map.js";

package/es/components/toggle/toggle-skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/toggle/toggle-skeleton.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\nimport { LitElement, html } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport styles from './toggle.scss?lit';\n\n/**\n * @element cds-toggle-skeleton\n *\n * Skeleton of toggle.\n */\n@customElement(`${prefix}-toggle-skeleton`)\nclass CDSToggleSkeleton extends LitElement {\n  render() {\n    const skeletonClasses = classMap({\n      [`${prefix}--toggle`]: true,\n      [`${prefix}--toggle--skeleton`]: true,\n    });\n\n    return html`\n      <div class=${skeletonClasses}>\n        <div class=\"${prefix}--toggle__skeleton-circle\"></div>\n        <div class=\"${prefix}--toggle__skeleton-rectangle\"></div>\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSToggleSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAA,oBAAA,MACM,0BAA0B,WAAW;CACzC,SAAS;AAMP,SAAO,IAAI;mBALa,SAAS;IAC9B,gBAAsB;IACtB,0BAAgC;GAClC,CAAC,CAG6B;4BACN;4BACA;;;;;gBAKXA;;;gCAhBjBC,cAAc,sBAA4B,CAAA,EAAA,kBAAA;AAmB3C,IAAA,0BAAe"}
+{"version":3,"file":"toggle-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/toggle/toggle-skeleton.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\nimport { LitElement, html } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport styles from './toggle.scss?lit';\n\n/**\n * @element cds-toggle-skeleton\n *\n * Skeleton of toggle.\n */\n@customElement(`${prefix}-toggle-skeleton`)\nclass CDSToggleSkeleton extends LitElement {\n  render() {\n    const skeletonClasses = classMap({\n      [`${prefix}--toggle`]: true,\n      [`${prefix}--toggle--skeleton`]: true,\n    });\n\n    return html`\n      <div class=${skeletonClasses}>\n        <div class=\"${prefix}--toggle__skeleton-circle\"></div>\n        <div class=\"${prefix}--toggle__skeleton-rectangle\"></div>\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSToggleSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAA,oBAAA,MACM,0BAA0B,WAAW;CACzC,SAAS;EAMP,OAAO,IAAI;mBALa,SAAS;IAC9B,gBAAsB;IACtB,0BAAgC;EACnC,CAG6B,EAAE;4BACN;4BACA;;;CAG3B;;gBAEgBA;;AAClB;gCAjBCC,cAAc,qBAA2B,CAAA,GAAA,iBAAA;AAmB1C,IAAA,0BAAe"}

package/es/components/toggle/toggle.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 HostListenerMixin from "../../globals/mixins/host-listener.js";
 import checkbox_default from "../checkbox/checkbox.js";
 import { TOGGLE_SIZE } from "./defs.js";

package/es/components/toggle/toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.js","names":["CDSCheckbox","styles","customElement"],"sources":["../../../src/components/toggle/toggle.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 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\nimport { classMap } from 'lit/directives/class-map.js';\nimport { html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { prefix } from '../../globals/settings';\nimport CDSCheckbox from '../checkbox/checkbox';\nimport { TOGGLE_SIZE } from './defs';\nimport styles from './toggle.scss?lit';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { TOGGLE_SIZE };\n\n/**\n * Basic toggle.\n *\n * @element cds-toggle\n * @slot label-text - The label text.\n * @slot checked-text - The text for the checked state.\n * @slot unchecked-text - The text for the unchecked state.\n * @fires cds-toggle-changed - The custom event fired after this changebox changes its checked state.\n */\n@customElement(`${prefix}-toggle`)\nclass CDSToggle extends HostListenerMixin(CDSCheckbox) {\n  @query('button')\n  protected _checkboxNode!: HTMLInputElement;\n\n  /**\n   * Handles `click` event on the `<button>` in the shadow DOM.\n   */\n  protected _handleChange() {\n    const { checked } = this._checkboxNode;\n    if (this.disabled || this.readOnly) {\n      return;\n    }\n    this.toggled = !checked;\n    const { eventChange } = this.constructor as typeof CDSToggle;\n    this.dispatchEvent(\n      new CustomEvent(eventChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          checked: this.toggled, // TODO: remove in v12\n          toggled: this.toggled,\n        },\n      })\n    );\n  }\n\n  protected _renderCheckmark() {\n    if (this.size !== TOGGLE_SIZE.SMALL || this.readOnly == true) {\n      return undefined;\n    }\n    return html`\n      <svg\n        class=\"${prefix}--toggle__check\"\n        width=\"6px\"\n        height=\"5px\"\n        viewBox=\"0 0 6 5\">\n        <path d=\"M2.2 2.7L5 0 6 1 2.2 5 0 2.7 1 1.5z\" />\n      </svg>\n    `;\n  }\n\n  // TODO: remove in v12\n  /**\n   * @deprecated Use `toggled` instead.\n   * The `checked` attribute will be removed in the next major version.\n   */\n  declare checked: boolean;\n  // TODO: remove in v12\n  /**\n   *\n   * **Deprecated:** Use `toggled` instead.\n   * The `checked` attribute will be removed in the next major version.\n   */\n  @property({ type: Boolean, attribute: 'checked', reflect: true })\n  get _checkedAttributeAlias() {\n    return this.toggled;\n  }\n  set _checkedAttributeAlias(v: boolean) {\n    this.toggled = v;\n  }\n\n  // TODO: remove get() and set() in v12\n  /**\n   * Specify whether the control is toggled\n   */\n  @property({ type: Boolean, reflect: true })\n  get toggled(): boolean {\n    return this.checked;\n  }\n  set toggled(v: boolean) {\n    const prev = this.checked;\n    const next = v;\n    if (prev === next) return;\n    this.checked = v;\n\n    this.requestUpdate('toggled', prev);\n    this.requestUpdate('_checkedAttributeAlias');\n  }\n  /**\n   * Specify another element's id to be used as the label for this toggle\n   */\n  @property({ type: String, attribute: 'aria-labelledby' })\n  ariaLabelledby?: string;\n\n  // TODO: swap value with labelB in v12 to match React\n  /**\n   * Specify the label for the \"on\" position\n   */\n  @property({ attribute: 'label-a' })\n  labelA = 'On';\n\n  /**\n   * Hide label text.\n   */\n  @property({ reflect: true, type: Boolean })\n  hideLabel = false;\n\n  /**\n   * Read only boolean.\n   */\n  @property({ reflect: true, attribute: 'read-only', type: Boolean })\n  readOnly = false;\n\n  /**\n   * Toggle size.\n   */\n  @property({ reflect: true })\n  size = TOGGLE_SIZE.REGULAR;\n\n  // TODO: swap value with labelA in v12 to match React\n  /**\n   * Specify the label for the \"off\" position\n   */\n  @property({ attribute: 'label-b' })\n  labelB = 'Off';\n\n  /**\n   * Private references of external <label> elements that are\n   * `for=\"this-toggle-element-id\"`\n   */\n  private _externalLabels: HTMLLabelElement[] = [];\n\n  /**\n   * Handles `click` on external `<label>`\n   */\n  private _onExternalLabelClick = () => {\n    this._checkboxNode?.focus();\n    this._handleChange();\n  };\n\n  /**\n   * Finds external toggle `<label>`s and attaches handlers.\n   */\n  private _attachExternalLabels() {\n    const doc = this.ownerDocument || document;\n\n    const found = this.id\n      ? [...doc.querySelectorAll<HTMLLabelElement>(`label[for=\"${this.id}\"]`)]\n      : [];\n\n    this._externalLabels = Array.from(new Set(found));\n    this._externalLabels.forEach((lbl) => {\n      lbl.addEventListener('click', this._onExternalLabelClick);\n    });\n  }\n\n  connectedCallback() {\n    super.connectedCallback?.();\n    this._attachExternalLabels();\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback?.();\n    this._externalLabels.forEach((lbl) =>\n      lbl.removeEventListener('click', this._onExternalLabelClick)\n    );\n  }\n\n  render() {\n    const {\n      toggled,\n      disabled,\n      labelText,\n      hideLabel,\n      id,\n      name,\n      size,\n      labelA,\n      labelB,\n      value,\n      _handleChange: handleChange,\n    } = this;\n    const inputClasses = classMap({\n      [`${prefix}--toggle__appearance`]: true,\n      [`${prefix}--toggle__appearance--${size}`]: size,\n    });\n    const toggleClasses = classMap({\n      [`${prefix}--toggle__switch`]: true,\n      [`${prefix}--toggle__switch--checked`]: toggled,\n    });\n\n    const labelTextClasses = classMap({\n      [`${prefix}--toggle__label-text`]: labelText,\n      [`${prefix}--visually-hidden`]: hideLabel,\n    });\n\n    let stateText = '';\n\n    if (hideLabel) {\n      stateText = labelText || '';\n    } else {\n      stateText = toggled ? labelA : labelB;\n    }\n\n    const labelId = id ? `${id}_label` : undefined;\n\n    const hasLabelText = (this.labelText ?? '') !== '';\n\n    const ariaLabelledby = this.ariaLabelledby ?? (hasLabelText && labelId);\n\n    return html`\n      <button\n        class=\"${prefix}--toggle__button\"\n        role=\"switch\"\n        type=\"button\"\n        aria-checked=${toggled}\n        aria-labelledby=${ifDefined(ariaLabelledby)}\n        .checked=${toggled}\n        name=\"${ifDefined(name)}\"\n        value=\"${ifDefined(value)}\"\n        ?disabled=${disabled}\n        id=\"${id}\"\n        @click=${handleChange}></button>\n      <label for=\"${id}\" class=\"${prefix}--toggle__label\">\n        ${labelText\n          ? html`<span class=\"${labelTextClasses}\">${labelText}</span>`\n          : null}\n        <div class=\"${inputClasses}\">\n          <div class=\"${toggleClasses}\">${this._renderCheckmark()}</div>\n          <span class=\"${prefix}--toggle__text\" aria-hidden=\"true\"\n            >${stateText}</span\n          >\n        </div>\n      </label>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after this changebox changes its toggled state.\n   */\n  static get eventChange() {\n    return `${prefix}-toggle-changed`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSToggle;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,IAAA,YAAA,MACM,kBAAkB,kBAAkBA,iBAAY,CAAC;;;gBAyF5C;mBAMG;kBAMD;;gBAaF;yBAMqC,EAAE;qCAKV;AACpC,QAAK,eAAe,OAAO;AAC3B,QAAK,eAAe;;;;;;CAxHtB,gBAA0B;EACxB,MAAM,EAAE,YAAY,KAAK;AACzB,MAAI,KAAK,YAAY,KAAK,SACxB;AAEF,OAAK,UAAU,CAAC;EAChB,MAAM,EAAE,gBAAgB,KAAK;AAC7B,OAAK,cACH,IAAI,YAAY,aAAa;GAC3B,SAAS;GACT,UAAU;GACV,QAAQ;IACN,SAAS,KAAK;IACd,SAAS,KAAK;IACf;GACF,CAAC,CACH;;CAGH,mBAA6B;AAC3B,MAAI,KAAK,SAAA,QAA8B,KAAK,YAAY,KACtD;AAEF,SAAO,IAAI;;uBAES;;;;;;;;;;;;;CAqBtB,IACI,yBAAyB;AAC3B,SAAO,KAAK;;CAEd,IAAI,uBAAuB,GAAY;AACrC,OAAK,UAAU;;;;;CAOjB,IACI,UAAmB;AACrB,SAAO,KAAK;;CAEd,IAAI,QAAQ,GAAY;EACtB,MAAM,OAAO,KAAK;AAElB,MAAI,SADS,EACM;AACnB,OAAK,UAAU;AAEf,OAAK,cAAc,WAAW,KAAK;AACnC,OAAK,cAAc,yBAAyB;;;;;CAyD9C,wBAAgC;EAC9B,MAAM,MAAM,KAAK,iBAAiB;EAElC,MAAM,QAAQ,KAAK,KACf,CAAC,GAAG,IAAI,iBAAmC,cAAc,KAAK,GAAG,IAAI,CAAC,GACtE,EAAE;AAEN,OAAK,kBAAkB,MAAM,KAAK,IAAI,IAAI,MAAM,CAAC;AACjD,OAAK,gBAAgB,SAAS,QAAQ;AACpC,OAAI,iBAAiB,SAAS,KAAK,sBAAsB;IACzD;;CAGJ,oBAAoB;AAClB,QAAM,qBAAqB;AAC3B,OAAK,uBAAuB;;CAG9B,uBAAuB;AACrB,QAAM,wBAAwB;AAC9B,OAAK,gBAAgB,SAAS,QAC5B,IAAI,oBAAoB,SAAS,KAAK,sBAAsB,CAC7D;;CAGH,SAAS;EACP,MAAM,EACJ,SACA,UACA,WACA,WACA,IACA,MACA,MACA,QACA,QACA,OACA,eAAe,iBACb;EACJ,MAAM,eAAe,SAAS;IAC3B,4BAAkC;IAClC,4BAAkC,SAAS;GAC7C,CAAC;EACF,MAAM,gBAAgB,SAAS;IAC5B,wBAA8B;IAC9B,iCAAuC;GACzC,CAAC;EAEF,MAAM,mBAAmB,SAAS;IAC/B,4BAAkC;IAClC,yBAA+B;GACjC,CAAC;EAEF,IAAI,YAAY;AAEhB,MAAI,UACF,aAAY,aAAa;MAEzB,aAAY,UAAU,SAAS;EAGjC,MAAM,UAAU,KAAK,GAAG,GAAG,UAAU,KAAA;EAErC,MAAM,gBAAgB,KAAK,aAAa,QAAQ;AAIhD,SAAO,IAAI;;uBAES;;;uBAGD,QAAQ;0BACL,UARC,KAAK,mBAAmB,gBAAgB,SAQhB,CAAC;mBACjC,QAAQ;gBACX,UAAU,KAAK,CAAC;iBACf,UAAU,MAAM,CAAC;oBACd,SAAS;cACf,GAAG;iBACA,aAAa;oBACV,GAAG,WAAA,MAAkB;UAC/B,YACE,IAAI,gBAAgB,iBAAiB,IAAI,UAAU,WACnD,KAAK;sBACK,aAAa;wBACX,cAAc,IAAI,KAAK,kBAAkB,CAAC;+BAClC;eACjB,UAAU;;;;;;;;;CAUvB,WAAW,cAAc;AACvB,SAAO;;;gBAGOC;;;YAzOf,MAAM,SAAS,CAAA,EAAA,UAAA,WAAA,iBAAA,KAAA,EAAA;YAoDf,SAAS;CAAE,MAAM;CAAS,WAAW;CAAW,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,0BAAA,KAAA;YAYhE,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,WAAA,KAAA;YAgB1C,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAmB,CAAC,CAAA,EAAA,UAAA,WAAA,kBAAA,KAAA,EAAA;YAOxD,SAAS,EAAE,WAAW,WAAW,CAAC,CAAA,EAAA,UAAA,WAAA,UAAA,KAAA,EAAA;YAMlC,SAAS;CAAE,SAAS;CAAM,MAAM;CAAS,CAAC,CAAA,EAAA,UAAA,WAAA,aAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,SAAS;CAAM,WAAW;CAAa,MAAM;CAAS,CAAC,CAAA,EAAA,UAAA,WAAA,YAAA,KAAA,EAAA;YAMlE,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,UAAA,WAAA,QAAA,KAAA,EAAA;YAO3B,SAAS,EAAE,WAAW,WAAW,CAAC,CAAA,EAAA,UAAA,WAAA,UAAA,KAAA,EAAA;wBAlHpCC,cAAc,aAAmB,CAAA,EAAA,UAAA;AA8OlC,IAAA,iBAAe"}
+{"version":3,"file":"toggle.js","names":["CDSCheckbox","next","styles","customElement"],"sources":["../../../src/components/toggle/toggle.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 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\nimport { classMap } from 'lit/directives/class-map.js';\nimport { html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { prefix } from '../../globals/settings';\nimport CDSCheckbox from '../checkbox/checkbox';\nimport { TOGGLE_SIZE } from './defs';\nimport styles from './toggle.scss?lit';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { TOGGLE_SIZE };\n\n/**\n * Basic toggle.\n *\n * @element cds-toggle\n * @slot label-text - The label text.\n * @slot checked-text - The text for the checked state.\n * @slot unchecked-text - The text for the unchecked state.\n * @fires cds-toggle-changed - The custom event fired after this changebox changes its checked state.\n */\n@customElement(`${prefix}-toggle`)\nclass CDSToggle extends HostListenerMixin(CDSCheckbox) {\n  @query('button')\n  protected _checkboxNode!: HTMLInputElement;\n\n  /**\n   * Handles `click` event on the `<button>` in the shadow DOM.\n   */\n  protected _handleChange() {\n    const { checked } = this._checkboxNode;\n    if (this.disabled || this.readOnly) {\n      return;\n    }\n    this.toggled = !checked;\n    const { eventChange } = this.constructor as typeof CDSToggle;\n    this.dispatchEvent(\n      new CustomEvent(eventChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          checked: this.toggled, // TODO: remove in v12\n          toggled: this.toggled,\n        },\n      })\n    );\n  }\n\n  protected _renderCheckmark() {\n    if (this.size !== TOGGLE_SIZE.SMALL || this.readOnly == true) {\n      return undefined;\n    }\n    return html`\n      <svg\n        class=\"${prefix}--toggle__check\"\n        width=\"6px\"\n        height=\"5px\"\n        viewBox=\"0 0 6 5\">\n        <path d=\"M2.2 2.7L5 0 6 1 2.2 5 0 2.7 1 1.5z\" />\n      </svg>\n    `;\n  }\n\n  // TODO: remove in v12\n  /**\n   * @deprecated Use `toggled` instead.\n   * The `checked` attribute will be removed in the next major version.\n   */\n  declare checked: boolean;\n  // TODO: remove in v12\n  /**\n   *\n   * **Deprecated:** Use `toggled` instead.\n   * The `checked` attribute will be removed in the next major version.\n   */\n  @property({ type: Boolean, attribute: 'checked', reflect: true })\n  get _checkedAttributeAlias() {\n    return this.toggled;\n  }\n  set _checkedAttributeAlias(v: boolean) {\n    this.toggled = v;\n  }\n\n  // TODO: remove get() and set() in v12\n  /**\n   * Specify whether the control is toggled\n   */\n  @property({ type: Boolean, reflect: true })\n  get toggled(): boolean {\n    return this.checked;\n  }\n  set toggled(v: boolean) {\n    const prev = this.checked;\n    const next = v;\n    if (prev === next) return;\n    this.checked = v;\n\n    this.requestUpdate('toggled', prev);\n    this.requestUpdate('_checkedAttributeAlias');\n  }\n  /**\n   * Specify another element's id to be used as the label for this toggle\n   */\n  @property({ type: String, attribute: 'aria-labelledby' })\n  ariaLabelledby?: string;\n\n  // TODO: swap value with labelB in v12 to match React\n  /**\n   * Specify the label for the \"on\" position\n   */\n  @property({ attribute: 'label-a' })\n  labelA = 'On';\n\n  /**\n   * Hide label text.\n   */\n  @property({ reflect: true, type: Boolean })\n  hideLabel = false;\n\n  /**\n   * Read only boolean.\n   */\n  @property({ reflect: true, attribute: 'read-only', type: Boolean })\n  readOnly = false;\n\n  /**\n   * Toggle size.\n   */\n  @property({ reflect: true })\n  size = TOGGLE_SIZE.REGULAR;\n\n  // TODO: swap value with labelA in v12 to match React\n  /**\n   * Specify the label for the \"off\" position\n   */\n  @property({ attribute: 'label-b' })\n  labelB = 'Off';\n\n  /**\n   * Private references of external <label> elements that are\n   * `for=\"this-toggle-element-id\"`\n   */\n  private _externalLabels: HTMLLabelElement[] = [];\n\n  /**\n   * Handles `click` on external `<label>`\n   */\n  private _onExternalLabelClick = () => {\n    this._checkboxNode?.focus();\n    this._handleChange();\n  };\n\n  /**\n   * Finds external toggle `<label>`s and attaches handlers.\n   */\n  private _attachExternalLabels() {\n    const doc = this.ownerDocument || document;\n\n    const found = this.id\n      ? [...doc.querySelectorAll<HTMLLabelElement>(`label[for=\"${this.id}\"]`)]\n      : [];\n\n    this._externalLabels = Array.from(new Set(found));\n    this._externalLabels.forEach((lbl) => {\n      lbl.addEventListener('click', this._onExternalLabelClick);\n    });\n  }\n\n  connectedCallback() {\n    super.connectedCallback?.();\n    this._attachExternalLabels();\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback?.();\n    this._externalLabels.forEach((lbl) =>\n      lbl.removeEventListener('click', this._onExternalLabelClick)\n    );\n  }\n\n  render() {\n    const {\n      toggled,\n      disabled,\n      labelText,\n      hideLabel,\n      id,\n      name,\n      size,\n      labelA,\n      labelB,\n      value,\n      _handleChange: handleChange,\n    } = this;\n    const inputClasses = classMap({\n      [`${prefix}--toggle__appearance`]: true,\n      [`${prefix}--toggle__appearance--${size}`]: size,\n    });\n    const toggleClasses = classMap({\n      [`${prefix}--toggle__switch`]: true,\n      [`${prefix}--toggle__switch--checked`]: toggled,\n    });\n\n    const labelTextClasses = classMap({\n      [`${prefix}--toggle__label-text`]: labelText,\n      [`${prefix}--visually-hidden`]: hideLabel,\n    });\n\n    let stateText = '';\n\n    if (hideLabel) {\n      stateText = labelText || '';\n    } else {\n      stateText = toggled ? labelA : labelB;\n    }\n\n    const labelId = id ? `${id}_label` : undefined;\n\n    const hasLabelText = (this.labelText ?? '') !== '';\n\n    const ariaLabelledby = this.ariaLabelledby ?? (hasLabelText && labelId);\n\n    return html`\n      <button\n        class=\"${prefix}--toggle__button\"\n        role=\"switch\"\n        type=\"button\"\n        aria-checked=${toggled}\n        aria-labelledby=${ifDefined(ariaLabelledby)}\n        .checked=${toggled}\n        name=\"${ifDefined(name)}\"\n        value=\"${ifDefined(value)}\"\n        ?disabled=${disabled}\n        id=\"${id}\"\n        @click=${handleChange}></button>\n      <label for=\"${id}\" class=\"${prefix}--toggle__label\">\n        ${labelText\n          ? html`<span class=\"${labelTextClasses}\">${labelText}</span>`\n          : null}\n        <div class=\"${inputClasses}\">\n          <div class=\"${toggleClasses}\">${this._renderCheckmark()}</div>\n          <span class=\"${prefix}--toggle__text\" aria-hidden=\"true\"\n            >${stateText}</span\n          >\n        </div>\n      </label>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after this changebox changes its toggled state.\n   */\n  static get eventChange() {\n    return `${prefix}-toggle-changed`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSToggle;\n"],"mappings":"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"}

package/es/components/toggle-tip/toggletip.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 HostListener from "../../globals/decorators/host-listener.js";

package/es/components/toggle-tip/toggletip.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggletip.js","names":["FloatingUIController","popoverStyles","styles","customElement"],"sources":["../../../src/components/toggle-tip/toggletip.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 { adoptStyles, html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport Information16 from '@carbon/icons/es/information/16.js';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { POPOVER_ALIGNMENT } from '../popover/defs';\nimport FloatingUIController from '../../globals/controllers/floating-controller';\nimport styles from './toggletip.scss?lit';\nimport popoverStyles from '../popover/popover.scss?lit';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport { deepShadowContains } from '../../globals/internal/deep-shadow-contains';\n\n/**\n * Definition tooltip.\n *\n * @element cds-toggletip\n */\n@customElement(`${prefix}-toggletip`)\nclass CDSToggletip extends HostListenerMixin(FocusMixin(LitElement)) {\n  /**\n   * Create popover controller instance\n   */\n  private popoverController = new FloatingUIController(this);\n\n  /**\n   * How the tooltip is aligned to the trigger button.\n   */\n  @property({ reflect: true })\n  alignment = POPOVER_ALIGNMENT.TOP;\n\n  /**\n   * **Experimental:** Provide an offset value for alignment axis. Only takes effect when `autoalign` is enabled.\n   */\n  @property({ type: Number, attribute: 'alignment-axis-offset' })\n  alignmentAxisOffset = 0;\n\n  /**\n   * Specify whether a auto align functionality should be applied\n   */\n  @property({ type: Boolean, reflect: true })\n  autoalign = false;\n\n  /**\n   * The label for the toggle button\n   */\n  @property({ attribute: 'button-label' })\n  buttonLabel = 'Show information';\n\n  /**\n   * Set whether toggletip is open\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * Set whether toggletip is open by default.\n   */\n  @property({ type: Boolean, attribute: 'default-open' })\n  defaultOpen = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    if (this.defaultOpen && !this.hasAttribute('open')) {\n      this.open = true;\n    }\n\n    adoptStyles(this.renderRoot as ShadowRoot, [popoverStyles, styles]);\n  }\n\n  /**\n   * Handles `slotchange` event.\n   */\n  private _handleActionsSlotChange({ target }: Event) {\n    const hasContent = (target as HTMLSlotElement).assignedNodes();\n    if (hasContent) {\n      this.setAttribute('has-actions', '');\n    } else {\n      this.removeAttribute('has-actions');\n    }\n  }\n\n  protected _handleClick() {\n    this.open = !this.open;\n  }\n\n  /**\n   * Handles `keydown` event on this element.\n   */\n  @HostListener('keydown')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  protected _handleKeydown = async (event) => {\n    if (event.key === 'Escape') {\n      this.open = false;\n    }\n  };\n\n  /**\n   * Handles `blur` event handler on the document this element is in.\n   *\n   * @param event The event.\n   */\n  @HostListener('focusout')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  protected _handleFocusOut(event: FocusEvent) {\n    if (this.contains(event.relatedTarget as Node)) {\n      return;\n    }\n\n    if (deepShadowContains(this, event.relatedTarget)) {\n      return;\n    }\n    this.open = false;\n  }\n\n  protected _renderToggleTipLabel = () => {\n    return html`\n      <span class=\"${prefix}--toggletip-label\">\n        <slot></slot>\n      </span>\n    `;\n  };\n\n  protected _renderTooltipButton = () => {\n    return html`\n      <button\n        aria-controls=\"${this.id}\"\n        aria-label=\"${this.buttonLabel}\"\n        class=\"${prefix}--toggletip-button\"\n        @click=${this._handleClick}>\n        <slot name=\"trigger\"\n          >${iconLoader(Information16, { id: 'trigger' })}\n        </slot>\n      </button>\n    `;\n  };\n\n  protected _renderTooltipContent = () => {\n    return this.autoalign\n      ? html`\n          <span class=\"${prefix}--popover-content\">\n            <div class=\"${prefix}--toggletip-content\">\n              <slot name=\"body-text\"></slot>\n              <div class=\"${prefix}--toggletip-actions\">\n                <slot\n                  name=\"actions\"\n                  @slotchange=\"${this._handleActionsSlotChange}\"></slot>\n              </div>\n            </div>\n            <span class=\"${prefix}--popover-caret\"></span>\n          </span>\n        `\n      : html`\n          <span class=\"${prefix}--popover\">\n            <span class=\"${prefix}--popover-content\">\n              <div class=\"${prefix}--toggletip-content\">\n                <slot name=\"body-text\"></slot>\n                <div class=\"${prefix}--toggletip-actions\">\n                  <slot\n                    name=\"actions\"\n                    @slotchange=\"${this._handleActionsSlotChange}\"></slot>\n                </div>\n              </div>\n            </span>\n            <span class=\"${prefix}--popover-caret\"></span>\n          </span>\n        `;\n  };\n\n  protected _renderInnerContent = () => {\n    return html`\n      ${this._renderTooltipButton()} ${this._renderTooltipContent()}\n    `;\n  };\n\n  updated() {\n    if (this.autoalign) {\n      // auto align functionality with @floating-ui/dom library\n      const button = this.shadowRoot?.querySelector(\n        CDSToggletip.selectorToggletipButton\n      );\n\n      const tooltip = this.shadowRoot?.querySelector(\n        CDSToggletip.selectorToggletipContent\n      );\n      const arrowElement = this.shadowRoot?.querySelector(\n        CDSToggletip.selectorToggletipCaret\n      );\n\n      if (button && tooltip) {\n        // Ensure toggletip is visible when rendered in a large scrollable container (storybook parity)\n        button.scrollIntoView({ block: 'center', inline: 'center' });\n\n        this.popoverController?.setPlacement({\n          trigger: button as HTMLElement,\n          target: tooltip as HTMLElement,\n          arrowElement: arrowElement as HTMLElement,\n          caret: true,\n          flipArguments: { fallbackAxisSideDirection: 'start' },\n          alignment: this.alignment,\n          open: this.open,\n          alignmentAxisOffset: this.alignmentAxisOffset,\n        });\n      }\n    }\n  }\n\n  render() {\n    const { alignment, open } = this;\n    const classes = classMap({\n      [`${prefix}--popover-container`]: true,\n      [`${prefix}--popover--caret`]: true,\n      [`${prefix}--popover--high-contrast`]: true,\n      [`${prefix}--popover--open`]: open,\n      [`${prefix}--popover--${alignment}`]: alignment,\n      [`${prefix}--toggletip`]: true,\n      [`${prefix}--toggletip--open`]: open,\n    });\n    return html`\n      ${this._renderToggleTipLabel()}\n      <span class=\"${classes}\"> ${this._renderInnerContent()} </span>\n    `;\n  }\n\n  /**\n   * A selector that will return the toggletip content.\n   */\n  static get selectorToggletipContent() {\n    return `.${prefix}--popover-content`;\n  }\n\n  /**\n   * A selector that will return the toggletip caret.\n   */\n  static get selectorToggletipCaret() {\n    return `.${prefix}--popover-caret`;\n  }\n\n  /**\n   * A selector that will return the trigger element.\n   */\n  static get selectorToggletipButton() {\n    return `.${prefix}--toggletip-button`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n}\n\nexport default CDSToggletip;\n"],"mappings":"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"}
+{"version":3,"file":"toggletip.js","names":["FloatingUIController","popoverStyles","styles","customElement"],"sources":["../../../src/components/toggle-tip/toggletip.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 { adoptStyles, html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport Information16 from '@carbon/icons/es/information/16.js';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { POPOVER_ALIGNMENT } from '../popover/defs';\nimport FloatingUIController from '../../globals/controllers/floating-controller';\nimport styles from './toggletip.scss?lit';\nimport popoverStyles from '../popover/popover.scss?lit';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport { deepShadowContains } from '../../globals/internal/deep-shadow-contains';\n\n/**\n * Definition tooltip.\n *\n * @element cds-toggletip\n */\n@customElement(`${prefix}-toggletip`)\nclass CDSToggletip extends HostListenerMixin(FocusMixin(LitElement)) {\n  /**\n   * Create popover controller instance\n   */\n  private popoverController = new FloatingUIController(this);\n\n  /**\n   * How the tooltip is aligned to the trigger button.\n   */\n  @property({ reflect: true })\n  alignment = POPOVER_ALIGNMENT.TOP;\n\n  /**\n   * **Experimental:** Provide an offset value for alignment axis. Only takes effect when `autoalign` is enabled.\n   */\n  @property({ type: Number, attribute: 'alignment-axis-offset' })\n  alignmentAxisOffset = 0;\n\n  /**\n   * Specify whether a auto align functionality should be applied\n   */\n  @property({ type: Boolean, reflect: true })\n  autoalign = false;\n\n  /**\n   * The label for the toggle button\n   */\n  @property({ attribute: 'button-label' })\n  buttonLabel = 'Show information';\n\n  /**\n   * Set whether toggletip is open\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * Set whether toggletip is open by default.\n   */\n  @property({ type: Boolean, attribute: 'default-open' })\n  defaultOpen = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    if (this.defaultOpen && !this.hasAttribute('open')) {\n      this.open = true;\n    }\n\n    adoptStyles(this.renderRoot as ShadowRoot, [popoverStyles, styles]);\n  }\n\n  /**\n   * Handles `slotchange` event.\n   */\n  private _handleActionsSlotChange({ target }: Event) {\n    const hasContent = (target as HTMLSlotElement).assignedNodes();\n    if (hasContent) {\n      this.setAttribute('has-actions', '');\n    } else {\n      this.removeAttribute('has-actions');\n    }\n  }\n\n  protected _handleClick() {\n    this.open = !this.open;\n  }\n\n  /**\n   * Handles `keydown` event on this element.\n   */\n  @HostListener('keydown')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  protected _handleKeydown = async (event) => {\n    if (event.key === 'Escape') {\n      this.open = false;\n    }\n  };\n\n  /**\n   * Handles `blur` event handler on the document this element is in.\n   *\n   * @param event The event.\n   */\n  @HostListener('focusout')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  protected _handleFocusOut(event: FocusEvent) {\n    if (this.contains(event.relatedTarget as Node)) {\n      return;\n    }\n\n    if (deepShadowContains(this, event.relatedTarget)) {\n      return;\n    }\n    this.open = false;\n  }\n\n  protected _renderToggleTipLabel = () => {\n    return html`\n      <span class=\"${prefix}--toggletip-label\">\n        <slot></slot>\n      </span>\n    `;\n  };\n\n  protected _renderTooltipButton = () => {\n    return html`\n      <button\n        aria-controls=\"${this.id}\"\n        aria-label=\"${this.buttonLabel}\"\n        class=\"${prefix}--toggletip-button\"\n        @click=${this._handleClick}>\n        <slot name=\"trigger\"\n          >${iconLoader(Information16, { id: 'trigger' })}\n        </slot>\n      </button>\n    `;\n  };\n\n  protected _renderTooltipContent = () => {\n    return this.autoalign\n      ? html`\n          <span class=\"${prefix}--popover-content\">\n            <div class=\"${prefix}--toggletip-content\">\n              <slot name=\"body-text\"></slot>\n              <div class=\"${prefix}--toggletip-actions\">\n                <slot\n                  name=\"actions\"\n                  @slotchange=\"${this._handleActionsSlotChange}\"></slot>\n              </div>\n            </div>\n            <span class=\"${prefix}--popover-caret\"></span>\n          </span>\n        `\n      : html`\n          <span class=\"${prefix}--popover\">\n            <span class=\"${prefix}--popover-content\">\n              <div class=\"${prefix}--toggletip-content\">\n                <slot name=\"body-text\"></slot>\n                <div class=\"${prefix}--toggletip-actions\">\n                  <slot\n                    name=\"actions\"\n                    @slotchange=\"${this._handleActionsSlotChange}\"></slot>\n                </div>\n              </div>\n            </span>\n            <span class=\"${prefix}--popover-caret\"></span>\n          </span>\n        `;\n  };\n\n  protected _renderInnerContent = () => {\n    return html`\n      ${this._renderTooltipButton()} ${this._renderTooltipContent()}\n    `;\n  };\n\n  updated() {\n    if (this.autoalign) {\n      // auto align functionality with @floating-ui/dom library\n      const button = this.shadowRoot?.querySelector(\n        CDSToggletip.selectorToggletipButton\n      );\n\n      const tooltip = this.shadowRoot?.querySelector(\n        CDSToggletip.selectorToggletipContent\n      );\n      const arrowElement = this.shadowRoot?.querySelector(\n        CDSToggletip.selectorToggletipCaret\n      );\n\n      if (button && tooltip) {\n        // Ensure toggletip is visible when rendered in a large scrollable container (storybook parity)\n        button.scrollIntoView({ block: 'center', inline: 'center' });\n\n        this.popoverController?.setPlacement({\n          trigger: button as HTMLElement,\n          target: tooltip as HTMLElement,\n          arrowElement: arrowElement as HTMLElement,\n          caret: true,\n          flipArguments: { fallbackAxisSideDirection: 'start' },\n          alignment: this.alignment,\n          open: this.open,\n          alignmentAxisOffset: this.alignmentAxisOffset,\n        });\n      }\n    }\n  }\n\n  render() {\n    const { alignment, open } = this;\n    const classes = classMap({\n      [`${prefix}--popover-container`]: true,\n      [`${prefix}--popover--caret`]: true,\n      [`${prefix}--popover--high-contrast`]: true,\n      [`${prefix}--popover--open`]: open,\n      [`${prefix}--popover--${alignment}`]: alignment,\n      [`${prefix}--toggletip`]: true,\n      [`${prefix}--toggletip--open`]: open,\n    });\n    return html`\n      ${this._renderToggleTipLabel()}\n      <span class=\"${classes}\"> ${this._renderInnerContent()} </span>\n    `;\n  }\n\n  /**\n   * A selector that will return the toggletip content.\n   */\n  static get selectorToggletipContent() {\n    return `.${prefix}--popover-content`;\n  }\n\n  /**\n   * A selector that will return the toggletip caret.\n   */\n  static get selectorToggletipCaret() {\n    return `.${prefix}--popover-caret`;\n  }\n\n  /**\n   * A selector that will return the trigger element.\n   */\n  static get selectorToggletipButton() {\n    return `.${prefix}--toggletip-button`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n}\n\nexport default CDSToggletip;\n"],"mappings":"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"}