@carbon/web-components 2.52.0 → 2.53.0

package/es/components/popover/popover.js

@@ -5,19 +5,18 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import HostListener from "../../globals/decorators/host-listener.js";
 import HostListenerMixin from "../../globals/mixins/host-listener.js";
-import { POPOVER_BACKGROUND_TOKEN } from "./defs.js";
+import "./defs.js";
 import FloatingController from "../../globals/controllers/floating-controller.js";
 import popover_default$1 from "./popover.scss.js";
 import { deepShadowContains } from "../../globals/internal/deep-shadow-contains.js";
 import { LitElement, html } from "lit";
 import { property, query } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
-
 //#region src/components/popover/popover.ts
 /**
 * Copyright IBM Corp. 2019, 2026
@@ -41,7 +40,7 @@ let CDSPopover = class CDSPopover extends HostListenerMixin(LitElement) {
 	* Handles `slotchange` event.
 	*/
 	_handleSlotChange({ target }) {
-		if (this.tabTip) target.assignedNodes().filter((node) => node.nodeType === Node.ELEMENT_NODE && node.tagName === "BUTTON")[0]?.classList.add(`${prefix}--popover--tab-tip__button`);
+		if (this.tabTip) target.assignedNodes().filter((node) => node.nodeType === Node.ELEMENT_NODE && node.tagName === "BUTTON")[0]?.classList.add(`cds--popover--tab-tip__button`);
 		this.requestUpdate();
 	}
 	_handleKeyDown(event) {
@@ -103,7 +102,7 @@ let CDSPopover = class CDSPopover extends HostListenerMixin(LitElement) {
 		this.highContrast = false;
 		this.open = false;
 		this.tabTip = false;
-		this.backgroundToken = POPOVER_BACKGROUND_TOKEN.LAYER;
+		this.backgroundToken = "layer";
 		this._handleOutsideClick = this._handleOutsideClick.bind(this);
 	}
 	connectedCallback() {
@@ -199,15 +198,15 @@ let CDSPopover = class CDSPopover extends HostListenerMixin(LitElement) {
 		}
 		return html`
       <span class="${classMap({
-			[`${prefix}--popover-container`]: true,
-			[`${prefix}--popover--caret`]: this.caret,
-			[`${prefix}--popover--drop-shadow`]: dropShadow,
-			[`${prefix}--popover--border`]: border,
-			[`${prefix}--popover--high-contrast`]: highContrast,
-			[`${prefix}--popover--open`]: open,
-			[`${prefix}--popover--${this.align}`]: true,
-			[`${prefix}--popover--tab-tip`]: tabTip,
-			[`${prefix}--popover--background-token__background`]: this.backgroundToken === POPOVER_BACKGROUND_TOKEN.BACKGROUND && !highContrast
+			[`cds--popover-container`]: true,
+			[`cds--popover--caret`]: this.caret,
+			[`cds--popover--drop-shadow`]: dropShadow,
+			[`cds--popover--border`]: border,
+			[`cds--popover--high-contrast`]: highContrast,
+			[`cds--popover--open`]: open,
+			[`cds--popover--${this.align}`]: true,
+			[`cds--popover--tab-tip`]: tabTip,
+			[`cds--popover--background-token__background`]: this.backgroundToken === "background" && !highContrast
 		})}" part="popover-container">
         <slot @slotchange="${handleSlotChange}"></slot>
         <slot name="content"></slot>
@@ -219,33 +218,33 @@ let CDSPopover = class CDSPopover extends HostListenerMixin(LitElement) {
 	* CDSPopoverContent's shadowRoot.
 	*/
 	static get selectorPopoverContentClass() {
-		return `.${prefix}--popover-content`;
+		return `.cds--popover-content`;
 	}
 	/**
 	* A selector that will return popover caret element within
 	* CDSPopoverContent's shadowRoot.
 	*/
 	static get selectorPopoverCaret() {
-		return `.${prefix}--popover-caret`;
+		return `.cds--popover-caret`;
 	}
 	/**
 	* A selector that will return the CDSPopoverContent.
 	*/
 	static get selectorPopoverContent() {
-		return `${prefix}-popover-content`;
+		return `cds-popover-content`;
 	}
 	/**
 	* The name of the custom event fired before the popover closes via focusout/outsideclick.
 	* This event is cancellable.
 	*/
 	static get eventBeforeClose() {
-		return `${prefix}-popover-beingclosed`;
+		return `cds-popover-beingclosed`;
 	}
 	/**
 	* The name of the custom event fired when the popover closes via focusout/outsideclick
 	*/
 	static get eventOnClose() {
-		return `${prefix}-popover-closed`;
+		return `cds-popover-closed`;
 	}
 	static {
 		this.styles = popover_default$1;
@@ -301,9 +300,9 @@ __decorate([property({
 })], CDSPopover.prototype, "autoAlignBoundary", void 0);
 __decorate([HostListener("keydown")], CDSPopover.prototype, "_handleKeyDown", null);
 __decorate([HostListener("focusout")], CDSPopover.prototype, "_handleFocusOut", null);
-CDSPopover = _CDSPopover = __decorate([carbonElement(`${prefix}-popover`)], CDSPopover);
+CDSPopover = _CDSPopover = __decorate([carbonElement(`cds-popover`)], CDSPopover);
 var popover_default = CDSPopover;
-
 //#endregion
 export { popover_default as default };
+
 //# sourceMappingURL=popover.js.map

package/es/components/popover/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","names":["FloatingUIController","styles","customElement"],"sources":["../../../src/components/popover/popover.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, query } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport styles from './popover.scss?lit';\nimport CDSPopoverContent from './popover-content';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport FloatingUIController from '../../globals/controllers/floating-controller';\nimport { POPOVER_BACKGROUND_TOKEN } from './defs';\nimport type { Boundary, Rect } from '@floating-ui/dom';\nimport { deepShadowContains } from '../../globals/internal/deep-shadow-contains';\n\n/**\n * Popover.\n *\n * @element cds-popover\n * @fires cds-popover-beingclosed before the popover closes via focusout/outsideclick.\n * @fires cds-popover-closed when the popover closes via focusout/outsideclick\n */\n@customElement(`${prefix}-popover`)\nclass CDSPopover extends HostListenerMixin(LitElement) {\n  /**\n   * Create popover controller instance\n   */\n  private popoverController = new FloatingUIController(this);\n\n  /**\n   * The `<slot>` element in the shadow DOM.\n   */\n  @query('slot')\n  private _triggerSlotNode!: HTMLSlotElement;\n\n  /**\n   * The `<slot>` element in the shadow DOM.\n   */\n  @query('slot[name=\"content\"]')\n  private _contentSlotNode!: HTMLSlotElement;\n\n  /**\n   * Tracks Tab key press to check relatedTarget on focusout event\n   */\n  private _tabKeyPressed = false;\n\n  /**\n   * Specify direction of alignment\n   */\n  @property({ reflect: true, type: String })\n  align = '';\n\n  /**\n   * **Experimental:** Provide an offset value for alignment axis. Only takes effect when `autoalign` is enabled.\n   */\n  @property({ type: Number, reflect: true, attribute: 'alignment-axis-offset' })\n  alignmentAxisOffset?: number;\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   * Specify whether a caret should be rendered\n   */\n  @property({ type: Boolean, reflect: true })\n  caret = true;\n\n  /**\n   * Specify whether a dropShadow should be rendered\n   */\n  @property({ type: Boolean, reflect: true })\n  dropShadow = true;\n\n  /**\n   * Specify whether a border should be rendered on the popover\n   */\n  @property({ type: Boolean, reflect: true })\n  border = false;\n\n  /**\n   * Render the component using the high-contrast variant\n   */\n  @property({ type: Boolean, reflect: true })\n  highContrast = false;\n\n  /**\n   * Specify whether the component is currently open or closed\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * Render the component using the tab tip variant\n   */\n  @property({ type: Boolean, reflect: true })\n  tabTip = false;\n\n  /**\n   * Specify the background token to use. Default is 'layer'.\n   */\n  @property({ reflect: true, type: String })\n  backgroundToken = POPOVER_BACKGROUND_TOKEN.LAYER;\n\n  /**\n   * Specify a bounding element to be used for autoAlign calculations. The viewport is used by default.\n   * Takes one of the following: 'clippingAncestors', '#elementid', '#elementid_1, #elementid_2', 'rect(x, y, width, height)'\n   * This prop is currently experimental and is subject to future changes.\n   */\n  @property({ type: String, reflect: true, attribute: 'autoalign-boundary' })\n  autoAlignBoundary?: string;\n\n  /**\n   * Handles `slotchange` event.\n   */\n  protected _handleSlotChange({ target }: Event) {\n    if (this.tabTip) {\n      const component = (target as HTMLSlotElement)\n        .assignedNodes()\n        .filter(\n          (node) =>\n            node.nodeType === Node.ELEMENT_NODE &&\n            (node as Element).tagName === 'BUTTON'\n        );\n\n      (component[0] as HTMLElement)?.classList.add(\n        `${prefix}--popover--tab-tip__button`\n      );\n    }\n    this.requestUpdate();\n  }\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\n  private _handleKeyDown(event: KeyboardEvent) {\n    if (!this.open) {\n      return;\n    }\n    if (event.key === 'Tab') {\n      this._tabKeyPressed = true;\n    } else {\n      this._tabKeyPressed = false;\n    }\n  }\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\n  private _handleFocusOut(event: FocusEvent) {\n    // Only handle focusout if Tab key was pressed\n    if (!this._tabKeyPressed || !this.open) {\n      return;\n    }\n\n    if (\n      this.contains(event.relatedTarget as Node) ||\n      deepShadowContains(this, event.relatedTarget)\n    ) {\n      this._tabKeyPressed = false;\n      return;\n    }\n\n    // focus moved outside the popover, close it\n    this._tabKeyPressed = false;\n    if (\n      this.dispatchEvent(\n        new CustomEvent(\n          (this.constructor as typeof CDSPopover).eventBeforeClose,\n          {\n            bubbles: true,\n            cancelable: true,\n            composed: true,\n            detail: {\n              triggeredBy: event.target,\n            },\n          }\n        )\n      )\n    ) {\n      this.open = false;\n      this.dispatchEvent(\n        new CustomEvent((this.constructor as typeof CDSPopover).eventOnClose, {\n          bubbles: true,\n          composed: true,\n        })\n      );\n    }\n  }\n\n  private _handleOutsideClick(event: Event) {\n    const path = event.composedPath();\n\n    if (path.includes(this._triggerSlotNode.assignedElements()[0])) return;\n\n    const popoverContent = this.querySelector(\n      (this.constructor as typeof CDSPopover).selectorPopoverContent\n    )?.shadowRoot?.querySelector(\n      (this.constructor as typeof CDSPopover).selectorPopoverContentClass\n    ) as HTMLElement;\n\n    if (path.includes(popoverContent)) return;\n\n    const target = event.target as Node | null;\n    const composedTarget = event.composedPath?.()[0] as Node | null;\n\n    if (\n      this.open &&\n      target &&\n      !this.contains(target) &&\n      !this.contains(composedTarget)\n    ) {\n      if (\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof CDSPopover).eventBeforeClose,\n            {\n              bubbles: true,\n              cancelable: true,\n              composed: true,\n              detail: {\n                triggeredBy: event.target,\n              },\n            }\n          )\n        )\n      ) {\n        this.open = false;\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof CDSPopover).eventOnClose,\n            {\n              bubbles: true,\n              composed: true,\n            }\n          )\n        );\n      }\n    }\n  }\n\n  constructor() {\n    super();\n    this._handleOutsideClick = this._handleOutsideClick.bind(this);\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    document.addEventListener('click', this._handleOutsideClick);\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener('click', this._handleOutsideClick);\n  }\n\n  /**\n   * This function resolves the string passed in for `autoAlignBoundary` to either:\n   * \"clippingAncestors\"\n   * An element (found via #id)\n   * An array of elements (found via #id1, #id2, #id3, separated by \",\")\n   * A rect, input format should be 'rect(x,y,width,height)'\n   */\n  private _resolveAutoAlignBoundary(): Boundary {\n    const raw = (this.autoAlignBoundary ?? '').trim();\n\n    // Default to 'clippingAncestors'\n    if (!raw) return 'clippingAncestors';\n    if (raw === 'clippingAncestors') return 'clippingAncestors';\n\n    // regex match for: rect(x,y,width,height)\n    const rectMatch =\n      /^rect\\(\\s*([-\\d.]+)\\s*,\\s*([-\\d.]+)\\s*,\\s*([-\\d.]+)\\s*,\\s*([-\\d.]+)\\s*\\)$/i.exec(\n        raw\n      );\n    if (rectMatch) {\n      const [, x, y, w, h] = rectMatch;\n      const rect: Rect = { x: +x, y: +y, width: +w, height: +h };\n      return rect;\n    }\n\n    // Get element(s)\n    const ids = raw\n      .split(',')\n      .map((s) => s.trim())\n      .filter((s) => s.length > 1 && s.startsWith('#'))\n      .map((s) => s.slice(1).trim())\n      .filter(Boolean);\n\n    if (ids.length > 0) {\n      const elements: Element[] = [];\n      const inputted_ids = new Set<string>();\n\n      for (const id of ids) {\n        if (inputted_ids.has(id)) continue;\n        inputted_ids.add(id);\n\n        const el = document.getElementById(id);\n\n        if (el) elements.push(el);\n      }\n      return elements.length === 1 ? elements[0] : elements;\n    }\n\n    // default fallback\n    return 'clippingAncestors';\n  }\n\n  updated(changedProperties) {\n    const { selectorPopoverContent } = this.constructor as typeof CDSPopover;\n    [\n      'open',\n      'align',\n      'autoalign',\n      'caret',\n      'dropShadow',\n      'border',\n      'tabTip',\n      'highContrast',\n      'backgroundToken',\n    ].forEach((name) => {\n      if (changedProperties.has(name)) {\n        const { [name as keyof CDSPopover]: value } = this;\n        if (this.querySelector(selectorPopoverContent) as CDSPopoverContent) {\n          (this.querySelector(selectorPopoverContent) as CDSPopoverContent)[\n            name\n          ] = value;\n        }\n      }\n    });\n\n    if (this.autoalign && this.open) {\n      // auto align functionality with @floating-ui/dom library\n      const button = this._triggerSlotNode.assignedElements()[0];\n      const content = this._contentSlotNode.assignedElements()[0];\n\n      const tooltip = content?.shadowRoot?.querySelector(\n        CDSPopover.selectorPopoverContentClass\n      );\n      const arrowElement = content?.shadowRoot?.querySelector(\n        CDSPopover.selectorPopoverCaret\n      );\n\n      if (button && tooltip) {\n        this.popoverController?.setPlacement({\n          trigger: button as HTMLElement,\n          target: tooltip as HTMLElement,\n          arrowElement:\n            this.caret && arrowElement\n              ? (arrowElement as HTMLElement)\n              : undefined,\n          caret: this.caret,\n          flipArguments: { fallbackAxisSideDirection: 'start' },\n          alignment: this.align,\n          open: this.open,\n          alignmentAxisOffset: this.alignmentAxisOffset,\n          autoAlignBoundary: this._resolveAutoAlignBoundary(),\n          isTabTip: this.tabTip,\n        });\n      }\n    }\n  }\n\n  render() {\n    const {\n      dropShadow,\n      border,\n      highContrast,\n      open,\n      tabTip,\n      _handleSlotChange: handleSlotChange,\n    } = this;\n    if (tabTip) {\n      this.caret = !tabTip;\n    }\n\n    if (!this.autoalign) {\n      this.align = this.align ? this.align : tabTip ? 'bottom-start' : 'bottom';\n    }\n\n    if (tabTip) {\n      const tabTipAlignments = [\n        'bottom-start',\n        'bottom-end',\n        'bottom-left', // remove in v12\n        'bottom-right', // remove in v12\n      ];\n\n      if (!tabTipAlignments.includes(this.align)) {\n        this.align = 'bottom-start';\n      }\n    }\n\n    const classes = classMap({\n      [`${prefix}--popover-container`]: true,\n      [`${prefix}--popover--caret`]: this.caret,\n      [`${prefix}--popover--drop-shadow`]: dropShadow,\n      [`${prefix}--popover--border`]: border,\n      [`${prefix}--popover--high-contrast`]: highContrast,\n      [`${prefix}--popover--open`]: open,\n      [`${prefix}--popover--${this.align}`]: true,\n      [`${prefix}--popover--tab-tip`]: tabTip,\n      [`${prefix}--popover--background-token__background`]:\n        this.backgroundToken === POPOVER_BACKGROUND_TOKEN.BACKGROUND &&\n        !highContrast,\n    });\n    return html`\n      <span class=\"${classes}\" part=\"popover-container\">\n        <slot @slotchange=\"${handleSlotChange}\"></slot>\n        <slot name=\"content\"></slot>\n      </span>\n    `;\n  }\n\n  /**\n   * A selector that will return popover content element within\n   * CDSPopoverContent's shadowRoot.\n   */\n  static get selectorPopoverContentClass() {\n    return `.${prefix}--popover-content`;\n  }\n\n  /**\n   * A selector that will return popover caret element within\n   * CDSPopoverContent's shadowRoot.\n   */\n  static get selectorPopoverCaret() {\n    return `.${prefix}--popover-caret`;\n  }\n\n  /**\n   * A selector that will return the CDSPopoverContent.\n   */\n  static get selectorPopoverContent() {\n    return `${prefix}-popover-content`;\n  }\n\n  /**\n   * The name of the custom event fired before the popover closes via focusout/outsideclick.\n   * This event is cancellable.\n   */\n  static get eventBeforeClose() {\n    return `${prefix}-popover-beingclosed`;\n  }\n\n  /**\n   * The name of the custom event fired when the popover closes via focusout/outsideclick\n   */\n  static get eventOnClose() {\n    return `${prefix}-popover-closed`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSPopover;\n"],"mappings":"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"}
+{"version":3,"file":"popover.js","names":["FloatingUIController","styles","customElement"],"sources":["../../../src/components/popover/popover.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, query } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport styles from './popover.scss?lit';\nimport CDSPopoverContent from './popover-content';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport FloatingUIController from '../../globals/controllers/floating-controller';\nimport { POPOVER_BACKGROUND_TOKEN } from './defs';\nimport type { Boundary, Rect } from '@floating-ui/dom';\nimport { deepShadowContains } from '../../globals/internal/deep-shadow-contains';\n\n/**\n * Popover.\n *\n * @element cds-popover\n * @fires cds-popover-beingclosed before the popover closes via focusout/outsideclick.\n * @fires cds-popover-closed when the popover closes via focusout/outsideclick\n */\n@customElement(`${prefix}-popover`)\nclass CDSPopover extends HostListenerMixin(LitElement) {\n  /**\n   * Create popover controller instance\n   */\n  private popoverController = new FloatingUIController(this);\n\n  /**\n   * The `<slot>` element in the shadow DOM.\n   */\n  @query('slot')\n  private _triggerSlotNode!: HTMLSlotElement;\n\n  /**\n   * The `<slot>` element in the shadow DOM.\n   */\n  @query('slot[name=\"content\"]')\n  private _contentSlotNode!: HTMLSlotElement;\n\n  /**\n   * Tracks Tab key press to check relatedTarget on focusout event\n   */\n  private _tabKeyPressed = false;\n\n  /**\n   * Specify direction of alignment\n   */\n  @property({ reflect: true, type: String })\n  align = '';\n\n  /**\n   * **Experimental:** Provide an offset value for alignment axis. Only takes effect when `autoalign` is enabled.\n   */\n  @property({ type: Number, reflect: true, attribute: 'alignment-axis-offset' })\n  alignmentAxisOffset?: number;\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   * Specify whether a caret should be rendered\n   */\n  @property({ type: Boolean, reflect: true })\n  caret = true;\n\n  /**\n   * Specify whether a dropShadow should be rendered\n   */\n  @property({ type: Boolean, reflect: true })\n  dropShadow = true;\n\n  /**\n   * Specify whether a border should be rendered on the popover\n   */\n  @property({ type: Boolean, reflect: true })\n  border = false;\n\n  /**\n   * Render the component using the high-contrast variant\n   */\n  @property({ type: Boolean, reflect: true })\n  highContrast = false;\n\n  /**\n   * Specify whether the component is currently open or closed\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * Render the component using the tab tip variant\n   */\n  @property({ type: Boolean, reflect: true })\n  tabTip = false;\n\n  /**\n   * Specify the background token to use. Default is 'layer'.\n   */\n  @property({ reflect: true, type: String })\n  backgroundToken = POPOVER_BACKGROUND_TOKEN.LAYER;\n\n  /**\n   * Specify a bounding element to be used for autoAlign calculations. The viewport is used by default.\n   * Takes one of the following: 'clippingAncestors', '#elementid', '#elementid_1, #elementid_2', 'rect(x, y, width, height)'\n   * This prop is currently experimental and is subject to future changes.\n   */\n  @property({ type: String, reflect: true, attribute: 'autoalign-boundary' })\n  autoAlignBoundary?: string;\n\n  /**\n   * Handles `slotchange` event.\n   */\n  protected _handleSlotChange({ target }: Event) {\n    if (this.tabTip) {\n      const component = (target as HTMLSlotElement)\n        .assignedNodes()\n        .filter(\n          (node) =>\n            node.nodeType === Node.ELEMENT_NODE &&\n            (node as Element).tagName === 'BUTTON'\n        );\n\n      (component[0] as HTMLElement)?.classList.add(\n        `${prefix}--popover--tab-tip__button`\n      );\n    }\n    this.requestUpdate();\n  }\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\n  private _handleKeyDown(event: KeyboardEvent) {\n    if (!this.open) {\n      return;\n    }\n    if (event.key === 'Tab') {\n      this._tabKeyPressed = true;\n    } else {\n      this._tabKeyPressed = false;\n    }\n  }\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\n  private _handleFocusOut(event: FocusEvent) {\n    // Only handle focusout if Tab key was pressed\n    if (!this._tabKeyPressed || !this.open) {\n      return;\n    }\n\n    if (\n      this.contains(event.relatedTarget as Node) ||\n      deepShadowContains(this, event.relatedTarget)\n    ) {\n      this._tabKeyPressed = false;\n      return;\n    }\n\n    // focus moved outside the popover, close it\n    this._tabKeyPressed = false;\n    if (\n      this.dispatchEvent(\n        new CustomEvent(\n          (this.constructor as typeof CDSPopover).eventBeforeClose,\n          {\n            bubbles: true,\n            cancelable: true,\n            composed: true,\n            detail: {\n              triggeredBy: event.target,\n            },\n          }\n        )\n      )\n    ) {\n      this.open = false;\n      this.dispatchEvent(\n        new CustomEvent((this.constructor as typeof CDSPopover).eventOnClose, {\n          bubbles: true,\n          composed: true,\n        })\n      );\n    }\n  }\n\n  private _handleOutsideClick(event: Event) {\n    const path = event.composedPath();\n\n    if (path.includes(this._triggerSlotNode.assignedElements()[0])) return;\n\n    const popoverContent = this.querySelector(\n      (this.constructor as typeof CDSPopover).selectorPopoverContent\n    )?.shadowRoot?.querySelector(\n      (this.constructor as typeof CDSPopover).selectorPopoverContentClass\n    ) as HTMLElement;\n\n    if (path.includes(popoverContent)) return;\n\n    const target = event.target as Node | null;\n    const composedTarget = event.composedPath?.()[0] as Node | null;\n\n    if (\n      this.open &&\n      target &&\n      !this.contains(target) &&\n      !this.contains(composedTarget)\n    ) {\n      if (\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof CDSPopover).eventBeforeClose,\n            {\n              bubbles: true,\n              cancelable: true,\n              composed: true,\n              detail: {\n                triggeredBy: event.target,\n              },\n            }\n          )\n        )\n      ) {\n        this.open = false;\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof CDSPopover).eventOnClose,\n            {\n              bubbles: true,\n              composed: true,\n            }\n          )\n        );\n      }\n    }\n  }\n\n  constructor() {\n    super();\n    this._handleOutsideClick = this._handleOutsideClick.bind(this);\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    document.addEventListener('click', this._handleOutsideClick);\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener('click', this._handleOutsideClick);\n  }\n\n  /**\n   * This function resolves the string passed in for `autoAlignBoundary` to either:\n   * \"clippingAncestors\"\n   * An element (found via #id)\n   * An array of elements (found via #id1, #id2, #id3, separated by \",\")\n   * A rect, input format should be 'rect(x,y,width,height)'\n   */\n  private _resolveAutoAlignBoundary(): Boundary {\n    const raw = (this.autoAlignBoundary ?? '').trim();\n\n    // Default to 'clippingAncestors'\n    if (!raw) return 'clippingAncestors';\n    if (raw === 'clippingAncestors') return 'clippingAncestors';\n\n    // regex match for: rect(x,y,width,height)\n    const rectMatch =\n      /^rect\\(\\s*([-\\d.]+)\\s*,\\s*([-\\d.]+)\\s*,\\s*([-\\d.]+)\\s*,\\s*([-\\d.]+)\\s*\\)$/i.exec(\n        raw\n      );\n    if (rectMatch) {\n      const [, x, y, w, h] = rectMatch;\n      const rect: Rect = { x: +x, y: +y, width: +w, height: +h };\n      return rect;\n    }\n\n    // Get element(s)\n    const ids = raw\n      .split(',')\n      .map((s) => s.trim())\n      .filter((s) => s.length > 1 && s.startsWith('#'))\n      .map((s) => s.slice(1).trim())\n      .filter(Boolean);\n\n    if (ids.length > 0) {\n      const elements: Element[] = [];\n      const inputted_ids = new Set<string>();\n\n      for (const id of ids) {\n        if (inputted_ids.has(id)) continue;\n        inputted_ids.add(id);\n\n        const el = document.getElementById(id);\n\n        if (el) elements.push(el);\n      }\n      return elements.length === 1 ? elements[0] : elements;\n    }\n\n    // default fallback\n    return 'clippingAncestors';\n  }\n\n  updated(changedProperties) {\n    const { selectorPopoverContent } = this.constructor as typeof CDSPopover;\n    [\n      'open',\n      'align',\n      'autoalign',\n      'caret',\n      'dropShadow',\n      'border',\n      'tabTip',\n      'highContrast',\n      'backgroundToken',\n    ].forEach((name) => {\n      if (changedProperties.has(name)) {\n        const { [name as keyof CDSPopover]: value } = this;\n        if (this.querySelector(selectorPopoverContent) as CDSPopoverContent) {\n          (this.querySelector(selectorPopoverContent) as CDSPopoverContent)[\n            name\n          ] = value;\n        }\n      }\n    });\n\n    if (this.autoalign && this.open) {\n      // auto align functionality with @floating-ui/dom library\n      const button = this._triggerSlotNode.assignedElements()[0];\n      const content = this._contentSlotNode.assignedElements()[0];\n\n      const tooltip = content?.shadowRoot?.querySelector(\n        CDSPopover.selectorPopoverContentClass\n      );\n      const arrowElement = content?.shadowRoot?.querySelector(\n        CDSPopover.selectorPopoverCaret\n      );\n\n      if (button && tooltip) {\n        this.popoverController?.setPlacement({\n          trigger: button as HTMLElement,\n          target: tooltip as HTMLElement,\n          arrowElement:\n            this.caret && arrowElement\n              ? (arrowElement as HTMLElement)\n              : undefined,\n          caret: this.caret,\n          flipArguments: { fallbackAxisSideDirection: 'start' },\n          alignment: this.align,\n          open: this.open,\n          alignmentAxisOffset: this.alignmentAxisOffset,\n          autoAlignBoundary: this._resolveAutoAlignBoundary(),\n          isTabTip: this.tabTip,\n        });\n      }\n    }\n  }\n\n  render() {\n    const {\n      dropShadow,\n      border,\n      highContrast,\n      open,\n      tabTip,\n      _handleSlotChange: handleSlotChange,\n    } = this;\n    if (tabTip) {\n      this.caret = !tabTip;\n    }\n\n    if (!this.autoalign) {\n      this.align = this.align ? this.align : tabTip ? 'bottom-start' : 'bottom';\n    }\n\n    if (tabTip) {\n      const tabTipAlignments = [\n        'bottom-start',\n        'bottom-end',\n        'bottom-left', // remove in v12\n        'bottom-right', // remove in v12\n      ];\n\n      if (!tabTipAlignments.includes(this.align)) {\n        this.align = 'bottom-start';\n      }\n    }\n\n    const classes = classMap({\n      [`${prefix}--popover-container`]: true,\n      [`${prefix}--popover--caret`]: this.caret,\n      [`${prefix}--popover--drop-shadow`]: dropShadow,\n      [`${prefix}--popover--border`]: border,\n      [`${prefix}--popover--high-contrast`]: highContrast,\n      [`${prefix}--popover--open`]: open,\n      [`${prefix}--popover--${this.align}`]: true,\n      [`${prefix}--popover--tab-tip`]: tabTip,\n      [`${prefix}--popover--background-token__background`]:\n        this.backgroundToken === POPOVER_BACKGROUND_TOKEN.BACKGROUND &&\n        !highContrast,\n    });\n    return html`\n      <span class=\"${classes}\" part=\"popover-container\">\n        <slot @slotchange=\"${handleSlotChange}\"></slot>\n        <slot name=\"content\"></slot>\n      </span>\n    `;\n  }\n\n  /**\n   * A selector that will return popover content element within\n   * CDSPopoverContent's shadowRoot.\n   */\n  static get selectorPopoverContentClass() {\n    return `.${prefix}--popover-content`;\n  }\n\n  /**\n   * A selector that will return popover caret element within\n   * CDSPopoverContent's shadowRoot.\n   */\n  static get selectorPopoverCaret() {\n    return `.${prefix}--popover-caret`;\n  }\n\n  /**\n   * A selector that will return the CDSPopoverContent.\n   */\n  static get selectorPopoverContent() {\n    return `${prefix}-popover-content`;\n  }\n\n  /**\n   * The name of the custom event fired before the popover closes via focusout/outsideclick.\n   * This event is cancellable.\n   */\n  static get eventBeforeClose() {\n    return `${prefix}-popover-beingclosed`;\n  }\n\n  /**\n   * The name of the custom event fired when the popover closes via focusout/outsideclick\n   */\n  static get eventOnClose() {\n    return `${prefix}-popover-closed`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSPopover;\n"],"mappings":"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"}

