@hashicorp/design-system-components 4.2.0 → 4.4.0

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

@@ -0,0 +1,86 @@
+import { _ as _applyDecoratedDescriptor } from '../../../../../_rollupPluginBabelHelpers-NoJJJNhk.js';
+import PowerSelectComponent from 'ember-power-select/components/power-select';
+import anchoredPositionModifier from '../../../../../modifiers/hds-anchored-position.js';
+import { action } from '@ember/object';
+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={{@registerAPI}}\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    @typeAheadMatcher={{@typeAheadMatcher}}\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;
+const DEFAULT_HORIZONTAL_POSITION = 'bottom-start';
+const HORIZONTAL_POSITION_MAPPING = {
+  left: 'bottom-start',
+  center: 'bottom',
+  right: 'bottom-end'
+};
+let HdsSuperSelectSingleBaseComponent = (_class = class HdsSuperSelectSingleBaseComponent extends PowerSelectComponent {
+  calculatePosition(trigger, content) {
+    // use `hds-anchored-position` to calculate and set position
+    anchoredPositionModifier(content, [trigger], {
+      placement: this.args.horizontalPosition ? HORIZONTAL_POSITION_MAPPING[this.args.horizontalPosition] : DEFAULT_HORIZONTAL_POSITION,
+      offsetOptions: 4,
+      enableCollisionDetection: true
+    });
+    // prevent PowerSelect from setting position
+    return {};
+  }
+
+  /**
+   * Determine if `@afterOptionsComponent` gets displayed
+   * @param showAfterOptions
+   * @type {boolean}
+   * @default false
+   */
+  get showAfterOptions() {
+    return this.args.showAfterOptions ?? this.args.afterOptionsContent ?? false;
+  }
+
+  /**
+   * Get the search placeholder text
+   * @param searchPlaceholder
+   * @type {string}
+   * @default 'Search'
+   */
+  get searchPlaceholder() {
+    return this.args.searchPlaceholder ?? 'Search';
+  }
+
+  /**
+   * Get the maxWidth to apply to the dropdown
+   * @param dropdownMaxWidth
+   * @type {string}
+   * @default 'none'
+   */
+  get dropdownMaxWidthStyle() {
+    const maxWidthStyle = {};
+    if (this.args.dropdownMaxWidth) {
+      maxWidthStyle['--hds-form-super-select-dropdown-max-width'] = this.args.dropdownMaxWidth;
+    }
+    return maxWidthStyle;
+  }
+
+  /**
+   * Get the class names to apply to the component.
+   * @method classNames
+   * @return {string} The "class" attribute to apply to the component.
+   */
+  get classNames() {
+    let classes = ['hds-form-super-select', 'hds-form-super-select-single'];
+
+    // add a class based on the @matchTriggerWidth argument or whether dropdownMaxWidth is set
+    if (this.args.matchTriggerWidth === false || this.args.dropdownMaxWidth) {
+      classes.push('hds-form-super-select--dropdown-content-auto-width');
+    }
+
+    // add a class based on the @isInvalid argument
+    if (this.args.isInvalid) {
+      classes.push(`hds-form-super-select--is-invalid`);
+    }
+    return classes.join(' ');
+  }
+}, (_applyDecoratedDescriptor(_class.prototype, "calculatePosition", [action], Object.getOwnPropertyDescriptor(_class.prototype, "calculatePosition"), _class.prototype)), _class);
+setComponentTemplate(TEMPLATE, HdsSuperSelectSingleBaseComponent);
+
+export { HdsSuperSelectSingleBaseComponent as default };
+//# sourceMappingURL=base.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../../src/components/hds/form/super-select/single/base.hbs","../../../../../../src/components/hds/form/super-select/single/base.js"],"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={{@registerAPI}}\\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    @typeAheadMatcher={{@typeAheadMatcher}}\\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 PowerSelectComponent from 'ember-power-select/components/power-select';\nimport anchoredPositionModifier from '../../../../../modifiers/hds-anchored-position.js';\nimport { action } from '@ember/object';\n\nconst DEFAULT_HORIZONTAL_POSITION = 'bottom-start';\nconst HORIZONTAL_POSITION_MAPPING = {\n  left: 'bottom-start',\n  center: 'bottom',\n  right: 'bottom-end',\n};\n\nexport default class HdsSuperSelectSingleBaseComponent extends PowerSelectComponent {\n  @action calculatePosition(trigger, content) {\n    // use `hds-anchored-position` to calculate and set position\n    anchoredPositionModifier(content, [trigger], {\n      placement: this.args.horizontalPosition\n        ? HORIZONTAL_POSITION_MAPPING[this.args.horizontalPosition]\n        : DEFAULT_HORIZONTAL_POSITION,\n      offsetOptions: 4,\n      enableCollisionDetection: true,\n    });\n    // prevent PowerSelect from setting position\n    return {};\n  }\n\n  /**\n   * Determine if `@afterOptionsComponent` gets displayed\n   * @param showAfterOptions\n   * @type {boolean}\n   * @default false\n   */\n  get showAfterOptions() {\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() {\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() {\n    const maxWidthStyle = {};\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() {\n    let 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","HORIZONTAL_POSITION_MAPPING","left","center","right","HdsSuperSelectSingleBaseComponent","_class","PowerSelectComponent","calculatePosition","trigger","content","anchoredPositionModifier","placement","args","horizontalPosition","offsetOptions","enableCollisionDetection","showAfterOptions","afterOptionsContent","searchPlaceholder","dropdownMaxWidthStyle","maxWidthStyle","dropdownMaxWidth","classNames","classes","matchTriggerWidth","push","isInvalid","join","_applyDecoratedDescriptor","prototype","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;AACA,eAAe,kBAAkB,CAAC,+iFAA+iF;;;ACQjlF,MAAMA,2BAA2B,GAAG,cAAc,CAAA;AAClD,MAAMC,2BAA2B,GAAG;AAClCC,EAAAA,IAAI,EAAE,cAAc;AACpBC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,KAAK,EAAE,YAAA;AACT,CAAC,CAAA;AAEoBC,IAAAA,iCAAiC,IAAAC,MAAA,GAAvC,MAAMD,iCAAiC,SAASE,oBAAoB,CAAC;AAC1EC,EAAAA,iBAAiBA,CAACC,OAAO,EAAEC,OAAO,EAAE;AAC1C;AACAC,IAAAA,wBAAwB,CAACD,OAAO,EAAE,CAACD,OAAO,CAAC,EAAE;AAC3CG,MAAAA,SAAS,EAAE,IAAI,CAACC,IAAI,CAACC,kBAAkB,GACnCb,2BAA2B,CAAC,IAAI,CAACY,IAAI,CAACC,kBAAkB,CAAC,GACzDd,2BAA2B;AAC/Be,MAAAA,aAAa,EAAE,CAAC;AAChBC,MAAAA,wBAAwB,EAAE,IAAA;AAC5B,KAAC,CAAC,CAAA;AACF;AACA,IAAA,OAAO,EAAE,CAAA;AACX,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAIC,gBAAgBA,GAAG;AACrB,IAAA,OAAO,IAAI,CAACJ,IAAI,CAACI,gBAAgB,IAAI,IAAI,CAACJ,IAAI,CAACK,mBAAmB,IAAI,KAAK,CAAA;AAC7E,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAIC,iBAAiBA,GAAG;AACtB,IAAA,OAAO,IAAI,CAACN,IAAI,CAACM,iBAAiB,IAAI,QAAQ,CAAA;AAChD,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAIC,qBAAqBA,GAAG;IAC1B,MAAMC,aAAa,GAAG,EAAE,CAAA;AACxB,IAAA,IAAI,IAAI,CAACR,IAAI,CAACS,gBAAgB,EAAE;MAC9BD,aAAa,CAAC,4CAA4C,CAAC,GACzD,IAAI,CAACR,IAAI,CAACS,gBAAgB,CAAA;AAC9B,KAAA;AACA,IAAA,OAAOD,aAAa,CAAA;AACtB,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIE,UAAUA,GAAG;AACf,IAAA,IAAIC,OAAO,GAAG,CAAC,uBAAuB,EAAE,8BAA8B,CAAC,CAAA;;AAEvE;AACA,IAAA,IAAI,IAAI,CAACX,IAAI,CAACY,iBAAiB,KAAK,KAAK,IAAI,IAAI,CAACZ,IAAI,CAACS,gBAAgB,EAAE;AACvEE,MAAAA,OAAO,CAACE,IAAI,CAAC,oDAAoD,CAAC,CAAA;AACpE,KAAA;;AAEA;AACA,IAAA,IAAI,IAAI,CAACb,IAAI,CAACc,SAAS,EAAE;AACvBH,MAAAA,OAAO,CAACE,IAAI,CAAE,CAAA,iCAAA,CAAkC,CAAC,CAAA;AACnD,KAAA;AAEA,IAAA,OAAOF,OAAO,CAACI,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAC,GAAAC,yBAAA,CAAAvB,MAAA,CAAAwB,SAAA,EAAA,mBAAA,EAAA,CApEEC,MAAM,CAAAC,EAAAA,MAAA,CAAAC,wBAAA,CAAA3B,MAAA,CAAAwB,SAAA,wBAAAxB,MAAA,CAAAwB,SAAA,CAAA,GAAAxB,MAAA,EAAA;AAD6C4B,oBAAA,CAAAC,QAAA,EAAjC9B,iCAAiC,CAAA;;;;"}

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

