@hashicorp/design-system-components 4.9.0 → 4.11.0

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/popover-primitive/index.hbs","../../../../src/components/hds/popover-primitive/index.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\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}}\")","/**\n * Copyright (c) HashiCorp, Inc.\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 { FloatingUIOptions } from '../../../modifiers/hds-anchored-position.ts';\nimport type { ModifierLike } from '@glint/template';\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: () => 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: FloatingUIOptions };\n  };\n}\n\nexport default class HdsPopoverPrimitiveComponent extends Component<HdsPopoverPrimitiveSignature> {\n  @tracked isOpen = this.args.isOpen ?? false;\n  @tracked isClosing = false;\n  containerElement?: HTMLElement;\n  toggleElement?: HTMLButtonElement;\n  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  timer?: ReturnType<typeof setTimeout> | null;\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, ['mouseenter', this.onMouseEnter]);\n        // @ts-expect-error: known issue with type of invocation\n        registerEvent(this.containerElement, ['mouseleave', this.onMouseLeave]);\n        // @ts-expect-error: known issue with type of invocation\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      registerEvent(this.containerElement, ['focusout', this.onFocusOut]);\n    }\n  );\n\n  setupPrimitiveToggle = modifier<SetupPrimitiveToggleModifier>(\n    (element: HTMLButtonElement): void => {\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  );\n\n  setupPrimitivePopover = modifier(\n    (\n      element: HTMLElement,\n      _positional,\n      named: { anchoredPositionOptions: FloatingUIOptions }\n    ): void => {\n      this.popoverElement = element;\n\n      // for the click events we don't use `onclick` event listeners, but we rely on the `popovertarget` attribute\n      // provided by the Popover API which does all the magic for us without needing JS code\n      // (important: to work it needs to be applied to a button)\n      if (this.enableClickEvents) {\n        let popoverId;\n        if (this.popoverElement.id) {\n          popoverId = this.popoverElement.id;\n        } else {\n          // we need a DOM id for the `popovertarget` attribute\n          popoverId = guidFor(this);\n          this.popoverElement.id = popoverId;\n        }\n        if (this.toggleElement) {\n          this.toggleElement.setAttribute('popovertarget', popoverId);\n        }\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        this.onBeforeTogglePopover,\n      ]);\n      // @ts-expect-error: known issue with type of invocation\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      const anchoredPositionOptions: FloatingUIOptions = {\n        ...named.anchoredPositionOptions,\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      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          anchoredPositionOptions // named arguments\n        );\n      });\n    }\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  hidePopover(): 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":["HdsPopoverPrimitiveComponent","_class","Component","constructor","args","_initializerDefineProperty","_descriptor","_descriptor2","_defineProperty","enableSoftEvents","enableClickEvents","modifier","element","containerElement","registerEvent","onMouseEnter","onMouseLeave","onFocusIn","onFocusOut","toggleElement","assert","tagName","toLowerCase","HTMLButtonElement","_positional","named","popoverElement","popoverId","id","guidFor","setAttribute","isOpen","popover","showPopover","onBeforeTogglePopover","onTogglePopover","anchoredPositionOptions","next","anchoredPositionModifier","error","warn","JSON","stringify","hidePopover","togglePopover","event","newState","isClosing","onOpen","onClose","timer","clearTimeout","setTimeout","isFocusStillInside","relatedTarget","contains","document","activeElement","_applyDecoratedDescriptor","prototype","tracked","configurable","enumerable","writable","initializer","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/popover-primitive/index.hbs","../../../../src/components/hds/popover-primitive/index.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\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}}\")","/**\n * Copyright (c) HashiCorp, Inc.\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 { FloatingUIOptions } from '../../../modifiers/hds-anchored-position.ts';\nimport type { ModifierLike } from '@glint/template';\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: () => 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: FloatingUIOptions };\n  };\n}\n\nexport default class HdsPopoverPrimitive extends Component<HdsPopoverPrimitiveSignature> {\n  @tracked isOpen = this.args.isOpen ?? false;\n  @tracked isClosing = false;\n  containerElement?: HTMLElement;\n  toggleElement?: HTMLButtonElement;\n  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  timer?: ReturnType<typeof setTimeout> | null;\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, ['mouseenter', this.onMouseEnter]);\n        // @ts-expect-error: known issue with type of invocation\n        registerEvent(this.containerElement, ['mouseleave', this.onMouseLeave]);\n        // @ts-expect-error: known issue with type of invocation\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      registerEvent(this.containerElement, ['focusout', this.onFocusOut]);\n    }\n  );\n\n  setupPrimitiveToggle = modifier<SetupPrimitiveToggleModifier>(\n    (element: HTMLButtonElement): void => {\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  );\n\n  setupPrimitivePopover = modifier(\n    (\n      element: HTMLElement,\n      _positional,\n      named: { anchoredPositionOptions: FloatingUIOptions }\n    ): void => {\n      this.popoverElement = element;\n\n      // for the click events we don't use `onclick` event listeners, but we rely on the `popovertarget` attribute\n      // provided by the Popover API which does all the magic for us without needing JS code\n      // (important: to work it needs to be applied to a button)\n      if (this.enableClickEvents) {\n        let popoverId;\n        if (this.popoverElement.id) {\n          popoverId = this.popoverElement.id;\n        } else {\n          // we need a DOM id for the `popovertarget` attribute\n          popoverId = guidFor(this);\n          this.popoverElement.id = popoverId;\n        }\n        if (this.toggleElement) {\n          this.toggleElement.setAttribute('popovertarget', popoverId);\n        }\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        this.onBeforeTogglePopover,\n      ]);\n      // @ts-expect-error: known issue with type of invocation\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      const anchoredPositionOptions: FloatingUIOptions = {\n        ...named.anchoredPositionOptions,\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      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          anchoredPositionOptions // named arguments\n        );\n      });\n    }\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  hidePopover(): 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","_class","Component","constructor","args","_initializerDefineProperty","_descriptor","_descriptor2","_defineProperty","enableSoftEvents","enableClickEvents","modifier","element","containerElement","registerEvent","onMouseEnter","onMouseLeave","onFocusIn","onFocusOut","toggleElement","assert","tagName","toLowerCase","HTMLButtonElement","_positional","named","popoverElement","popoverId","id","guidFor","setAttribute","isOpen","popover","showPopover","onBeforeTogglePopover","onTogglePopover","anchoredPositionOptions","next","anchoredPositionModifier","error","warn","JSON","stringify","hidePopover","togglePopover","event","newState","isClosing","onOpen","onClose","timer","clearTimeout","setTimeout","isFocusStillInside","relatedTarget","contains","document","activeElement","_applyDecoratedDescriptor","prototype","tracked","configurable","enumerable","writable","initializer","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;;;;;;AACA,eAAe,kBAAkB,CAAC,6dAA6d;;;AC2D1eA,IAAAA,mBAAmB,IAAAC,MAAA,GAAzB,MAAMD,mBAAmB,SAASE,SAAS,CAA+B;AAAAC,EAAAA,WAAAA,CAAA,GAAAC,IAAA,EAAA;AAAA,IAAA,KAAA,CAAA,GAAAA,IAAA,CAAA,CAAA;AAAAC,IAAAA,0BAAA,iBAAAC,WAAA,EAAA,IAAA,CAAA,CAAA;AAAAD,IAAAA,0BAAA,oBAAAE,YAAA,EAAA,IAAA,CAAA,CAAA;IAAAC,eAAA,CAAA,IAAA,EAAA,kBAAA,EAAA,KAAA,CAAA,CAAA,CAAA;IAAAA,eAAA,CAAA,IAAA,EAAA,eAAA,EAAA,KAAA,CAAA,CAAA,CAAA;IAAAA,eAAA,CAAA,IAAA,EAAA,gBAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAMvF;AAAAA,IAAAA,eAAA,2BACmB,IAAI,CAACJ,IAAI,CAACK,gBAAgB,IAAI,KAAK,CAAA,CAAA;AACtD;AAAAD,IAAAA,eAAA,4BACoB,IAAI,CAACJ,IAAI,CAACM,iBAAiB,IAAI,KAAK,CAAA,CAAA;IAAAF,eAAA,CAAA,IAAA,EAAA,OAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAAAA,IAAAA,eAAA,CAG9BG,IAAAA,EAAAA,yBAAAA,EAAAA,QAAQ,CAC/BC,OAAoB,IAAW;MAC9B,IAAI,CAACC,gBAAgB,GAAGD,OAAO,CAAA;;AAE/B;MACA,IAAI,IAAI,CAACH,gBAAgB,EAAE;AACzB;AACAK,QAAAA,aAAa,CAAC,IAAI,CAACD,gBAAgB,EAAE,CAAC,YAAY,EAAE,IAAI,CAACE,YAAY,CAAC,CAAC,CAAA;AACvE;AACAD,QAAAA,aAAa,CAAC,IAAI,CAACD,gBAAgB,EAAE,CAAC,YAAY,EAAE,IAAI,CAACG,YAAY,CAAC,CAAC,CAAA;AACvE;AACAF,QAAAA,aAAa,CAAC,IAAI,CAACD,gBAAgB,EAAE,CAAC,SAAS,EAAE,IAAI,CAACI,SAAS,CAAC,CAAC,CAAA;AACnE,OAAA;AACA;AACA;AACAH,MAAAA,aAAa,CAAC,IAAI,CAACD,gBAAgB,EAAE,CAAC,UAAU,EAAE,IAAI,CAACK,UAAU,CAAC,CAAC,CAAA;AACrE,KACF,CAAC,CAAA,CAAA;AAAAV,IAAAA,eAAA,CAEsBG,IAAAA,EAAAA,sBAAAA,EAAAA,QAAQ,CAC5BC,OAA0B,IAAW;MACpC,IAAI,CAACO,aAAa,GAAGP,OAAO,CAAA;AAE5BQ,MAAAA,MAAM,CACJ,CAAA,qFAAA,EAAwFR,OAAO,CAACS,OAAO,CAACC,WAAW,EAAE,CAAG,CAAA,CAAA,EACxHV,OAAO,YAAYW,iBACrB,CAAC,CAAA;AACH,KACF,CAAC,CAAA,CAAA;IAAAf,eAAA,CAAA,IAAA,EAAA,uBAAA,EAEuBG,QAAQ,CAC9B,CACEC,OAAoB,EACpBY,WAAW,EACXC,KAAqD,KAC5C;MACT,IAAI,CAACC,cAAc,GAAGd,OAAO,CAAA;;AAE7B;AACA;AACA;MACA,IAAI,IAAI,CAACF,iBAAiB,EAAE;AAC1B,QAAA,IAAIiB,SAAS,CAAA;AACb,QAAA,IAAI,IAAI,CAACD,cAAc,CAACE,EAAE,EAAE;AAC1BD,UAAAA,SAAS,GAAG,IAAI,CAACD,cAAc,CAACE,EAAE,CAAA;AACpC,SAAC,MAAM;AACL;AACAD,UAAAA,SAAS,GAAGE,OAAO,CAAC,IAAI,CAAC,CAAA;AACzB,UAAA,IAAI,CAACH,cAAc,CAACE,EAAE,GAAGD,SAAS,CAAA;AACpC,SAAA;QACA,IAAI,IAAI,CAACR,aAAa,EAAE;UACtB,IAAI,CAACA,aAAa,CAACW,YAAY,CAAC,eAAe,EAAEH,SAAS,CAAC,CAAA;AAC7D,SAAA;AACF,OAAA;;AAEA;AACA;AACA;AACA,MAAA,IAAI,IAAI,CAACvB,IAAI,CAAC2B,MAAM,EAAE;AACpB,QAAA,IAAI,CAACL,cAAc,CAACM,OAAO,GAAG,QAAQ,CAAA;AACtC,QAAA,IAAI,CAACN,cAAc,CAACO,WAAW,EAAE,CAAA;AACnC,OAAC,MAAM;AACL,QAAA,IAAI,CAACP,cAAc,CAACM,OAAO,GAAG,MAAM,CAAA;AACtC,OAAA;;AAEA;AACA;AACAlB,MAAAA,aAAa,CAAC,IAAI,CAACY,cAAc,EAAE,CACjC,cAAc,EACd,IAAI,CAACQ,qBAAqB,CAC3B,CAAC,CAAA;AACF;AACApB,MAAAA,aAAa,CAAC,IAAI,CAACY,cAAc,EAAE,CAAC,QAAQ,EAAE,IAAI,CAACS,eAAe,CAAC,CAAC,CAAA;;AAEpE;AACA,MAAA,MAAMC,uBAA0C,GAAG;AACjD,QAAA,GAAGX,KAAK,CAACW,uBAAAA;OACV,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACAC,MAAAA,IAAI,CAAC,MAAY;AACf;QACAC,wBAAwB,CACtB,IAAI,CAACZ,cAAc;AAAE;QACrB,CAAC,IAAI,CAACP,aAAa,CAAC;AAAE;AACtBiB,QAAAA,uBAAuB;SACxB,CAAA;AACH,OAAC,CAAC,CAAA;AACJ,KACF,CAAC,CAAA,CAAA;AAAA,GAAA;AAGDH,EAAAA,WAAWA,GAAS;IAClB,IAAI;MACF,IAAI,IAAI,CAACP,cAAc,EAAE;AACvB,QAAA,IAAI,CAACA,cAAc,CAACO,WAAW,EAAE,CAAA;AACnC,OAAA;KACD,CAAC,OAAOM,KAAK,EAAE;MACdC,IAAI,CACF,yFAAyFC,IAAI,CAACC,SAAS,CACrGH,KACF,CAAC,CAAA,CAAE,EACH;AACEX,QAAAA,EAAE,EAAE,mDAAA;AACN,OACF,CAAC,CAAA;AACH,KAAA;AACF,GAAA;AAGAe,EAAAA,WAAWA,GAAS;IAClB,IAAI;MACF,IAAI,IAAI,CAACjB,cAAc,EAAE;AACvB,QAAA,IAAI,CAACA,cAAc,CAACiB,WAAW,EAAE,CAAA;AACnC,OAAA;KACD,CAAC,OAAOJ,KAAK,EAAE;MACdC,IAAI,CACF,yFAAyFC,IAAI,CAACC,SAAS,CACrGH,KACF,CAAC,CAAA,CAAE,EACH;AACEX,QAAAA,EAAE,EAAE,mDAAA;AACN,OACF,CAAC,CAAA;AACH,KAAA;AACF,GAAA;AAGAgB,EAAAA,aAAaA,GAAS;IACpB,IAAI;MACF,IAAI,IAAI,CAAClB,cAAc,EAAE;AACvB,QAAA,IAAI,CAACA,cAAc,CAACkB,aAAa,EAAE,CAAA;AACrC,OAAA;KACD,CAAC,OAAOL,KAAK,EAAE;MACdC,IAAI,CACF,2FAA2FC,IAAI,CAACC,SAAS,CACvGH,KACF,CAAC,CAAA,CAAE,EACH;AACEX,QAAAA,EAAE,EAAE,qDAAA;AACN,OACF,CAAC,CAAA;AACH,KAAA;AACF,GAAA;;AAEA;EAEAM,qBAAqBA,CAACW,KAAkB,EAAQ;AAC9C,IAAA,IAAIA,KAAK,CAACC,QAAQ,KAAK,QAAQ,EAAE;AAC/B;AACA;AACA;MACA,IAAI,CAACC,SAAS,GAAG,IAAI,CAAA;AACvB,KAAA;AACF,GAAA;;AAEA;EAEAZ,eAAeA,CAACU,KAAkB,EAAQ;AACxC,IAAA,IAAIA,KAAK,CAACC,QAAQ,KAAK,MAAM,EAAE;MAC7B,IAAI,CAACf,MAAM,GAAG,IAAI,CAAA;;AAElB;MACA,MAAM;AAAEiB,QAAAA,MAAAA;OAAQ,GAAG,IAAI,CAAC5C,IAAI,CAAA;AAC5B,MAAA,IAAI,OAAO4C,MAAM,KAAK,UAAU,EAAE;AAChCA,QAAAA,MAAM,EAAE,CAAA;AACV,OAAA;AACF,KAAC,MAAM;MACL,IAAI,CAACjB,MAAM,GAAG,KAAK,CAAA;;AAEnB;MACA,IAAI,CAACgB,SAAS,GAAG,KAAK,CAAA;;AAEtB;AACA,MAAA,IAAI,IAAI,CAAC3C,IAAI,CAAC2B,MAAM,EAAE;QACpB,IAAI,IAAI,CAACL,cAAc,EAAE;AACvB,UAAA,IAAI,CAACA,cAAc,CAACM,OAAO,GAAG,MAAM,CAAA;AACtC,SAAA;AACF,OAAA;;AAEA;MACA,MAAM;AAAEiB,QAAAA,OAAAA;OAAS,GAAG,IAAI,CAAC7C,IAAI,CAAA;AAC7B,MAAA,IAAI,OAAO6C,OAAO,KAAK,UAAU,EAAE;AACjCA,QAAAA,OAAO,EAAE,CAAA;AACX,OAAA;AACF,KAAA;AACF,GAAA;AAGAlC,EAAAA,YAAYA,GAAS;IACnB,IAAI,IAAI,CAACmC,KAAK,EAAE;AACdC,MAAAA,YAAY,CAAC,IAAI,CAACD,KAAK,CAAC,CAAA;AAC1B,KAAA;IACA,IAAI,CAACjB,WAAW,EAAE,CAAA;AACpB,GAAA;AAGAhB,EAAAA,SAASA,GAAS;AAChB;AACA,IAAA,IAAI,CAAC,IAAI,CAAC8B,SAAS,EAAE;MACnB,IAAI,IAAI,CAACG,KAAK,EAAE;AACdC,QAAAA,YAAY,CAAC,IAAI,CAACD,KAAK,CAAC,CAAA;AAC1B,OAAA;MACA,IAAI,CAACjB,WAAW,EAAE,CAAA;AACpB,KAAA;AACF,GAAA;AAGAjB,EAAAA,YAAYA,GAAS;AACnB,IAAA,IAAI,CAACkC,KAAK,GAAGE,UAAU,CAAC,MAAY,IAAI,CAACT,WAAW,EAAE,EAAE,GAAG,CAAC,CAAA;AAC9D,GAAA;EAGAzB,UAAUA,CAAC2B,KAAiB,EAAQ;IAClC,IAAI,IAAI,CAAChC,gBAAgB,EAAE;MACzB,IAAIwC,kBAAkB,GAAG,KAAK,CAAA;MAC9B,IACER,KAAK,CAACS,aAAa;AACnB;MACA,IAAI,CAACzC,gBAAgB,CAAC0C,QAAQ,CAACV,KAAK,CAACS,aAAqB,CAAC,EAC3D;AACAD,QAAAA,kBAAkB,GAAG,IAAI,CAAA;AAC3B,OAAC,MAAM,IACLG,QAAQ,CAACC,aAAa;AACtB;MACA,IAAI,CAAC5C,gBAAgB,CAAC0C,QAAQ,CAACC,QAAQ,CAACC,aAAa,CAAC,EACtD;AACAJ,QAAAA,kBAAkB,GAAG,IAAI,CAAA;AAC3B,OAAA;AACA;MACA,IAAI,CAACA,kBAAkB,EAAE;QACvB,IAAI,CAACV,WAAW,EAAE,CAAA;AACpB,OAAA;AACF,KAAA;AACF,GAAA;AACF,CAAC,GAAArC,WAAA,GAAAoD,yBAAA,CAAAzD,MAAA,CAAA0D,SAAA,EAAA,QAAA,EAAA,CA3PEC,OAAO,CAAA,EAAA;EAAAC,YAAA,EAAA,IAAA;EAAAC,UAAA,EAAA,IAAA;EAAAC,QAAA,EAAA,IAAA;AAAAC,EAAAA,WAAA,cAAA;AAAA,IAAA,OAAU,IAAI,CAAC5D,IAAI,CAAC2B,MAAM,IAAI,KAAK,CAAA;AAAA,GAAA;AAAA,CAAAxB,CAAAA,EAAAA,YAAA,GAAAmD,yBAAA,CAAAzD,MAAA,CAAA0D,SAAA,gBAC1CC,OAAO,CAAA,EAAA;EAAAC,YAAA,EAAA,IAAA;EAAAC,UAAA,EAAA,IAAA;EAAAC,QAAA,EAAA,IAAA;AAAAC,EAAAA,WAAA,cAAA;AAAA,IAAA,OAAa,KAAK,CAAA;AAAA,GAAA;AAAA,CAAA,CAAA,EAAAN,yBAAA,CAAAzD,MAAA,CAAA0D,SAAA,EAAA,aAAA,EAAA,CA0GzBM,MAAM,CAAAC,EAAAA,MAAA,CAAAC,wBAAA,CAAAlE,MAAA,CAAA0D,SAAA,kBAAA1D,MAAA,CAAA0D,SAAA,CAAAD,EAAAA,yBAAA,CAAAzD,MAAA,CAAA0D,SAAA,EAAA,aAAA,EAAA,CAkBNM,MAAM,CAAAC,EAAAA,MAAA,CAAAC,wBAAA,CAAAlE,MAAA,CAAA0D,SAAA,kBAAA1D,MAAA,CAAA0D,SAAA,CAAAD,EAAAA,yBAAA,CAAAzD,MAAA,CAAA0D,SAAA,EAAA,eAAA,EAAA,CAkBNM,MAAM,CAAAC,EAAAA,MAAA,CAAAC,wBAAA,CAAAlE,MAAA,CAAA0D,SAAA,oBAAA1D,MAAA,CAAA0D,SAAA,CAAAD,EAAAA,yBAAA,CAAAzD,MAAA,CAAA0D,SAAA,EAmBNM,uBAAAA,EAAAA,CAAAA,MAAM,CAAAC,EAAAA,MAAA,CAAAC,wBAAA,CAAAlE,MAAA,CAAA0D,SAAA,4BAAA1D,MAAA,CAAA0D,SAAA,CAAAD,EAAAA,yBAAA,CAAAzD,MAAA,CAAA0D,SAAA,EAWNM,iBAAAA,EAAAA,CAAAA,MAAM,GAAAC,MAAA,CAAAC,wBAAA,CAAAlE,MAAA,CAAA0D,SAAA,sBAAA1D,MAAA,CAAA0D,SAAA,CAAAD,EAAAA,yBAAA,CAAAzD,MAAA,CAAA0D,SAAA,EA+BNM,cAAAA,EAAAA,CAAAA,MAAM,GAAAC,MAAA,CAAAC,wBAAA,CAAAlE,MAAA,CAAA0D,SAAA,mBAAA1D,MAAA,CAAA0D,SAAA,CAAAD,EAAAA,yBAAA,CAAAzD,MAAA,CAAA0D,SAAA,EAQNM,WAAAA,EAAAA,CAAAA,MAAM,GAAAC,MAAA,CAAAC,wBAAA,CAAAlE,MAAA,CAAA0D,SAAA,EAAA,WAAA,CAAA,EAAA1D,MAAA,CAAA0D,SAAA,CAAAD,EAAAA,yBAAA,CAAAzD,MAAA,CAAA0D,SAAA,EAWNM,cAAAA,EAAAA,CAAAA,MAAM,GAAAC,MAAA,CAAAC,wBAAA,CAAAlE,MAAA,CAAA0D,SAAA,EAAA,cAAA,CAAA,EAAA1D,MAAA,CAAA0D,SAAA,CAAAD,EAAAA,yBAAA,CAAAzD,MAAA,CAAA0D,SAAA,EAKNM,YAAAA,EAAAA,CAAAA,MAAM,GAAAC,MAAA,CAAAC,wBAAA,CAAAlE,MAAA,CAAA0D,SAAA,EAAA,YAAA,CAAA,EAAA1D,MAAA,CAAA0D,SAAA,IAAA1D,MAAA,EAAA;AArO+BmE,oBAAA,CAAAC,QAAA,EAAnBrE,mBAAmB,CAAA;;;;"}