package/es/components/popover/popover.scss.js

@@ -6,10 +6,9 @@
  */
 
 import { css } from "lit";
-
 //#region src/components/popover/popover.scss?lit
 var popover_default = css(["@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}.cds--popover-container{display:inline-block}.cds--popover-container:not(.cds--popover--auto-align){position:relative}.cds--popover--high-contrast .cds--popover{--cds-popover-background-color:var(--cds-background-inverse,#393939);--cds-popover-text-color:var(--cds-text-inverse,#fff)}.cds--popover--drop-shadow .cds--popover{filter:var(--cds-popover-drop-shadow,drop-shadow(0 .125rem .125rem rgba(0,0,0,.2)))}.cds--popover--border>.cds--popover>.cds--popover-content{outline:1px solid var(--cds-popover-border-color,var(--cds-border-subtle));outline-offset:-1px}.cds--popover--caret{--cds-popover-offset:0.625rem}.cds--popover{inset:0;pointer-events:none;position:absolute;z-index:6000}.cds--popover-content{--cds-layout-size-height-sm:2rem}.cds--layout--size-sm :where(.cds--popover-content),.cds--popover-content.cds--layout--size-sm{--cds-layout-size-height:var(--cds-layout-size-height-sm)}.cds--popover-content{--cds-layout-size-height-md:2.5rem}.cds--layout--size-md :where(.cds--popover-content),.cds--popover-content.cds--layout--size-md{--cds-layout-size-height:var(--cds-layout-size-height-md)}.cds--popover-content{--cds-layout-size-height-lg:3rem}.cds--layout--size-lg :where(.cds--popover-content),.cds--popover-content.cds--layout--size-lg{--cds-layout-size-height:var(--cds-layout-size-height-lg)}.cds--popover-content{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--popover-content *,.cds--popover-content :after,.cds--popover-content :before{box-sizing:inherit}.cds--popover-content{background-color:var(--cds-popover-background-color,var(--cds-layer));border-radius:var(--cds-popover-border-radius,2px);color:var(--cds-popover-text-color,var(--cds-text-primary,#161616));display:none;inline-size:-moz-max-content;inline-size:max-content;max-inline-size:23rem;pointer-events:auto;position:absolute;z-index:6000}.cds--popover--open>.cds--popover>.cds--popover-content{display:block}.cds--popover--background-token__background>.cds--popover>.cds--popover-content{background-color:var(--cds-background,#fff)}.cds--popover-content:before{content:\"\";display:none;position:absolute}.cds--popover--open>.cds--popover>.cds--popover-content:before{display:block}.cds--popover--auto-align.cds--popover-caret,.cds--popover-caret{display:none;position:absolute;will-change:transform;z-index:6000}.cds--popover--auto-align.cds--popover-caret:after,.cds--popover-caret:after{background-color:var(--cds-popover-background-color,var(--cds-layer));content:\"\";display:block;position:absolute}.cds--popover--auto-align.cds--popover-caret:before,.cds--popover-caret:before{background-color:var(--cds-popover-border-color,var(--cds-border-subtle));content:\"\";display:none;position:absolute}.cds--popover--background-token__background>.cds--popover>.cds--popover-caret:after{background-color:var(--cds-background,#fff)}.cds--popover--auto-align.cds--popover--caret.cds--popover--open>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--border .cds--popover--auto-align.cds--popover-caret:before,.cds--popover--border .cds--popover-caret:before,.cds--popover--caret.cds--popover--open>.cds--popover>.cds--popover-caret{display:block}.cds--popover--tab-tip>.cds--popover>.cds--popover-caret{display:none}.cds--popover--bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-end:0;inset-inline-start:50%;transform:translate(-50%,calc(100% + var(--cds-popover-offset, 0rem)))}.cds--popover--bottom-end:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content,.cds--popover--bottom-start:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content,.cds--popover--bottom:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content{inset-block-end:-.25rem}.cds--popover--top-end:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content,.cds--popover--top-start:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content,.cds--popover--top:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content{inset-block-start:-.25rem}.cds--popover--bottom-start:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content,.cds--popover--top-start:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content{inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem) - 1rem)}.cds--popover--bottom-end:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content,.cds--popover--top-end:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content{inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem) - 1rem)}.cds--popover--right-end:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content,.cds--popover--right-start:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content,.cds--popover--right:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content{inset-inline-start:calc(100% + .25rem)}.cds--popover--left-end:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content,.cds--popover--left-start:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content,.cds--popover--left:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content{inset-inline-end:calc(100% + .25rem)}[dir=rtl] .cds--popover--bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{transform:translate(50%,calc(100% + var(--cds-popover-offset, 0rem)))}.cds--popover--bottom-left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--bottom-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-end:0;inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(100% + var(--cds-popover-offset, 0rem)))}[dir=rtl] .cds--popover--bottom-left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--bottom-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));inset-inline-start:auto}.cds--popover--bottom-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--bottom-right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-end:0;inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));transform:translate(var(--cds-popover-offset,0),calc(100% + var(--cds-popover-offset, 0rem)))}[dir=rtl] .cds--popover--bottom-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--bottom-right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem))}.cds--popover--bottom-end>.cds--popover>.cds--popover-content:before,.cds--popover--bottom-left>.cds--popover>.cds--popover-content:before,.cds--popover--bottom-right>.cds--popover>.cds--popover-content:before,.cds--popover--bottom-start>.cds--popover>.cds--popover-content:before,.cds--popover--bottom>.cds--popover>.cds--popover-content:before{block-size:var(--cds-popover-offset,0);inset-block-start:0;inset-inline:0;transform:translateY(-100%)}.cds--popover--bottom-end>.cds--popover>.cds--popover-caret,.cds--popover--bottom-left>.cds--popover>.cds--popover-caret,.cds--popover--bottom-right>.cds--popover>.cds--popover-caret,.cds--popover--bottom-start>.cds--popover>.cds--popover-caret,.cds--popover--bottom>.cds--popover>.cds--popover-caret{block-size:var(--cds-popover-caret-height,.375rem);inline-size:var(--cds-popover-caret-width,.75rem);inset-block-end:0;inset-inline-start:50%;transform:translate(-50%,var(--cds-popover-offset,0))}.cds--popover--border.cds--popover--bottom-end>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--bottom-left>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--bottom-right>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--bottom-start>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--bottom>.cds--popover>.cds--popover-caret:before,.cds--popover--bottom-end>.cds--popover>.cds--popover-caret:after,.cds--popover--bottom-left>.cds--popover>.cds--popover-caret:after,.cds--popover--bottom-right>.cds--popover>.cds--popover-caret:after,.cds--popover--bottom-start>.cds--popover>.cds--popover-caret:after,.cds--popover--bottom>.cds--popover>.cds--popover-caret:after{block-size:var(--cds-popover-caret-height,.375rem);clip-path:polygon(0 100%,50% 0,100% 100%);inline-size:var(--cds-popover-caret-width,.75rem)}.cds--popover--border.cds--popover--bottom-end>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--bottom-left>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--bottom-right>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--bottom-start>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--bottom>.cds--popover>.cds--popover-caret:after{inline-size:calc(var(--cds-popover-caret-width, .75rem) - 1px);inset-block-start:1px;inset-inline-start:.5px}[dir=rtl] .cds--popover--bottom-end>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--bottom-left>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--bottom-right>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--bottom-start>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--bottom>.cds--popover>.cds--popover-caret{transform:translate(50%,var(--cds-popover-offset,0))}.cds--popover--bottom-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--bottom-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--bottom-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--bottom-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret{block-size:var(--cds-popover-caret-height,.375rem);inline-size:var(--cds-popover-caret-width,.75rem)}.cds--popover--border.cds--popover--bottom-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--bottom-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--bottom-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--bottom-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--bottom-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--bottom-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--bottom-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--bottom-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{block-size:var(--cds-popover-caret-height,.375rem);clip-path:polygon(0 100%,50% 0,100% 100%);inline-size:var(--cds-popover-caret-width,.75rem)}.cds--popover--border.cds--popover--bottom-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--bottom-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--bottom-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--bottom-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{inline-size:calc(var(--cds-popover-caret-width, .75rem) - 1px);inset-block-start:1px;inset-inline-start:.5px}.cds--popover--top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:0;inset-inline-start:50%;transform:translate(-50%,calc(-100% - var(--cds-popover-offset, 0rem)))}[dir=rtl] .cds--popover--top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{transform:translate(50%,calc(-100% - var(--cds-popover-offset, 0rem)))}.cds--popover--top-left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--top-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:0;inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(-100% - var(--cds-popover-offset, 0rem)))}[dir=rtl] .cds--popover--top-left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--top-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));inset-inline-start:auto}.cds--popover--top-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--top-right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:0;inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));transform:translate(var(--cds-popover-offset,0),calc(-100% - var(--cds-popover-offset, 0rem)))}[dir=rtl] .cds--popover--top-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--top-right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem))}.cds--popover--top-end>.cds--popover>.cds--popover-content:before,.cds--popover--top-left>.cds--popover>.cds--popover-content:before,.cds--popover--top-right>.cds--popover>.cds--popover-content:before,.cds--popover--top-start>.cds--popover>.cds--popover-content:before,.cds--popover--top>.cds--popover>.cds--popover-content:before{block-size:var(--cds-popover-offset,0);inset-block-end:0;inset-inline:0;transform:translateY(100%)}.cds--popover--top-end>.cds--popover>.cds--popover-caret,.cds--popover--top-left>.cds--popover>.cds--popover-caret,.cds--popover--top-right>.cds--popover>.cds--popover-caret,.cds--popover--top-start>.cds--popover>.cds--popover-caret,.cds--popover--top>.cds--popover>.cds--popover-caret{block-size:var(--cds-popover-caret-height,.375rem);inline-size:var(--cds-popover-caret-width,.75rem);inset-block-start:0;inset-inline-start:50%;transform:translate(-50%,calc(var(--cds-popover-offset, 0rem)*-1))}.cds--popover--border.cds--popover--top-end>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--top-left>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--top-right>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--top-start>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--top>.cds--popover>.cds--popover-caret:before,.cds--popover--top-end>.cds--popover>.cds--popover-caret:after,.cds--popover--top-left>.cds--popover>.cds--popover-caret:after,.cds--popover--top-right>.cds--popover>.cds--popover-caret:after,.cds--popover--top-start>.cds--popover>.cds--popover-caret:after,.cds--popover--top>.cds--popover>.cds--popover-caret:after{block-size:var(--cds-popover-caret-height,.375rem);clip-path:polygon(0 0,50% 100%,100% 0);inline-size:var(--cds-popover-caret-width,.75rem)}.cds--popover--border.cds--popover--top-end>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--top-left>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--top-right>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--top-start>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--top>.cds--popover>.cds--popover-caret:after{inline-size:calc(var(--cds-popover-caret-width, .75rem) - 1px);inset-block-start:-1px;inset-inline-start:.5px}[dir=rtl] .cds--popover--top-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--top-left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--top-right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--top-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret{transform:translate(50%,calc(var(--cds-popover-offset, 0rem)*-1))}.cds--popover--top-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--top-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--top-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--top-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret{block-size:var(--cds-popover-caret-height,.375rem);inline-size:var(--cds-popover-caret-width,.75rem)}.cds--popover--border.cds--popover--top-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--top-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--top-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--top-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--top-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--top-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--top-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--top-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{block-size:var(--cds-popover-caret-height,.375rem);clip-path:polygon(0 0,50% 100%,100% 0);inline-size:var(--cds-popover-caret-width,.75rem)}.cds--popover--border.cds--popover--top-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--top-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--top-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--top-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{inline-size:calc(var(--cds-popover-caret-width, .75rem) - 1px);inset-block-start:-1px;inset-inline-start:.5px}.cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:50%;inset-inline-start:100%;transform:translate(var(--cds-popover-offset,0),-50%)}.cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:50%;inset-inline-start:100%;transform:translate(var(--cds-popover-offset,0),calc(var(--cds-popover-offset, 0rem)*.5*-1 - 16px))}.cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-end:50%;inset-inline-start:100%;transform:translate(var(--cds-popover-offset,0),calc(var(--cds-popover-offset, 0rem)*.5 + 16px))}[dir=rtl] .cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-end:100%;inset-inline-start:auto}.cds--popover--right-bottom>.cds--popover>.cds--popover-content:before,.cds--popover--right-end>.cds--popover>.cds--popover-content:before,.cds--popover--right-start>.cds--popover>.cds--popover-content:before,.cds--popover--right-top>.cds--popover>.cds--popover-content:before,.cds--popover--right>.cds--popover>.cds--popover-content:before{inline-size:var(--cds-popover-offset,0);inset-block:0;inset-inline-start:0;transform:translateX(-100%)}.cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret{block-size:var(--cds-popover-caret-width,.75rem);inline-size:var(--cds-popover-caret-height,.375rem);inset-block-start:50%;inset-inline-start:100%;transform:translate(calc(var(--cds-popover-offset, 0rem) - 100%),-50%)}.cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 50%,100% 0,100% 100%);inline-size:var(--cds-popover-caret-height,.375rem)}[dir=rtl] .cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret{inset-inline-end:100%;inset-inline-start:auto}.cds--popover--border.cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 50%,100% 0,100% 100%);inline-size:var(--cds-popover-caret-height,.375rem)}.cds--popover--border.cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after{inset-inline-start:1px}[dir=rtl] .cds--popover--border.cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after{inset-inline-start:-1px}.cds--popover--right-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--right-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--right-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--right-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret{block-size:var(--cds-popover-caret-width,.75rem);inline-size:var(--cds-popover-caret-height,.375rem)}.cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--right-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--right-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--right-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--right-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--right-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--right-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--right-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 50%,100% 0,100% 100%);inline-size:var(--cds-popover-caret-height,.375rem)}.cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--right-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--right-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--right-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{inset-inline-start:1px}[dir=rtl] .cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,[dir=rtl] .cds--popover--border.cds--popover--right-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,[dir=rtl] .cds--popover--border.cds--popover--right-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,[dir=rtl] .cds--popover--border.cds--popover--right-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,[dir=rtl] .cds--popover--border.cds--popover--right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before{margin-inline-start:1px}[dir=rtl] .cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--right-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--right-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--right-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{inset-inline-start:0}.cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1 + .1px),-50%)}.cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(var(--cds-popover-offset, 0rem)*-.5 - 16px))}.cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-end:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(var(--cds-popover-offset, 0rem)*.5 + 16px))}[dir=rtl] .cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-end:auto;inset-inline-start:100%}.cds--popover--left-bottom>.cds--popover>.cds--popover-content:before,.cds--popover--left-end>.cds--popover>.cds--popover-content:before,.cds--popover--left-start>.cds--popover>.cds--popover-content:before,.cds--popover--left-top>.cds--popover>.cds--popover-content:before,.cds--popover--left>.cds--popover>.cds--popover-content:before{inline-size:var(--cds-popover-offset,0);inset-block:0;inset-inline-end:0;transform:translateX(100%)}.cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret{block-size:var(--cds-popover-caret-width,.75rem);inline-size:var(--cds-popover-caret-height,.375rem);inset-block-start:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1 + 100%),-50%)}.cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 0,100% 50%,0 100%);inline-size:var(--cds-popover-caret-height,.375rem)}[dir=rtl] .cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret{inset-inline-end:auto;inset-inline-start:100%}.cds--popover--border.cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 0,100% 50%,0 100%);inline-size:var(--cds-popover-caret-height,.375rem)}.cds--popover--border.cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after{inset-inline-start:-1px}[dir=rtl] .cds--popover--border.cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after{inset-inline-start:1px}.cds--popover--left-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--left-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--left-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--left-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret{block-size:var(--cds-popover-caret-width,.75rem);inline-size:var(--cds-popover-caret-height,.375rem)}.cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--left-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--left-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--left-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--left-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--left-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--left-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--left-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 0,100% 50%,0 100%);inline-size:var(--cds-popover-caret-height,.375rem)}.cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--left-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--left-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--left-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{inset-inline-start:-1px}[dir=rtl] .cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,[dir=rtl] .cds--popover--border.cds--popover--left-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,[dir=rtl] .cds--popover--border.cds--popover--left-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,[dir=rtl] .cds--popover--border.cds--popover--left-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,[dir=rtl] .cds--popover--border.cds--popover--left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before{margin-inline-start:-1px}[dir=rtl] .cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--left-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--left-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--left-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{inset-inline-start:0}.cds--popover--tab-tip>.cds--popover>.cds--popover-content{border-radius:0}.cds--popover--tab-tip.cds--popover--bottom-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--tab-tip.cds--popover--top-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--tab-tip.cds--popover--bottom-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--tab-tip.cds--popover--top-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-start:0}.cds--popover--tab-tip.cds--popover--bottom-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--tab-tip.cds--popover--top-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--tab-tip.cds--popover--bottom-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--tab-tip.cds--popover--top-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-end:0;inset-inline-start:auto}.cds--popover--tab-tip .cds--popover{will-change:filter}.cds--popover--tab-tip__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;inline-size:100%;margin:0;padding:0;text-align:start;vertical-align:baseline}.cds--popover--tab-tip__button *,.cds--popover--tab-tip__button :after,.cds--popover--tab-tip__button :before{box-sizing:inherit}.cds--popover--tab-tip__button::-moz-focus-inner{border:0}.cds--popover--tab-tip__button{align-items:center;block-size:2rem;display:inline-flex;inline-size:2rem;justify-content:center;position:relative}.cds--popover--tab-tip__button:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--popover--tab-tip__button:focus{outline-style:dotted}}.cds--popover--tab-tip__button:hover{background-color:var(--cds-layer-hover)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button{background:var(--cds-layer);box-shadow:0 2px 2px rgba(0,0,0,.2)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button:not(:focus):after{background:var(--cds-layer);block-size:2px;content:\"\";inline-size:100%;inset-block-end:0;position:absolute;z-index:6001}.cds--popover--tab-tip__button svg{fill:var(--cds-icon-primary,#161616)}:host(cds-popover) ::slotted(.cds--popover--tab-tip__button),:host(cds-tooltip) ::slotted(.cds--popover--tab-tip__button){-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;inline-size:100%;margin:0;padding:0;text-align:start;vertical-align:baseline}:host(cds-popover) ::slotted(.cds--popover--tab-tip__button) *,:host(cds-popover) ::slotted(.cds--popover--tab-tip__button) :after,:host(cds-popover) ::slotted(.cds--popover--tab-tip__button) :before,:host(cds-tooltip) ::slotted(.cds--popover--tab-tip__button) *,:host(cds-tooltip) ::slotted(.cds--popover--tab-tip__button) :after,:host(cds-tooltip) ::slotted(.cds--popover--tab-tip__button) :before{box-sizing:inherit}:host(cds-popover) ::slotted(.cds--popover--tab-tip__button)::-moz-focus-inner,:host(cds-tooltip) ::slotted(.cds--popover--tab-tip__button)::-moz-focus-inner{border:0}:host(cds-popover) ::slotted(.cds--popover--tab-tip__button),:host(cds-tooltip) ::slotted(.cds--popover--tab-tip__button){align-items:center;block-size:2rem;display:inline-flex;inline-size:2rem;justify-content:center;position:relative}:host(cds-popover) ::slotted(.cds--popover--tab-tip__button):focus,:host(cds-tooltip) ::slotted(.cds--popover--tab-tip__button):focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-popover) ::slotted(.cds--popover--tab-tip__button):focus,:host(cds-tooltip) ::slotted(.cds--popover--tab-tip__button):focus{outline-style:dotted}}:host(cds-popover) ::slotted(.cds--popover--tab-tip__button):hover,:host(cds-tooltip) ::slotted(.cds--popover--tab-tip__button):hover{background-color:var(--cds-layer-hover)}:host(cds-popover) ::slotted(.cds--popover--tab-tip__button) svg,:host(cds-tooltip) ::slotted(.cds--popover--tab-tip__button) svg{fill:var(--cds-icon-primary,#161616)}:host(cds-popover[highContrast]) ::slotted(cds-popover-content),:host(cds-popover[highContrast]) ::slotted(cds-tooltip-content),:host(cds-tooltip[highContrast]) ::slotted(cds-popover-content),:host(cds-tooltip[highContrast]) ::slotted(cds-tooltip-content){--cds-popover-background-color:var(--cds-background-inverse,#393939);--cds-popover-text-color:var(--cds-text-inverse,#fff)}:host(cds-popover-content[backgroundToken=background]:not([highContrast])) .cds--popover-content{background:var(--cds-background,#fff)}:host(cds-popover-content[open][caret][backgroundToken=background]:not([highContrast])) .cds--popover-caret:after{background:var(--cds-background,#fff)}:host(cds-popover[tabTip][open]) ::slotted(.cds--popover--tab-tip__button){background:var(--cds-layer)!important;box-shadow:0 .125rem .125rem rgba(0,0,0,.2)}:host(cds-popover-content),:host(cds-tooltip-content){inset:0;pointer-events:none;position:absolute;z-index:6000}:host(cds-ai-label[open]) .cds--popover-content,:host(cds-popover-content[open]) .cds--popover-content,:host(cds-slug[open]) .cds--popover-content,:host(cds-toggletip[open]) .cds--popover-content,:host(cds-tooltip-content[open]) .cds--popover-content{display:block}:host(cds-popover) .cds--popover--tab-tip__button:focus-within{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-popover) .cds--popover--tab-tip__button:focus-within{outline-style:dotted}}:host(cds-popover-content[open][tabTip]) .cds--popover-content,:host(cds-tooltip-content[open][tabTip]) .cds--popover-content{border-radius:0}:host(cds-popover[tabTip][open]) ::slotted(button[class*=cds--popover--tab-tip__button]:not(:focus)):after{background:var(--cds-layer);block-size:2px;content:\"\";inline-size:100%;inset-block-end:0;position:absolute;z-index:6001}:host(cds-ai-label[open]) .cds--popover-caret,:host(cds-popover-content[open][caret]) .cds--popover-caret,:host(cds-slug[open]) .cds--popover-caret,:host(cds-toggletip[open]) .cds--popover-caret,:host(cds-tooltip-content[open][caret]) .cds--popover-caret{display:block}:host(cds-ai-label[open]) .cds--popover-caret:after,:host(cds-popover-content[open][caret]) .cds--popover-caret:after,:host(cds-slug[open]) .cds--popover-caret:after,:host(cds-toggletip[open]) .cds--popover-caret:after,:host(cds-tooltip-content[open][caret]) .cds--popover-caret:after{background:var(--cds-layer);content:\"\";display:block;position:absolute}:host(cds-ai-label[open]) .cds--popover-caret:before,:host(cds-popover-content[open][caret]) .cds--popover-caret:before,:host(cds-slug[open]) .cds--popover-caret:before,:host(cds-toggletip[open]) .cds--popover-caret:before,:host(cds-tooltip-content[open][caret]) .cds--popover-caret:before{background-color:var(--cds-popover-border-color,var(--cds-border-subtle));content:\"\";display:none;position:absolute}:host(cds-popover-content[open][caret][highContrast]) .cds--popover-caret:after,:host(cds-tooltip-content[open][caret][highContrast]) .cds--popover-caret:after{background:var(--cds-background-inverse,#393939)}:host(cds-popover-content[border]) .cds--popover-content,:host(cds-tooltip-content[border]) .cds--popover-content{outline:1px solid var(--cds-popover-border-color,var(--cds-border-subtle));outline-offset:-1px}:host(cds-popover-content[dropShadow]) .cds--popover,:host(cds-tooltip-content[dropShadow]) .cds--popover{filter:var(--cds-popover-drop-shadow,drop-shadow(0 .125rem .125rem rgba(0,0,0,.2)))}:host(cds-popover-content[open][caret][border]) .cds--popover-caret:before,:host(cds-tooltip-content[open][caret][border]) .cds--popover-caret:before{display:block}:host(cds-ai-label[alignment^=bottom]:not([autoalign])) .cds--popover-caret,:host(cds-popover-content[align^=bottom]:not([autoalign])) .cds--popover-caret,:host(cds-slug[alignment^=bottom]:not([autoalign])) .cds--popover-caret,:host(cds-toggletip[alignment^=bottom]:not([autoalign])) .cds--popover-caret,:host(cds-tooltip-content[align^=bottom]:not([autoalign])) .cds--popover-caret{block-size:var(--cds-popover-caret-height,.375rem);inline-size:var(--cds-popover-caret-width,.75rem);inset-block-end:0;inset-inline-start:50%;transform:translate(-50%,var(--cds-popover-offset,0))}:host(cds-ai-label[alignment^=bottom]:not([autoalign])) .cds--popover-caret:after,:host(cds-popover-content[align^=bottom]:not([autoalign])) .cds--popover-caret:after,:host(cds-slug[alignment^=bottom]:not([autoalign])) .cds--popover-caret:after,:host(cds-toggletip[alignment^=bottom]:not([autoalign])) .cds--popover-caret:after,:host(cds-tooltip-content[align^=bottom]:not([autoalign])) .cds--popover-caret:after{block-size:var(--cds-popover-caret-height,.375rem);clip-path:polygon(0 100%,50% 0,100% 100%);inline-size:var(--cds-popover-caret-width,.75rem)}:host(cds-ai-label[alignment^=bottom][border]:not([autoalign])) .cds--popover-caret:before,:host(cds-popover-content[align^=bottom][border]:not([autoalign])) .cds--popover-caret:before,:host(cds-slug[alignment^=bottom][border]:not([autoalign])) .cds--popover-caret:before,:host(cds-toggletip[alignment^=bottom][border]:not([autoalign])) .cds--popover-caret:before,:host(cds-tooltip-content[align^=bottom][border]:not([autoalign])) .cds--popover-caret:before{block-size:var(--cds-popover-caret-height,.375rem);clip-path:polygon(0 100%,50% 0,100% 100%);inline-size:var(--cds-popover-caret-width,.75rem)}:host(cds-ai-label[alignment^=bottom][border]:not([autoalign])) .cds--popover-caret:after,:host(cds-popover-content[align^=bottom][border]:not([autoalign])) .cds--popover-caret:after,:host(cds-slug[alignment^=bottom][border]:not([autoalign])) .cds--popover-caret:after,:host(cds-toggletip[alignment^=bottom][border]:not([autoalign])) .cds--popover-caret:after,:host(cds-tooltip-content[align^=bottom][border]:not([autoalign])) .cds--popover-caret:after{inline-size:calc(var(--cds-popover-caret-width, .75rem) - 1px);inset-block-start:1px;inset-inline-start:.5px}:host(cds-ai-label:dir(rtl)[alignment^=bottom]:not([autoalign])) .cds--popover-caret,:host(cds-popover-content:dir(rtl)[align^=bottom]:not([autoalign])) .cds--popover-caret,:host(cds-slug:dir(rtl)[alignment^=bottom]:not([autoalign])) .cds--popover-caret,:host(cds-toggletip:dir(rtl)[alignment^=bottom]:not([autoalign])) .cds--popover-caret,:host(cds-tooltip-content:dir(rtl)[align^=bottom]:not([autoalign])) .cds--popover-caret{transform:translate(50%,var(--cds-popover-offset,0))}:host(cds-ai-label[alignment^=bottom]:not([autoalign])) .cds--popover-caret,:host(cds-slug[alignment^=bottom]:not([autoalign])) .cds--popover-caret{clip-path:none}:host(cds-ai-label[alignment=bottom]:not([autoalign])) .cds--popover-content,:host(cds-popover-content[align=bottom]:not([autoalign])) .cds--popover-content,:host(cds-slug[alignment=bottom]:not([autoalign])) .cds--popover-content,:host(cds-toggletip[alignment=bottom]:not([autoalign])) .cds--popover-content,:host(cds-tooltip-content[align=bottom]:not([autoalign])) .cds--popover-content{inset-block-end:0;inset-inline-start:50%;transform:translate(-50%,calc(100% + var(--cds-popover-offset, 0rem)))}:host(cds-ai-label:dir(rtl)[alignment=bottom]:not([autoalign])) .cds--popover-content,:host(cds-popover-content:dir(rtl)[align=bottom]:not([autoalign])) .cds--popover-content,:host(cds-slug:dir(rtl)[alignment=bottom]:not([autoalign])) .cds--popover-content,:host(cds-toggletip:dir(rtl)[alignment=bottom]:not([autoalign])) .cds--popover-content,:host(cds-tooltip-content:dir(rtl)[align=bottom]:not([autoalign])) .cds--popover-content{transform:translate(50%,calc(100% + var(--cds-popover-offset, 0rem)))}:host(cds-ai-label[alignment=bottom-left]:not([autoalign])) .cds--popover-content,:host(cds-ai-label[alignment=bottom-start]:not([autoalign])) .cds--popover-content,:host(cds-popover-content[align=bottom-left]:not([autoalign])) .cds--popover-content,:host(cds-popover-content[align=bottom-start]:not([autoalign])) .cds--popover-content,:host(cds-slug[alignment=bottom-left]:not([autoalign])) .cds--popover-content,:host(cds-slug[alignment=bottom-start]:not([autoalign])) .cds--popover-content,:host(cds-toggletip[alignment=bottom-left]:not([autoalign])) .cds--popover-content,:host(cds-toggletip[alignment=bottom-start]:not([autoalign])) .cds--popover-content,:host(cds-tooltip-content[align=bottom-left]:not([autoalign])) .cds--popover-content,:host(cds-tooltip-content[align=bottom-start]:not([autoalign])) .cds--popover-content{inset-block-end:0;inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(100% + var(--cds-popover-offset, 0rem)))}:host(cds-popover-content[tabTip][align=bottom-left]:not([autoalign])) .cds--popover-content,:host(cds-popover-content[tabTip][align=bottom-start]:not([autoalign])) .cds--popover-content{inset-inline-start:0}:host(cds-ai-label:dir(rtl)[alignment=bottom-left]:not([autoalign])) .cds--popover-content,:host(cds-ai-label:dir(rtl)[alignment=bottom-start]:not([autoalign])) .cds--popover-content,:host(cds-popover-content:dir(rtl)[align=bottom-left]:not([autoalign])) .cds--popover-content,:host(cds-popover-content:dir(rtl)[align=bottom-start]:not([autoalign])) .cds--popover-content,:host(cds-slug:dir(rtl)[alignment=bottom-left]:not([autoalign])) .cds--popover-content,:host(cds-slug:dir(rtl)[alignment=bottom-start]:not([autoalign])) .cds--popover-content,:host(cds-toggletip:dir(rtl)[alignment=bottom-left]:not([autoalign])) .cds--popover-content,:host(cds-toggletip:dir(rtl)[alignment=bottom-start]:not([autoalign])) .cds--popover-content,:host(cds-tooltip-content:dir(rtl)[align=bottom-left]:not([autoalign])) .cds--popover-content,:host(cds-tooltip-content:dir(rtl)[align=bottom-start]:not([autoalign])) .cds--popover-content{inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));inset-inline-start:auto}:host(cds-popover-content:dir(rtl)[tabTip][align=bottom-left]:not([autoalign])) .cds--popover-content,:host(cds-popover-content:dir(rtl)[tabTip][align=bottom-start]:not([autoalign])) .cds--popover-content{inset-inline-end:0}:host(cds-ai-label[alignment=bottom-end]:not([autoalign])) .cds--popover-content,:host(cds-ai-label[alignment=bottom-right]:not([autoalign])) .cds--popover-content,:host(cds-popover-content[align=bottom-end]:not([autoalign])) .cds--popover-content,:host(cds-popover-content[align=bottom-right]:not([autoalign])) .cds--popover-content,:host(cds-slug[alignment=bottom-end]:not([autoalign])) .cds--popover-content,:host(cds-slug[alignment=bottom-right]:not([autoalign])) .cds--popover-content,:host(cds-toggletip[alignment=bottom-end]:not([autoalign])) .cds--popover-content,:host(cds-toggletip[alignment=bottom-right]:not([autoalign])) .cds--popover-content,:host(cds-tooltip-content[align=bottom-end]:not([autoalign])) .cds--popover-content,:host(cds-tooltip-content[align=bottom-right]:not([autoalign])) .cds--popover-content{inset-block-end:0;inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));transform:translate(var(--cds-popover-offset,0),calc(100% + var(--cds-popover-offset, 0rem)))}:host(cds-popover-content[tabTip][align=bottom-end]:not([autoalign])) .cds--popover-content,:host(cds-popover-content[tabTip][align=bottom-right]:not([autoalign])) .cds--popover-content{inset-inline-end:0}:host(cds-ai-label:dir(rtl)[alignment=bottom-end]:not([autoalign])) .cds--popover-content,:host(cds-ai-label:dir(rtl)[alignment=bottom-right]:not([autoalign])) .cds--popover-content,:host(cds-popover-content:dir(rtl)[align=bottom-end]:not([autoalign])) .cds--popover-content,:host(cds-popover-content:dir(rtl)[align=bottom-right]:not([autoalign])) .cds--popover-content,:host(cds-slug:dir(rtl)[alignment=bottom-end]:not([autoalign])) .cds--popover-content,:host(cds-slug:dir(rtl)[alignment=bottom-right]:not([autoalign])) .cds--popover-content,:host(cds-toggletip:dir(rtl)[alignment=bottom-end]:not([autoalign])) .cds--popover-content,:host(cds-toggletip:dir(rtl)[alignment=bottom-right]:not([autoalign])) .cds--popover-content,:host(cds-tooltip-content:dir(rtl)[align=bottom-end]:not([autoalign])) .cds--popover-content,:host(cds-tooltip-content:dir(rtl)[align=bottom-right]:not([autoalign])) .cds--popover-content{inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem))}:host(cds-popover-content:dir(rtl)[tabTip][align=bottom-end]:not([autoalign])) .cds--popover-content,:host(cds-popover-content:dir(rtl)[tabTip][align=bottom-right]:not([autoalign])) .cds--popover-content{inset-inline-start:0}:host(cds-popover-content[align=bottom-end]:not([caret]):not([autoalign]):not([tabTip])) .cds--popover-content,:host(cds-popover-content[align=bottom-start]:not([caret]):not([autoalign]):not([tabTip])) .cds--popover-content,:host(cds-popover-content[align=bottom]:not([caret]):not([autoalign]):not([tabTip])) .cds--popover-content{inset-block-end:-.25rem}:host(cds-popover-content[align=bottom-left]:not([caret]):not([autoalign]):not([tabTip])) .cds--popover-content,:host(cds-popover-content[align=bottom-start]:not([caret]):not([autoalign]):not([tabTip])) .cds--popover-content{inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem) - 1rem)}:host(cds-popover-content[align=bottom-end]:not([caret]):not([autoalign]):not([tabTip])) .cds--popover-content,:host(cds-popover-content[align=bottom-right]:not([caret]):not([autoalign]):not([tabTip])) .cds--popover-content{inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem) - 1rem)}:host(cds-ai-label[alignment^=left]:not([autoalign])) .cds--popover-caret,:host(cds-popover-content[align^=left]:not([autoalign])) .cds--popover-caret,:host(cds-slug[alignment^=left]:not([autoalign])) .cds--popover-caret,:host(cds-toggletip[alignment^=left]:not([autoalign])) .cds--popover-caret,:host(cds-tooltip-content[align^=left]:not([autoalign])) .cds--popover-caret{block-size:var(--cds-popover-caret-width,.75rem);inline-size:var(--cds-popover-caret-height,.375rem);inset-block-start:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1 + 100%),-50%)}:host(cds-ai-label[alignment^=left]:not([autoalign])) .cds--popover-caret:after,:host(cds-popover-content[align^=left]:not([autoalign])) .cds--popover-caret:after,:host(cds-slug[alignment^=left]:not([autoalign])) .cds--popover-caret:after,:host(cds-toggletip[alignment^=left]:not([autoalign])) .cds--popover-caret:after,:host(cds-tooltip-content[align^=left]:not([autoalign])) .cds--popover-caret:after{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 0,100% 50%,0 100%);inline-size:var(--cds-popover-caret-height,.375rem)}:host(cds-ai-label[alignment^=left][border]:not([autoalign])) .cds--popover-caret:before,:host(cds-popover-content[align^=left][border]:not([autoalign])) .cds--popover-caret:before,:host(cds-slug[alignment^=left][border]:not([autoalign])) .cds--popover-caret:before,:host(cds-toggletip[alignment^=left][border]:not([autoalign])) .cds--popover-caret:before,:host(cds-tooltip-content[align^=left][border]:not([autoalign])) .cds--popover-caret:before{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 0,100% 50%,0 100%);inline-size:var(--cds-popover-caret-height,.375rem)}:host(cds-ai-label[alignment^=left][border]:not([autoalign])) .cds--popover-caret:after,:host(cds-popover-content[align^=left][border]:not([autoalign])) .cds--popover-caret:after,:host(cds-slug[alignment^=left][border]:not([autoalign])) .cds--popover-caret:after,:host(cds-toggletip[alignment^=left][border]:not([autoalign])) .cds--popover-caret:after,:host(cds-tooltip-content[align^=left][border]:not([autoalign])) .cds--popover-caret:after{inset-inline-start:-1px}:host(cds-ai-label:dir(rtl)[alignment^=left]:not([autoalign])) .cds--popover-caret,:host(cds-popover-content:dir(rtl)[align^=left]:not([autoalign])) .cds--popover-caret,:host(cds-slug:dir(rtl)[alignment^=left]:not([autoalign])) .cds--popover-caret,:host(cds-toggletip:dir(rtl)[alignment^=left]:not([autoalign])) .cds--popover-caret,:host(cds-tooltip-content:dir(rtl)[align^=left]:not([autoalign])) .cds--popover-caret{inset-inline-end:auto;inset-inline-start:100%}:host(cds-ai-label:dir(rtl)[alignment^=left]:not([autoalign])) .cds--popover-caret:after,:host(cds-popover-content:dir(rtl)[align^=left]:not([autoalign])) .cds--popover-caret:after,:host(cds-slug:dir(rtl)[alignment^=left]:not([autoalign])) .cds--popover-caret:after,:host(cds-toggletip:dir(rtl)[alignment^=left]:not([autoalign])) .cds--popover-caret:after,:host(cds-tooltip-content:dir(rtl)[align^=left]:not([autoalign])) .cds--popover-caret:after{inset-inline-start:1px}:host(cds-ai-label[alignment=left]:not([autoalign])) .cds--popover-content,:host(cds-popover-content[align=left]:not([autoalign])) .cds--popover-content,:host(cds-slug[alignment=left]:not([autoalign])) .cds--popover-content,:host(cds-toggletip[alignment=left]:not([autoalign])) .cds--popover-content,:host(cds-tooltip-content[align=left]:not([autoalign])) .cds--popover-content{inset-block-start:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1 + .1px),-50%)}:host(cds-ai-label[alignment=left-bottom]:not([autoalign])) .cds--popover-content,:host(cds-ai-label[alignment=left-end]:not([autoalign])) .cds--popover-content,:host(cds-popover-content[align=left-bottom]:not([autoalign])) .cds--popover-content,:host(cds-popover-content[align=left-end]:not([autoalign])) .cds--popover-content,:host(cds-slug[alignment=left-bottom]:not([autoalign])) .cds--popover-content,:host(cds-slug[alignment=left-end]:not([autoalign])) .cds--popover-content,:host(cds-toggletip[alignment=left-bottom]:not([autoalign])) .cds--popover-content,:host(cds-toggletip[alignment=left-end]:not([autoalign])) .cds--popover-content,:host(cds-tooltip-content[align=left-bottom]:not([autoalign])) .cds--popover-content,:host(cds-tooltip-content[align=left-end]:not([autoalign])) .cds--popover-content{inset-block-end:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(var(--cds-popover-offset, 0rem)*.5 + 1rem))}:host(cds-ai-label[alignment=left-start]:not([autoalign])) .cds--popover-content,:host(cds-ai-label[alignment=left-top]:not([autoalign])) .cds--popover-content,:host(cds-popover-content[align=left-start]:not([autoalign])) .cds--popover-content,:host(cds-popover-content[align=left-top]:not([autoalign])) .cds--popover-content,:host(cds-slug[alignment=left-start]:not([autoalign])) .cds--popover-content,:host(cds-slug[alignment=left-top]:not([autoalign])) .cds--popover-content,:host(cds-toggletip[alignment=left-start]:not([autoalign])) .cds--popover-content,:host(cds-toggletip[alignment=left-top]:not([autoalign])) .cds--popover-content,:host(cds-tooltip-content[align=left-start]:not([autoalign])) .cds--popover-content,:host(cds-tooltip-content[align=left-top]:not([autoalign])) .cds--popover-content{inset-block-start:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(var(--cds-popover-offset, 0rem)*-.5 - 1rem))}:host(cds-ai-label:dir(rtl)[alignment^=left]:not([autoalign])) .cds--popover-content,:host(cds-popover-content:dir(rtl)[align^=left]:not([autoalign])) .cds--popover-content,:host(cds-slug:dir(rtl)[alignment^=left]:not([autoalign])) .cds--popover-content,:host(cds-toggletip:dir(rtl)[alignment^=left]:not([autoalign])) .cds--popover-content,:host(cds-tooltip-content:dir(rtl)[align^=left]:not([autoalign])) .cds--popover-content{inset-inline-end:auto;inset-inline-start:100%}:host(cds-popover-content[align=left-end]:not([caret]):not([autoalign]):not([tabTip])) .cds--popover-content,:host(cds-popover-content[align=left-start]:not([caret]):not([autoalign]):not([tabTip])) .cds--popover-content,:host(cds-popover-content[align=left]:not([caret]):not([autoalign]):not([tabTip])) .cds--popover-content{inset-inline-end:calc(100% + .25rem)}:host(cds-ai-label[alignment^=right]:not([autoalign])) .cds--popover-caret,:host(cds-popover-content[align^=right]:not([autoalign])) .cds--popover-caret,:host(cds-slug[alignment^=right]:not([autoalign])) .cds--popover-caret,:host(cds-toggletip[alignment^=right]:not([autoalign])) .cds--popover-caret,:host(cds-tooltip-content[align^=right]:not([autoalign])) .cds--popover-caret{block-size:var(--cds-popover-caret-width,.75rem);inline-size:var(--cds-popover-caret-height,.375rem);inset-block-start:50%;inset-inline-start:100%;transform:translate(calc(var(--cds-popover-offset, 0rem) - 100%),-50%)}:host(cds-ai-label[alignment^=right]:not([autoalign])) .cds--popover-caret:after,:host(cds-popover-content[align^=right]:not([autoalign])) .cds--popover-caret:after,:host(cds-slug[alignment^=right]:not([autoalign])) .cds--popover-caret:after,:host(cds-toggletip[alignment^=right]:not([autoalign])) .cds--popover-caret:after,:host(cds-tooltip-content[align^=right]:not([autoalign])) .cds--popover-caret:after{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 50%,100% 0,100% 100%);inline-size:var(--cds-popover-caret-height,.375rem)}:host(cds-ai-label[alignment^=right][border]:not([autoalign])) .cds--popover-caret:before,:host(cds-popover-content[align^=right][border]:not([autoalign])) .cds--popover-caret:before,:host(cds-slug[alignment^=right][border]:not([autoalign])) .cds--popover-caret:before,:host(cds-toggletip[alignment^=right][border]:not([autoalign])) .cds--popover-caret:before,:host(cds-tooltip-content[align^=right][border]:not([autoalign])) .cds--popover-caret:before{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 50%,100% 0,100% 100%);inline-size:var(--cds-popover-caret-height,.375rem)}:host(cds-ai-label[alignment^=right][border]:not([autoalign])) .cds--popover-caret:after,:host(cds-popover-content[align^=right][border]:not([autoalign])) .cds--popover-caret:after,:host(cds-slug[alignment^=right][border]:not([autoalign])) .cds--popover-caret:after,:host(cds-toggletip[alignment^=right][border]:not([autoalign])) .cds--popover-caret:after,:host(cds-tooltip-content[align^=right][border]:not([autoalign])) .cds--popover-caret:after{inset-inline-start:1px}:host(cds-ai-label:dir(rtl)[alignment^=right]:not([autoalign])) .cds--popover-caret,:host(cds-popover-content:dir(rtl)[align^=right]:not([autoalign])) .cds--popover-caret,:host(cds-slug:dir(rtl)[alignment^=right]:not([autoalign])) .cds--popover-caret,:host(cds-toggletip:dir(rtl)[alignment^=right]:not([autoalign])) .cds--popover-caret,:host(cds-tooltip-content:dir(rtl)[align^=right]:not([autoalign])) .cds--popover-caret{inset-inline-end:100%;inset-inline-start:auto}:host(cds-ai-label:dir(rtl)[alignment^=right]:not([autoalign])) .cds--popover-caret:after,:host(cds-popover-content:dir(rtl)[align^=right]:not([autoalign])) .cds--popover-caret:after,:host(cds-slug:dir(rtl)[alignment^=right]:not([autoalign])) .cds--popover-caret:after,:host(cds-toggletip:dir(rtl)[alignment^=right]:not([autoalign])) .cds--popover-caret:after,:host(cds-tooltip-content:dir(rtl)[align^=right]:not([autoalign])) .cds--popover-caret:after{inset-inline-start:-1px}:host(cds-ai-label[alignment=right]:not([autoalign])) .cds--popover-content,:host(cds-popover-content[align=right]:not([autoalign])) .cds--popover-content,:host(cds-slug[alignment=right]:not([autoalign])) .cds--popover-content,:host(cds-toggletip[alignment=right]:not([autoalign])) .cds--popover-content,:host(cds-tooltip-content[align=right]:not([autoalign])) .cds--popover-content{inset-block-start:50%;inset-inline-start:100%;transform:translate(var(--cds-popover-offset,0),-50%)}:host(cds-ai-label[alignment=right-bottom]:not([autoalign])) .cds--popover-content,:host(cds-ai-label[alignment=right-end]:not([autoalign])) .cds--popover-content,:host(cds-popover-content[align=right-bottom]:not([autoalign])) .cds--popover-content,:host(cds-popover-content[align=right-end]:not([autoalign])) .cds--popover-content,:host(cds-slug[alignment=right-bottom]:not([autoalign])) .cds--popover-content,:host(cds-slug[alignment=right-end]:not([autoalign])) .cds--popover-content,:host(cds-toggletip[alignment=right-bottom]:not([autoalign])) .cds--popover-content,:host(cds-toggletip[alignment=right-end]:not([autoalign])) .cds--popover-content,:host(cds-tooltip-content[align=right-bottom]:not([autoalign])) .cds--popover-content,:host(cds-tooltip-content[align=right-end]:not([autoalign])) .cds--popover-content{inset-block-end:50%;inset-inline-start:100%;transform:translate(var(--cds-popover-offset,0),calc(var(--cds-popover-offset, 0rem)*.5 + 16px))}:host(cds-ai-label[alignment=right-start]:not([autoalign])) .cds--popover-content,:host(cds-ai-label[alignment=right-top]:not([autoalign])) .cds--popover-content,:host(cds-popover-content[align=right-start]:not([autoalign])) .cds--popover-content,:host(cds-popover-content[align=right-top]:not([autoalign])) .cds--popover-content,:host(cds-slug[alignment=right-start]:not([autoalign])) .cds--popover-content,:host(cds-slug[alignment=right-top]:not([autoalign])) .cds--popover-content,:host(cds-toggletip[alignment=right-start]:not([autoalign])) .cds--popover-content,:host(cds-toggletip[alignment=right-top]:not([autoalign])) .cds--popover-content,:host(cds-tooltip-content[align=right-start]:not([autoalign])) .cds--popover-content,:host(cds-tooltip-content[align=right-top]:not([autoalign])) .cds--popover-content{inset-block-start:50%;inset-inline-start:100%;transform:translate(var(--cds-popover-offset,0),calc(var(--cds-popover-offset, 0rem)*.5*-1 - 16px))}:host(cds-ai-label:dir(rtl)[alignment^=right]:not([autoalign])) .cds--popover-content,:host(cds-popover-content:dir(rtl)[align^=right]:not([autoalign])) .cds--popover-content,:host(cds-slug:dir(rtl)[alignment^=right]:not([autoalign])) .cds--popover-content,:host(cds-toggletip:dir(rtl)[alignment^=right]:not([autoalign])) .cds--popover-content,:host(cds-tooltip-content:dir(rtl)[align^=right]:not([autoalign])) .cds--popover-content{inset-inline-end:100%;inset-inline-start:auto}:host(cds-popover-content[align=right-end]:not([caret]):not([autoalign]):not([tabTip])) .cds--popover-content,:host(cds-popover-content[align=right-start]:not([caret]):not([autoalign]):not([tabTip])) .cds--popover-content,:host(cds-popover-content[align=right]:not([caret]):not([autoalign]):not([tabTip])) .cds--popover-content{inset-inline-start:calc(100% + .25rem)}:host(cds-ai-label[alignment^=top]:not([autoalign])) .cds--popover-caret,:host(cds-popover-content[align^=top]:not([autoalign])) .cds--popover-caret,:host(cds-slug[alignment^=top]:not([autoalign])) .cds--popover-caret,:host(cds-toggletip[alignment^=top]:not([autoalign])) .cds--popover-caret,:host(cds-tooltip-content[align^=top]:not([autoalign])) .cds--popover-caret{block-size:var(--cds-popover-caret-height,.375rem);inline-size:var(--cds-popover-caret-width,.75rem);inset-block-start:0;inset-inline-start:50%;transform:translate(-50%,calc(var(--cds-popover-offset, 0rem)*-1))}:host(cds-ai-label[alignment^=top]:not([autoalign])) .cds--popover-caret:after,:host(cds-popover-content[align^=top]:not([autoalign])) .cds--popover-caret:after,:host(cds-slug[alignment^=top]:not([autoalign])) .cds--popover-caret:after,:host(cds-toggletip[alignment^=top]:not([autoalign])) .cds--popover-caret:after,:host(cds-tooltip-content[align^=top]:not([autoalign])) .cds--popover-caret:after{block-size:var(--cds-popover-caret-height,.375rem);clip-path:polygon(0 0,50% 100%,100% 0);inline-size:var(--cds-popover-caret-width,.75rem)}:host(cds-ai-label[alignment^=top][border]:not([autoalign])) .cds--popover-caret:before,:host(cds-popover-content[align^=top][border]:not([autoalign])) .cds--popover-caret:before,:host(cds-slug[alignment^=top][border]:not([autoalign])) .cds--popover-caret:before,:host(cds-toggletip[alignment^=top][border]:not([autoalign])) .cds--popover-caret:before,:host(cds-tooltip-content[align^=top][border]:not([autoalign])) .cds--popover-caret:before{block-size:var(--cds-popover-caret-height,.375rem);clip-path:polygon(0 0,50% 100%,100% 0);inline-size:var(--cds-popover-caret-width,.75rem)}:host(cds-ai-label[alignment^=top][border]:not([autoalign])) .cds--popover-caret:after,:host(cds-popover-content[align^=top][border]:not([autoalign])) .cds--popover-caret:after,:host(cds-slug[alignment^=top][border]:not([autoalign])) .cds--popover-caret:after,:host(cds-toggletip[alignment^=top][border]:not([autoalign])) .cds--popover-caret:after,:host(cds-tooltip-content[align^=top][border]:not([autoalign])) .cds--popover-caret:after{inline-size:calc(var(--cds-popover-caret-width, .75rem) - 1px);inset-block-start:-1px;inset-inline-start:.5px}:host(cds-ai-label:dir(rtl)[alignment^=top]:not([autoalign])) .cds--popover-caret,:host(cds-popover-content:dir(rtl)[align^=top]:not([autoalign])) .cds--popover-caret,:host(cds-slug:dir(rtl)[alignment^=top]:not([autoalign])) .cds--popover-caret,:host(cds-toggletip:dir(rtl)[alignment^=top]:not([autoalign])) .cds--popover-caret,:host(cds-tooltip-content:dir(rtl)[align^=top]:not([autoalign])) .cds--popover-caret{transform:translate(50%,calc(var(--cds-popover-offset, 0rem)*-1))}:host(cds-ai-label[alignment=top]:not([autoalign])) .cds--popover-content,:host(cds-popover-content[align=top]:not([autoalign])) .cds--popover-content,:host(cds-slug[alignment=top]:not([autoalign])) .cds--popover-content,:host(cds-toggletip[alignment=top]:not([autoalign])) .cds--popover-content,:host(cds-tooltip-content[align=top]:not([autoalign])) .cds--popover-content{inset-block-start:0;inset-inline-start:50%;transform:translate(-50%,calc(-100% - var(--cds-popover-offset, 0rem)))}:host(cds-ai-label:dir(rtl)[alignment=top]:not([autoalign])) .cds--popover-content,:host(cds-popover-content:dir(rtl)[align=top]:not([autoalign])) .cds--popover-content,:host(cds-slug[alignment=top]:not([autoalign])) .cds--popover-content,:host(cds-toggletip:dir(rtl)[alignment=top]:not([autoalign])) .cds--popover-content,:host(cds-tooltip-content:dir(rtl)[align=top]:not([autoalign])) .cds--popover-content{transform:translate(50%,calc(-100% - var(--cds-popover-offset, 0rem)))}:host(cds-ai-label[alignment=top-left]:not([autoalign])) .cds--popover-content,:host(cds-ai-label[alignment=top-start]:not([autoalign])) .cds--popover-content,:host(cds-popover-content[align=top-left]:not([autoalign])) .cds--popover-content,:host(cds-popover-content[align=top-start]:not([autoalign])) .cds--popover-content,:host(cds-slug[alignment=top-left]:not([autoalign])) .cds--popover-content,:host(cds-slug[alignment=top-start]:not([autoalign])) .cds--popover-content,:host(cds-toggletip[alignment=top-left]:not([autoalign])) .cds--popover-content,:host(cds-toggletip[alignment=top-start]:not([autoalign])) .cds--popover-content,:host(cds-tooltip-content[align=top-left]:not([autoalign])) .cds--popover-content,:host(cds-tooltip-content[align=top-start]:not([autoalign])) .cds--popover-content{inset-block-start:0;inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(-100% - var(--cds-popover-offset, 0rem)))}:host(cds-ai-label:dir(rtl)[alignment=top-left]:not([autoalign])) .cds--popover-content,:host(cds-ai-label:dir(rtl)[alignment=top-start]:not([autoalign])) .cds--popover-content,:host(cds-popover-content:dir(rtl)[align=top-left]:not([autoalign])) .cds--popover-content,:host(cds-popover-content:dir(rtl)[align=top-start]:not([autoalign])) .cds--popover-content,:host(cds-slug[alignment=top-left]:not([autoalign])) .cds--popover-content,:host(cds-slug[alignment=top-start]:not([autoalign])) .cds--popover-content,:host(cds-toggletip:dir(rtl)[alignment=top-left]:not([autoalign])) .cds--popover-content,:host(cds-toggletip:dir(rtl)[alignment=top-start]:not([autoalign])) .cds--popover-content,:host(cds-tooltip-content:dir(rtl)[align=top-left]:not([autoalign])) .cds--popover-content,:host(cds-tooltip-content:dir(rtl)[align=top-start]:not([autoalign])) .cds--popover-content{inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));inset-inline-start:auto}:host(cds-ai-label[alignment=top-end]:not([autoalign])) .cds--popover-content,:host(cds-ai-label[alignment=top-right]:not([autoalign])) .cds--popover-content,:host(cds-popover-content[align=top-end]:not([autoalign])) .cds--popover-content,:host(cds-popover-content[align=top-right]:not([autoalign])) .cds--popover-content,:host(cds-slug[alignment=top-end]:not([autoalign])) .cds--popover-content,:host(cds-slug[alignment=top-right]:not([autoalign])) .cds--popover-content,:host(cds-toggletip[alignment=top-end]:not([autoalign])) .cds--popover-content,:host(cds-toggletip[alignment=top-right]:not([autoalign])) .cds--popover-content,:host(cds-tooltip-content[align=top-end]:not([autoalign])) .cds--popover-content,:host(cds-tooltip-content[align=top-right]:not([autoalign])) .cds--popover-content{inset-block-start:0;inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));transform:translate(var(--cds-popover-offset,0),calc(-100% - var(--cds-popover-offset, 0rem)))}:host(cds-ai-label:dir(rtl)[alignment=top-end]:not([autoalign])) .cds--popover-content,:host(cds-ai-label:dir(rtl)[alignment=top-right]:not([autoalign])) .cds--popover-content,:host(cds-popover-content:dir(rtl)[align=top-end]:not([autoalign])) .cds--popover-content,:host(cds-popover-content:dir(rtl)[align=top-right]:not([autoalign])) .cds--popover-content,:host(cds-slug[alignment=top-end]:not([autoalign])) .cds--popover-content,:host(cds-slug[alignment=top-right]:not([autoalign])) .cds--popover-content,:host(cds-toggletip:dir(rtl)[alignment=top-end]:not([autoalign])) .cds--popover-content,:host(cds-toggletip:dir(rtl)[alignment=top-right]:not([autoalign])) .cds--popover-content,:host(cds-tooltip-content:dir(rtl)[align=top-end]:not([autoalign])) .cds--popover-content,:host(cds-tooltip-content:dir(rtl)[align=top-right]:not([autoalign])) .cds--popover-content{inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem))}:host(cds-popover-content[align=top-end]:not([caret]):not([autoalign]):not([tabTip])) .cds--popover-content,:host(cds-popover-content[align=top-start]:not([caret]):not([autoalign]):not([tabTip])) .cds--popover-content,:host(cds-popover-content[align=top]:not([caret]):not([autoalign]):not([tabTip])) .cds--popover-content{inset-block-start:-.25rem}:host(cds-popover-content[align=top-left]:not([caret]):not([autoalign]):not([tabTip])) .cds--popover-content,:host(cds-popover-content[align=top-start]:not([caret]):not([autoalign]):not([tabTip])) .cds--popover-content{inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem) - 1rem)}:host(cds-popover-content[align=top-end]:not([caret]):not([autoalign]):not([tabTip])) .cds--popover-content,:host(cds-popover-content[align=top-right]:not([caret]):not([autoalign]):not([tabTip])) .cds--popover-content{inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem) - 1rem)}:host(cds-popover-content[autoalign]) .cds--popover-caret,:host(cds-toggletip[autoalign]) .cds--popover-caret,:host(cds-tooltip-content[autoalign]) .cds--popover-caret{block-size:8px;inline-size:8px;transform:rotate(45deg)}:host(cds-ai-label[autoalign]) .cds--popover-container,:host(cds-popover[autoalign]) .cds--popover-container,:host(cds-slug[autoalign]) .cds--popover-container,:host(cds-toggletip[autoalign]) .cds--popover-container,:host(cds-tooltip[autoalign]) .cds--popover-container{position:static}:host(cds-popover-content[open][caret][autoalign]) .cds--popover-caret:before,:host(cds-tooltip-content[open][caret][autoalign]) .cds--popover-caret:before{block-size:8px;inline-size:8px}:host(cds-popover-content[open][caret][autoalign]) .cds--popover-caret:after,:host(cds-tooltip-content[open][caret][autoalign]) .cds--popover-caret:after{block-size:8px;inline-size:8px}:host(cds-popover-content[border][open][caret][autoalign]) .cds--popover-caret:after{inline-size:7px}:host(cds-popover-content[border][open][caret][autoalign]) .cds--popover-content[align^=top]>.cds--popover-caret:after{inset-block-start:-1px}:host(cds-popover-content[border][open][caret][autoalign]) .cds--popover-content[align^=bottom]>.cds--popover-caret:after{inset-block-start:1px;inset-inline-start:1px}:host(cds-popover-content[border][open][caret][autoalign]) .cds--popover-content[align^=left]>.cds--popover-caret:after{inset-block-start:1px}:host(cds-popover-content[border][open][caret][autoalign]) .cds--popover-content[align^=right]>.cds--popover-caret:after{inset-block-start:-1px;inset-inline-start:1px}"]);