@@ -0,0 +1,21 @@
+import PowerSelectComponent from 'ember-power-select/components/power-select';
+import { ID_PREFIX } from '../../label/index.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{! @glint-nocheck: not typesafe yet }}\n{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<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 isRequired=F.isRequired isOptional=F.isOptional)}}\n  {{yield (hash 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      @typeAheadMatcher={{@typeAheadMatcher}}\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.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+class HdsSuperSelectSingleFieldComponent extends PowerSelectComponent {
+  get idPrefix() {
+    return ID_PREFIX;
+  }
+}
+setComponentTemplate(TEMPLATE, HdsSuperSelectSingleFieldComponent);
+
+export { HdsSuperSelectSingleFieldComponent as default };
+//# sourceMappingURL=field.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field.js","sources":["../../../../../../src/components/hds/form/super-select/single/field.hbs","../../../../../../src/components/hds/form/super-select/single/field.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! @glint-nocheck: not typesafe yet }}\\n{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<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 isRequired=F.isRequired isOptional=F.isOptional)}}\\n  {{yield (hash 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      @typeAheadMatcher={{@typeAheadMatcher}}\\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 PowerSelectComponent from 'ember-power-select/components/power-select';\nimport { ID_PREFIX } from '../../label/index.js';\n\nexport default class HdsSuperSelectSingleFieldComponent extends PowerSelectComponent {\n  get idPrefix() {\n    return ID_PREFIX;\n  }\n}\n"],"names":["HdsSuperSelectSingleFieldComponent","PowerSelectComponent","idPrefix","ID_PREFIX","setComponentTemplate","TEMPLATE"],"mappings":";;;;;AACA,eAAe,kBAAkB,CAAC,w+FAAw+F;;ACD1gG;AACA;AACA;AACA;;AAKe,MAAMA,kCAAkC,SAASC,oBAAoB,CAAC;EACnF,IAAIC,QAAQA,GAAG;AACb,IAAA,OAAOC,SAAS,CAAA;AAClB,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EAJoBL,kCAAkC,CAAA;;;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"field.js","sources":["../../../../../src/components/hds/form/text-input/field.hbs","../../../../../src/components/hds/form/text-input/field.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! @glint-nocheck: not typesafe yet }}\\n{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<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\\n    (hash\\n      Label=F.Label\\n      isRequired=F.isRequired\\n      isOptional=F.isOptional\\n      HelperText=F.HelperText\\n      Error=F.Error\\n      CharacterCount=(component F.CharacterCount value=@value)\\n    )\\n  }}\\n  <F.Control>\\n    <div class=\\\"hds-form-text-input__wrapper\\\" {{style width=@width}}>\\n      <Hds::Form::TextInput::Base\\n        @type={{this.type}}\\n        @value={{@value}}\\n        @isInvalid={{@isInvalid}}\\n        @isLoading={{@isLoading}}\\n        @hasVisibilityToggle={{this.showVisibilityToggle}}\\n        required={{@isRequired}}\\n        ...attributes\\n        id={{F.id}}\\n        aria-describedby={{F.ariaDescribedBy}}\\n      />\\n      {{#if this.showVisibilityToggle}}\\n        <Hds::Form::VisibilityToggle\\n          @isVisible={{this.isPasswordMasked}}\\n          @ariaLabel={{this.visibilityToggleAriaLabel}}\\n          @ariaMessageText={{this.visibilityToggleAriaMessageText}}\\n          aria-controls={{F.id}}\\n          class=\\\"hds-form-text-input__visibility-toggle\\\"\\n          {{on \\\"click\\\" this.onClickTogglePasswordReadability}}\\n        />\\n      {{/if}}\\n    </div>\\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 { tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\n\nexport default class HdsFormTextInputFieldComponent extends Component {\n  @tracked isPasswordMasked = true;\n  @tracked hasVisibilityToggle = this.args.hasVisibilityToggle ?? true;\n  @tracked type = this.args.type ?? 'text';\n\n  /**\n   * @param showVisibilityToggle\n   * @type {boolean}\n   * @default false\n   */\n  get showVisibilityToggle() {\n    return this.args.type === 'password' && this.hasVisibilityToggle;\n  }\n\n  /**\n   * @param visibilityToggleAriaLabel\n   * @type {string}\n   * @default 'Show password'\n   */\n  get visibilityToggleAriaLabel() {\n    if (this.args.visibilityToggleAriaLabel) {\n      return this.args.visibilityToggleAriaLabel;\n    } else if (this.isPasswordMasked) {\n      return 'Show password';\n    } else {\n      return 'Hide password';\n    }\n  }\n\n  /**\n   * @param visibilityToggleAriaMessageText\n   * @type {string}\n   * @default 'Password is now hidden'\n   */\n  get visibilityToggleAriaMessageText() {\n    if (this.args.visibilityToggleAriaMessageText) {\n      return this.args.visibilityToggleAriaMessageText;\n    } else if (this.isPasswordMasked) {\n      return 'Password is hidden';\n    } else {\n      return 'Password is visible';\n    }\n  }\n\n  @action\n  onClickTogglePasswordReadability() {\n    this.isPasswordMasked = !this.isPasswordMasked;\n    this.type = this.isPasswordMasked ? 'password' : 'text';\n  }\n}\n"],"names":["HdsFormTextInputFieldComponent","_class","Component","constructor","args","_initializerDefineProperty","_descriptor","_descriptor2","_descriptor3","showVisibilityToggle","type","hasVisibilityToggle","visibilityToggleAriaLabel","isPasswordMasked","visibilityToggleAriaMessageText","onClickTogglePasswordReadability","_applyDecoratedDescriptor","prototype","tracked","configurable","enumerable","writable","initializer","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":"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"}
+{"version":3,"file":"field.js","sources":["../../../../../src/components/hds/form/text-input/field.hbs","../../../../../src/components/hds/form/text-input/field.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! @glint-nocheck: not typesafe yet }}\\n{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<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\\n    (hash\\n      Label=F.Label\\n      isRequired=F.isRequired\\n      isOptional=F.isOptional\\n      HelperText=F.HelperText\\n      Error=F.Error\\n      CharacterCount=(component F.CharacterCount value=@value)\\n    )\\n  }}\\n  <F.Control>\\n    <div class=\\\"hds-form-text-input__wrapper\\\" {{style width=@width}}>\\n      <Hds::Form::TextInput::Base\\n        @type={{this.type}}\\n        @value={{@value}}\\n        @isInvalid={{@isInvalid}}\\n        @isLoading={{@isLoading}}\\n        @hasVisibilityToggle={{this.showVisibilityToggle}}\\n        required={{@isRequired}}\\n        ...attributes\\n        id={{F.id}}\\n        aria-describedby={{F.ariaDescribedBy}}\\n      />\\n      {{#if this.showVisibilityToggle}}\\n        <Hds::Form::VisibilityToggle\\n          @isVisible={{this.isPasswordMasked}}\\n          @ariaLabel={{this.visibilityToggleAriaLabel}}\\n          @ariaMessageText={{this.visibilityToggleAriaMessageText}}\\n          aria-controls={{F.id}}\\n          class=\\\"hds-form-text-input__visibility-toggle\\\"\\n          {{on \\\"click\\\" this.onClickTogglePasswordReadability}}\\n        />\\n      {{/if}}\\n    </div>\\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 { tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\n\nexport default class HdsFormTextInputFieldComponent extends Component {\n  @tracked isPasswordMasked = true;\n  @tracked hasVisibilityToggle = this.args.hasVisibilityToggle ?? true;\n  @tracked type = this.args.type ?? 'text';\n\n  /**\n   * @param showVisibilityToggle\n   * @type {boolean}\n   * @default false\n   */\n  get showVisibilityToggle() {\n    return this.args.type === 'password' && this.hasVisibilityToggle;\n  }\n\n  /**\n   * @param visibilityToggleAriaLabel\n   * @type {string}\n   * @default 'Show password'\n   */\n  get visibilityToggleAriaLabel() {\n    if (this.args.visibilityToggleAriaLabel) {\n      return this.args.visibilityToggleAriaLabel;\n    } else if (this.isPasswordMasked) {\n      return 'Show password';\n    } else {\n      return 'Hide password';\n    }\n  }\n\n  /**\n   * @param visibilityToggleAriaMessageText\n   * @type {string}\n   * @default 'Password is now hidden'\n   */\n  get visibilityToggleAriaMessageText() {\n    if (this.args.visibilityToggleAriaMessageText) {\n      return this.args.visibilityToggleAriaMessageText;\n    } else if (this.isPasswordMasked) {\n      return 'Password is hidden';\n    } else {\n      return 'Password is visible';\n    }\n  }\n\n  @action\n  onClickTogglePasswordReadability() {\n    this.isPasswordMasked = !this.isPasswordMasked;\n    this.type = this.isPasswordMasked ? 'password' : 'text';\n  }\n}\n"],"names":["HdsFormTextInputFieldComponent","_class","Component","constructor","args","_initializerDefineProperty","_descriptor","_descriptor2","_descriptor3","showVisibilityToggle","type","hasVisibilityToggle","visibilityToggleAriaLabel","isPasswordMasked","visibilityToggleAriaMessageText","onClickTogglePasswordReadability","_applyDecoratedDescriptor","prototype","tracked","configurable","enumerable","writable","initializer","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":"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"}

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

@@ -1,9 +1,10 @@
 import Component from '@glimmer/component';
 import { assert } from '@ember/debug';
+import { HdsIconTileColorNeutral, HdsIconTileProductValues, HdsIconTileSizeValues } from './types.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{! @glint-nocheck: not typesafe yet }}\n{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<div class={{this.classNames}} aria-hidden=\"true\" ...attributes>\n  {{#if @icon}}\n    <div class=\"hds-icon-tile__icon\">\n      <FlightIcon @name={{this.icon}} @size={{this.iconSize}} @stretched={{true}} />\n    </div>\n  {{/if}}\n  {{#if @logo}}\n    <div class=\"hds-icon-tile__logo\">\n      <FlightIcon @name={{this.icon}} @size={{this.iconSize}} @stretched={{true}} />\n    </div>\n  {{/if}}\n  {{#if this.iconSecondary}}\n    <div class=\"hds-icon-tile__extra\">\n      <div class=\"hds-icon-tile__extra-icon\">\n        <FlightIcon @name={{this.iconSecondary}} @size=\"16\" @stretched={{true}} />\n      </div>\n    </div>\n  {{/if}}\n</div>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<div class={{this.classNames}} aria-hidden=\"true\" ...attributes>\n  {{#if @icon}}\n    <div class=\"hds-icon-tile__icon\">\n      <FlightIcon @name={{this.icon}} @size={{this.iconSize}} @stretched={{true}} />\n    </div>\n  {{/if}}\n  {{#if @logo}}\n    <div class=\"hds-icon-tile__logo\">\n      <FlightIcon @name={{this.icon}} @size={{this.iconSize}} @stretched={{true}} />\n    </div>\n  {{/if}}\n  {{#if this.iconSecondary}}\n    <div class=\"hds-icon-tile__extra\">\n      <div class=\"hds-icon-tile__extra-icon\">\n        <FlightIcon @name={{this.iconSecondary}} @size=\"16\" @stretched={{true}} />\n      </div>\n    </div>\n  {{/if}}\n</div>");
 
 /**
  * Copyright (c) HashiCorp, Inc.
@@ -12,10 +13,13 @@ var TEMPLATE = precompileTemplate("{{! @glint-nocheck: not typesafe yet }}\n{{!\
 
 const DEFAULT_SIZE = 'medium';
 const DEFAULT_COLOR = 'neutral';
-const SIZES = ['small', 'medium', 'large'];
-const PRODUCTS = ['boundary', 'consul', 'hcp', 'nomad', 'packer', 'terraform', 'vagrant', 'vault', 'vault-secrets', 'vault-radar', 'waypoint'];
-const COLORS = ['neutral', ...PRODUCTS];
-class HdsIconTileIndexComponent extends Component {
+const SIZES = Object.values(HdsIconTileSizeValues);
+const COLORS = Object.values({
+  ...HdsIconTileColorNeutral,
+  ...HdsIconTileProductValues
+});
+const PRODUCTS = Object.values(HdsIconTileProductValues);
+class HdsIconTileComponent extends Component {
   /**
    * Sets the size for the component
    * Accepted values: small, medium, large
@@ -25,7 +29,7 @@ class HdsIconTileIndexComponent extends Component {
    * @default 'medium'
    */
   get size() {
-    let {
+    const {
       size = DEFAULT_SIZE
     } = this.args;
     assert(`@size for "Hds::IconTile" must be one of the following: ${SIZES.join(', ')}; received: ${size}`, SIZES.includes(size));
@@ -68,7 +72,7 @@ class HdsIconTileIndexComponent extends Component {
     } else if (this.args.icon) {
       return this.args.icon;
     } else {
-      return null;
+      return undefined;
     }
   }
 
@@ -94,7 +98,7 @@ class HdsIconTileIndexComponent extends Component {
    * @default null
    */
   get logo() {
-    let {
+    const {
       logo
     } = this.args;
     if (logo) {
@@ -139,7 +143,7 @@ class HdsIconTileIndexComponent extends Component {
    */
   // hds-icon-tile {{this.entityClass}} {{this.sizeClass}} {{this.colorClass}}"
   get classNames() {
-    let classes = ['hds-icon-tile'];
+    const classes = ['hds-icon-tile'];
 
     // add a class based on its entity argument
     classes.push(`hds-icon-tile--${this.entity}`);
@@ -152,7 +156,7 @@ class HdsIconTileIndexComponent extends Component {
     return classes.join(' ');
   }
 }
-setComponentTemplate(TEMPLATE, HdsIconTileIndexComponent);
+setComponentTemplate(TEMPLATE, HdsIconTileComponent);
 
-export { COLORS, DEFAULT_COLOR, DEFAULT_SIZE, PRODUCTS, SIZES, HdsIconTileIndexComponent as default };
+export { COLORS, DEFAULT_COLOR, DEFAULT_SIZE, PRODUCTS, SIZES, HdsIconTileComponent as default };
 //# sourceMappingURL=index.js.map

package/dist/components/hds/icon-tile/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/icon-tile/index.hbs","../../../../src/components/hds/icon-tile/index.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! @glint-nocheck: not typesafe yet }}\\n{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<div class={{this.classNames}} aria-hidden=\\\"true\\\" ...attributes>\\n  {{#if @icon}}\\n    <div class=\\\"hds-icon-tile__icon\\\">\\n      <FlightIcon @name={{this.icon}} @size={{this.iconSize}} @stretched={{true}} />\\n    </div>\\n  {{/if}}\\n  {{#if @logo}}\\n    <div class=\\\"hds-icon-tile__logo\\\">\\n      <FlightIcon @name={{this.icon}} @size={{this.iconSize}} @stretched={{true}} />\\n    </div>\\n  {{/if}}\\n  {{#if this.iconSecondary}}\\n    <div class=\\\"hds-icon-tile__extra\\\">\\n      <div class=\\\"hds-icon-tile__extra-icon\\\">\\n        <FlightIcon @name={{this.iconSecondary}} @size=\\\"16\\\" @stretched={{true}} />\\n      </div>\\n    </div>\\n  {{/if}}\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\n\nexport const DEFAULT_SIZE = 'medium';\nexport const DEFAULT_COLOR = 'neutral';\nexport const SIZES = ['small', 'medium', 'large'];\nexport const PRODUCTS = [\n  'boundary',\n  'consul',\n  'hcp',\n  'nomad',\n  'packer',\n  'terraform',\n  'vagrant',\n  'vault',\n  'vault-secrets',\n  'vault-radar',\n  'waypoint',\n];\nexport const COLORS = ['neutral', ...PRODUCTS];\n\nexport default class HdsIconTileIndexComponent extends Component {\n  /**\n   * Sets the size for the component\n   * Accepted values: small, medium, large\n   *\n   * @param size\n   * @type {string}\n   * @default 'medium'\n   */\n  get size() {\n    let { size = DEFAULT_SIZE } = this.args;\n\n    assert(\n      `@size for \"Hds::IconTile\" must be one of the following: ${SIZES.join(\n        ', '\n      )}; received: ${size}`,\n      SIZES.includes(size)\n    );\n\n    return size;\n  }\n\n  /**\n   * Sets the color scheme for the component\n   * Accepted values: see THE COLORS LIST\n   *\n   * @param color\n   * @type {string}\n   * @default 'neutral'\n   */\n  get color() {\n    let { color = DEFAULT_COLOR } = this.args;\n\n    // if it's a \"logo\" then we overwrite any @color parameter passed\n    // and just use the product \"brand\" color\n    if (this.logo) {\n      color = this.logo;\n    }\n\n    assert(\n      `@color for \"Hds::IconTile\" must be one of the following: ${COLORS.join(\n        ', '\n      )}; received: ${color}`,\n      COLORS.includes(color)\n    );\n\n    return color;\n  }\n\n  /**\n   * Sets the icon name (one of the FlightIcons)\n   *\n   * @param icon\n   * @type {string|null}\n   * @default null\n   */\n  get icon() {\n    if (this.args.logo) {\n      // for the logo version we use the colored versions directly\n      return `${this.args.logo}-color`;\n    } else if (this.args.icon) {\n      return this.args.icon;\n    } else {\n      return null;\n    }\n  }\n\n  /**\n   * @param iconSize\n   * @type {string}\n   * @default 16\n   * @description ensures that the correct icon size is used. Automatically calculated.\n   */\n  get iconSize() {\n    if (this.args.size === 'small') {\n      return '16';\n    } else {\n      return '24';\n    }\n  }\n\n  /**\n   * Sets the logo name if there is one\n   *\n   * @param logo\n   * @type {string|null}\n   * @default null\n   */\n  get logo() {\n    let { logo } = this.args;\n\n    if (logo) {\n      assert(\n        `@logo for \"Hds::IconTile\" must be one of the following: ${PRODUCTS.join(\n          ', '\n        )}; received: ${logo}`,\n        PRODUCTS.includes(logo)\n      );\n    }\n\n    return logo ?? null;\n  }\n\n  /**\n   * We need to differentiate between a logo and an icon\n   * @method IconTile#entity\n   * @return {string} The kind of entity we're dealing with (\"logo\" or \"icon\")\n   */\n  get entity() {\n    let entity;\n\n    assert(\n      `you can't pass both @logo and @icon properties to the \"Hds::IconTile\" component`,\n      !(this.args.logo && this.args.icon)\n    );\n\n    assert(\n      `you need to pass @logo or @icon to the \"Hds::IconTile\" component`,\n      !(this.args.logo === undefined && this.args.icon === undefined)\n    );\n\n    if (this.args.logo) {\n      entity = 'logo';\n    }\n    if (this.args.icon) {\n      entity = 'icon';\n    }\n\n    return entity;\n  }\n\n  /**\n   * Sets the \"secondary\" icon name (one of the FlightIcons)\n   *\n   * @param iconSecondary\n   * @type {string|null}\n   * @default null\n   */\n  get iconSecondary() {\n    return this.args.iconSecondary ?? null;\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method IconTile#classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  // hds-icon-tile {{this.entityClass}} {{this.sizeClass}} {{this.colorClass}}\"\n  get classNames() {\n    let classes = ['hds-icon-tile'];\n\n    // add a class based on its entity argument\n    classes.push(`hds-icon-tile--${this.entity}`);\n\n    // add a class based on the @size argument\n    classes.push(`hds-icon-tile--size-${this.size}`);\n\n    // add a class based on the @color argument\n    classes.push(`hds-icon-tile--color-${this.color}`);\n\n    return classes.join(' ');\n  }\n}\n"],"names":["DEFAULT_SIZE","DEFAULT_COLOR","SIZES","PRODUCTS","COLORS","HdsIconTileIndexComponent","Component","size","args","assert","join","includes","color","logo","icon","iconSize","entity","undefined","iconSecondary","classNames","classes","push","setComponentTemplate","TEMPLATE"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/icon-tile/index.hbs","../../../../src/components/hds/icon-tile/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={{this.classNames}} aria-hidden=\\\"true\\\" ...attributes>\\n  {{#if @icon}}\\n    <div class=\\\"hds-icon-tile__icon\\\">\\n      <FlightIcon @name={{this.icon}} @size={{this.iconSize}} @stretched={{true}} />\\n    </div>\\n  {{/if}}\\n  {{#if @logo}}\\n    <div class=\\\"hds-icon-tile__logo\\\">\\n      <FlightIcon @name={{this.icon}} @size={{this.iconSize}} @stretched={{true}} />\\n    </div>\\n  {{/if}}\\n  {{#if this.iconSecondary}}\\n    <div class=\\\"hds-icon-tile__extra\\\">\\n      <div class=\\\"hds-icon-tile__extra-icon\\\">\\n        <FlightIcon @name={{this.iconSecondary}} @size=\\\"16\\\" @stretched={{true}} />\\n      </div>\\n    </div>\\n  {{/if}}\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\n\nimport {\n  HdsIconTileColorNeutral,\n  HdsIconTileProductValues,\n  HdsIconTileSizeValues,\n} from './types.ts';\n\nimport type {\n  HdsIconTileColors,\n  HdsIconTileProducts,\n  HdsIconTileSizes,\n} from './types.ts';\n\nexport const DEFAULT_SIZE = 'medium';\nexport const DEFAULT_COLOR = 'neutral';\nexport const SIZES: string[] = Object.values(HdsIconTileSizeValues);\nexport const COLORS: string[] = Object.values({\n  ...HdsIconTileColorNeutral,\n  ...HdsIconTileProductValues,\n});\nexport const PRODUCTS: string[] = Object.values(HdsIconTileProductValues);\n\nexport interface HdsIconTileSignature {\n  Args: {\n    size?: HdsIconTileSizes;\n    color?: HdsIconTileColors;\n    logo?: HdsIconTileProducts;\n    icon?: string | null;\n    iconSecondary?: string;\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsIconTileComponent extends Component<HdsIconTileSignature> {\n  /**\n   * Sets the size for the component\n   * Accepted values: small, medium, large\n   *\n   * @param size\n   * @type {string}\n   * @default 'medium'\n   */\n  get size() {\n    const { size = DEFAULT_SIZE } = this.args;\n\n    assert(\n      `@size for \"Hds::IconTile\" must be one of the following: ${SIZES.join(\n        ', '\n      )}; received: ${size}`,\n      SIZES.includes(size)\n    );\n\n    return size;\n  }\n\n  /**\n   * Sets the color scheme for the component\n   * Accepted values: see THE COLORS LIST\n   *\n   * @param color\n   * @type {string}\n   * @default 'neutral'\n   */\n  get color() {\n    let { color = DEFAULT_COLOR } = this.args;\n\n    // if it's a \"logo\" then we overwrite any @color parameter passed\n    // and just use the product \"brand\" color\n    if (this.logo) {\n      color = this.logo;\n    }\n\n    assert(\n      `@color for \"Hds::IconTile\" must be one of the following: ${COLORS.join(\n        ', '\n      )}; received: ${color}`,\n      COLORS.includes(color)\n    );\n\n    return color;\n  }\n\n  /**\n   * Sets the icon name (one of the FlightIcons)\n   *\n   * @param icon\n   * @type {string|null}\n   * @default null\n   */\n  get icon() {\n    if (this.args.logo) {\n      // for the logo version we use the colored versions directly\n      return `${this.args.logo}-color`;\n    } else if (this.args.icon) {\n      return this.args.icon;\n    } else {\n      return undefined;\n    }\n  }\n\n  /**\n   * @param iconSize\n   * @type {string}\n   * @default 16\n   * @description ensures that the correct icon size is used. Automatically calculated.\n   */\n  get iconSize() {\n    if (this.args.size === 'small') {\n      return '16';\n    } else {\n      return '24';\n    }\n  }\n\n  /**\n   * Sets the logo name if there is one\n   *\n   * @param logo\n   * @type {string|null}\n   * @default null\n   */\n  get logo() {\n    const { logo } = this.args;\n\n    if (logo) {\n      assert(\n        `@logo for \"Hds::IconTile\" must be one of the following: ${PRODUCTS.join(\n          ', '\n        )}; received: ${logo}`,\n        PRODUCTS.includes(logo)\n      );\n    }\n\n    return logo ?? null;\n  }\n\n  /**\n   * We need to differentiate between a logo and an icon\n   * @method IconTile#entity\n   * @return {string} The kind of entity we're dealing with (\"logo\" or \"icon\")\n   */\n  get entity() {\n    let entity;\n\n    assert(\n      `you can't pass both @logo and @icon properties to the \"Hds::IconTile\" component`,\n      !(this.args.logo && this.args.icon)\n    );\n\n    assert(\n      `you need to pass @logo or @icon to the \"Hds::IconTile\" component`,\n      !(this.args.logo === undefined && this.args.icon === undefined)\n    );\n\n    if (this.args.logo) {\n      entity = 'logo';\n    }\n    if (this.args.icon) {\n      entity = 'icon';\n    }\n\n    return entity;\n  }\n\n  /**\n   * Sets the \"secondary\" icon name (one of the FlightIcons)\n   *\n   * @param iconSecondary\n   * @type {string|null}\n   * @default null\n   */\n  get iconSecondary() {\n    return this.args.iconSecondary ?? null;\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method IconTile#classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  // hds-icon-tile {{this.entityClass}} {{this.sizeClass}} {{this.colorClass}}\"\n  get classNames() {\n    const classes = ['hds-icon-tile'];\n\n    // add a class based on its entity argument\n    classes.push(`hds-icon-tile--${this.entity}`);\n\n    // add a class based on the @size argument\n    classes.push(`hds-icon-tile--size-${this.size}`);\n\n    // add a class based on the @color argument\n    classes.push(`hds-icon-tile--color-${this.color}`);\n\n    return classes.join(' ');\n  }\n}\n"],"names":["DEFAULT_SIZE","DEFAULT_COLOR","SIZES","Object","values","HdsIconTileSizeValues","COLORS","HdsIconTileColorNeutral","HdsIconTileProductValues","PRODUCTS","HdsIconTileComponent","Component","size","args","assert","join","includes","color","logo","icon","undefined","iconSize","entity","iconSecondary","classNames","classes","push","setComponentTemplate","TEMPLATE"],"mappings":"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"}

package/dist/components/hds/icon-tile/types.js

@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+let HdsIconTileSizeValues = /*#__PURE__*/function (HdsIconTileSizeValues) {
+  HdsIconTileSizeValues["Small"] = "small";
+  HdsIconTileSizeValues["Medium"] = "medium";
+  HdsIconTileSizeValues["Large"] = "large";
+  return HdsIconTileSizeValues;
+}({});
+let HdsIconTileProductValues = /*#__PURE__*/function (HdsIconTileProductValues) {
+  HdsIconTileProductValues["Boundary"] = "boundary";
+  HdsIconTileProductValues["Consul"] = "consul";
+  HdsIconTileProductValues["HCP"] = "hcp";
+  HdsIconTileProductValues["Nomad"] = "nomad";
+  HdsIconTileProductValues["Packer"] = "packer";
+  HdsIconTileProductValues["Terraform"] = "terraform";
+  HdsIconTileProductValues["Vagrant"] = "vagrant";
+  HdsIconTileProductValues["Vault"] = "vault";
+  HdsIconTileProductValues["Vault Secrets"] = "vault-secrets";
+  HdsIconTileProductValues["Vault Radar"] = "vault-radar";
+  HdsIconTileProductValues["Waypoint"] = "waypoint";
+  return HdsIconTileProductValues;
+}({});
+let HdsIconTileColorNeutral = /*#__PURE__*/function (HdsIconTileColorNeutral) {
+  HdsIconTileColorNeutral["Neutral"] = "neutral";
+  return HdsIconTileColorNeutral;
+}({});
+
+export { HdsIconTileColorNeutral, HdsIconTileProductValues, HdsIconTileSizeValues };
+//# sourceMappingURL=types.js.map

package/dist/components/hds/icon-tile/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../../src/components/hds/icon-tile/types.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nexport enum HdsIconTileSizeValues {\n  Small = 'small',\n  Medium = 'medium',\n  Large = 'large',\n}\n\nexport type HdsIconTileSizes = `${HdsIconTileSizeValues}`;\n\nexport enum HdsIconTileProductValues {\n  Boundary = 'boundary',\n  Consul = 'consul',\n  HCP = 'hcp',\n  Nomad = 'nomad',\n  Packer = 'packer',\n  Terraform = 'terraform',\n  Vagrant = 'vagrant',\n  Vault = 'vault',\n  'Vault Secrets' = 'vault-secrets',\n  'Vault Radar' = 'vault-radar',\n  Waypoint = 'waypoint',\n}\n\nexport type HdsIconTileProducts = `${HdsIconTileProductValues}`;\n\nexport enum HdsIconTileColorNeutral {\n  Neutral = 'neutral',\n}\n\nexport type HdsIconTileColors =\n  | HdsIconTileProductValues\n  | HdsIconTileColorNeutral;\n"],"names":["HdsIconTileSizeValues","HdsIconTileProductValues","HdsIconTileColorNeutral"],"mappings":"AAAA;AACA;AACA;AACA;;AAEYA,IAAAA,qBAAqB,0BAArBA,qBAAqB,EAAA;EAArBA,qBAAqB,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;EAArBA,qBAAqB,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;EAArBA,qBAAqB,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;AAAA,EAAA,OAArBA,qBAAqB,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAQrBC,IAAAA,wBAAwB,0BAAxBA,wBAAwB,EAAA;EAAxBA,wBAAwB,CAAA,UAAA,CAAA,GAAA,UAAA,CAAA;EAAxBA,wBAAwB,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;EAAxBA,wBAAwB,CAAA,KAAA,CAAA,GAAA,KAAA,CAAA;EAAxBA,wBAAwB,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;EAAxBA,wBAAwB,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;EAAxBA,wBAAwB,CAAA,WAAA,CAAA,GAAA,WAAA,CAAA;EAAxBA,wBAAwB,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAxBA,wBAAwB,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;EAAxBA,wBAAwB,CAAA,eAAA,CAAA,GAAA,eAAA,CAAA;EAAxBA,wBAAwB,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;EAAxBA,wBAAwB,CAAA,UAAA,CAAA,GAAA,UAAA,CAAA;AAAA,EAAA,OAAxBA,wBAAwB,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAgBxBC,IAAAA,uBAAuB,0BAAvBA,uBAAuB,EAAA;EAAvBA,uBAAuB,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;AAAA,EAAA,OAAvBA,uBAAuB,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

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

@@ -1,4 +1,4 @@
-import { a as _applyDecoratedDescriptor } from '../../../_rollupPluginBabelHelpers-lqPQKyNs.js';
+import { _ as _applyDecoratedDescriptor } from '../../../_rollupPluginBabelHelpers-NoJJJNhk.js';
 import Component from '@glimmer/component';
 import { action } from '@ember/object';
 import { precompileTemplate } from '@ember/template-compilation';
@@ -7,7 +7,7 @@ import { setComponentTemplate } from '@ember/component';
 var TEMPLATE = precompileTemplate("{{! IMPORTANT: we removed the newlines before/after the yield to reduce the issues with unexpected whitespaces (see https://github.com/hashicorp/design-system/pull/231#issuecomment-1123502499) }}\n{{! IMPORTANT: we need to add \"squishies\" here (~) because otherwise the whitespace added by Ember becomes visible in the link (being an inline element) - See https://handlebarsjs.com/guide/expressions.html#whitespace-control }}\n{{! NOTICE: we can\'t support the direct use of the \"href\" HTML attribute via ...attributes in the <a> elements, because we need to rely on the \"@href\" Ember argument to differentiate between different types of generated output }}\n{{~#if @route~}}\n  {{~#if this.isRouteExternal~}}\n    <LinkToExternal\n      @current-when={{@current-when}}\n      @models={{hds-link-to-models @model @models}}\n      @query={{hds-link-to-query @query}}\n      @replace={{@replace}}\n      @route={{@route}}\n      ...attributes\n    >{{yield}}</LinkToExternal>\n  {{~else~}}\n    <LinkTo\n      @current-when={{@current-when}}\n      @models={{hds-link-to-models @model @models}}\n      @query={{hds-link-to-query @query}}\n      @replace={{@replace}}\n      @route={{@route}}\n      ...attributes\n    >{{yield}}</LinkTo>\n  {{~/if~}}\n{{~else if @href~}}\n  {{~#if this.isHrefExternal~}}\n    <a target=\"_blank\" rel=\"noopener noreferrer\" ...attributes href={{@href}} {{on \"keyup\" this.onKeyUp}}>{{yield}}</a>\n  {{~else~}}\n    <a ...attributes href={{@href}} {{on \"keyup\" this.onKeyUp}}>{{yield}}</a>\n  {{~/if~}}\n{{~else~}}\n  <button type=\"button\" ...attributes>{{yield}}</button>\n{{~/if~}}");
 
 var _class;
-let HdsInteractiveIndexComponent = (_class = class HdsInteractiveIndexComponent extends Component {
+let HdsInteractiveComponent = (_class = class HdsInteractiveComponent extends Component {
   /**
    * Determines if a @href value is "external" (it adds target="_blank" rel="noopener noreferrer")
    *
@@ -35,7 +35,7 @@ let HdsInteractiveIndexComponent = (_class = class HdsInteractiveIndexComponent
     }
   }
 }, (_applyDecoratedDescriptor(_class.prototype, "onKeyUp", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onKeyUp"), _class.prototype)), _class);
-setComponentTemplate(TEMPLATE, HdsInteractiveIndexComponent);
+setComponentTemplate(TEMPLATE, HdsInteractiveComponent);
 
-export { HdsInteractiveIndexComponent as default };
+export { HdsInteractiveComponent as default };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/interactive/index.hbs","../../../../src/components/hds/interactive/index.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! IMPORTANT: we removed the newlines before/after the yield to reduce the issues with unexpected whitespaces (see https://github.com/hashicorp/design-system/pull/231#issuecomment-1123502499) }}\\n{{! IMPORTANT: we need to add \\\"squishies\\\" here (~) because otherwise the whitespace added by Ember becomes visible in the link (being an inline element) - See https://handlebarsjs.com/guide/expressions.html#whitespace-control }}\\n{{! NOTICE: we can\\'t support the direct use of the \\\"href\\\" HTML attribute via ...attributes in the <a> elements, because we need to rely on the \\\"@href\\\" Ember argument to differentiate between different types of generated output }}\\n{{~#if @route~}}\\n  {{~#if this.isRouteExternal~}}\\n    <LinkToExternal\\n      @current-when={{@current-when}}\\n      @models={{hds-link-to-models @model @models}}\\n      @query={{hds-link-to-query @query}}\\n      @replace={{@replace}}\\n      @route={{@route}}\\n      ...attributes\\n    >{{yield}}</LinkToExternal>\\n  {{~else~}}\\n    <LinkTo\\n      @current-when={{@current-when}}\\n      @models={{hds-link-to-models @model @models}}\\n      @query={{hds-link-to-query @query}}\\n      @replace={{@replace}}\\n      @route={{@route}}\\n      ...attributes\\n    >{{yield}}</LinkTo>\\n  {{~/if~}}\\n{{~else if @href~}}\\n  {{~#if this.isHrefExternal~}}\\n    <a target=\\\"_blank\\\" rel=\\\"noopener noreferrer\\\" ...attributes href={{@href}} {{on \\\"keyup\\\" this.onKeyUp}}>{{yield}}</a>\\n  {{~else~}}\\n    <a ...attributes href={{@href}} {{on \\\"keyup\\\" this.onKeyUp}}>{{yield}}</a>\\n  {{~/if~}}\\n{{~else~}}\\n  <button type=\\\"button\\\" ...attributes>{{yield}}</button>\\n{{~/if~}}\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { action } from '@ember/object';\nimport type { HdsInteractiveSignature } from './types';\n\nexport default class HdsInteractiveIndexComponent extends Component<HdsInteractiveSignature> {\n  /**\n   * Determines if a @href value is \"external\" (it adds target=\"_blank\" rel=\"noopener noreferrer\")\n   *\n   * @param isHrefExternal\n   * @type boolean\n   * @default true\n   */\n  get isHrefExternal() {\n    return this.args.isHrefExternal ?? true;\n  }\n\n  /**\n   * Determines if a @route value is \"external\" (uses the LinkToExternal component instead of LinkTo)\n   *\n   * @param isRouteExternal\n   * @type boolean\n   * @default false\n   */\n  get isRouteExternal() {\n    return this.args.isRouteExternal ?? false;\n  }\n\n  @action\n  onKeyUp(event: KeyboardEvent) {\n    if (event.key === ' ' || event.code === 'Space') {\n      (event.target as HTMLElement).click();\n    }\n  }\n}\n"],"names":["HdsInteractiveIndexComponent","_class","Component","isHrefExternal","args","isRouteExternal","onKeyUp","event","key","code","target","click","_applyDecoratedDescriptor","prototype","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AACA,eAAe,kBAAkB,CAAC,4lDAA4lD;;;ACQzmDA,IAAAA,4BAA4B,IAAAC,MAAA,GAAlC,MAAMD,4BAA4B,SAASE,SAAS,CAA0B;AAC3F;AACF;AACA;AACA;AACA;AACA;AACA;EACE,IAAIC,cAAcA,GAAG;AACnB,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,cAAc,IAAI,IAAI,CAAA;AACzC,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;EACE,IAAIE,eAAeA,GAAG;AACpB,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,eAAe,IAAI,KAAK,CAAA;AAC3C,GAAA;EAGAC,OAAOA,CAACC,KAAoB,EAAE;IAC5B,IAAIA,KAAK,CAACC,GAAG,KAAK,GAAG,IAAID,KAAK,CAACE,IAAI,KAAK,OAAO,EAAE;AAC9CF,MAAAA,KAAK,CAACG,MAAM,CAAiBC,KAAK,EAAE,CAAA;AACvC,KAAA;AACF,GAAA;AACF,CAAC,GAAAC,yBAAA,CAAAX,MAAA,CAAAY,SAAA,EAAA,SAAA,EAAA,CANEC,MAAM,CAAAC,EAAAA,MAAA,CAAAC,wBAAA,CAAAf,MAAA,CAAAY,SAAA,cAAAZ,MAAA,CAAAY,SAAA,CAAA,GAAAZ,MAAA,EAAA;AAvBwCgB,oBAAA,CAAAC,QAAA,EAAAlB,4BAAA,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/interactive/index.hbs","../../../../src/components/hds/interactive/index.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! IMPORTANT: we removed the newlines before/after the yield to reduce the issues with unexpected whitespaces (see https://github.com/hashicorp/design-system/pull/231#issuecomment-1123502499) }}\\n{{! IMPORTANT: we need to add \\\"squishies\\\" here (~) because otherwise the whitespace added by Ember becomes visible in the link (being an inline element) - See https://handlebarsjs.com/guide/expressions.html#whitespace-control }}\\n{{! NOTICE: we can\\'t support the direct use of the \\\"href\\\" HTML attribute via ...attributes in the <a> elements, because we need to rely on the \\\"@href\\\" Ember argument to differentiate between different types of generated output }}\\n{{~#if @route~}}\\n  {{~#if this.isRouteExternal~}}\\n    <LinkToExternal\\n      @current-when={{@current-when}}\\n      @models={{hds-link-to-models @model @models}}\\n      @query={{hds-link-to-query @query}}\\n      @replace={{@replace}}\\n      @route={{@route}}\\n      ...attributes\\n    >{{yield}}</LinkToExternal>\\n  {{~else~}}\\n    <LinkTo\\n      @current-when={{@current-when}}\\n      @models={{hds-link-to-models @model @models}}\\n      @query={{hds-link-to-query @query}}\\n      @replace={{@replace}}\\n      @route={{@route}}\\n      ...attributes\\n    >{{yield}}</LinkTo>\\n  {{~/if~}}\\n{{~else if @href~}}\\n  {{~#if this.isHrefExternal~}}\\n    <a target=\\\"_blank\\\" rel=\\\"noopener noreferrer\\\" ...attributes href={{@href}} {{on \\\"keyup\\\" this.onKeyUp}}>{{yield}}</a>\\n  {{~else~}}\\n    <a ...attributes href={{@href}} {{on \\\"keyup\\\" this.onKeyUp}}>{{yield}}</a>\\n  {{~/if~}}\\n{{~else~}}\\n  <button type=\\\"button\\\" ...attributes>{{yield}}</button>\\n{{~/if~}}\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { action } from '@ember/object';\n\nexport interface HdsInteractiveSignature {\n  Args: {\n    href?: string;\n    isHrefExternal?: boolean;\n    isRouteExternal?: boolean;\n    route?: string;\n    models?: Array<string | number>;\n    model?: string | number;\n    query?: Record<string, string>;\n    'current-when'?: string;\n    replace?: boolean;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLAnchorElement | HTMLButtonElement;\n}\n\nexport default class HdsInteractiveComponent extends Component<HdsInteractiveSignature> {\n  /**\n   * Determines if a @href value is \"external\" (it adds target=\"_blank\" rel=\"noopener noreferrer\")\n   *\n   * @param isHrefExternal\n   * @type boolean\n   * @default true\n   */\n  get isHrefExternal() {\n    return this.args.isHrefExternal ?? true;\n  }\n\n  /**\n   * Determines if a @route value is \"external\" (uses the LinkToExternal component instead of LinkTo)\n   *\n   * @param isRouteExternal\n   * @type boolean\n   * @default false\n   */\n  get isRouteExternal() {\n    return this.args.isRouteExternal ?? false;\n  }\n\n  @action\n  onKeyUp(event: KeyboardEvent) {\n    if (event.key === ' ' || event.code === 'Space') {\n      (event.target as HTMLElement).click();\n    }\n  }\n}\n"],"names":["HdsInteractiveComponent","_class","Component","isHrefExternal","args","isRouteExternal","onKeyUp","event","key","code","target","click","_applyDecoratedDescriptor","prototype","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AACA,eAAe,kBAAkB,CAAC,4lDAA4lD;;;ACyBzmDA,IAAAA,uBAAuB,IAAAC,MAAA,GAA7B,MAAMD,uBAAuB,SAASE,SAAS,CAA0B;AACtF;AACF;AACA;AACA;AACA;AACA;AACA;EACE,IAAIC,cAAcA,GAAG;AACnB,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,cAAc,IAAI,IAAI,CAAA;AACzC,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;EACE,IAAIE,eAAeA,GAAG;AACpB,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,eAAe,IAAI,KAAK,CAAA;AAC3C,GAAA;EAGAC,OAAOA,CAACC,KAAoB,EAAE;IAC5B,IAAIA,KAAK,CAACC,GAAG,KAAK,GAAG,IAAID,KAAK,CAACE,IAAI,KAAK,OAAO,EAAE;AAC9CF,MAAAA,KAAK,CAACG,MAAM,CAAiBC,KAAK,EAAE,CAAA;AACvC,KAAA;AACF,GAAA;AACF,CAAC,GAAAC,yBAAA,CAAAX,MAAA,CAAAY,SAAA,EAAA,SAAA,EAAA,CANEC,MAAM,CAAAC,EAAAA,MAAA,CAAAC,wBAAA,CAAAf,MAAA,CAAAY,SAAA,cAAAZ,MAAA,CAAAY,SAAA,CAAA,GAAAZ,MAAA,EAAA;AAvBmCgB,oBAAA,CAAAC,QAAA,EAAvBlB,uBAAuB,CAAA;;;;"}

package/dist/components/hds/link/inline.js.map

@@ -1 +1 @@
-{"version":3,"file":"inline.js","sources":["../../../../src/components/hds/link/inline.hbs","../../../../src/components/hds/link/inline.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! IMPORTANT: we removed the newlines before/after the yield to reduce the issues with unexpected whitespaces (see https://github.com/hashicorp/design-system/pull/231#issuecomment-1123502499) }}\\n{{! IMPORTANT: we need to add \\\"squishies\\\" here (~) because otherwise the whitespace added by Ember becomes visible in the link (being an inline element) - See https://handlebarsjs.com/guide/expressions.html#whitespace-control }}\\n<Hds::Interactive\\n  class={{this.classNames}}\\n  @current-when={{@current-when}}\\n  @models={{hds-link-to-models @model @models}}\\n  @query={{hds-link-to-query @query}}\\n  @replace={{@replace}}\\n  @route={{@route}}\\n  @isRouteExternal={{@isRouteExternal}}\\n  @href={{@href}}\\n  @isHrefExternal={{@isHrefExternal}}\\n  ...attributes\\n>{{#if (and @icon (eq this.iconPosition \\\"leading\\\"))~}}\\n    <span class=\\\"hds-link-inline__icon hds-link-inline__icon--leading\\\">\\n      <FlightIcon @name={{@icon}} @size=\\\"16\\\" @stretched={{true}} />\\n    </span>\\n  {{~/if~}}{{yield}}{{~#if (and @icon (eq this.iconPosition \\\"trailing\\\"))~}}\\n    <span class=\\\"hds-link-inline__icon hds-link-inline__icon--trailing\\\">\\n      <FlightIcon @name={{@icon}} @size=\\\"16\\\" @stretched={{true}} />\\n    </span>\\n  {{~/if}}</Hds::Interactive>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\nimport { HdsLinkColorValues, HdsLinkIconPositionValues } from './types.ts';\nimport type { HdsLinkInlineSignature } from './types.ts';\n\nexport const DEFAULT_ICONPOSITION = HdsLinkIconPositionValues.Trailing;\nexport const DEFAULT_COLOR = HdsLinkColorValues.Primary;\nexport const ICONPOSITIONS: string[] = Object.values(HdsLinkIconPositionValues);\nexport const COLORS: string[] = Object.values(HdsLinkColorValues);\n\nexport default class HdsLinkInlineComponent extends Component<HdsLinkInlineSignature> {\n  constructor(owner: unknown, args: HdsLinkInlineSignature['Args']) {\n    super(owner, args);\n    if (!(this.args.href || this.args.route)) {\n      assert('@href or @route must be defined for <Hds::Link::Inline>');\n    }\n  }\n\n  /**\n   * @param color\n   * @type {string}\n   * @default primary\n   * @description Determines the color of link to be used; acceptable values are `primary` and `secondary`\n   */\n  get color() {\n    const { color = DEFAULT_COLOR } = this.args;\n\n    assert(\n      `@color for \"Hds::Link::Inline\" must be one of the following: ${COLORS.join(\n        ', '\n      )}; received: ${color}`,\n      COLORS.includes(color)\n    );\n\n    return color;\n  }\n\n  /**\n   * @param iconPosition\n   * @type {string}\n   * @default leading\n   * @description Positions the icon before or after the text; allowed values are `leading` or `trailing`\n   */\n  get iconPosition() {\n    const { iconPosition = DEFAULT_ICONPOSITION } = this.args;\n\n    assert(\n      `@iconPosition for \"Hds::Link::Inline\" must be one of the following: ${ICONPOSITIONS.join(\n        ', '\n      )}; received: ${iconPosition}`,\n      ICONPOSITIONS.includes(iconPosition)\n    );\n\n    return iconPosition;\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method LinkInline#classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames() {\n    const classes = ['hds-link-inline'];\n\n    // add a class based on the @color argument\n    classes.push(`hds-link-inline--color-${this.color}`);\n\n    // add a class based on the @iconPosition argument\n    classes.push(`hds-link-inline--icon-${this.iconPosition}`);\n\n    return classes.join(' ');\n  }\n}\n"],"names":["DEFAULT_ICONPOSITION","HdsLinkIconPositionValues","Trailing","DEFAULT_COLOR","HdsLinkColorValues","Primary","ICONPOSITIONS","Object","values","COLORS","HdsLinkInlineComponent","Component","constructor","owner","args","href","route","assert","color","join","includes","iconPosition","classNames","classes","push","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AACA,eAAe,kBAAkB,CAAC,iuCAAiuC;;ACDnwC;AACA;AACA;AACA;;AAOaA,MAAAA,oBAAoB,GAAGC,yBAAyB,CAACC,SAAQ;AACzDC,MAAAA,aAAa,GAAGC,kBAAkB,CAACC,QAAO;AAChD,MAAMC,aAAuB,GAAGC,MAAM,CAACC,MAAM,CAACP,yBAAyB,EAAC;AACxE,MAAMQ,MAAgB,GAAGF,MAAM,CAACC,MAAM,CAACJ,kBAAkB,EAAC;AAElD,MAAMM,sBAAsB,SAASC,SAAS,CAAyB;AACpFC,EAAAA,WAAWA,CAACC,KAAc,EAAEC,IAAoC,EAAE;AAChE,IAAA,KAAK,CAACD,KAAK,EAAEC,IAAI,CAAC,CAAA;AAClB,IAAA,IAAI,EAAE,IAAI,CAACA,IAAI,CAACC,IAAI,IAAI,IAAI,CAACD,IAAI,CAACE,KAAK,CAAC,EAAE;MACxCC,MAAM,CAAC,yDAAyD,CAAC,CAAA;AACnE,KAAA;AACF,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAIC,KAAKA,GAAG;IACV,MAAM;AAAEA,MAAAA,KAAK,GAAGf,aAAAA;KAAe,GAAG,IAAI,CAACW,IAAI,CAAA;AAE3CG,IAAAA,MAAM,CACH,CAA+DR,6DAAAA,EAAAA,MAAM,CAACU,IAAI,CACzE,IACF,CAAE,CAAA,YAAA,EAAcD,KAAM,CAAA,CAAC,EACvBT,MAAM,CAACW,QAAQ,CAACF,KAAK,CACvB,CAAC,CAAA;AAED,IAAA,OAAOA,KAAK,CAAA;AACd,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAIG,YAAYA,GAAG;IACjB,MAAM;AAAEA,MAAAA,YAAY,GAAGrB,oBAAAA;KAAsB,GAAG,IAAI,CAACc,IAAI,CAAA;AAEzDG,IAAAA,MAAM,CACH,CAAsEX,oEAAAA,EAAAA,aAAa,CAACa,IAAI,CACvF,IACF,CAAE,CAAA,YAAA,EAAcE,YAAa,CAAA,CAAC,EAC9Bf,aAAa,CAACc,QAAQ,CAACC,YAAY,CACrC,CAAC,CAAA;AAED,IAAA,OAAOA,YAAY,CAAA;AACrB,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAG;AACf,IAAA,MAAMC,OAAO,GAAG,CAAC,iBAAiB,CAAC,CAAA;;AAEnC;IACAA,OAAO,CAACC,IAAI,CAAE,CAAA,uBAAA,EAAyB,IAAI,CAACN,KAAM,EAAC,CAAC,CAAA;;AAEpD;IACAK,OAAO,CAACC,IAAI,CAAE,CAAA,sBAAA,EAAwB,IAAI,CAACH,YAAa,EAAC,CAAC,CAAA;AAE1D,IAAA,OAAOE,OAAO,CAACJ,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACM,oBAAA,CAAAC,QAAA,EA9DoBhB,sBAAsB,CAAA;;;;"}
+{"version":3,"file":"inline.js","sources":["../../../../src/components/hds/link/inline.hbs","../../../../src/components/hds/link/inline.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! IMPORTANT: we removed the newlines before/after the yield to reduce the issues with unexpected whitespaces (see https://github.com/hashicorp/design-system/pull/231#issuecomment-1123502499) }}\\n{{! IMPORTANT: we need to add \\\"squishies\\\" here (~) because otherwise the whitespace added by Ember becomes visible in the link (being an inline element) - See https://handlebarsjs.com/guide/expressions.html#whitespace-control }}\\n<Hds::Interactive\\n  class={{this.classNames}}\\n  @current-when={{@current-when}}\\n  @models={{hds-link-to-models @model @models}}\\n  @query={{hds-link-to-query @query}}\\n  @replace={{@replace}}\\n  @route={{@route}}\\n  @isRouteExternal={{@isRouteExternal}}\\n  @href={{@href}}\\n  @isHrefExternal={{@isHrefExternal}}\\n  ...attributes\\n>{{#if (and @icon (eq this.iconPosition \\\"leading\\\"))~}}\\n    <span class=\\\"hds-link-inline__icon hds-link-inline__icon--leading\\\">\\n      <FlightIcon @name={{@icon}} @size=\\\"16\\\" @stretched={{true}} />\\n    </span>\\n  {{~/if~}}{{yield}}{{~#if (and @icon (eq this.iconPosition \\\"trailing\\\"))~}}\\n    <span class=\\\"hds-link-inline__icon hds-link-inline__icon--trailing\\\">\\n      <FlightIcon @name={{@icon}} @size=\\\"16\\\" @stretched={{true}} />\\n    </span>\\n  {{~/if}}</Hds::Interactive>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\nimport { HdsLinkColorValues, HdsLinkIconPositionValues } from './types.ts';\n\nimport type { HdsInteractiveSignature } from '../interactive/';\nimport type { HdsLinkColors, HdsLinkIconPositions } from './types.ts';\n\nexport const DEFAULT_ICONPOSITION = HdsLinkIconPositionValues.Trailing;\nexport const DEFAULT_COLOR = HdsLinkColorValues.Primary;\nexport const ICONPOSITIONS: string[] = Object.values(HdsLinkIconPositionValues);\nexport const COLORS: string[] = Object.values(HdsLinkColorValues);\n\nexport interface HdsLinkInlineSignature {\n  Args: HdsInteractiveSignature['Args'] & {\n    color?: HdsLinkColors;\n    icon?: string;\n    iconPosition?: HdsLinkIconPositions;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HdsInteractiveSignature['Element'];\n}\n\nexport default class HdsLinkInlineComponent extends Component<HdsLinkInlineSignature> {\n  constructor(owner: unknown, args: HdsLinkInlineSignature['Args']) {\n    super(owner, args);\n    if (!(this.args.href || this.args.route)) {\n      assert('@href or @route must be defined for <Hds::Link::Inline>');\n    }\n  }\n\n  /**\n   * @param color\n   * @type {string}\n   * @default primary\n   * @description Determines the color of link to be used; acceptable values are `primary` and `secondary`\n   */\n  get color() {\n    const { color = DEFAULT_COLOR } = this.args;\n\n    assert(\n      `@color for \"Hds::Link::Inline\" must be one of the following: ${COLORS.join(\n        ', '\n      )}; received: ${color}`,\n      COLORS.includes(color)\n    );\n\n    return color;\n  }\n\n  /**\n   * @param iconPosition\n   * @type {string}\n   * @default leading\n   * @description Positions the icon before or after the text; allowed values are `leading` or `trailing`\n   */\n  get iconPosition() {\n    const { iconPosition = DEFAULT_ICONPOSITION } = this.args;\n\n    assert(\n      `@iconPosition for \"Hds::Link::Inline\" must be one of the following: ${ICONPOSITIONS.join(\n        ', '\n      )}; received: ${iconPosition}`,\n      ICONPOSITIONS.includes(iconPosition)\n    );\n\n    return iconPosition;\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method LinkInline#classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames() {\n    const classes = ['hds-link-inline'];\n\n    // add a class based on the @color argument\n    classes.push(`hds-link-inline--color-${this.color}`);\n\n    // add a class based on the @iconPosition argument\n    classes.push(`hds-link-inline--icon-${this.iconPosition}`);\n\n    return classes.join(' ');\n  }\n}\n"],"names":["DEFAULT_ICONPOSITION","HdsLinkIconPositionValues","Trailing","DEFAULT_COLOR","HdsLinkColorValues","Primary","ICONPOSITIONS","Object","values","COLORS","HdsLinkInlineComponent","Component","constructor","owner","args","href","route","assert","color","join","includes","iconPosition","classNames","classes","push","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AACA,eAAe,kBAAkB,CAAC,iuCAAiuC;;ACDnwC;AACA;AACA;AACA;;AASaA,MAAAA,oBAAoB,GAAGC,yBAAyB,CAACC,SAAQ;AACzDC,MAAAA,aAAa,GAAGC,kBAAkB,CAACC,QAAO;AAChD,MAAMC,aAAuB,GAAGC,MAAM,CAACC,MAAM,CAACP,yBAAyB,EAAC;AACxE,MAAMQ,MAAgB,GAAGF,MAAM,CAACC,MAAM,CAACJ,kBAAkB,EAAC;AAclD,MAAMM,sBAAsB,SAASC,SAAS,CAAyB;AACpFC,EAAAA,WAAWA,CAACC,KAAc,EAAEC,IAAoC,EAAE;AAChE,IAAA,KAAK,CAACD,KAAK,EAAEC,IAAI,CAAC,CAAA;AAClB,IAAA,IAAI,EAAE,IAAI,CAACA,IAAI,CAACC,IAAI,IAAI,IAAI,CAACD,IAAI,CAACE,KAAK,CAAC,EAAE;MACxCC,MAAM,CAAC,yDAAyD,CAAC,CAAA;AACnE,KAAA;AACF,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAIC,KAAKA,GAAG;IACV,MAAM;AAAEA,MAAAA,KAAK,GAAGf,aAAAA;KAAe,GAAG,IAAI,CAACW,IAAI,CAAA;AAE3CG,IAAAA,MAAM,CACH,CAA+DR,6DAAAA,EAAAA,MAAM,CAACU,IAAI,CACzE,IACF,CAAE,CAAA,YAAA,EAAcD,KAAM,CAAA,CAAC,EACvBT,MAAM,CAACW,QAAQ,CAACF,KAAK,CACvB,CAAC,CAAA;AAED,IAAA,OAAOA,KAAK,CAAA;AACd,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAIG,YAAYA,GAAG;IACjB,MAAM;AAAEA,MAAAA,YAAY,GAAGrB,oBAAAA;KAAsB,GAAG,IAAI,CAACc,IAAI,CAAA;AAEzDG,IAAAA,MAAM,CACH,CAAsEX,oEAAAA,EAAAA,aAAa,CAACa,IAAI,CACvF,IACF,CAAE,CAAA,YAAA,EAAcE,YAAa,CAAA,CAAC,EAC9Bf,aAAa,CAACc,QAAQ,CAACC,YAAY,CACrC,CAAC,CAAA;AAED,IAAA,OAAOA,YAAY,CAAA;AACrB,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAG;AACf,IAAA,MAAMC,OAAO,GAAG,CAAC,iBAAiB,CAAC,CAAA;;AAEnC;IACAA,OAAO,CAACC,IAAI,CAAE,CAAA,uBAAA,EAAyB,IAAI,CAACN,KAAM,EAAC,CAAC,CAAA;;AAEpD;IACAK,OAAO,CAACC,IAAI,CAAE,CAAA,sBAAA,EAAwB,IAAI,CAACH,YAAa,EAAC,CAAC,CAAA;AAE1D,IAAA,OAAOE,OAAO,CAACJ,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACM,oBAAA,CAAAC,QAAA,EA9DoBhB,sBAAsB,CAAA;;;;"}

package/dist/components/hds/link/standalone.js.map

@@ -1 +1 @@
-{"version":3,"file":"standalone.js","sources":["../../../../src/components/hds/link/standalone.hbs","../../../../src/components/hds/link/standalone.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"<Hds::Interactive\\n  class={{this.classNames}}\\n  @current-when={{@current-when}}\\n  @models={{hds-link-to-models @model @models}}\\n  @query={{hds-link-to-query @query}}\\n  @replace={{@replace}}\\n  @route={{@route}}\\n  @isRouteExternal={{@isRouteExternal}}\\n  @href={{@href}}\\n  @isHrefExternal={{@isHrefExternal}}\\n  ...attributes\\n>\\n  {{#if (eq this.iconPosition \\\"leading\\\")}}\\n    <span class=\\\"hds-link-standalone__icon\\\">\\n      <FlightIcon @name={{this.icon}} @size={{this.iconSize}} @stretched={{true}} />\\n    </span>\\n    <span class=\\\"hds-link-standalone__text\\\">\\n      {{this.text}}\\n    </span>\\n  {{else}}\\n    <span class=\\\"hds-link-standalone__text\\\">\\n      {{this.text}}\\n    </span>\\n    <span class=\\\"hds-link-standalone__icon\\\">\\n      <FlightIcon @name={{this.icon}} @size={{this.iconSize}} @stretched={{true}} />\\n    </span>\\n  {{/if}}\\n</Hds::Interactive>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\nimport {\n  HdsLinkIconPositionValues,\n  HdsLinkColorValues,\n  HdsLinkStandaloneSizeValues,\n} from './types.ts';\nimport type { HdsLinkStandaloneSignature } from './types.ts';\n\nexport const DEFAULT_ICONPOSITION = HdsLinkIconPositionValues.Leading;\nexport const DEFAULT_COLOR = HdsLinkColorValues.Primary;\nexport const DEFAULT_SIZE = HdsLinkStandaloneSizeValues.Medium;\nexport const ICONPOSITIONS: string[] = Object.values(HdsLinkIconPositionValues);\nexport const COLORS: string[] = Object.values(HdsLinkColorValues);\nexport const SIZES: string[] = Object.values(HdsLinkStandaloneSizeValues);\n\nexport default class HdsLinkStandaloneComponent extends Component<HdsLinkStandaloneSignature> {\n  constructor(owner: unknown, args: HdsLinkStandaloneSignature['Args']) {\n    super(owner, args);\n    if (!(this.args.href || this.args.route)) {\n      assert('@href or @route must be defined for <Hds::Link::Standalone>');\n    }\n  }\n\n  /**\n   * @param text\n   * @type {string}\n   * @description The text of the link. If no text value is defined an error will be thrown.\n   */\n  get text() {\n    const { text } = this.args;\n\n    assert(\n      '@text for \"Hds::Link::Standalone\" must have a valid value',\n      text !== undefined\n    );\n\n    return text;\n  }\n\n  /**\n   * @param color\n   * @type {string}\n   * @default primary\n   * @description Determines the color of link to be used; acceptable values are `primary` and `secondary`\n   */\n  get color() {\n    const { color = DEFAULT_COLOR } = this.args;\n\n    assert(\n      `@color for \"Hds::Link::Standalone\" must be one of the following: ${COLORS.join(\n        ', '\n      )}; received: ${color}`,\n      COLORS.includes(color)\n    );\n\n    return color;\n  }\n\n  /**\n   * @param icon\n   * @type {string|null}\n   * @default null\n   * @description The name of the icon to be used. An icon name must be defined.\n   */\n  get icon() {\n    const { icon } = this.args;\n\n    assert(\n      '@icon for \"Hds::Link::Standalone\" must have a valid value',\n      icon !== undefined\n    );\n\n    return icon;\n  }\n\n  /**\n   * @param iconPosition\n   * @type {string}\n   * @default leading\n   * @description Positions the icon before or after the text; allowed values are `leading` or `trailing`\n   */\n  get iconPosition() {\n    const { iconPosition = DEFAULT_ICONPOSITION } = this.args;\n\n    assert(\n      `@iconPosition for \"Hds::Link::Standalone\" must be one of the following: ${ICONPOSITIONS.join(\n        ', '\n      )}; received: ${iconPosition}`,\n      ICONPOSITIONS.includes(iconPosition)\n    );\n\n    return iconPosition;\n  }\n\n  /**\n   * @param size\n   * @type {string}\n   * @default medium\n   * @description The size of the standalone link; acceptable values are `small`, `medium`, and `large`\n   */\n  get size() {\n    const { size = DEFAULT_SIZE } = this.args;\n\n    assert(\n      `@size for \"Hds::Link::Standalone\" must be one of the following: ${SIZES.join(\n        ', '\n      )}; received: ${size}`,\n      SIZES.includes(size)\n    );\n\n    return size;\n  }\n\n  /**\n   * @param iconSize\n   * @type {string}\n   * @default 16\n   * @description ensures that the correct icon size is used. Automatically calculated.\n   */\n  get iconSize() {\n    if (this.args.size === 'large') {\n      return '24';\n    } else {\n      return '16';\n    }\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method LinkStandalone#classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames() {\n    const classes = ['hds-link-standalone'];\n\n    // add a class based on the @size argument\n    classes.push(`hds-link-standalone--size-${this.size}`);\n\n    // add a class based on the @color argument\n    classes.push(`hds-link-standalone--color-${this.color}`);\n\n    // add a class based on the @iconPosition argument\n    classes.push(`hds-link-standalone--icon-position-${this.iconPosition}`);\n\n    return classes.join(' ');\n  }\n}\n"],"names":["DEFAULT_ICONPOSITION","HdsLinkIconPositionValues","Leading","DEFAULT_COLOR","HdsLinkColorValues","Primary","DEFAULT_SIZE","HdsLinkStandaloneSizeValues","Medium","ICONPOSITIONS","Object","values","COLORS","SIZES","HdsLinkStandaloneComponent","Component","constructor","owner","args","href","route","assert","text","undefined","color","join","includes","icon","iconPosition","size","iconSize","classNames","classes","push","setComponentTemplate","TEMPLATE"],"mappings":"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"}
+{"version":3,"file":"standalone.js","sources":["../../../../src/components/hds/link/standalone.hbs","../../../../src/components/hds/link/standalone.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"<Hds::Interactive\\n  class={{this.classNames}}\\n  @current-when={{@current-when}}\\n  @models={{hds-link-to-models @model @models}}\\n  @query={{hds-link-to-query @query}}\\n  @replace={{@replace}}\\n  @route={{@route}}\\n  @isRouteExternal={{@isRouteExternal}}\\n  @href={{@href}}\\n  @isHrefExternal={{@isHrefExternal}}\\n  ...attributes\\n>\\n  {{#if (eq this.iconPosition \\\"leading\\\")}}\\n    <span class=\\\"hds-link-standalone__icon\\\">\\n      <FlightIcon @name={{this.icon}} @size={{this.iconSize}} @stretched={{true}} />\\n    </span>\\n    <span class=\\\"hds-link-standalone__text\\\">\\n      {{this.text}}\\n    </span>\\n  {{else}}\\n    <span class=\\\"hds-link-standalone__text\\\">\\n      {{this.text}}\\n    </span>\\n    <span class=\\\"hds-link-standalone__icon\\\">\\n      <FlightIcon @name={{this.icon}} @size={{this.iconSize}} @stretched={{true}} />\\n    </span>\\n  {{/if}}\\n</Hds::Interactive>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\nimport {\n  HdsLinkIconPositionValues,\n  HdsLinkColorValues,\n  HdsLinkStandaloneSizeValues,\n} from './types.ts';\n\nimport type { HdsInteractiveSignature } from '../interactive/';\nimport type {\n  HdsLinkColors,\n  HdsLinkIconPositions,\n  HdsLinkStandaloneSizes,\n} from './types.ts';\n\nexport interface HdsLinkStandaloneSignature {\n  Args: HdsInteractiveSignature['Args'] & {\n    size?: HdsLinkStandaloneSizes;\n    color?: HdsLinkColors;\n    text: string;\n    icon: string;\n    iconPosition?: HdsLinkIconPositions;\n  };\n  Element: HdsInteractiveSignature['Element'];\n}\n\nexport const DEFAULT_ICONPOSITION = HdsLinkIconPositionValues.Leading;\nexport const DEFAULT_COLOR = HdsLinkColorValues.Primary;\nexport const DEFAULT_SIZE = HdsLinkStandaloneSizeValues.Medium;\nexport const ICONPOSITIONS: string[] = Object.values(HdsLinkIconPositionValues);\nexport const COLORS: string[] = Object.values(HdsLinkColorValues);\nexport const SIZES: string[] = Object.values(HdsLinkStandaloneSizeValues);\n\nexport default class HdsLinkStandaloneComponent extends Component<HdsLinkStandaloneSignature> {\n  constructor(owner: unknown, args: HdsLinkStandaloneSignature['Args']) {\n    super(owner, args);\n    if (!(this.args.href || this.args.route)) {\n      assert('@href or @route must be defined for <Hds::Link::Standalone>');\n    }\n  }\n\n  /**\n   * @param text\n   * @type {string}\n   * @description The text of the link. If no text value is defined an error will be thrown.\n   */\n  get text() {\n    const { text } = this.args;\n\n    assert(\n      '@text for \"Hds::Link::Standalone\" must have a valid value',\n      text !== undefined\n    );\n\n    return text;\n  }\n\n  /**\n   * @param color\n   * @type {string}\n   * @default primary\n   * @description Determines the color of link to be used; acceptable values are `primary` and `secondary`\n   */\n  get color() {\n    const { color = DEFAULT_COLOR } = this.args;\n\n    assert(\n      `@color for \"Hds::Link::Standalone\" must be one of the following: ${COLORS.join(\n        ', '\n      )}; received: ${color}`,\n      COLORS.includes(color)\n    );\n\n    return color;\n  }\n\n  /**\n   * @param icon\n   * @type {string|null}\n   * @default null\n   * @description The name of the icon to be used. An icon name must be defined.\n   */\n  get icon() {\n    const { icon } = this.args;\n\n    assert(\n      '@icon for \"Hds::Link::Standalone\" must have a valid value',\n      icon !== undefined\n    );\n\n    return icon;\n  }\n\n  /**\n   * @param iconPosition\n   * @type {string}\n   * @default leading\n   * @description Positions the icon before or after the text; allowed values are `leading` or `trailing`\n   */\n  get iconPosition() {\n    const { iconPosition = DEFAULT_ICONPOSITION } = this.args;\n\n    assert(\n      `@iconPosition for \"Hds::Link::Standalone\" must be one of the following: ${ICONPOSITIONS.join(\n        ', '\n      )}; received: ${iconPosition}`,\n      ICONPOSITIONS.includes(iconPosition)\n    );\n\n    return iconPosition;\n  }\n\n  /**\n   * @param size\n   * @type {string}\n   * @default medium\n   * @description The size of the standalone link; acceptable values are `small`, `medium`, and `large`\n   */\n  get size() {\n    const { size = DEFAULT_SIZE } = this.args;\n\n    assert(\n      `@size for \"Hds::Link::Standalone\" must be one of the following: ${SIZES.join(\n        ', '\n      )}; received: ${size}`,\n      SIZES.includes(size)\n    );\n\n    return size;\n  }\n\n  /**\n   * @param iconSize\n   * @type {string}\n   * @default 16\n   * @description ensures that the correct icon size is used. Automatically calculated.\n   */\n  get iconSize() {\n    if (this.args.size === 'large') {\n      return '24';\n    } else {\n      return '16';\n    }\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method LinkStandalone#classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames() {\n    const classes = ['hds-link-standalone'];\n\n    // add a class based on the @size argument\n    classes.push(`hds-link-standalone--size-${this.size}`);\n\n    // add a class based on the @color argument\n    classes.push(`hds-link-standalone--color-${this.color}`);\n\n    // add a class based on the @iconPosition argument\n    classes.push(`hds-link-standalone--icon-position-${this.iconPosition}`);\n\n    return classes.join(' ');\n  }\n}\n"],"names":["DEFAULT_ICONPOSITION","HdsLinkIconPositionValues","Leading","DEFAULT_COLOR","HdsLinkColorValues","Primary","DEFAULT_SIZE","HdsLinkStandaloneSizeValues","Medium","ICONPOSITIONS","Object","values","COLORS","SIZES","HdsLinkStandaloneComponent","Component","constructor","owner","args","href","route","assert","text","undefined","color","join","includes","icon","iconPosition","size","iconSize","classNames","classes","push","setComponentTemplate","TEMPLATE"],"mappings":"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"}

package/dist/components/hds/link/types.js

@@ -1,3 +1,8 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
 let HdsLinkIconPositionValues = /*#__PURE__*/function (HdsLinkIconPositionValues) {
   HdsLinkIconPositionValues["Leading"] = "leading";
   HdsLinkIconPositionValues["Trailing"] = "trailing";

package/dist/components/hds/link/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../../src/components/hds/link/types.ts"],"sourcesContent":["import type { HdsInteractiveSignature } from '../interactive/types.ts';\n\nexport enum HdsLinkIconPositionValues {\n  Leading = 'leading',\n  Trailing = 'trailing',\n}\n\nexport type HdsLinkIconPositions = `${HdsLinkIconPositionValues}`;\n\nexport enum HdsLinkColorValues {\n  Primary = 'primary',\n  Secondary = 'secondary',\n}\n\nexport type HdsLinkColors = `${HdsLinkColorValues}`;\n\nexport enum HdsLinkStandaloneSizeValues {\n  Small = 'small',\n  Medium = 'medium',\n  Large = 'large',\n}\n\nexport type HdsLinkStandaloneSizes = `${HdsLinkStandaloneSizeValues}`;\n\nexport interface HdsLinkStandaloneSignature {\n  Args: HdsInteractiveSignature['Args'] & {\n    icon: string;\n    text: string;\n    color?: HdsLinkColors;\n    href?: string;\n    iconPosition?: HdsLinkIconPositions;\n    isHrefExternal?: boolean;\n    isRouteExternal?: boolean;\n    size?: HdsLinkStandaloneSizes;\n  };\n  Element: HdsInteractiveSignature['Element'];\n}\n\nexport interface HdsLinkInlineSignature {\n  Args: HdsInteractiveSignature['Args'] & {\n    color?: HdsLinkColors;\n    href?: string;\n    icon?: string;\n    iconPosition?: HdsLinkIconPositions;\n    isHrefExternal?: boolean;\n    isRouteExternal?: boolean;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HdsInteractiveSignature['Element'];\n}\n"],"names":["HdsLinkIconPositionValues","HdsLinkColorValues","HdsLinkStandaloneSizeValues"],"mappings":"AAEYA,IAAAA,yBAAyB,0BAAzBA,yBAAyB,EAAA;EAAzBA,yBAAyB,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAzBA,yBAAyB,CAAA,UAAA,CAAA,GAAA,UAAA,CAAA;AAAA,EAAA,OAAzBA,yBAAyB,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAOzBC,IAAAA,kBAAkB,0BAAlBA,kBAAkB,EAAA;EAAlBA,kBAAkB,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAlBA,kBAAkB,CAAA,WAAA,CAAA,GAAA,WAAA,CAAA;AAAA,EAAA,OAAlBA,kBAAkB,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAOlBC,IAAAA,2BAA2B,0BAA3BA,2BAA2B,EAAA;EAA3BA,2BAA2B,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;EAA3BA,2BAA2B,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;EAA3BA,2BAA2B,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;AAAA,EAAA,OAA3BA,2BAA2B,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}
+{"version":3,"file":"types.js","sources":["../../../../src/components/hds/link/types.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nexport enum HdsLinkIconPositionValues {\n  Leading = 'leading',\n  Trailing = 'trailing',\n}\n\nexport type HdsLinkIconPositions = `${HdsLinkIconPositionValues}`;\n\nexport enum HdsLinkColorValues {\n  Primary = 'primary',\n  Secondary = 'secondary',\n}\n\nexport type HdsLinkColors = `${HdsLinkColorValues}`;\n\nexport enum HdsLinkStandaloneSizeValues {\n  Small = 'small',\n  Medium = 'medium',\n  Large = 'large',\n}\n\nexport type HdsLinkStandaloneSizes = `${HdsLinkStandaloneSizeValues}`;\n"],"names":["HdsLinkIconPositionValues","HdsLinkColorValues","HdsLinkStandaloneSizeValues"],"mappings":"AAAA;AACA;AACA;AACA;;AAEYA,IAAAA,yBAAyB,0BAAzBA,yBAAyB,EAAA;EAAzBA,yBAAyB,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAzBA,yBAAyB,CAAA,UAAA,CAAA,GAAA,UAAA,CAAA;AAAA,EAAA,OAAzBA,yBAAyB,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAOzBC,IAAAA,kBAAkB,0BAAlBA,kBAAkB,EAAA;EAAlBA,kBAAkB,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAlBA,kBAAkB,CAAA,WAAA,CAAA,GAAA,WAAA,CAAA;AAAA,EAAA,OAAlBA,kBAAkB,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAOlBC,IAAAA,2BAA2B,0BAA3BA,2BAA2B,EAAA;EAA3BA,2BAA2B,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;EAA3BA,2BAA2B,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;EAA3BA,2BAA2B,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;AAAA,EAAA,OAA3BA,2BAA2B,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/menu-primitive/index.hbs","../../../../src/components/hds/menu-primitive/index.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! @glint-nocheck: not typesafe yet }}\\n{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n{{! template-lint-disable no-invalid-interactive }}\\n<div\\n  class=\\\"hds-menu-primitive\\\"\\n  ...attributes\\n  {{did-insert this.didInsert}}\\n  {{on \\\"focusout\\\" this.onFocusOut}}\\n  {{on \\\"keyup\\\" this.onKeyUp}}\\n>\\n  <div class=\\\"hds-menu-primitive__toggle\\\" tabindex=\\\"-1\\\">\\n    {{yield (hash onClickToggle=this.onClickToggle isOpen=this.isOpen) to=\\\"toggle\\\"}}\\n  </div>\\n  {{#if this.isOpen}}\\n    <div class=\\\"hds-menu-primitive__content\\\" tabindex=\\\"-1\\\">\\n      {{yield (hash close=this.close) to=\\\"content\\\"}}\\n    </div>\\n  {{/if}}\\n</div>\\n{{! template-lint-enable no-invalid-interactive }}\")","/**\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 { schedule } from '@ember/runloop';\n\nexport default class HdsMenuPrimitiveComponent extends Component {\n  @tracked isOpen; // notice: if in the future we need to add a \"@isOpen\" prop to control the status from outside (eg to have the MenuPrimitive opened on render) just add  \"this.args.isOpen\" here to initalize the variable\n  @tracked toggleRef;\n\n  @action\n  didInsert(element) {\n    this.element = element;\n  }\n\n  @action\n  onClickToggle(event) {\n    // we store a reference to the DOM node that has the \"onClickToggle\" event associated with it\n    if (!this.toggleRef) {\n      this.toggleRef = event.currentTarget;\n    }\n    this.isOpen = !this.isOpen;\n    // we explicitly apply a focus state to the toggle element to overcome a bug in WebKit (see https://github.com/hashicorp/design-system/commit/40cd7f6b3cb15c45f9a1235fafd0fb3ed58e6e62)\n    this.toggleRef.focus();\n  }\n\n  @action\n  onFocusOut(event) {\n    // due to inconsistent implementation of relatedTarget across browsers we use the activeElement as a fallback\n    // if the related target is not part of the disclosed content we close the disclosed container\n    if (!this.element.contains(event.relatedTarget || document.activeElement)) {\n      this.close();\n    }\n  }\n\n  @action\n  onKeyUp(event) {\n    if (event.key === 'Escape') {\n      this.close();\n      this.toggleRef.focus();\n    }\n  }\n\n  @action\n  close() {\n    // we schedule this afterRender to avoid an error in tests caused by updating `isOpen` multiple times in the same computation\n    schedule('afterRender', () => {\n      this.isOpen = false;\n      // we call the \"onClose\" callback if it exists (and is a function)\n      if (this.args.onClose && typeof this.args.onClose === 'function') {\n        this.args.onClose();\n      }\n    });\n  }\n}\n"],"names":["HdsMenuPrimitiveComponent","_class","Component","constructor","args","_initializerDefineProperty","_descriptor","_descriptor2","didInsert","element","onClickToggle","event","toggleRef","currentTarget","isOpen","focus","onFocusOut","contains","relatedTarget","document","activeElement","close","onKeyUp","key","schedule","onClose","_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/menu-primitive/index.hbs","../../../../src/components/hds/menu-primitive/index.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! @glint-nocheck: not typesafe yet }}\\n{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n{{! template-lint-disable no-invalid-interactive }}\\n<div\\n  class=\\\"hds-menu-primitive\\\"\\n  ...attributes\\n  {{did-insert this.didInsert}}\\n  {{on \\\"focusout\\\" this.onFocusOut}}\\n  {{on \\\"keyup\\\" this.onKeyUp}}\\n>\\n  <div class=\\\"hds-menu-primitive__toggle\\\" tabindex=\\\"-1\\\">\\n    {{yield (hash onClickToggle=this.onClickToggle isOpen=this.isOpen) to=\\\"toggle\\\"}}\\n  </div>\\n  {{#if this.isOpen}}\\n    <div class=\\\"hds-menu-primitive__content\\\" tabindex=\\\"-1\\\">\\n      {{yield (hash close=this.close) to=\\\"content\\\"}}\\n    </div>\\n  {{/if}}\\n</div>\\n{{! template-lint-enable no-invalid-interactive }}\")","/**\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 { schedule } from '@ember/runloop';\n\nexport default class HdsMenuPrimitiveComponent extends Component {\n  @tracked isOpen; // notice: if in the future we need to add a \"@isOpen\" prop to control the status from outside (eg to have the MenuPrimitive opened on render) just add  \"this.args.isOpen\" here to initalize the variable\n  @tracked toggleRef;\n\n  @action\n  didInsert(element) {\n    this.element = element;\n  }\n\n  @action\n  onClickToggle(event) {\n    // we store a reference to the DOM node that has the \"onClickToggle\" event associated with it\n    if (!this.toggleRef) {\n      this.toggleRef = event.currentTarget;\n    }\n    this.isOpen = !this.isOpen;\n    // we explicitly apply a focus state to the toggle element to overcome a bug in WebKit (see https://github.com/hashicorp/design-system/commit/40cd7f6b3cb15c45f9a1235fafd0fb3ed58e6e62)\n    this.toggleRef.focus();\n  }\n\n  @action\n  onFocusOut(event) {\n    // due to inconsistent implementation of relatedTarget across browsers we use the activeElement as a fallback\n    // if the related target is not part of the disclosed content we close the disclosed container\n    if (!this.element.contains(event.relatedTarget || document.activeElement)) {\n      this.close();\n    }\n  }\n\n  @action\n  onKeyUp(event) {\n    if (event.key === 'Escape') {\n      this.close();\n      this.toggleRef.focus();\n    }\n  }\n\n  @action\n  close() {\n    // we schedule this afterRender to avoid an error in tests caused by updating `isOpen` multiple times in the same computation\n    schedule('afterRender', () => {\n      this.isOpen = false;\n      // we call the \"onClose\" callback if it exists (and is a function)\n      if (this.args.onClose && typeof this.args.onClose === 'function') {\n        this.args.onClose();\n      }\n    });\n  }\n}\n"],"names":["HdsMenuPrimitiveComponent","_class","Component","constructor","args","_initializerDefineProperty","_descriptor","_descriptor2","didInsert","element","onClickToggle","event","toggleRef","currentTarget","isOpen","focus","onFocusOut","contains","relatedTarget","document","activeElement","close","onKeyUp","key","schedule","onClose","_applyDecoratedDescriptor","prototype","tracked","configurable","enumerable","writable","initializer","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":"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"}

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

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