@hashicorp/design-system-components 5.1.1-rc-20251210200104 → 5.2.0-rc-20251216180742

package/dist/components/hds/popover-primitive/index.js

@@ -11,7 +11,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { g, i, n } from 'decorator-transforms/runtime';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{!\n  Copyright IBM Corp. 2021, 2025\n  SPDX-License-Identifier: MPL-2.0\n}}\n{{yield\n  (hash\n    setupPrimitiveContainer=this.setupPrimitiveContainer\n    setupPrimitiveToggle=this.setupPrimitiveToggle\n    setupPrimitivePopover=this.setupPrimitivePopover\n    toggleElement=this._toggleElement\n    popoverElement=this._popoverElement\n    isOpen=this._isOpen\n    showPopover=this.showPopover\n    hidePopover=this.hidePopover\n    togglePopover=this.togglePopover\n  )\n}}");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright IBM Corp. 2021, 2025\n  SPDX-License-Identifier: MPL-2.0\n}}\n{{yield\n  (hash\n    setupPrimitiveContainer=this.setupPrimitiveContainer\n    setupPrimitiveToggle=this.setupPrimitiveToggle\n    setupPrimitivePopover=this.setupPrimitivePopover\n    toggleElement=this._toggleElement\n    popoverElement=this._popoverElement\n    isOpen=this._isOpen\n    showPopover=this.showPopover\n    hidePopover=this.hidePopover\n    togglePopover=this.togglePopover\n    boundary=@boundary\n  )\n}}");
 
 /**
  * Copyright IBM Corp. 2021, 2025

package/dist/components/hds/popover-primitive/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/popover-primitive/index.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\nimport { assert, warn } from '@ember/debug';\nimport { next } from '@ember/runloop';\nimport { guidFor } from '@ember/object/internals';\nimport { modifier } from 'ember-modifier';\n\nimport registerEvent from '../../../modifiers/hds-register-event.ts';\nimport anchoredPositionModifier from '../../../modifiers/hds-anchored-position.ts';\n\nimport type { HdsAnchoredPositionOptions } from '../../../modifiers/hds-anchored-position.ts';\nimport type { ModifierLike } from '@glint/template';\nimport type Owner from '@ember/owner';\n\nexport interface HdsPopoverPrimitiveSignature {\n  Args: {\n    isOpen?: boolean;\n    enableSoftEvents?: boolean;\n    enableClickEvents?: boolean;\n    onOpen?: () => void;\n    onClose?: () => void;\n  };\n  Blocks: {\n    default: [\n      {\n        setupPrimitiveContainer: ModifierLike<SetupPrimitiveContainerModifier>;\n        setupPrimitiveToggle: ModifierLike<SetupPrimitiveToggleModifier>;\n        setupPrimitivePopover: ModifierLike<SetupPrimitivePopoverModifier>;\n        toggleElement?: HTMLButtonElement;\n        popoverElement?: HTMLElement;\n        isOpen: boolean;\n        showPopover: () => void;\n        hidePopover: (event?: Event) => void;\n        togglePopover: () => void;\n      },\n    ];\n  };\n}\n\ninterface SetupPrimitiveContainerModifier {\n  Element: HTMLElement;\n}\n\nexport interface SetupPrimitiveToggleModifier {\n  Element: HTMLButtonElement;\n}\n\nexport interface SetupPrimitivePopoverModifier {\n  Element: HTMLElement;\n  Args: {\n    Positional: [];\n    Named: { anchoredPositionOptions: HdsAnchoredPositionOptions };\n  };\n}\n\nexport default class HdsPopoverPrimitive extends Component<HdsPopoverPrimitiveSignature> {\n  @tracked private _isOpen;\n  @tracked private _isClosing = false;\n  @tracked private _anchoredPositionOptions?: HdsAnchoredPositionOptions;\n  private _containerElement?: HTMLElement;\n  private _toggleElement?: HTMLButtonElement;\n  private _popoverElement?: HTMLElement;\n  // this will enable \"soft\" events for the toggle (\"hover\" and \"focus\")\n  enableSoftEvents = this.args.enableSoftEvents ?? false;\n  // this will enable \"click\" events for the toggle\n  enableClickEvents = this.args.enableClickEvents ?? false;\n  private _timer?: ReturnType<typeof setTimeout> | null;\n\n  constructor(owner: Owner, args: HdsPopoverPrimitiveSignature['Args']) {\n    super(owner, args);\n    this._isOpen = this.args.isOpen ?? false;\n  }\n\n  setupPrimitiveContainer = modifier<SetupPrimitiveContainerModifier>(\n    (element: HTMLElement): void => {\n      this._containerElement = element;\n\n      // we register the \"soft\" events\n      if (this.enableSoftEvents) {\n        // @ts-expect-error: known issue with type of invocation\n        registerEvent(this._containerElement, [\n          'mouseenter',\n          // eslint-disable-next-line @typescript-eslint/unbound-method\n          this.onMouseEnter,\n        ]);\n        // @ts-expect-error: known issue with type of invocation\n        registerEvent(this._containerElement, [\n          'mouseleave',\n          // eslint-disable-next-line @typescript-eslint/unbound-method\n          this.onMouseLeave,\n        ]);\n        // @ts-expect-error: known issue with type of invocation\n        // eslint-disable-next-line @typescript-eslint/unbound-method\n        registerEvent(this._containerElement, ['focusin', this.onFocusIn]);\n      }\n      // we always want the focusOut event\n      // @ts-expect-error: known issue with type of invocation\n      // eslint-disable-next-line @typescript-eslint/unbound-method\n      registerEvent(this._containerElement, ['focusout', this.onFocusOut]);\n    }\n  );\n\n  setupPrimitiveToggle = modifier<SetupPrimitiveToggleModifier>(\n    (element: HTMLButtonElement) => {\n      this._toggleElement = element;\n\n      assert(\n        `The toggle element of \"Hds::PopoverPrimitive\" must be a <button>; element received: <${element.tagName.toLowerCase()}>`,\n        element instanceof HTMLButtonElement\n      );\n\n      this._linkToggleAndPopover();\n\n      // Return a teardown function to clean up the modifier's side effects.\n      // This is a safeguard against bugs where this element might be\n      // cached and re-parented in the DOM, rather than being fully destroyed.\n      return () => {\n        element.removeAttribute('aria-controls');\n        element.removeAttribute('popovertarget');\n      };\n    }\n  );\n\n  setupPrimitivePopover = modifier(\n    (\n      element: HTMLElement,\n      _positional,\n      named: { anchoredPositionOptions: HdsAnchoredPositionOptions }\n    ): void => {\n      this._popoverElement = element;\n\n      // We need to create a popoverId in order to connect the popover and the toggle with aria-controls\n      // and an id is needed to implement `onclick` event listeners\n      if (!this._popoverElement.id) {\n        this._popoverElement.id = guidFor(this);\n      }\n\n      // this should be an extremely edge case, but in the case the popover needs to be initially forced to be open\n      // we need to use the \"manual\" state to support the case of multiple \"menus\" opened at the same time\n      // IMPORTANT! if a \"popover\" is set to \"open\" with a \"manual\" state, then it can't be closed via `esc` and `click outside`\n      if (this.args.isOpen) {\n        this._popoverElement.popover = 'manual';\n        this._popoverElement.showPopover();\n      } else {\n        this._popoverElement.popover = 'auto';\n      }\n\n      // Register \"onBeforeToggle\" + \"onToggle\" callback functions to be called when a native 'toggle' event is dispatched\n      // @ts-expect-error: known issue with type of invocation\n      registerEvent(this._popoverElement, [\n        'beforetoggle',\n        // eslint-disable-next-line @typescript-eslint/unbound-method\n        this.onBeforeTogglePopover,\n      ]);\n      // @ts-expect-error: known issue with type of invocation\n      // eslint-disable-next-line @typescript-eslint/unbound-method\n      registerEvent(this._popoverElement, ['toggle', this.onTogglePopover]);\n\n      // we need to spread the argument because if it's set via `{{ hash … }}` Ember complains when we overwrite one of its values\n      this._anchoredPositionOptions = {\n        ...named.anchoredPositionOptions,\n      };\n\n      this._linkToggleAndPopover();\n    }\n  );\n\n  // Apply the `hds-anchored-position` modifier to the \"popover\" element\n  // (notice: this function runs the first time when the element the modifier was applied to is inserted into the DOM, and it autotracks while running.\n  // Any tracked values that it accesses will be tracked, including the arguments it receives, and if any of them changes, the function will run again)\n  // This modifiers uses the Floating UI library to provide:\n  // - positioning of the \"popover\" in relation to the \"toggle\"\n  // - collision detection (optional)\n  private _applyAnchoredPositionModifier(): void {\n    if (\n      this._toggleElement !== undefined &&\n      this._popoverElement !== undefined &&\n      this._anchoredPositionOptions !== undefined\n    ) {\n      // eslint-disable-next-line ember/no-runloop\n      next((): void => {\n        // @ts-expect-error: known issue with type of invocation\n        anchoredPositionModifier(\n          this._popoverElement, // element the modifier is attached to\n          [this._toggleElement], // positional arguments\n          this._anchoredPositionOptions // named arguments\n        );\n      });\n    }\n  }\n\n  private _linkToggleAndPopover(): void {\n    if (\n      this._toggleElement === undefined ||\n      this._popoverElement === undefined\n    ) {\n      return;\n    }\n\n    const popoverId = this._popoverElement.id;\n\n    this._toggleElement.setAttribute('aria-controls', popoverId);\n\n    if (this.enableClickEvents) {\n      this._toggleElement.setAttribute('popovertarget', popoverId);\n    } else {\n      this._toggleElement.removeAttribute('popovertarget');\n    }\n\n    this._applyAnchoredPositionModifier();\n  }\n\n  @action\n  showPopover(): void {\n    try {\n      if (this._popoverElement) {\n        this._popoverElement.showPopover();\n      }\n    } catch (error) {\n      warn(\n        `The invocation of \\`showPopover\\` for the popover element caused an unexpected error: ${JSON.stringify(\n          error\n        )}`,\n        {\n          id: 'hds-popover.show-popover-action.invocation-failed',\n        }\n      );\n    }\n  }\n\n  @action\n  // the event may be passed by the `on` modifier, so we need to keep it as an argument here\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  hidePopover(_event?: Event): void {\n    try {\n      if (this._popoverElement) {\n        this._popoverElement.hidePopover();\n      }\n    } catch (error) {\n      warn(\n        `The invocation of \\`hidePopover\\` for the popover element caused an unexpected error: ${JSON.stringify(\n          error\n        )}`,\n        {\n          id: 'hds-popover.hide-popover-action.invocation-failed',\n        }\n      );\n    }\n  }\n\n  @action\n  togglePopover(): void {\n    try {\n      if (this._popoverElement) {\n        this._popoverElement.togglePopover();\n      }\n    } catch (error) {\n      warn(\n        `The invocation of \\`togglePopover\\` for the popover element caused an unexpected error: ${JSON.stringify(\n          error\n        )}`,\n        {\n          id: 'hds-popover.toggle-popover-action.invocation-failed',\n        }\n      );\n    }\n  }\n\n  // fired just _before_ the \"popover\" is shown or hidden\n  @action\n  onBeforeTogglePopover(event: ToggleEvent): void {\n    if (event.newState === 'closed') {\n      // we need this flag to check if it's in the \"closing\" process,\n      // because the browser automatically returns the focus to the \"trigger\" button\n      // and this would re-open immediately the popover because of the `focusin` event\n      this._isClosing = true;\n    }\n  }\n\n  // fired just _after_ the \"popover\" is shown or hidden\n  @action\n  onTogglePopover(event: ToggleEvent): void {\n    if (event.newState === 'open') {\n      this._isOpen = true;\n\n      // we call the \"onOpen\" callback if it exists (and is a function)\n      const { onOpen } = this.args;\n      if (typeof onOpen === 'function') {\n        onOpen();\n      }\n    } else {\n      this._isOpen = false;\n\n      // reset the \"isClosing\" flag (the `toggle` event is fired _after_ the popover is closed)\n      this._isClosing = false;\n\n      // if the popover was initially forced to be open (using the \"manual\" state) then revert its status to `auto` once the user interacts with it\n      if (this.args.isOpen) {\n        if (this._popoverElement) {\n          this._popoverElement.popover = 'auto';\n        }\n      }\n\n      // we call the \"onClose\" callback if it exists (and is a function)\n      const { onClose } = this.args;\n      if (typeof onClose === 'function') {\n        onClose();\n      }\n    }\n  }\n\n  @action\n  onMouseEnter(): void {\n    if (this._timer) {\n      clearTimeout(this._timer);\n    }\n    this.showPopover();\n  }\n\n  @action\n  onFocusIn(): void {\n    // don't re-open the popover if the focus is returned because the closing\n    if (!this._isClosing) {\n      if (this._timer) {\n        clearTimeout(this._timer);\n      }\n      this.showPopover();\n    }\n  }\n\n  @action\n  onMouseLeave(): void {\n    this._timer = setTimeout((): void => this.hidePopover(), 500);\n  }\n\n  @action\n  onFocusOut(event: FocusEvent): void {\n    if (this._containerElement) {\n      let isFocusStillInside = false;\n      if (\n        event.relatedTarget &&\n        // if the related target is not part of the disclosed content we close the disclosed container\n        this._containerElement.contains(event.relatedTarget as Node)\n      ) {\n        isFocusStillInside = true;\n      } else if (\n        document.activeElement &&\n        // due to inconsistent implementation of relatedTarget across browsers we use the activeElement as a fallback\n        this._containerElement.contains(document.activeElement)\n      ) {\n        isFocusStillInside = true;\n      }\n      // if the target receiving the focus is _not_ part of the disclosed content we close the disclosed container\n      if (!isFocusStillInside) {\n        this.hidePopover();\n      }\n    }\n  }\n}\n"],"names":["HdsPopoverPrimitive","Component","g","prototype","tracked","i","void 0","_containerElement","_toggleElement","_popoverElement","enableSoftEvents","args","enableClickEvents","_timer","constructor","owner","_isOpen","isOpen","setupPrimitiveContainer","modifier","element","registerEvent","onMouseEnter","onMouseLeave","onFocusIn","onFocusOut","setupPrimitiveToggle","assert","tagName","toLowerCase","HTMLButtonElement","_linkToggleAndPopover","removeAttribute","setupPrimitivePopover","_positional","named","id","guidFor","popover","showPopover","onBeforeTogglePopover","onTogglePopover","_anchoredPositionOptions","anchoredPositionOptions","_applyAnchoredPositionModifier","undefined","next","anchoredPositionModifier","popoverId","setAttribute","error","warn","JSON","stringify","n","action","hidePopover","_event","togglePopover","event","newState","_isClosing","onOpen","onClose","clearTimeout","setTimeout","isFocusStillInside","relatedTarget","contains","document","activeElement","setComponentTemplate","TEMPLATE"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/popover-primitive/index.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\nimport { assert, warn } from '@ember/debug';\nimport { next } from '@ember/runloop';\nimport { guidFor } from '@ember/object/internals';\nimport { modifier } from 'ember-modifier';\n\nimport registerEvent from '../../../modifiers/hds-register-event.ts';\nimport anchoredPositionModifier from '../../../modifiers/hds-anchored-position.ts';\n\nimport type { HdsAnchoredPositionOptions } from '../../../modifiers/hds-anchored-position.ts';\nimport type { ModifierLike } from '@glint/template';\nimport type Owner from '@ember/owner';\n\nexport interface HdsPopoverPrimitiveSignature {\n  Args: {\n    isOpen?: boolean;\n    enableSoftEvents?: boolean;\n    enableClickEvents?: boolean;\n    boundary?: HdsAnchoredPositionOptions['boundary'];\n    onOpen?: () => void;\n    onClose?: () => void;\n  };\n  Blocks: {\n    default: [\n      {\n        setupPrimitiveContainer: ModifierLike<SetupPrimitiveContainerModifier>;\n        setupPrimitiveToggle: ModifierLike<SetupPrimitiveToggleModifier>;\n        setupPrimitivePopover: ModifierLike<SetupPrimitivePopoverModifier>;\n        toggleElement?: HTMLButtonElement;\n        popoverElement?: HTMLElement;\n        isOpen: boolean;\n        showPopover: () => void;\n        hidePopover: (event?: Event) => void;\n        togglePopover: () => void;\n        boundary?: HdsAnchoredPositionOptions['boundary'];\n      },\n    ];\n  };\n}\n\ninterface SetupPrimitiveContainerModifier {\n  Element: HTMLElement;\n}\n\nexport interface SetupPrimitiveToggleModifier {\n  Element: HTMLButtonElement;\n}\n\nexport interface SetupPrimitivePopoverModifier {\n  Element: HTMLElement;\n  Args: {\n    Positional: [];\n    Named: { anchoredPositionOptions: HdsAnchoredPositionOptions };\n  };\n}\n\nexport default class HdsPopoverPrimitive extends Component<HdsPopoverPrimitiveSignature> {\n  @tracked private _isOpen;\n  @tracked private _isClosing = false;\n  @tracked private _anchoredPositionOptions?: HdsAnchoredPositionOptions;\n  private _containerElement?: HTMLElement;\n  private _toggleElement?: HTMLButtonElement;\n  private _popoverElement?: HTMLElement;\n  // this will enable \"soft\" events for the toggle (\"hover\" and \"focus\")\n  enableSoftEvents = this.args.enableSoftEvents ?? false;\n  // this will enable \"click\" events for the toggle\n  enableClickEvents = this.args.enableClickEvents ?? false;\n  private _timer?: ReturnType<typeof setTimeout> | null;\n\n  constructor(owner: Owner, args: HdsPopoverPrimitiveSignature['Args']) {\n    super(owner, args);\n    this._isOpen = this.args.isOpen ?? false;\n  }\n\n  setupPrimitiveContainer = modifier<SetupPrimitiveContainerModifier>(\n    (element: HTMLElement): void => {\n      this._containerElement = element;\n\n      // we register the \"soft\" events\n      if (this.enableSoftEvents) {\n        // @ts-expect-error: known issue with type of invocation\n        registerEvent(this._containerElement, [\n          'mouseenter',\n          // eslint-disable-next-line @typescript-eslint/unbound-method\n          this.onMouseEnter,\n        ]);\n        // @ts-expect-error: known issue with type of invocation\n        registerEvent(this._containerElement, [\n          'mouseleave',\n          // eslint-disable-next-line @typescript-eslint/unbound-method\n          this.onMouseLeave,\n        ]);\n        // @ts-expect-error: known issue with type of invocation\n        // eslint-disable-next-line @typescript-eslint/unbound-method\n        registerEvent(this._containerElement, ['focusin', this.onFocusIn]);\n      }\n      // we always want the focusOut event\n      // @ts-expect-error: known issue with type of invocation\n      // eslint-disable-next-line @typescript-eslint/unbound-method\n      registerEvent(this._containerElement, ['focusout', this.onFocusOut]);\n    }\n  );\n\n  setupPrimitiveToggle = modifier<SetupPrimitiveToggleModifier>(\n    (element: HTMLButtonElement) => {\n      this._toggleElement = element;\n\n      assert(\n        `The toggle element of \"Hds::PopoverPrimitive\" must be a <button>; element received: <${element.tagName.toLowerCase()}>`,\n        element instanceof HTMLButtonElement\n      );\n\n      this._linkToggleAndPopover();\n\n      // Return a teardown function to clean up the modifier's side effects.\n      // This is a safeguard against bugs where this element might be\n      // cached and re-parented in the DOM, rather than being fully destroyed.\n      return () => {\n        element.removeAttribute('aria-controls');\n        element.removeAttribute('popovertarget');\n      };\n    }\n  );\n\n  setupPrimitivePopover = modifier(\n    (\n      element: HTMLElement,\n      _positional,\n      named: { anchoredPositionOptions: HdsAnchoredPositionOptions }\n    ): void => {\n      this._popoverElement = element;\n\n      // We need to create a popoverId in order to connect the popover and the toggle with aria-controls\n      // and an id is needed to implement `onclick` event listeners\n      if (!this._popoverElement.id) {\n        this._popoverElement.id = guidFor(this);\n      }\n\n      // this should be an extremely edge case, but in the case the popover needs to be initially forced to be open\n      // we need to use the \"manual\" state to support the case of multiple \"menus\" opened at the same time\n      // IMPORTANT! if a \"popover\" is set to \"open\" with a \"manual\" state, then it can't be closed via `esc` and `click outside`\n      if (this.args.isOpen) {\n        this._popoverElement.popover = 'manual';\n        this._popoverElement.showPopover();\n      } else {\n        this._popoverElement.popover = 'auto';\n      }\n\n      // Register \"onBeforeToggle\" + \"onToggle\" callback functions to be called when a native 'toggle' event is dispatched\n      // @ts-expect-error: known issue with type of invocation\n      registerEvent(this._popoverElement, [\n        'beforetoggle',\n        // eslint-disable-next-line @typescript-eslint/unbound-method\n        this.onBeforeTogglePopover,\n      ]);\n      // @ts-expect-error: known issue with type of invocation\n      // eslint-disable-next-line @typescript-eslint/unbound-method\n      registerEvent(this._popoverElement, ['toggle', this.onTogglePopover]);\n\n      // we need to spread the argument because if it's set via `{{ hash … }}` Ember complains when we overwrite one of its values\n      this._anchoredPositionOptions = {\n        ...named.anchoredPositionOptions,\n      };\n\n      this._linkToggleAndPopover();\n    }\n  );\n\n  // Apply the `hds-anchored-position` modifier to the \"popover\" element\n  // (notice: this function runs the first time when the element the modifier was applied to is inserted into the DOM, and it autotracks while running.\n  // Any tracked values that it accesses will be tracked, including the arguments it receives, and if any of them changes, the function will run again)\n  // This modifiers uses the Floating UI library to provide:\n  // - positioning of the \"popover\" in relation to the \"toggle\"\n  // - collision detection (optional)\n  private _applyAnchoredPositionModifier(): void {\n    if (\n      this._toggleElement !== undefined &&\n      this._popoverElement !== undefined &&\n      this._anchoredPositionOptions !== undefined\n    ) {\n      // eslint-disable-next-line ember/no-runloop\n      next((): void => {\n        // @ts-expect-error: known issue with type of invocation\n        anchoredPositionModifier(\n          this._popoverElement, // element the modifier is attached to\n          [this._toggleElement], // positional arguments\n          this._anchoredPositionOptions // named arguments\n        );\n      });\n    }\n  }\n\n  private _linkToggleAndPopover(): void {\n    if (\n      this._toggleElement === undefined ||\n      this._popoverElement === undefined\n    ) {\n      return;\n    }\n\n    const popoverId = this._popoverElement.id;\n\n    this._toggleElement.setAttribute('aria-controls', popoverId);\n\n    if (this.enableClickEvents) {\n      this._toggleElement.setAttribute('popovertarget', popoverId);\n    } else {\n      this._toggleElement.removeAttribute('popovertarget');\n    }\n\n    this._applyAnchoredPositionModifier();\n  }\n\n  @action\n  showPopover(): void {\n    try {\n      if (this._popoverElement) {\n        this._popoverElement.showPopover();\n      }\n    } catch (error) {\n      warn(\n        `The invocation of \\`showPopover\\` for the popover element caused an unexpected error: ${JSON.stringify(\n          error\n        )}`,\n        {\n          id: 'hds-popover.show-popover-action.invocation-failed',\n        }\n      );\n    }\n  }\n\n  @action\n  // the event may be passed by the `on` modifier, so we need to keep it as an argument here\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  hidePopover(_event?: Event): void {\n    try {\n      if (this._popoverElement) {\n        this._popoverElement.hidePopover();\n      }\n    } catch (error) {\n      warn(\n        `The invocation of \\`hidePopover\\` for the popover element caused an unexpected error: ${JSON.stringify(\n          error\n        )}`,\n        {\n          id: 'hds-popover.hide-popover-action.invocation-failed',\n        }\n      );\n    }\n  }\n\n  @action\n  togglePopover(): void {\n    try {\n      if (this._popoverElement) {\n        this._popoverElement.togglePopover();\n      }\n    } catch (error) {\n      warn(\n        `The invocation of \\`togglePopover\\` for the popover element caused an unexpected error: ${JSON.stringify(\n          error\n        )}`,\n        {\n          id: 'hds-popover.toggle-popover-action.invocation-failed',\n        }\n      );\n    }\n  }\n\n  // fired just _before_ the \"popover\" is shown or hidden\n  @action\n  onBeforeTogglePopover(event: ToggleEvent): void {\n    if (event.newState === 'closed') {\n      // we need this flag to check if it's in the \"closing\" process,\n      // because the browser automatically returns the focus to the \"trigger\" button\n      // and this would re-open immediately the popover because of the `focusin` event\n      this._isClosing = true;\n    }\n  }\n\n  // fired just _after_ the \"popover\" is shown or hidden\n  @action\n  onTogglePopover(event: ToggleEvent): void {\n    if (event.newState === 'open') {\n      this._isOpen = true;\n\n      // we call the \"onOpen\" callback if it exists (and is a function)\n      const { onOpen } = this.args;\n      if (typeof onOpen === 'function') {\n        onOpen();\n      }\n    } else {\n      this._isOpen = false;\n\n      // reset the \"isClosing\" flag (the `toggle` event is fired _after_ the popover is closed)\n      this._isClosing = false;\n\n      // if the popover was initially forced to be open (using the \"manual\" state) then revert its status to `auto` once the user interacts with it\n      if (this.args.isOpen) {\n        if (this._popoverElement) {\n          this._popoverElement.popover = 'auto';\n        }\n      }\n\n      // we call the \"onClose\" callback if it exists (and is a function)\n      const { onClose } = this.args;\n      if (typeof onClose === 'function') {\n        onClose();\n      }\n    }\n  }\n\n  @action\n  onMouseEnter(): void {\n    if (this._timer) {\n      clearTimeout(this._timer);\n    }\n    this.showPopover();\n  }\n\n  @action\n  onFocusIn(): void {\n    // don't re-open the popover if the focus is returned because the closing\n    if (!this._isClosing) {\n      if (this._timer) {\n        clearTimeout(this._timer);\n      }\n      this.showPopover();\n    }\n  }\n\n  @action\n  onMouseLeave(): void {\n    this._timer = setTimeout((): void => this.hidePopover(), 500);\n  }\n\n  @action\n  onFocusOut(event: FocusEvent): void {\n    if (this._containerElement) {\n      let isFocusStillInside = false;\n      if (\n        event.relatedTarget &&\n        // if the related target is not part of the disclosed content we close the disclosed container\n        this._containerElement.contains(event.relatedTarget as Node)\n      ) {\n        isFocusStillInside = true;\n      } else if (\n        document.activeElement &&\n        // due to inconsistent implementation of relatedTarget across browsers we use the activeElement as a fallback\n        this._containerElement.contains(document.activeElement)\n      ) {\n        isFocusStillInside = true;\n      }\n      // if the target receiving the focus is _not_ part of the disclosed content we close the disclosed container\n      if (!isFocusStillInside) {\n        this.hidePopover();\n      }\n    }\n  }\n}\n"],"names":["HdsPopoverPrimitive","Component","g","prototype","tracked","i","void 0","_containerElement","_toggleElement","_popoverElement","enableSoftEvents","args","enableClickEvents","_timer","constructor","owner","_isOpen","isOpen","setupPrimitiveContainer","modifier","element","registerEvent","onMouseEnter","onMouseLeave","onFocusIn","onFocusOut","setupPrimitiveToggle","assert","tagName","toLowerCase","HTMLButtonElement","_linkToggleAndPopover","removeAttribute","setupPrimitivePopover","_positional","named","id","guidFor","popover","showPopover","onBeforeTogglePopover","onTogglePopover","_anchoredPositionOptions","anchoredPositionOptions","_applyAnchoredPositionModifier","undefined","next","anchoredPositionModifier","popoverId","setAttribute","error","warn","JSON","stringify","n","action","hidePopover","_event","togglePopover","event","newState","_isClosing","onOpen","onClose","clearTimeout","setTimeout","isFocusStillInside","relatedTarget","contains","document","activeElement","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;;AA4De,MAAMA,mBAAmB,SAASC,SAAS,CAA+B;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CACtFC,OAAO,CAAA,CAAA;AAAA;AAAA,EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAAC,MAAA;AAAA,EAAA;IAAAJ,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,YAAA,EAAA,CACPC,OAAO,CAAA,EAAA,YAAA;AAAA,MAAA,OAAsB,KAAK;AAAA,IAAA,CAAA,CAAA;AAAA;AAAA,EAAA,WAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,YAAA,CAAA,EAAAC,MAAA;AAAA,EAAA;IAAAJ,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,0BAAA,EAAA,CAClCC,OAAO,CAAA,CAAA;AAAA;AAAA,EAAA,yBAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,0BAAA,CAAA,EAAAC,MAAA;EACAC,iBAAiB;EACjBC,cAAc;EACdC,eAAe;AACvB;AACAC,EAAAA,gBAAgB,GAAG,IAAI,CAACC,IAAI,CAACD,gBAAgB,IAAI,KAAK;AACtD;AACAE,EAAAA,iBAAiB,GAAG,IAAI,CAACD,IAAI,CAACC,iBAAiB,IAAI,KAAK;EAChDC,MAAM;AAEdC,EAAAA,WAAWA,CAACC,KAAY,EAAEJ,IAA0C,EAAE;AACpE,IAAA,KAAK,CAACI,KAAK,EAAEJ,IAAI,CAAC;IAClB,IAAI,CAACK,OAAO,GAAG,IAAI,CAACL,IAAI,CAACM,MAAM,IAAI,KAAK;AAC1C,EAAA;AAEAC,EAAAA,uBAAuB,GAAGC,QAAQ,CAC/BC,OAAoB,IAAW;IAC9B,IAAI,CAACb,iBAAiB,GAAGa,OAAO;;AAEhC;IACA,IAAI,IAAI,CAACV,gBAAgB,EAAE;AACzB;AACAW,MAAAA,aAAa,CAAC,IAAI,CAACd,iBAAiB,EAAE,CACpC,YAAY;AACZ;MACA,IAAI,CAACe,YAAY,CAClB,CAAC;AACF;AACAD,MAAAA,aAAa,CAAC,IAAI,CAACd,iBAAiB,EAAE,CACpC,YAAY;AACZ;MACA,IAAI,CAACgB,YAAY,CAClB,CAAC;AACF;AACA;AACAF,MAAAA,aAAa,CAAC,IAAI,CAACd,iBAAiB,EAAE,CAAC,SAAS,EAAE,IAAI,CAACiB,SAAS,CAAC,CAAC;AACpE,IAAA;AACA;AACA;AACA;AACAH,IAAAA,aAAa,CAAC,IAAI,CAACd,iBAAiB,EAAE,CAAC,UAAU,EAAE,IAAI,CAACkB,UAAU,CAAC,CAAC;AACtE,EAAA,CACF,CAAC;AAEDC,EAAAA,oBAAoB,GAAGP,QAAQ,CAC5BC,OAA0B,IAAK;IAC9B,IAAI,CAACZ,cAAc,GAAGY,OAAO;AAE7BO,IAAAA,MAAM,CACJ,CAAA,qFAAA,EAAwFP,OAAO,CAACQ,OAAO,CAACC,WAAW,EAAE,CAAA,CAAA,CAAG,EACxHT,OAAO,YAAYU,iBACrB,CAAC;IAED,IAAI,CAACC,qBAAqB,EAAE;;AAE5B;AACA;AACA;AACA,IAAA,OAAO,MAAM;AACXX,MAAAA,OAAO,CAACY,eAAe,CAAC,eAAe,CAAC;AACxCZ,MAAAA,OAAO,CAACY,eAAe,CAAC,eAAe,CAAC;IAC1C,CAAC;AACH,EAAA,CACF,CAAC;EAEDC,qBAAqB,GAAGd,QAAQ,CAC9B,CACEC,OAAoB,EACpBc,WAAW,EACXC,KAA8D,KACrD;IACT,IAAI,CAAC1B,eAAe,GAAGW,OAAO;;AAE9B;AACA;AACA,IAAA,IAAI,CAAC,IAAI,CAACX,eAAe,CAAC2B,EAAE,EAAE;MAC5B,IAAI,CAAC3B,eAAe,CAAC2B,EAAE,GAAGC,OAAO,CAAC,IAAI,CAAC;AACzC,IAAA;;AAEA;AACA;AACA;AACA,IAAA,IAAI,IAAI,CAAC1B,IAAI,CAACM,MAAM,EAAE;AACpB,MAAA,IAAI,CAACR,eAAe,CAAC6B,OAAO,GAAG,QAAQ;AACvC,MAAA,IAAI,CAAC7B,eAAe,CAAC8B,WAAW,EAAE;AACpC,IAAA,CAAC,MAAM;AACL,MAAA,IAAI,CAAC9B,eAAe,CAAC6B,OAAO,GAAG,MAAM;AACvC,IAAA;;AAEA;AACA;AACAjB,IAAAA,aAAa,CAAC,IAAI,CAACZ,eAAe,EAAE,CAClC,cAAc;AACd;IACA,IAAI,CAAC+B,qBAAqB,CAC3B,CAAC;AACF;AACA;AACAnB,IAAAA,aAAa,CAAC,IAAI,CAACZ,eAAe,EAAE,CAAC,QAAQ,EAAE,IAAI,CAACgC,eAAe,CAAC,CAAC;;AAErE;IACA,IAAI,CAACC,wBAAwB,GAAG;AAC9B,MAAA,GAAGP,KAAK,CAACQ;KACV;IAED,IAAI,CAACZ,qBAAqB,EAAE;AAC9B,EAAA,CACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACQa,EAAAA,8BAA8BA,GAAS;AAC7C,IAAA,IACE,IAAI,CAACpC,cAAc,KAAKqC,SAAS,IACjC,IAAI,CAACpC,eAAe,KAAKoC,SAAS,IAClC,IAAI,CAACH,wBAAwB,KAAKG,SAAS,EAC3C;AACA;AACAC,MAAAA,IAAI,CAAC,MAAY;AACf;QACAC,wBAAwB,CACtB,IAAI,CAACtC,eAAe;AAAE;QACtB,CAAC,IAAI,CAACD,cAAc,CAAC;AAAE;QACvB,IAAI,CAACkC,wBAAwB;SAC9B;AACH,MAAA,CAAC,CAAC;AACJ,IAAA;AACF,EAAA;AAEQX,EAAAA,qBAAqBA,GAAS;IACpC,IACE,IAAI,CAACvB,cAAc,KAAKqC,SAAS,IACjC,IAAI,CAACpC,eAAe,KAAKoC,SAAS,EAClC;AACA,MAAA;AACF,IAAA;AAEA,IAAA,MAAMG,SAAS,GAAG,IAAI,CAACvC,eAAe,CAAC2B,EAAE;IAEzC,IAAI,CAAC5B,cAAc,CAACyC,YAAY,CAAC,eAAe,EAAED,SAAS,CAAC;IAE5D,IAAI,IAAI,CAACpC,iBAAiB,EAAE;MAC1B,IAAI,CAACJ,cAAc,CAACyC,YAAY,CAAC,eAAe,EAAED,SAAS,CAAC;AAC9D,IAAA,CAAC,MAAM;AACL,MAAA,IAAI,CAACxC,cAAc,CAACwB,eAAe,CAAC,eAAe,CAAC;AACtD,IAAA;IAEA,IAAI,CAACY,8BAA8B,EAAE;AACvC,EAAA;AAGAL,EAAAA,WAAWA,GAAS;IAClB,IAAI;MACF,IAAI,IAAI,CAAC9B,eAAe,EAAE;AACxB,QAAA,IAAI,CAACA,eAAe,CAAC8B,WAAW,EAAE;AACpC,MAAA;IACF,CAAC,CAAC,OAAOW,KAAK,EAAE;MACdC,IAAI,CACF,yFAAyFC,IAAI,CAACC,SAAS,CACrGH,KACF,CAAC,CAAA,CAAE,EACH;AACEd,QAAAA,EAAE,EAAE;AACN,OACF,CAAC;AACH,IAAA;AACF,EAAA;AAAC,EAAA;IAAAkB,CAAA,CAAA,IAAA,CAAAnD,SAAA,EAAA,aAAA,EAAA,CAhBAoD,MAAM,CAAA,CAAA;AAAA;AAmBP;AACA;EACAC,WAAWA,CAACC,MAAc,EAAQ;IAChC,IAAI;MACF,IAAI,IAAI,CAAChD,eAAe,EAAE;AACxB,QAAA,IAAI,CAACA,eAAe,CAAC+C,WAAW,EAAE;AACpC,MAAA;IACF,CAAC,CAAC,OAAON,KAAK,EAAE;MACdC,IAAI,CACF,yFAAyFC,IAAI,CAACC,SAAS,CACrGH,KACF,CAAC,CAAA,CAAE,EACH;AACEd,QAAAA,EAAE,EAAE;AACN,OACF,CAAC;AACH,IAAA;AACF,EAAA;AAAC,EAAA;IAAAkB,CAAA,CAAA,IAAA,CAAAnD,SAAA,EAAA,aAAA,EAAA,CAlBAoD,MAAM,CAAA,CAAA;AAAA;AAqBPG,EAAAA,aAAaA,GAAS;IACpB,IAAI;MACF,IAAI,IAAI,CAACjD,eAAe,EAAE;AACxB,QAAA,IAAI,CAACA,eAAe,CAACiD,aAAa,EAAE;AACtC,MAAA;IACF,CAAC,CAAC,OAAOR,KAAK,EAAE;MACdC,IAAI,CACF,2FAA2FC,IAAI,CAACC,SAAS,CACvGH,KACF,CAAC,CAAA,CAAE,EACH;AACEd,QAAAA,EAAE,EAAE;AACN,OACF,CAAC;AACH,IAAA;AACF,EAAA;;AAEA;AAAA,EAAA;IAAAkB,CAAA,CAAA,IAAA,CAAAnD,SAAA,EAAA,eAAA,EAAA,CAlBCoD,MAAM,CAAA,CAAA;AAAA;EAoBPf,qBAAqBA,CAACmB,KAAkB,EAAQ;AAC9C,IAAA,IAAIA,KAAK,CAACC,QAAQ,KAAK,QAAQ,EAAE;AAC/B;AACA;AACA;MACA,IAAI,CAACC,UAAU,GAAG,IAAI;AACxB,IAAA;AACF,EAAA;;AAEA;AAAA,EAAA;IAAAP,CAAA,CAAA,IAAA,CAAAnD,SAAA,EAAA,uBAAA,EAAA,CAVCoD,MAAM,CAAA,CAAA;AAAA;EAYPd,eAAeA,CAACkB,KAAkB,EAAQ;AACxC,IAAA,IAAIA,KAAK,CAACC,QAAQ,KAAK,MAAM,EAAE;MAC7B,IAAI,CAAC5C,OAAO,GAAG,IAAI;;AAEnB;MACA,MAAM;AAAE8C,QAAAA;OAAQ,GAAG,IAAI,CAACnD,IAAI;AAC5B,MAAA,IAAI,OAAOmD,MAAM,KAAK,UAAU,EAAE;AAChCA,QAAAA,MAAM,EAAE;AACV,MAAA;AACF,IAAA,CAAC,MAAM;MACL,IAAI,CAAC9C,OAAO,GAAG,KAAK;;AAEpB;MACA,IAAI,CAAC6C,UAAU,GAAG,KAAK;;AAEvB;AACA,MAAA,IAAI,IAAI,CAAClD,IAAI,CAACM,MAAM,EAAE;QACpB,IAAI,IAAI,CAACR,eAAe,EAAE;AACxB,UAAA,IAAI,CAACA,eAAe,CAAC6B,OAAO,GAAG,MAAM;AACvC,QAAA;AACF,MAAA;;AAEA;MACA,MAAM;AAAEyB,QAAAA;OAAS,GAAG,IAAI,CAACpD,IAAI;AAC7B,MAAA,IAAI,OAAOoD,OAAO,KAAK,UAAU,EAAE;AACjCA,QAAAA,OAAO,EAAE;AACX,MAAA;AACF,IAAA;AACF,EAAA;AAAC,EAAA;IAAAT,CAAA,CAAA,IAAA,CAAAnD,SAAA,EAAA,iBAAA,EAAA,CA7BAoD,MAAM,CAAA,CAAA;AAAA;AAgCPjC,EAAAA,YAAYA,GAAS;IACnB,IAAI,IAAI,CAACT,MAAM,EAAE;AACfmD,MAAAA,YAAY,CAAC,IAAI,CAACnD,MAAM,CAAC;AAC3B,IAAA;IACA,IAAI,CAAC0B,WAAW,EAAE;AACpB,EAAA;AAAC,EAAA;IAAAe,CAAA,CAAA,IAAA,CAAAnD,SAAA,EAAA,cAAA,EAAA,CANAoD,MAAM,CAAA,CAAA;AAAA;AASP/B,EAAAA,SAASA,GAAS;AAChB;AACA,IAAA,IAAI,CAAC,IAAI,CAACqC,UAAU,EAAE;MACpB,IAAI,IAAI,CAAChD,MAAM,EAAE;AACfmD,QAAAA,YAAY,CAAC,IAAI,CAACnD,MAAM,CAAC;AAC3B,MAAA;MACA,IAAI,CAAC0B,WAAW,EAAE;AACpB,IAAA;AACF,EAAA;AAAC,EAAA;IAAAe,CAAA,CAAA,IAAA,CAAAnD,SAAA,EAAA,WAAA,EAAA,CATAoD,MAAM,CAAA,CAAA;AAAA;AAYPhC,EAAAA,YAAYA,GAAS;AACnB,IAAA,IAAI,CAACV,MAAM,GAAGoD,UAAU,CAAC,MAAY,IAAI,CAACT,WAAW,EAAE,EAAE,GAAG,CAAC;AAC/D,EAAA;AAAC,EAAA;IAAAF,CAAA,CAAA,IAAA,CAAAnD,SAAA,EAAA,cAAA,EAAA,CAHAoD,MAAM,CAAA,CAAA;AAAA;EAMP9B,UAAUA,CAACkC,KAAiB,EAAQ;IAClC,IAAI,IAAI,CAACpD,iBAAiB,EAAE;MAC1B,IAAI2D,kBAAkB,GAAG,KAAK;MAC9B,IACEP,KAAK,CAACQ,aAAa;AACnB;MACA,IAAI,CAAC5D,iBAAiB,CAAC6D,QAAQ,CAACT,KAAK,CAACQ,aAAqB,CAAC,EAC5D;AACAD,QAAAA,kBAAkB,GAAG,IAAI;AAC3B,MAAA,CAAC,MAAM,IACLG,QAAQ,CAACC,aAAa;AACtB;MACA,IAAI,CAAC/D,iBAAiB,CAAC6D,QAAQ,CAACC,QAAQ,CAACC,aAAa,CAAC,EACvD;AACAJ,QAAAA,kBAAkB,GAAG,IAAI;AAC3B,MAAA;AACA;MACA,IAAI,CAACA,kBAAkB,EAAE;QACvB,IAAI,CAACV,WAAW,EAAE;AACpB,MAAA;AACF,IAAA;AACF,EAAA;AAAC,EAAA;IAAAF,CAAA,CAAA,IAAA,CAAAnD,SAAA,EAAA,YAAA,EAAA,CAtBAoD,MAAM,CAAA,CAAA;AAAA;AAuBT;AAACgB,oBAAA,CAAAC,QAAA,EA/SoBxE,mBAAmB,CAAA;;;;"}

package/dist/components/hds/rich-tooltip/bubble.js

@@ -47,7 +47,8 @@ class HdsRichTooltipBubble extends Component {
       offsetOptions: this.args.offset ?? 12,
       enableCollisionDetection: this.args.enableCollisionDetection ?? true,
       arrowSelector: `#${this.args.arrowId}`,
-      arrowPadding: 12
+      arrowPadding: 12,
+      boundary: this.args.boundary
     };
   }
 }

package/dist/components/hds/rich-tooltip/bubble.js.map

@@ -1 +1 @@
-{"version":3,"file":"bubble.js","sources":["../../../../src/components/hds/rich-tooltip/bubble.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\n\nimport type { ModifierLike } from '@glint/template';\nimport type { SetupPrimitivePopoverModifier } from '../popover-primitive';\nimport type { HdsAnchoredPositionOptions } from '../../../modifiers/hds-anchored-position.ts';\nimport {\n  DEFAULT_PLACEMENT,\n  PLACEMENTS,\n} from '../../../modifiers/hds-anchored-position.ts';\n\nexport interface HdsRichTooltipBubbleSignature {\n  Args: {\n    placement?: HdsAnchoredPositionOptions['placement'];\n    offset?: HdsAnchoredPositionOptions['offsetOptions'];\n    enableCollisionDetection?: HdsAnchoredPositionOptions['enableCollisionDetection'];\n    width?: string;\n    height?: string;\n    isOpen?: boolean;\n    popoverId: string;\n    arrowId: string;\n    setupPrimitivePopover: ModifierLike<SetupPrimitivePopoverModifier>;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsRichTooltipBubble extends Component<HdsRichTooltipBubbleSignature> {\n  /**\n   * @param placement\n   * @type {string}\n   * @description Determines the position of the \"popover\"\n   */\n  get placement(): HdsAnchoredPositionOptions['placement'] {\n    const { placement = DEFAULT_PLACEMENT } = this.args;\n\n    assert(\n      `@placement for \"Hds::RichTooltip::Bubble\" must be one of the following: ${PLACEMENTS.join(\n        ', '\n      )}; received: ${placement}`,\n      PLACEMENTS.includes(placement)\n    );\n\n    return placement;\n  }\n\n  get enableCollisionDetection(): HdsAnchoredPositionOptions['enableCollisionDetection'] {\n    return this.args.enableCollisionDetection ?? true;\n  }\n\n  get sizingStyles(): Record<string, string> {\n    const sizingStyles: {\n      width?: string;\n      'max-width'?: string;\n      height?: string;\n      'max-height'?: string;\n    } = {};\n\n    if (this.args.width) {\n      sizingStyles['width'] = this.args.width;\n      sizingStyles['max-width'] = 'none';\n    }\n\n    if (this.args.height) {\n      sizingStyles['height'] = this.args.height;\n      sizingStyles['max-height'] = 'none';\n    }\n\n    return sizingStyles;\n  }\n\n  get anchoredPositionOptions(): {\n    placement: HdsAnchoredPositionOptions['placement'];\n    offsetOptions: HdsAnchoredPositionOptions['offsetOptions'];\n    enableCollisionDetection: HdsAnchoredPositionOptions['enableCollisionDetection'];\n    arrowSelector: string;\n    arrowPadding: HdsAnchoredPositionOptions['arrowPadding'];\n  } {\n    // custom options specific for the `RichTooltip` component\n    // for details see the `hds-anchored-position` modifier\n    return {\n      placement: this.placement,\n      offsetOptions: this.args.offset ?? 12,\n      enableCollisionDetection: this.args.enableCollisionDetection ?? true,\n      arrowSelector: `#${this.args.arrowId}`,\n      arrowPadding: 12,\n    };\n  }\n}\n"],"names":["HdsRichTooltipBubble","Component","placement","DEFAULT_PLACEMENT","args","assert","PLACEMENTS","join","includes","enableCollisionDetection","sizingStyles","width","height","anchoredPositionOptions","offsetOptions","offset","arrowSelector","arrowId","arrowPadding","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;;AA+Be,MAAMA,oBAAoB,SAASC,SAAS,CAAgC;AACzF;AACF;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAA4C;IACvD,MAAM;AAAEA,MAAAA,SAAS,GAAGC;KAAmB,GAAG,IAAI,CAACC,IAAI;AAEnDC,IAAAA,MAAM,CACJ,CAAA,wEAAA,EAA2EC,UAAU,CAACC,IAAI,CACxF,IACF,CAAC,CAAA,YAAA,EAAeL,SAAS,CAAA,CAAE,EAC3BI,UAAU,CAACE,QAAQ,CAACN,SAAS,CAC/B,CAAC;AAED,IAAA,OAAOA,SAAS;AAClB,EAAA;EAEA,IAAIO,wBAAwBA,GAA2D;AACrF,IAAA,OAAO,IAAI,CAACL,IAAI,CAACK,wBAAwB,IAAI,IAAI;AACnD,EAAA;EAEA,IAAIC,YAAYA,GAA2B;IACzC,MAAMA,YAKL,GAAG,EAAE;AAEN,IAAA,IAAI,IAAI,CAACN,IAAI,CAACO,KAAK,EAAE;MACnBD,YAAY,CAAC,OAAO,CAAC,GAAG,IAAI,CAACN,IAAI,CAACO,KAAK;AACvCD,MAAAA,YAAY,CAAC,WAAW,CAAC,GAAG,MAAM;AACpC,IAAA;AAEA,IAAA,IAAI,IAAI,CAACN,IAAI,CAACQ,MAAM,EAAE;MACpBF,YAAY,CAAC,QAAQ,CAAC,GAAG,IAAI,CAACN,IAAI,CAACQ,MAAM;AACzCF,MAAAA,YAAY,CAAC,YAAY,CAAC,GAAG,MAAM;AACrC,IAAA;AAEA,IAAA,OAAOA,YAAY;AACrB,EAAA;EAEA,IAAIG,uBAAuBA,GAMzB;AACA;AACA;IACA,OAAO;MACLX,SAAS,EAAE,IAAI,CAACA,SAAS;AACzBY,MAAAA,aAAa,EAAE,IAAI,CAACV,IAAI,CAACW,MAAM,IAAI,EAAE;AACrCN,MAAAA,wBAAwB,EAAE,IAAI,CAACL,IAAI,CAACK,wBAAwB,IAAI,IAAI;AACpEO,MAAAA,aAAa,EAAE,CAAA,CAAA,EAAI,IAAI,CAACZ,IAAI,CAACa,OAAO,CAAA,CAAE;AACtCC,MAAAA,YAAY,EAAE;KACf;AACH,EAAA;AACF;AAACC,oBAAA,CAAAC,QAAA,EA7DoBpB,oBAAoB,CAAA;;;;"}
+{"version":3,"file":"bubble.js","sources":["../../../../src/components/hds/rich-tooltip/bubble.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\n\nimport type { ModifierLike } from '@glint/template';\nimport type { SetupPrimitivePopoverModifier } from '../popover-primitive';\nimport type { HdsAnchoredPositionOptions } from '../../../modifiers/hds-anchored-position.ts';\nimport {\n  DEFAULT_PLACEMENT,\n  PLACEMENTS,\n} from '../../../modifiers/hds-anchored-position.ts';\n\nexport interface HdsRichTooltipBubbleSignature {\n  Args: {\n    placement?: HdsAnchoredPositionOptions['placement'];\n    offset?: HdsAnchoredPositionOptions['offsetOptions'];\n    enableCollisionDetection?: HdsAnchoredPositionOptions['enableCollisionDetection'];\n    width?: string;\n    height?: string;\n    isOpen?: boolean;\n    popoverId: string;\n    arrowId: string;\n    boundary?: HdsAnchoredPositionOptions['boundary'];\n    setupPrimitivePopover: ModifierLike<SetupPrimitivePopoverModifier>;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsRichTooltipBubble extends Component<HdsRichTooltipBubbleSignature> {\n  /**\n   * @param placement\n   * @type {string}\n   * @description Determines the position of the \"popover\"\n   */\n  get placement(): HdsAnchoredPositionOptions['placement'] {\n    const { placement = DEFAULT_PLACEMENT } = this.args;\n\n    assert(\n      `@placement for \"Hds::RichTooltip::Bubble\" must be one of the following: ${PLACEMENTS.join(\n        ', '\n      )}; received: ${placement}`,\n      PLACEMENTS.includes(placement)\n    );\n\n    return placement;\n  }\n\n  get enableCollisionDetection(): HdsAnchoredPositionOptions['enableCollisionDetection'] {\n    return this.args.enableCollisionDetection ?? true;\n  }\n\n  get sizingStyles(): Record<string, string> {\n    const sizingStyles: {\n      width?: string;\n      'max-width'?: string;\n      height?: string;\n      'max-height'?: string;\n    } = {};\n\n    if (this.args.width) {\n      sizingStyles['width'] = this.args.width;\n      sizingStyles['max-width'] = 'none';\n    }\n\n    if (this.args.height) {\n      sizingStyles['height'] = this.args.height;\n      sizingStyles['max-height'] = 'none';\n    }\n\n    return sizingStyles;\n  }\n\n  get anchoredPositionOptions(): {\n    placement: HdsAnchoredPositionOptions['placement'];\n    offsetOptions: HdsAnchoredPositionOptions['offsetOptions'];\n    enableCollisionDetection: HdsAnchoredPositionOptions['enableCollisionDetection'];\n    arrowSelector: string;\n    arrowPadding: HdsAnchoredPositionOptions['arrowPadding'];\n    boundary: HdsAnchoredPositionOptions['boundary'];\n  } {\n    // custom options specific for the `RichTooltip` component\n    // for details see the `hds-anchored-position` modifier\n    return {\n      placement: this.placement,\n      offsetOptions: this.args.offset ?? 12,\n      enableCollisionDetection: this.args.enableCollisionDetection ?? true,\n      arrowSelector: `#${this.args.arrowId}`,\n      arrowPadding: 12,\n      boundary: this.args.boundary,\n    };\n  }\n}\n"],"names":["HdsRichTooltipBubble","Component","placement","DEFAULT_PLACEMENT","args","assert","PLACEMENTS","join","includes","enableCollisionDetection","sizingStyles","width","height","anchoredPositionOptions","offsetOptions","offset","arrowSelector","arrowId","arrowPadding","boundary","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;;AAgCe,MAAMA,oBAAoB,SAASC,SAAS,CAAgC;AACzF;AACF;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAA4C;IACvD,MAAM;AAAEA,MAAAA,SAAS,GAAGC;KAAmB,GAAG,IAAI,CAACC,IAAI;AAEnDC,IAAAA,MAAM,CACJ,CAAA,wEAAA,EAA2EC,UAAU,CAACC,IAAI,CACxF,IACF,CAAC,CAAA,YAAA,EAAeL,SAAS,CAAA,CAAE,EAC3BI,UAAU,CAACE,QAAQ,CAACN,SAAS,CAC/B,CAAC;AAED,IAAA,OAAOA,SAAS;AAClB,EAAA;EAEA,IAAIO,wBAAwBA,GAA2D;AACrF,IAAA,OAAO,IAAI,CAACL,IAAI,CAACK,wBAAwB,IAAI,IAAI;AACnD,EAAA;EAEA,IAAIC,YAAYA,GAA2B;IACzC,MAAMA,YAKL,GAAG,EAAE;AAEN,IAAA,IAAI,IAAI,CAACN,IAAI,CAACO,KAAK,EAAE;MACnBD,YAAY,CAAC,OAAO,CAAC,GAAG,IAAI,CAACN,IAAI,CAACO,KAAK;AACvCD,MAAAA,YAAY,CAAC,WAAW,CAAC,GAAG,MAAM;AACpC,IAAA;AAEA,IAAA,IAAI,IAAI,CAACN,IAAI,CAACQ,MAAM,EAAE;MACpBF,YAAY,CAAC,QAAQ,CAAC,GAAG,IAAI,CAACN,IAAI,CAACQ,MAAM;AACzCF,MAAAA,YAAY,CAAC,YAAY,CAAC,GAAG,MAAM;AACrC,IAAA;AAEA,IAAA,OAAOA,YAAY;AACrB,EAAA;EAEA,IAAIG,uBAAuBA,GAOzB;AACA;AACA;IACA,OAAO;MACLX,SAAS,EAAE,IAAI,CAACA,SAAS;AACzBY,MAAAA,aAAa,EAAE,IAAI,CAACV,IAAI,CAACW,MAAM,IAAI,EAAE;AACrCN,MAAAA,wBAAwB,EAAE,IAAI,CAACL,IAAI,CAACK,wBAAwB,IAAI,IAAI;AACpEO,MAAAA,aAAa,EAAE,CAAA,CAAA,EAAI,IAAI,CAACZ,IAAI,CAACa,OAAO,CAAA,CAAE;AACtCC,MAAAA,YAAY,EAAE,EAAE;AAChBC,MAAAA,QAAQ,EAAE,IAAI,CAACf,IAAI,CAACe;KACrB;AACH,EAAA;AACF;AAACC,oBAAA,CAAAC,QAAA,EA/DoBrB,oBAAoB,CAAA;;;;"}

package/dist/components/hds/theme-context/index.js

@@ -0,0 +1,45 @@
+import Component from '@glimmer/component';
+import { assert } from '@ember/debug';
+import { HdsThemeContextThemesValues, HdsThemeContextModesValues } from './types.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<div class={{this.classNames}} ...attributes>{{yield}}</div>");
+
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+const CONTEXTUAL_THEMES = Object.values(HdsThemeContextThemesValues);
+const CONTEXTUAL_MODES = Object.values(HdsThemeContextModesValues);
+const CONTEXTUAL_VALUES = [...CONTEXTUAL_THEMES, ...CONTEXTUAL_MODES];
+class HdsThemeContext extends Component {
+  constructor(owner, args) {
+    super(owner, args);
+    const {
+      context
+    } = args;
+    assert(`@context for "Hds::ThemeContext" must be one of the following: ${CONTEXTUAL_VALUES.join(', ')}; received: ${context}`, CONTEXTUAL_VALUES.includes(context));
+  }
+
+  // Get the class names to apply to the component.
+  get classNames() {
+    const classes = ['hds-theme-context'];
+    const {
+      context
+    } = this.args;
+
+    // add "theme" or "mode" classes based on the @context arguments
+    if (CONTEXTUAL_THEMES.includes(context)) {
+      classes.push(`hds-theme-${context}`);
+    } else if (CONTEXTUAL_MODES.includes(context)) {
+      classes.push(`hds-mode-${context}`);
+    }
+    return classes.join(' ');
+  }
+}
+setComponentTemplate(TEMPLATE, HdsThemeContext);
+
+export { CONTEXTUAL_MODES, CONTEXTUAL_THEMES, CONTEXTUAL_VALUES, HdsThemeContext as default };
+//# sourceMappingURL=index.js.map

package/dist/components/hds/theme-context/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/theme-context/index.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\nimport type Owner from '@ember/owner';\n\nimport {\n  HdsThemeContextThemesValues,\n  HdsThemeContextModesValues,\n} from './types.ts';\nimport type { HdsThemeContexts } from './types.ts';\n\nimport type { HdsThemes, HdsModes } from '../../../services/hds-theming.ts';\n\nexport interface HdsThemeContextSignature {\n  Args: {\n    // can be either an `HdsTheme` or an `HdsMode`\n    context: HdsThemeContexts;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLElement;\n}\n\nexport const CONTEXTUAL_THEMES: HdsThemes[] = Object.values(\n  HdsThemeContextThemesValues\n);\nexport const CONTEXTUAL_MODES: HdsModes[] = Object.values(\n  HdsThemeContextModesValues\n);\nexport const CONTEXTUAL_VALUES: HdsThemeContexts[] = [\n  ...CONTEXTUAL_THEMES,\n  ...CONTEXTUAL_MODES,\n];\n\nexport default class HdsThemeContext extends Component<HdsThemeContextSignature> {\n  constructor(owner: Owner, args: HdsThemeContextSignature['Args']) {\n    super(owner, args);\n\n    const { context } = args;\n\n    assert(\n      `@context for \"Hds::ThemeContext\" must be one of the following: ${CONTEXTUAL_VALUES.join(\n        ', '\n      )}; received: ${context}`,\n      CONTEXTUAL_VALUES.includes(context)\n    );\n  }\n\n  // Get the class names to apply to the component.\n  get classNames(): string {\n    const classes = ['hds-theme-context'];\n\n    const { context } = this.args;\n\n    // add \"theme\" or \"mode\" classes based on the @context arguments\n    if (CONTEXTUAL_THEMES.includes(context as HdsThemes)) {\n      classes.push(`hds-theme-${context}`);\n    } else if (CONTEXTUAL_MODES.includes(context as HdsModes)) {\n      classes.push(`hds-mode-${context}`);\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["CONTEXTUAL_THEMES","Object","values","HdsThemeContextThemesValues","CONTEXTUAL_MODES","HdsThemeContextModesValues","CONTEXTUAL_VALUES","HdsThemeContext","Component","constructor","owner","args","context","assert","join","includes","classNames","classes","push","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;;AAyBO,MAAMA,iBAA8B,GAAGC,MAAM,CAACC,MAAM,CACzDC,2BACF;AACO,MAAMC,gBAA4B,GAAGH,MAAM,CAACC,MAAM,CACvDG,0BACF;AACO,MAAMC,iBAAqC,GAAG,CACnD,GAAGN,iBAAiB,EACpB,GAAGI,gBAAgB;AAGN,MAAMG,eAAe,SAASC,SAAS,CAA2B;AAC/EC,EAAAA,WAAWA,CAACC,KAAY,EAAEC,IAAsC,EAAE;AAChE,IAAA,KAAK,CAACD,KAAK,EAAEC,IAAI,CAAC;IAElB,MAAM;AAAEC,MAAAA;AAAQ,KAAC,GAAGD,IAAI;AAExBE,IAAAA,MAAM,CACJ,CAAA,+DAAA,EAAkEP,iBAAiB,CAACQ,IAAI,CACtF,IACF,CAAC,CAAA,YAAA,EAAeF,OAAO,CAAA,CAAE,EACzBN,iBAAiB,CAACS,QAAQ,CAACH,OAAO,CACpC,CAAC;AACH,EAAA;;AAEA;EACA,IAAII,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,mBAAmB,CAAC;IAErC,MAAM;AAAEL,MAAAA;KAAS,GAAG,IAAI,CAACD,IAAI;;AAE7B;AACA,IAAA,IAAIX,iBAAiB,CAACe,QAAQ,CAACH,OAAoB,CAAC,EAAE;AACpDK,MAAAA,OAAO,CAACC,IAAI,CAAC,CAAA,UAAA,EAAaN,OAAO,EAAE,CAAC;IACtC,CAAC,MAAM,IAAIR,gBAAgB,CAACW,QAAQ,CAACH,OAAmB,CAAC,EAAE;AACzDK,MAAAA,OAAO,CAACC,IAAI,CAAC,CAAA,SAAA,EAAYN,OAAO,EAAE,CAAC;AACrC,IAAA;AAEA,IAAA,OAAOK,OAAO,CAACH,IAAI,CAAC,GAAG,CAAC;AAC1B,EAAA;AACF;AAACK,oBAAA,CAAAC,QAAA,EA7BoBb,eAAe,CAAA;;;;"}

package/dist/components/hds/theme-context/types.js

@@ -0,0 +1,27 @@
+import { HdsThemeValues, HdsModesDarkValues, HdsModesLightValues } from '../../../services/hds-theming.js';
+
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+// re-export the enum values for the `HdsThemes` to use in the component
+// note: using `as const` ensures Object.values() returns only the values (not keys _and_ values)
+const HdsThemeContextThemesValues = {
+  Default: HdsThemeValues.Default,
+  System: HdsThemeValues.System,
+  Light: HdsThemeValues.Light,
+  Dark: HdsThemeValues.Dark
+};
+
+// re-export the enum values for the `HdsModes` to use in the component
+// note: using `as const` ensures Object.values() returns only the values (not keys _and_ values)
+const HdsThemeContextModesValues = {
+  CdsG0: HdsModesLightValues.CdsG0,
+  CdsG10: HdsModesLightValues.CdsG10,
+  CdsG90: HdsModesDarkValues.CdsG90,
+  CdsG100: HdsModesDarkValues.CdsG100
+};
+
+export { HdsThemeContextModesValues, HdsThemeContextThemesValues };
+//# sourceMappingURL=types.js.map

package/dist/components/hds/theme-context/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../../src/components/hds/theme-context/types.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport {\n  HdsThemeValues,\n  HdsModesLightValues,\n  HdsModesDarkValues,\n} from '../../../services/hds-theming.ts';\n\nimport type { HdsThemes, HdsModes } from '../../../services/hds-theming.ts';\n\n// re-export the enum values for the `HdsThemes` to use in the component\n// note: using `as const` ensures Object.values() returns only the values (not keys _and_ values)\nexport const HdsThemeContextThemesValues = {\n  Default: HdsThemeValues.Default,\n  System: HdsThemeValues.System,\n  Light: HdsThemeValues.Light,\n  Dark: HdsThemeValues.Dark,\n} as const;\n\n// re-export the enum values for the `HdsModes` to use in the component\n// note: using `as const` ensures Object.values() returns only the values (not keys _and_ values)\nexport const HdsThemeContextModesValues = {\n  CdsG0: HdsModesLightValues.CdsG0,\n  CdsG10: HdsModesLightValues.CdsG10,\n  CdsG90: HdsModesDarkValues.CdsG90,\n  CdsG100: HdsModesDarkValues.CdsG100,\n} as const;\n\nexport type HdsThemeContexts = HdsThemes | Exclude<HdsModes, 'default'>;\n"],"names":["HdsThemeContextThemesValues","Default","HdsThemeValues","System","Light","Dark","HdsThemeContextModesValues","CdsG0","HdsModesLightValues","CdsG10","CdsG90","HdsModesDarkValues","CdsG100"],"mappings":";;AAAA;AACA;AACA;AACA;;AAUA;AACA;AACO,MAAMA,2BAA2B,GAAG;EACzCC,OAAO,EAAEC,cAAc,CAACD,OAAO;EAC/BE,MAAM,EAAED,cAAc,CAACC,MAAM;EAC7BC,KAAK,EAAEF,cAAc,CAACE,KAAK;EAC3BC,IAAI,EAAEH,cAAc,CAACG;AACvB;;AAEA;AACA;AACO,MAAMC,0BAA0B,GAAG;EACxCC,KAAK,EAAEC,mBAAmB,CAACD,KAAK;EAChCE,MAAM,EAAED,mBAAmB,CAACC,MAAM;EAClCC,MAAM,EAAEC,kBAAkB,CAACD,MAAM;EACjCE,OAAO,EAAED,kBAAkB,CAACC;AAC9B;;;;"}

package/dist/components/hds/theme-switcher/index.js

@@ -0,0 +1,100 @@
+import Component from '@glimmer/component';
+import { inject } from '@ember/service';
+import { action } from '@ember/object';
+import { precompileTemplate } from '@ember/template-compilation';
+import { g, i, n } from 'decorator-transforms/runtime';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n\n{{!\n  ------------------------------------------------------------------------------------------\n  IMPORTANT: this is a temporary implementation, while we wait for the design specifications\n  ------------------------------------------------------------------------------------------\n}}\n\n<Hds::Dropdown\n  @enableCollisionDetection={{true}}\n  @matchToggleWidth={{@toggleIsFullWidth}}\n  class=\"hds-theme-switcher-control\"\n  ...attributes\n  as |D|\n>\n  <D.ToggleButton\n    @color=\"secondary\"\n    @size={{this.toggleSize}}\n    @isFullWidth={{this.toggleIsFullWidth}}\n    @text={{this.toggleContent.label}}\n    @icon={{this.toggleContent.icon}}\n  />\n  {{#each-in this._options as |key data|}}\n    <D.Interactive @icon={{data.icon}} {{on \"click\" (fn this.onSelectTheme data.theme)}}>{{data.label}}</D.Interactive>\n  {{/each-in}}\n</Hds::Dropdown>");
+
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+const OPTIONS = {
+  default: {
+    theme: 'default',
+    icon: 'hashicorp',
+    label: 'Default'
+  },
+  system: {
+    theme: 'system',
+    icon: 'monitor',
+    label: 'System'
+  },
+  light: {
+    theme: 'light',
+    icon: 'sun',
+    label: 'Light'
+  },
+  dark: {
+    theme: 'dark',
+    icon: 'moon',
+    label: 'Dark'
+  }
+};
+class HdsThemeSwitcher extends Component {
+  static {
+    g(this.prototype, "hdsTheming", [inject]);
+  }
+  #hdsTheming = (i(this, "hdsTheming"), void 0);
+  get toggleSize() {
+    return this.args.toggleSize ?? 'small';
+  }
+  get toggleIsFullWidth() {
+    return this.args.toggleIsFullWidth ?? false;
+  }
+  get toggleContent() {
+    if (this.currentTheme === 'default' && this.hasDefaultOption || this.currentTheme === 'system' && this.hasSystemOption || this.currentTheme === 'light' || this.currentTheme === 'dark') {
+      return {
+        label: OPTIONS[this.currentTheme].label,
+        icon: OPTIONS[this.currentTheme].icon
+      };
+    } else {
+      return {
+        label: 'Theme',
+        icon: undefined
+      };
+    }
+  }
+
+  // note: we will use the `default` option in development, while migrating to the `cds` theming
+  // during this process, consumers will enable/disable this option via code logic or feature flag
+  get hasDefaultOption() {
+    return this.args.hasDefaultOption ?? false;
+  }
+  get hasSystemOption() {
+    return this.args.hasSystemOption ?? true;
+  }
+  get _options() {
+    const options = {
+      ...OPTIONS
+    };
+    if (!this.hasDefaultOption) {
+      delete options.default;
+    }
+    if (!this.hasSystemOption) {
+      delete options.system;
+    }
+    return options;
+  }
+  get currentTheme() {
+    // we get the theme from the global service
+    return this.hdsTheming.currentTheme;
+  }
+  onSelectTheme(theme) {
+    // we set the theme in the global service (and provide an optional user-defined callback)
+    this.hdsTheming.setTheme({
+      theme,
+      onSetTheme: this.args.onSetTheme
+    });
+  }
+  static {
+    n(this.prototype, "onSelectTheme", [action]);
+  }
+}
+setComponentTemplate(TEMPLATE, HdsThemeSwitcher);
+
+export { HdsThemeSwitcher as default };
+//# sourceMappingURL=index.js.map

package/dist/components/hds/theme-switcher/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/theme-switcher/index.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\n// ------------------------------------------------------------------------------------------\n// IMPORTANT: this is a temporary implementation, while we wait for the design specifications\n// ------------------------------------------------------------------------------------------\n\nimport Component from '@glimmer/component';\nimport { inject as service } from '@ember/service';\nimport { action } from '@ember/object';\n\nimport type { HdsDropdownSignature } from '../dropdown/index.ts';\nimport type { HdsDropdownToggleButtonSignature } from '../dropdown/toggle/button.ts';\nimport type { HdsIconSignature } from '../icon/index.ts';\nimport type HdsThemingService from '../../../services/hds-theming.ts';\nimport type {\n  HdsThemes,\n  HdsOnSetThemeCallback,\n} from '../../../services/hds-theming.ts';\n\ninterface ThemeOption {\n  theme: HdsThemes | undefined;\n  icon: HdsIconSignature['Args']['name'];\n  label: string;\n}\n\nconst OPTIONS: Record<HdsThemes, ThemeOption> = {\n  default: { theme: 'default', icon: 'hashicorp', label: 'Default' },\n  system: { theme: 'system', icon: 'monitor', label: 'System' },\n  light: { theme: 'light', icon: 'sun', label: 'Light' },\n  dark: { theme: 'dark', icon: 'moon', label: 'Dark' },\n};\n\nexport interface HdsThemeSwitcherSignature {\n  Args: {\n    toggleSize?: HdsDropdownToggleButtonSignature['Args']['size'];\n    toggleIsFullWidth?: HdsDropdownToggleButtonSignature['Args']['isFullWidth'];\n    hasDefaultOption?: boolean;\n    hasSystemOption?: boolean;\n    onSetTheme?: HdsOnSetThemeCallback;\n  };\n  Element: HdsDropdownSignature['Element'];\n}\n\nexport default class HdsThemeSwitcher extends Component<HdsThemeSwitcherSignature> {\n  @service declare readonly hdsTheming: HdsThemingService;\n\n  get toggleSize() {\n    return this.args.toggleSize ?? 'small';\n  }\n\n  get toggleIsFullWidth() {\n    return this.args.toggleIsFullWidth ?? false;\n  }\n\n  get toggleContent() {\n    if (\n      (this.currentTheme === 'default' && this.hasDefaultOption) ||\n      (this.currentTheme === 'system' && this.hasSystemOption) ||\n      this.currentTheme === 'light' ||\n      this.currentTheme === 'dark'\n    ) {\n      return {\n        label: OPTIONS[this.currentTheme].label,\n        icon: OPTIONS[this.currentTheme].icon,\n      };\n    } else {\n      return { label: 'Theme', icon: undefined };\n    }\n  }\n\n  // note: we will use the `default` option in development, while migrating to the `cds` theming\n  // during this process, consumers will enable/disable this option via code logic or feature flag\n  get hasDefaultOption() {\n    return this.args.hasDefaultOption ?? false;\n  }\n\n  get hasSystemOption() {\n    return this.args.hasSystemOption ?? true;\n  }\n\n  get _options() {\n    const options: Partial<typeof OPTIONS> = { ...OPTIONS };\n\n    if (!this.hasDefaultOption) {\n      delete options.default;\n    }\n\n    if (!this.hasSystemOption) {\n      delete options.system;\n    }\n\n    return options;\n  }\n\n  get currentTheme() {\n    // we get the theme from the global service\n    return this.hdsTheming.currentTheme;\n  }\n\n  @action\n  onSelectTheme(theme: HdsThemes | undefined): void {\n    // we set the theme in the global service (and provide an optional user-defined callback)\n    this.hdsTheming.setTheme({ theme, onSetTheme: this.args.onSetTheme });\n  }\n}\n"],"names":["OPTIONS","default","theme","icon","label","system","light","dark","HdsThemeSwitcher","Component","g","prototype","service","i","void 0","toggleSize","args","toggleIsFullWidth","toggleContent","currentTheme","hasDefaultOption","hasSystemOption","undefined","_options","options","hdsTheming","onSelectTheme","setTheme","onSetTheme","n","action","setComponentTemplate","TEMPLATE"],"mappings":"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"}

package/dist/components.js

@@ -218,6 +218,8 @@ export { default as HdsTextBody } from './components/hds/text/body.js';
 export { default as HdsTextCode } from './components/hds/text/code.js';
 export { default as HdsTextDisplay } from './components/hds/text/display.js';
 export { HdsTextAlignValues, HdsTextColorValues, HdsTextGroupValues, HdsTextSizeValues, HdsTextWeightValues } from './components/hds/text/types.js';
+export { default as HdsThemeContext } from './components/hds/theme-context/index.js';
+export { default as HdsThemeSwitcher } from './components/hds/theme-switcher/index.js';
 export { default as HdsTime } from './components/hds/time/index.js';
 export { default as HdsTimeSingle } from './components/hds/time/single.js';
 export { default as HdsTimeRange } from './components/hds/time/range.js';

package/dist/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"components.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/modifiers/hds-anchored-position.js

@@ -21,6 +21,21 @@ const ENABLE_COLLISION_DETECTION_OPTIONS = Object.values(HdsEnableCollisionDetec
 // this refers to the minimum distance from the boundaries' edges (the viewport)
 // before the floating element changes its position (flips, shifts, or autoplace itself)
 const DEFAULT_EDGE_DISTANCE = 8;
+// resolve boundary selector/values to Floating UI Boundary
+const resolveBoundary = boundary => {
+  if (typeof boundary === 'string') {
+    // this is necessary to satisfy TypeScript
+    if (boundary === 'clippingAncestors') {
+      return 'clippingAncestors';
+    }
+    const el = document.querySelector(boundary);
+    assert('`hds-anchored-position` modifier - the `boundary` selector `' + boundary + '` did not resolve to an element', el !== null && el.nodeType === Node.ELEMENT_NODE);
+    return el;
+  } else {
+    return boundary;
+  }
+};
+
 // we use this function to process all the options provided to the modifier in a single place,
 // in relation to the Floating UI APIs, and keep the modifier code more clean/simple
 const getFloatingUIOptions = options => {
@@ -43,8 +58,31 @@ const getFloatingUIOptions = options => {
     enableCollisionDetection,
     arrowElement,
     arrowPadding,
-    matchToggleWidth
+    matchToggleWidth,
+    boundary
   } = options;
+  const resolvedBoundary = resolveBoundary(boundary);
+
+  // build options for each type of collision detection, adding the `boundary` if defined
+
+  const flipOptsExtended = {
+    ...flipOptions,
+    ...(resolvedBoundary ? {
+      boundary: resolvedBoundary
+    } : {})
+  };
+  const autoPlacementOptsExtended = {
+    ...autoPlacementOptions,
+    ...(resolvedBoundary ? {
+      boundary: resolvedBoundary
+    } : {})
+  };
+  const shiftOptsExtended = {
+    ...shiftOptions,
+    ...(resolvedBoundary ? {
+      boundary: resolvedBoundary
+    } : {})
+  };
 
   // we build dynamically the list of middleware functions to invoke, depending on the options provided
 
@@ -57,13 +95,13 @@ const getFloatingUIOptions = options => {
   // https://floating-ui.com/docs/shift
   // https://floating-ui.com/docs/autoPlacement
   if (enableCollisionDetection === true || enableCollisionDetection === 'flip') {
-    middleware.push(flip(flipOptions));
+    middleware.push(flip(flipOptsExtended));
   }
   if (enableCollisionDetection === true || enableCollisionDetection === 'shift') {
-    middleware.push(shift(shiftOptions));
+    middleware.push(shift(shiftOptsExtended));
   }
   if (enableCollisionDetection === 'auto') {
-    middleware.push(autoPlacement(autoPlacementOptions));
+    middleware.push(autoPlacement(autoPlacementOptsExtended));
   }
 
   // https://floating-ui.com/docs/arrow

package/dist/modifiers/hds-anchored-position.js.map

@@ -1 +1 @@
-{"version":3,"file":"hds-anchored-position.js","sources":["../../src/modifiers/hds-anchored-position.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport { modifier } from 'ember-modifier';\nimport { assert } from '@ember/debug';\n\nimport {\n  autoUpdate,\n  computePosition,\n  offset,\n  flip,\n  shift,\n  limitShift,\n  autoPlacement,\n  arrow,\n  // ---\n  // this could be used in the future if we want to give consumers an option to hide the \"floating\" element when the \"anchor\" hides from the viewport\n  // see: https://floating-ui.com/docs/hide\n  // hide,\n  // ---\n  size,\n} from '@floating-ui/dom';\n\nimport type {\n  Placement,\n  Strategy,\n  OffsetOptions,\n  FlipOptions,\n  ShiftOptions,\n  AutoPlacementOptions,\n  ArrowOptions,\n  Middleware,\n} from '@floating-ui/dom';\n\nexport enum HdsEnableCollisionDetectionOptions {\n  Shift = 'shift',\n  Flip = 'flip',\n  Auto = 'auto',\n}\n\nexport type HdsEnableCollisionDetection =\n  `${HdsEnableCollisionDetectionOptions}`;\n\nexport const DEFAULT_PLACEMENT = 'bottom';\nexport const PLACEMENTS: Placement[] = [\n  'top',\n  'top-start',\n  'top-end',\n  'right',\n  'right-start',\n  'right-end',\n  'bottom',\n  'bottom-start',\n  'bottom-end',\n  'left',\n  'left-start',\n  'left-end',\n];\n\nexport const ENABLE_COLLISION_DETECTION_OPTIONS: HdsEnableCollisionDetection[] =\n  Object.values(HdsEnableCollisionDetectionOptions);\n\n// share the same default value of \"padding\" for `flip/shift/autoPlacement` options\n// this refers to the minimum distance from the boundaries' edges (the viewport)\n// before the floating element changes its position (flips, shifts, or autoplace itself)\nconst DEFAULT_EDGE_DISTANCE = 8;\n\nexport type FloatingUIOptions = {\n  placement?: Placement;\n  strategy?: Strategy;\n  offsetOptions?: OffsetOptions;\n  flipOptions?: FlipOptions;\n  shiftOptions?: ShiftOptions;\n  autoPlacementOptions?: AutoPlacementOptions;\n  middlewareExtra?: Middleware[];\n  enableCollisionDetection?: boolean | HdsEnableCollisionDetection;\n  arrowElement?: ArrowOptions['element'];\n  arrowPadding?: ArrowOptions['padding'];\n  matchToggleWidth?: boolean;\n};\n\nexport type HdsAnchoredPositionOptions = FloatingUIOptions & {\n  arrowSelector?: string;\n};\n\n// we use this function to process all the options provided to the modifier in a single place,\n// in relation to the Floating UI APIs, and keep the modifier code more clean/simple\nexport const getFloatingUIOptions = (\n  options: FloatingUIOptions\n): {\n  placement: Placement;\n  strategy: Strategy;\n  middleware: Middleware[];\n} => {\n  const {\n    placement = DEFAULT_PLACEMENT,\n    strategy = 'absolute', // we don't need to use `fixed` if we use the Popover API for the \"floating\" element (it puts the element in the `top-layer`)\n    offsetOptions,\n    flipOptions = { padding: DEFAULT_EDGE_DISTANCE },\n    shiftOptions = { padding: DEFAULT_EDGE_DISTANCE, limiter: limitShift() },\n    autoPlacementOptions = { padding: DEFAULT_EDGE_DISTANCE },\n    middlewareExtra = [],\n    enableCollisionDetection,\n    arrowElement,\n    arrowPadding,\n    matchToggleWidth,\n  } = options;\n\n  // we build dynamically the list of middleware functions to invoke, depending on the options provided\n\n  const middleware = [];\n\n  // https://floating-ui.com/docs/offset\n  middleware.push(offset(offsetOptions));\n\n  // https://floating-ui.com/docs/flip\n  // https://floating-ui.com/docs/shift\n  // https://floating-ui.com/docs/autoPlacement\n  if (\n    enableCollisionDetection === true ||\n    enableCollisionDetection === 'flip'\n  ) {\n    middleware.push(flip(flipOptions));\n  }\n  if (\n    enableCollisionDetection === true ||\n    enableCollisionDetection === 'shift'\n  ) {\n    middleware.push(shift(shiftOptions));\n  }\n  if (enableCollisionDetection === 'auto') {\n    middleware.push(autoPlacement(autoPlacementOptions));\n  }\n\n  // https://floating-ui.com/docs/arrow\n  if (arrowElement) {\n    middleware.push(\n      arrow({\n        element: arrowElement,\n        padding: arrowPadding ?? 0,\n      })\n    );\n  }\n\n  // https://floating-ui.com/docs/size#match-reference-width\n  if (matchToggleWidth) {\n    middleware.push(\n      size({\n        apply({ rects, elements }) {\n          // wrap Object.assign inside a requestAnimationFrame to avoid ResizeObserver loop limit exceeded error\n          // https://github.com/floating-ui/floating-ui/issues/1740\n          requestAnimationFrame(() => {\n            Object.assign(elements.floating.style, {\n              width: `${rects.reference.width}px`,\n            });\n          });\n        },\n      })\n    );\n  }\n\n  middleware.push(...middlewareExtra);\n\n  return {\n    placement,\n    strategy,\n    middleware,\n  };\n};\n\nexport interface HdsAnchoredPositionSignature {\n  Element: HTMLElement;\n  Args: {\n    Positional: [HTMLElement | SVGElement];\n    Named: HdsAnchoredPositionOptions;\n  };\n}\n\n// Notice: we use a function-based modifier here instead of a class-based one\n// because it's quite simple in its logic, and doesn't require injecting services\n// see: https://github.com/ember-modifier/ember-modifier#function-based-modifiers\n\nexport default modifier<HdsAnchoredPositionSignature>(\n  (element, positional, named = {}) => {\n    // the element that \"floats\" next to the \"anchor\" (whose position is calculated in relation to the anchor)\n    // notice: this is the element the Ember modifier is attached to\n    const _floatingElement = element;\n\n    // the element that acts as an \"anchor\" for the \"floating\" element\n    // it can be a DOM (string) selector or a DOM element\n    // notice: it's expressed as \"positional\" argument (array of arguments) for the modifier\n    const _anchorTarget = positional[0];\n    const _anchorElement =\n      typeof _anchorTarget === 'string'\n        ? document.querySelector(_anchorTarget)\n        : _anchorTarget;\n\n    assert(\n      '`hds-anchored-position` modifier - the provided \"anchoring\" element is not defined correctly',\n      _anchorElement instanceof HTMLElement ||\n        _anchorElement instanceof SVGElement\n    );\n\n    // the \"arrow\" element (optional) associated with the \"floating\" element\n    // it can be a DOM selector (string) or a DOM element\n    // notice: it's declared inside the \"named\" argument (object) for the modifier\n    // but we need to extract it also here so it can be used to assign inline styles to it\n    let arrowElement: HTMLElement | SVGElement | undefined;\n\n    if (named.arrowElement) {\n      assert(\n        '`hds-anchored-position` modifier - the `element` provided for the \"arrow\" element is not a valid DOM node',\n        named.arrowElement instanceof HTMLElement ||\n          named.arrowElement instanceof SVGElement\n      );\n\n      arrowElement = named.arrowElement;\n    } else if (named.arrowSelector) {\n      assert(\n        '`hds-anchored-position` modifier - the `selector` provided for the \"arrow\" element must be a string',\n        typeof named.arrowSelector === 'string'\n      );\n\n      const selectedArrowElement = document.querySelector(named.arrowSelector);\n      if (selectedArrowElement instanceof HTMLElement) {\n        arrowElement = selectedArrowElement;\n      } else {\n        assert(\n          '`hds-anchored-position` modifier - the `selector` provided for the \"arrow\" element is not a valid DOM selector'\n        );\n      }\n    }\n\n    // the Floating UI \"options\" to apply to the \"floating\" element\n    // notice: we spread the `named` argument and override its `arrowElement` value instead of setting it directly because Ember complains that modifier's arguments must be immutable\n    const floatingOptions = getFloatingUIOptions({ ...named, arrowElement });\n\n    const computeFloatingPosition = async () => {\n      // important to know: `computePosition()` is not stateful, it only positions the \"floating\" element once\n      // see: https://floating-ui.com/docs/computePosition\n      const state = await computePosition(\n        _anchorElement,\n        _floatingElement,\n        floatingOptions\n      );\n\n      const { x, y, placement, strategy, middlewareData } = state;\n\n      Object.assign(_floatingElement.style, {\n        position: strategy,\n        top: `${y}px`,\n        left: `${x}px`,\n        // TODO? commenting this for now, will need to make this conditional to some argument (and understand how this relates to the `@height` argument)\n        // maxHeight: `${middlewareData.size.availableHeight - 10}px`,\n      });\n\n      if (arrowElement && middlewareData.arrow) {\n        // we assign a \"data\" attribute to the \"arrow\" element so we can use CSS (in the consuming components) to position/rotate it accordingly and we avoid calculating at runtime values that technically we already know\n        // (similar to what Tippy.js does: https://github.com/atomiks/tippyjs/blob/master/src/scss/svg-arrow.scss)\n        // IMPORTANT: floating-ui assumes the \"arrow\" container is square!\n        arrowElement.setAttribute(\n          'data-hds-anchored-arrow-placement',\n          placement\n        );\n\n        // we set `x` or `y` value (depends on the position of the arrow in relation to the \"floating\" element placement)\n        // see: https://floating-ui.com/docs/arrow#usage\n        Object.assign(arrowElement.style, {\n          left:\n            middlewareData.arrow.x != null ? `${middlewareData.arrow.x}px` : '',\n          top:\n            middlewareData.arrow.y != null ? `${middlewareData.arrow.y}px` : '',\n        });\n      }\n    };\n\n    // the `autoUpdate` function automatically updates the position of the floating element when necessary.\n    // it should only be called when the floating element is mounted on the DOM or visible on the screen.\n    // it returns a \"cleanup\" function that should be invoked when the floating element is removed from the DOM or hidden from the screen.\n    // see: https://floating-ui.com/docs/autoUpdate\n    const cleanupFloatingUI = autoUpdate(\n      _anchorElement,\n      _floatingElement,\n      // eslint-disable-next-line @typescript-eslint/no-misused-promises\n      computeFloatingPosition\n    );\n\n    // this (teardown) function is run when the element is removed from the DOM\n    return (): void => {\n      cleanupFloatingUI();\n    };\n  }\n);\n"],"names":["HdsEnableCollisionDetectionOptions","DEFAULT_PLACEMENT","PLACEMENTS","ENABLE_COLLISION_DETECTION_OPTIONS","Object","values","DEFAULT_EDGE_DISTANCE","getFloatingUIOptions","options","placement","strategy","offsetOptions","flipOptions","padding","shiftOptions","limiter","limitShift","autoPlacementOptions","middlewareExtra","enableCollisionDetection","arrowElement","arrowPadding","matchToggleWidth","middleware","push","offset","flip","shift","autoPlacement","arrow","element","size","apply","rects","elements","requestAnimationFrame","assign","floating","style","width","reference","modifier","positional","named","_floatingElement","_anchorTarget","_anchorElement","document","querySelector","assert","HTMLElement","SVGElement","arrowSelector","selectedArrowElement","floatingOptions","computeFloatingPosition","state","computePosition","x","y","middlewareData","position","top","left","setAttribute","cleanupFloatingUI","autoUpdate"],"mappings":"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"}
+{"version":3,"file":"hds-anchored-position.js","sources":["../../src/modifiers/hds-anchored-position.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport { modifier } from 'ember-modifier';\nimport { assert } from '@ember/debug';\n\nimport {\n  autoUpdate,\n  computePosition,\n  offset,\n  flip,\n  shift,\n  limitShift,\n  autoPlacement,\n  arrow,\n  // ---\n  // this could be used in the future if we want to give consumers an option to hide the \"floating\" element when the \"anchor\" hides from the viewport\n  // see: https://floating-ui.com/docs/hide\n  // hide,\n  // ---\n  size,\n} from '@floating-ui/dom';\n\nimport type {\n  Placement,\n  Strategy,\n  OffsetOptions,\n  FlipOptions,\n  ShiftOptions,\n  AutoPlacementOptions,\n  ArrowOptions,\n  Middleware,\n  Boundary,\n} from '@floating-ui/dom';\n\ntype BoundaryExtended = Boundary | (string & {});\n\nexport enum HdsEnableCollisionDetectionOptions {\n  Shift = 'shift',\n  Flip = 'flip',\n  Auto = 'auto',\n}\n\nexport type HdsEnableCollisionDetection =\n  `${HdsEnableCollisionDetectionOptions}`;\n\nexport const DEFAULT_PLACEMENT = 'bottom';\nexport const PLACEMENTS: Placement[] = [\n  'top',\n  'top-start',\n  'top-end',\n  'right',\n  'right-start',\n  'right-end',\n  'bottom',\n  'bottom-start',\n  'bottom-end',\n  'left',\n  'left-start',\n  'left-end',\n];\n\nexport const ENABLE_COLLISION_DETECTION_OPTIONS: HdsEnableCollisionDetection[] =\n  Object.values(HdsEnableCollisionDetectionOptions);\n\n// share the same default value of \"padding\" for `flip/shift/autoPlacement` options\n// this refers to the minimum distance from the boundaries' edges (the viewport)\n// before the floating element changes its position (flips, shifts, or autoplace itself)\nconst DEFAULT_EDGE_DISTANCE = 8;\n\nexport type FloatingUIOptions = {\n  placement?: Placement;\n  strategy?: Strategy;\n  offsetOptions?: OffsetOptions;\n  flipOptions?: FlipOptions;\n  shiftOptions?: ShiftOptions;\n  autoPlacementOptions?: AutoPlacementOptions;\n  middlewareExtra?: Middleware[];\n  enableCollisionDetection?: boolean | HdsEnableCollisionDetection;\n  arrowElement?: ArrowOptions['element'];\n  arrowPadding?: ArrowOptions['padding'];\n  matchToggleWidth?: boolean;\n  boundary?: BoundaryExtended;\n};\n\nexport type HdsAnchoredPositionOptions = FloatingUIOptions & {\n  arrowSelector?: string;\n};\n\n// resolve boundary selector/values to Floating UI Boundary\nconst resolveBoundary = (boundary?: BoundaryExtended): Boundary | undefined => {\n  if (typeof boundary === 'string') {\n    // this is necessary to satisfy TypeScript\n    if (boundary === 'clippingAncestors') {\n      return 'clippingAncestors';\n    }\n    const el = document.querySelector(boundary);\n    assert(\n      '`hds-anchored-position` modifier - the `boundary` selector `' +\n        boundary +\n        '` did not resolve to an element',\n      el !== null && el.nodeType === Node.ELEMENT_NODE\n    );\n    return el;\n  } else {\n    return boundary;\n  }\n};\n\n// we use this function to process all the options provided to the modifier in a single place,\n// in relation to the Floating UI APIs, and keep the modifier code more clean/simple\nexport const getFloatingUIOptions = (\n  options: FloatingUIOptions\n): {\n  placement: Placement;\n  strategy: Strategy;\n  middleware: Middleware[];\n} => {\n  const {\n    placement = DEFAULT_PLACEMENT,\n    strategy = 'absolute', // we don't need to use `fixed` if we use the Popover API for the \"floating\" element (it puts the element in the `top-layer`)\n    offsetOptions,\n    flipOptions = { padding: DEFAULT_EDGE_DISTANCE },\n    shiftOptions = { padding: DEFAULT_EDGE_DISTANCE, limiter: limitShift() },\n    autoPlacementOptions = { padding: DEFAULT_EDGE_DISTANCE },\n    middlewareExtra = [],\n    enableCollisionDetection,\n    arrowElement,\n    arrowPadding,\n    matchToggleWidth,\n    boundary,\n  } = options;\n\n  const resolvedBoundary = resolveBoundary(boundary);\n\n  // build options for each type of collision detection, adding the `boundary` if defined\n\n  const flipOptsExtended: FlipOptions = {\n    ...flipOptions,\n    ...(resolvedBoundary ? { boundary: resolvedBoundary } : {}),\n  };\n\n  const autoPlacementOptsExtended: AutoPlacementOptions = {\n    ...autoPlacementOptions,\n    ...(resolvedBoundary ? { boundary: resolvedBoundary } : {}),\n  };\n\n  const shiftOptsExtended: ShiftOptions = {\n    ...shiftOptions,\n    ...(resolvedBoundary ? { boundary: resolvedBoundary } : {}),\n  };\n\n  // we build dynamically the list of middleware functions to invoke, depending on the options provided\n\n  const middleware = [];\n\n  // https://floating-ui.com/docs/offset\n  middleware.push(offset(offsetOptions));\n\n  // https://floating-ui.com/docs/flip\n  // https://floating-ui.com/docs/shift\n  // https://floating-ui.com/docs/autoPlacement\n  if (\n    enableCollisionDetection === true ||\n    enableCollisionDetection === 'flip'\n  ) {\n    middleware.push(flip(flipOptsExtended));\n  }\n  if (\n    enableCollisionDetection === true ||\n    enableCollisionDetection === 'shift'\n  ) {\n    middleware.push(shift(shiftOptsExtended));\n  }\n  if (enableCollisionDetection === 'auto') {\n    middleware.push(autoPlacement(autoPlacementOptsExtended));\n  }\n\n  // https://floating-ui.com/docs/arrow\n  if (arrowElement) {\n    middleware.push(\n      arrow({\n        element: arrowElement,\n        padding: arrowPadding ?? 0,\n      })\n    );\n  }\n\n  // https://floating-ui.com/docs/size#match-reference-width\n  if (matchToggleWidth) {\n    middleware.push(\n      size({\n        apply({ rects, elements }) {\n          // wrap Object.assign inside a requestAnimationFrame to avoid ResizeObserver loop limit exceeded error\n          // https://github.com/floating-ui/floating-ui/issues/1740\n          requestAnimationFrame(() => {\n            Object.assign(elements.floating.style, {\n              width: `${rects.reference.width}px`,\n            });\n          });\n        },\n      })\n    );\n  }\n\n  middleware.push(...middlewareExtra);\n\n  return {\n    placement,\n    strategy,\n    middleware,\n  };\n};\n\nexport interface HdsAnchoredPositionSignature {\n  Element: HTMLElement;\n  Args: {\n    Positional: [HTMLElement | SVGElement];\n    Named: HdsAnchoredPositionOptions;\n  };\n}\n\n// Notice: we use a function-based modifier here instead of a class-based one\n// because it's quite simple in its logic, and doesn't require injecting services\n// see: https://github.com/ember-modifier/ember-modifier#function-based-modifiers\n\nexport default modifier<HdsAnchoredPositionSignature>(\n  (element, positional, named = {}) => {\n    // the element that \"floats\" next to the \"anchor\" (whose position is calculated in relation to the anchor)\n    // notice: this is the element the Ember modifier is attached to\n    const _floatingElement = element;\n\n    // the element that acts as an \"anchor\" for the \"floating\" element\n    // it can be a DOM (string) selector or a DOM element\n    // notice: it's expressed as \"positional\" argument (array of arguments) for the modifier\n    const _anchorTarget = positional[0];\n    const _anchorElement =\n      typeof _anchorTarget === 'string'\n        ? document.querySelector(_anchorTarget)\n        : _anchorTarget;\n\n    assert(\n      '`hds-anchored-position` modifier - the provided \"anchoring\" element is not defined correctly',\n      _anchorElement instanceof HTMLElement ||\n        _anchorElement instanceof SVGElement\n    );\n\n    // the \"arrow\" element (optional) associated with the \"floating\" element\n    // it can be a DOM selector (string) or a DOM element\n    // notice: it's declared inside the \"named\" argument (object) for the modifier\n    // but we need to extract it also here so it can be used to assign inline styles to it\n    let arrowElement: HTMLElement | SVGElement | undefined;\n\n    if (named.arrowElement) {\n      assert(\n        '`hds-anchored-position` modifier - the `element` provided for the \"arrow\" element is not a valid DOM node',\n        named.arrowElement instanceof HTMLElement ||\n          named.arrowElement instanceof SVGElement\n      );\n\n      arrowElement = named.arrowElement;\n    } else if (named.arrowSelector) {\n      assert(\n        '`hds-anchored-position` modifier - the `selector` provided for the \"arrow\" element must be a string',\n        typeof named.arrowSelector === 'string'\n      );\n\n      const selectedArrowElement = document.querySelector(named.arrowSelector);\n      if (selectedArrowElement instanceof HTMLElement) {\n        arrowElement = selectedArrowElement;\n      } else {\n        assert(\n          '`hds-anchored-position` modifier - the `selector` provided for the \"arrow\" element is not a valid DOM selector'\n        );\n      }\n    }\n\n    // the Floating UI \"options\" to apply to the \"floating\" element\n    // notice: we spread the `named` argument and override its `arrowElement` value instead of setting it directly because Ember complains that modifier's arguments must be immutable\n    const floatingOptions = getFloatingUIOptions({ ...named, arrowElement });\n\n    const computeFloatingPosition = async () => {\n      // important to know: `computePosition()` is not stateful, it only positions the \"floating\" element once\n      // see: https://floating-ui.com/docs/computePosition\n      const state = await computePosition(\n        _anchorElement,\n        _floatingElement,\n        floatingOptions\n      );\n\n      const { x, y, placement, strategy, middlewareData } = state;\n\n      Object.assign(_floatingElement.style, {\n        position: strategy,\n        top: `${y}px`,\n        left: `${x}px`,\n        // TODO? commenting this for now, will need to make this conditional to some argument (and understand how this relates to the `@height` argument)\n        // maxHeight: `${middlewareData.size.availableHeight - 10}px`,\n      });\n\n      if (arrowElement && middlewareData.arrow) {\n        // we assign a \"data\" attribute to the \"arrow\" element so we can use CSS (in the consuming components) to position/rotate it accordingly and we avoid calculating at runtime values that technically we already know\n        // (similar to what Tippy.js does: https://github.com/atomiks/tippyjs/blob/master/src/scss/svg-arrow.scss)\n        // IMPORTANT: floating-ui assumes the \"arrow\" container is square!\n        arrowElement.setAttribute(\n          'data-hds-anchored-arrow-placement',\n          placement\n        );\n\n        // we set `x` or `y` value (depends on the position of the arrow in relation to the \"floating\" element placement)\n        // see: https://floating-ui.com/docs/arrow#usage\n        Object.assign(arrowElement.style, {\n          left:\n            middlewareData.arrow.x != null ? `${middlewareData.arrow.x}px` : '',\n          top:\n            middlewareData.arrow.y != null ? `${middlewareData.arrow.y}px` : '',\n        });\n      }\n    };\n\n    // the `autoUpdate` function automatically updates the position of the floating element when necessary.\n    // it should only be called when the floating element is mounted on the DOM or visible on the screen.\n    // it returns a \"cleanup\" function that should be invoked when the floating element is removed from the DOM or hidden from the screen.\n    // see: https://floating-ui.com/docs/autoUpdate\n    const cleanupFloatingUI = autoUpdate(\n      _anchorElement,\n      _floatingElement,\n      // eslint-disable-next-line @typescript-eslint/no-misused-promises\n      computeFloatingPosition\n    );\n\n    // this (teardown) function is run when the element is removed from the DOM\n    return (): void => {\n      cleanupFloatingUI();\n    };\n  }\n);\n"],"names":["HdsEnableCollisionDetectionOptions","DEFAULT_PLACEMENT","PLACEMENTS","ENABLE_COLLISION_DETECTION_OPTIONS","Object","values","DEFAULT_EDGE_DISTANCE","resolveBoundary","boundary","el","document","querySelector","assert","nodeType","Node","ELEMENT_NODE","getFloatingUIOptions","options","placement","strategy","offsetOptions","flipOptions","padding","shiftOptions","limiter","limitShift","autoPlacementOptions","middlewareExtra","enableCollisionDetection","arrowElement","arrowPadding","matchToggleWidth","resolvedBoundary","flipOptsExtended","autoPlacementOptsExtended","shiftOptsExtended","middleware","push","offset","flip","shift","autoPlacement","arrow","element","size","apply","rects","elements","requestAnimationFrame","assign","floating","style","width","reference","modifier","positional","named","_floatingElement","_anchorTarget","_anchorElement","HTMLElement","SVGElement","arrowSelector","selectedArrowElement","floatingOptions","computeFloatingPosition","state","computePosition","x","y","middlewareData","position","top","left","setAttribute","cleanupFloatingUI","autoUpdate"],"mappings":"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"}