package/dist/components/hds/reveal/index.js

@@ -7,7 +7,7 @@ import { setComponentTemplate } from '@ember/component';
 
 var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n\n<Hds::DisclosurePrimitive class=\"hds-reveal\" @isOpen={{@isOpen}} ...attributes>\n  <:toggle as |t|>\n    <Hds::Reveal::Toggle::Button\n      aria-controls={{this.contentId}}\n      @text={{this.getText t.isOpen}}\n      @isOpen={{t.isOpen}}\n      {{on \"click\" t.onClickToggle}}\n    />\n  </:toggle>\n\n  <:content>\n    <div class=\"hds-reveal__content hds-typography-body-200 hds-foreground-primary\" id={{this.contentId}}>\n      {{yield}}\n    </div>\n  </:content>\n</Hds::DisclosurePrimitive>");
 
-class HdsRevealComponent extends Component {
+class HdsReveal extends Component {
   constructor(...args) {
     super(...args);
     /**
@@ -34,7 +34,7 @@ class HdsRevealComponent extends Component {
     });
   }
 }
-setComponentTemplate(TEMPLATE, HdsRevealComponent);
+setComponentTemplate(TEMPLATE, HdsReveal);
 
-export { HdsRevealComponent as default };
+export { HdsReveal as default };
 //# sourceMappingURL=index.js.map

package/dist/components/hds/reveal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/reveal/index.hbs","../../../../src/components/hds/reveal/index.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n\\n<Hds::DisclosurePrimitive class=\\\"hds-reveal\\\" @isOpen={{@isOpen}} ...attributes>\\n  <:toggle as |t|>\\n    <Hds::Reveal::Toggle::Button\\n      aria-controls={{this.contentId}}\\n      @text={{this.getText t.isOpen}}\\n      @isOpen={{t.isOpen}}\\n      {{on \\\"click\\\" t.onClickToggle}}\\n    />\\n  </:toggle>\\n\\n  <:content>\\n    <div class=\\\"hds-reveal__content hds-typography-body-200 hds-foreground-primary\\\" id={{this.contentId}}>\\n      {{yield}}\\n    </div>\\n  </:content>\\n</Hds::DisclosurePrimitive>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { guidFor } from '@ember/object/internals';\nimport { assert } from '@ember/debug';\n\nimport type { HdsDisclosurePrimitiveSignature } from '../disclosure-primitive';\nimport type { HdsRevealToggleButtonSignature } from './toggle/button';\n\ninterface HdsRevealSignature {\n  Args: {\n    text: HdsRevealToggleButtonSignature['Args']['text'];\n    textWhenOpen?: HdsRevealToggleButtonSignature['Args']['text'];\n    isOpen?: HdsRevealToggleButtonSignature['Args']['isOpen'];\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HdsDisclosurePrimitiveSignature['Element'];\n}\n\nexport default class HdsRevealComponent extends Component<HdsRevealSignature> {\n  /**\n   * Generates a unique ID for the Content\n   *\n   * @param contentId\n   */\n  contentId = 'content-' + guidFor(this);\n\n  /**\n   * @param getText\n   * @type {string}\n   * @description A local function that emulates a getter to compute the value of the `@text` argument for the button (mainly to make TypeScript happy)\n   */\n  getText = (isOpen: boolean): string => {\n    if (isOpen && this.args.textWhenOpen !== undefined) {\n      return this.args.textWhenOpen;\n    } else {\n      if (this.args.text !== undefined) {\n        return this.args.text;\n      } else {\n        assert('@text for \"Hds::Reveal\" must have a valid value');\n      }\n    }\n  };\n}\n"],"names":["HdsRevealComponent","Component","constructor","args","_defineProperty","guidFor","isOpen","textWhenOpen","undefined","text","assert","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;AACA,eAAe,kBAAkB,CAAC,ykBAAykB;;ACuB5lB,MAAMA,kBAAkB,SAASC,SAAS,CAAqB;AAAAC,EAAAA,WAAAA,CAAA,GAAAC,IAAA,EAAA;AAAA,IAAA,KAAA,CAAA,GAAAA,IAAA,CAAA,CAAA;AAC5E;AACF;AACA;AACA;AACA;AAJEC,IAAAA,eAAA,oBAKY,UAAU,GAAGC,OAAO,CAAC,IAAI,CAAC,CAAA,CAAA;AAEtC;AACF;AACA;AACA;AACA;IAJED,eAAA,CAAA,IAAA,EAAA,SAAA,EAKWE,MAAe,IAAa;MACrC,IAAIA,MAAM,IAAI,IAAI,CAACH,IAAI,CAACI,YAAY,KAAKC,SAAS,EAAE;AAClD,QAAA,OAAO,IAAI,CAACL,IAAI,CAACI,YAAY,CAAA;AAC/B,OAAC,MAAM;AACL,QAAA,IAAI,IAAI,CAACJ,IAAI,CAACM,IAAI,KAAKD,SAAS,EAAE;AAChC,UAAA,OAAO,IAAI,CAACL,IAAI,CAACM,IAAI,CAAA;AACvB,SAAC,MAAM;UACLC,MAAM,CAAC,iDAAiD,CAAC,CAAA;AAC3D,SAAA;AACF,OAAA;KACD,CAAA,CAAA;AAAA,GAAA;AACH,CAAA;AAACC,oBAAA,CAAAC,QAAA,EAxBoBZ,kBAAkB,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/reveal/index.hbs","../../../../src/components/hds/reveal/index.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n\\n<Hds::DisclosurePrimitive class=\\\"hds-reveal\\\" @isOpen={{@isOpen}} ...attributes>\\n  <:toggle as |t|>\\n    <Hds::Reveal::Toggle::Button\\n      aria-controls={{this.contentId}}\\n      @text={{this.getText t.isOpen}}\\n      @isOpen={{t.isOpen}}\\n      {{on \\\"click\\\" t.onClickToggle}}\\n    />\\n  </:toggle>\\n\\n  <:content>\\n    <div class=\\\"hds-reveal__content hds-typography-body-200 hds-foreground-primary\\\" id={{this.contentId}}>\\n      {{yield}}\\n    </div>\\n  </:content>\\n</Hds::DisclosurePrimitive>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { guidFor } from '@ember/object/internals';\nimport { assert } from '@ember/debug';\n\nimport type { HdsDisclosurePrimitiveSignature } from '../disclosure-primitive';\nimport type { HdsRevealToggleButtonSignature } from './toggle/button';\n\ninterface HdsRevealSignature {\n  Args: {\n    text: HdsRevealToggleButtonSignature['Args']['text'];\n    textWhenOpen?: HdsRevealToggleButtonSignature['Args']['text'];\n    isOpen?: HdsRevealToggleButtonSignature['Args']['isOpen'];\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HdsDisclosurePrimitiveSignature['Element'];\n}\n\nexport default class HdsReveal extends Component<HdsRevealSignature> {\n  /**\n   * Generates a unique ID for the Content\n   *\n   * @param contentId\n   */\n  contentId = 'content-' + guidFor(this);\n\n  /**\n   * @param getText\n   * @type {string}\n   * @description A local function that emulates a getter to compute the value of the `@text` argument for the button (mainly to make TypeScript happy)\n   */\n  getText = (isOpen: boolean): string => {\n    if (isOpen && this.args.textWhenOpen !== undefined) {\n      return this.args.textWhenOpen;\n    } else {\n      if (this.args.text !== undefined) {\n        return this.args.text;\n      } else {\n        assert('@text for \"Hds::Reveal\" must have a valid value');\n      }\n    }\n  };\n}\n"],"names":["HdsReveal","Component","constructor","args","_defineProperty","guidFor","isOpen","textWhenOpen","undefined","text","assert","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;AACA,eAAe,kBAAkB,CAAC,ykBAAykB;;ACuB5lB,MAAMA,SAAS,SAASC,SAAS,CAAqB;AAAAC,EAAAA,WAAAA,CAAA,GAAAC,IAAA,EAAA;AAAA,IAAA,KAAA,CAAA,GAAAA,IAAA,CAAA,CAAA;AACnE;AACF;AACA;AACA;AACA;AAJEC,IAAAA,eAAA,oBAKY,UAAU,GAAGC,OAAO,CAAC,IAAI,CAAC,CAAA,CAAA;AAEtC;AACF;AACA;AACA;AACA;IAJED,eAAA,CAAA,IAAA,EAAA,SAAA,EAKWE,MAAe,IAAa;MACrC,IAAIA,MAAM,IAAI,IAAI,CAACH,IAAI,CAACI,YAAY,KAAKC,SAAS,EAAE;AAClD,QAAA,OAAO,IAAI,CAACL,IAAI,CAACI,YAAY,CAAA;AAC/B,OAAC,MAAM;AACL,QAAA,IAAI,IAAI,CAACJ,IAAI,CAACM,IAAI,KAAKD,SAAS,EAAE;AAChC,UAAA,OAAO,IAAI,CAACL,IAAI,CAACM,IAAI,CAAA;AACvB,SAAC,MAAM;UACLC,MAAM,CAAC,iDAAiD,CAAC,CAAA;AAC3D,SAAA;AACF,OAAA;KACD,CAAA,CAAA;AAAA,GAAA;AACH,CAAA;AAACC,oBAAA,CAAAC,QAAA,EAxBoBZ,SAAS,CAAA;;;;"}

package/dist/components/hds/reveal/toggle/button.js

@@ -9,7 +9,7 @@ var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-
  * SPDX-License-Identifier: MPL-2.0
  */
 
-class HdsRevealToggleButtonComponent extends Component {
+class HdsRevealToggleButton extends Component {
   /**
    * Get the class names to apply to the component.
    * @method ToggleButton#classNames
@@ -25,7 +25,7 @@ class HdsRevealToggleButtonComponent extends Component {
     return classes.join(' ');
   }
 }
-setComponentTemplate(TEMPLATE, HdsRevealToggleButtonComponent);
+setComponentTemplate(TEMPLATE, HdsRevealToggleButton);
 
-export { HdsRevealToggleButtonComponent as default };
+export { HdsRevealToggleButton as default };
 //# sourceMappingURL=button.js.map

package/dist/components/hds/reveal/toggle/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../../../../src/components/hds/reveal/toggle/button.hbs","../../../../../src/components/hds/reveal/toggle/button.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n\\n<Hds::Button\\n  @text={{@text}}\\n  @color=\\\"tertiary\\\"\\n  @icon=\\\"chevron-down\\\"\\n  aria-expanded={{if @isOpen \\\"true\\\" \\\"false\\\"}}\\n  class={{this.classNames}}\\n  ...attributes\\n/>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nimport type { HdsButtonSignature } from '../../button/';\n\nexport interface HdsRevealToggleButtonSignature {\n  Args: {\n    text: string;\n    isOpen?: boolean;\n  };\n  Element: HdsButtonSignature['Element'];\n}\n\nexport default class HdsRevealToggleButtonComponent extends Component<HdsRevealToggleButtonSignature> {\n  /**\n   * Get the class names to apply to the component.\n   * @method ToggleButton#classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes = ['hds-reveal__toggle-button'];\n\n    // add a class based on the @isOpen argument\n    if (this.args.isOpen) {\n      classes.push('hds-reveal__toggle-button--is-open');\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsRevealToggleButtonComponent","Component","classNames","classes","args","isOpen","push","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,uQAAuQ;;ACDzS;AACA;AACA;AACA;;AAce,MAAMA,8BAA8B,SAASC,SAAS,CAAiC;AACpG;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,2BAA2B,CAAC,CAAA;;AAE7C;AACA,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,MAAM,EAAE;AACpBF,MAAAA,OAAO,CAACG,IAAI,CAAC,oCAAoC,CAAC,CAAA;AACpD,KAAA;AAEA,IAAA,OAAOH,OAAO,CAACI,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EAhBoBT,8BAA8B,CAAA;;;;"}
+{"version":3,"file":"button.js","sources":["../../../../../src/components/hds/reveal/toggle/button.hbs","../../../../../src/components/hds/reveal/toggle/button.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n\\n<Hds::Button\\n  @text={{@text}}\\n  @color=\\\"tertiary\\\"\\n  @icon=\\\"chevron-down\\\"\\n  aria-expanded={{if @isOpen \\\"true\\\" \\\"false\\\"}}\\n  class={{this.classNames}}\\n  ...attributes\\n/>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nimport type { HdsButtonSignature } from '../../button/';\n\nexport interface HdsRevealToggleButtonSignature {\n  Args: {\n    text: string;\n    isOpen?: boolean;\n  };\n  Element: HdsButtonSignature['Element'];\n}\n\nexport default class HdsRevealToggleButton extends Component<HdsRevealToggleButtonSignature> {\n  /**\n   * Get the class names to apply to the component.\n   * @method ToggleButton#classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes = ['hds-reveal__toggle-button'];\n\n    // add a class based on the @isOpen argument\n    if (this.args.isOpen) {\n      classes.push('hds-reveal__toggle-button--is-open');\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsRevealToggleButton","Component","classNames","classes","args","isOpen","push","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,uQAAuQ;;ACDzS;AACA;AACA;AACA;;AAce,MAAMA,qBAAqB,SAASC,SAAS,CAAiC;AAC3F;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,2BAA2B,CAAC,CAAA;;AAE7C;AACA,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,MAAM,EAAE;AACpBF,MAAAA,OAAO,CAACG,IAAI,CAAC,oCAAoC,CAAC,CAAA;AACpD,KAAA;AAEA,IAAA,OAAOH,OAAO,CAACI,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EAhBoBT,qBAAqB,CAAA;;;;"}

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

@@ -11,7 +11,7 @@ var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, InPP.\n  SPDX
  * SPDX-License-Identifier: MPL-2.0
  */
 
-class HdsRichTooltipBubbleComponent extends Component {
+class HdsRichTooltipBubble extends Component {
   /**
    * @param placement
    * @type {string}
@@ -51,7 +51,7 @@ class HdsRichTooltipBubbleComponent extends Component {
     };
   }
 }
-setComponentTemplate(TEMPLATE, HdsRichTooltipBubbleComponent);
+setComponentTemplate(TEMPLATE, HdsRichTooltipBubble);
 
-export { HdsRichTooltipBubbleComponent as default };
+export { HdsRichTooltipBubble as default };
 //# sourceMappingURL=bubble.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"bubble.js","sources":["../../../../src/components/hds/rich-tooltip/bubble.hbs","../../../../src/components/hds/rich-tooltip/bubble.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, InPP.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<div\\n  class=\\\"hds-rich-tooltip__bubble\\\"\\n  ...attributes\\n  id={{@popoverId}}\\n  tabindex=\\\"-1\\\"\\n  role=\\\"tooltip\\\"\\n  aria-hidden={{(unless @isOpen true)}}\\n  {{style this.sizingStyles}}\\n  {{@setupPrimitivePopover anchoredPositionOptions=this.anchoredPositionOptions}}\\n>\\n  <div class=\\\"hds-rich-tooltip__bubble-arrow\\\" id={{@arrowId}} />\\n  {{#if @isOpen}}\\n    <div class=\\\"hds-rich-tooltip__bubble-inner-content\\\">\\n      {{yield}}\\n    </div>\\n  {{/if}}\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\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 { FloatingUIOptions } 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?: FloatingUIOptions['placement'];\n    offset?: FloatingUIOptions['offsetOptions'];\n    enableCollisionDetection?: FloatingUIOptions['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 HdsRichTooltipBubbleComponent extends Component<HdsRichTooltipBubbleSignature> {\n  /**\n   * @param placement\n   * @type {string}\n   * @description Determines the position of the \"popover\"\n   */\n  get placement(): FloatingUIOptions['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(): FloatingUIOptions['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: FloatingUIOptions['placement'];\n    offsetOptions: FloatingUIOptions['offsetOptions'];\n    enableCollisionDetection: FloatingUIOptions['enableCollisionDetection'];\n    arrowSelector: string;\n    arrowPadding: FloatingUIOptions['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":["HdsRichTooltipBubbleComponent","Component","placement","DEFAULT_PLACEMENT","args","assert","PLACEMENTS","join","includes","enableCollisionDetection","sizingStyles","width","height","anchoredPositionOptions","offsetOptions","offset","arrowSelector","arrowId","arrowPadding","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AACA,eAAe,kBAAkB,CAAC,yiBAAyiB;;ACD3kB;AACA;AACA;AACA;;AA+Be,MAAMA,6BAA6B,SAASC,SAAS,CAAgC;AAClG;AACF;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAAmC;IAC9C,MAAM;AAAEA,MAAAA,SAAS,GAAGC,iBAAAA;KAAmB,GAAG,IAAI,CAACC,IAAI,CAAA;AAEnDC,IAAAA,MAAM,CACJ,CAA2EC,wEAAAA,EAAAA,UAAU,CAACC,IAAI,CACxF,IACF,CAAC,CAAA,YAAA,EAAeL,SAAS,CAAA,CAAE,EAC3BI,UAAU,CAACE,QAAQ,CAACN,SAAS,CAC/B,CAAC,CAAA;AAED,IAAA,OAAOA,SAAS,CAAA;AAClB,GAAA;EAEA,IAAIO,wBAAwBA,GAAkD;AAC5E,IAAA,OAAO,IAAI,CAACL,IAAI,CAACK,wBAAwB,IAAI,IAAI,CAAA;AACnD,GAAA;EAEA,IAAIC,YAAYA,GAA2B;IACzC,MAAMA,YAKL,GAAG,EAAE,CAAA;AAEN,IAAA,IAAI,IAAI,CAACN,IAAI,CAACO,KAAK,EAAE;MACnBD,YAAY,CAAC,OAAO,CAAC,GAAG,IAAI,CAACN,IAAI,CAACO,KAAK,CAAA;AACvCD,MAAAA,YAAY,CAAC,WAAW,CAAC,GAAG,MAAM,CAAA;AACpC,KAAA;AAEA,IAAA,IAAI,IAAI,CAACN,IAAI,CAACQ,MAAM,EAAE;MACpBF,YAAY,CAAC,QAAQ,CAAC,GAAG,IAAI,CAACN,IAAI,CAACQ,MAAM,CAAA;AACzCF,MAAAA,YAAY,CAAC,YAAY,CAAC,GAAG,MAAM,CAAA;AACrC,KAAA;AAEA,IAAA,OAAOA,YAAY,CAAA;AACrB,GAAA;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,CAAI,CAAA,EAAA,IAAI,CAACZ,IAAI,CAACa,OAAO,CAAE,CAAA;AACtCC,MAAAA,YAAY,EAAE,EAAA;KACf,CAAA;AACH,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EA7DoBpB,6BAA6B,CAAA;;;;"}
+{"version":3,"file":"bubble.js","sources":["../../../../src/components/hds/rich-tooltip/bubble.hbs","../../../../src/components/hds/rich-tooltip/bubble.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, InPP.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<div\\n  class=\\\"hds-rich-tooltip__bubble\\\"\\n  ...attributes\\n  id={{@popoverId}}\\n  tabindex=\\\"-1\\\"\\n  role=\\\"tooltip\\\"\\n  aria-hidden={{(unless @isOpen true)}}\\n  {{style this.sizingStyles}}\\n  {{@setupPrimitivePopover anchoredPositionOptions=this.anchoredPositionOptions}}\\n>\\n  <div class=\\\"hds-rich-tooltip__bubble-arrow\\\" id={{@arrowId}} />\\n  {{#if @isOpen}}\\n    <div class=\\\"hds-rich-tooltip__bubble-inner-content\\\">\\n      {{yield}}\\n    </div>\\n  {{/if}}\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\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 { FloatingUIOptions } 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?: FloatingUIOptions['placement'];\n    offset?: FloatingUIOptions['offsetOptions'];\n    enableCollisionDetection?: FloatingUIOptions['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(): FloatingUIOptions['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(): FloatingUIOptions['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: FloatingUIOptions['placement'];\n    offsetOptions: FloatingUIOptions['offsetOptions'];\n    enableCollisionDetection: FloatingUIOptions['enableCollisionDetection'];\n    arrowSelector: string;\n    arrowPadding: FloatingUIOptions['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":";;;;;;AACA,eAAe,kBAAkB,CAAC,yiBAAyiB;;ACD3kB;AACA;AACA;AACA;;AA+Be,MAAMA,oBAAoB,SAASC,SAAS,CAAgC;AACzF;AACF;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAAmC;IAC9C,MAAM;AAAEA,MAAAA,SAAS,GAAGC,iBAAAA;KAAmB,GAAG,IAAI,CAACC,IAAI,CAAA;AAEnDC,IAAAA,MAAM,CACJ,CAA2EC,wEAAAA,EAAAA,UAAU,CAACC,IAAI,CACxF,IACF,CAAC,CAAA,YAAA,EAAeL,SAAS,CAAA,CAAE,EAC3BI,UAAU,CAACE,QAAQ,CAACN,SAAS,CAC/B,CAAC,CAAA;AAED,IAAA,OAAOA,SAAS,CAAA;AAClB,GAAA;EAEA,IAAIO,wBAAwBA,GAAkD;AAC5E,IAAA,OAAO,IAAI,CAACL,IAAI,CAACK,wBAAwB,IAAI,IAAI,CAAA;AACnD,GAAA;EAEA,IAAIC,YAAYA,GAA2B;IACzC,MAAMA,YAKL,GAAG,EAAE,CAAA;AAEN,IAAA,IAAI,IAAI,CAACN,IAAI,CAACO,KAAK,EAAE;MACnBD,YAAY,CAAC,OAAO,CAAC,GAAG,IAAI,CAACN,IAAI,CAACO,KAAK,CAAA;AACvCD,MAAAA,YAAY,CAAC,WAAW,CAAC,GAAG,MAAM,CAAA;AACpC,KAAA;AAEA,IAAA,IAAI,IAAI,CAACN,IAAI,CAACQ,MAAM,EAAE;MACpBF,YAAY,CAAC,QAAQ,CAAC,GAAG,IAAI,CAACN,IAAI,CAACQ,MAAM,CAAA;AACzCF,MAAAA,YAAY,CAAC,YAAY,CAAC,GAAG,MAAM,CAAA;AACrC,KAAA;AAEA,IAAA,OAAOA,YAAY,CAAA;AACrB,GAAA;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,CAAI,CAAA,EAAA,IAAI,CAACZ,IAAI,CAACa,OAAO,CAAE,CAAA;AACtCC,MAAAA,YAAY,EAAE,EAAA;KACf,CAAA;AACH,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EA7DoBpB,oBAAoB,CAAA;;;;"}

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

@@ -8,7 +8,7 @@ import { setComponentTemplate } from '@ember/component';
 
 var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, InPP.\n  SPDX-License-Identifier: MPL-2.0\n}}\n{{! IMPORTANT: we need to add \"squishies\" here (~) because otherwise the whitespace added by Ember becomes visible in the underlined text (being an inline element) - See https://handlebarsjs.com/guide/expressions.html#whitespace-control }}\n<Hds::PopoverPrimitive\n  @isOpen={{@isOpen}}\n  @onOpen={{@onOpen}}\n  @onClose={{@onClose}}\n  @enableSoftEvents={{this.enableSoftEvents}}\n  @enableClickEvents={{this.enableClickEvents}}\n  as |PP|\n><div class=\"hds-rich-tooltip\" ...attributes {{PP.setupPrimitiveContainer}}>\n    {{~yield\n      (hash\n        Toggle=(component\n          \"hds/rich-tooltip/toggle\"\n          popoverId=this.popoverId\n          setupPrimitiveToggle=PP.setupPrimitiveToggle\n          isOpen=PP.isOpen\n        )\n        Bubble=(component\n          \"hds/rich-tooltip/bubble\"\n          arrowId=this.arrowId\n          popoverId=this.popoverId\n          setupPrimitivePopover=PP.setupPrimitivePopover\n          isOpen=PP.isOpen\n        )\n        isOpen=PP.isOpen\n        close=PP.hidePopover\n      )\n    ~}}\n  </div></Hds::PopoverPrimitive>");
 
-class HdsRichTooltipComponent extends Component {
+class HdsRichTooltip extends Component {
   constructor(...args) {
     super(...args);
     _defineProperty(this, "elementId", getElementId(this));
@@ -22,7 +22,7 @@ class HdsRichTooltipComponent extends Component {
     return this.args.enableClickEvents ?? false;
   }
 }
-setComponentTemplate(TEMPLATE, HdsRichTooltipComponent);
+setComponentTemplate(TEMPLATE, HdsRichTooltip);
 
-export { HdsRichTooltipComponent as default };
+export { HdsRichTooltip as default };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/rich-tooltip/index.hbs","../../../../src/components/hds/rich-tooltip/index.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, InPP.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n{{! IMPORTANT: we need to add \\\"squishies\\\" here (~) because otherwise the whitespace added by Ember becomes visible in the underlined text (being an inline element) - See https://handlebarsjs.com/guide/expressions.html#whitespace-control }}\\n<Hds::PopoverPrimitive\\n  @isOpen={{@isOpen}}\\n  @onOpen={{@onOpen}}\\n  @onClose={{@onClose}}\\n  @enableSoftEvents={{this.enableSoftEvents}}\\n  @enableClickEvents={{this.enableClickEvents}}\\n  as |PP|\\n><div class=\\\"hds-rich-tooltip\\\" ...attributes {{PP.setupPrimitiveContainer}}>\\n    {{~yield\\n      (hash\\n        Toggle=(component\\n          \\\"hds/rich-tooltip/toggle\\\"\\n          popoverId=this.popoverId\\n          setupPrimitiveToggle=PP.setupPrimitiveToggle\\n          isOpen=PP.isOpen\\n        )\\n        Bubble=(component\\n          \\\"hds/rich-tooltip/bubble\\\"\\n          arrowId=this.arrowId\\n          popoverId=this.popoverId\\n          setupPrimitivePopover=PP.setupPrimitivePopover\\n          isOpen=PP.isOpen\\n        )\\n        isOpen=PP.isOpen\\n        close=PP.hidePopover\\n      )\\n    ~}}\\n  </div></Hds::PopoverPrimitive>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { getElementId } from '../../../utils/hds-get-element-id.ts';\nimport type { WithBoundArgs } from '@glint/template';\nimport type { HdsPopoverPrimitiveSignature } from '../popover-primitive';\nimport HdsRichTooltipToggle from './toggle.ts';\nimport HdsRichTooltipBubble from './bubble.ts';\n\ninterface HdsRichTooltipSignature {\n  Args: Omit<HdsPopoverPrimitiveSignature['Args'], 'enableSoftEvents'>;\n  Blocks: {\n    default: [\n      {\n        Toggle?: WithBoundArgs<\n          typeof HdsRichTooltipToggle,\n          'popoverId' | 'setupPrimitiveToggle' | 'isOpen'\n        >;\n        Bubble?: WithBoundArgs<\n          typeof HdsRichTooltipBubble,\n          'arrowId' | 'popoverId' | 'setupPrimitivePopover' | 'isOpen'\n        >;\n        isOpen?: boolean;\n        close?: () => void;\n      },\n    ];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsRichTooltipComponent extends Component<HdsRichTooltipSignature> {\n  elementId: string = getElementId(this);\n  arrowId: string = `arrow-${this.elementId}`;\n  popoverId: string = `popover-${this.elementId}`;\n\n  get enableSoftEvents(): boolean {\n    return this.args.enableClickEvents !== true;\n  }\n\n  get enableClickEvents(): boolean {\n    return this.args.enableClickEvents ?? false;\n  }\n}\n"],"names":["HdsRichTooltipComponent","Component","constructor","args","_defineProperty","getElementId","elementId","enableSoftEvents","enableClickEvents","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;AACA,eAAe,kBAAkB,CAAC,+oCAA+oC;;ACgClqC,MAAMA,uBAAuB,SAASC,SAAS,CAA0B;AAAAC,EAAAA,WAAAA,CAAA,GAAAC,IAAA,EAAA;AAAA,IAAA,KAAA,CAAA,GAAAA,IAAA,CAAA,CAAA;AAAAC,IAAAA,eAAA,CAClEC,IAAAA,EAAAA,WAAAA,EAAAA,YAAY,CAAC,IAAI,CAAC,CAAA,CAAA;AAAAD,IAAAA,eAAA,CACpB,IAAA,EAAA,SAAA,EAAA,CAAA,MAAA,EAAS,IAAI,CAACE,SAAS,CAAE,CAAA,CAAA,CAAA;AAAAF,IAAAA,eAAA,CACvB,IAAA,EAAA,WAAA,EAAA,CAAA,QAAA,EAAW,IAAI,CAACE,SAAS,CAAE,CAAA,CAAA,CAAA;AAAA,GAAA;EAE/C,IAAIC,gBAAgBA,GAAY;AAC9B,IAAA,OAAO,IAAI,CAACJ,IAAI,CAACK,iBAAiB,KAAK,IAAI,CAAA;AAC7C,GAAA;EAEA,IAAIA,iBAAiBA,GAAY;AAC/B,IAAA,OAAO,IAAI,CAACL,IAAI,CAACK,iBAAiB,IAAI,KAAK,CAAA;AAC7C,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EAZoBV,uBAAuB,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/rich-tooltip/index.hbs","../../../../src/components/hds/rich-tooltip/index.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, InPP.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n{{! IMPORTANT: we need to add \\\"squishies\\\" here (~) because otherwise the whitespace added by Ember becomes visible in the underlined text (being an inline element) - See https://handlebarsjs.com/guide/expressions.html#whitespace-control }}\\n<Hds::PopoverPrimitive\\n  @isOpen={{@isOpen}}\\n  @onOpen={{@onOpen}}\\n  @onClose={{@onClose}}\\n  @enableSoftEvents={{this.enableSoftEvents}}\\n  @enableClickEvents={{this.enableClickEvents}}\\n  as |PP|\\n><div class=\\\"hds-rich-tooltip\\\" ...attributes {{PP.setupPrimitiveContainer}}>\\n    {{~yield\\n      (hash\\n        Toggle=(component\\n          \\\"hds/rich-tooltip/toggle\\\"\\n          popoverId=this.popoverId\\n          setupPrimitiveToggle=PP.setupPrimitiveToggle\\n          isOpen=PP.isOpen\\n        )\\n        Bubble=(component\\n          \\\"hds/rich-tooltip/bubble\\\"\\n          arrowId=this.arrowId\\n          popoverId=this.popoverId\\n          setupPrimitivePopover=PP.setupPrimitivePopover\\n          isOpen=PP.isOpen\\n        )\\n        isOpen=PP.isOpen\\n        close=PP.hidePopover\\n      )\\n    ~}}\\n  </div></Hds::PopoverPrimitive>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { getElementId } from '../../../utils/hds-get-element-id.ts';\nimport type { WithBoundArgs } from '@glint/template';\nimport type { HdsPopoverPrimitiveSignature } from '../popover-primitive';\nimport HdsRichTooltipToggle from './toggle.ts';\nimport HdsRichTooltipBubble from './bubble.ts';\n\ninterface HdsRichTooltipSignature {\n  Args: Omit<HdsPopoverPrimitiveSignature['Args'], 'enableSoftEvents'>;\n  Blocks: {\n    default: [\n      {\n        Toggle?: WithBoundArgs<\n          typeof HdsRichTooltipToggle,\n          'popoverId' | 'setupPrimitiveToggle' | 'isOpen'\n        >;\n        Bubble?: WithBoundArgs<\n          typeof HdsRichTooltipBubble,\n          'arrowId' | 'popoverId' | 'setupPrimitivePopover' | 'isOpen'\n        >;\n        isOpen?: boolean;\n        close?: () => void;\n      },\n    ];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsRichTooltip extends Component<HdsRichTooltipSignature> {\n  elementId: string = getElementId(this);\n  arrowId: string = `arrow-${this.elementId}`;\n  popoverId: string = `popover-${this.elementId}`;\n\n  get enableSoftEvents(): boolean {\n    return this.args.enableClickEvents !== true;\n  }\n\n  get enableClickEvents(): boolean {\n    return this.args.enableClickEvents ?? false;\n  }\n}\n"],"names":["HdsRichTooltip","Component","constructor","args","_defineProperty","getElementId","elementId","enableSoftEvents","enableClickEvents","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;AACA,eAAe,kBAAkB,CAAC,+oCAA+oC;;ACgClqC,MAAMA,cAAc,SAASC,SAAS,CAA0B;AAAAC,EAAAA,WAAAA,CAAA,GAAAC,IAAA,EAAA;AAAA,IAAA,KAAA,CAAA,GAAAA,IAAA,CAAA,CAAA;AAAAC,IAAAA,eAAA,CACzDC,IAAAA,EAAAA,WAAAA,EAAAA,YAAY,CAAC,IAAI,CAAC,CAAA,CAAA;AAAAD,IAAAA,eAAA,CACpB,IAAA,EAAA,SAAA,EAAA,CAAA,MAAA,EAAS,IAAI,CAACE,SAAS,CAAE,CAAA,CAAA,CAAA;AAAAF,IAAAA,eAAA,CACvB,IAAA,EAAA,WAAA,EAAA,CAAA,QAAA,EAAW,IAAI,CAACE,SAAS,CAAE,CAAA,CAAA,CAAA;AAAA,GAAA;EAE/C,IAAIC,gBAAgBA,GAAY;AAC9B,IAAA,OAAO,IAAI,CAACJ,IAAI,CAACK,iBAAiB,KAAK,IAAI,CAAA;AAC7C,GAAA;EAEA,IAAIA,iBAAiBA,GAAY;AAC/B,IAAA,OAAO,IAAI,CAACL,IAAI,CAACK,iBAAiB,IAAI,KAAK,CAAA;AAC7C,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EAZoBV,cAAc,CAAA;;;;"}

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

@@ -4,7 +4,7 @@ import { HdsRichTooltipToggleIconPositionValues, HdsRichTooltipToggleSizeValues
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{! @glint-nocheck: not typesafe yet }}\n{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n{{! IMPORTANT: we need to add \"squishies\" here (~) because otherwise the whitespace added by Ember becomes visible in the underlined text (being an inline element) - See https://handlebarsjs.com/guide/expressions.html#whitespace-control }}\n<button\n  class={{this.classNames}}\n  ...attributes\n  type=\"button\"\n  aria-controls={{@popoverId}}\n  aria-describedby={{@popoverId}}\n  aria-expanded={{if @isOpen \"true\" \"false\"}}\n  {{@setupPrimitiveToggle}}\n>\n  {{~#if (has-block)~}}\n    {{yield}}\n  {{~else~}}\n    {{~#if (and @icon (eq this.iconPosition \"leading\"))~}}\n      <FlightIcon class=\"hds-rich-tooltip__toggle-icon\" @name={{@icon}} @isInlineBlock={{this.isInline}} />\n    {{~/if~}}\n    {{~#if @text~}}\n      <span class=\"hds-rich-tooltip__toggle-text\">{{~@text~}}</span>\n    {{~/if~}}\n    {{~#if (and @icon (eq this.iconPosition \"trailing\"))~}}\n      <FlightIcon class=\"hds-rich-tooltip__toggle-icon\" @name={{@icon}} @isInlineBlock={{this.isInline}} />\n    {{~/if~}}\n  {{~/if~}}\n</button>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n{{! IMPORTANT: we need to add \"squishies\" here (~) because otherwise the whitespace added by Ember becomes visible in the underlined text (being an inline element) - See https://handlebarsjs.com/guide/expressions.html#whitespace-control }}\n<button\n  class={{this.classNames}}\n  ...attributes\n  type=\"button\"\n  aria-controls={{@popoverId}}\n  aria-describedby={{@popoverId}}\n  aria-expanded={{if @isOpen \"true\" \"false\"}}\n  {{@setupPrimitiveToggle}}\n>\n  {{~#if (has-block)~}}\n    {{yield}}\n  {{~else~}}\n    {{~#if @icon~}}\n      {{~#if (eq this.iconPosition \"leading\")~}}\n        <Hds::Icon class=\"hds-rich-tooltip__toggle-icon\" @name={{@icon}} @isInline={{this.isInline}} />\n      {{~/if~}}\n    {{~/if~}}\n    {{~#if @text~}}\n      <span class=\"hds-rich-tooltip__toggle-text\">{{~@text~}}</span>\n    {{~/if~}}\n    {{~#if @icon~}}\n      {{~#if (eq this.iconPosition \"trailing\")~}}\n        <Hds::Icon class=\"hds-rich-tooltip__toggle-icon\" @name={{@icon}} @isInline={{this.isInline}} />\n      {{~/if~}}\n    {{~/if~}}\n  {{~/if~}}\n</button>");
 
 /**
  * Copyright (c) HashiCorp, Inc.
@@ -14,7 +14,7 @@ var TEMPLATE = precompileTemplate("{{! @glint-nocheck: not typesafe yet }}\n{{!\
 const ICONPOSITIONS = Object.values(HdsRichTooltipToggleIconPositionValues);
 const DEFAULT_ICONPOSITION = HdsRichTooltipToggleIconPositionValues.Trailing;
 const SIZES = Object.values(HdsRichTooltipToggleSizeValues);
-class HdsRichTooltipToggleComponent extends Component {
+class HdsRichTooltipToggle extends Component {
   /**
    * @param isInline
    * @type {boolean}
@@ -80,7 +80,7 @@ class HdsRichTooltipToggleComponent extends Component {
     return classes.join(' ');
   }
 }
-setComponentTemplate(TEMPLATE, HdsRichTooltipToggleComponent);
+setComponentTemplate(TEMPLATE, HdsRichTooltipToggle);
 
-export { DEFAULT_ICONPOSITION, ICONPOSITIONS, SIZES, HdsRichTooltipToggleComponent as default };
+export { DEFAULT_ICONPOSITION, ICONPOSITIONS, SIZES, HdsRichTooltipToggle as default };
 //# sourceMappingURL=toggle.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"toggle.js","sources":["../../../../src/components/hds/rich-tooltip/toggle.hbs","../../../../src/components/hds/rich-tooltip/toggle.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! @glint-nocheck: not typesafe yet }}\\n{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n{{! IMPORTANT: we need to add \\\"squishies\\\" here (~) because otherwise the whitespace added by Ember becomes visible in the underlined text (being an inline element) - See https://handlebarsjs.com/guide/expressions.html#whitespace-control }}\\n<button\\n  class={{this.classNames}}\\n  ...attributes\\n  type=\\\"button\\\"\\n  aria-controls={{@popoverId}}\\n  aria-describedby={{@popoverId}}\\n  aria-expanded={{if @isOpen \\\"true\\\" \\\"false\\\"}}\\n  {{@setupPrimitiveToggle}}\\n>\\n  {{~#if (has-block)~}}\\n    {{yield}}\\n  {{~else~}}\\n    {{~#if (and @icon (eq this.iconPosition \\\"leading\\\"))~}}\\n      <FlightIcon class=\\\"hds-rich-tooltip__toggle-icon\\\" @name={{@icon}} @isInlineBlock={{this.isInline}} />\\n    {{~/if~}}\\n    {{~#if @text~}}\\n      <span class=\\\"hds-rich-tooltip__toggle-text\\\">{{~@text~}}</span>\\n    {{~/if~}}\\n    {{~#if (and @icon (eq this.iconPosition \\\"trailing\\\"))~}}\\n      <FlightIcon class=\\\"hds-rich-tooltip__toggle-icon\\\" @name={{@icon}} @isInlineBlock={{this.isInline}} />\\n    {{~/if~}}\\n  {{~/if~}}\\n</button>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\n\nimport {\n  HdsRichTooltipToggleIconPositionValues,\n  HdsRichTooltipToggleSizeValues,\n} from './types.ts';\nimport type {\n  HdsRichTooltipToggleIconPositions,\n  HdsRichTooltipToggleSizes,\n} from './types.ts';\nimport type { FlightIconSignature } from '@hashicorp/ember-flight-icons/components/flight-icon';\nimport type { ModifierLike } from '@glint/template';\nimport type { SetupPrimitiveToggleModifier } from '../popover-primitive';\n\nexport const ICONPOSITIONS: string[] = Object.values(\n  HdsRichTooltipToggleIconPositionValues\n);\nexport const DEFAULT_ICONPOSITION =\n  HdsRichTooltipToggleIconPositionValues.Trailing;\nexport const SIZES: string[] = Object.values(HdsRichTooltipToggleSizeValues);\n\nexport interface HdsRichTooltipToggleSignature {\n  Args: {\n    text?: string;\n    icon?: FlightIconSignature['Args']['name'];\n    iconPosition?: HdsRichTooltipToggleIconPositions;\n    size?: undefined | HdsRichTooltipToggleSizes;\n    isInline?: boolean;\n    isOpen?: boolean;\n    popoverId: string;\n    setupPrimitiveToggle: ModifierLike<SetupPrimitiveToggleModifier>;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLButtonElement;\n}\n\nexport default class HdsRichTooltipToggleComponent extends Component<HdsRichTooltipToggleSignature> {\n  /**\n   * @param isInline\n   * @type {boolean}\n   * @default true\n   * @description sets display inline for the element\n   */\n  get isInline(): boolean {\n    const { isInline = false } = this.args;\n    return isInline;\n  }\n\n  /**\n   * @param iconPosition\n   * @type {string}\n   * @default leading\n   * @description Positions the icon before or after the text; allowed values are `leading` or `trailing`\n   */\n  get iconPosition(): HdsRichTooltipToggleIconPositions {\n    const { iconPosition = DEFAULT_ICONPOSITION } = this.args;\n\n    assert(\n      `@iconPosition for \"Hds::RichTooltip::Toggle\" must be one of the following: ${ICONPOSITIONS.join(\n        ', '\n      )}; received: ${iconPosition}`,\n      ICONPOSITIONS.includes(iconPosition)\n    );\n\n    return iconPosition;\n  }\n\n  /**\n   * @param size\n   * @type {string}\n   * @default medium\n   * @description The size of the \"info\" text; acceptable values are `small`, `medium`, `large`\n   */\n  get size(): HdsRichTooltipToggleSizes | undefined {\n    let size;\n\n    // we assign a \"size\" only if `@text` is provided\n    if (this.args.text) {\n      size = this.args.size;\n\n      assert(\n        `@size for \"Hds::RichTooltip::Toggle\" must be one of the following: ${SIZES.join(\n          ', '\n        )}; received: ${size}`,\n        size === undefined || SIZES.includes(size)\n      );\n    }\n\n    return size;\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes = ['hds-rich-tooltip__toggle'];\n\n    // add a class based on the @isInline argument\n    if (this.isInline) {\n      classes.push('hds-rich-tooltip__toggle--is-inline');\n    } else {\n      classes.push('hds-rich-tooltip__toggle--is-block');\n    }\n\n    // add a class based on the @size argument (if provided)\n    if (this.size) {\n      classes.push(`hds-rich-tooltip__toggle--size-${this.size}`);\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["ICONPOSITIONS","Object","values","HdsRichTooltipToggleIconPositionValues","DEFAULT_ICONPOSITION","Trailing","SIZES","HdsRichTooltipToggleSizeValues","HdsRichTooltipToggleComponent","Component","isInline","args","iconPosition","assert","join","includes","size","text","undefined","classNames","classes","push","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AACA,eAAe,kBAAkB,CAAC,6nCAA6nC;;ACD/pC;AACA;AACA;AACA;;AAiBO,MAAMA,aAAuB,GAAGC,MAAM,CAACC,MAAM,CAClDC,sCACF,EAAC;AACYC,MAAAA,oBAAoB,GAC/BD,sCAAsC,CAACE,SAAQ;AAC1C,MAAMC,KAAe,GAAGL,MAAM,CAACC,MAAM,CAACK,8BAA8B,EAAC;AAmB7D,MAAMC,6BAA6B,SAASC,SAAS,CAAgC;AAClG;AACF;AACA;AACA;AACA;AACA;EACE,IAAIC,QAAQA,GAAY;IACtB,MAAM;AAAEA,MAAAA,QAAQ,GAAG,KAAA;KAAO,GAAG,IAAI,CAACC,IAAI,CAAA;AACtC,IAAA,OAAOD,QAAQ,CAAA;AACjB,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAIE,YAAYA,GAAsC;IACpD,MAAM;AAAEA,MAAAA,YAAY,GAAGR,oBAAAA;KAAsB,GAAG,IAAI,CAACO,IAAI,CAAA;AAEzDE,IAAAA,MAAM,CACJ,CAA8Eb,2EAAAA,EAAAA,aAAa,CAACc,IAAI,CAC9F,IACF,CAAC,CAAA,YAAA,EAAeF,YAAY,CAAA,CAAE,EAC9BZ,aAAa,CAACe,QAAQ,CAACH,YAAY,CACrC,CAAC,CAAA;AAED,IAAA,OAAOA,YAAY,CAAA;AACrB,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAII,IAAIA,GAA0C;AAChD,IAAA,IAAIA,IAAI,CAAA;;AAER;AACA,IAAA,IAAI,IAAI,CAACL,IAAI,CAACM,IAAI,EAAE;AAClBD,MAAAA,IAAI,GAAG,IAAI,CAACL,IAAI,CAACK,IAAI,CAAA;MAErBH,MAAM,CACJ,sEAAsEP,KAAK,CAACQ,IAAI,CAC9E,IACF,CAAC,CAAA,YAAA,EAAeE,IAAI,CAAA,CAAE,EACtBA,IAAI,KAAKE,SAAS,IAAIZ,KAAK,CAACS,QAAQ,CAACC,IAAI,CAC3C,CAAC,CAAA;AACH,KAAA;AAEA,IAAA,OAAOA,IAAI,CAAA;AACb,GAAA;;AAEA;AACF;AACA;AACA;EACE,IAAIG,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,0BAA0B,CAAC,CAAA;;AAE5C;IACA,IAAI,IAAI,CAACV,QAAQ,EAAE;AACjBU,MAAAA,OAAO,CAACC,IAAI,CAAC,qCAAqC,CAAC,CAAA;AACrD,KAAC,MAAM;AACLD,MAAAA,OAAO,CAACC,IAAI,CAAC,oCAAoC,CAAC,CAAA;AACpD,KAAA;;AAEA;IACA,IAAI,IAAI,CAACL,IAAI,EAAE;MACbI,OAAO,CAACC,IAAI,CAAC,CAAA,+BAAA,EAAkC,IAAI,CAACL,IAAI,EAAE,CAAC,CAAA;AAC7D,KAAA;AAEA,IAAA,OAAOI,OAAO,CAACN,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACQ,oBAAA,CAAAC,QAAA,EA5EoBf,6BAA6B,CAAA;;;;"}
+{"version":3,"file":"toggle.js","sources":["../../../../src/components/hds/rich-tooltip/toggle.hbs","../../../../src/components/hds/rich-tooltip/toggle.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n{{! IMPORTANT: we need to add \\\"squishies\\\" here (~) because otherwise the whitespace added by Ember becomes visible in the underlined text (being an inline element) - See https://handlebarsjs.com/guide/expressions.html#whitespace-control }}\\n<button\\n  class={{this.classNames}}\\n  ...attributes\\n  type=\\\"button\\\"\\n  aria-controls={{@popoverId}}\\n  aria-describedby={{@popoverId}}\\n  aria-expanded={{if @isOpen \\\"true\\\" \\\"false\\\"}}\\n  {{@setupPrimitiveToggle}}\\n>\\n  {{~#if (has-block)~}}\\n    {{yield}}\\n  {{~else~}}\\n    {{~#if @icon~}}\\n      {{~#if (eq this.iconPosition \\\"leading\\\")~}}\\n        <Hds::Icon class=\\\"hds-rich-tooltip__toggle-icon\\\" @name={{@icon}} @isInline={{this.isInline}} />\\n      {{~/if~}}\\n    {{~/if~}}\\n    {{~#if @text~}}\\n      <span class=\\\"hds-rich-tooltip__toggle-text\\\">{{~@text~}}</span>\\n    {{~/if~}}\\n    {{~#if @icon~}}\\n      {{~#if (eq this.iconPosition \\\"trailing\\\")~}}\\n        <Hds::Icon class=\\\"hds-rich-tooltip__toggle-icon\\\" @name={{@icon}} @isInline={{this.isInline}} />\\n      {{~/if~}}\\n    {{~/if~}}\\n  {{~/if~}}\\n</button>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\n\nimport {\n  HdsRichTooltipToggleIconPositionValues,\n  HdsRichTooltipToggleSizeValues,\n} from './types.ts';\nimport type {\n  HdsRichTooltipToggleIconPositions,\n  HdsRichTooltipToggleSizes,\n} from './types.ts';\nimport type { HdsIconSignature } from '../icon';\nimport type { ModifierLike } from '@glint/template';\nimport type { SetupPrimitiveToggleModifier } from '../popover-primitive';\n\nexport const ICONPOSITIONS: string[] = Object.values(\n  HdsRichTooltipToggleIconPositionValues\n);\nexport const DEFAULT_ICONPOSITION =\n  HdsRichTooltipToggleIconPositionValues.Trailing;\nexport const SIZES: string[] = Object.values(HdsRichTooltipToggleSizeValues);\n\nexport interface HdsRichTooltipToggleSignature {\n  Args: {\n    text?: string;\n    icon?: HdsIconSignature['Args']['name'];\n    iconPosition?: HdsRichTooltipToggleIconPositions;\n    size?: undefined | HdsRichTooltipToggleSizes;\n    isInline?: boolean;\n    isOpen?: boolean;\n    popoverId: string;\n    setupPrimitiveToggle: ModifierLike<SetupPrimitiveToggleModifier>;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLButtonElement;\n}\n\nexport default class HdsRichTooltipToggle extends Component<HdsRichTooltipToggleSignature> {\n  /**\n   * @param isInline\n   * @type {boolean}\n   * @default true\n   * @description sets display inline for the element\n   */\n  get isInline(): boolean {\n    const { isInline = false } = this.args;\n    return isInline;\n  }\n\n  /**\n   * @param iconPosition\n   * @type {string}\n   * @default leading\n   * @description Positions the icon before or after the text; allowed values are `leading` or `trailing`\n   */\n  get iconPosition(): HdsRichTooltipToggleIconPositions {\n    const { iconPosition = DEFAULT_ICONPOSITION } = this.args;\n\n    assert(\n      `@iconPosition for \"Hds::RichTooltip::Toggle\" must be one of the following: ${ICONPOSITIONS.join(\n        ', '\n      )}; received: ${iconPosition}`,\n      ICONPOSITIONS.includes(iconPosition)\n    );\n\n    return iconPosition;\n  }\n\n  /**\n   * @param size\n   * @type {string}\n   * @default medium\n   * @description The size of the \"info\" text; acceptable values are `small`, `medium`, `large`\n   */\n  get size(): HdsRichTooltipToggleSizes | undefined {\n    let size;\n\n    // we assign a \"size\" only if `@text` is provided\n    if (this.args.text) {\n      size = this.args.size;\n\n      assert(\n        `@size for \"Hds::RichTooltip::Toggle\" must be one of the following: ${SIZES.join(\n          ', '\n        )}; received: ${size}`,\n        size === undefined || SIZES.includes(size)\n      );\n    }\n\n    return size;\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes = ['hds-rich-tooltip__toggle'];\n\n    // add a class based on the @isInline argument\n    if (this.isInline) {\n      classes.push('hds-rich-tooltip__toggle--is-inline');\n    } else {\n      classes.push('hds-rich-tooltip__toggle--is-block');\n    }\n\n    // add a class based on the @size argument (if provided)\n    if (this.size) {\n      classes.push(`hds-rich-tooltip__toggle--size-${this.size}`);\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["ICONPOSITIONS","Object","values","HdsRichTooltipToggleIconPositionValues","DEFAULT_ICONPOSITION","Trailing","SIZES","HdsRichTooltipToggleSizeValues","HdsRichTooltipToggle","Component","isInline","args","iconPosition","assert","join","includes","size","text","undefined","classNames","classes","push","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AACA,eAAe,kBAAkB,CAAC,ooCAAooC;;ACDtqC;AACA;AACA;AACA;;AAiBO,MAAMA,aAAuB,GAAGC,MAAM,CAACC,MAAM,CAClDC,sCACF,EAAC;AACYC,MAAAA,oBAAoB,GAC/BD,sCAAsC,CAACE,SAAQ;AAC1C,MAAMC,KAAe,GAAGL,MAAM,CAACC,MAAM,CAACK,8BAA8B,EAAC;AAmB7D,MAAMC,oBAAoB,SAASC,SAAS,CAAgC;AACzF;AACF;AACA;AACA;AACA;AACA;EACE,IAAIC,QAAQA,GAAY;IACtB,MAAM;AAAEA,MAAAA,QAAQ,GAAG,KAAA;KAAO,GAAG,IAAI,CAACC,IAAI,CAAA;AACtC,IAAA,OAAOD,QAAQ,CAAA;AACjB,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAIE,YAAYA,GAAsC;IACpD,MAAM;AAAEA,MAAAA,YAAY,GAAGR,oBAAAA;KAAsB,GAAG,IAAI,CAACO,IAAI,CAAA;AAEzDE,IAAAA,MAAM,CACJ,CAA8Eb,2EAAAA,EAAAA,aAAa,CAACc,IAAI,CAC9F,IACF,CAAC,CAAA,YAAA,EAAeF,YAAY,CAAA,CAAE,EAC9BZ,aAAa,CAACe,QAAQ,CAACH,YAAY,CACrC,CAAC,CAAA;AAED,IAAA,OAAOA,YAAY,CAAA;AACrB,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAII,IAAIA,GAA0C;AAChD,IAAA,IAAIA,IAAI,CAAA;;AAER;AACA,IAAA,IAAI,IAAI,CAACL,IAAI,CAACM,IAAI,EAAE;AAClBD,MAAAA,IAAI,GAAG,IAAI,CAACL,IAAI,CAACK,IAAI,CAAA;MAErBH,MAAM,CACJ,sEAAsEP,KAAK,CAACQ,IAAI,CAC9E,IACF,CAAC,CAAA,YAAA,EAAeE,IAAI,CAAA,CAAE,EACtBA,IAAI,KAAKE,SAAS,IAAIZ,KAAK,CAACS,QAAQ,CAACC,IAAI,CAC3C,CAAC,CAAA;AACH,KAAA;AAEA,IAAA,OAAOA,IAAI,CAAA;AACb,GAAA;;AAEA;AACF;AACA;AACA;EACE,IAAIG,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,0BAA0B,CAAC,CAAA;;AAE5C;IACA,IAAI,IAAI,CAACV,QAAQ,EAAE;AACjBU,MAAAA,OAAO,CAACC,IAAI,CAAC,qCAAqC,CAAC,CAAA;AACrD,KAAC,MAAM;AACLD,MAAAA,OAAO,CAACC,IAAI,CAAC,oCAAoC,CAAC,CAAA;AACpD,KAAA;;AAEA;IACA,IAAI,IAAI,CAACL,IAAI,EAAE;MACbI,OAAO,CAACC,IAAI,CAAC,CAAA,+BAAA,EAAkC,IAAI,CAACL,IAAI,EAAE,CAAC,CAAA;AAC7D,KAAA;AAEA,IAAA,OAAOI,OAAO,CAACN,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACQ,oBAAA,CAAAC,QAAA,EA5EoBf,oBAAoB,CAAA;;;;"}

package/dist/components/hds/segmented-group/index.js

@@ -9,8 +9,8 @@ var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-
  * SPDX-License-Identifier: MPL-2.0
  */
 
-const HdsSegmentedGroupComponent = templateOnlyComponent();
-var index = setComponentTemplate(TEMPLATE, HdsSegmentedGroupComponent);
+const HdsSegmentedGroup = templateOnlyComponent();
+var index = setComponentTemplate(TEMPLATE, HdsSegmentedGroup);
 
 export { index as default };
 //# sourceMappingURL=index.js.map

package/dist/components/hds/segmented-group/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/segmented-group/index.hbs","../../../../src/components/hds/segmented-group/index.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<div class=\\\"hds-segmented-group\\\" ...attributes>\\n  {{yield\\n    (hash\\n      Button=(component \\\"hds/button\\\")\\n      Dropdown=(component \\\"hds/dropdown\\\")\\n      Select=(component \\\"hds/form/select/base\\\")\\n      TextInput=(component \\\"hds/form/text-input/base\\\")\\n      Generic=(component \\\"hds/yield\\\")\\n    )\\n  }}\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport TemplateOnlyComponent from '@ember/component/template-only';\n\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsButtonSignature } from '../button';\nimport type { HdsDropdownSignature } from '../dropdown';\nimport type { HdsFormSelectBaseSignature } from '../form/select/base';\nimport type { HdsFormTextInputBaseSignature } from '../form/text-input/base';\nimport type { HdsYieldSignature } from '../yield';\n\ninterface HdsSegmentedGroupSignature {\n  Blocks: {\n    default: [\n      {\n        Button?: ComponentLike<HdsButtonSignature>;\n        Dropdown?: ComponentLike<HdsDropdownSignature>;\n        Select?: ComponentLike<HdsFormSelectBaseSignature>;\n        TextInput?: ComponentLike<HdsFormTextInputBaseSignature>;\n        Generic?: ComponentLike<HdsYieldSignature>;\n      },\n    ];\n  };\n  Element: HTMLDivElement;\n}\n\nconst HdsSegmentedGroupComponent =\n  TemplateOnlyComponent<HdsSegmentedGroupSignature>();\n\nexport default HdsSegmentedGroupComponent;\n"],"names":["HdsSegmentedGroupComponent","TemplateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,wZAAwZ;;ACD1b;AACA;AACA;AACA;;AA0BA,MAAMA,0BAA0B,GAC9BC,qBAAqB,EAA8B,CAAA;AAErD,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,0BAA0B,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/segmented-group/index.hbs","../../../../src/components/hds/segmented-group/index.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<div class=\\\"hds-segmented-group\\\" ...attributes>\\n  {{yield\\n    (hash\\n      Button=(component \\\"hds/button\\\")\\n      Dropdown=(component \\\"hds/dropdown\\\")\\n      Select=(component \\\"hds/form/select/base\\\")\\n      TextInput=(component \\\"hds/form/text-input/base\\\")\\n      Generic=(component \\\"hds/yield\\\")\\n    )\\n  }}\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport TemplateOnlyComponent from '@ember/component/template-only';\n\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsButtonSignature } from '../button';\nimport type { HdsDropdownSignature } from '../dropdown';\nimport type { HdsFormSelectBaseSignature } from '../form/select/base';\nimport type { HdsFormTextInputBaseSignature } from '../form/text-input/base';\nimport type { HdsYieldSignature } from '../yield';\n\ninterface HdsSegmentedGroupSignature {\n  Blocks: {\n    default: [\n      {\n        Button?: ComponentLike<HdsButtonSignature>;\n        Dropdown?: ComponentLike<HdsDropdownSignature>;\n        Select?: ComponentLike<HdsFormSelectBaseSignature>;\n        TextInput?: ComponentLike<HdsFormTextInputBaseSignature>;\n        Generic?: ComponentLike<HdsYieldSignature>;\n      },\n    ];\n  };\n  Element: HTMLDivElement;\n}\n\nconst HdsSegmentedGroup = TemplateOnlyComponent<HdsSegmentedGroupSignature>();\n\nexport default HdsSegmentedGroup;\n"],"names":["HdsSegmentedGroup","TemplateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,wZAAwZ;;ACD1b;AACA;AACA;AACA;;AA0BA,MAAMA,iBAAiB,GAAGC,qBAAqB,EAA8B,CAAA;AAE7E,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,iBAAiB,CAAA;;;;"}

package/dist/components/hds/separator/index.js

@@ -13,7 +13,7 @@ var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-
 
 const DEFAULT_SPACING = HdsSeparatorSpacingValues.TwentyFour;
 const SPACING = Object.values(HdsSeparatorSpacingValues);
-class HdsSeparatorComponent extends Component {
+class HdsSeparator extends Component {
   /**
    * Sets the margin for the separator
    * Accepted values: 24, 0
@@ -43,7 +43,7 @@ class HdsSeparatorComponent extends Component {
     return classes.join(' ');
   }
 }
-setComponentTemplate(TEMPLATE, HdsSeparatorComponent);
+setComponentTemplate(TEMPLATE, HdsSeparator);
 
-export { DEFAULT_SPACING, SPACING, HdsSeparatorComponent as default };
+export { DEFAULT_SPACING, SPACING, HdsSeparator as default };
 //# sourceMappingURL=index.js.map

package/dist/components/hds/separator/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/separator/index.hbs","../../../../src/components/hds/separator/index.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<hr class={{this.classNames}} ...attributes />\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\n\nimport { HdsSeparatorSpacingValues } from './types.ts';\nimport type { HdsSeparatorSpacing } from './types.ts';\n\nexport const DEFAULT_SPACING = HdsSeparatorSpacingValues.TwentyFour;\nexport const SPACING: string[] = Object.values(HdsSeparatorSpacingValues);\n\ninterface HdsSeparatorSignature {\n  Args: {\n    spacing?: HdsSeparatorSpacing;\n  };\n  Element: HTMLElement;\n}\n\nexport default class HdsSeparatorComponent extends Component<HdsSeparatorSignature> {\n  /**\n   * Sets the margin for the separator\n   * Accepted values: 24, 0\n   *\n   * @param spacing\n   * @type {HdsSeparatorSpacing}\n   * @default 24\n   */\n  get spacing(): HdsSeparatorSpacing {\n    const { spacing = DEFAULT_SPACING } = this.args;\n\n    assert(\n      `@spacing for \"Hds::Separator\" must be one of the following: ${SPACING.join(\n        ', '\n      )}; received: ${spacing}`,\n      SPACING.includes(spacing)\n    );\n\n    return spacing;\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes = ['hds-separator'];\n\n    // add a class based on the @spacing argument\n    classes.push(`hds-separator--spacing-${this.spacing}`);\n\n    return classes.join(' ');\n  }\n}\n"],"names":["DEFAULT_SPACING","HdsSeparatorSpacingValues","TwentyFour","SPACING","Object","values","HdsSeparatorComponent","Component","spacing","args","assert","join","includes","classNames","classes","push","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AACA,eAAe,kBAAkB,CAAC,8HAA8H;;ACDhK;AACA;AACA;AACA;;AAQaA,MAAAA,eAAe,GAAGC,yBAAyB,CAACC,WAAU;AAC5D,MAAMC,OAAiB,GAAGC,MAAM,CAACC,MAAM,CAACJ,yBAAyB,EAAC;AAS1D,MAAMK,qBAAqB,SAASC,SAAS,CAAwB;AAClF;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACE,IAAIC,OAAOA,GAAwB;IACjC,MAAM;AAAEA,MAAAA,OAAO,GAAGR,eAAAA;KAAiB,GAAG,IAAI,CAACS,IAAI,CAAA;AAE/CC,IAAAA,MAAM,CACJ,CAA+DP,4DAAAA,EAAAA,OAAO,CAACQ,IAAI,CACzE,IACF,CAAC,CAAA,YAAA,EAAeH,OAAO,CAAA,CAAE,EACzBL,OAAO,CAACS,QAAQ,CAACJ,OAAO,CAC1B,CAAC,CAAA;AAED,IAAA,OAAOA,OAAO,CAAA;AAChB,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIK,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,eAAe,CAAC,CAAA;;AAEjC;IACAA,OAAO,CAACC,IAAI,CAAC,CAAA,uBAAA,EAA0B,IAAI,CAACP,OAAO,EAAE,CAAC,CAAA;AAEtD,IAAA,OAAOM,OAAO,CAACH,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACK,oBAAA,CAAAC,QAAA,EAnCoBX,qBAAqB,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/separator/index.hbs","../../../../src/components/hds/separator/index.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<hr class={{this.classNames}} ...attributes />\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\n\nimport { HdsSeparatorSpacingValues } from './types.ts';\nimport type { HdsSeparatorSpacing } from './types.ts';\n\nexport const DEFAULT_SPACING = HdsSeparatorSpacingValues.TwentyFour;\nexport const SPACING: string[] = Object.values(HdsSeparatorSpacingValues);\n\ninterface HdsSeparatorSignature {\n  Args: {\n    spacing?: HdsSeparatorSpacing;\n  };\n  Element: HTMLElement;\n}\n\nexport default class HdsSeparator extends Component<HdsSeparatorSignature> {\n  /**\n   * Sets the margin for the separator\n   * Accepted values: 24, 0\n   *\n   * @param spacing\n   * @type {HdsSeparatorSpacing}\n   * @default 24\n   */\n  get spacing(): HdsSeparatorSpacing {\n    const { spacing = DEFAULT_SPACING } = this.args;\n\n    assert(\n      `@spacing for \"Hds::Separator\" must be one of the following: ${SPACING.join(\n        ', '\n      )}; received: ${spacing}`,\n      SPACING.includes(spacing)\n    );\n\n    return spacing;\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes = ['hds-separator'];\n\n    // add a class based on the @spacing argument\n    classes.push(`hds-separator--spacing-${this.spacing}`);\n\n    return classes.join(' ');\n  }\n}\n"],"names":["DEFAULT_SPACING","HdsSeparatorSpacingValues","TwentyFour","SPACING","Object","values","HdsSeparator","Component","spacing","args","assert","join","includes","classNames","classes","push","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AACA,eAAe,kBAAkB,CAAC,8HAA8H;;ACDhK;AACA;AACA;AACA;;AAQaA,MAAAA,eAAe,GAAGC,yBAAyB,CAACC,WAAU;AAC5D,MAAMC,OAAiB,GAAGC,MAAM,CAACC,MAAM,CAACJ,yBAAyB,EAAC;AAS1D,MAAMK,YAAY,SAASC,SAAS,CAAwB;AACzE;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACE,IAAIC,OAAOA,GAAwB;IACjC,MAAM;AAAEA,MAAAA,OAAO,GAAGR,eAAAA;KAAiB,GAAG,IAAI,CAACS,IAAI,CAAA;AAE/CC,IAAAA,MAAM,CACJ,CAA+DP,4DAAAA,EAAAA,OAAO,CAACQ,IAAI,CACzE,IACF,CAAC,CAAA,YAAA,EAAeH,OAAO,CAAA,CAAE,EACzBL,OAAO,CAACS,QAAQ,CAACJ,OAAO,CAC1B,CAAC,CAAA;AAED,IAAA,OAAOA,OAAO,CAAA;AAChB,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIK,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,eAAe,CAAC,CAAA;;AAEjC;IACAA,OAAO,CAACC,IAAI,CAAC,CAAA,uBAAA,EAA0B,IAAI,CAACP,OAAO,EAAE,CAAC,CAAA;AAEtD,IAAA,OAAOM,OAAO,CAACH,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACK,oBAAA,CAAAC,QAAA,EAnCoBX,YAAY,CAAA;;;;"}

package/dist/components/hds/side-nav/base.js

@@ -9,8 +9,8 @@ var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-
  * SPDX-License-Identifier: MPL-2.0
  */
 
-const HdsSideNavBaseComponent = templateOnlyComponent();
-var base = setComponentTemplate(TEMPLATE, HdsSideNavBaseComponent);
+const HdsSideNavBase = templateOnlyComponent();
+var base = setComponentTemplate(TEMPLATE, HdsSideNavBase);
 
 export { base as default };
 //# sourceMappingURL=base.js.map

package/dist/components/hds/side-nav/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../src/components/hds/side-nav/base.hbs","../../../../src/components/hds/side-nav/base.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n{{! IMPORTANT: we need to add \\\"squishies\\\" here (~) because otherwise the whitespace added by Ember causes the empty element to still have visible padding - See https://handlebarsjs.com/guide/expressions.html#whitespace-control }}\\n<div class=\\\"hds-side-nav\\\" ...attributes>\\n  <div class=\\\"hds-side-nav__wrapper\\\">\\n    {{yield to=\\\"root\\\"}}\\n    <div class=\\\"hds-side-nav__wrapper-header\\\">\\n      {{~yield to=\\\"header\\\"~}}\\n    </div>\\n    <div class=\\\"hds-side-nav__wrapper-body\\\">\\n      {{~yield to=\\\"body\\\"~}}\\n    </div>\\n    <div class=\\\"hds-side-nav__wrapper-footer\\\">\\n      {{~yield to=\\\"footer\\\"~}}\\n    </div>\\n  </div>\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport TemplateOnlyComponent from '@ember/component/template-only';\n\nexport interface HdsSideNavBaseSignature {\n  Blocks: {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    root?: any;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    header?: any;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    body?: any;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    footer?: any;\n  };\n  Element: HTMLDivElement;\n}\n\nconst HdsSideNavBaseComponent =\n  TemplateOnlyComponent<HdsSideNavBaseSignature>();\n\nexport default HdsSideNavBaseComponent;\n"],"names":["HdsSideNavBaseComponent","TemplateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,ktBAAktB;;ACDpvB;AACA;AACA;AACA;;AAkBA,MAAMA,uBAAuB,GAC3BC,qBAAqB,EAA2B,CAAA;AAElD,WAAAC,oBAAA,CAAAC,QAAA,EAAeH,uBAAuB,CAAA;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../src/components/hds/side-nav/base.hbs","../../../../src/components/hds/side-nav/base.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n{{! IMPORTANT: we need to add \\\"squishies\\\" here (~) because otherwise the whitespace added by Ember causes the empty element to still have visible padding - See https://handlebarsjs.com/guide/expressions.html#whitespace-control }}\\n<div class=\\\"hds-side-nav\\\" ...attributes>\\n  <div class=\\\"hds-side-nav__wrapper\\\">\\n    {{yield to=\\\"root\\\"}}\\n    <div class=\\\"hds-side-nav__wrapper-header\\\">\\n      {{~yield to=\\\"header\\\"~}}\\n    </div>\\n    <div class=\\\"hds-side-nav__wrapper-body\\\">\\n      {{~yield to=\\\"body\\\"~}}\\n    </div>\\n    <div class=\\\"hds-side-nav__wrapper-footer\\\">\\n      {{~yield to=\\\"footer\\\"~}}\\n    </div>\\n  </div>\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport TemplateOnlyComponent from '@ember/component/template-only';\n\nexport interface HdsSideNavBaseSignature {\n  Blocks: {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    root?: any;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    header?: any;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    body?: any;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    footer?: any;\n  };\n  Element: HTMLDivElement;\n}\n\nconst HdsSideNavBase = TemplateOnlyComponent<HdsSideNavBaseSignature>();\n\nexport default HdsSideNavBase;\n"],"names":["HdsSideNavBase","TemplateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,ktBAAktB;;ACDpvB;AACA;AACA;AACA;;AAkBA,MAAMA,cAAc,GAAGC,qBAAqB,EAA2B,CAAA;AAEvE,WAAAC,oBAAA,CAAAC,QAAA,EAAeH,cAAc,CAAA;;;;"}

package/dist/components/hds/side-nav/header/home-link.js

@@ -3,14 +3,14 @@ import { assert } from '@ember/debug';
 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\n<Hds::Interactive\n  class=\"hds-side-nav__home-link\"\n  @current-when={{@current-when}}\n  @models={{hds-link-to-models @model @models}}\n  @query={{hds-link-to-query @query}}\n  @replace={{@replace}}\n  @route={{@route}}\n  @isRouteExternal={{@isRouteExternal}}\n  @href={{@href}}\n  @isHrefExternal={{@isHrefExternal}}\n  ...attributes\n  aria-label={{this.ariaLabel}}\n>\n  <FlightIcon @name={{@icon}} @color={{@color}} @stretched={{true}} />\n</Hds::Interactive>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n\n<Hds::Interactive\n  class=\"hds-side-nav__home-link\"\n  @current-when={{@current-when}}\n  @models={{hds-link-to-models @model @models}}\n  @query={{hds-link-to-query @query}}\n  @replace={{@replace}}\n  @route={{@route}}\n  @isRouteExternal={{@isRouteExternal}}\n  @href={{@href}}\n  @isHrefExternal={{@isHrefExternal}}\n  ...attributes\n  aria-label={{this.ariaLabel}}\n>\n  <Hds::Icon @name={{@icon}} @color={{@color}} @stretched={{true}} />\n</Hds::Interactive>");
 
 /**
  * Copyright (c) HashiCorp, Inc.
  * SPDX-License-Identifier: MPL-2.0
  */
 
-class HdsSideNavHeaderHomeLinkComponent extends Component {
+class HdsSideNavHeaderHomeLink extends Component {
   /**
    * @param ariaLabel
    * @type {string}
@@ -24,7 +24,7 @@ class HdsSideNavHeaderHomeLinkComponent extends Component {
     return ariaLabel;
   }
 }
-setComponentTemplate(TEMPLATE, HdsSideNavHeaderHomeLinkComponent);
+setComponentTemplate(TEMPLATE, HdsSideNavHeaderHomeLink);
 
-export { HdsSideNavHeaderHomeLinkComponent as default };
+export { HdsSideNavHeaderHomeLink as default };
 //# sourceMappingURL=home-link.js.map

package/dist/components/hds/side-nav/header/home-link.js.map

@@ -1 +1 @@
-{"version":3,"file":"home-link.js","sources":["../../../../../src/components/hds/side-nav/header/home-link.hbs","../../../../../src/components/hds/side-nav/header/home-link.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n\\n<Hds::Interactive\\n  class=\\\"hds-side-nav__home-link\\\"\\n  @current-when={{@current-when}}\\n  @models={{hds-link-to-models @model @models}}\\n  @query={{hds-link-to-query @query}}\\n  @replace={{@replace}}\\n  @route={{@route}}\\n  @isRouteExternal={{@isRouteExternal}}\\n  @href={{@href}}\\n  @isHrefExternal={{@isHrefExternal}}\\n  ...attributes\\n  aria-label={{this.ariaLabel}}\\n>\\n  <FlightIcon @name={{@icon}} @color={{@color}} @stretched={{true}} />\\n</Hds::Interactive>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\n\nimport type { FlightIconSignature } from '@hashicorp/ember-flight-icons/components/flight-icon';\nimport type { HdsInteractiveSignature } from '../../interactive/';\n\ninterface HdsSideNavHeaderHomeLinkSignature {\n  Args: HdsInteractiveSignature['Args'] & {\n    icon: FlightIconSignature['Args']['name'];\n    color?: string;\n    ariaLabel: string;\n  };\n  Element: HdsInteractiveSignature['Element'];\n}\n\nexport default class HdsSideNavHeaderHomeLinkComponent extends Component<HdsSideNavHeaderHomeLinkSignature> {\n  /**\n   * @param ariaLabel\n   * @type {string}\n   * @description The value of `aria-label`\n   */\n  get ariaLabel(): string {\n    const { ariaLabel } = this.args;\n\n    assert(\n      '@ariaLabel for \"Hds::SideNav::Header::HomeLink\" (\"Logo\") must have a valid value',\n      ariaLabel !== undefined\n    );\n\n    return ariaLabel;\n  }\n}\n"],"names":["HdsSideNavHeaderHomeLinkComponent","Component","ariaLabel","args","assert","undefined","setComponentTemplate","TEMPLATE"],"mappings":";;;;;AACA,eAAe,kBAAkB,CAAC,siBAAsiB;;ACDxkB;AACA;AACA;AACA;;AAiBe,MAAMA,iCAAiC,SAASC,SAAS,CAAoC;AAC1G;AACF;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAAW;IACtB,MAAM;AAAEA,MAAAA,SAAAA;KAAW,GAAG,IAAI,CAACC,IAAI,CAAA;AAE/BC,IAAAA,MAAM,CACJ,kFAAkF,EAClFF,SAAS,KAAKG,SAChB,CAAC,CAAA;AAED,IAAA,OAAOH,SAAS,CAAA;AAClB,GAAA;AACF,CAAA;AAACI,oBAAA,CAAAC,QAAA,EAhBoBP,iCAAiC,CAAA;;;;"}
+{"version":3,"file":"home-link.js","sources":["../../../../../src/components/hds/side-nav/header/home-link.hbs","../../../../../src/components/hds/side-nav/header/home-link.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n\\n<Hds::Interactive\\n  class=\\\"hds-side-nav__home-link\\\"\\n  @current-when={{@current-when}}\\n  @models={{hds-link-to-models @model @models}}\\n  @query={{hds-link-to-query @query}}\\n  @replace={{@replace}}\\n  @route={{@route}}\\n  @isRouteExternal={{@isRouteExternal}}\\n  @href={{@href}}\\n  @isHrefExternal={{@isHrefExternal}}\\n  ...attributes\\n  aria-label={{this.ariaLabel}}\\n>\\n  <Hds::Icon @name={{@icon}} @color={{@color}} @stretched={{true}} />\\n</Hds::Interactive>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\n\nimport type { HdsIconSignature } from '../../icon';\nimport type { HdsInteractiveSignature } from '../../interactive/';\n\ninterface HdsSideNavHeaderHomeLinkSignature {\n  Args: HdsInteractiveSignature['Args'] & {\n    icon: HdsIconSignature['Args']['name'];\n    color?: string;\n    ariaLabel: string;\n  };\n  Element: HdsInteractiveSignature['Element'];\n}\n\nexport default class HdsSideNavHeaderHomeLink extends Component<HdsSideNavHeaderHomeLinkSignature> {\n  /**\n   * @param ariaLabel\n   * @type {string}\n   * @description The value of `aria-label`\n   */\n  get ariaLabel(): string {\n    const { ariaLabel } = this.args;\n\n    assert(\n      '@ariaLabel for \"Hds::SideNav::Header::HomeLink\" (\"Logo\") must have a valid value',\n      ariaLabel !== undefined\n    );\n\n    return ariaLabel;\n  }\n}\n"],"names":["HdsSideNavHeaderHomeLink","Component","ariaLabel","args","assert","undefined","setComponentTemplate","TEMPLATE"],"mappings":";;;;;AACA,eAAe,kBAAkB,CAAC,qiBAAqiB;;ACDvkB;AACA;AACA;AACA;;AAiBe,MAAMA,wBAAwB,SAASC,SAAS,CAAoC;AACjG;AACF;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAAW;IACtB,MAAM;AAAEA,MAAAA,SAAAA;KAAW,GAAG,IAAI,CAACC,IAAI,CAAA;AAE/BC,IAAAA,MAAM,CACJ,kFAAkF,EAClFF,SAAS,KAAKG,SAChB,CAAC,CAAA;AAED,IAAA,OAAOH,SAAS,CAAA;AAClB,GAAA;AACF,CAAA;AAACI,oBAAA,CAAAC,QAAA,EAhBoBP,wBAAwB,CAAA;;;;"}

package/dist/components/hds/side-nav/header/icon-button.js

@@ -1,21 +1,28 @@
 import Component from '@glimmer/component';
-import { assert } from '@ember/debug';
+import { deprecate, assert } from '@ember/debug';
 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\n<Hds::Interactive\n  class=\"hds-side-nav__icon-button\"\n  @current-when={{@current-when}}\n  @models={{hds-link-to-models @model @models}}\n  @query={{hds-link-to-query @query}}\n  @replace={{@replace}}\n  @route={{@route}}\n  @isRouteExternal={{@isRouteExternal}}\n  @href={{@href}}\n  @isHrefExternal={{@isHrefExternal}}\n  ...attributes\n  aria-label={{this.ariaLabel}}\n>\n  <FlightIcon @name={{@icon}} @stretched={{true}} @size=\"24\" />\n</Hds::Interactive>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n{{!\n  THIS SUBCOMPONENT IS NOW DEPRECATED\n}}\n<Hds::Interactive\n  class=\"hds-side-nav__icon-button\"\n  @current-when={{@current-when}}\n  @models={{hds-link-to-models @model @models}}\n  @query={{hds-link-to-query @query}}\n  @replace={{@replace}}\n  @route={{@route}}\n  @isRouteExternal={{@isRouteExternal}}\n  @href={{@href}}\n  @isHrefExternal={{@isHrefExternal}}\n  ...attributes\n  aria-label={{this.ariaLabel}}\n>\n  <Hds::Icon @name={{@icon}} @stretched={{true}} @size=\"24\" />\n</Hds::Interactive>");
 
 /**
  * Copyright (c) HashiCorp, Inc.
  * SPDX-License-Identifier: MPL-2.0
  */
 
-class HdsSideNavHeaderIconButtonComponent extends Component {
-  /**
-   * @param ariaLabel
-   * @type {string}
-   * @description The value of `aria-label`
-   */
+class HdsSideNavHeaderIconButton extends Component {
+  constructor(owner, args) {
+    super(owner, args);
+    deprecate('The `Hds::SideNav::Header::IconButton` sub-component is now deprecated and will be removed in the next major version of `@hashicorp/design-system-components`. Use `Hds::Button` with the `isIconOnly` variant instead.', false, {
+      id: 'hds.components.sidenav.header.iconbutton',
+      until: '5.0.0',
+      url: 'https://helios.hashicorp.design/components/side-nav?tab=version%20history#4100',
+      for: '@hashicorp/design-system-components',
+      since: {
+        enabled: '4.10.0'
+      }
+    });
+  }
   get ariaLabel() {
     const {
       ariaLabel
@@ -24,7 +31,7 @@ class HdsSideNavHeaderIconButtonComponent extends Component {
     return ariaLabel;
   }
 }
-setComponentTemplate(TEMPLATE, HdsSideNavHeaderIconButtonComponent);
+setComponentTemplate(TEMPLATE, HdsSideNavHeaderIconButton);
 
-export { HdsSideNavHeaderIconButtonComponent as default };
+export { HdsSideNavHeaderIconButton as default };
 //# sourceMappingURL=icon-button.js.map

package/dist/components/hds/side-nav/header/icon-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.js","sources":["../../../../../src/components/hds/side-nav/header/icon-button.hbs","../../../../../src/components/hds/side-nav/header/icon-button.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n\\n<Hds::Interactive\\n  class=\\\"hds-side-nav__icon-button\\\"\\n  @current-when={{@current-when}}\\n  @models={{hds-link-to-models @model @models}}\\n  @query={{hds-link-to-query @query}}\\n  @replace={{@replace}}\\n  @route={{@route}}\\n  @isRouteExternal={{@isRouteExternal}}\\n  @href={{@href}}\\n  @isHrefExternal={{@isHrefExternal}}\\n  ...attributes\\n  aria-label={{this.ariaLabel}}\\n>\\n  <FlightIcon @name={{@icon}} @stretched={{true}} @size=\\\"24\\\" />\\n</Hds::Interactive>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\n\nimport type { FlightIconSignature } from '@hashicorp/ember-flight-icons/components/flight-icon';\nimport type { HdsInteractiveSignature } from '../../interactive/';\n\ninterface HdsSideNavHeaderIconButtonSignature {\n  Args: HdsInteractiveSignature['Args'] & {\n    icon: FlightIconSignature['Args']['name'];\n    ariaLabel: string;\n  };\n  Element: HdsInteractiveSignature['Element'];\n}\n\nexport default class HdsSideNavHeaderIconButtonComponent extends Component<HdsSideNavHeaderIconButtonSignature> {\n  /**\n   * @param ariaLabel\n   * @type {string}\n   * @description The value of `aria-label`\n   */\n  get ariaLabel(): string {\n    const { ariaLabel } = this.args;\n\n    assert(\n      '@ariaLabel for \"Hds::SideNav::Header::IconButton\" must have a valid value',\n      ariaLabel !== undefined\n    );\n\n    return ariaLabel;\n  }\n}\n"],"names":["HdsSideNavHeaderIconButtonComponent","Component","ariaLabel","args","assert","undefined","setComponentTemplate","TEMPLATE"],"mappings":";;;;;AACA,eAAe,kBAAkB,CAAC,miBAAmiB;;ACDrkB;AACA;AACA;AACA;;AAgBe,MAAMA,mCAAmC,SAASC,SAAS,CAAsC;AAC9G;AACF;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAAW;IACtB,MAAM;AAAEA,MAAAA,SAAAA;KAAW,GAAG,IAAI,CAACC,IAAI,CAAA;AAE/BC,IAAAA,MAAM,CACJ,2EAA2E,EAC3EF,SAAS,KAAKG,SAChB,CAAC,CAAA;AAED,IAAA,OAAOH,SAAS,CAAA;AAClB,GAAA;AACF,CAAA;AAACI,oBAAA,CAAAC,QAAA,EAhBoBP,mCAAmC,CAAA;;;;"}
+{"version":3,"file":"icon-button.js","sources":["../../../../../src/components/hds/side-nav/header/icon-button.hbs","../../../../../src/components/hds/side-nav/header/icon-button.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n{{!\\n  THIS SUBCOMPONENT IS NOW DEPRECATED\\n}}\\n<Hds::Interactive\\n  class=\\\"hds-side-nav__icon-button\\\"\\n  @current-when={{@current-when}}\\n  @models={{hds-link-to-models @model @models}}\\n  @query={{hds-link-to-query @query}}\\n  @replace={{@replace}}\\n  @route={{@route}}\\n  @isRouteExternal={{@isRouteExternal}}\\n  @href={{@href}}\\n  @isHrefExternal={{@isHrefExternal}}\\n  ...attributes\\n  aria-label={{this.ariaLabel}}\\n>\\n  <Hds::Icon @name={{@icon}} @stretched={{true}} @size=\\\"24\\\" />\\n</Hds::Interactive>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert, deprecate } from '@ember/debug';\n\nimport type { HdsIconSignature } from '../../icon';\nimport type { HdsInteractiveSignature } from '../../interactive/';\n\ninterface HdsSideNavHeaderIconButtonSignature {\n  Args: HdsInteractiveSignature['Args'] & {\n    icon: HdsIconSignature['Args']['name'];\n    ariaLabel: string;\n  };\n  Element: HdsInteractiveSignature['Element'];\n}\n\nexport default class HdsSideNavHeaderIconButton extends Component<HdsSideNavHeaderIconButtonSignature> {\n  constructor(\n    owner: unknown,\n    args: HdsSideNavHeaderIconButtonSignature['Args']\n  ) {\n    super(owner, args);\n\n    deprecate(\n      'The `Hds::SideNav::Header::IconButton` sub-component is now deprecated and will be removed in the next major version of `@hashicorp/design-system-components`. Use `Hds::Button` with the `isIconOnly` variant instead.',\n      false,\n      {\n        id: 'hds.components.sidenav.header.iconbutton',\n        until: '5.0.0',\n        url: 'https://helios.hashicorp.design/components/side-nav?tab=version%20history#4100',\n        for: '@hashicorp/design-system-components',\n        since: {\n          enabled: '4.10.0',\n        },\n      }\n    );\n  }\n\n  get ariaLabel(): string {\n    const { ariaLabel } = this.args;\n\n    assert(\n      '@ariaLabel for \"Hds::SideNav::Header::IconButton\" must have a valid value',\n      ariaLabel !== undefined\n    );\n\n    return ariaLabel;\n  }\n}\n"],"names":["HdsSideNavHeaderIconButton","Component","constructor","owner","args","deprecate","id","until","url","for","since","enabled","ariaLabel","assert","undefined","setComponentTemplate","TEMPLATE"],"mappings":";;;;;AACA,eAAe,kBAAkB,CAAC,glBAAglB;;ACDlnB;AACA;AACA;AACA;;AAgBe,MAAMA,0BAA0B,SAASC,SAAS,CAAsC;AACrGC,EAAAA,WAAWA,CACTC,KAAc,EACdC,IAAiD,EACjD;AACA,IAAA,KAAK,CAACD,KAAK,EAAEC,IAAI,CAAC,CAAA;AAElBC,IAAAA,SAAS,CACP,yNAAyN,EACzN,KAAK,EACL;AACEC,MAAAA,EAAE,EAAE,0CAA0C;AAC9CC,MAAAA,KAAK,EAAE,OAAO;AACdC,MAAAA,GAAG,EAAE,gFAAgF;AACrFC,MAAAA,GAAG,EAAE,qCAAqC;AAC1CC,MAAAA,KAAK,EAAE;AACLC,QAAAA,OAAO,EAAE,QAAA;AACX,OAAA;AACF,KACF,CAAC,CAAA;AACH,GAAA;EAEA,IAAIC,SAASA,GAAW;IACtB,MAAM;AAAEA,MAAAA,SAAAA;KAAW,GAAG,IAAI,CAACR,IAAI,CAAA;AAE/BS,IAAAA,MAAM,CACJ,2EAA2E,EAC3ED,SAAS,KAAKE,SAChB,CAAC,CAAA;AAED,IAAA,OAAOF,SAAS,CAAA;AAClB,GAAA;AACF,CAAA;AAACG,oBAAA,CAAAC,QAAA,EAhCoBhB,0BAA0B,CAAA;;;;"}

package/dist/components/hds/side-nav/header/index.js

@@ -9,8 +9,8 @@ var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-
  * SPDX-License-Identifier: MPL-2.0
  */
 
-const HdsSideNavHeaderComponent = templateOnlyComponent();
-var index = setComponentTemplate(TEMPLATE, HdsSideNavHeaderComponent);
+const HdsSideNavHeader = templateOnlyComponent();
+var index = setComponentTemplate(TEMPLATE, HdsSideNavHeader);
 
 export { index as default };
 //# sourceMappingURL=index.js.map

package/dist/components/hds/side-nav/header/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/side-nav/header/index.hbs","../../../../../src/components/hds/side-nav/header/index.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n{{! IMPORTANT: we need to add \\\"squishies\\\" here (~) because otherwise the whitespace added by Ember causes the empty element to still have visible padding - See https://handlebarsjs.com/guide/expressions.html#whitespace-control }}\\n<div class=\\\"hds-side-nav-header\\\" ...attributes>\\n  <div class=\\\"hds-side-nav-header__logo-container\\\">\\n    {{~yield to=\\\"logo\\\"~}}\\n  </div>\\n  <div class=\\\"hds-side-nav-header__actions-container hds-side-nav-hide-when-minimized\\\">\\n    {{~yield to=\\\"actions\\\"~}}\\n  </div>\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport TemplateOnlyComponent from '@ember/component/template-only';\n\ninterface HdsSideNavHeaderSignature {\n  Blocks: {\n    logo?: [];\n    actions?: [];\n  };\n  Element: HTMLDivElement;\n}\n\nconst HdsSideNavHeaderComponent =\n  TemplateOnlyComponent<HdsSideNavHeaderSignature>();\n\nexport default HdsSideNavHeaderComponent;\n"],"names":["HdsSideNavHeaderComponent","TemplateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,qlBAAqlB;;ACDvnB;AACA;AACA;AACA;;AAYA,MAAMA,yBAAyB,GAC7BC,qBAAqB,EAA6B,CAAA;AAEpD,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,yBAAyB,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/side-nav/header/index.hbs","../../../../../src/components/hds/side-nav/header/index.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n{{! IMPORTANT: we need to add \\\"squishies\\\" here (~) because otherwise the whitespace added by Ember causes the empty element to still have visible padding - See https://handlebarsjs.com/guide/expressions.html#whitespace-control }}\\n<div class=\\\"hds-side-nav-header\\\" ...attributes>\\n  <div class=\\\"hds-side-nav-header__logo-container\\\">\\n    {{~yield to=\\\"logo\\\"~}}\\n  </div>\\n  <div class=\\\"hds-side-nav-header__actions-container hds-side-nav-hide-when-minimized\\\">\\n    {{~yield to=\\\"actions\\\"~}}\\n  </div>\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport TemplateOnlyComponent from '@ember/component/template-only';\n\ninterface HdsSideNavHeaderSignature {\n  Blocks: {\n    logo?: [];\n    actions?: [];\n  };\n  Element: HTMLDivElement;\n}\n\nconst HdsSideNavHeader = TemplateOnlyComponent<HdsSideNavHeaderSignature>();\n\nexport default HdsSideNavHeader;\n"],"names":["HdsSideNavHeader","TemplateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,qlBAAqlB;;ACDvnB;AACA;AACA;AACA;;AAYA,MAAMA,gBAAgB,GAAGC,qBAAqB,EAA6B,CAAA;AAE3E,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,gBAAgB,CAAA;;;;"}