-
 //#endregion
 export { popover_default as default };
+
 //# sourceMappingURL=popover.scss.js.map

package/es/components/progress-bar/defs.js

@@ -62,7 +62,7 @@ let PROGRESS_BAR_TYPE = /* @__PURE__ */ function(PROGRESS_BAR_TYPE) {
 	PROGRESS_BAR_TYPE["INDENTED"] = "indented";
 	return PROGRESS_BAR_TYPE;
 }({});
-
 //#endregion
 export { PROGRESS_BAR_SIZE, PROGRESS_BAR_STATUS, PROGRESS_BAR_TYPE };
+
 //# sourceMappingURL=defs.js.map

package/es/components/progress-bar/defs.js.map

@@ -1 +1 @@
-{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/progress-bar/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 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 * Status of progress bar.\n */\nexport enum PROGRESS_BAR_STATUS {\n  /**\n   * Currently active.\n   */\n  ACTIVE = 'active',\n\n  /**\n   * Executed.\n   */\n  FINISHED = 'finished',\n\n  /**\n   * Invalid.\n   */\n  ERROR = 'error',\n}\n\n/**\n * Size of progress bar.\n */\nexport enum PROGRESS_BAR_SIZE {\n  /**\n   * small size (thinner)\n   */\n  SMALL = 'small',\n\n  /**\n   * big size\n   */\n  BIG = 'big',\n}\n\n/**\n * Defines the alignment variant of the progress bar.\n */\nexport enum PROGRESS_BAR_TYPE {\n  /**\n   * default type\n   */\n  DEFAULT = 'default',\n\n  /**\n   * Inline type\n   */\n  INLINE = 'inline',\n\n  /**\n   * indented type\n   */\n  INDENTED = 'indented',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,oEAAL;;;;AAIL;;;;AAKA;;;;AAKA;;;;;;AAMF,IAAY,gEAAL;;;;AAIL;;;;AAKA;;;;;;AAMF,IAAY,gEAAL;;;;AAIL;;;;AAKA;;;;AAKA"}
+{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/progress-bar/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 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 * Status of progress bar.\n */\nexport enum PROGRESS_BAR_STATUS {\n  /**\n   * Currently active.\n   */\n  ACTIVE = 'active',\n\n  /**\n   * Executed.\n   */\n  FINISHED = 'finished',\n\n  /**\n   * Invalid.\n   */\n  ERROR = 'error',\n}\n\n/**\n * Size of progress bar.\n */\nexport enum PROGRESS_BAR_SIZE {\n  /**\n   * small size (thinner)\n   */\n  SMALL = 'small',\n\n  /**\n   * big size\n   */\n  BIG = 'big',\n}\n\n/**\n * Defines the alignment variant of the progress bar.\n */\nexport enum PROGRESS_BAR_TYPE {\n  /**\n   * default type\n   */\n  DEFAULT = 'default',\n\n  /**\n   * Inline type\n   */\n  INLINE = 'inline',\n\n  /**\n   * indented type\n   */\n  INDENTED = 'indented',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,sBAAL,yBAAA,qBAAA;;;;AAIL,qBAAA,YAAA;;;;AAKA,qBAAA,cAAA;;;;AAKA,qBAAA,WAAA;;KACD;;;;AAKD,IAAY,oBAAL,yBAAA,mBAAA;;;;AAIL,mBAAA,WAAA;;;;AAKA,mBAAA,SAAA;;KACD;;;;AAKD,IAAY,oBAAL,yBAAA,mBAAA;;;;AAIL,mBAAA,aAAA;;;;AAKA,mBAAA,YAAA;;;;AAKA,mBAAA,cAAA;;KACD"}

package/es/components/progress-bar/progress-bar.js

@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import iconLoader from "../../globals/internal/icon-loader.js";
 import { PROGRESS_BAR_SIZE, PROGRESS_BAR_STATUS, PROGRESS_BAR_TYPE } from "./defs.js";
 import progress_bar_default$1 from "./progress-bar.scss.js";
@@ -16,7 +16,6 @@ import { property } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
 import CheckmarkFilled16 from "@carbon/icons/es/checkmark--filled/16.js";
 import ErrorFilled16 from "@carbon/icons/es/error--filled/16.js";
-
 //#region src/components/progress-bar/progress-bar.ts
 /**
 * Copyright IBM Corp. 2019, 2024
@@ -33,64 +32,64 @@ let CDSProgressBar = class CDSProgressBar extends LitElement {
 	constructor(..._args) {
 		super(..._args);
 		this.max = 100;
-		this.size = PROGRESS_BAR_SIZE.BIG;
-		this.status = PROGRESS_BAR_STATUS.ACTIVE;
-		this.type = PROGRESS_BAR_TYPE.DEFAULT;
+		this.size = "big";
+		this.status = "active";
+		this.type = "default";
 	}
 	get _cappedValue() {
 		const { value, max, status } = this;
 		let cappedValue = value;
 		if (cappedValue > max) cappedValue = max;
 		if (cappedValue < 0) cappedValue = 0;
-		if (status === PROGRESS_BAR_STATUS.ERROR) cappedValue = 0;
-		else if (status === PROGRESS_BAR_STATUS.FINISHED) cappedValue = max;
+		if (status === "error") cappedValue = 0;
+		else if (status === "finished") cappedValue = max;
 		return cappedValue;
 	}
 	updated(changedProperties) {
 		if (changedProperties.has("value") || changedProperties.has("max") || changedProperties.has("status")) {
 			const { _cappedValue: cappedValue, max, status } = this;
 			const percentage = cappedValue / max;
-			const bar = this.shadowRoot.querySelector(`.${prefix}--progress-bar__bar`);
-			if (status != PROGRESS_BAR_STATUS.ERROR && status != PROGRESS_BAR_STATUS.FINISHED) bar.style.transform = `scaleX(${percentage})`;
+			const bar = this.shadowRoot.querySelector(`.cds--progress-bar__bar`);
+			if (status != "error" && status != "finished") bar.style.transform = `scaleX(${percentage})`;
 			else bar.style.transform = "none";
 		}
 	}
 	render() {
 		const { _cappedValue: cappedValue, helperText, hideLabel, label, max, size, status, type, value } = this;
-		const isFinished = status === PROGRESS_BAR_STATUS.FINISHED;
-		const isError = status === PROGRESS_BAR_STATUS.ERROR;
+		const isFinished = status === "finished";
+		const isError = status === "error";
 		const indeterminate = !isFinished && !isError && (value === null || value === void 0);
 		let statusIcon = null;
-		if (isError) statusIcon = iconLoader(ErrorFilled16, { class: `${prefix}--progress-bar__status-icon` });
-		else if (isFinished) statusIcon = iconLoader(CheckmarkFilled16, { class: `${prefix}--progress-bar__status-icon` });
+		if (isError) statusIcon = iconLoader(ErrorFilled16, { class: `cds--progress-bar__status-icon` });
+		else if (isFinished) statusIcon = iconLoader(CheckmarkFilled16, { class: `cds--progress-bar__status-icon` });
 		return html` <div class="${classMap({
-			[`${prefix}--progress-bar`]: true,
-			[`${prefix}--progress-bar--${size}`]: true,
-			[`${prefix}--progress-bar--${type}`]: true,
-			[`${prefix}--progress-bar--indeterminate`]: indeterminate,
-			[`${prefix}--progress-bar--finished`]: isFinished,
-			[`${prefix}--progress-bar--error`]: isError
+			[`cds--progress-bar`]: true,
+			[`cds--progress-bar--${size}`]: true,
+			[`cds--progress-bar--${type}`]: true,
+			[`cds--progress-bar--indeterminate`]: indeterminate,
+			[`cds--progress-bar--finished`]: isFinished,
+			[`cds--progress-bar--error`]: isError
 		})}">
       <div class="${classMap({
-			[`${prefix}--progress-bar__label`]: true,
-			[`${prefix}--visually-hidden`]: hideLabel
+			[`cds--progress-bar__label`]: true,
+			[`cds--visually-hidden`]: hideLabel
 		})}">
-        <span class="${prefix}--progress-bar__label-text">${label}</span>
+        <span class="${"cds"}--progress-bar__label-text">${label}</span>
         ${statusIcon}
       </div>
       <div
-        class="${prefix}--progress-bar__track"
+        class="${"cds"}--progress-bar__track"
         role="progressbar"
         aria-busy="${!isFinished}"
         aria-invalid="${isError}"
         aria-valuemin="${!indeterminate ? 0 : null}"
         aria-valuemax="${!indeterminate ? max : null}"
         aria-valuenow="${!indeterminate ? cappedValue : null}">
-        <div class="${prefix}--progress-bar__bar"></div>
+        <div class="${"cds"}--progress-bar__bar"></div>
       </div>
-      ${helperText ? html`<div class="${prefix}--progress-bar__helper-text">
+      ${helperText ? html`<div class="${"cds"}--progress-bar__helper-text">
             ${helperText}
-            <div class="${prefix}--visually-hidden" aria-live="polite">
+            <div class="${"cds"}--visually-hidden" aria-live="polite">
               ${isFinished ? "Done" : "Loading"}
             </div>
           </div>` : null}
@@ -131,9 +130,9 @@ __decorate([property({
 	type: Number,
 	reflect: true
 })], CDSProgressBar.prototype, "value", void 0);
-CDSProgressBar = __decorate([carbonElement(`${prefix}-progress-bar`)], CDSProgressBar);
+CDSProgressBar = __decorate([carbonElement(`cds-progress-bar`)], CDSProgressBar);
 var progress_bar_default = CDSProgressBar;
-
 //#endregion
 export { PROGRESS_BAR_SIZE, PROGRESS_BAR_STATUS, PROGRESS_BAR_TYPE, progress_bar_default as default };
+
 //# sourceMappingURL=progress-bar.js.map

package/es/components/progress-bar/progress-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress-bar.js","names":["styles","customElement"],"sources":["../../../src/components/progress-bar/progress-bar.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 { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { classMap } from 'lit/directives/class-map.js';\nimport {\n  PROGRESS_BAR_SIZE,\n  PROGRESS_BAR_STATUS,\n  PROGRESS_BAR_TYPE,\n} from './defs';\nimport { prefix } from '../../globals/settings';\nimport ErrorFilled16 from '@carbon/icons/es/error--filled/16.js';\nimport CheckmarkFilled16 from '@carbon/icons/es/checkmark--filled/16.js';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport styles from './progress-bar.scss?lit';\n\nexport { PROGRESS_BAR_SIZE, PROGRESS_BAR_STATUS, PROGRESS_BAR_TYPE };\n\n/**\n * Progress bar.\n *\n * @element cds-progress-bar\n */\n@customElement(`${prefix}-progress-bar`)\nclass CDSProgressBar extends LitElement {\n  /**\n   * The current progress as a textual representation.\n   */\n  @property({ type: String, attribute: 'helper-text', reflect: true })\n  helperText;\n\n  /**\n   * Whether the label should be visually hidden.\n   */\n  @property({ type: Boolean, attribute: 'hide-label', reflect: true })\n  hideLabel;\n\n  /**\n   * A label describing the progress bar.\n   */\n  @property({ type: String })\n  label;\n\n  /**\n   * The maximum value.\n   */\n  @property({ type: Number, reflect: true })\n  max = 100;\n\n  /**\n   * Specify the size of the ProgressBar.\n   */\n  @property({ type: String, reflect: true })\n  size = PROGRESS_BAR_SIZE.BIG;\n\n  /**\n   * Specify the status.\n   */\n  @property({ type: String, reflect: true })\n  status = PROGRESS_BAR_STATUS.ACTIVE;\n\n  /**\n   * Defines the alignment variant of the progress bar.\n   */\n  @property({ type: String, reflect: true })\n  type = PROGRESS_BAR_TYPE.DEFAULT;\n\n  /**\n   * The current value.\n   */\n  @property({ type: Number, reflect: true })\n  value;\n\n  protected get _cappedValue() {\n    const { value, max, status } = this;\n\n    let cappedValue = value;\n    if (cappedValue > max) {\n      cappedValue = max;\n    }\n    if (cappedValue < 0) {\n      cappedValue = 0;\n    }\n    if (status === PROGRESS_BAR_STATUS.ERROR) {\n      cappedValue = 0;\n    } else if (status === PROGRESS_BAR_STATUS.FINISHED) {\n      cappedValue = max;\n    }\n\n    return cappedValue;\n  }\n\n  updated(changedProperties) {\n    if (\n      changedProperties.has('value') ||\n      changedProperties.has('max') ||\n      changedProperties.has('status')\n    ) {\n      const { _cappedValue: cappedValue, max, status } = this;\n\n      const percentage: number = cappedValue / max;\n\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n      const bar = this.shadowRoot!.querySelector(\n        `.${prefix}--progress-bar__bar`\n      ) as HTMLElement;\n\n      if (\n        status != PROGRESS_BAR_STATUS.ERROR &&\n        status != PROGRESS_BAR_STATUS.FINISHED\n      ) {\n        bar.style.transform = `scaleX(${percentage})`;\n      } else {\n        bar.style.transform = 'none';\n      }\n    }\n  }\n\n  render() {\n    const {\n      _cappedValue: cappedValue,\n      helperText,\n      hideLabel,\n      label,\n      max,\n      size,\n      status,\n      type,\n      value,\n    } = this;\n\n    const isFinished = status === PROGRESS_BAR_STATUS.FINISHED;\n    const isError = status === PROGRESS_BAR_STATUS.ERROR;\n\n    const indeterminate =\n      !isFinished && !isError && (value === null || value === undefined);\n\n    let statusIcon: ReturnType<typeof iconLoader> | null = null;\n\n    if (isError) {\n      statusIcon = iconLoader(ErrorFilled16, {\n        class: `${prefix}--progress-bar__status-icon`,\n      });\n    } else if (isFinished) {\n      statusIcon = iconLoader(CheckmarkFilled16, {\n        class: `${prefix}--progress-bar__status-icon`,\n      });\n    }\n\n    const wrapperClasses = classMap({\n      [`${prefix}--progress-bar`]: true,\n      [`${prefix}--progress-bar--${size}`]: true,\n      [`${prefix}--progress-bar--${type}`]: true,\n      [`${prefix}--progress-bar--indeterminate`]: indeterminate,\n      [`${prefix}--progress-bar--finished`]: isFinished,\n      [`${prefix}--progress-bar--error`]: isError,\n    });\n\n    const labelClasses = classMap({\n      [`${prefix}--progress-bar__label`]: true,\n      [`${prefix}--visually-hidden`]: hideLabel,\n    });\n\n    return html` <div class=\"${wrapperClasses}\">\n      <div class=\"${labelClasses}\">\n        <span class=\"${prefix}--progress-bar__label-text\">${label}</span>\n        ${statusIcon}\n      </div>\n      <div\n        class=\"${prefix}--progress-bar__track\"\n        role=\"progressbar\"\n        aria-busy=\"${!isFinished}\"\n        aria-invalid=\"${isError}\"\n        aria-valuemin=\"${!indeterminate ? 0 : null}\"\n        aria-valuemax=\"${!indeterminate ? max : null}\"\n        aria-valuenow=\"${!indeterminate ? cappedValue : null}\">\n        <div class=\"${prefix}--progress-bar__bar\"></div>\n      </div>\n      ${helperText\n        ? html`<div class=\"${prefix}--progress-bar__helper-text\">\n            ${helperText}\n            <div class=\"${prefix}--visually-hidden\" aria-live=\"polite\">\n              ${isFinished ? 'Done' : 'Loading'}\n            </div>\n          </div>`\n        : null}\n    </div>`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSProgressBar;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,2BACM,uBAAuB,WAAW;;;aAuBhC;cAMC,kBAAkB;gBAMhB,oBAAoB;cAMtB,kBAAkB;;CAQzB,IAAc,eAAe;EAC3B,MAAM,EAAE,OAAO,KAAK,WAAW;EAE/B,IAAI,cAAc;AAClB,MAAI,cAAc,IAChB,eAAc;AAEhB,MAAI,cAAc,EAChB,eAAc;AAEhB,MAAI,WAAW,oBAAoB,MACjC,eAAc;WACL,WAAW,oBAAoB,SACxC,eAAc;AAGhB,SAAO;;CAGT,QAAQ,mBAAmB;AACzB,MACE,kBAAkB,IAAI,QAAQ,IAC9B,kBAAkB,IAAI,MAAM,IAC5B,kBAAkB,IAAI,SAAS,EAC/B;GACA,MAAM,EAAE,cAAc,aAAa,KAAK,WAAW;GAEnD,MAAM,aAAqB,cAAc;GAGzC,MAAM,MAAM,KAAK,WAAY,cAC3B,IAAI,OAAO,qBACZ;AAED,OACE,UAAU,oBAAoB,SAC9B,UAAU,oBAAoB,SAE9B,KAAI,MAAM,YAAY,UAAU,WAAW;OAE3C,KAAI,MAAM,YAAY;;;CAK5B,SAAS;EACP,MAAM,EACJ,cAAc,aACd,YACA,WACA,OACA,KACA,MACA,QACA,MACA,UACE;EAEJ,MAAM,aAAa,WAAW,oBAAoB;EAClD,MAAM,UAAU,WAAW,oBAAoB;EAE/C,MAAM,gBACJ,CAAC,cAAc,CAAC,YAAY,UAAU,QAAQ,UAAU;EAE1D,IAAI,aAAmD;AAEvD,MAAI,QACF,cAAa,WAAW,eAAe,EACrC,OAAO,GAAG,OAAO,8BAClB,CAAC;WACO,WACT,cAAa,WAAW,mBAAmB,EACzC,OAAO,GAAG,OAAO,8BAClB,CAAC;AAiBJ,SAAO,IAAI,gBAdY,SAAS;IAC7B,GAAG,OAAO,kBAAkB;IAC5B,GAAG,OAAO,kBAAkB,SAAS;IACrC,GAAG,OAAO,kBAAkB,SAAS;IACrC,GAAG,OAAO,iCAAiC;IAC3C,GAAG,OAAO,4BAA4B;IACtC,GAAG,OAAO,yBAAyB;GACrC,CAAC,CAOwC;oBALrB,SAAS;IAC3B,GAAG,OAAO,yBAAyB;IACnC,GAAG,OAAO,qBAAqB;GACjC,CAAC,CAG2B;uBACV,OAAO,8BAA8B,MAAM;UACxD,WAAW;;;iBAGJ,OAAO;;qBAEH,CAAC,WAAW;wBACT,QAAQ;yBACP,CAAC,gBAAgB,IAAI,KAAK;yBAC1B,CAAC,gBAAgB,MAAM,KAAK;yBAC5B,CAAC,gBAAgB,cAAc,KAAK;sBACvC,OAAO;;QAErB,aACE,IAAI,eAAe,OAAO;cACtB,WAAW;0BACC,OAAO;gBACjB,aAAa,SAAS,UAAU;;oBAGtC,KAAK;;;;gBAIGA;;;YAjKf,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAe,SAAS;CAAM,CAAC;YAMnE,SAAS;CAAE,MAAM;CAAS,WAAW;CAAc,SAAS;CAAM,CAAC;YAMnE,SAAS,EAAE,MAAM,QAAQ,CAAC;YAM1B,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC;YAMzC,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC;YAMzC,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC;YAMzC,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC;YAMzC,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC;6BA/C3CC,cAAc,GAAG,OAAO,eAAe;AAyKxC,2BAAe"}
+{"version":3,"file":"progress-bar.js","names":["styles","customElement"],"sources":["../../../src/components/progress-bar/progress-bar.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 { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { classMap } from 'lit/directives/class-map.js';\nimport {\n  PROGRESS_BAR_SIZE,\n  PROGRESS_BAR_STATUS,\n  PROGRESS_BAR_TYPE,\n} from './defs';\nimport { prefix } from '../../globals/settings';\nimport ErrorFilled16 from '@carbon/icons/es/error--filled/16.js';\nimport CheckmarkFilled16 from '@carbon/icons/es/checkmark--filled/16.js';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport styles from './progress-bar.scss?lit';\n\nexport { PROGRESS_BAR_SIZE, PROGRESS_BAR_STATUS, PROGRESS_BAR_TYPE };\n\n/**\n * Progress bar.\n *\n * @element cds-progress-bar\n */\n@customElement(`${prefix}-progress-bar`)\nclass CDSProgressBar extends LitElement {\n  /**\n   * The current progress as a textual representation.\n   */\n  @property({ type: String, attribute: 'helper-text', reflect: true })\n  helperText;\n\n  /**\n   * Whether the label should be visually hidden.\n   */\n  @property({ type: Boolean, attribute: 'hide-label', reflect: true })\n  hideLabel;\n\n  /**\n   * A label describing the progress bar.\n   */\n  @property({ type: String })\n  label;\n\n  /**\n   * The maximum value.\n   */\n  @property({ type: Number, reflect: true })\n  max = 100;\n\n  /**\n   * Specify the size of the ProgressBar.\n   */\n  @property({ type: String, reflect: true })\n  size = PROGRESS_BAR_SIZE.BIG;\n\n  /**\n   * Specify the status.\n   */\n  @property({ type: String, reflect: true })\n  status = PROGRESS_BAR_STATUS.ACTIVE;\n\n  /**\n   * Defines the alignment variant of the progress bar.\n   */\n  @property({ type: String, reflect: true })\n  type = PROGRESS_BAR_TYPE.DEFAULT;\n\n  /**\n   * The current value.\n   */\n  @property({ type: Number, reflect: true })\n  value;\n\n  protected get _cappedValue() {\n    const { value, max, status } = this;\n\n    let cappedValue = value;\n    if (cappedValue > max) {\n      cappedValue = max;\n    }\n    if (cappedValue < 0) {\n      cappedValue = 0;\n    }\n    if (status === PROGRESS_BAR_STATUS.ERROR) {\n      cappedValue = 0;\n    } else if (status === PROGRESS_BAR_STATUS.FINISHED) {\n      cappedValue = max;\n    }\n\n    return cappedValue;\n  }\n\n  updated(changedProperties) {\n    if (\n      changedProperties.has('value') ||\n      changedProperties.has('max') ||\n      changedProperties.has('status')\n    ) {\n      const { _cappedValue: cappedValue, max, status } = this;\n\n      const percentage: number = cappedValue / max;\n\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n      const bar = this.shadowRoot!.querySelector(\n        `.${prefix}--progress-bar__bar`\n      ) as HTMLElement;\n\n      if (\n        status != PROGRESS_BAR_STATUS.ERROR &&\n        status != PROGRESS_BAR_STATUS.FINISHED\n      ) {\n        bar.style.transform = `scaleX(${percentage})`;\n      } else {\n        bar.style.transform = 'none';\n      }\n    }\n  }\n\n  render() {\n    const {\n      _cappedValue: cappedValue,\n      helperText,\n      hideLabel,\n      label,\n      max,\n      size,\n      status,\n      type,\n      value,\n    } = this;\n\n    const isFinished = status === PROGRESS_BAR_STATUS.FINISHED;\n    const isError = status === PROGRESS_BAR_STATUS.ERROR;\n\n    const indeterminate =\n      !isFinished && !isError && (value === null || value === undefined);\n\n    let statusIcon: ReturnType<typeof iconLoader> | null = null;\n\n    if (isError) {\n      statusIcon = iconLoader(ErrorFilled16, {\n        class: `${prefix}--progress-bar__status-icon`,\n      });\n    } else if (isFinished) {\n      statusIcon = iconLoader(CheckmarkFilled16, {\n        class: `${prefix}--progress-bar__status-icon`,\n      });\n    }\n\n    const wrapperClasses = classMap({\n      [`${prefix}--progress-bar`]: true,\n      [`${prefix}--progress-bar--${size}`]: true,\n      [`${prefix}--progress-bar--${type}`]: true,\n      [`${prefix}--progress-bar--indeterminate`]: indeterminate,\n      [`${prefix}--progress-bar--finished`]: isFinished,\n      [`${prefix}--progress-bar--error`]: isError,\n    });\n\n    const labelClasses = classMap({\n      [`${prefix}--progress-bar__label`]: true,\n      [`${prefix}--visually-hidden`]: hideLabel,\n    });\n\n    return html` <div class=\"${wrapperClasses}\">\n      <div class=\"${labelClasses}\">\n        <span class=\"${prefix}--progress-bar__label-text\">${label}</span>\n        ${statusIcon}\n      </div>\n      <div\n        class=\"${prefix}--progress-bar__track\"\n        role=\"progressbar\"\n        aria-busy=\"${!isFinished}\"\n        aria-invalid=\"${isError}\"\n        aria-valuemin=\"${!indeterminate ? 0 : null}\"\n        aria-valuemax=\"${!indeterminate ? max : null}\"\n        aria-valuenow=\"${!indeterminate ? cappedValue : null}\">\n        <div class=\"${prefix}--progress-bar__bar\"></div>\n      </div>\n      ${helperText\n        ? html`<div class=\"${prefix}--progress-bar__helper-text\">\n            ${helperText}\n            <div class=\"${prefix}--visually-hidden\" aria-live=\"polite\">\n              ${isFinished ? 'Done' : 'Loading'}\n            </div>\n          </div>`\n        : null}\n    </div>`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSProgressBar;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,IAAA,iBAAA,MACM,uBAAuB,WAAW;;;aAuBhC;;;;;CA0BN,IAAc,eAAe;EAC3B,MAAM,EAAE,OAAO,KAAK,WAAW;EAE/B,IAAI,cAAc;AAClB,MAAI,cAAc,IAChB,eAAc;AAEhB,MAAI,cAAc,EAChB,eAAc;AAEhB,MAAI,WAAA,QACF,eAAc;WACL,WAAA,WACT,eAAc;AAGhB,SAAO;;CAGT,QAAQ,mBAAmB;AACzB,MACE,kBAAkB,IAAI,QAAQ,IAC9B,kBAAkB,IAAI,MAAM,IAC5B,kBAAkB,IAAI,SAAS,EAC/B;GACA,MAAM,EAAE,cAAc,aAAa,KAAK,WAAW;GAEnD,MAAM,aAAqB,cAAc;GAGzC,MAAM,MAAM,KAAK,WAAY,cAC3B,0BACD;AAED,OACE,UAAA,WACA,UAAA,WAEA,KAAI,MAAM,YAAY,UAAU,WAAW;OAE3C,KAAI,MAAM,YAAY;;;CAK5B,SAAS;EACP,MAAM,EACJ,cAAc,aACd,YACA,WACA,OACA,KACA,MACA,QACA,MACA,UACE;EAEJ,MAAM,aAAa,WAAA;EACnB,MAAM,UAAU,WAAA;EAEhB,MAAM,gBACJ,CAAC,cAAc,CAAC,YAAY,UAAU,QAAQ,UAAU,KAAA;EAE1D,IAAI,aAAmD;AAEvD,MAAI,QACF,cAAa,WAAW,eAAe,EACrC,OAAO,kCACR,CAAC;WACO,WACT,cAAa,WAAW,mBAAmB,EACzC,OAAO,kCACR,CAAC;AAiBJ,SAAO,IAAI,gBAdY,SAAS;IAC7B,sBAA4B;IAC5B,sBAA4B,SAAS;IACrC,sBAA4B,SAAS;IACrC,qCAA2C;IAC3C,gCAAsC;IACtC,6BAAmC;GACrC,CAAC,CAOwC;oBALrB,SAAS;IAC3B,6BAAmC;IACnC,yBAA+B;GACjC,CAAC,CAG2B;6BACH,8BAA8B,MAAM;UACxD,WAAW;;;uBAGG;;qBAEH,CAAC,WAAW;wBACT,QAAQ;yBACP,CAAC,gBAAgB,IAAI,KAAK;yBAC1B,CAAC,gBAAgB,MAAM,KAAK;yBAC5B,CAAC,gBAAgB,cAAc,KAAK;4BAChC;;QAErB,aACE,IAAI,eAAA,MAAsB;cACtB,WAAW;gCACQ;gBACjB,aAAa,SAAS,UAAU;;oBAGtC,KAAK;;;;gBAIGA;;;YAjKf,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAe,SAAS;CAAM,CAAC,CAAA,EAAA,eAAA,WAAA,cAAA,KAAA,EAAA;YAMnE,SAAS;CAAE,MAAM;CAAS,WAAW;CAAc,SAAS;CAAM,CAAC,CAAA,EAAA,eAAA,WAAA,aAAA,KAAA,EAAA;YAMnE,SAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,eAAA,WAAA,SAAA,KAAA,EAAA;YAM1B,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,eAAA,WAAA,OAAA,KAAA,EAAA;YAMzC,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,eAAA,WAAA,QAAA,KAAA,EAAA;YAMzC,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,eAAA,WAAA,UAAA,KAAA,EAAA;YAMzC,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,eAAA,WAAA,QAAA,KAAA,EAAA;YAMzC,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,eAAA,WAAA,SAAA,KAAA,EAAA;6BA/C3CC,cAAc,mBAAyB,CAAA,EAAA,eAAA;AAyKxC,IAAA,uBAAe"}