@hashicorp/design-system-components 4.15.0 → 4.16.0

package/dist/components/hds/form/super-select/multiple/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../../src/components/hds/form/super-select/multiple/base.hbs","../../../../../../src/components/hds/form/super-select/multiple/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: if an argument is added in base.hbs, it must also be added/processed in the Base component used in field.hbs }}\\n<div class={{this.classNames}} {{style this.dropdownMaxWidthStyle}}>\\n  <PowerSelectMultiple\\n    @afterOptionsComponent={{if\\n      this.showAfterOptions\\n      (or\\n        @afterOptionsComponent\\n        (component\\n          \\\"hds/form/super-select/after-options\\\"\\n          content=@afterOptionsContent\\n          resultCountMessage=this.resultCountMessage\\n          showNoSelectedMessage=this._showNoSelectedMessage\\n          showOnlySelected=this._showOnlySelected\\n          showSelected=this.showSelected\\n          showAll=this.showAll\\n          clearSelected=this.clearSelected\\n          selectedCount=this.selectedCount\\n        )\\n      )\\n    }}\\n    @ariaDescribedBy={{@ariaDescribedBy}}\\n    @ariaInvalid={{@ariaInvalid}}\\n    @ariaLabel={{@ariaLabel}}\\n    @ariaLabelledBy={{@ariaLabelledBy}}\\n    @beforeOptionsComponent={{@beforeOptionsComponent}}\\n    @calculatePosition={{if @verticalPosition undefined this.calculatePosition}}\\n    @closeOnSelect={{false}}\\n    @disabled={{@disabled}}\\n    @dropdownClass={{@dropdownClass}}\\n    @extra={{@extra}}\\n    @groupComponent={{component \\\"hds/form/super-select/option-group\\\"}}\\n    @horizontalPosition={{@horizontalPosition}}\\n    @initiallyOpened={{@initiallyOpened}}\\n    @labelText={{@labelText}}\\n    @loadingMessage={{@loadingMessage}}\\n    @matcher={{@matcher}}\\n    @matchTriggerWidth={{if @dropdownMaxWidth false @matchTriggerWidth}}\\n    @noMatchesMessage={{@noMatchesMessage}}\\n    @onBlur={{@onBlur}}\\n    @onChange={{@onChange}}\\n    @onClose={{@onClose}}\\n    @onFocus={{@onFocus}}\\n    @onInput={{@onInput}}\\n    @onKeydown={{@onKeydown}}\\n    @onOpen={{@onOpen}}\\n    @options={{@options}}\\n    @optionsComponent={{@optionsComponent}}\\n    @placeholder={{@placeholder}}\\n    @placeholderComponent={{@placeholderComponent}}\\n    @preventScroll={{@preventScroll}}\\n    @registerAPI={{this.setPowerSelectAPI}}\\n    @renderInPlace={{true}}\\n    @resultCountMessage={{@resultCountMessage}}\\n    @scrollTo={{@scrollTo}}\\n    @search={{@search}}\\n    @searchEnabled={{@searchEnabled}}\\n    @searchField={{@searchField}}\\n    @searchMessage={{@searchMessage}}\\n    @searchPlaceholder={{this.searchPlaceholder}}\\n    @selected={{@selected}}\\n    @selectedItemComponent={{@selectedItemComponent}}\\n    @tabindex={{@tabindex}}\\n    @triggerClass={{@triggerClass}}\\n    @triggerComponent={{@triggerComponent}}\\n    @triggerId={{@triggerId}}\\n    @triggerRole={{@triggerRole}}\\n    @typeAheadOptionMatcher={{@typeAheadOptionMatcher}}\\n    @verticalPosition={{@verticalPosition}}\\n    ...attributes\\n    as |option select|\\n  >\\n    {{! even if technically what is yielded here are _a list_ of options, we\\'ve decided to keep the `option` name for consistency with the existing `PowerSelect` API }}\\n    {{yield option select}}\\n  </PowerSelectMultiple>\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport anchoredPositionModifier from '../../../../../modifiers/hds-anchored-position.ts';\n\nimport { action } from '@ember/object';\nimport { tracked } from '@glimmer/tracking';\nimport {\n  HdsFormSuperSelectHorizontalPositionValues,\n  HdsFormSuperSelectHorizontalPositionToPlacementValues,\n} from '../types.ts';\n\nimport type { PowerSelectSignature } from 'ember-power-select/components/power-select';\nimport type { Select as PowerSelect } from 'ember-power-select/components/power-select';\nimport type { CalculatePositionResult } from 'ember-basic-dropdown/utils/calculate-position';\nimport type { HdsFormSuperSelectHorizontalPositions } from '../types.ts';\n\nexport const DEFAULT_HORIZONTAL_POSITION: string =\n  HdsFormSuperSelectHorizontalPositionValues.Left;\nexport const HORIZONTAL_POSITION_MAPPING =\n  HdsFormSuperSelectHorizontalPositionToPlacementValues;\n\nexport interface HdsFormSuperSelectMultipleBaseSignature {\n  Args: PowerSelectSignature['Args'] & {\n    showAfterOptions?: boolean;\n    afterOptionsContent?: string;\n    resultCountMessage?: string;\n    dropdownMaxWidth?: string;\n    matchTriggerWidth?: boolean;\n    isInvalid?: boolean;\n  };\n  Blocks: PowerSelectSignature['Blocks'];\n  Element: PowerSelectSignature['Element'];\n}\n\nexport default class HdsFormSuperSelectMultipleBase extends Component<HdsFormSuperSelectMultipleBaseSignature> {\n  @tracked private _powerSelectAPI?: PowerSelect;\n  @tracked private _showOnlySelected = false;\n  @tracked private _showNoSelectedMessage = false;\n\n  get horizontalPosition(): HdsFormSuperSelectHorizontalPositions {\n    const { horizontalPosition = DEFAULT_HORIZONTAL_POSITION } = this.args;\n    return horizontalPosition as HdsFormSuperSelectHorizontalPositions;\n  }\n\n  get selectedCount(): string {\n    return this._powerSelectAPI?.selected?.length || '0';\n  }\n\n  get optionsCount(): string {\n    return this._powerSelectAPI?.resultsCount.toString() || '0';\n  }\n\n  get resultCountMessage(): string {\n    return (\n      this.args.resultCountMessage ||\n      `${this.selectedCount} selected of ${this.optionsCount} total`\n    );\n  }\n\n  @action calculatePosition(\n    trigger: Element,\n    content: HTMLElement\n  ): CalculatePositionResult {\n    // use `hds-anchored-position` to calculate and set position\n    // @ts-expect-error: known issue with type of invocation\n    anchoredPositionModifier(content, [trigger], {\n      placement: HORIZONTAL_POSITION_MAPPING[this.horizontalPosition],\n      offsetOptions: 4,\n      enableCollisionDetection: true,\n    });\n    // prevent PowerSelect from setting position\n    return {\n      horizontalPosition: 'auto',\n      verticalPosition: 'auto',\n      style: {},\n    };\n  }\n\n  /**\n   * This action sets the powerSelectAPI property and optionally calls a registerAPI function.\n   *\n   * @param {Object} powerSelectAPI - The API object for the PowerSelect component.\n   *\n   * If a `registerAPI` function is passed in through the component's arguments,\n   * this function will be called with the `powerSelectAPI` as its argument.\n   * This allows parent components or controllers to have access to the PowerSelect API.\n   *\n   * The `powerSelectAPI` is also stored on the component instance and used in `clearSelected`\n   */\n  @action\n  setPowerSelectAPI(powerSelectAPI: PowerSelect): void {\n    if (typeof this.args.registerAPI === 'function') {\n      this.args.registerAPI(powerSelectAPI);\n    }\n    this._powerSelectAPI = powerSelectAPI;\n  }\n\n  @action showSelected(): void {\n    this._showNoSelectedMessage = this.selectedCount === '0';\n    this._showOnlySelected = true;\n  }\n\n  @action showAll(): void {\n    this._showNoSelectedMessage = false;\n    this._showOnlySelected = false;\n  }\n\n  @action clearSelected(): void {\n    this._powerSelectAPI?.actions.select(null);\n    // show all options after clearing all selection\n    this._showNoSelectedMessage = false;\n    this._showOnlySelected = false;\n  }\n\n  /**\n   * Determine if `@afterOptionsComponent` gets displayed\n   * @param showAfterOptions\n   * @type {boolean}\n   * @default true\n   */\n  get showAfterOptions(): boolean {\n    return this.args.showAfterOptions ?? true;\n  }\n\n  // NOTE: The searchPlaceholder doesn't currently work for the multiple select\n  /**\n   * Get the search placeholder text\n   * @param searchPlaceholder\n   * @type {string}\n   * @default 'Search'\n   */\n  get searchPlaceholder(): string {\n    return this.args.searchPlaceholder ?? 'Search';\n  }\n\n  /**\n   * Get the maxWidth to apply to the dropdown\n   * @param dropdownMaxWidth\n   * @type {string}\n   * @default 'none'\n   */\n  get dropdownMaxWidthStyle(): Record<string, string> {\n    const maxWidthStyle: { [key: string]: string } = {};\n    if (this.args.dropdownMaxWidth) {\n      maxWidthStyle['--hds-form-super-select-dropdown-max-width'] =\n        this.args.dropdownMaxWidth;\n    }\n    return maxWidthStyle;\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-form-super-select', 'hds-form-super-select-multiple'];\n\n    // add a class based on the @matchTriggerWidth argument or whether dropdownMaxWidth is set\n    if (this.args.matchTriggerWidth === false || this.args.dropdownMaxWidth) {\n      classes.push('hds-form-super-select--dropdown-content-auto-width');\n    }\n\n    // add a class based on the @isInvalid argument\n    if (this.args.isInvalid) {\n      classes.push(`hds-form-super-select--is-invalid`);\n    }\n\n    // add a class based on the showOnlySelected\n    if (this._showOnlySelected) {\n      classes.push(`hds-form-super-select--show-only-selected`);\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["DEFAULT_HORIZONTAL_POSITION","HdsFormSuperSelectHorizontalPositionValues","Left","HORIZONTAL_POSITION_MAPPING","HdsFormSuperSelectHorizontalPositionToPlacementValues","HdsFormSuperSelectMultipleBase","_class","Component","constructor","args","_initializerDefineProperty","_descriptor","_descriptor2","_descriptor3","horizontalPosition","selectedCount","_powerSelectAPI","selected","length","optionsCount","resultsCount","toString","resultCountMessage","calculatePosition","trigger","content","anchoredPositionModifier","placement","offsetOptions","enableCollisionDetection","verticalPosition","style","setPowerSelectAPI","powerSelectAPI","registerAPI","showSelected","_showNoSelectedMessage","_showOnlySelected","showAll","clearSelected","actions","select","showAfterOptions","searchPlaceholder","dropdownMaxWidthStyle","maxWidthStyle","dropdownMaxWidth","classNames","classes","matchTriggerWidth","push","isInvalid","join","_applyDecoratedDescriptor","prototype","tracked","configurable","enumerable","writable","initializer","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":"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"}
+{"version":3,"file":"base.js","sources":["../../../../../../src/components/hds/form/super-select/multiple/base.hbs","../../../../../../src/components/hds/form/super-select/multiple/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: if an argument is added in base.hbs, it must also be added/processed in the Base component used in field.hbs }}\\n<div class={{this.classNames}} {{style this.dropdownMaxWidthStyle}}>\\n  <PowerSelectMultiple\\n    @afterOptionsComponent={{if\\n      this.showAfterOptions\\n      (or\\n        @afterOptionsComponent\\n        (component\\n          \\\"hds/form/super-select/after-options\\\"\\n          content=@afterOptionsContent\\n          resultCountMessage=this.resultCountMessage\\n          showNoSelectedMessage=this._showNoSelectedMessage\\n          showOnlySelected=this._showOnlySelected\\n          showSelected=this.showSelected\\n          showAll=this.showAll\\n          clearSelected=this.clearSelected\\n          selectedCount=this.selectedCount\\n        )\\n      )\\n    }}\\n    @ariaDescribedBy={{@ariaDescribedBy}}\\n    @ariaInvalid={{@ariaInvalid}}\\n    @ariaLabel={{@ariaLabel}}\\n    @ariaLabelledBy={{@ariaLabelledBy}}\\n    @beforeOptionsComponent={{@beforeOptionsComponent}}\\n    @calculatePosition={{if @verticalPosition undefined this.calculatePosition}}\\n    @closeOnSelect={{false}}\\n    @disabled={{@disabled}}\\n    @dropdownClass={{@dropdownClass}}\\n    @extra={{@extra}}\\n    @groupComponent={{component \\\"hds/form/super-select/option-group\\\"}}\\n    @horizontalPosition={{@horizontalPosition}}\\n    @initiallyOpened={{@initiallyOpened}}\\n    @labelText={{@labelText}}\\n    @loadingMessage={{@loadingMessage}}\\n    @matcher={{@matcher}}\\n    @matchTriggerWidth={{if @dropdownMaxWidth false @matchTriggerWidth}}\\n    @noMatchesMessage={{@noMatchesMessage}}\\n    @onBlur={{@onBlur}}\\n    @onChange={{@onChange}}\\n    @onClose={{@onClose}}\\n    @onFocus={{@onFocus}}\\n    @onInput={{@onInput}}\\n    @onKeydown={{@onKeydown}}\\n    @onOpen={{@onOpen}}\\n    @options={{@options}}\\n    @optionsComponent={{@optionsComponent}}\\n    @placeholder={{@placeholder}}\\n    @placeholderComponent={{@placeholderComponent}}\\n    @preventScroll={{@preventScroll}}\\n    @registerAPI={{this.setPowerSelectAPI}}\\n    @renderInPlace={{true}}\\n    @resultCountMessage={{@resultCountMessage}}\\n    @scrollTo={{@scrollTo}}\\n    @search={{@search}}\\n    @searchEnabled={{@searchEnabled}}\\n    @searchField={{@searchField}}\\n    @searchFieldPosition=\\\"before-options\\\"\\n    @searchMessage={{@searchMessage}}\\n    @searchPlaceholder={{this.searchPlaceholder}}\\n    @selected={{@selected}}\\n    @selectedItemComponent={{@selectedItemComponent}}\\n    @tabindex={{@tabindex}}\\n    @triggerClass={{@triggerClass}}\\n    @triggerComponent={{@triggerComponent}}\\n    @triggerId={{@triggerId}}\\n    @triggerRole={{@triggerRole}}\\n    @typeAheadOptionMatcher={{@typeAheadOptionMatcher}}\\n    @verticalPosition={{@verticalPosition}}\\n    ...attributes\\n    as |option select|\\n  >\\n    {{! even if technically what is yielded here are _a list_ of options, we\\'ve decided to keep the `option` name for consistency with the existing `PowerSelect` API }}\\n    {{yield option select}}\\n  </PowerSelectMultiple>\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport anchoredPositionModifier from '../../../../../modifiers/hds-anchored-position.ts';\n\nimport { action } from '@ember/object';\nimport { tracked } from '@glimmer/tracking';\nimport {\n  HdsFormSuperSelectHorizontalPositionValues,\n  HdsFormSuperSelectHorizontalPositionToPlacementValues,\n} from '../types.ts';\n\nimport type { PowerSelectSignature } from 'ember-power-select/components/power-select';\nimport type { Select as PowerSelect } from 'ember-power-select/components/power-select';\nimport type { CalculatePositionResult } from 'ember-basic-dropdown/utils/calculate-position';\nimport type { HdsFormSuperSelectHorizontalPositions } from '../types.ts';\n\nexport const DEFAULT_HORIZONTAL_POSITION: string =\n  HdsFormSuperSelectHorizontalPositionValues.Left;\nexport const HORIZONTAL_POSITION_MAPPING =\n  HdsFormSuperSelectHorizontalPositionToPlacementValues;\n\nexport interface HdsFormSuperSelectMultipleBaseSignature {\n  Args: PowerSelectSignature['Args'] & {\n    showAfterOptions?: boolean;\n    afterOptionsContent?: string;\n    resultCountMessage?: string;\n    dropdownMaxWidth?: string;\n    matchTriggerWidth?: boolean;\n    isInvalid?: boolean;\n  };\n  Blocks: PowerSelectSignature['Blocks'];\n  Element: PowerSelectSignature['Element'];\n}\n\nexport default class HdsFormSuperSelectMultipleBase extends Component<HdsFormSuperSelectMultipleBaseSignature> {\n  @tracked private _powerSelectAPI?: PowerSelect;\n  @tracked private _showOnlySelected = false;\n  @tracked private _showNoSelectedMessage = false;\n\n  get horizontalPosition(): HdsFormSuperSelectHorizontalPositions {\n    const { horizontalPosition = DEFAULT_HORIZONTAL_POSITION } = this.args;\n    return horizontalPosition as HdsFormSuperSelectHorizontalPositions;\n  }\n\n  get selectedCount(): string {\n    return this._powerSelectAPI?.selected?.length || '0';\n  }\n\n  get optionsCount(): string {\n    return this._powerSelectAPI?.resultsCount.toString() || '0';\n  }\n\n  get resultCountMessage(): string {\n    return (\n      this.args.resultCountMessage ||\n      `${this.selectedCount} selected of ${this.optionsCount} total`\n    );\n  }\n\n  @action calculatePosition(\n    trigger: Element,\n    content: HTMLElement\n  ): CalculatePositionResult {\n    // use `hds-anchored-position` to calculate and set position\n    // @ts-expect-error: known issue with type of invocation\n    anchoredPositionModifier(content, [trigger], {\n      placement: HORIZONTAL_POSITION_MAPPING[this.horizontalPosition],\n      offsetOptions: 4,\n      enableCollisionDetection: true,\n    });\n    // prevent PowerSelect from setting position\n    return {\n      horizontalPosition: 'auto',\n      verticalPosition: 'auto',\n      style: {},\n    };\n  }\n\n  /**\n   * This action sets the powerSelectAPI property and optionally calls a registerAPI function.\n   *\n   * @param {Object} powerSelectAPI - The API object for the PowerSelect component.\n   *\n   * If a `registerAPI` function is passed in through the component's arguments,\n   * this function will be called with the `powerSelectAPI` as its argument.\n   * This allows parent components or controllers to have access to the PowerSelect API.\n   *\n   * The `powerSelectAPI` is also stored on the component instance and used in `clearSelected`\n   */\n  @action\n  setPowerSelectAPI(powerSelectAPI: PowerSelect): void {\n    if (typeof this.args.registerAPI === 'function') {\n      this.args.registerAPI(powerSelectAPI);\n    }\n    this._powerSelectAPI = powerSelectAPI;\n  }\n\n  @action showSelected(): void {\n    this._showNoSelectedMessage = this.selectedCount === '0';\n    this._showOnlySelected = true;\n  }\n\n  @action showAll(): void {\n    this._showNoSelectedMessage = false;\n    this._showOnlySelected = false;\n  }\n\n  @action clearSelected(): void {\n    this._powerSelectAPI?.actions.select(null);\n    // show all options after clearing all selection\n    this._showNoSelectedMessage = false;\n    this._showOnlySelected = false;\n  }\n\n  /**\n   * Determine if `@afterOptionsComponent` gets displayed\n   * @param showAfterOptions\n   * @type {boolean}\n   * @default true\n   */\n  get showAfterOptions(): boolean {\n    return this.args.showAfterOptions ?? true;\n  }\n\n  // NOTE: The searchPlaceholder doesn't currently work for the multiple select\n  /**\n   * Get the search placeholder text\n   * @param searchPlaceholder\n   * @type {string}\n   * @default 'Search'\n   */\n  get searchPlaceholder(): string {\n    return this.args.searchPlaceholder ?? 'Search';\n  }\n\n  /**\n   * Get the maxWidth to apply to the dropdown\n   * @param dropdownMaxWidth\n   * @type {string}\n   * @default 'none'\n   */\n  get dropdownMaxWidthStyle(): Record<string, string> {\n    const maxWidthStyle: { [key: string]: string } = {};\n    if (this.args.dropdownMaxWidth) {\n      maxWidthStyle['--hds-form-super-select-dropdown-max-width'] =\n        this.args.dropdownMaxWidth;\n    }\n    return maxWidthStyle;\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-form-super-select', 'hds-form-super-select-multiple'];\n\n    // add a class based on the @matchTriggerWidth argument or whether dropdownMaxWidth is set\n    if (this.args.matchTriggerWidth === false || this.args.dropdownMaxWidth) {\n      classes.push('hds-form-super-select--dropdown-content-auto-width');\n    }\n\n    // add a class based on the @isInvalid argument\n    if (this.args.isInvalid) {\n      classes.push(`hds-form-super-select--is-invalid`);\n    }\n\n    // add a class based on the showOnlySelected\n    if (this._showOnlySelected) {\n      classes.push(`hds-form-super-select--show-only-selected`);\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["DEFAULT_HORIZONTAL_POSITION","HdsFormSuperSelectHorizontalPositionValues","Left","HORIZONTAL_POSITION_MAPPING","HdsFormSuperSelectHorizontalPositionToPlacementValues","HdsFormSuperSelectMultipleBase","_class","Component","constructor","args","_initializerDefineProperty","_descriptor","_descriptor2","_descriptor3","horizontalPosition","selectedCount","_powerSelectAPI","selected","length","optionsCount","resultsCount","toString","resultCountMessage","calculatePosition","trigger","content","anchoredPositionModifier","placement","offsetOptions","enableCollisionDetection","verticalPosition","style","setPowerSelectAPI","powerSelectAPI","registerAPI","showSelected","_showNoSelectedMessage","_showOnlySelected","showAll","clearSelected","actions","select","showAfterOptions","searchPlaceholder","dropdownMaxWidthStyle","maxWidthStyle","dropdownMaxWidth","classNames","classes","matchTriggerWidth","push","isInvalid","join","_applyDecoratedDescriptor","prototype","tracked","configurable","enumerable","writable","initializer","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":"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"}

package/dist/components/hds/form/super-select/multiple/field.js

@@ -3,7 +3,7 @@ import { ID_PREFIX } from '../../label/index.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<Hds::Form::Field\n  @layout=\"vertical\"\n  @extraAriaDescribedBy={{@extraAriaDescribedBy}}\n  @isRequired={{@isRequired}}\n  @isOptional={{@isOptional}}\n  @id={{@id}}\n  as |F|\n>\n  {{! Notice: the order of the elements is not relevant here, because is controlled at \"Hds::Form::Field\" component level }}\n  {{yield (hash Label=F.Label HelperText=F.HelperText Error=F.Error)}}\n  <F.Control>\n    {{! Important: if an argument is added in base.hbs, it must also be added/processed here }}\n    <Hds::Form::SuperSelect::Multiple::Base\n      @afterOptionsComponent={{@afterOptionsComponent}}\n      @afterOptionsContent={{@afterOptionsContent}}\n      @ariaDescribedBy={{F.ariaDescribedBy}}\n      @ariaInvalid={{@ariaInvalid}}\n      @ariaLabel={{@ariaLabel}}\n      @ariaLabelledBy={{(concat this.idPrefix F.id)}}\n      @beforeOptionsComponent={{@beforeOptionsComponent}}\n      @disabled={{@disabled}}\n      @dropdownClass={{@dropdownClass}}\n      @dropdownMaxWidth={{@dropdownMaxWidth}}\n      @extra={{@extra}}\n      @groupComponent={{@groupComponent}}\n      @horizontalPosition={{@horizontalPosition}}\n      @initiallyOpened={{@initiallyOpened}}\n      @labelText={{@labelText}}\n      @loadingMessage={{@loadingMessage}}\n      @matcher={{@matcher}}\n      @matchTriggerWidth={{@matchTriggerWidth}}\n      @noMatchesMessage={{@noMatchesMessage}}\n      @onBlur={{@onBlur}}\n      @onChange={{@onChange}}\n      @onClose={{@onClose}}\n      @onFocus={{@onFocus}}\n      @onInput={{@onInput}}\n      @onKeydown={{@onKeydown}}\n      @onOpen={{@onOpen}}\n      @options={{@options}}\n      @optionsComponent={{@optionsComponent}}\n      @placeholder={{@placeholder}}\n      @placeholderComponent={{@placeholderComponent}}\n      @preventScroll={{@preventScroll}}\n      @registerAPI={{@registerAPI}}\n      @renderInPlace={{true}}\n      @resultCountMessage={{@resultCountMessage}}\n      @scrollTo={{@scrollTo}}\n      @search={{@search}}\n      @searchEnabled={{@searchEnabled}}\n      @searchField={{@searchField}}\n      @searchMessage={{@searchMessage}}\n      @searchPlaceholder={{@searchPlaceholder}}\n      @selected={{@selected}}\n      @selectedItemComponent={{@selectedItemComponent}}\n      @showAfterOptions={{@showAfterOptions}}\n      @tabindex={{@tabindex}}\n      @triggerClass={{@triggerClass}}\n      @triggerComponent={{@triggerComponent}}\n      @triggerId={{F.id}}\n      @triggerRole={{@triggerRole}}\n      @typeAheadOptionMatcher={{@typeAheadOptionMatcher}}\n      @verticalPosition={{@verticalPosition}}\n      @isInvalid={{@isInvalid}}\n      ...attributes\n      as |options select|\n    >\n      {{yield (hash options=options select=select Options=(component \"hds/yield\" options=options select=select))}}\n    </Hds::Form::SuperSelect::Multiple::Base>\n  </F.Control>\n</Hds::Form::Field>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<Hds::Form::Field\n  @layout=\"vertical\"\n  @extraAriaDescribedBy={{@extraAriaDescribedBy}}\n  @isRequired={{@isRequired}}\n  @isOptional={{@isOptional}}\n  @id={{@id}}\n  as |F|\n>\n  {{! Notice: the order of the elements is not relevant here, because is controlled at \"Hds::Form::Field\" component level }}\n  {{yield (hash Label=F.Label HelperText=F.HelperText Error=F.Error)}}\n  <F.Control>\n    {{! Important: if an argument is added in base.hbs, it must also be added/processed here }}\n    <Hds::Form::SuperSelect::Multiple::Base\n      @afterOptionsComponent={{@afterOptionsComponent}}\n      @afterOptionsContent={{@afterOptionsContent}}\n      @ariaDescribedBy={{F.ariaDescribedBy}}\n      @ariaInvalid={{@ariaInvalid}}\n      @ariaLabel={{@ariaLabel}}\n      @ariaLabelledBy={{(concat this.idPrefix F.id)}}\n      @beforeOptionsComponent={{@beforeOptionsComponent}}\n      @disabled={{@disabled}}\n      @dropdownClass={{@dropdownClass}}\n      @dropdownMaxWidth={{@dropdownMaxWidth}}\n      @extra={{@extra}}\n      @groupComponent={{@groupComponent}}\n      @horizontalPosition={{@horizontalPosition}}\n      @initiallyOpened={{@initiallyOpened}}\n      @labelText={{@labelText}}\n      @loadingMessage={{@loadingMessage}}\n      @matcher={{@matcher}}\n      @matchTriggerWidth={{@matchTriggerWidth}}\n      @noMatchesMessage={{@noMatchesMessage}}\n      @onBlur={{@onBlur}}\n      @onChange={{@onChange}}\n      @onClose={{@onClose}}\n      @onFocus={{@onFocus}}\n      @onInput={{@onInput}}\n      @onKeydown={{@onKeydown}}\n      @onOpen={{@onOpen}}\n      @options={{@options}}\n      @optionsComponent={{@optionsComponent}}\n      @placeholder={{@placeholder}}\n      @placeholderComponent={{@placeholderComponent}}\n      @preventScroll={{@preventScroll}}\n      @registerAPI={{@registerAPI}}\n      @renderInPlace={{true}}\n      @resultCountMessage={{@resultCountMessage}}\n      @scrollTo={{@scrollTo}}\n      @search={{@search}}\n      @searchEnabled={{@searchEnabled}}\n      @searchField={{@searchField}}\n      @searchFieldPosition=\"before-options\"\n      @searchMessage={{@searchMessage}}\n      @searchPlaceholder={{@searchPlaceholder}}\n      @selected={{@selected}}\n      @selectedItemComponent={{@selectedItemComponent}}\n      @showAfterOptions={{@showAfterOptions}}\n      @tabindex={{@tabindex}}\n      @triggerClass={{@triggerClass}}\n      @triggerComponent={{@triggerComponent}}\n      @triggerId={{F.id}}\n      @triggerRole={{@triggerRole}}\n      @typeAheadOptionMatcher={{@typeAheadOptionMatcher}}\n      @verticalPosition={{@verticalPosition}}\n      @isInvalid={{@isInvalid}}\n      ...attributes\n      as |options select|\n    >\n      {{yield (hash options=options select=select Options=(component \"hds/yield\" options=options select=select))}}\n    </Hds::Form::SuperSelect::Multiple::Base>\n  </F.Control>\n</Hds::Form::Field>");
 
 /**
  * Copyright (c) HashiCorp, Inc.

package/dist/components/hds/form/super-select/multiple/field.js.map

@@ -1 +1 @@
-{"version":3,"file":"field.js","sources":["../../../../../../src/components/hds/form/super-select/multiple/field.hbs","../../../../../../src/components/hds/form/super-select/multiple/field.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<Hds::Form::Field\\n  @layout=\\\"vertical\\\"\\n  @extraAriaDescribedBy={{@extraAriaDescribedBy}}\\n  @isRequired={{@isRequired}}\\n  @isOptional={{@isOptional}}\\n  @id={{@id}}\\n  as |F|\\n>\\n  {{! Notice: the order of the elements is not relevant here, because is controlled at \\\"Hds::Form::Field\\\" component level }}\\n  {{yield (hash Label=F.Label HelperText=F.HelperText Error=F.Error)}}\\n  <F.Control>\\n    {{! Important: if an argument is added in base.hbs, it must also be added/processed here }}\\n    <Hds::Form::SuperSelect::Multiple::Base\\n      @afterOptionsComponent={{@afterOptionsComponent}}\\n      @afterOptionsContent={{@afterOptionsContent}}\\n      @ariaDescribedBy={{F.ariaDescribedBy}}\\n      @ariaInvalid={{@ariaInvalid}}\\n      @ariaLabel={{@ariaLabel}}\\n      @ariaLabelledBy={{(concat this.idPrefix F.id)}}\\n      @beforeOptionsComponent={{@beforeOptionsComponent}}\\n      @disabled={{@disabled}}\\n      @dropdownClass={{@dropdownClass}}\\n      @dropdownMaxWidth={{@dropdownMaxWidth}}\\n      @extra={{@extra}}\\n      @groupComponent={{@groupComponent}}\\n      @horizontalPosition={{@horizontalPosition}}\\n      @initiallyOpened={{@initiallyOpened}}\\n      @labelText={{@labelText}}\\n      @loadingMessage={{@loadingMessage}}\\n      @matcher={{@matcher}}\\n      @matchTriggerWidth={{@matchTriggerWidth}}\\n      @noMatchesMessage={{@noMatchesMessage}}\\n      @onBlur={{@onBlur}}\\n      @onChange={{@onChange}}\\n      @onClose={{@onClose}}\\n      @onFocus={{@onFocus}}\\n      @onInput={{@onInput}}\\n      @onKeydown={{@onKeydown}}\\n      @onOpen={{@onOpen}}\\n      @options={{@options}}\\n      @optionsComponent={{@optionsComponent}}\\n      @placeholder={{@placeholder}}\\n      @placeholderComponent={{@placeholderComponent}}\\n      @preventScroll={{@preventScroll}}\\n      @registerAPI={{@registerAPI}}\\n      @renderInPlace={{true}}\\n      @resultCountMessage={{@resultCountMessage}}\\n      @scrollTo={{@scrollTo}}\\n      @search={{@search}}\\n      @searchEnabled={{@searchEnabled}}\\n      @searchField={{@searchField}}\\n      @searchMessage={{@searchMessage}}\\n      @searchPlaceholder={{@searchPlaceholder}}\\n      @selected={{@selected}}\\n      @selectedItemComponent={{@selectedItemComponent}}\\n      @showAfterOptions={{@showAfterOptions}}\\n      @tabindex={{@tabindex}}\\n      @triggerClass={{@triggerClass}}\\n      @triggerComponent={{@triggerComponent}}\\n      @triggerId={{F.id}}\\n      @triggerRole={{@triggerRole}}\\n      @typeAheadOptionMatcher={{@typeAheadOptionMatcher}}\\n      @verticalPosition={{@verticalPosition}}\\n      @isInvalid={{@isInvalid}}\\n      ...attributes\\n      as |options select|\\n    >\\n      {{yield (hash options=options select=select Options=(component \\\"hds/yield\\\" options=options select=select))}}\\n    </Hds::Form::SuperSelect::Multiple::Base>\\n  </F.Control>\\n</Hds::Form::Field>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { ID_PREFIX } from '../../label/index.ts';\n\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsFormErrorSignature } from '../../error/index.ts';\nimport type { HdsFormFieldSignature } from '../../field/index.ts';\nimport type { HdsFormHelperTextSignature } from '../../helper-text/index.ts';\nimport type { HdsFormLabelSignature } from '../../label';\nimport type { HdsFormSuperSelectMultipleBaseSignature } from './base.ts';\nimport type { Select as PowerSelect } from 'ember-power-select/components/power-select';\nimport type { HdsYieldSignature } from '../../../yield/index.ts';\n\nexport interface HdsFormSuperSelectMultipleFieldSignature {\n  Args: HdsFormSuperSelectMultipleBaseSignature['Args'] &\n    HdsFormFieldSignature['Args'];\n  Blocks: {\n    default: [\n      {\n        Label?: ComponentLike<HdsFormLabelSignature>;\n        HelperText?: ComponentLike<HdsFormHelperTextSignature>;\n        Error?: ComponentLike<HdsFormErrorSignature>;\n        Options?: ComponentLike<HdsYieldSignature>;\n        options?: unknown;\n        select?: PowerSelect;\n      },\n    ];\n  };\n  Element: HdsFormFieldSignature['Element'];\n}\n\nexport default class HdsFormSuperSelectMultipleField extends Component<HdsFormSuperSelectMultipleFieldSignature> {\n  get idPrefix(): string {\n    return ID_PREFIX;\n  }\n}\n"],"names":["HdsFormSuperSelectMultipleField","Component","idPrefix","ID_PREFIX","setComponentTemplate","TEMPLATE"],"mappings":";;;;;AACA,eAAe,kBAAkB,CAAC,k2FAAk2F;;ACDp4F;AACA;AACA;AACA;;AAgCe,MAAMA,+BAA+B,SAASC,SAAS,CAA2C;EAC/G,IAAIC,QAAQA,GAAW;AACrB,IAAA,OAAOC,SAAS;AAClB;AACF;AAACC,oBAAA,CAAAC,QAAA,EAJoBL,+BAA+B,CAAA;;;;"}
+{"version":3,"file":"field.js","sources":["../../../../../../src/components/hds/form/super-select/multiple/field.hbs","../../../../../../src/components/hds/form/super-select/multiple/field.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<Hds::Form::Field\\n  @layout=\\\"vertical\\\"\\n  @extraAriaDescribedBy={{@extraAriaDescribedBy}}\\n  @isRequired={{@isRequired}}\\n  @isOptional={{@isOptional}}\\n  @id={{@id}}\\n  as |F|\\n>\\n  {{! Notice: the order of the elements is not relevant here, because is controlled at \\\"Hds::Form::Field\\\" component level }}\\n  {{yield (hash Label=F.Label HelperText=F.HelperText Error=F.Error)}}\\n  <F.Control>\\n    {{! Important: if an argument is added in base.hbs, it must also be added/processed here }}\\n    <Hds::Form::SuperSelect::Multiple::Base\\n      @afterOptionsComponent={{@afterOptionsComponent}}\\n      @afterOptionsContent={{@afterOptionsContent}}\\n      @ariaDescribedBy={{F.ariaDescribedBy}}\\n      @ariaInvalid={{@ariaInvalid}}\\n      @ariaLabel={{@ariaLabel}}\\n      @ariaLabelledBy={{(concat this.idPrefix F.id)}}\\n      @beforeOptionsComponent={{@beforeOptionsComponent}}\\n      @disabled={{@disabled}}\\n      @dropdownClass={{@dropdownClass}}\\n      @dropdownMaxWidth={{@dropdownMaxWidth}}\\n      @extra={{@extra}}\\n      @groupComponent={{@groupComponent}}\\n      @horizontalPosition={{@horizontalPosition}}\\n      @initiallyOpened={{@initiallyOpened}}\\n      @labelText={{@labelText}}\\n      @loadingMessage={{@loadingMessage}}\\n      @matcher={{@matcher}}\\n      @matchTriggerWidth={{@matchTriggerWidth}}\\n      @noMatchesMessage={{@noMatchesMessage}}\\n      @onBlur={{@onBlur}}\\n      @onChange={{@onChange}}\\n      @onClose={{@onClose}}\\n      @onFocus={{@onFocus}}\\n      @onInput={{@onInput}}\\n      @onKeydown={{@onKeydown}}\\n      @onOpen={{@onOpen}}\\n      @options={{@options}}\\n      @optionsComponent={{@optionsComponent}}\\n      @placeholder={{@placeholder}}\\n      @placeholderComponent={{@placeholderComponent}}\\n      @preventScroll={{@preventScroll}}\\n      @registerAPI={{@registerAPI}}\\n      @renderInPlace={{true}}\\n      @resultCountMessage={{@resultCountMessage}}\\n      @scrollTo={{@scrollTo}}\\n      @search={{@search}}\\n      @searchEnabled={{@searchEnabled}}\\n      @searchField={{@searchField}}\\n      @searchFieldPosition=\\\"before-options\\\"\\n      @searchMessage={{@searchMessage}}\\n      @searchPlaceholder={{@searchPlaceholder}}\\n      @selected={{@selected}}\\n      @selectedItemComponent={{@selectedItemComponent}}\\n      @showAfterOptions={{@showAfterOptions}}\\n      @tabindex={{@tabindex}}\\n      @triggerClass={{@triggerClass}}\\n      @triggerComponent={{@triggerComponent}}\\n      @triggerId={{F.id}}\\n      @triggerRole={{@triggerRole}}\\n      @typeAheadOptionMatcher={{@typeAheadOptionMatcher}}\\n      @verticalPosition={{@verticalPosition}}\\n      @isInvalid={{@isInvalid}}\\n      ...attributes\\n      as |options select|\\n    >\\n      {{yield (hash options=options select=select Options=(component \\\"hds/yield\\\" options=options select=select))}}\\n    </Hds::Form::SuperSelect::Multiple::Base>\\n  </F.Control>\\n</Hds::Form::Field>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { ID_PREFIX } from '../../label/index.ts';\n\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsFormErrorSignature } from '../../error/index.ts';\nimport type { HdsFormFieldSignature } from '../../field/index.ts';\nimport type { HdsFormHelperTextSignature } from '../../helper-text/index.ts';\nimport type { HdsFormLabelSignature } from '../../label';\nimport type { HdsFormSuperSelectMultipleBaseSignature } from './base.ts';\nimport type { Select as PowerSelect } from 'ember-power-select/components/power-select';\nimport type { HdsYieldSignature } from '../../../yield/index.ts';\n\nexport interface HdsFormSuperSelectMultipleFieldSignature {\n  Args: HdsFormSuperSelectMultipleBaseSignature['Args'] &\n    HdsFormFieldSignature['Args'];\n  Blocks: {\n    default: [\n      {\n        Label?: ComponentLike<HdsFormLabelSignature>;\n        HelperText?: ComponentLike<HdsFormHelperTextSignature>;\n        Error?: ComponentLike<HdsFormErrorSignature>;\n        Options?: ComponentLike<HdsYieldSignature>;\n        options?: unknown;\n        select?: PowerSelect;\n      },\n    ];\n  };\n  Element: HdsFormFieldSignature['Element'];\n}\n\nexport default class HdsFormSuperSelectMultipleField extends Component<HdsFormSuperSelectMultipleFieldSignature> {\n  get idPrefix(): string {\n    return ID_PREFIX;\n  }\n}\n"],"names":["HdsFormSuperSelectMultipleField","Component","idPrefix","ID_PREFIX","setComponentTemplate","TEMPLATE"],"mappings":";;;;;AACA,eAAe,kBAAkB,CAAC,i5FAAi5F;;ACDn7F;AACA;AACA;AACA;;AAgCe,MAAMA,+BAA+B,SAASC,SAAS,CAA2C;EAC/G,IAAIC,QAAQA,GAAW;AACrB,IAAA,OAAOC,SAAS;AAClB;AACF;AAACC,oBAAA,CAAAC,QAAA,EAJoBL,+BAA+B,CAAA;;;;"}

package/dist/components/hds/form/super-select/option-group.js

@@ -1,4 +1,4 @@
-import { a as _defineProperty } from '../../../../_rollupPluginBabelHelpers-81503waH.js';
+import { a as _defineProperty } from '../../../../_rollupPluginBabelHelpers-C_TsMG3M.js';
 import Component from '@glimmer/component';
 import { guidFor } from '@ember/object/internals';
 import { precompileTemplate } from '@ember/template-compilation';

package/dist/components/hds/form/super-select/single/base.js

@@ -1,4 +1,4 @@
-import { _ as _applyDecoratedDescriptor, b as _initializerDefineProperty } from '../../../../../_rollupPluginBabelHelpers-81503waH.js';
+import { _ as _applyDecoratedDescriptor, b as _initializerDefineProperty } from '../../../../../_rollupPluginBabelHelpers-C_TsMG3M.js';
 import Component from '@glimmer/component';
 import anchoredPositionModifier from '../../../../../modifiers/hds-anchored-position.js';
 import { action } from '@ember/object';
@@ -7,7 +7,7 @@ import { HdsFormSuperSelectHorizontalPositionValues, HdsFormSuperSelectHorizonta
 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{{! Important: if an argument is added in base.hbs, it must also be added/processed in the Base component used in field.hbs }}\n<div class={{this.classNames}} {{style this.dropdownMaxWidthStyle}}>\n  <PowerSelect\n    @afterOptionsComponent={{if\n      this.showAfterOptions\n      (or\n        @afterOptionsComponent\n        (component\n          \"hds/form/super-select/after-options\" content=@afterOptionsContent resultCountMessage=this.resultCountMessage\n        )\n      )\n    }}\n    @ariaDescribedBy={{@ariaDescribedBy}}\n    @ariaInvalid={{@ariaInvalid}}\n    @ariaLabel={{@ariaLabel}}\n    @ariaLabelledBy={{@ariaLabelledBy}}\n    @beforeOptionsComponent={{@beforeOptionsComponent}}\n    @calculatePosition={{if @verticalPosition undefined this.calculatePosition}}\n    @closeOnSelect={{@closeOnSelect}}\n    @disabled={{@disabled}}\n    @dropdownClass={{@dropdownClass}}\n    @extra={{@extra}}\n    @groupComponent={{component \"hds/form/super-select/option-group\"}}\n    @horizontalPosition={{@horizontalPosition}}\n    @initiallyOpened={{@initiallyOpened}}\n    @labelText={{@labelText}}\n    @loadingMessage={{@loadingMessage}}\n    @matcher={{@matcher}}\n    @matchTriggerWidth={{if @dropdownMaxWidth false @matchTriggerWidth}}\n    @noMatchesMessage={{@noMatchesMessage}}\n    @onBlur={{@onBlur}}\n    @onChange={{@onChange}}\n    @onClose={{@onClose}}\n    @onFocus={{@onFocus}}\n    @onInput={{@onInput}}\n    @onKeydown={{@onKeydown}}\n    @onOpen={{@onOpen}}\n    @options={{@options}}\n    @optionsComponent={{@optionsComponent}}\n    @placeholder={{@placeholder}}\n    @placeholderComponent={{component \"hds/form/super-select/placeholder\"}}\n    @preventScroll={{@preventScroll}}\n    @registerAPI={{this.setPowerSelectAPI}}\n    @renderInPlace={{true}}\n    @resultCountMessage={{@resultCountMessage}}\n    @scrollTo={{@scrollTo}}\n    @search={{@search}}\n    @searchEnabled={{@searchEnabled}}\n    @searchField={{@searchField}}\n    @searchMessage={{@searchMessage}}\n    @searchPlaceholder={{this.searchPlaceholder}}\n    @selected={{@selected}}\n    @selectedItemComponent={{@selectedItemComponent}}\n    @tabindex={{@tabindex}}\n    @triggerClass={{@triggerClass}}\n    @triggerComponent={{@triggerComponent}}\n    @triggerId={{@triggerId}}\n    @triggerRole={{@triggerRole}}\n    @typeAheadOptionMatcher={{@typeAheadOptionMatcher}}\n    @verticalPosition={{@verticalPosition}}\n    ...attributes\n    as |option select|\n  >\n    <Hds::Text::Body>{{yield option select}}</Hds::Text::Body>\n  </PowerSelect>\n</div>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n{{! Important: if an argument is added in base.hbs, it must also be added/processed in the Base component used in field.hbs }}\n<div class={{this.classNames}} {{style this.dropdownMaxWidthStyle}}>\n  <PowerSelect\n    @afterOptionsComponent={{if\n      this.showAfterOptions\n      (or\n        @afterOptionsComponent\n        (component\n          \"hds/form/super-select/after-options\" content=@afterOptionsContent resultCountMessage=this.resultCountMessage\n        )\n      )\n    }}\n    @ariaDescribedBy={{@ariaDescribedBy}}\n    @ariaInvalid={{@ariaInvalid}}\n    @ariaLabel={{@ariaLabel}}\n    @ariaLabelledBy={{@ariaLabelledBy}}\n    @beforeOptionsComponent={{@beforeOptionsComponent}}\n    @calculatePosition={{if @verticalPosition undefined this.calculatePosition}}\n    @closeOnSelect={{@closeOnSelect}}\n    @disabled={{@disabled}}\n    @dropdownClass={{@dropdownClass}}\n    @extra={{@extra}}\n    @groupComponent={{component \"hds/form/super-select/option-group\"}}\n    @horizontalPosition={{@horizontalPosition}}\n    @initiallyOpened={{@initiallyOpened}}\n    @labelText={{@labelText}}\n    @loadingMessage={{@loadingMessage}}\n    @matcher={{@matcher}}\n    @matchTriggerWidth={{if @dropdownMaxWidth false @matchTriggerWidth}}\n    @noMatchesMessage={{@noMatchesMessage}}\n    @onBlur={{@onBlur}}\n    @onChange={{@onChange}}\n    @onClose={{@onClose}}\n    @onFocus={{@onFocus}}\n    @onInput={{@onInput}}\n    @onKeydown={{@onKeydown}}\n    @onOpen={{@onOpen}}\n    @options={{@options}}\n    @optionsComponent={{@optionsComponent}}\n    @placeholder={{@placeholder}}\n    @placeholderComponent={{component \"hds/form/super-select/placeholder\"}}\n    @preventScroll={{@preventScroll}}\n    @registerAPI={{this.setPowerSelectAPI}}\n    @renderInPlace={{true}}\n    @resultCountMessage={{@resultCountMessage}}\n    @scrollTo={{@scrollTo}}\n    @search={{@search}}\n    @searchEnabled={{@searchEnabled}}\n    @searchField={{@searchField}}\n    @searchFieldPosition=\"before-options\"\n    @searchMessage={{@searchMessage}}\n    @searchPlaceholder={{this.searchPlaceholder}}\n    @selected={{@selected}}\n    @selectedItemComponent={{@selectedItemComponent}}\n    @tabindex={{@tabindex}}\n    @triggerClass={{@triggerClass}}\n    @triggerComponent={{@triggerComponent}}\n    @triggerId={{@triggerId}}\n    @triggerRole={{@triggerRole}}\n    @typeAheadOptionMatcher={{@typeAheadOptionMatcher}}\n    @verticalPosition={{@verticalPosition}}\n    ...attributes\n    as |option select|\n  >\n    <Hds::Text::Body>{{yield option select}}</Hds::Text::Body>\n  </PowerSelect>\n</div>");
 
 var _class, _descriptor;
 const DEFAULT_HORIZONTAL_POSITION = HdsFormSuperSelectHorizontalPositionValues.Left;

package/dist/components/hds/form/super-select/single/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../../src/components/hds/form/super-select/single/base.hbs","../../../../../../src/components/hds/form/super-select/single/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: if an argument is added in base.hbs, it must also be added/processed in the Base component used in field.hbs }}\\n<div class={{this.classNames}} {{style this.dropdownMaxWidthStyle}}>\\n  <PowerSelect\\n    @afterOptionsComponent={{if\\n      this.showAfterOptions\\n      (or\\n        @afterOptionsComponent\\n        (component\\n          \\\"hds/form/super-select/after-options\\\" content=@afterOptionsContent resultCountMessage=this.resultCountMessage\\n        )\\n      )\\n    }}\\n    @ariaDescribedBy={{@ariaDescribedBy}}\\n    @ariaInvalid={{@ariaInvalid}}\\n    @ariaLabel={{@ariaLabel}}\\n    @ariaLabelledBy={{@ariaLabelledBy}}\\n    @beforeOptionsComponent={{@beforeOptionsComponent}}\\n    @calculatePosition={{if @verticalPosition undefined this.calculatePosition}}\\n    @closeOnSelect={{@closeOnSelect}}\\n    @disabled={{@disabled}}\\n    @dropdownClass={{@dropdownClass}}\\n    @extra={{@extra}}\\n    @groupComponent={{component \\\"hds/form/super-select/option-group\\\"}}\\n    @horizontalPosition={{@horizontalPosition}}\\n    @initiallyOpened={{@initiallyOpened}}\\n    @labelText={{@labelText}}\\n    @loadingMessage={{@loadingMessage}}\\n    @matcher={{@matcher}}\\n    @matchTriggerWidth={{if @dropdownMaxWidth false @matchTriggerWidth}}\\n    @noMatchesMessage={{@noMatchesMessage}}\\n    @onBlur={{@onBlur}}\\n    @onChange={{@onChange}}\\n    @onClose={{@onClose}}\\n    @onFocus={{@onFocus}}\\n    @onInput={{@onInput}}\\n    @onKeydown={{@onKeydown}}\\n    @onOpen={{@onOpen}}\\n    @options={{@options}}\\n    @optionsComponent={{@optionsComponent}}\\n    @placeholder={{@placeholder}}\\n    @placeholderComponent={{component \\\"hds/form/super-select/placeholder\\\"}}\\n    @preventScroll={{@preventScroll}}\\n    @registerAPI={{this.setPowerSelectAPI}}\\n    @renderInPlace={{true}}\\n    @resultCountMessage={{@resultCountMessage}}\\n    @scrollTo={{@scrollTo}}\\n    @search={{@search}}\\n    @searchEnabled={{@searchEnabled}}\\n    @searchField={{@searchField}}\\n    @searchMessage={{@searchMessage}}\\n    @searchPlaceholder={{this.searchPlaceholder}}\\n    @selected={{@selected}}\\n    @selectedItemComponent={{@selectedItemComponent}}\\n    @tabindex={{@tabindex}}\\n    @triggerClass={{@triggerClass}}\\n    @triggerComponent={{@triggerComponent}}\\n    @triggerId={{@triggerId}}\\n    @triggerRole={{@triggerRole}}\\n    @typeAheadOptionMatcher={{@typeAheadOptionMatcher}}\\n    @verticalPosition={{@verticalPosition}}\\n    ...attributes\\n    as |option select|\\n  >\\n    <Hds::Text::Body>{{yield option select}}</Hds::Text::Body>\\n  </PowerSelect>\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport anchoredPositionModifier from '../../../../../modifiers/hds-anchored-position.ts';\n\nimport { action } from '@ember/object';\nimport { tracked } from '@glimmer/tracking';\nimport {\n  HdsFormSuperSelectHorizontalPositionValues,\n  HdsFormSuperSelectHorizontalPositionToPlacementValues,\n} from '../types.ts';\n\nimport type { PowerSelectSignature } from 'ember-power-select/components/power-select';\nimport type { Select as PowerSelect } from 'ember-power-select/components/power-select';\nimport type { CalculatePositionResult } from 'ember-basic-dropdown/utils/calculate-position';\nimport type { HdsFormSuperSelectHorizontalPositions } from '../types.ts';\n\nexport const DEFAULT_HORIZONTAL_POSITION: string =\n  HdsFormSuperSelectHorizontalPositionValues.Left;\nexport const HORIZONTAL_POSITION_MAPPING =\n  HdsFormSuperSelectHorizontalPositionToPlacementValues;\n\nexport interface HdsFormSuperSelectSingleBaseSignature {\n  Args: PowerSelectSignature['Args'] & {\n    showAfterOptions?: boolean;\n    afterOptionsContent?: string;\n    resultCountMessage?: string;\n    dropdownMaxWidth?: string;\n    matchTriggerWidth?: boolean;\n    isInvalid?: boolean;\n  };\n  Blocks: PowerSelectSignature['Blocks'];\n  Element: PowerSelectSignature['Element'];\n}\n\nexport default class HdsFormSuperSelectSingleBase extends Component<HdsFormSuperSelectSingleBaseSignature> {\n  @tracked powerSelectAPI?: PowerSelect;\n\n  get horizontalPosition(): HdsFormSuperSelectHorizontalPositions {\n    const { horizontalPosition = DEFAULT_HORIZONTAL_POSITION } = this.args;\n    return horizontalPosition as HdsFormSuperSelectHorizontalPositions;\n  }\n\n  get resultCountMessage(): string {\n    return `${this.powerSelectAPI?.resultsCount || 0} total`;\n  }\n\n  /**\n   * This action sets the powerSelectAPI property and optionally calls a registerAPI function.\n   *\n   * @param {Object} powerSelectAPI - The API object for the PowerSelect component.\n   *\n   * If a `registerAPI` function is passed in through the component's arguments,\n   * this function will be called with the `powerSelectAPI` as its argument.\n   * This allows parent components or controllers to have access to the PowerSelect API.\n   *\n   * The `powerSelectAPI` is also stored on the component instance and used in `clearSelected`\n   */\n  @action\n  setPowerSelectAPI(powerSelectAPI: PowerSelect): void {\n    if (typeof this.args.registerAPI === 'function') {\n      this.args.registerAPI(powerSelectAPI);\n    }\n    this.powerSelectAPI = powerSelectAPI;\n  }\n\n  @action calculatePosition(\n    trigger: Element,\n    content: HTMLElement\n  ): CalculatePositionResult {\n    // use `hds-anchored-position` to calculate and set position\n    // @ts-expect-error: known issue with type of invocation\n    anchoredPositionModifier(content, [trigger], {\n      placement: HORIZONTAL_POSITION_MAPPING[this.horizontalPosition],\n      offsetOptions: 4,\n      enableCollisionDetection: true,\n    });\n    // prevent PowerSelect from setting position\n    return {\n      horizontalPosition: 'auto',\n      verticalPosition: 'auto',\n      style: {},\n    };\n  }\n\n  /**\n   * Determine if `@afterOptionsComponent` gets displayed\n   * @param showAfterOptions\n   * @type {boolean}\n   * @default false\n   */\n  get showAfterOptions(): boolean | string {\n    return this.args.showAfterOptions ?? this.args.afterOptionsContent ?? false;\n  }\n\n  /**\n   * Get the search placeholder text\n   * @param searchPlaceholder\n   * @type {string}\n   * @default 'Search'\n   */\n  get searchPlaceholder(): string {\n    return this.args.searchPlaceholder ?? 'Search';\n  }\n\n  /**\n   * Get the maxWidth to apply to the dropdown\n   * @param dropdownMaxWidth\n   * @type {string}\n   * @default 'none'\n   */\n  get dropdownMaxWidthStyle(): Record<string, string> {\n    const maxWidthStyle: { [key: string]: string } = {};\n    if (this.args.dropdownMaxWidth) {\n      maxWidthStyle['--hds-form-super-select-dropdown-max-width'] =\n        this.args.dropdownMaxWidth;\n    }\n    return maxWidthStyle;\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-form-super-select', 'hds-form-super-select-single'];\n\n    // add a class based on the @matchTriggerWidth argument or whether dropdownMaxWidth is set\n    if (this.args.matchTriggerWidth === false || this.args.dropdownMaxWidth) {\n      classes.push('hds-form-super-select--dropdown-content-auto-width');\n    }\n\n    // add a class based on the @isInvalid argument\n    if (this.args.isInvalid) {\n      classes.push(`hds-form-super-select--is-invalid`);\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["DEFAULT_HORIZONTAL_POSITION","HdsFormSuperSelectHorizontalPositionValues","Left","HORIZONTAL_POSITION_MAPPING","HdsFormSuperSelectHorizontalPositionToPlacementValues","HdsFormSuperSelectSingleBase","_class","Component","constructor","args","_initializerDefineProperty","_descriptor","horizontalPosition","resultCountMessage","powerSelectAPI","resultsCount","setPowerSelectAPI","registerAPI","calculatePosition","trigger","content","anchoredPositionModifier","placement","offsetOptions","enableCollisionDetection","verticalPosition","style","showAfterOptions","afterOptionsContent","searchPlaceholder","dropdownMaxWidthStyle","maxWidthStyle","dropdownMaxWidth","classNames","classes","matchTriggerWidth","push","isInvalid","join","_applyDecoratedDescriptor","prototype","tracked","configurable","enumerable","writable","initializer","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":"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"}
+{"version":3,"file":"base.js","sources":["../../../../../../src/components/hds/form/super-select/single/base.hbs","../../../../../../src/components/hds/form/super-select/single/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: if an argument is added in base.hbs, it must also be added/processed in the Base component used in field.hbs }}\\n<div class={{this.classNames}} {{style this.dropdownMaxWidthStyle}}>\\n  <PowerSelect\\n    @afterOptionsComponent={{if\\n      this.showAfterOptions\\n      (or\\n        @afterOptionsComponent\\n        (component\\n          \\\"hds/form/super-select/after-options\\\" content=@afterOptionsContent resultCountMessage=this.resultCountMessage\\n        )\\n      )\\n    }}\\n    @ariaDescribedBy={{@ariaDescribedBy}}\\n    @ariaInvalid={{@ariaInvalid}}\\n    @ariaLabel={{@ariaLabel}}\\n    @ariaLabelledBy={{@ariaLabelledBy}}\\n    @beforeOptionsComponent={{@beforeOptionsComponent}}\\n    @calculatePosition={{if @verticalPosition undefined this.calculatePosition}}\\n    @closeOnSelect={{@closeOnSelect}}\\n    @disabled={{@disabled}}\\n    @dropdownClass={{@dropdownClass}}\\n    @extra={{@extra}}\\n    @groupComponent={{component \\\"hds/form/super-select/option-group\\\"}}\\n    @horizontalPosition={{@horizontalPosition}}\\n    @initiallyOpened={{@initiallyOpened}}\\n    @labelText={{@labelText}}\\n    @loadingMessage={{@loadingMessage}}\\n    @matcher={{@matcher}}\\n    @matchTriggerWidth={{if @dropdownMaxWidth false @matchTriggerWidth}}\\n    @noMatchesMessage={{@noMatchesMessage}}\\n    @onBlur={{@onBlur}}\\n    @onChange={{@onChange}}\\n    @onClose={{@onClose}}\\n    @onFocus={{@onFocus}}\\n    @onInput={{@onInput}}\\n    @onKeydown={{@onKeydown}}\\n    @onOpen={{@onOpen}}\\n    @options={{@options}}\\n    @optionsComponent={{@optionsComponent}}\\n    @placeholder={{@placeholder}}\\n    @placeholderComponent={{component \\\"hds/form/super-select/placeholder\\\"}}\\n    @preventScroll={{@preventScroll}}\\n    @registerAPI={{this.setPowerSelectAPI}}\\n    @renderInPlace={{true}}\\n    @resultCountMessage={{@resultCountMessage}}\\n    @scrollTo={{@scrollTo}}\\n    @search={{@search}}\\n    @searchEnabled={{@searchEnabled}}\\n    @searchField={{@searchField}}\\n    @searchFieldPosition=\\\"before-options\\\"\\n    @searchMessage={{@searchMessage}}\\n    @searchPlaceholder={{this.searchPlaceholder}}\\n    @selected={{@selected}}\\n    @selectedItemComponent={{@selectedItemComponent}}\\n    @tabindex={{@tabindex}}\\n    @triggerClass={{@triggerClass}}\\n    @triggerComponent={{@triggerComponent}}\\n    @triggerId={{@triggerId}}\\n    @triggerRole={{@triggerRole}}\\n    @typeAheadOptionMatcher={{@typeAheadOptionMatcher}}\\n    @verticalPosition={{@verticalPosition}}\\n    ...attributes\\n    as |option select|\\n  >\\n    <Hds::Text::Body>{{yield option select}}</Hds::Text::Body>\\n  </PowerSelect>\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport anchoredPositionModifier from '../../../../../modifiers/hds-anchored-position.ts';\n\nimport { action } from '@ember/object';\nimport { tracked } from '@glimmer/tracking';\nimport {\n  HdsFormSuperSelectHorizontalPositionValues,\n  HdsFormSuperSelectHorizontalPositionToPlacementValues,\n} from '../types.ts';\n\nimport type { PowerSelectSignature } from 'ember-power-select/components/power-select';\nimport type { Select as PowerSelect } from 'ember-power-select/components/power-select';\nimport type { CalculatePositionResult } from 'ember-basic-dropdown/utils/calculate-position';\nimport type { HdsFormSuperSelectHorizontalPositions } from '../types.ts';\n\nexport const DEFAULT_HORIZONTAL_POSITION: string =\n  HdsFormSuperSelectHorizontalPositionValues.Left;\nexport const HORIZONTAL_POSITION_MAPPING =\n  HdsFormSuperSelectHorizontalPositionToPlacementValues;\n\nexport interface HdsFormSuperSelectSingleBaseSignature {\n  Args: PowerSelectSignature['Args'] & {\n    showAfterOptions?: boolean;\n    afterOptionsContent?: string;\n    resultCountMessage?: string;\n    dropdownMaxWidth?: string;\n    matchTriggerWidth?: boolean;\n    isInvalid?: boolean;\n  };\n  Blocks: PowerSelectSignature['Blocks'];\n  Element: PowerSelectSignature['Element'];\n}\n\nexport default class HdsFormSuperSelectSingleBase extends Component<HdsFormSuperSelectSingleBaseSignature> {\n  @tracked powerSelectAPI?: PowerSelect;\n\n  get horizontalPosition(): HdsFormSuperSelectHorizontalPositions {\n    const { horizontalPosition = DEFAULT_HORIZONTAL_POSITION } = this.args;\n    return horizontalPosition as HdsFormSuperSelectHorizontalPositions;\n  }\n\n  get resultCountMessage(): string {\n    return `${this.powerSelectAPI?.resultsCount || 0} total`;\n  }\n\n  /**\n   * This action sets the powerSelectAPI property and optionally calls a registerAPI function.\n   *\n   * @param {Object} powerSelectAPI - The API object for the PowerSelect component.\n   *\n   * If a `registerAPI` function is passed in through the component's arguments,\n   * this function will be called with the `powerSelectAPI` as its argument.\n   * This allows parent components or controllers to have access to the PowerSelect API.\n   *\n   * The `powerSelectAPI` is also stored on the component instance and used in `clearSelected`\n   */\n  @action\n  setPowerSelectAPI(powerSelectAPI: PowerSelect): void {\n    if (typeof this.args.registerAPI === 'function') {\n      this.args.registerAPI(powerSelectAPI);\n    }\n    this.powerSelectAPI = powerSelectAPI;\n  }\n\n  @action calculatePosition(\n    trigger: Element,\n    content: HTMLElement\n  ): CalculatePositionResult {\n    // use `hds-anchored-position` to calculate and set position\n    // @ts-expect-error: known issue with type of invocation\n    anchoredPositionModifier(content, [trigger], {\n      placement: HORIZONTAL_POSITION_MAPPING[this.horizontalPosition],\n      offsetOptions: 4,\n      enableCollisionDetection: true,\n    });\n    // prevent PowerSelect from setting position\n    return {\n      horizontalPosition: 'auto',\n      verticalPosition: 'auto',\n      style: {},\n    };\n  }\n\n  /**\n   * Determine if `@afterOptionsComponent` gets displayed\n   * @param showAfterOptions\n   * @type {boolean}\n   * @default false\n   */\n  get showAfterOptions(): boolean | string {\n    return this.args.showAfterOptions ?? this.args.afterOptionsContent ?? false;\n  }\n\n  /**\n   * Get the search placeholder text\n   * @param searchPlaceholder\n   * @type {string}\n   * @default 'Search'\n   */\n  get searchPlaceholder(): string {\n    return this.args.searchPlaceholder ?? 'Search';\n  }\n\n  /**\n   * Get the maxWidth to apply to the dropdown\n   * @param dropdownMaxWidth\n   * @type {string}\n   * @default 'none'\n   */\n  get dropdownMaxWidthStyle(): Record<string, string> {\n    const maxWidthStyle: { [key: string]: string } = {};\n    if (this.args.dropdownMaxWidth) {\n      maxWidthStyle['--hds-form-super-select-dropdown-max-width'] =\n        this.args.dropdownMaxWidth;\n    }\n    return maxWidthStyle;\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-form-super-select', 'hds-form-super-select-single'];\n\n    // add a class based on the @matchTriggerWidth argument or whether dropdownMaxWidth is set\n    if (this.args.matchTriggerWidth === false || this.args.dropdownMaxWidth) {\n      classes.push('hds-form-super-select--dropdown-content-auto-width');\n    }\n\n    // add a class based on the @isInvalid argument\n    if (this.args.isInvalid) {\n      classes.push(`hds-form-super-select--is-invalid`);\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["DEFAULT_HORIZONTAL_POSITION","HdsFormSuperSelectHorizontalPositionValues","Left","HORIZONTAL_POSITION_MAPPING","HdsFormSuperSelectHorizontalPositionToPlacementValues","HdsFormSuperSelectSingleBase","_class","Component","constructor","args","_initializerDefineProperty","_descriptor","horizontalPosition","resultCountMessage","powerSelectAPI","resultsCount","setPowerSelectAPI","registerAPI","calculatePosition","trigger","content","anchoredPositionModifier","placement","offsetOptions","enableCollisionDetection","verticalPosition","style","showAfterOptions","afterOptionsContent","searchPlaceholder","dropdownMaxWidthStyle","maxWidthStyle","dropdownMaxWidth","classNames","classes","matchTriggerWidth","push","isInvalid","join","_applyDecoratedDescriptor","prototype","tracked","configurable","enumerable","writable","initializer","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":"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"}

package/dist/components/hds/form/super-select/single/field.js

@@ -3,7 +3,7 @@ import { ID_PREFIX } from '../../label/index.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<Hds::Form::Field\n  @layout=\"vertical\"\n  @extraAriaDescribedBy={{@extraAriaDescribedBy}}\n  @isRequired={{@isRequired}}\n  @isOptional={{@isOptional}}\n  @id={{@id}}\n  as |F|\n>\n  {{! Notice: the order of the elements is not relevant here, because is controlled at \"Hds::Form::Field\" component level }}\n  {{yield (hash Label=F.Label HelperText=F.HelperText Error=F.Error)}}\n  <F.Control>\n    {{! Important: if an argument is added in base.hbs, it must also be added/processed here }}\n    <Hds::Form::SuperSelect::Single::Base\n      @afterOptionsComponent={{@afterOptionsComponent}}\n      @afterOptionsContent={{@afterOptionsContent}}\n      @ariaDescribedBy={{F.ariaDescribedBy}}\n      @ariaInvalid={{@ariaInvalid}}\n      @ariaLabel={{@ariaLabel}}\n      @ariaLabelledBy={{(concat this.idPrefix F.id)}}\n      @beforeOptionsComponent={{@beforeOptionsComponent}}\n      @closeOnSelect={{@closeOnSelect}}\n      @disabled={{@disabled}}\n      @dropdownClass={{@dropdownClass}}\n      @dropdownMaxWidth={{@dropdownMaxWidth}}\n      @extra={{@extra}}\n      @groupComponent={{@groupComponent}}\n      @horizontalPosition={{@horizontalPosition}}\n      @initiallyOpened={{@initiallyOpened}}\n      @labelText={{@labelText}}\n      @loadingMessage={{@loadingMessage}}\n      @matcher={{@matcher}}\n      @matchTriggerWidth={{@matchTriggerWidth}}\n      @noMatchesMessage={{@noMatchesMessage}}\n      @onBlur={{@onBlur}}\n      @onChange={{@onChange}}\n      @onClose={{@onClose}}\n      @onFocus={{@onFocus}}\n      @onInput={{@onInput}}\n      @onKeydown={{@onKeydown}}\n      @onOpen={{@onOpen}}\n      @options={{@options}}\n      @optionsComponent={{@optionsComponent}}\n      @placeholder={{@placeholder}}\n      @placeholderComponent={{@placeholderComponent}}\n      @preventScroll={{@preventScroll}}\n      @registerAPI={{@registerAPI}}\n      @renderInPlace={{true}}\n      @resultCountMessage={{@resultCountMessage}}\n      @scrollTo={{@scrollTo}}\n      @search={{@search}}\n      @searchEnabled={{@searchEnabled}}\n      @searchField={{@searchField}}\n      @searchMessage={{@searchMessage}}\n      @searchPlaceholder={{@searchPlaceholder}}\n      @selected={{@selected}}\n      @selectedItemComponent={{@selectedItemComponent}}\n      @showAfterOptions={{@showAfterOptions}}\n      @tabindex={{@tabindex}}\n      @triggerClass={{@triggerClass}}\n      @triggerComponent={{@triggerComponent}}\n      @triggerId={{F.id}}\n      @triggerRole={{@triggerRole}}\n      @typeAheadOptionMatcher={{@typeAheadOptionMatcher}}\n      @verticalPosition={{@verticalPosition}}\n      @isInvalid={{@isInvalid}}\n      ...attributes\n      as |options select|\n    >\n      {{yield (hash options=options select=select Options=(component \"hds/yield\" options=options select=select))}}\n    </Hds::Form::SuperSelect::Single::Base>\n  </F.Control>\n</Hds::Form::Field>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<Hds::Form::Field\n  @layout=\"vertical\"\n  @extraAriaDescribedBy={{@extraAriaDescribedBy}}\n  @isRequired={{@isRequired}}\n  @isOptional={{@isOptional}}\n  @id={{@id}}\n  as |F|\n>\n  {{! Notice: the order of the elements is not relevant here, because is controlled at \"Hds::Form::Field\" component level }}\n  {{yield (hash Label=F.Label HelperText=F.HelperText Error=F.Error)}}\n  <F.Control>\n    {{! Important: if an argument is added in base.hbs, it must also be added/processed here }}\n    <Hds::Form::SuperSelect::Single::Base\n      @afterOptionsComponent={{@afterOptionsComponent}}\n      @afterOptionsContent={{@afterOptionsContent}}\n      @ariaDescribedBy={{F.ariaDescribedBy}}\n      @ariaInvalid={{@ariaInvalid}}\n      @ariaLabel={{@ariaLabel}}\n      @ariaLabelledBy={{(concat this.idPrefix F.id)}}\n      @beforeOptionsComponent={{@beforeOptionsComponent}}\n      @closeOnSelect={{@closeOnSelect}}\n      @disabled={{@disabled}}\n      @dropdownClass={{@dropdownClass}}\n      @dropdownMaxWidth={{@dropdownMaxWidth}}\n      @extra={{@extra}}\n      @groupComponent={{@groupComponent}}\n      @horizontalPosition={{@horizontalPosition}}\n      @initiallyOpened={{@initiallyOpened}}\n      @labelText={{@labelText}}\n      @loadingMessage={{@loadingMessage}}\n      @matcher={{@matcher}}\n      @matchTriggerWidth={{@matchTriggerWidth}}\n      @noMatchesMessage={{@noMatchesMessage}}\n      @onBlur={{@onBlur}}\n      @onChange={{@onChange}}\n      @onClose={{@onClose}}\n      @onFocus={{@onFocus}}\n      @onInput={{@onInput}}\n      @onKeydown={{@onKeydown}}\n      @onOpen={{@onOpen}}\n      @options={{@options}}\n      @optionsComponent={{@optionsComponent}}\n      @placeholder={{@placeholder}}\n      @placeholderComponent={{@placeholderComponent}}\n      @preventScroll={{@preventScroll}}\n      @registerAPI={{@registerAPI}}\n      @renderInPlace={{true}}\n      @resultCountMessage={{@resultCountMessage}}\n      @scrollTo={{@scrollTo}}\n      @search={{@search}}\n      @searchEnabled={{@searchEnabled}}\n      @searchField={{@searchField}}\n      @searchFieldPosition=\"before-options\"\n      @searchMessage={{@searchMessage}}\n      @searchPlaceholder={{@searchPlaceholder}}\n      @selected={{@selected}}\n      @selectedItemComponent={{@selectedItemComponent}}\n      @showAfterOptions={{@showAfterOptions}}\n      @tabindex={{@tabindex}}\n      @triggerClass={{@triggerClass}}\n      @triggerComponent={{@triggerComponent}}\n      @triggerId={{F.id}}\n      @triggerRole={{@triggerRole}}\n      @typeAheadOptionMatcher={{@typeAheadOptionMatcher}}\n      @verticalPosition={{@verticalPosition}}\n      @isInvalid={{@isInvalid}}\n      ...attributes\n      as |options select|\n    >\n      {{yield (hash options=options select=select Options=(component \"hds/yield\" options=options select=select))}}\n    </Hds::Form::SuperSelect::Single::Base>\n  </F.Control>\n</Hds::Form::Field>");
 
 /**
  * Copyright (c) HashiCorp, Inc.

package/dist/components/hds/form/super-select/single/field.js.map

@@ -1 +1 @@
-{"version":3,"file":"field.js","sources":["../../../../../../src/components/hds/form/super-select/single/field.hbs","../../../../../../src/components/hds/form/super-select/single/field.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<Hds::Form::Field\\n  @layout=\\\"vertical\\\"\\n  @extraAriaDescribedBy={{@extraAriaDescribedBy}}\\n  @isRequired={{@isRequired}}\\n  @isOptional={{@isOptional}}\\n  @id={{@id}}\\n  as |F|\\n>\\n  {{! Notice: the order of the elements is not relevant here, because is controlled at \\\"Hds::Form::Field\\\" component level }}\\n  {{yield (hash Label=F.Label HelperText=F.HelperText Error=F.Error)}}\\n  <F.Control>\\n    {{! Important: if an argument is added in base.hbs, it must also be added/processed here }}\\n    <Hds::Form::SuperSelect::Single::Base\\n      @afterOptionsComponent={{@afterOptionsComponent}}\\n      @afterOptionsContent={{@afterOptionsContent}}\\n      @ariaDescribedBy={{F.ariaDescribedBy}}\\n      @ariaInvalid={{@ariaInvalid}}\\n      @ariaLabel={{@ariaLabel}}\\n      @ariaLabelledBy={{(concat this.idPrefix F.id)}}\\n      @beforeOptionsComponent={{@beforeOptionsComponent}}\\n      @closeOnSelect={{@closeOnSelect}}\\n      @disabled={{@disabled}}\\n      @dropdownClass={{@dropdownClass}}\\n      @dropdownMaxWidth={{@dropdownMaxWidth}}\\n      @extra={{@extra}}\\n      @groupComponent={{@groupComponent}}\\n      @horizontalPosition={{@horizontalPosition}}\\n      @initiallyOpened={{@initiallyOpened}}\\n      @labelText={{@labelText}}\\n      @loadingMessage={{@loadingMessage}}\\n      @matcher={{@matcher}}\\n      @matchTriggerWidth={{@matchTriggerWidth}}\\n      @noMatchesMessage={{@noMatchesMessage}}\\n      @onBlur={{@onBlur}}\\n      @onChange={{@onChange}}\\n      @onClose={{@onClose}}\\n      @onFocus={{@onFocus}}\\n      @onInput={{@onInput}}\\n      @onKeydown={{@onKeydown}}\\n      @onOpen={{@onOpen}}\\n      @options={{@options}}\\n      @optionsComponent={{@optionsComponent}}\\n      @placeholder={{@placeholder}}\\n      @placeholderComponent={{@placeholderComponent}}\\n      @preventScroll={{@preventScroll}}\\n      @registerAPI={{@registerAPI}}\\n      @renderInPlace={{true}}\\n      @resultCountMessage={{@resultCountMessage}}\\n      @scrollTo={{@scrollTo}}\\n      @search={{@search}}\\n      @searchEnabled={{@searchEnabled}}\\n      @searchField={{@searchField}}\\n      @searchMessage={{@searchMessage}}\\n      @searchPlaceholder={{@searchPlaceholder}}\\n      @selected={{@selected}}\\n      @selectedItemComponent={{@selectedItemComponent}}\\n      @showAfterOptions={{@showAfterOptions}}\\n      @tabindex={{@tabindex}}\\n      @triggerClass={{@triggerClass}}\\n      @triggerComponent={{@triggerComponent}}\\n      @triggerId={{F.id}}\\n      @triggerRole={{@triggerRole}}\\n      @typeAheadOptionMatcher={{@typeAheadOptionMatcher}}\\n      @verticalPosition={{@verticalPosition}}\\n      @isInvalid={{@isInvalid}}\\n      ...attributes\\n      as |options select|\\n    >\\n      {{yield (hash options=options select=select Options=(component \\\"hds/yield\\\" options=options select=select))}}\\n    </Hds::Form::SuperSelect::Single::Base>\\n  </F.Control>\\n</Hds::Form::Field>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { ID_PREFIX } from '../../label/index.ts';\n\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsFormErrorSignature } from '../../error/index.ts';\nimport type { HdsFormFieldSignature } from '../../field/index.ts';\nimport type { HdsFormHelperTextSignature } from '../../helper-text/index.ts';\nimport type { HdsFormLabelSignature } from '../../label';\nimport type { HdsFormSuperSelectSingleBaseSignature } from './base.ts';\nimport type { Select as PowerSelect } from 'ember-power-select/components/power-select';\nimport type { HdsYieldSignature } from '../../../yield/index.ts';\n\nexport interface HdsFormSuperSelectSingleFieldSignature {\n  Args: HdsFormSuperSelectSingleBaseSignature['Args'] &\n    HdsFormFieldSignature['Args'];\n  Blocks: {\n    default: [\n      {\n        Label?: ComponentLike<HdsFormLabelSignature>;\n        HelperText?: ComponentLike<HdsFormHelperTextSignature>;\n        Error?: ComponentLike<HdsFormErrorSignature>;\n        Options?: ComponentLike<HdsYieldSignature>;\n        options?: unknown;\n        select?: PowerSelect;\n      },\n    ];\n  };\n  Element: HdsFormFieldSignature['Element'];\n}\n\nexport default class HdsFormSuperSelectSingleField extends Component<HdsFormSuperSelectSingleFieldSignature> {\n  get idPrefix(): string {\n    return ID_PREFIX;\n  }\n}\n"],"names":["HdsFormSuperSelectSingleField","Component","idPrefix","ID_PREFIX","setComponentTemplate","TEMPLATE"],"mappings":";;;;;AACA,eAAe,kBAAkB,CAAC,u4FAAu4F;;ACDz6F;AACA;AACA;AACA;;AAgCe,MAAMA,6BAA6B,SAASC,SAAS,CAAyC;EAC3G,IAAIC,QAAQA,GAAW;AACrB,IAAA,OAAOC,SAAS;AAClB;AACF;AAACC,oBAAA,CAAAC,QAAA,EAJoBL,6BAA6B,CAAA;;;;"}
+{"version":3,"file":"field.js","sources":["../../../../../../src/components/hds/form/super-select/single/field.hbs","../../../../../../src/components/hds/form/super-select/single/field.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<Hds::Form::Field\\n  @layout=\\\"vertical\\\"\\n  @extraAriaDescribedBy={{@extraAriaDescribedBy}}\\n  @isRequired={{@isRequired}}\\n  @isOptional={{@isOptional}}\\n  @id={{@id}}\\n  as |F|\\n>\\n  {{! Notice: the order of the elements is not relevant here, because is controlled at \\\"Hds::Form::Field\\\" component level }}\\n  {{yield (hash Label=F.Label HelperText=F.HelperText Error=F.Error)}}\\n  <F.Control>\\n    {{! Important: if an argument is added in base.hbs, it must also be added/processed here }}\\n    <Hds::Form::SuperSelect::Single::Base\\n      @afterOptionsComponent={{@afterOptionsComponent}}\\n      @afterOptionsContent={{@afterOptionsContent}}\\n      @ariaDescribedBy={{F.ariaDescribedBy}}\\n      @ariaInvalid={{@ariaInvalid}}\\n      @ariaLabel={{@ariaLabel}}\\n      @ariaLabelledBy={{(concat this.idPrefix F.id)}}\\n      @beforeOptionsComponent={{@beforeOptionsComponent}}\\n      @closeOnSelect={{@closeOnSelect}}\\n      @disabled={{@disabled}}\\n      @dropdownClass={{@dropdownClass}}\\n      @dropdownMaxWidth={{@dropdownMaxWidth}}\\n      @extra={{@extra}}\\n      @groupComponent={{@groupComponent}}\\n      @horizontalPosition={{@horizontalPosition}}\\n      @initiallyOpened={{@initiallyOpened}}\\n      @labelText={{@labelText}}\\n      @loadingMessage={{@loadingMessage}}\\n      @matcher={{@matcher}}\\n      @matchTriggerWidth={{@matchTriggerWidth}}\\n      @noMatchesMessage={{@noMatchesMessage}}\\n      @onBlur={{@onBlur}}\\n      @onChange={{@onChange}}\\n      @onClose={{@onClose}}\\n      @onFocus={{@onFocus}}\\n      @onInput={{@onInput}}\\n      @onKeydown={{@onKeydown}}\\n      @onOpen={{@onOpen}}\\n      @options={{@options}}\\n      @optionsComponent={{@optionsComponent}}\\n      @placeholder={{@placeholder}}\\n      @placeholderComponent={{@placeholderComponent}}\\n      @preventScroll={{@preventScroll}}\\n      @registerAPI={{@registerAPI}}\\n      @renderInPlace={{true}}\\n      @resultCountMessage={{@resultCountMessage}}\\n      @scrollTo={{@scrollTo}}\\n      @search={{@search}}\\n      @searchEnabled={{@searchEnabled}}\\n      @searchField={{@searchField}}\\n      @searchFieldPosition=\\\"before-options\\\"\\n      @searchMessage={{@searchMessage}}\\n      @searchPlaceholder={{@searchPlaceholder}}\\n      @selected={{@selected}}\\n      @selectedItemComponent={{@selectedItemComponent}}\\n      @showAfterOptions={{@showAfterOptions}}\\n      @tabindex={{@tabindex}}\\n      @triggerClass={{@triggerClass}}\\n      @triggerComponent={{@triggerComponent}}\\n      @triggerId={{F.id}}\\n      @triggerRole={{@triggerRole}}\\n      @typeAheadOptionMatcher={{@typeAheadOptionMatcher}}\\n      @verticalPosition={{@verticalPosition}}\\n      @isInvalid={{@isInvalid}}\\n      ...attributes\\n      as |options select|\\n    >\\n      {{yield (hash options=options select=select Options=(component \\\"hds/yield\\\" options=options select=select))}}\\n    </Hds::Form::SuperSelect::Single::Base>\\n  </F.Control>\\n</Hds::Form::Field>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { ID_PREFIX } from '../../label/index.ts';\n\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsFormErrorSignature } from '../../error/index.ts';\nimport type { HdsFormFieldSignature } from '../../field/index.ts';\nimport type { HdsFormHelperTextSignature } from '../../helper-text/index.ts';\nimport type { HdsFormLabelSignature } from '../../label';\nimport type { HdsFormSuperSelectSingleBaseSignature } from './base.ts';\nimport type { Select as PowerSelect } from 'ember-power-select/components/power-select';\nimport type { HdsYieldSignature } from '../../../yield/index.ts';\n\nexport interface HdsFormSuperSelectSingleFieldSignature {\n  Args: HdsFormSuperSelectSingleBaseSignature['Args'] &\n    HdsFormFieldSignature['Args'];\n  Blocks: {\n    default: [\n      {\n        Label?: ComponentLike<HdsFormLabelSignature>;\n        HelperText?: ComponentLike<HdsFormHelperTextSignature>;\n        Error?: ComponentLike<HdsFormErrorSignature>;\n        Options?: ComponentLike<HdsYieldSignature>;\n        options?: unknown;\n        select?: PowerSelect;\n      },\n    ];\n  };\n  Element: HdsFormFieldSignature['Element'];\n}\n\nexport default class HdsFormSuperSelectSingleField extends Component<HdsFormSuperSelectSingleFieldSignature> {\n  get idPrefix(): string {\n    return ID_PREFIX;\n  }\n}\n"],"names":["HdsFormSuperSelectSingleField","Component","idPrefix","ID_PREFIX","setComponentTemplate","TEMPLATE"],"mappings":";;;;;AACA,eAAe,kBAAkB,CAAC,s7FAAs7F;;ACDx9F;AACA;AACA;AACA;;AAgCe,MAAMA,6BAA6B,SAASC,SAAS,CAAyC;EAC3G,IAAIC,QAAQA,GAAW;AACrB,IAAA,OAAOC,SAAS;AAClB;AACF;AAACC,oBAAA,CAAAC,QAAA,EAJoBL,6BAA6B,CAAA;;;;"}

package/dist/components/hds/form/text-input/field.js

@@ -1,4 +1,4 @@
-import { _ as _applyDecoratedDescriptor, b as _initializerDefineProperty } from '../../../../_rollupPluginBabelHelpers-81503waH.js';
+import { _ as _applyDecoratedDescriptor, b as _initializerDefineProperty } from '../../../../_rollupPluginBabelHelpers-C_TsMG3M.js';
 import Component from '@glimmer/component';
 import { tracked } from '@glimmer/tracking';
 import { action } from '@ember/object';

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

@@ -1,4 +1,4 @@
-import { a as _defineProperty } from '../../../_rollupPluginBabelHelpers-81503waH.js';
+import { a as _defineProperty } from '../../../_rollupPluginBabelHelpers-C_TsMG3M.js';
 import Component from '@glimmer/component';
 import { guidFor } from '@ember/object/internals';
 import { assert } from '@ember/debug';

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

@@ -1,4 +1,4 @@
-import { _ as _applyDecoratedDescriptor } from '../../../_rollupPluginBabelHelpers-81503waH.js';
+import { _ as _applyDecoratedDescriptor } from '../../../_rollupPluginBabelHelpers-C_TsMG3M.js';
 import Component from '@glimmer/component';
 import { action } from '@ember/object';
 import { precompileTemplate } from '@ember/template-compilation';

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

@@ -1,4 +1,4 @@
-import { _ as _applyDecoratedDescriptor, b as _initializerDefineProperty } from '../../../_rollupPluginBabelHelpers-81503waH.js';
+import { _ as _applyDecoratedDescriptor, b as _initializerDefineProperty } from '../../../_rollupPluginBabelHelpers-C_TsMG3M.js';
 import Component from '@glimmer/component';
 import { deprecate } from '@ember/debug';
 import { tracked } from '@glimmer/tracking';

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

@@ -1,4 +1,4 @@
-import { _ as _applyDecoratedDescriptor, b as _initializerDefineProperty, a as _defineProperty } from '../../../_rollupPluginBabelHelpers-81503waH.js';
+import { _ as _applyDecoratedDescriptor, b as _initializerDefineProperty, a as _defineProperty } from '../../../_rollupPluginBabelHelpers-C_TsMG3M.js';
 import Component from '@glimmer/component';
 import { tracked } from '@glimmer/tracking';
 import { action } from '@ember/object';
@@ -24,8 +24,8 @@ let HdsModal = (_class = class HdsModal extends Component {
   constructor(...args) {
     super(...args);
     _initializerDefineProperty(this, "_isOpen", _descriptor, this);
-    _defineProperty(this, "_element", void 0);
-    _defineProperty(this, "_body", void 0);
+    _defineProperty(this, "_element", undefined);
+    _defineProperty(this, "_body", undefined);
     _defineProperty(this, "_bodyInitialOverflowValue", '');
   }
   get isDismissDisabled() {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/modal/index.hbs","../../../../src/components/hds/modal/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<Hds::DialogPrimitive::Wrapper\\n  class={{this.classNames}}\\n  ...attributes\\n  aria-labelledby={{this.id}}\\n  {{did-insert this.didInsert}}\\n  {{will-destroy this.willDestroyNode}}\\n  {{! @glint-expect-error - https://github.com/josemarluedke/ember-focus-trap/issues/86 }}\\n  {{focus-trap isActive=this.isOpen focusTrapOptions=(hash onDeactivate=this.onDismiss clickOutsideDeactivates=true)}}\\n>\\n  <:header>\\n    {{yield\\n      (hash\\n        Header=(component\\n          \\\"hds/dialog-primitive/header\\\"\\n          id=this.id\\n          onDismiss=this.onDismiss\\n          contextualClassPrefix=\\\"hds-modal\\\"\\n          titleTag=\\\"h1\\\"\\n        )\\n      )\\n    }}\\n  </:header>\\n  <:body>\\n    {{yield (hash Body=(component \\\"hds/dialog-primitive/body\\\" contextualClass=\\\"hds-modal__body\\\"))}}\\n  </:body>\\n  <:footer>\\n    {{yield\\n      (hash\\n        Footer=(component \\\"hds/dialog-primitive/footer\\\" onDismiss=this.onDismiss contextualClass=\\\"hds-modal__footer\\\")\\n      )\\n    }}\\n  </:footer>\\n</Hds::DialogPrimitive::Wrapper>\\n\\n{{#if this._isOpen}}\\n  <Hds::DialogPrimitive::Overlay @contextualClass=\\\"hds-modal__overlay\\\" />\\n{{/if}}\")","/**\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 } from '@ember/debug';\nimport { getElementId } from '../../../utils/hds-get-element-id.ts';\nimport { buildWaiter } from '@ember/test-waiters';\n\nimport type { WithBoundArgs } from '@glint/template';\nimport type { HdsModalSizes, HdsModalColors } from './types.ts';\n\nimport HdsDialogPrimitiveHeaderComponent from '../dialog-primitive/header.ts';\nimport HdsDialogPrimitiveBodyComponent from '../dialog-primitive/body.ts';\nimport HdsDialogPrimitiveFooterComponent from '../dialog-primitive/footer.ts';\nimport { HdsModalSizeValues, HdsModalColorValues } from './types.ts';\n\nconst waiter = buildWaiter('@hashicorp/design-system-components:modal');\n\nexport const DEFAULT_SIZE = HdsModalSizeValues.Medium;\nexport const DEFAULT_COLOR = HdsModalColorValues.Neutral;\n\nexport const SIZES: string[] = Object.values(HdsModalSizeValues);\nexport const COLORS: string[] = Object.values(HdsModalColorValues);\n\nexport interface HdsModalSignature {\n  Args: {\n    isDismissDisabled?: boolean;\n    size?: HdsModalSizes;\n    color?: HdsModalColors;\n    returnFocusTo?: string;\n    onOpen?: () => void;\n    onClose?: (event: Event) => void;\n  };\n  Blocks: {\n    default: [\n      {\n        Header?: WithBoundArgs<\n          typeof HdsDialogPrimitiveHeaderComponent,\n          'id' | 'onDismiss' | 'contextualClassPrefix'\n        >;\n        Body?: WithBoundArgs<\n          typeof HdsDialogPrimitiveBodyComponent,\n          'contextualClass'\n        >;\n        Footer?: WithBoundArgs<\n          typeof HdsDialogPrimitiveFooterComponent,\n          'onDismiss' | 'contextualClass'\n        >;\n      },\n    ];\n  };\n  Element: HTMLDialogElement;\n}\n\nexport default class HdsModal extends Component<HdsModalSignature> {\n  @tracked private _isOpen = false;\n  private _element!: HTMLDialogElement;\n  private _body!: HTMLElement;\n  private _bodyInitialOverflowValue = '';\n\n  get isDismissDisabled(): boolean {\n    return this.args.isDismissDisabled ?? false;\n  }\n\n  get size(): HdsModalSizes {\n    const { size = DEFAULT_SIZE } = this.args;\n\n    assert(\n      `@size for \"Hds::Modal\" must be one of the following: ${SIZES.join(\n        ', '\n      )}; received: ${size}`,\n      SIZES.includes(size)\n    );\n\n    return size;\n  }\n\n  get color(): HdsModalColors {\n    const { color = DEFAULT_COLOR } = this.args;\n\n    assert(\n      `@color for \"Hds::Modal\" must be one of the following: ${COLORS.join(\n        ', '\n      )}; received: ${color}`,\n      COLORS.includes(color)\n    );\n\n    return color;\n  }\n\n  get id(): string {\n    return getElementId(this);\n  }\n\n  get classNames(): string {\n    const classes = ['hds-modal'];\n\n    // add a class based on the @size argument\n    classes.push(`hds-modal--size-${this.size}`);\n\n    // add a class based on the @color argument\n    classes.push(`hds-modal--color-${this.color}`);\n\n    return classes.join(' ');\n  }\n\n  @action registerOnCloseCallback(event: Event): void {\n    if (\n      !this.isDismissDisabled &&\n      this.args.onClose &&\n      typeof this.args.onClose === 'function'\n    ) {\n      this.args.onClose(event);\n    }\n\n    // If the dismissal of the modal is disabled, we keep the modal open/visible otherwise we mark it as closed\n    if (this.isDismissDisabled) {\n      // If, in a chain of events, the element is not attached to the DOM, the `showModal` would fail\n      // so we add this safeguard condition that checks for the `<dialog>` to have a parent\n      if (this._element.parentElement) {\n        // As there is no way to `preventDefault` on `close` events, we call the `showModal` function\n        // preserving the state of the modal dialog\n        this._element.showModal();\n      }\n    } else {\n      this._isOpen = false;\n    }\n  }\n\n  @action\n  didInsert(element: HTMLDialogElement): void {\n    // Store references of `<dialog>` and `<body>` elements\n    this._element = element;\n    this._body = document.body;\n\n    if (this._body) {\n      // Store the initial `overflow` value of `<body>` so we can reset to it\n      this._bodyInitialOverflowValue =\n        this._body.style.getPropertyValue('overflow');\n    }\n\n    // Register \"onClose\" callback function to be called when a native 'close' event is dispatched\n    this._element.addEventListener('close', this.registerOnCloseCallback, true);\n\n    // If the modal dialog is not already open\n    if (!this._element.open) {\n      this.open();\n    }\n  }\n\n  @action\n  willDestroyNode(): void {\n    if (this._element) {\n      this._element.removeEventListener(\n        'close',\n        this.registerOnCloseCallback,\n        true\n      );\n    }\n  }\n\n  @action\n  open(): void {\n    // Make modal dialog visible using the native `showModal` method\n    this._element.showModal();\n    this._isOpen = true;\n\n    // Prevent page from scrolling when the dialog is open\n    if (this._body) this._body.style.setProperty('overflow', 'hidden');\n\n    // Call \"onOpen\" callback function\n    if (this.args.onOpen && typeof this.args.onOpen === 'function') {\n      this.args.onOpen();\n    }\n  }\n\n  @action\n  async onDismiss(): Promise<void> {\n    // allow ember test helpers to be aware of when the `close` event fires\n    // when using `click` or other helpers from '@ember/test-helpers'\n    // Notice: this code will get stripped out in production builds (DEBUG evaluates to `true` in dev/test builds, but `false` in prod builds)\n    if (this._element.open) {\n      const token = waiter.beginAsync();\n      const listener = () => {\n        waiter.endAsync(token);\n        this._element.removeEventListener('close', listener);\n      };\n      this._element.addEventListener('close', listener);\n    }\n\n    // Make modal dialog invisible using the native `close` method\n    this._element.close();\n\n    // Reset page `overflow` property\n    if (this._body) {\n      this._body.style.removeProperty('overflow');\n      if (this._bodyInitialOverflowValue === '') {\n        if (this._body.style.length === 0) {\n          this._body.removeAttribute('style');\n        }\n      } else {\n        this._body.style.setProperty(\n          'overflow',\n          this._bodyInitialOverflowValue\n        );\n      }\n    }\n\n    // Return focus to a specific element (if provided)\n    if (this.args.returnFocusTo) {\n      const initiator = document.getElementById(this.args.returnFocusTo);\n      if (initiator) {\n        initiator.focus();\n      }\n    }\n  }\n}\n"],"names":["waiter","buildWaiter","DEFAULT_SIZE","HdsModalSizeValues","Medium","DEFAULT_COLOR","HdsModalColorValues","Neutral","SIZES","Object","values","COLORS","HdsModal","_class","Component","constructor","args","_initializerDefineProperty","_descriptor","_defineProperty","isDismissDisabled","size","assert","join","includes","color","id","getElementId","classNames","classes","push","registerOnCloseCallback","event","onClose","_element","parentElement","showModal","_isOpen","didInsert","element","_body","document","body","_bodyInitialOverflowValue","style","getPropertyValue","addEventListener","open","willDestroyNode","removeEventListener","setProperty","onOpen","onDismiss","token","beginAsync","listener","endAsync","close","removeProperty","length","removeAttribute","returnFocusTo","initiator","getElementById","focus","_applyDecoratedDescriptor","prototype","tracked","configurable","enumerable","writable","initializer","action","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/modal/index.hbs","../../../../src/components/hds/modal/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<Hds::DialogPrimitive::Wrapper\\n  class={{this.classNames}}\\n  ...attributes\\n  aria-labelledby={{this.id}}\\n  {{did-insert this.didInsert}}\\n  {{will-destroy this.willDestroyNode}}\\n  {{! @glint-expect-error - https://github.com/josemarluedke/ember-focus-trap/issues/86 }}\\n  {{focus-trap isActive=this.isOpen focusTrapOptions=(hash onDeactivate=this.onDismiss clickOutsideDeactivates=true)}}\\n>\\n  <:header>\\n    {{yield\\n      (hash\\n        Header=(component\\n          \\\"hds/dialog-primitive/header\\\"\\n          id=this.id\\n          onDismiss=this.onDismiss\\n          contextualClassPrefix=\\\"hds-modal\\\"\\n          titleTag=\\\"h1\\\"\\n        )\\n      )\\n    }}\\n  </:header>\\n  <:body>\\n    {{yield (hash Body=(component \\\"hds/dialog-primitive/body\\\" contextualClass=\\\"hds-modal__body\\\"))}}\\n  </:body>\\n  <:footer>\\n    {{yield\\n      (hash\\n        Footer=(component \\\"hds/dialog-primitive/footer\\\" onDismiss=this.onDismiss contextualClass=\\\"hds-modal__footer\\\")\\n      )\\n    }}\\n  </:footer>\\n</Hds::DialogPrimitive::Wrapper>\\n\\n{{#if this._isOpen}}\\n  <Hds::DialogPrimitive::Overlay @contextualClass=\\\"hds-modal__overlay\\\" />\\n{{/if}}\")","/**\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 } from '@ember/debug';\nimport { getElementId } from '../../../utils/hds-get-element-id.ts';\nimport { buildWaiter } from '@ember/test-waiters';\n\nimport type { WithBoundArgs } from '@glint/template';\nimport type { HdsModalSizes, HdsModalColors } from './types.ts';\n\nimport HdsDialogPrimitiveHeaderComponent from '../dialog-primitive/header.ts';\nimport HdsDialogPrimitiveBodyComponent from '../dialog-primitive/body.ts';\nimport HdsDialogPrimitiveFooterComponent from '../dialog-primitive/footer.ts';\nimport { HdsModalSizeValues, HdsModalColorValues } from './types.ts';\n\nconst waiter = buildWaiter('@hashicorp/design-system-components:modal');\n\nexport const DEFAULT_SIZE = HdsModalSizeValues.Medium;\nexport const DEFAULT_COLOR = HdsModalColorValues.Neutral;\n\nexport const SIZES: string[] = Object.values(HdsModalSizeValues);\nexport const COLORS: string[] = Object.values(HdsModalColorValues);\n\nexport interface HdsModalSignature {\n  Args: {\n    isDismissDisabled?: boolean;\n    size?: HdsModalSizes;\n    color?: HdsModalColors;\n    returnFocusTo?: string;\n    onOpen?: () => void;\n    onClose?: (event: Event) => void;\n  };\n  Blocks: {\n    default: [\n      {\n        Header?: WithBoundArgs<\n          typeof HdsDialogPrimitiveHeaderComponent,\n          'id' | 'onDismiss' | 'contextualClassPrefix'\n        >;\n        Body?: WithBoundArgs<\n          typeof HdsDialogPrimitiveBodyComponent,\n          'contextualClass'\n        >;\n        Footer?: WithBoundArgs<\n          typeof HdsDialogPrimitiveFooterComponent,\n          'onDismiss' | 'contextualClass'\n        >;\n      },\n    ];\n  };\n  Element: HTMLDialogElement;\n}\n\nexport default class HdsModal extends Component<HdsModalSignature> {\n  @tracked private _isOpen = false;\n  private _element!: HTMLDialogElement;\n  private _body!: HTMLElement;\n  private _bodyInitialOverflowValue = '';\n\n  get isDismissDisabled(): boolean {\n    return this.args.isDismissDisabled ?? false;\n  }\n\n  get size(): HdsModalSizes {\n    const { size = DEFAULT_SIZE } = this.args;\n\n    assert(\n      `@size for \"Hds::Modal\" must be one of the following: ${SIZES.join(\n        ', '\n      )}; received: ${size}`,\n      SIZES.includes(size)\n    );\n\n    return size;\n  }\n\n  get color(): HdsModalColors {\n    const { color = DEFAULT_COLOR } = this.args;\n\n    assert(\n      `@color for \"Hds::Modal\" must be one of the following: ${COLORS.join(\n        ', '\n      )}; received: ${color}`,\n      COLORS.includes(color)\n    );\n\n    return color;\n  }\n\n  get id(): string {\n    return getElementId(this);\n  }\n\n  get classNames(): string {\n    const classes = ['hds-modal'];\n\n    // add a class based on the @size argument\n    classes.push(`hds-modal--size-${this.size}`);\n\n    // add a class based on the @color argument\n    classes.push(`hds-modal--color-${this.color}`);\n\n    return classes.join(' ');\n  }\n\n  @action registerOnCloseCallback(event: Event): void {\n    if (\n      !this.isDismissDisabled &&\n      this.args.onClose &&\n      typeof this.args.onClose === 'function'\n    ) {\n      this.args.onClose(event);\n    }\n\n    // If the dismissal of the modal is disabled, we keep the modal open/visible otherwise we mark it as closed\n    if (this.isDismissDisabled) {\n      // If, in a chain of events, the element is not attached to the DOM, the `showModal` would fail\n      // so we add this safeguard condition that checks for the `<dialog>` to have a parent\n      if (this._element.parentElement) {\n        // As there is no way to `preventDefault` on `close` events, we call the `showModal` function\n        // preserving the state of the modal dialog\n        this._element.showModal();\n      }\n    } else {\n      this._isOpen = false;\n    }\n  }\n\n  @action\n  didInsert(element: HTMLDialogElement): void {\n    // Store references of `<dialog>` and `<body>` elements\n    this._element = element;\n    this._body = document.body;\n\n    if (this._body) {\n      // Store the initial `overflow` value of `<body>` so we can reset to it\n      this._bodyInitialOverflowValue =\n        this._body.style.getPropertyValue('overflow');\n    }\n\n    // Register \"onClose\" callback function to be called when a native 'close' event is dispatched\n    this._element.addEventListener('close', this.registerOnCloseCallback, true);\n\n    // If the modal dialog is not already open\n    if (!this._element.open) {\n      this.open();\n    }\n  }\n\n  @action\n  willDestroyNode(): void {\n    if (this._element) {\n      this._element.removeEventListener(\n        'close',\n        this.registerOnCloseCallback,\n        true\n      );\n    }\n  }\n\n  @action\n  open(): void {\n    // Make modal dialog visible using the native `showModal` method\n    this._element.showModal();\n    this._isOpen = true;\n\n    // Prevent page from scrolling when the dialog is open\n    if (this._body) this._body.style.setProperty('overflow', 'hidden');\n\n    // Call \"onOpen\" callback function\n    if (this.args.onOpen && typeof this.args.onOpen === 'function') {\n      this.args.onOpen();\n    }\n  }\n\n  @action\n  async onDismiss(): Promise<void> {\n    // allow ember test helpers to be aware of when the `close` event fires\n    // when using `click` or other helpers from '@ember/test-helpers'\n    // Notice: this code will get stripped out in production builds (DEBUG evaluates to `true` in dev/test builds, but `false` in prod builds)\n    if (this._element.open) {\n      const token = waiter.beginAsync();\n      const listener = () => {\n        waiter.endAsync(token);\n        this._element.removeEventListener('close', listener);\n      };\n      this._element.addEventListener('close', listener);\n    }\n\n    // Make modal dialog invisible using the native `close` method\n    this._element.close();\n\n    // Reset page `overflow` property\n    if (this._body) {\n      this._body.style.removeProperty('overflow');\n      if (this._bodyInitialOverflowValue === '') {\n        if (this._body.style.length === 0) {\n          this._body.removeAttribute('style');\n        }\n      } else {\n        this._body.style.setProperty(\n          'overflow',\n          this._bodyInitialOverflowValue\n        );\n      }\n    }\n\n    // Return focus to a specific element (if provided)\n    if (this.args.returnFocusTo) {\n      const initiator = document.getElementById(this.args.returnFocusTo);\n      if (initiator) {\n        initiator.focus();\n      }\n    }\n  }\n}\n"],"names":["waiter","buildWaiter","DEFAULT_SIZE","HdsModalSizeValues","Medium","DEFAULT_COLOR","HdsModalColorValues","Neutral","SIZES","Object","values","COLORS","HdsModal","_class","Component","constructor","args","_initializerDefineProperty","_descriptor","_defineProperty","isDismissDisabled","size","assert","join","includes","color","id","getElementId","classNames","classes","push","registerOnCloseCallback","event","onClose","_element","parentElement","showModal","_isOpen","didInsert","element","_body","document","body","_bodyInitialOverflowValue","style","getPropertyValue","addEventListener","open","willDestroyNode","removeEventListener","setProperty","onOpen","onDismiss","token","beginAsync","listener","endAsync","close","removeProperty","length","removeAttribute","returnFocusTo","initiator","getElementById","focus","_applyDecoratedDescriptor","prototype","tracked","configurable","enumerable","writable","initializer","action","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":"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"}

package/dist/components/hds/pagination/compact/index.js

@@ -1,4 +1,4 @@
-import { _ as _applyDecoratedDescriptor, b as _initializerDefineProperty, a as _defineProperty } from '../../../../_rollupPluginBabelHelpers-81503waH.js';
+import { _ as _applyDecoratedDescriptor, b as _initializerDefineProperty, a as _defineProperty } from '../../../../_rollupPluginBabelHelpers-C_TsMG3M.js';
 import Component from '@glimmer/component';
 import { tracked } from '@glimmer/tracking';
 import { action } from '@ember/object';

package/dist/components/hds/pagination/nav/arrow.js

@@ -1,4 +1,4 @@
-import { _ as _applyDecoratedDescriptor } from '../../../../_rollupPluginBabelHelpers-81503waH.js';
+import { _ as _applyDecoratedDescriptor } from '../../../../_rollupPluginBabelHelpers-C_TsMG3M.js';
 import Component from '@glimmer/component';
 import { action } from '@ember/object';
 import { assert } from '@ember/debug';

package/dist/components/hds/pagination/nav/number.js

@@ -1,4 +1,4 @@
-import { _ as _applyDecoratedDescriptor } from '../../../../_rollupPluginBabelHelpers-81503waH.js';
+import { _ as _applyDecoratedDescriptor } from '../../../../_rollupPluginBabelHelpers-C_TsMG3M.js';
 import Component from '@glimmer/component';
 import { action } from '@ember/object';
 import { assert } from '@ember/debug';

package/dist/components/hds/pagination/numbered/index.js

@@ -1,4 +1,4 @@
-import { _ as _applyDecoratedDescriptor, b as _initializerDefineProperty, a as _defineProperty } from '../../../../_rollupPluginBabelHelpers-81503waH.js';
+import { _ as _applyDecoratedDescriptor, b as _initializerDefineProperty, a as _defineProperty } from '../../../../_rollupPluginBabelHelpers-C_TsMG3M.js';
 import Component from '@glimmer/component';
 import { tracked } from '@glimmer/tracking';
 import { action } from '@ember/object';

package/dist/components/hds/pagination/numbered/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/pagination/numbered/index.hbs","../../../../../src/components/hds/pagination/numbered/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-pagination\\\" ...attributes>\\n  {{#if this.showInfo}}\\n    <Hds::Pagination::Info\\n      @itemsRangeStart={{this.itemsRangeStart}}\\n      @itemsRangeEnd={{this.itemsRangeEnd}}\\n      @totalItems={{@totalItems}}\\n      @showTotalItems={{@showTotalItems}}\\n    />\\n  {{/if}}\\n\\n  <nav class=\\\"hds-pagination-nav\\\" aria-label={{this.ariaLabel}}>\\n    <Hds::Pagination::Nav::Arrow\\n      @direction=\\\"prev\\\"\\n      @showLabel={{this.showLabels}}\\n      @route={{this.routing.route}}\\n      @query={{this.routing.queryPrev}}\\n      @model={{this.routing.model}}\\n      @models={{this.routing.models}}\\n      @replace={{this.routing.replace}}\\n      @onClick={{this.onPageChange}}\\n      @disabled={{this.isDisabledPrev}}\\n    />\\n    {{#if this.showPageNumbers}}\\n      <ul class=\\\"hds-pagination-nav__page-list\\\">\\n        {{#each this.pages as |page|}}\\n          <li class=\\\"hds-pagination-nav__page-item\\\">\\n            {{#if (eq page \\\"…\\\")}}\\n              <Hds::Pagination::Nav::Ellipsis />\\n            {{else}}\\n              <Hds::Pagination::Nav::Number\\n                @page={{this.elliptizedPageArrayItemAsNumber page}}\\n                @route={{this.routing.route}}\\n                @query={{get this.routing.queryPages page}}\\n                @model={{this.routing.model}}\\n                @models={{this.routing.models}}\\n                @replace={{this.routing.replace}}\\n                @onClick={{this.onPageChange}}\\n                @isSelected={{if (eq page this.currentPage) true false}}\\n              />\\n            {{/if}}\\n          </li>\\n        {{/each}}\\n      </ul>\\n    {{/if}}\\n    <Hds::Pagination::Nav::Arrow\\n      @direction=\\\"next\\\"\\n      @showLabel={{this.showLabels}}\\n      @route={{this.routing.route}}\\n      @query={{this.routing.queryNext}}\\n      @model={{this.routing.model}}\\n      @models={{this.routing.models}}\\n      @replace={{this.routing.replace}}\\n      @onClick={{this.onPageChange}}\\n      @disabled={{this.isDisabledNext}}\\n    />\\n  </nav>\\n\\n  {{#if this.showSizeSelector}}\\n    <Hds::Pagination::SizeSelector\\n      @pageSizes={{this.pageSizes}}\\n      @label={{@sizeSelectorLabel}}\\n      @selectedSize={{this.currentPageSize}}\\n      @onChange={{this.onPageSizeChange}}\\n    />\\n  {{/if}}\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\nimport { assert } from '@ember/debug';\nimport { HdsPaginationDirectionValues } from '../types.ts';\n\nimport type {\n  HdsPaginationPage,\n  HdsPaginationRoutingProps,\n  HdsPaginationElliptizedPageArray,\n  HdsPaginationElliptizedPageArrayItem,\n} from '../types';\nimport type { HdsInteractiveSignature } from '../../interactive/index.ts';\ninterface ElliptizeProps {\n  pages: number[];\n  current: number;\n  limit?: number;\n}\n\ntype HdsInteractiveQuery = HdsInteractiveSignature['Args']['query'];\n\ntype HdsPaginationNumberedRoutingQueryProps = HdsPaginationRoutingProps & {\n  queryNext?: HdsInteractiveQuery;\n  queryPrev?: HdsInteractiveQuery;\n  queryPages?: Record<\n    HdsPaginationElliptizedPageArrayItem,\n    HdsInteractiveQuery\n  >;\n};\n\ntype HdsPaginationQueryFunction = (\n  page: number,\n  pageSize: number\n) => HdsInteractiveQuery;\n\ninterface HdsPaginationNumberedArgs extends HdsPaginationRoutingProps {\n  ariaLabel?: string;\n  totalItems: number;\n  showLabels?: boolean;\n  isTruncated?: boolean;\n  currentPage?: number;\n  showInfo?: boolean;\n  showPageNumbers?: boolean;\n  showTotalItems?: boolean;\n  showSizeSelector?: boolean;\n  sizeSelectorLabel?: string;\n  pageSizes?: number[];\n  currentPageSize?: number;\n  queryFunction?: HdsPaginationQueryFunction;\n  onPageChange?: (page: number, pageSize: number) => unknown;\n  onPageSizeChange?: (pageSize: number) => unknown;\n}\n\ninterface HdsPaginationNumberedArgsControlledBase\n  extends HdsPaginationNumberedArgs {\n  currentPage: number;\n  currentPageSize: number;\n  queryFunction: HdsPaginationQueryFunction;\n}\n\ninterface HdsPaginationNumberedArgsControlledWithModel\n  extends HdsPaginationNumberedArgsControlledBase {\n  model: string | number;\n}\n\ninterface HdsPaginationNumberedArgsControlledWithModels\n  extends HdsPaginationNumberedArgsControlledBase {\n  models: Array<string | number>;\n}\ninterface HdsPaginationNumberedArgsControlledWithRoute\n  extends HdsPaginationNumberedArgsControlledBase {\n  route: string;\n}\n\ntype HdsPaginationNumberedArgsControlled =\n  | HdsPaginationNumberedArgsControlledWithModel\n  | HdsPaginationNumberedArgsControlledWithModels\n  | HdsPaginationNumberedArgsControlledWithRoute;\n\ninterface HdsPaginationNumberedArgsUncontrolled\n  extends HdsPaginationNumberedArgs {\n  queryFunction?: undefined;\n}\n\nexport interface HdsPaginationNumberedSignature {\n  Args:\n    | HdsPaginationNumberedArgsControlled\n    | HdsPaginationNumberedArgsUncontrolled;\n  Element: HTMLDivElement;\n}\n\nconst ELLIPSIS = '…';\n\n// for context about the decision to use these values, see:\n// https://hashicorp.slack.com/archives/C03A0N1QK8S/p1673546329082759\nexport const DEFAULT_PAGE_SIZES = [10, 30, 50];\n\nexport const elliptize = ({\n  pages,\n  current,\n  limit = 7,\n}: ElliptizeProps): HdsPaginationElliptizedPageArray => {\n  const length = pages.length;\n\n  let result = [];\n  let start;\n  let end;\n\n  if (length <= limit) {\n    return pages;\n  }\n\n  if (current <= length / 2) {\n    start = Math.ceil(limit / 2);\n    end = limit - start;\n  } else {\n    end = Math.ceil(limit / 2);\n    start = limit - end;\n  }\n\n  const sliceStart: HdsPaginationElliptizedPageArray = pages.slice(0, start);\n  const sliceEnd: HdsPaginationElliptizedPageArray = pages.slice(-end);\n\n  if (sliceStart.includes(current) && sliceStart.includes(current + 1)) {\n    // \"current\" (and its next sibling) is contained within the \"sliceStart\" block\n    sliceEnd.splice(0, 1, ELLIPSIS);\n    result = ([] as HdsPaginationElliptizedPageArray).concat(\n      sliceStart,\n      sliceEnd\n    );\n  } else if (sliceEnd.includes(current - 1) && sliceEnd.includes(current)) {\n    // \"current\" (and its prev sibling) is contained within the \"sliceEnd\" block\n    sliceStart.splice(-1, 1, ELLIPSIS);\n    result = ([] as HdsPaginationElliptizedPageArray).concat(\n      sliceStart,\n      sliceEnd\n    );\n  } else {\n    // this is a bit more tricky :)\n    // we need to calculate how many items there are before/after the current item\n    // since both the initial and ending blocks are always 2 items long (number + ellipsis)\n    // and there is always the \"current\" item, we can just subtract 5 from the limit\n    const delta = (limit - 5) / 2; // this is why the limit needs to be an odd number\n    // we slice the array starting at the \"current\" index, minus the delta, minus one because it's an array (zero-based)\n    const sliceCurr = pages.slice(current - delta - 1, current + delta);\n    result = ([] as HdsPaginationElliptizedPageArray).concat(\n      sliceStart.shift() as number,\n      ELLIPSIS,\n      sliceCurr,\n      ELLIPSIS,\n      sliceEnd.pop() as number\n    );\n  }\n\n  return result;\n};\nexport default class HdsPaginationNumbered extends Component<HdsPaginationNumberedSignature> {\n  // These two private variables are used to differentiate between\n  // \"uncontrolled\" component (where the state is handled internally) and\n  // \"controlled\" component (where the state is handled externally, by the consumer's code).\n  // In the first case, these variables store the internal state of the component at any moment,\n  // and their value is updated internally according to the user's interaction with the component.\n  // In the second case, these variables store *only* the initial state of the component (coming from the arguments)\n  // at rendering time, but from that moment on they're not updated anymore, no matter what interaction the user\n  // has with the component (the state is controlled externally, eg. via query parameters)\n  @tracked private _currentPage;\n  @tracked private _currentPageSize;\n  @tracked private _isControlled;\n\n  showInfo = this.args.showInfo ?? true; // if the \"info\" block is visible\n  showLabels = this.args.showLabels ?? false; // if the labels for the \"prev/next\" controls are visible\n  showSizeSelector = this.args.showSizeSelector ?? true; // if the \"size selector\" block is visible\n  showPageNumbers = this.args.showPageNumbers ?? true; // if the \"page numbers\" block is visible\n  isTruncated = this.args.isTruncated ?? true; // if the list of \"page numbers\" is truncated\n\n  constructor(owner: unknown, args: HdsPaginationNumberedSignature['Args']) {\n    super(owner, args);\n\n    const { queryFunction } = this.args;\n\n    // This component works in two different ways, depending if we need to support\n    // routing through links (`LinkTo`) for the \"navigation controls\", or not.\n    // If there's no routing then the component behaves as \"uncontrolled\"\n    // (the state updates - eg to the \"currentPage\" and \"currentPageSize\"\n    // are handled by its internal logic).\n    // If instead the component needs to update the routing (and we infer this via the \"query\" arguments)\n    // then the component behaves as \"controlled\", where the state is\n    // initialized and updated using the arguments passed to it.\n\n    if (queryFunction === undefined) {\n      this._isControlled = false;\n    } else {\n      assert(\n        '@model, @models, or @route for \"Hds::Pagination::Numbered\" must be provided when using the @queryFunction argument',\n        this.args.model !== undefined ||\n          this.args.models !== undefined ||\n          this.args.route !== undefined\n      );\n      assert(\n        '@queryFunction for \"Hds::Pagination::Numbered\" must be a function',\n        typeof queryFunction === 'function'\n      );\n      assert(\n        '@currentPage and @currentPageSize for \"Hds::Pagination::Numbered\" must be provided as numeric arguments when the pagination controls the routing',\n        typeof this.args.currentPageSize === 'number' &&\n          typeof this.args.currentPage === 'number'\n      );\n      this._isControlled = true;\n    }\n\n    assert(\n      '@totalItems for \"Hds::Pagination::Numbered\" must be defined as an integer number',\n      typeof this.args.totalItems === 'number'\n    );\n\n    this._currentPage = this.args.currentPage ?? 1;\n    // we assert that `this.pageSizes` will always be an array with at least one item\n    this._currentPageSize = this.args.currentPageSize ?? this.pageSizes[0];\n  }\n\n  get ariaLabel(): string {\n    return this.args.ariaLabel ?? 'Pagination';\n  }\n\n  // This very specific `get/set` pattern is used to handle the two different use cases of the component\n  // being \"controlled\" (when it has routing, meaning it needs to support pagination controls as links/`LinkTo`)\n  // vs being \"uncontrolled\" (see comments above for details).\n  //\n  // If it has routing (and so it's \"controlled\"), than the value (\"state\") of the `currentPage/currentPageSize` variables\n  // is *always* determined by the controller via arguments (most of the times, connected to query parameters in the URL).\n  // For this reason the \"get\" method always returns the value from the `args`,\n  // while the \"set\" method never updates the private internal state (_variable).\n  //\n  // If instead it doesn't have routing (and so it's \"uncontrolled\") than the value (\"state\") of the `currentPage/currentPageSize` variables\n  // is *always* determined by the component's internal logic (and updated according to the user interaction with it).\n  // For this reason the \"get\" and \"set\" methods always read from or write to the private internal state (_variable).\n\n  get currentPage(): number {\n    if (this._isControlled) {\n      // if the component is controlled, `@currentPage` is asserted to be a number\n      return this.args.currentPage as number;\n    } else {\n      return this._currentPage;\n    }\n  }\n  set currentPage(value) {\n    if (this._isControlled) {\n      // noop\n    } else {\n      // if `this._isControlled` is `false`\n      this._currentPage = value as number;\n    }\n  }\n\n  get currentPageSize(): number {\n    if (this._isControlled) {\n      // if the component is controlled, `@currentPageSize` is asserted to be a number\n      return this.args.currentPageSize as number;\n    } else {\n      return this._currentPageSize as number;\n    }\n  }\n  set currentPageSize(value) {\n    if (this._isControlled) {\n      // noop\n    } else {\n      this._currentPageSize = value;\n    }\n  }\n\n  get pageSizes(): number[] {\n    const { pageSizes = DEFAULT_PAGE_SIZES } = this.args;\n\n    assert(\n      // TODO: Add test for this\n      `pageSizes argument must be an array with at least one item. Received: ${pageSizes}`,\n      Array.isArray(pageSizes) === true && pageSizes.length > 0\n    );\n\n    return pageSizes;\n  }\n\n  get itemsRangeStart(): number {\n    // Calculate the starting range of items displayed on current page\n    // if currentPage = 1st page and # of items per page is 10:\n    //  ( (1 - 1 = 0) * 10 = 0 ) + 1 = 1\n    // if current page = 2nd page:\n    // ( (2 - 1 = 1) * 10 = 10 ) + 1 = 11\n    return (this.currentPage - 1) * this.currentPageSize + 1;\n  }\n\n  get itemsRangeEnd(): number {\n    // Calculate ending range of items displayed on current page\n    // 2 cases: 1) full page of items or 2) last page of items\n    if (this.currentPage * this.currentPageSize < this.args.totalItems) {\n      // 1) full page of items (pages 1 to page before last):\n      return this.itemsRangeStart + this.currentPageSize - 1;\n    } else {\n      // 2) last page of items:\n      return this.args.totalItems;\n    }\n  }\n\n  get pages(): HdsPaginationElliptizedPageArray {\n    const pages = [];\n\n    for (let i = 1; i <= this.totalPages; i++) {\n      pages.push(i);\n    }\n\n    if (this.isTruncated) {\n      return elliptize({ pages, current: this.currentPage });\n    } else {\n      return pages;\n    }\n  }\n\n  get totalPages() {\n    return Math.max(Math.ceil(this.args.totalItems / this.currentPageSize), 1);\n  }\n\n  buildQueryParamsObject(\n    page: HdsPaginationElliptizedPageArrayItem,\n    pageSize: number\n  ): HdsInteractiveQuery {\n    // `page` may also be ellipsis\n    if (this._isControlled && typeof page === 'number') {\n      // if the component is controlled, `@queryFunction` is asserted to be a function\n      return this.args.queryFunction!(page, pageSize);\n    } else {\n      return {};\n    }\n  }\n\n  get routing(): HdsPaginationNumberedRoutingQueryProps {\n    const routing: HdsPaginationNumberedRoutingQueryProps = {\n      route: this.args.route ?? undefined,\n      model: this.args.model ?? undefined,\n      models: this.args.models ?? undefined,\n      replace: this.args.replace ?? undefined,\n    };\n\n    // the \"query\" is dynamic and needs to be calculated\n    if (this._isControlled) {\n      routing.queryPrev = this.buildQueryParamsObject(\n        this.currentPage - 1,\n        this.currentPageSize\n      );\n      routing.queryNext = this.buildQueryParamsObject(\n        this.currentPage + 1,\n        this.currentPageSize\n      );\n      // IMPORTANT: here we need to use an object and not an array\n      // otherwise the {{get object page}} will be shifted by one\n      // (the pages are 1-based while the array would be zero-based)\n      routing.queryPages = {};\n      this.pages.forEach(\n        (page) =>\n          (routing.queryPages![page] = this.buildQueryParamsObject(\n            page,\n            this.currentPageSize\n          ))\n      );\n    } else {\n      routing.queryPrev = undefined;\n      routing.queryNext = undefined;\n    }\n\n    return routing;\n  }\n\n  get isDisabledPrev() {\n    return this.currentPage === 1;\n  }\n\n  get isDisabledNext() {\n    return this.currentPage === this.totalPages;\n  }\n\n  @action\n  onPageChange(page: HdsPaginationPage) {\n    let gotoPageNumber;\n    if (page === HdsPaginationDirectionValues.Prev && this.currentPage > 1) {\n      gotoPageNumber = this.currentPage - 1;\n    } else if (\n      page === HdsPaginationDirectionValues.Next &&\n      this.currentPage < this.totalPages\n    ) {\n      gotoPageNumber = this.currentPage + 1;\n    } else {\n      gotoPageNumber = page;\n    }\n\n    // we want to invoke the `onPageChange` callback only on actual page change\n    if (gotoPageNumber !== this.currentPage) {\n      // we have already determined that `gotoPageNumber` is not `prev` or `next`\n      this.currentPage = gotoPageNumber as number;\n\n      const { onPageChange } = this.args;\n\n      if (typeof onPageChange === 'function') {\n        onPageChange(this.currentPage, this.currentPageSize);\n      }\n    }\n  }\n\n  @action\n  onPageSizeChange(newPageSize: number) {\n    const { onPageSizeChange } = this.args;\n\n    if (!this._isControlled) {\n      // notice: we agreed to reset the pagination to the first element (any alternative would result in an unpredictable UX)\n      this.currentPage = 1;\n      this.currentPageSize = newPageSize;\n    }\n\n    // invoke the callback function\n    if (typeof onPageSizeChange === 'function') {\n      onPageSizeChange(newPageSize);\n    }\n  }\n\n  elliptizedPageArrayItemAsNumber = (\n    item: HdsPaginationElliptizedPageArrayItem\n  ): number => {\n    if (typeof item === 'number') {\n      return item;\n    } else {\n      throw new Error('Expected a number, but got an ellipsis');\n    }\n  };\n\n  getPageNumberQuery(page: HdsPaginationElliptizedPageArrayItem) {\n    return this.routing.queryPages![this.elliptizedPageArrayItemAsNumber(page)];\n  }\n}\n"],"names":["ELLIPSIS","DEFAULT_PAGE_SIZES","elliptize","pages","current","limit","length","result","start","end","Math","ceil","sliceStart","slice","sliceEnd","includes","splice","concat","delta","sliceCurr","shift","pop","HdsPaginationNumbered","_class","Component","constructor","owner","args","_initializerDefineProperty","_descriptor","_descriptor2","_descriptor3","_defineProperty","showInfo","showLabels","showSizeSelector","showPageNumbers","isTruncated","item","Error","queryFunction","undefined","_isControlled","assert","model","models","route","currentPageSize","currentPage","totalItems","_currentPage","_currentPageSize","pageSizes","ariaLabel","value","Array","isArray","itemsRangeStart","itemsRangeEnd","i","totalPages","push","max","buildQueryParamsObject","page","pageSize","routing","replace","queryPrev","queryNext","queryPages","forEach","isDisabledPrev","isDisabledNext","onPageChange","gotoPageNumber","HdsPaginationDirectionValues","Prev","Next","onPageSizeChange","newPageSize","getPageNumberQuery","elliptizedPageArrayItemAsNumber","_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/pagination/numbered/index.hbs","../../../../../src/components/hds/pagination/numbered/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-pagination\\\" ...attributes>\\n  {{#if this.showInfo}}\\n    <Hds::Pagination::Info\\n      @itemsRangeStart={{this.itemsRangeStart}}\\n      @itemsRangeEnd={{this.itemsRangeEnd}}\\n      @totalItems={{@totalItems}}\\n      @showTotalItems={{@showTotalItems}}\\n    />\\n  {{/if}}\\n\\n  <nav class=\\\"hds-pagination-nav\\\" aria-label={{this.ariaLabel}}>\\n    <Hds::Pagination::Nav::Arrow\\n      @direction=\\\"prev\\\"\\n      @showLabel={{this.showLabels}}\\n      @route={{this.routing.route}}\\n      @query={{this.routing.queryPrev}}\\n      @model={{this.routing.model}}\\n      @models={{this.routing.models}}\\n      @replace={{this.routing.replace}}\\n      @onClick={{this.onPageChange}}\\n      @disabled={{this.isDisabledPrev}}\\n    />\\n    {{#if this.showPageNumbers}}\\n      <ul class=\\\"hds-pagination-nav__page-list\\\">\\n        {{#each this.pages as |page|}}\\n          <li class=\\\"hds-pagination-nav__page-item\\\">\\n            {{#if (eq page \\\"…\\\")}}\\n              <Hds::Pagination::Nav::Ellipsis />\\n            {{else}}\\n              <Hds::Pagination::Nav::Number\\n                @page={{this.elliptizedPageArrayItemAsNumber page}}\\n                @route={{this.routing.route}}\\n                @query={{get this.routing.queryPages page}}\\n                @model={{this.routing.model}}\\n                @models={{this.routing.models}}\\n                @replace={{this.routing.replace}}\\n                @onClick={{this.onPageChange}}\\n                @isSelected={{if (eq page this.currentPage) true false}}\\n              />\\n            {{/if}}\\n          </li>\\n        {{/each}}\\n      </ul>\\n    {{/if}}\\n    <Hds::Pagination::Nav::Arrow\\n      @direction=\\\"next\\\"\\n      @showLabel={{this.showLabels}}\\n      @route={{this.routing.route}}\\n      @query={{this.routing.queryNext}}\\n      @model={{this.routing.model}}\\n      @models={{this.routing.models}}\\n      @replace={{this.routing.replace}}\\n      @onClick={{this.onPageChange}}\\n      @disabled={{this.isDisabledNext}}\\n    />\\n  </nav>\\n\\n  {{#if this.showSizeSelector}}\\n    <Hds::Pagination::SizeSelector\\n      @pageSizes={{this.pageSizes}}\\n      @label={{@sizeSelectorLabel}}\\n      @selectedSize={{this.currentPageSize}}\\n      @onChange={{this.onPageSizeChange}}\\n    />\\n  {{/if}}\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\nimport { assert } from '@ember/debug';\nimport { HdsPaginationDirectionValues } from '../types.ts';\n\nimport type {\n  HdsPaginationPage,\n  HdsPaginationRoutingProps,\n  HdsPaginationElliptizedPageArray,\n  HdsPaginationElliptizedPageArrayItem,\n} from '../types';\nimport type { HdsInteractiveSignature } from '../../interactive/index.ts';\ninterface ElliptizeProps {\n  pages: number[];\n  current: number;\n  limit?: number;\n}\n\ntype HdsInteractiveQuery = HdsInteractiveSignature['Args']['query'];\n\ntype HdsPaginationNumberedRoutingQueryProps = HdsPaginationRoutingProps & {\n  queryNext?: HdsInteractiveQuery;\n  queryPrev?: HdsInteractiveQuery;\n  queryPages?: Record<\n    HdsPaginationElliptizedPageArrayItem,\n    HdsInteractiveQuery\n  >;\n};\n\ntype HdsPaginationQueryFunction = (\n  page: number,\n  pageSize: number\n) => HdsInteractiveQuery;\n\ninterface HdsPaginationNumberedArgs extends HdsPaginationRoutingProps {\n  ariaLabel?: string;\n  totalItems: number;\n  showLabels?: boolean;\n  isTruncated?: boolean;\n  currentPage?: number;\n  showInfo?: boolean;\n  showPageNumbers?: boolean;\n  showTotalItems?: boolean;\n  showSizeSelector?: boolean;\n  sizeSelectorLabel?: string;\n  pageSizes?: number[];\n  currentPageSize?: number;\n  queryFunction?: HdsPaginationQueryFunction;\n  onPageChange?: (page: number, pageSize: number) => unknown;\n  onPageSizeChange?: (pageSize: number) => unknown;\n}\n\ninterface HdsPaginationNumberedArgsControlledBase\n  extends HdsPaginationNumberedArgs {\n  currentPage: number;\n  currentPageSize: number;\n  queryFunction: HdsPaginationQueryFunction;\n}\n\ninterface HdsPaginationNumberedArgsControlledWithModel\n  extends HdsPaginationNumberedArgsControlledBase {\n  model: string | number;\n}\n\ninterface HdsPaginationNumberedArgsControlledWithModels\n  extends HdsPaginationNumberedArgsControlledBase {\n  models: Array<string | number>;\n}\ninterface HdsPaginationNumberedArgsControlledWithRoute\n  extends HdsPaginationNumberedArgsControlledBase {\n  route: string;\n}\n\ntype HdsPaginationNumberedArgsControlled =\n  | HdsPaginationNumberedArgsControlledWithModel\n  | HdsPaginationNumberedArgsControlledWithModels\n  | HdsPaginationNumberedArgsControlledWithRoute;\n\ninterface HdsPaginationNumberedArgsUncontrolled\n  extends HdsPaginationNumberedArgs {\n  queryFunction?: undefined;\n}\n\nexport interface HdsPaginationNumberedSignature {\n  Args:\n    | HdsPaginationNumberedArgsControlled\n    | HdsPaginationNumberedArgsUncontrolled;\n  Element: HTMLDivElement;\n}\n\nconst ELLIPSIS = '…';\n\n// for context about the decision to use these values, see:\n// https://hashicorp.slack.com/archives/C03A0N1QK8S/p1673546329082759\nexport const DEFAULT_PAGE_SIZES = [10, 30, 50];\n\nexport const elliptize = ({\n  pages,\n  current,\n  limit = 7,\n}: ElliptizeProps): HdsPaginationElliptizedPageArray => {\n  const length = pages.length;\n\n  let result = [];\n  let start;\n  let end;\n\n  if (length <= limit) {\n    return pages;\n  }\n\n  if (current <= length / 2) {\n    start = Math.ceil(limit / 2);\n    end = limit - start;\n  } else {\n    end = Math.ceil(limit / 2);\n    start = limit - end;\n  }\n\n  const sliceStart: HdsPaginationElliptizedPageArray = pages.slice(0, start);\n  const sliceEnd: HdsPaginationElliptizedPageArray = pages.slice(-end);\n\n  if (sliceStart.includes(current) && sliceStart.includes(current + 1)) {\n    // \"current\" (and its next sibling) is contained within the \"sliceStart\" block\n    sliceEnd.splice(0, 1, ELLIPSIS);\n    result = ([] as HdsPaginationElliptizedPageArray).concat(\n      sliceStart,\n      sliceEnd\n    );\n  } else if (sliceEnd.includes(current - 1) && sliceEnd.includes(current)) {\n    // \"current\" (and its prev sibling) is contained within the \"sliceEnd\" block\n    sliceStart.splice(-1, 1, ELLIPSIS);\n    result = ([] as HdsPaginationElliptizedPageArray).concat(\n      sliceStart,\n      sliceEnd\n    );\n  } else {\n    // this is a bit more tricky :)\n    // we need to calculate how many items there are before/after the current item\n    // since both the initial and ending blocks are always 2 items long (number + ellipsis)\n    // and there is always the \"current\" item, we can just subtract 5 from the limit\n    const delta = (limit - 5) / 2; // this is why the limit needs to be an odd number\n    // we slice the array starting at the \"current\" index, minus the delta, minus one because it's an array (zero-based)\n    const sliceCurr = pages.slice(current - delta - 1, current + delta);\n    result = ([] as HdsPaginationElliptizedPageArray).concat(\n      sliceStart.shift() as number,\n      ELLIPSIS,\n      sliceCurr,\n      ELLIPSIS,\n      sliceEnd.pop() as number\n    );\n  }\n\n  return result;\n};\nexport default class HdsPaginationNumbered extends Component<HdsPaginationNumberedSignature> {\n  // These two private variables are used to differentiate between\n  // \"uncontrolled\" component (where the state is handled internally) and\n  // \"controlled\" component (where the state is handled externally, by the consumer's code).\n  // In the first case, these variables store the internal state of the component at any moment,\n  // and their value is updated internally according to the user's interaction with the component.\n  // In the second case, these variables store *only* the initial state of the component (coming from the arguments)\n  // at rendering time, but from that moment on they're not updated anymore, no matter what interaction the user\n  // has with the component (the state is controlled externally, eg. via query parameters)\n  @tracked private _currentPage;\n  @tracked private _currentPageSize;\n  @tracked private _isControlled;\n\n  showInfo = this.args.showInfo ?? true; // if the \"info\" block is visible\n  showLabels = this.args.showLabels ?? false; // if the labels for the \"prev/next\" controls are visible\n  showSizeSelector = this.args.showSizeSelector ?? true; // if the \"size selector\" block is visible\n  showPageNumbers = this.args.showPageNumbers ?? true; // if the \"page numbers\" block is visible\n  isTruncated = this.args.isTruncated ?? true; // if the list of \"page numbers\" is truncated\n\n  constructor(owner: unknown, args: HdsPaginationNumberedSignature['Args']) {\n    super(owner, args);\n\n    const { queryFunction } = this.args;\n\n    // This component works in two different ways, depending if we need to support\n    // routing through links (`LinkTo`) for the \"navigation controls\", or not.\n    // If there's no routing then the component behaves as \"uncontrolled\"\n    // (the state updates - eg to the \"currentPage\" and \"currentPageSize\"\n    // are handled by its internal logic).\n    // If instead the component needs to update the routing (and we infer this via the \"query\" arguments)\n    // then the component behaves as \"controlled\", where the state is\n    // initialized and updated using the arguments passed to it.\n\n    if (queryFunction === undefined) {\n      this._isControlled = false;\n    } else {\n      assert(\n        '@model, @models, or @route for \"Hds::Pagination::Numbered\" must be provided when using the @queryFunction argument',\n        this.args.model !== undefined ||\n          this.args.models !== undefined ||\n          this.args.route !== undefined\n      );\n      assert(\n        '@queryFunction for \"Hds::Pagination::Numbered\" must be a function',\n        typeof queryFunction === 'function'\n      );\n      assert(\n        '@currentPage and @currentPageSize for \"Hds::Pagination::Numbered\" must be provided as numeric arguments when the pagination controls the routing',\n        typeof this.args.currentPageSize === 'number' &&\n          typeof this.args.currentPage === 'number'\n      );\n      this._isControlled = true;\n    }\n\n    assert(\n      '@totalItems for \"Hds::Pagination::Numbered\" must be defined as an integer number',\n      typeof this.args.totalItems === 'number'\n    );\n\n    this._currentPage = this.args.currentPage ?? 1;\n    // we assert that `this.pageSizes` will always be an array with at least one item\n    this._currentPageSize = this.args.currentPageSize ?? this.pageSizes[0];\n  }\n\n  get ariaLabel(): string {\n    return this.args.ariaLabel ?? 'Pagination';\n  }\n\n  // This very specific `get/set` pattern is used to handle the two different use cases of the component\n  // being \"controlled\" (when it has routing, meaning it needs to support pagination controls as links/`LinkTo`)\n  // vs being \"uncontrolled\" (see comments above for details).\n  //\n  // If it has routing (and so it's \"controlled\"), than the value (\"state\") of the `currentPage/currentPageSize` variables\n  // is *always* determined by the controller via arguments (most of the times, connected to query parameters in the URL).\n  // For this reason the \"get\" method always returns the value from the `args`,\n  // while the \"set\" method never updates the private internal state (_variable).\n  //\n  // If instead it doesn't have routing (and so it's \"uncontrolled\") than the value (\"state\") of the `currentPage/currentPageSize` variables\n  // is *always* determined by the component's internal logic (and updated according to the user interaction with it).\n  // For this reason the \"get\" and \"set\" methods always read from or write to the private internal state (_variable).\n\n  get currentPage(): number {\n    if (this._isControlled) {\n      // if the component is controlled, `@currentPage` is asserted to be a number\n      return this.args.currentPage as number;\n    } else {\n      return this._currentPage;\n    }\n  }\n  set currentPage(value) {\n    if (this._isControlled) {\n      // noop\n    } else {\n      // if `this._isControlled` is `false`\n      this._currentPage = value as number;\n    }\n  }\n\n  get currentPageSize(): number {\n    if (this._isControlled) {\n      // if the component is controlled, `@currentPageSize` is asserted to be a number\n      return this.args.currentPageSize as number;\n    } else {\n      return this._currentPageSize as number;\n    }\n  }\n  set currentPageSize(value) {\n    if (this._isControlled) {\n      // noop\n    } else {\n      this._currentPageSize = value;\n    }\n  }\n\n  get pageSizes(): number[] {\n    const { pageSizes = DEFAULT_PAGE_SIZES } = this.args;\n\n    assert(\n      // TODO: Add test for this\n      `pageSizes argument must be an array with at least one item. Received: ${pageSizes}`,\n      Array.isArray(pageSizes) === true && pageSizes.length > 0\n    );\n\n    return pageSizes;\n  }\n\n  get itemsRangeStart(): number {\n    // Calculate the starting range of items displayed on current page\n    // if currentPage = 1st page and # of items per page is 10:\n    //  ( (1 - 1 = 0) * 10 = 0 ) + 1 = 1\n    // if current page = 2nd page:\n    // ( (2 - 1 = 1) * 10 = 10 ) + 1 = 11\n    return (this.currentPage - 1) * this.currentPageSize + 1;\n  }\n\n  get itemsRangeEnd(): number {\n    // Calculate ending range of items displayed on current page\n    // 2 cases: 1) full page of items or 2) last page of items\n    if (this.currentPage * this.currentPageSize < this.args.totalItems) {\n      // 1) full page of items (pages 1 to page before last):\n      return this.itemsRangeStart + this.currentPageSize - 1;\n    } else {\n      // 2) last page of items:\n      return this.args.totalItems;\n    }\n  }\n\n  get pages(): HdsPaginationElliptizedPageArray {\n    const pages = [];\n\n    for (let i = 1; i <= this.totalPages; i++) {\n      pages.push(i);\n    }\n\n    if (this.isTruncated) {\n      return elliptize({ pages, current: this.currentPage });\n    } else {\n      return pages;\n    }\n  }\n\n  get totalPages() {\n    return Math.max(Math.ceil(this.args.totalItems / this.currentPageSize), 1);\n  }\n\n  buildQueryParamsObject(\n    page: HdsPaginationElliptizedPageArrayItem,\n    pageSize: number\n  ): HdsInteractiveQuery {\n    // `page` may also be ellipsis\n    if (this._isControlled && typeof page === 'number') {\n      // if the component is controlled, `@queryFunction` is asserted to be a function\n      return this.args.queryFunction!(page, pageSize);\n    } else {\n      return {};\n    }\n  }\n\n  get routing(): HdsPaginationNumberedRoutingQueryProps {\n    const routing: HdsPaginationNumberedRoutingQueryProps = {\n      route: this.args.route ?? undefined,\n      model: this.args.model ?? undefined,\n      models: this.args.models ?? undefined,\n      replace: this.args.replace ?? undefined,\n    };\n\n    // the \"query\" is dynamic and needs to be calculated\n    if (this._isControlled) {\n      routing.queryPrev = this.buildQueryParamsObject(\n        this.currentPage - 1,\n        this.currentPageSize\n      );\n      routing.queryNext = this.buildQueryParamsObject(\n        this.currentPage + 1,\n        this.currentPageSize\n      );\n      // IMPORTANT: here we need to use an object and not an array\n      // otherwise the {{get object page}} will be shifted by one\n      // (the pages are 1-based while the array would be zero-based)\n      routing.queryPages = {};\n      this.pages.forEach(\n        (page) =>\n          (routing.queryPages![page] = this.buildQueryParamsObject(\n            page,\n            this.currentPageSize\n          ))\n      );\n    } else {\n      routing.queryPrev = undefined;\n      routing.queryNext = undefined;\n    }\n\n    return routing;\n  }\n\n  get isDisabledPrev() {\n    return this.currentPage === 1;\n  }\n\n  get isDisabledNext() {\n    return this.currentPage === this.totalPages;\n  }\n\n  @action\n  onPageChange(page: HdsPaginationPage) {\n    let gotoPageNumber;\n    if (page === HdsPaginationDirectionValues.Prev && this.currentPage > 1) {\n      gotoPageNumber = this.currentPage - 1;\n    } else if (\n      page === HdsPaginationDirectionValues.Next &&\n      this.currentPage < this.totalPages\n    ) {\n      gotoPageNumber = this.currentPage + 1;\n    } else {\n      gotoPageNumber = page;\n    }\n\n    // we want to invoke the `onPageChange` callback only on actual page change\n    if (gotoPageNumber !== this.currentPage) {\n      // we have already determined that `gotoPageNumber` is not `prev` or `next`\n      this.currentPage = gotoPageNumber as number;\n\n      const { onPageChange } = this.args;\n\n      if (typeof onPageChange === 'function') {\n        onPageChange(this.currentPage, this.currentPageSize);\n      }\n    }\n  }\n\n  @action\n  onPageSizeChange(newPageSize: number) {\n    const { onPageSizeChange } = this.args;\n\n    if (!this._isControlled) {\n      // notice: we agreed to reset the pagination to the first element (any alternative would result in an unpredictable UX)\n      this.currentPage = 1;\n      this.currentPageSize = newPageSize;\n    }\n\n    // invoke the callback function\n    if (typeof onPageSizeChange === 'function') {\n      onPageSizeChange(newPageSize);\n    }\n  }\n\n  elliptizedPageArrayItemAsNumber = (\n    item: HdsPaginationElliptizedPageArrayItem\n  ): number => {\n    if (typeof item === 'number') {\n      return item;\n    } else {\n      throw new Error('Expected a number, but got an ellipsis');\n    }\n  };\n\n  getPageNumberQuery(page: HdsPaginationElliptizedPageArrayItem) {\n    return this.routing.queryPages![this.elliptizedPageArrayItemAsNumber(page)];\n  }\n}\n"],"names":["ELLIPSIS","DEFAULT_PAGE_SIZES","elliptize","pages","current","limit","length","result","start","end","Math","ceil","sliceStart","slice","sliceEnd","includes","splice","concat","delta","sliceCurr","shift","pop","HdsPaginationNumbered","_class","Component","constructor","owner","args","_initializerDefineProperty","_descriptor","_descriptor2","_descriptor3","_defineProperty","showInfo","showLabels","showSizeSelector","showPageNumbers","isTruncated","item","Error","queryFunction","undefined","_isControlled","assert","model","models","route","currentPageSize","currentPage","totalItems","_currentPage","_currentPageSize","pageSizes","ariaLabel","value","Array","isArray","itemsRangeStart","itemsRangeEnd","i","totalPages","push","max","buildQueryParamsObject","page","pageSize","routing","replace","queryPrev","queryNext","queryPages","forEach","isDisabledPrev","isDisabledNext","onPageChange","gotoPageNumber","HdsPaginationDirectionValues","Prev","Next","onPageSizeChange","newPageSize","getPageNumberQuery","elliptizedPageArrayItemAsNumber","_applyDecoratedDescriptor","prototype","tracked","configurable","enumerable","writable","initializer","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":"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"}