npm - @hashicorp/design-system-components - Versions diffs - 4.14.0 → 4.16.0 - Mend

@hashicorp/design-system-components 4.14.0 → 4.16.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (690) hide show

package/dist/components/hds/form/label/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../src/components/hds/form/label/index.hbs","../../../../../src/components/hds/form/label/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<label class={{this.classNames}} for={{@controlId}} id={{this.id}} ...attributes>\\n {{yield}}\\n <Hds::Form::Indicator @isRequired={{@isRequired}} @isOptional={{@isOptional}} />\\n</label>\")","/*\n Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n /\n\nimport Component from '@glimmer/component';\nexport const ID_PREFIX = 'label-';\n\nimport type { HdsFormIndicatorSignature } from '../indicator';\n\nexport interface HdsFormLabelSignature {\n Args: {\n contextualClass?: string;\n controlId?: string;\n isOptional?: HdsFormIndicatorSignature['Args']['isOptional'];\n isRequired?: HdsFormIndicatorSignature['Args']['isRequired'];\n };\n Blocks: {\n default: [];\n };\n Element: HTMLLabelElement;\n}\n\nexport default class HdsFormLabel extends Component<HdsFormLabelSignature> {\n /\n Determines the unique ID to assign to the element\n * @method id\n * @return {(string\|null)} The \"id\" attribute to apply to the element or null, if no controlId is provided\n /\n get id(): string \| null {\n const { controlId } = this.args;\n if (controlId) {\n return `${ID_PREFIX}${controlId}`;\n }\n return null;\n }\n\n /\n Get the class names to apply to the component.\n * @method classNames\n * @return {string} The \"class\" attribute to apply to the component.\n /\n get classNames(): string {\n const classes = ['hds-form-label'];\n\n // add typographic classes\n classes.push('hds-typography-body-200', 'hds-font-weight-semibold');\n\n // add a class based on the @contextualClass argument\n // notice: this will not* be documented for public use\n // the reason for this is that the contextual component declarations don't pass attributes to the component\n if (this.args.contextualClass) {\n classes.push(this.args.contextualClass);\n }\n\n return classes.join(' ');\n }\n}\n"],"names":["ID_PREFIX","HdsFormLabel","Component","id","controlId","args","classNames","classes","push","contextualClass","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,4QAA4Q;;ACD9S;AACA;AACA;AACA;;AAGO,MAAMA,SAAS,GAAG~~,SAAQ~~;~~AAiBlB~~,MAAMC,YAAY,SAASC,SAAS,CAAwB;AACzE;AACF;AACA;AACA;AACA;EACE,IAAIC,EAAEA,GAAkB;IACtB,MAAM;AAAEC,MAAAA~~,SAAAA~~;KAAW,GAAG,IAAI,CAACC,IAAI~~,CAAA~~;AAC/B,IAAA,IAAID,SAAS,EAAE;AACb,MAAA,OAAO,CAAGJ,EAAAA,SAAS,CAAGI,EAAAA,SAAS,CAAE,CAAA~~,CAAA~~;AACnC~~,KAAA~~;AACA,IAAA,OAAO,IAAI~~,CAAA~~;AACb~~,GAAA~~;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIE,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,gBAAgB,CAAC~~,CAAA~~;;AAElC;AACAA,IAAAA,OAAO,CAACC,IAAI,CAAC,yBAAyB,EAAE,0BAA0B,CAAC~~,CAAA~~;;AAEnE;AACA;AACA;AACA,IAAA,IAAI,IAAI,CAACH,IAAI,CAACI,eAAe,EAAE;MAC7BF,OAAO,CAACC,IAAI,CAAC,IAAI,CAACH,IAAI,CAACI,eAAe,CAAC~~,CAAA~~;AACzC~~,KAAA~~;AAEA,IAAA,OAAOF,OAAO,CAACG,IAAI,CAAC,GAAG,CAAC~~,CAAA~~;AAC1B~~,GAAA~~;AACF~~,CAAA~~;AAACC,oBAAA,CAAAC,QAAA,EAlCoBX,YAAY,CAAA;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../src/components/hds/form/label/index.hbs","../../../../../src/components/hds/form/label/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<label class={{this.classNames}} for={{@controlId}} id={{this.id}} ...attributes>\\n {{yield}}\\n <Hds::Form::Indicator @isRequired={{@isRequired}} @isOptional={{@isOptional}} />\\n</label>\")","/*\n Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n /\n\nimport Component from '@glimmer/component';\nexport const ID_PREFIX = 'label-';\n\nimport type { HdsFormIndicatorSignature } from '../indicator';\n\nexport interface HdsFormLabelSignature {\n Args: {\n contextualClass?: string;\n controlId?: string;\n isOptional?: HdsFormIndicatorSignature['Args']['isOptional'];\n isRequired?: HdsFormIndicatorSignature['Args']['isRequired'];\n };\n Blocks: {\n default: [];\n };\n Element: HTMLLabelElement;\n}\n\nexport default class HdsFormLabel extends Component<HdsFormLabelSignature> {\n /\n Determines the unique ID to assign to the element\n * @method id\n * @return {(string\|null)} The \"id\" attribute to apply to the element or null, if no controlId is provided\n /\n get id(): string \| null {\n const { controlId } = this.args;\n if (controlId) {\n return `${ID_PREFIX}${controlId}`;\n }\n return null;\n }\n\n /\n Get the class names to apply to the component.\n * @method classNames\n * @return {string} The \"class\" attribute to apply to the component.\n /\n get classNames(): string {\n const classes = ['hds-form-label'];\n\n // add typographic classes\n classes.push('hds-typography-body-200', 'hds-font-weight-semibold');\n\n // add a class based on the @contextualClass argument\n // notice: this will not* be documented for public use\n // the reason for this is that the contextual component declarations don't pass attributes to the component\n if (this.args.contextualClass) {\n classes.push(this.args.contextualClass);\n }\n\n return classes.join(' ');\n }\n}\n"],"names":["ID_PREFIX","HdsFormLabel","Component","id","controlId","args","classNames","classes","push","contextualClass","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,4QAA4Q;;ACD9S;AACA;AACA;AACA;;AAGO,MAAMA,SAAS,GAAG;AAiBV,MAAMC,YAAY,SAASC,SAAS,CAAwB;AACzE;AACF;AACA;AACA;AACA;EACE,IAAIC,EAAEA,GAAkB;IACtB,MAAM;AAAEC,MAAAA;KAAW,GAAG,IAAI,CAACC,IAAI;AAC/B,IAAA,IAAID,SAAS,EAAE;AACb,MAAA,OAAO,CAAGJ,EAAAA,SAAS,CAAGI,EAAAA,SAAS,CAAE,CAAA;AACnC;AACA,IAAA,OAAO,IAAI;AACb;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIE,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,gBAAgB,CAAC;;AAElC;AACAA,IAAAA,OAAO,CAACC,IAAI,CAAC,yBAAyB,EAAE,0BAA0B,CAAC;;AAEnE;AACA;AACA;AACA,IAAA,IAAI,IAAI,CAACH,IAAI,CAACI,eAAe,EAAE;MAC7BF,OAAO,CAACC,IAAI,CAAC,IAAI,CAACH,IAAI,CAACI,eAAe,CAAC;AACzC;AAEA,IAAA,OAAOF,OAAO,CAACG,IAAI,CAAC,GAAG,CAAC;AAC1B;AACF;AAACC,oBAAA,CAAAC,QAAA,EAlCoBX,YAAY,CAAA;;;;"}

package/dist/components/hds/form/legend/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../src/components/hds/form/legend/index.hbs","../../../../../src/components/hds/form/legend/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<legend class={{this.classNames}} ...attributes>\\n {{yield}}\\n <Hds::Form::Indicator @isRequired={{@isRequired}} @isOptional={{@isOptional}} />\\n</legend>\")","/*\n Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n /\n\nimport Component from '@glimmer/component';\n\nimport type { HdsFormIndicatorSignature } from '../indicator';\n\nexport interface HdsFormLegendSignature {\n Args: {\n contextualClass?: string;\n isOptional?: HdsFormIndicatorSignature['Args']['isOptional'];\n isRequired?: HdsFormIndicatorSignature['Args']['isRequired'];\n };\n Blocks: {\n default: [];\n };\n Element: HTMLLegendElement;\n}\n\nexport default class HdsFormLegend extends Component<HdsFormLegendSignature> {\n /\n Get the class names to apply to the component.\n * @method classNames\n * @return {string} The \"class\" attribute to apply to the component.\n /\n get classNames(): string {\n const classes = ['hds-form-legend'];\n\n // add typographic classes\n classes.push('hds-typography-body-200', 'hds-font-weight-semibold');\n\n // add a class based on the @contextualClass argument\n // notice: this will not* be documented for public use\n // the reason for this is that the contextual component declarations don't pass attributes to the component\n if (this.args.contextualClass) {\n classes.push(this.args.contextualClass);\n }\n\n return classes.join(' ');\n }\n}\n"],"names":["HdsFormLegend","Component","classNames","classes","push","args","contextualClass","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,4OAA4O;;ACD9Q;AACA;AACA;AACA;;AAkBe,MAAMA,aAAa,SAASC,SAAS,CAAyB;AAC3E;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,iBAAiB,CAAC~~,CAAA~~;;AAEnC;AACAA,IAAAA,OAAO,CAACC,IAAI,CAAC,yBAAyB,EAAE,0BAA0B,CAAC~~,CAAA~~;;AAEnE;AACA;AACA;AACA,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,eAAe,EAAE;MAC7BH,OAAO,CAACC,IAAI,CAAC,IAAI,CAACC,IAAI,CAACC,eAAe,CAAC~~,CAAA~~;AACzC~~,KAAA~~;AAEA,IAAA,OAAOH,OAAO,CAACI,IAAI,CAAC,GAAG,CAAC~~,CAAA~~;AAC1B~~,GAAA~~;AACF~~,CAAA~~;AAACC,oBAAA,CAAAC,QAAA,EArBoBT,aAAa,CAAA;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../src/components/hds/form/legend/index.hbs","../../../../../src/components/hds/form/legend/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<legend class={{this.classNames}} ...attributes>\\n {{yield}}\\n <Hds::Form::Indicator @isRequired={{@isRequired}} @isOptional={{@isOptional}} />\\n</legend>\")","/*\n Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n /\n\nimport Component from '@glimmer/component';\n\nimport type { HdsFormIndicatorSignature } from '../indicator';\n\nexport interface HdsFormLegendSignature {\n Args: {\n contextualClass?: string;\n isOptional?: HdsFormIndicatorSignature['Args']['isOptional'];\n isRequired?: HdsFormIndicatorSignature['Args']['isRequired'];\n };\n Blocks: {\n default: [];\n };\n Element: HTMLLegendElement;\n}\n\nexport default class HdsFormLegend extends Component<HdsFormLegendSignature> {\n /\n Get the class names to apply to the component.\n * @method classNames\n * @return {string} The \"class\" attribute to apply to the component.\n /\n get classNames(): string {\n const classes = ['hds-form-legend'];\n\n // add typographic classes\n classes.push('hds-typography-body-200', 'hds-font-weight-semibold');\n\n // add a class based on the @contextualClass argument\n // notice: this will not* be documented for public use\n // the reason for this is that the contextual component declarations don't pass attributes to the component\n if (this.args.contextualClass) {\n classes.push(this.args.contextualClass);\n }\n\n return classes.join(' ');\n }\n}\n"],"names":["HdsFormLegend","Component","classNames","classes","push","args","contextualClass","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,4OAA4O;;ACD9Q;AACA;AACA;AACA;;AAkBe,MAAMA,aAAa,SAASC,SAAS,CAAyB;AAC3E;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,iBAAiB,CAAC;;AAEnC;AACAA,IAAAA,OAAO,CAACC,IAAI,CAAC,yBAAyB,EAAE,0BAA0B,CAAC;;AAEnE;AACA;AACA;AACA,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,eAAe,EAAE;MAC7BH,OAAO,CAACC,IAAI,CAAC,IAAI,CAACC,IAAI,CAACC,eAAe,CAAC;AACzC;AAEA,IAAA,OAAOH,OAAO,CAACI,IAAI,CAAC,GAAG,CAAC;AAC1B;AACF;AAACC,oBAAA,CAAAC,QAAA,EArBoBT,aAAa,CAAA;;;;"}

package/dist/components/hds/form/masked-input/base.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { _ as _applyDecoratedDescriptor, b as _initializerDefineProperty } from '../../../../_rollupPluginBabelHelpers-KIi_qCIU.js';
+import { _ as _applyDecoratedDescriptor, b as _initializerDefineProperty } from '../../../../_rollupPluginBabelHelpers-C_TsMG3M.js';
 import Component from '@glimmer/component';
 import { action } from '@ember/object';
 import { getElementId } from '../../../../utils/hds-get-element-id.js';
@@ -55,12 +55,12 @@ let HdsFormMaskedInputBase = (_class = class HdsFormMaskedInputBase extends Comp
     }
     return classes.join(' ');
   }
-}, (_descriptor = _applyDecoratedDescriptor(_class.prototype, "isContentMasked", [tracked], {
+}, _descriptor = _applyDecoratedDescriptor(_class.prototype, "isContentMasked", [tracked], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _applyDecoratedDescriptor(_class.prototype, "onClickToggleMasking", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onClickToggleMasking"), _class.prototype)), _class);
+}), _applyDecoratedDescriptor(_class.prototype, "onClickToggleMasking", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onClickToggleMasking"), _class.prototype), _class);
 setComponentTemplate(TEMPLATE, HdsFormMaskedInputBase);
 export { HdsFormMaskedInputBase as default };

package/dist/components/hds/form/masked-input/base.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"base.js","sources":["../../../../../src/components/hds/form/masked-input/base.hbs","../../../../../src/components/hds/form/masked-input/base.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n Copyright (c) HashiCorp, Inc.\\n SPDX-License-Identifier: MPL-2.0\\n}}\\n<div class={{this.classNames}} {{style width=@width}}>\\n {{#if @isMultiline}}\\n <Hds::Form::Textarea::Base\\n class=\\\"hds-form-masked-input__control\\\"\\n @value={{@value}}\\n @isInvalid={{@isInvalid}}\\n @height={{@height}}\\n id={{this.id}}\\n ...attributes\\n />\\n {{else}}\\n <Hds::Form::TextInput::Base\\n class=\\\"hds-form-masked-input__control\\\"\\n @value={{@value}}\\n @isInvalid={{@isInvalid}}\\n id={{this.id}}\\n ...attributes\\n />\\n {{/if}}\\n <Hds::Form::VisibilityToggle\\n @isVisible={{this.isContentMasked}}\\n @ariaLabel={{this.visibilityToggleAriaLabel}}\\n @ariaMessageText={{this.visibilityToggleAriaMessageText}}\\n aria-controls={{this.id}}\\n class=\\\"hds-form-masked-input__toggle-button\\\"\\n {{on \\\"click\\\" this.onClickToggleMasking}}\\n />\\n {{#if @hasCopyButton}}\\n <Hds::Copy::Button\\n class=\\\"hds-form-masked-input__copy-button\\\"\\n @text={{this.copyButtonText}}\\n @isIconOnly={{true}}\\n @targetToCopy=\\\"#{{this.id}}\\\"\\n />\\n {{/if}}\\n</div>\")","/*\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 { getElementId } from '../../../../utils/hds-get-element-id.ts';\nimport type { HdsCopyButtonSignature } from '../../copy/button/index.ts';\nimport type { HdsFormVisibilityToggleSignature } from '../visibility-toggle/index.ts';\nimport { tracked } from '@glimmer/tracking';\n\nexport interface HdsFormMaskedInputBaseSignature {\n Args: {\n copyButtonText?: HdsCopyButtonSignature['Args']['text'];\n hasCopyButton?: boolean;\n isContentMasked?: boolean;\n isInvalid?: boolean;\n isMultiline?: boolean;\n id?: string;\n value?: string;\n visibilityToggleAriaLabel?: HdsFormVisibilityToggleSignature['Args']['ariaLabel'];\n visibilityToggleAriaMessageText?: HdsFormVisibilityToggleSignature['Args']['ariaMessageText'];\n width?: string;\n height?: string;\n };\n Element: HTMLElement;\n}\n\nexport default class HdsFormMaskedInputBase extends Component<HdsFormMaskedInputBaseSignature> {\n @tracked isContentMasked;\n\n constructor(owner: unknown, args: HdsFormMaskedInputBaseSignature['Args']) {\n super(owner, args);\n this.isContentMasked = this.args.isContentMasked ?? true;\n }\n\n @action\n onClickToggleMasking(): void {\n this.isContentMasked = !this.isContentMasked;\n }\n\n get id(): string {\n return getElementId(this);\n }\n\n get visibilityToggleAriaLabel(): string {\n if (this.args.visibilityToggleAriaLabel) {\n return this.args.visibilityToggleAriaLabel;\n } else if (this.isContentMasked) {\n return 'Show masked content';\n } else {\n return 'Hide masked content';\n }\n }\n\n get visibilityToggleAriaMessageText(): string {\n if (this.args.visibilityToggleAriaMessageText) {\n return this.args.visibilityToggleAriaMessageText;\n } else if (this.isContentMasked) {\n return 'Input content is hidden';\n } else {\n return 'Input content is visible';\n }\n }\n\n get copyButtonText(): string {\n if (this.args.copyButtonText) {\n return this.args.copyButtonText;\n } else {\n return 'Copy masked content';\n }\n }\n\n get classNames(): string {\n const classes = ['hds-form-masked-input'];\n\n if (this.isContentMasked) {\n classes.push(`hds-form-masked-input--is-masked`);\n } else {\n classes.push(`hds-form-masked-input--is-not-masked`);\n }\n\n return classes.join(' ');\n }\n}\n"],"names":["HdsFormMaskedInputBase","_class","Component","constructor","owner","args","_initializerDefineProperty","_descriptor","isContentMasked","onClickToggleMasking","id","getElementId","visibilityToggleAriaLabel","visibilityToggleAriaMessageText","copyButtonText","classNames","classes","push","join","_applyDecoratedDescriptor","prototype","tracked","configurable","enumerable","writable","initializer","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;AACA,eAAe,kBAAkB,CAAC,unCAAunC;;;AC4BpoCA,IAAAA,sBAAsB,IAAAC,MAAA,GAA5B,MAAMD,sBAAsB,SAASE,SAAS,CAAkC;AAG7FC,EAAAA,WAAWA,CAACC,KAAc,EAAEC,IAA6C,EAAE;AACzE,IAAA,KAAK,CAACD,KAAK,EAAEC,IAAI,CAAC~~,CAAA~~;AAACC,IAAAA,0BAAA,0BAAAC,WAAA,EAAA,IAAA,CAAA~~,CAAA~~;IACnB,IAAI,CAACC,eAAe,GAAG,IAAI,CAACH,IAAI,CAACG,eAAe,IAAI,IAAI~~,CAAA~~;AAC1D~~,GAAA~~;AAGAC,EAAAA,oBAAoBA,GAAS;AAC3B,IAAA,IAAI,CAACD,eAAe,GAAG,CAAC,IAAI,CAACA,eAAe~~,CAAA~~;AAC9C~~,GAAA~~;EAEA,IAAIE,EAAEA,GAAW;IACf,OAAOC,YAAY,CAAC,IAAI,CAAC~~,CAAA~~;AAC3B~~,GAAA~~;EAEA,IAAIC,yBAAyBA,GAAW;AACtC,IAAA,IAAI,IAAI,CAACP,IAAI,CAACO,yBAAyB,EAAE;AACvC,MAAA,OAAO,IAAI,CAACP,IAAI,CAACO,yBAAyB~~,CAAA~~;AAC5C,KAAC,MAAM,IAAI,IAAI,CAACJ,eAAe,EAAE;AAC/B,MAAA,OAAO,qBAAqB~~,CAAA~~;AAC9B,KAAC,MAAM;AACL,MAAA,OAAO,qBAAqB~~,CAAA~~;AAC9B~~,KAAA~~;AACF~~,GAAA~~;EAEA,IAAIK,+BAA+BA,GAAW;AAC5C,IAAA,IAAI,IAAI,CAACR,IAAI,CAACQ,+BAA+B,EAAE;AAC7C,MAAA,OAAO,IAAI,CAACR,IAAI,CAACQ,+BAA+B~~,CAAA~~;AAClD,KAAC,MAAM,IAAI,IAAI,CAACL,eAAe,EAAE;AAC/B,MAAA,OAAO,yBAAyB~~,CAAA~~;AAClC,KAAC,MAAM;AACL,MAAA,OAAO,0BAA0B~~,CAAA~~;AACnC~~,KAAA~~;AACF~~,GAAA~~;EAEA,IAAIM,cAAcA,GAAW;AAC3B,IAAA,IAAI,IAAI,CAACT,IAAI,CAACS,cAAc,EAAE;AAC5B,MAAA,OAAO,IAAI,CAACT,IAAI,CAACS,cAAc~~,CAAA~~;AACjC,KAAC,MAAM;AACL,MAAA,OAAO,qBAAqB~~,CAAA~~;AAC9B~~,KAAA~~;AACF~~,GAAA~~;EAEA,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,uBAAuB,CAAC~~,CAAA~~;IAEzC,IAAI,IAAI,CAACR,eAAe,EAAE;AACxBQ,MAAAA,OAAO,CAACC,IAAI,CAAC,CAAA,gCAAA,CAAkC,CAAC~~,CAAA~~;AAClD,KAAC,MAAM;AACLD,MAAAA,OAAO,CAACC,IAAI,CAAC,CAAA,oCAAA,CAAsC,CAAC~~,CAAA~~;AACtD~~,KAAA~~;AAEA,IAAA,OAAOD,OAAO,CAACE,IAAI,CAAC,GAAG,CAAC~~,CAAA~~;AAC1B~~,GAAA~~;AACF,CAAC,~~GAAAX~~,WAAA,GAAAY,yBAAA,CAAAlB,MAAA,CAAAmB,SAAA,EAAA,iBAAA,EAAA,CAvDEC,OAAO,CAAA,EAAA;EAAAC,YAAA,EAAA,IAAA;EAAAC,UAAA,EAAA,IAAA;EAAAC,QAAA,EAAA,IAAA;EAAAC,WAAA,EAAA~~,IAAA~~;AAAA,CAAAN,CAAAA,EAAAA,yBAAA,CAAAlB,MAAA,CAAAmB,SAAA,EAOPM,sBAAAA,EAAAA,CAAAA,MAAM,GAAAC,MAAA,CAAAC,wBAAA,CAAA3B,MAAA,CAAAmB,SAAA,EAAA,sBAAA,CAAA,EAAAnB,MAAA,CAAAmB,SAAA,~~IAAAnB~~,MAAA~~,EAAA~~;AARkC4B,oBAAA,CAAAC,QAAA,EAAtB9B,sBAAsB,CAAA;;;;"}
1	+ {"version":3,"file":"base.js","sources":["../../../../../src/components/hds/form/masked-input/base.hbs","../../../../../src/components/hds/form/masked-input/base.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n Copyright (c) HashiCorp, Inc.\\n SPDX-License-Identifier: MPL-2.0\\n}}\\n<div class={{this.classNames}} {{style width=@width}}>\\n {{#if @isMultiline}}\\n <Hds::Form::Textarea::Base\\n class=\\\"hds-form-masked-input__control\\\"\\n @value={{@value}}\\n @isInvalid={{@isInvalid}}\\n @height={{@height}}\\n id={{this.id}}\\n ...attributes\\n />\\n {{else}}\\n <Hds::Form::TextInput::Base\\n class=\\\"hds-form-masked-input__control\\\"\\n @value={{@value}}\\n @isInvalid={{@isInvalid}}\\n id={{this.id}}\\n ...attributes\\n />\\n {{/if}}\\n <Hds::Form::VisibilityToggle\\n @isVisible={{this.isContentMasked}}\\n @ariaLabel={{this.visibilityToggleAriaLabel}}\\n @ariaMessageText={{this.visibilityToggleAriaMessageText}}\\n aria-controls={{this.id}}\\n class=\\\"hds-form-masked-input__toggle-button\\\"\\n {{on \\\"click\\\" this.onClickToggleMasking}}\\n />\\n {{#if @hasCopyButton}}\\n <Hds::Copy::Button\\n class=\\\"hds-form-masked-input__copy-button\\\"\\n @text={{this.copyButtonText}}\\n @isIconOnly={{true}}\\n @targetToCopy=\\\"#{{this.id}}\\\"\\n />\\n {{/if}}\\n</div>\")","/*\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 { getElementId } from '../../../../utils/hds-get-element-id.ts';\nimport type { HdsCopyButtonSignature } from '../../copy/button/index.ts';\nimport type { HdsFormVisibilityToggleSignature } from '../visibility-toggle/index.ts';\nimport { tracked } from '@glimmer/tracking';\n\nexport interface HdsFormMaskedInputBaseSignature {\n Args: {\n copyButtonText?: HdsCopyButtonSignature['Args']['text'];\n hasCopyButton?: boolean;\n isContentMasked?: boolean;\n isInvalid?: boolean;\n isMultiline?: boolean;\n id?: string;\n value?: string;\n visibilityToggleAriaLabel?: HdsFormVisibilityToggleSignature['Args']['ariaLabel'];\n visibilityToggleAriaMessageText?: HdsFormVisibilityToggleSignature['Args']['ariaMessageText'];\n width?: string;\n height?: string;\n };\n Element: HTMLElement;\n}\n\nexport default class HdsFormMaskedInputBase extends Component<HdsFormMaskedInputBaseSignature> {\n @tracked isContentMasked;\n\n constructor(owner: unknown, args: HdsFormMaskedInputBaseSignature['Args']) {\n super(owner, args);\n this.isContentMasked = this.args.isContentMasked ?? true;\n }\n\n @action\n onClickToggleMasking(): void {\n this.isContentMasked = !this.isContentMasked;\n }\n\n get id(): string {\n return getElementId(this);\n }\n\n get visibilityToggleAriaLabel(): string {\n if (this.args.visibilityToggleAriaLabel) {\n return this.args.visibilityToggleAriaLabel;\n } else if (this.isContentMasked) {\n return 'Show masked content';\n } else {\n return 'Hide masked content';\n }\n }\n\n get visibilityToggleAriaMessageText(): string {\n if (this.args.visibilityToggleAriaMessageText) {\n return this.args.visibilityToggleAriaMessageText;\n } else if (this.isContentMasked) {\n return 'Input content is hidden';\n } else {\n return 'Input content is visible';\n }\n }\n\n get copyButtonText(): string {\n if (this.args.copyButtonText) {\n return this.args.copyButtonText;\n } else {\n return 'Copy masked content';\n }\n }\n\n get classNames(): string {\n const classes = ['hds-form-masked-input'];\n\n if (this.isContentMasked) {\n classes.push(`hds-form-masked-input--is-masked`);\n } else {\n classes.push(`hds-form-masked-input--is-not-masked`);\n }\n\n return classes.join(' ');\n }\n}\n"],"names":["HdsFormMaskedInputBase","_class","Component","constructor","owner","args","_initializerDefineProperty","_descriptor","isContentMasked","onClickToggleMasking","id","getElementId","visibilityToggleAriaLabel","visibilityToggleAriaMessageText","copyButtonText","classNames","classes","push","join","_applyDecoratedDescriptor","prototype","tracked","configurable","enumerable","writable","initializer","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;AACA,eAAe,kBAAkB,CAAC,unCAAunC;;;AC4BpoCA,IAAAA,sBAAsB,IAAAC,MAAA,GAA5B,MAAMD,sBAAsB,SAASE,SAAS,CAAkC;AAG7FC,EAAAA,WAAWA,CAACC,KAAc,EAAEC,IAA6C,EAAE;AACzE,IAAA,KAAK,CAACD,KAAK,EAAEC,IAAI,CAAC;AAACC,IAAAA,0BAAA,0BAAAC,WAAA,EAAA,IAAA,CAAA;IACnB,IAAI,CAACC,eAAe,GAAG,IAAI,CAACH,IAAI,CAACG,eAAe,IAAI,IAAI;AAC1D;AAGAC,EAAAA,oBAAoBA,GAAS;AAC3B,IAAA,IAAI,CAACD,eAAe,GAAG,CAAC,IAAI,CAACA,eAAe;AAC9C;EAEA,IAAIE,EAAEA,GAAW;IACf,OAAOC,YAAY,CAAC,IAAI,CAAC;AAC3B;EAEA,IAAIC,yBAAyBA,GAAW;AACtC,IAAA,IAAI,IAAI,CAACP,IAAI,CAACO,yBAAyB,EAAE;AACvC,MAAA,OAAO,IAAI,CAACP,IAAI,CAACO,yBAAyB;AAC5C,KAAC,MAAM,IAAI,IAAI,CAACJ,eAAe,EAAE;AAC/B,MAAA,OAAO,qBAAqB;AAC9B,KAAC,MAAM;AACL,MAAA,OAAO,qBAAqB;AAC9B;AACF;EAEA,IAAIK,+BAA+BA,GAAW;AAC5C,IAAA,IAAI,IAAI,CAACR,IAAI,CAACQ,+BAA+B,EAAE;AAC7C,MAAA,OAAO,IAAI,CAACR,IAAI,CAACQ,+BAA+B;AAClD,KAAC,MAAM,IAAI,IAAI,CAACL,eAAe,EAAE;AAC/B,MAAA,OAAO,yBAAyB;AAClC,KAAC,MAAM;AACL,MAAA,OAAO,0BAA0B;AACnC;AACF;EAEA,IAAIM,cAAcA,GAAW;AAC3B,IAAA,IAAI,IAAI,CAACT,IAAI,CAACS,cAAc,EAAE;AAC5B,MAAA,OAAO,IAAI,CAACT,IAAI,CAACS,cAAc;AACjC,KAAC,MAAM;AACL,MAAA,OAAO,qBAAqB;AAC9B;AACF;EAEA,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,uBAAuB,CAAC;IAEzC,IAAI,IAAI,CAACR,eAAe,EAAE;AACxBQ,MAAAA,OAAO,CAACC,IAAI,CAAC,CAAA,gCAAA,CAAkC,CAAC;AAClD,KAAC,MAAM;AACLD,MAAAA,OAAO,CAACC,IAAI,CAAC,CAAA,oCAAA,CAAsC,CAAC;AACtD;AAEA,IAAA,OAAOD,OAAO,CAACE,IAAI,CAAC,GAAG,CAAC;AAC1B;AACF,CAAC,EAAAX,WAAA,GAAAY,yBAAA,CAAAlB,MAAA,CAAAmB,SAAA,EAAA,iBAAA,EAAA,CAvDEC,OAAO,CAAA,EAAA;EAAAC,YAAA,EAAA,IAAA;EAAAC,UAAA,EAAA,IAAA;EAAAC,QAAA,EAAA,IAAA;EAAAC,WAAA,EAAA;AAAA,CAAAN,CAAAA,EAAAA,yBAAA,CAAAlB,MAAA,CAAAmB,SAAA,EAOPM,sBAAAA,EAAAA,CAAAA,MAAM,GAAAC,MAAA,CAAAC,wBAAA,CAAA3B,MAAA,CAAAmB,SAAA,EAAA,sBAAA,CAAA,EAAAnB,MAAA,CAAAmB,SAAA,GAAAnB,MAAA;AARkC4B,oBAAA,CAAAC,QAAA,EAAtB9B,sBAAsB,CAAA;;;;"}

package/dist/components/hds/form/masked-input/field.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"field.js","sources":["../../../../../src/components/hds/form/masked-input/field.hbs","../../../../../src/components/hds/form/masked-input/field.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n Copyright (c) HashiCorp, Inc.\\n SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Form::Field\\n @layout=\\\"vertical\\\"\\n @extraAriaDescribedBy={{@extraAriaDescribedBy}}\\n @isRequired={{@isRequired}}\\n @isOptional={{@isOptional}}\\n @id={{@id}}\\n as \|F\|\\n>\\n {{! Notice: the order of the elements is not relevant here, because is controlled at \\\"Hds::Form::Field\\\" component level }}\\n {{yield (hash Label=F.Label HelperText=F.HelperText Error=F.Error)}}\\n {{#if F.CharacterCount}}\\n {{yield (hash CharacterCount=(component F.CharacterCount value=@value))}}\\n {{/if}}\\n <F.Control>\\n <Hds::Form::MaskedInput::Base\\n @hasCopyButton={{@hasCopyButton}}\\n @isMultiline={{@isMultiline}}\\n @isContentMasked={{@isContentMasked}}\\n @visibilityToggleAriaLabel={{@visibilityToggleAriaLabel}}\\n @visibilityToggleAriaMessageText={{@visibilityToggleAriaMessageText}}\\n @value={{@value}}\\n @isInvalid={{@isInvalid}}\\n @width={{@width}}\\n @height={{@height}}\\n @id={{F.id}}\\n required={{@isRequired}}\\n ...attributes\\n aria-describedby={{F.ariaDescribedBy}}\\n />\\n </F.Control>\\n</Hds::Form::Field>\")","/*\n Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\nimport type { ComponentLike, WithBoundArgs } from '@glint/template';\nimport type HdsFormCharacterCountComponent from '../character-count';\nimport type { HdsFormErrorSignature } from '../error';\nimport type { HdsFormFieldSignature } from '../field';\nimport type { HdsFormHelperTextSignature } from '../helper-text';\nimport type { HdsFormLabelSignature } from '../label';\nimport type { HdsFormMaskedInputBaseSignature } from './base';\n\nexport interface HdsFormMaskedInputFieldSignature {\n Args: Omit<HdsFormFieldSignature['Args'], 'contextualClass' \| 'layout'> &\n HdsFormMaskedInputBaseSignature['Args'];\n Blocks: {\n default: [\n {\n Label?: ComponentLike<HdsFormLabelSignature>;\n HelperText?: ComponentLike<HdsFormHelperTextSignature>;\n Error?: ComponentLike<HdsFormErrorSignature>;\n CharacterCount?: WithBoundArgs<\n typeof HdsFormCharacterCountComponent,\n 'value'\n >;\n },\n ];\n };\n Element: HdsFormFieldSignature['Element'];\n}\n\nconst HdsFormMaskedInputField =\n templateOnlyComponent<HdsFormMaskedInputFieldSignature>();\n\nexport default HdsFormMaskedInputField;\n"],"names":["HdsFormMaskedInputField","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,ipCAAipC;;ACDnrC;AACA;AACA;AACA;;AA8BA,MAAMA,uBAAuB,GAC3BC,qBAAqB,EAAoC~~,CAAA~~;AAE3D,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,uBAAuB,CAAA;;;;"}
1	+ {"version":3,"file":"field.js","sources":["../../../../../src/components/hds/form/masked-input/field.hbs","../../../../../src/components/hds/form/masked-input/field.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n Copyright (c) HashiCorp, Inc.\\n SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Form::Field\\n @layout=\\\"vertical\\\"\\n @extraAriaDescribedBy={{@extraAriaDescribedBy}}\\n @isRequired={{@isRequired}}\\n @isOptional={{@isOptional}}\\n @id={{@id}}\\n as \|F\|\\n>\\n {{! Notice: the order of the elements is not relevant here, because is controlled at \\\"Hds::Form::Field\\\" component level }}\\n {{yield (hash Label=F.Label HelperText=F.HelperText Error=F.Error)}}\\n {{#if F.CharacterCount}}\\n {{yield (hash CharacterCount=(component F.CharacterCount value=@value))}}\\n {{/if}}\\n <F.Control>\\n <Hds::Form::MaskedInput::Base\\n @hasCopyButton={{@hasCopyButton}}\\n @isMultiline={{@isMultiline}}\\n @isContentMasked={{@isContentMasked}}\\n @visibilityToggleAriaLabel={{@visibilityToggleAriaLabel}}\\n @visibilityToggleAriaMessageText={{@visibilityToggleAriaMessageText}}\\n @value={{@value}}\\n @isInvalid={{@isInvalid}}\\n @width={{@width}}\\n @height={{@height}}\\n @id={{F.id}}\\n required={{@isRequired}}\\n ...attributes\\n aria-describedby={{F.ariaDescribedBy}}\\n />\\n </F.Control>\\n</Hds::Form::Field>\")","/*\n Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\nimport type { ComponentLike, WithBoundArgs } from '@glint/template';\nimport type HdsFormCharacterCountComponent from '../character-count';\nimport type { HdsFormErrorSignature } from '../error';\nimport type { HdsFormFieldSignature } from '../field';\nimport type { HdsFormHelperTextSignature } from '../helper-text';\nimport type { HdsFormLabelSignature } from '../label';\nimport type { HdsFormMaskedInputBaseSignature } from './base';\n\nexport interface HdsFormMaskedInputFieldSignature {\n Args: Omit<HdsFormFieldSignature['Args'], 'contextualClass' \| 'layout'> &\n HdsFormMaskedInputBaseSignature['Args'];\n Blocks: {\n default: [\n {\n Label?: ComponentLike<HdsFormLabelSignature>;\n HelperText?: ComponentLike<HdsFormHelperTextSignature>;\n Error?: ComponentLike<HdsFormErrorSignature>;\n CharacterCount?: WithBoundArgs<\n typeof HdsFormCharacterCountComponent,\n 'value'\n >;\n },\n ];\n };\n Element: HdsFormFieldSignature['Element'];\n}\n\nconst HdsFormMaskedInputField =\n templateOnlyComponent<HdsFormMaskedInputFieldSignature>();\n\nexport default HdsFormMaskedInputField;\n"],"names":["HdsFormMaskedInputField","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,ipCAAipC;;ACDnrC;AACA;AACA;AACA;;AA8BA,MAAMA,uBAAuB,GAC3BC,qBAAqB,EAAoC;AAE3D,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,uBAAuB,CAAA;;;;"}

package/dist/components/hds/form/radio/base.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"base.js","sources":["../../../../../src/components/hds/form/radio/base.hbs","../../../../../src/components/hds/form/radio/base.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n Copyright (c) HashiCorp, Inc.\\n SPDX-License-Identifier: MPL-2.0\\n}}\\n<input type=\\\"radio\\\" class=\\\"hds-form-radio\\\" ...attributes value={{@value}} />\")","/*\n Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\n\nexport interface HdsFormRadioBaseSignature {\n Args: {\n value?: string;\n };\n Element: HTMLInputElement;\n}\n\nconst HdsFormRadioBase = templateOnlyComponent<HdsFormRadioBaseSignature>();\n\nexport default HdsFormRadioBase;\n"],"names":["HdsFormRadioBase","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,gKAAgK;;ACDlM;AACA;AACA;AACA;;AAWA,MAAMA,gBAAgB,GAAGC,qBAAqB,EAA6B~~,CAAA~~;AAE3E,WAAAC,oBAAA,CAAAC,QAAA,EAAeH,gBAAgB,CAAA;;;;"}
1	+ {"version":3,"file":"base.js","sources":["../../../../../src/components/hds/form/radio/base.hbs","../../../../../src/components/hds/form/radio/base.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n Copyright (c) HashiCorp, Inc.\\n SPDX-License-Identifier: MPL-2.0\\n}}\\n<input type=\\\"radio\\\" class=\\\"hds-form-radio\\\" ...attributes value={{@value}} />\")","/*\n Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\n\nexport interface HdsFormRadioBaseSignature {\n Args: {\n value?: string;\n };\n Element: HTMLInputElement;\n}\n\nconst HdsFormRadioBase = templateOnlyComponent<HdsFormRadioBaseSignature>();\n\nexport default HdsFormRadioBase;\n"],"names":["HdsFormRadioBase","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,gKAAgK;;ACDlM;AACA;AACA;AACA;;AAWA,MAAMA,gBAAgB,GAAGC,qBAAqB,EAA6B;AAE3E,WAAAC,oBAAA,CAAAC,QAAA,EAAeH,gBAAgB,CAAA;;;;"}

package/dist/components/hds/form/radio/field.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"field.js","sources":["../../../../../src/components/hds/form/radio/field.hbs","../../../../../src/components/hds/form/radio/field.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n Copyright (c) HashiCorp, Inc.\\n SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Form::Field\\n @layout=\\\"flag\\\"\\n @contextualClass={{@contextualClass}}\\n @extraAriaDescribedBy={{@extraAriaDescribedBy}}\\n @id={{@id}}\\n as \|F\|\\n>\\n {{! Notice: the order of the elements is not relevant here, because it\\'s controlled at \\\"Hds::Form::Field\\\" component level }}\\n {{yield (hash Label=F.Label HelperText=F.HelperText Error=F.Error)}}\\n <F.Control>\\n <Hds::Form::Radio::Base\\n @value={{@value}}\\n name={{@name}}\\n required={{@isRequired}}\\n ...attributes\\n id={{F.id}}\\n aria-describedby={{F.ariaDescribedBy}}\\n />\\n </F.Control>\\n</Hds::Form::Field>\")","/*\n Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\nimport type { HdsFormFieldSignature } from '../field';\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsFormLabelSignature } from '../label';\nimport type { HdsFormHelperTextSignature } from '../helper-text';\nimport type { HdsFormErrorSignature } from '../error';\n\nexport interface HdsFormRadioFieldSignature {\n Args: Omit<HdsFormFieldSignature['Args'], 'isOptional'> & {\n value?: string;\n name?: string;\n };\n Blocks: {\n default: [\n {\n Label?: ComponentLike<HdsFormLabelSignature>;\n HelperText?: ComponentLike<HdsFormHelperTextSignature>;\n Error?: ComponentLike<HdsFormErrorSignature>;\n },\n ];\n };\n Element: HdsFormFieldSignature['Element'];\n}\n\nconst HdsFormRadioField = templateOnlyComponent<HdsFormRadioFieldSignature>();\n\nexport default HdsFormRadioField;\n"],"names":["HdsFormRadioField","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,srBAAsrB;;ACDxtB;AACA;AACA;AACA;;AA0BA,MAAMA,iBAAiB,GAAGC,qBAAqB,EAA8B~~,CAAA~~;AAE7E,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,iBAAiB,CAAA;;;;"}
1	+ {"version":3,"file":"field.js","sources":["../../../../../src/components/hds/form/radio/field.hbs","../../../../../src/components/hds/form/radio/field.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n Copyright (c) HashiCorp, Inc.\\n SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Form::Field\\n @layout=\\\"flag\\\"\\n @contextualClass={{@contextualClass}}\\n @extraAriaDescribedBy={{@extraAriaDescribedBy}}\\n @id={{@id}}\\n as \|F\|\\n>\\n {{! Notice: the order of the elements is not relevant here, because it\\'s controlled at \\\"Hds::Form::Field\\\" component level }}\\n {{yield (hash Label=F.Label HelperText=F.HelperText Error=F.Error)}}\\n <F.Control>\\n <Hds::Form::Radio::Base\\n @value={{@value}}\\n name={{@name}}\\n required={{@isRequired}}\\n ...attributes\\n id={{F.id}}\\n aria-describedby={{F.ariaDescribedBy}}\\n />\\n </F.Control>\\n</Hds::Form::Field>\")","/*\n Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\nimport type { HdsFormFieldSignature } from '../field';\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsFormLabelSignature } from '../label';\nimport type { HdsFormHelperTextSignature } from '../helper-text';\nimport type { HdsFormErrorSignature } from '../error';\n\nexport interface HdsFormRadioFieldSignature {\n Args: Omit<HdsFormFieldSignature['Args'], 'isOptional'> & {\n value?: string;\n name?: string;\n };\n Blocks: {\n default: [\n {\n Label?: ComponentLike<HdsFormLabelSignature>;\n HelperText?: ComponentLike<HdsFormHelperTextSignature>;\n Error?: ComponentLike<HdsFormErrorSignature>;\n },\n ];\n };\n Element: HdsFormFieldSignature['Element'];\n}\n\nconst HdsFormRadioField = templateOnlyComponent<HdsFormRadioFieldSignature>();\n\nexport default HdsFormRadioField;\n"],"names":["HdsFormRadioField","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,srBAAsrB;;ACDxtB;AACA;AACA;AACA;;AA0BA,MAAMA,iBAAiB,GAAGC,qBAAqB,EAA8B;AAE7E,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,iBAAiB,CAAA;;;;"}

package/dist/components/hds/form/radio/group.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"group.js","sources":["../../../../../src/components/hds/form/radio/group.hbs","../../../../../src/components/hds/form/radio/group.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n Copyright (c) HashiCorp, Inc.\\n SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Form::Fieldset @layout={{@layout}} @isRequired={{@isRequired}} @isOptional={{@isOptional}} ...attributes as \|F\|>\\n {{! Notice: the order of the elements is not relevant here, because it\\'s controlled at \\\"Hds::Form::Fieldset\\\" component level }}\\n {{yield (hash Legend=F.Legend HelperText=F.HelperText Error=F.Error)}}\\n <F.Control>\\n {{yield\\n (hash\\n RadioField=(component\\n \\\"hds/form/radio/field\\\"\\n contextualClass=\\\"hds-form-group__control-field\\\"\\n isRequired=@isRequired\\n name=@name\\n extraAriaDescribedBy=F.ariaDescribedBy\\n )\\n )\\n }}\\n </F.Control>\\n</Hds::Form::Fieldset>\")","/*\n Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\nimport type { HdsFormFieldsetSignature } from '../fieldset';\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsFormLegendSignature } from '../legend';\nimport type { HdsFormHelperTextSignature } from '../helper-text';\nimport type { HdsFormRadioFieldSignature } from './field';\nimport type { HdsFormErrorSignature } from '../error';\n\nexport interface HdsFormRadioGroupSignature {\n Args: HdsFormFieldsetSignature['Args'] & {\n name?: string;\n };\n Blocks: {\n default: [\n {\n Legend?: ComponentLike<HdsFormLegendSignature>;\n HelperText?: ComponentLike<HdsFormHelperTextSignature>;\n RadioField?: ComponentLike<HdsFormRadioFieldSignature>;\n Error?: ComponentLike<HdsFormErrorSignature>;\n },\n ];\n };\n Element: HdsFormFieldsetSignature['Element'];\n}\n\nconst HdsFormRadioGroup = templateOnlyComponent<HdsFormRadioGroupSignature>();\n\nexport default HdsFormRadioGroup;\n"],"names":["HdsFormRadioGroup","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,6uBAA6uB;;ACD/wB;AACA;AACA;AACA;;AA2BA,MAAMA,iBAAiB,GAAGC,qBAAqB,EAA8B~~,CAAA~~;AAE7E,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,iBAAiB,CAAA;;;;"}
1	+ {"version":3,"file":"group.js","sources":["../../../../../src/components/hds/form/radio/group.hbs","../../../../../src/components/hds/form/radio/group.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n Copyright (c) HashiCorp, Inc.\\n SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Form::Fieldset @layout={{@layout}} @isRequired={{@isRequired}} @isOptional={{@isOptional}} ...attributes as \|F\|>\\n {{! Notice: the order of the elements is not relevant here, because it\\'s controlled at \\\"Hds::Form::Fieldset\\\" component level }}\\n {{yield (hash Legend=F.Legend HelperText=F.HelperText Error=F.Error)}}\\n <F.Control>\\n {{yield\\n (hash\\n RadioField=(component\\n \\\"hds/form/radio/field\\\"\\n contextualClass=\\\"hds-form-group__control-field\\\"\\n isRequired=@isRequired\\n name=@name\\n extraAriaDescribedBy=F.ariaDescribedBy\\n )\\n )\\n }}\\n </F.Control>\\n</Hds::Form::Fieldset>\")","/*\n Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\nimport type { HdsFormFieldsetSignature } from '../fieldset';\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsFormLegendSignature } from '../legend';\nimport type { HdsFormHelperTextSignature } from '../helper-text';\nimport type { HdsFormRadioFieldSignature } from './field';\nimport type { HdsFormErrorSignature } from '../error';\n\nexport interface HdsFormRadioGroupSignature {\n Args: HdsFormFieldsetSignature['Args'] & {\n name?: string;\n };\n Blocks: {\n default: [\n {\n Legend?: ComponentLike<HdsFormLegendSignature>;\n HelperText?: ComponentLike<HdsFormHelperTextSignature>;\n RadioField?: ComponentLike<HdsFormRadioFieldSignature>;\n Error?: ComponentLike<HdsFormErrorSignature>;\n },\n ];\n };\n Element: HdsFormFieldsetSignature['Element'];\n}\n\nconst HdsFormRadioGroup = templateOnlyComponent<HdsFormRadioGroupSignature>();\n\nexport default HdsFormRadioGroup;\n"],"names":["HdsFormRadioGroup","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,6uBAA6uB;;ACD/wB;AACA;AACA;AACA;;AA2BA,MAAMA,iBAAiB,GAAGC,qBAAqB,EAA8B;AAE7E,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,iBAAiB,CAAA;;;;"}

package/dist/components/hds/form/radio-card/description.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"description.js","sources":["../../../../../src/components/hds/form/radio-card/description.hbs","../../../../../src/components/hds/form/radio-card/description.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n Copyright (c) HashiCorp, Inc.\\n SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Text::Body\\n class=\\\"hds-form-radio-card__description\\\"\\n @tag=\\\"span\\\"\\n @size=\\\"100\\\"\\n ...attributes\\n>{{yield}}</Hds::Text::Body>\")","/*\n Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\nimport type { HdsTextBodySignature } from '../../text/body';\n\nexport interface HdsFormRadioCardDescriptionSignature {\n Blocks: {\n default: [];\n };\n Element: HdsTextBodySignature['Element'];\n}\n\nconst HdsFormRadioCardDescription =\n templateOnlyComponent<HdsFormRadioCardDescriptionSignature>();\n\nexport default HdsFormRadioCardDescription;\n"],"names":["HdsFormRadioCardDescription","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,+NAA+N;;ACDjQ;AACA;AACA;AACA;;AAYA,MAAMA,2BAA2B,GAC/BC,qBAAqB,EAAwC~~,CAAA~~;AAE/D,kBAAAC,oBAAA,CAAAC,QAAA,EAAeH,2BAA2B,CAAA;;;;"}
1	+ {"version":3,"file":"description.js","sources":["../../../../../src/components/hds/form/radio-card/description.hbs","../../../../../src/components/hds/form/radio-card/description.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n Copyright (c) HashiCorp, Inc.\\n SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Text::Body\\n class=\\\"hds-form-radio-card__description\\\"\\n @tag=\\\"span\\\"\\n @size=\\\"100\\\"\\n ...attributes\\n>{{yield}}</Hds::Text::Body>\")","/*\n Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\nimport type { HdsTextBodySignature } from '../../text/body';\n\nexport interface HdsFormRadioCardDescriptionSignature {\n Blocks: {\n default: [];\n };\n Element: HdsTextBodySignature['Element'];\n}\n\nconst HdsFormRadioCardDescription =\n templateOnlyComponent<HdsFormRadioCardDescriptionSignature>();\n\nexport default HdsFormRadioCardDescription;\n"],"names":["HdsFormRadioCardDescription","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,+NAA+N;;ACDjQ;AACA;AACA;AACA;;AAYA,MAAMA,2BAA2B,GAC/BC,qBAAqB,EAAwC;AAE/D,kBAAAC,oBAAA,CAAAC,QAAA,EAAeH,2BAA2B,CAAA;;;;"}

package/dist/components/hds/form/radio-card/group.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"group.js","sources":["../../../../../src/components/hds/form/radio-card/group.hbs","../../../../../src/components/hds/form/radio-card/group.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n Copyright (c) HashiCorp, Inc.\\n SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Form::Fieldset\\n class=\\\"hds-form-group--radio-cards\\\"\\n @layout={{if (eq @layout \\\"vertical\\\") \\\"vertical\\\" \\\"horizontal\\\"}}\\n @isRequired={{@isRequired}}\\n @isOptional={{@isOptional}}\\n ...attributes\\n as \|F\|\\n>\\n {{! Notice: the order of the elements is not relevant here, because it\\'s controlled at \\\"Hds::Form::Fieldset\\\" component level }}\\n {{yield (hash Legend=F.Legend HelperText=F.HelperText Error=F.Error)}}\\n <F.Control>\\n {{yield\\n (hash\\n RadioCard=(component\\n \\\"hds/form/radio-card\\\"\\n name=@name\\n alignment=@alignment\\n controlPosition=@controlPosition\\n extraAriaDescribedBy=F.ariaDescribedBy\\n )\\n )\\n }}\\n </F.Control>\\n</Hds::Form::Fieldset>\")","/*\n Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\nimport type { HdsFormFieldsetSignature } from '../fieldset';\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsFormLegendSignature } from '../legend';\nimport type { HdsFormHelperTextSignature } from '../helper-text';\nimport type { HdsFormRadioCardSignature } from './index';\nimport type { HdsFormErrorSignature } from '../error';\nimport type {\n HdsFormRadioCardControlPositions,\n HdsFormRadioCardAlignments,\n} from './types';\n\nexport interface HdsFormRadioCardGroupSignature {\n Args: HdsFormFieldsetSignature['Args'] & {\n controlPosition?: HdsFormRadioCardControlPositions;\n alignment?: HdsFormRadioCardAlignments;\n name?: string;\n };\n Blocks: {\n default: [\n {\n Legend?: ComponentLike<HdsFormLegendSignature>;\n HelperText?: ComponentLike<HdsFormHelperTextSignature>;\n RadioCard?: ComponentLike<HdsFormRadioCardSignature>;\n Error?: ComponentLike<HdsFormErrorSignature>;\n },\n ];\n };\n Element: HdsFormFieldsetSignature['Element'];\n}\n\nconst HdsFormRadioCardGroup =\n templateOnlyComponent<HdsFormRadioCardGroupSignature>();\n\nexport default HdsFormRadioCardGroup;\n"],"names":["HdsFormRadioCardGroup","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,m0BAAm0B;;ACDr2B;AACA;AACA;AACA;;AAiCA,MAAMA,qBAAqB,GACzBC,qBAAqB,EAAkC~~,CAAA~~;AAEzD,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,qBAAqB,CAAA;;;;"}
1	+ {"version":3,"file":"group.js","sources":["../../../../../src/components/hds/form/radio-card/group.hbs","../../../../../src/components/hds/form/radio-card/group.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n Copyright (c) HashiCorp, Inc.\\n SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Form::Fieldset\\n class=\\\"hds-form-group--radio-cards\\\"\\n @layout={{if (eq @layout \\\"vertical\\\") \\\"vertical\\\" \\\"horizontal\\\"}}\\n @isRequired={{@isRequired}}\\n @isOptional={{@isOptional}}\\n ...attributes\\n as \|F\|\\n>\\n {{! Notice: the order of the elements is not relevant here, because it\\'s controlled at \\\"Hds::Form::Fieldset\\\" component level }}\\n {{yield (hash Legend=F.Legend HelperText=F.HelperText Error=F.Error)}}\\n <F.Control>\\n {{yield\\n (hash\\n RadioCard=(component\\n \\\"hds/form/radio-card\\\"\\n name=@name\\n alignment=@alignment\\n controlPosition=@controlPosition\\n extraAriaDescribedBy=F.ariaDescribedBy\\n )\\n )\\n }}\\n </F.Control>\\n</Hds::Form::Fieldset>\")","/*\n Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\nimport type { HdsFormFieldsetSignature } from '../fieldset';\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsFormLegendSignature } from '../legend';\nimport type { HdsFormHelperTextSignature } from '../helper-text';\nimport type { HdsFormRadioCardSignature } from './index';\nimport type { HdsFormErrorSignature } from '../error';\nimport type {\n HdsFormRadioCardControlPositions,\n HdsFormRadioCardAlignments,\n} from './types';\n\nexport interface HdsFormRadioCardGroupSignature {\n Args: HdsFormFieldsetSignature['Args'] & {\n controlPosition?: HdsFormRadioCardControlPositions;\n alignment?: HdsFormRadioCardAlignments;\n name?: string;\n };\n Blocks: {\n default: [\n {\n Legend?: ComponentLike<HdsFormLegendSignature>;\n HelperText?: ComponentLike<HdsFormHelperTextSignature>;\n RadioCard?: ComponentLike<HdsFormRadioCardSignature>;\n Error?: ComponentLike<HdsFormErrorSignature>;\n },\n ];\n };\n Element: HdsFormFieldsetSignature['Element'];\n}\n\nconst HdsFormRadioCardGroup =\n templateOnlyComponent<HdsFormRadioCardGroupSignature>();\n\nexport default HdsFormRadioCardGroup;\n"],"names":["HdsFormRadioCardGroup","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,m0BAAm0B;;ACDr2B;AACA;AACA;AACA;;AAiCA,MAAMA,qBAAqB,GACzBC,qBAAqB,EAAkC;AAEzD,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,qBAAqB,CAAA;;;;"}

package/dist/components/hds/form/radio-card/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../src/components/hds/form/radio-card/index.hbs","../../../../../src/components/hds/form/radio-card/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<label class={{this.classNames}} {{style maxWidth=@maxWidth}}>\\n <span class=\\\"hds-form-radio-card__content\\\">\\n {{yield (hash Icon=(component \\\"hds/icon\\\" size=\\\"24\\\"))}}\\n {{yield (hash Label=(component \\\"hds/form/radio-card/label\\\"))}}\\n {{yield (hash Badge=(component \\\"hds/badge\\\"))}}\\n {{yield (hash Description=(component \\\"hds/form/radio-card/description\\\"))}}\\n {{yield (hash Generic=(component \\\"hds/yield\\\"))}}\\n </span>\\n <span class=\\\"hds-form-radio-card__control-wrapper\\\">\\n <Hds::Form::Radio::Base\\n class=\\\"hds-form-radio-card__control\\\"\\n @value={{@value}}\\n name={{@name}}\\n checked={{@checked}}\\n disabled={{@disabled}}\\n aria-describedby={{@extraAriaDescribedBy}}\\n ...attributes\\n />\\n </span>\\n</label>\")","/*\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 HdsFormRadioCardControlPositionValues,\n HdsFormRadioCardAlignmentValues,\n} from './types.ts';\n\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsIconSignature } from '../../icon';\nimport type { HdsBadgeSignature } from '../../badge';\nimport type { HdsFormRadioBaseSignature } from '../radio/base';\nimport type { HdsFormRadioCardDescriptionSignature } from './description';\nimport type { HdsFormRadioCardLabelSignature } from './label';\nimport type { HdsYieldSignature } from '../../yield';\nimport type {\n HdsFormRadioCardControlPositions,\n HdsFormRadioCardAlignments,\n} from './types';\n\nexport const DEFAULT_CONTROL_POSITION =\n HdsFormRadioCardControlPositionValues.Bottom;\nexport const DEFAULT_ALIGNMENT = HdsFormRadioCardAlignmentValues.Left;\nexport const CONTROL_POSITIONS: string[] = Object.values(\n HdsFormRadioCardControlPositionValues\n);\nexport const ALIGNMENTS: string[] = Object.values(\n HdsFormRadioCardAlignmentValues\n);\n\nexport interface HdsFormRadioCardSignature {\n Args: {\n name?: string;\n value?: string;\n checked?: boolean;\n disabled?: boolean;\n controlPosition?: HdsFormRadioCardControlPositions;\n alignment?: HdsFormRadioCardAlignments;\n maxWidth?: string;\n extraAriaDescribedBy?: string;\n };\n Blocks: {\n default: [\n {\n Icon?: ComponentLike<HdsIconSignature>;\n Label?: ComponentLike<HdsFormRadioCardLabelSignature>;\n Badge?: ComponentLike<HdsBadgeSignature>;\n Description?: ComponentLike<HdsFormRadioCardDescriptionSignature>;\n Generic?: ComponentLike<HdsYieldSignature>;\n },\n ];\n };\n Element: HdsFormRadioBaseSignature['Element'];\n}\n\nexport default class HdsFormRadioCard extends Component<HdsFormRadioCardSignature> {\n /\n Sets the position of the control\n * Accepted values: buttom, left\n \n @param type\n * @type {string}\n * @default 'bottom'\n /\n get controlPosition(): HdsFormRadioCardControlPositions {\n const { controlPosition = DEFAULT_CONTROL_POSITION } = this.args;\n\n assert(\n `@controlPosition for \"Hds::Form::RadioCard\" must be one of the following: ${CONTROL_POSITIONS.join(\n ', '\n )}; received: ${controlPosition}`,\n CONTROL_POSITIONS.includes(controlPosition)\n );\n\n return controlPosition;\n }\n\n /\n Sets the alignment of the content\n * Accepted values: left, center\n \n @param alignnment\n * @type {string}\n * @default 'left'\n /\n get alignment(): HdsFormRadioCardAlignments {\n const { alignment = DEFAULT_ALIGNMENT } = this.args;\n\n assert(\n `@alignment for \"Hds::Form::RadioCard\" must be one of the following: ${ALIGNMENTS.join(\n ', '\n )}; received: ${alignment}`,\n ALIGNMENTS.includes(alignment)\n );\n\n return alignment;\n }\n\n /\n Get the class names to apply to the component.\n * @method classNames\n * @return {string} The \"class\" attribute to apply to the component.\n */\n get classNames(): string {\n const classes = ['hds-form-radio-card'];\n\n if (this.args.checked) {\n classes.push('hds-form-radio-card--checked');\n }\n if (this.args.disabled) {\n classes.push('hds-form-radio-card--disabled');\n }\n if (this.args.maxWidth) {\n classes.push('hds-form-radio-card--has-fixed-width');\n } else {\n classes.push('hds-form-radio-card--has-fluid-width');\n }\n\n // add a class based on the @controlPosition argument\n classes.push(`hds-form-radio-card--control-${this.controlPosition}`);\n\n // add a class based on the @alignment argument\n classes.push(`hds-form-radio-card--align-${this.alignment}`);\n\n return classes.join(' ');\n }\n}\n"],"names":["DEFAULT_CONTROL_POSITION","HdsFormRadioCardControlPositionValues","Bottom","DEFAULT_ALIGNMENT","HdsFormRadioCardAlignmentValues","Left","CONTROL_POSITIONS","Object","values","ALIGNMENTS","HdsFormRadioCard","Component","controlPosition","args","assert","join","includes","alignment","classNames","classes","checked","push","disabled","maxWidth","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AACA,eAAe,kBAAkB,CAAC,i2BAAi2B;;ACDn4B;AACA;AACA;AACA;;AAqBaA,MAAAA,wBAAwB,GACnCC,qCAAqC,CAACC~~,OAAM~~;~~AACjCC~~,MAAAA,iBAAiB,GAAGC,+BAA+B,CAACC~~,KAAI~~;~~AAC9D~~,MAAMC,iBAA2B,GAAGC,MAAM,CAACC,MAAM,CACtDP,qCACF~~,EAAC~~;~~AACM~~,MAAMQ,UAAoB,GAAGF,MAAM,CAACC,MAAM,CAC/CJ,+BACF~~,EAAC~~;~~AA2Bc~~,MAAMM,gBAAgB,SAASC,SAAS,CAA4B;AACjF;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACE,IAAIC,eAAeA,GAAqC;IACtD,MAAM;AAAEA,MAAAA,eAAe,GAAGZ~~,wBAAAA~~;KAA0B,GAAG,IAAI,CAACa,IAAI~~,CAAA~~;AAEhEC,IAAAA,MAAM,CACJ,CAA6ER,0EAAAA,EAAAA,iBAAiB,CAACS,IAAI,CACjG,IACF,CAAC,CAAA,YAAA,EAAeH,eAAe,CAAA,CAAE,EACjCN,iBAAiB,CAACU,QAAQ,CAACJ,eAAe,CAC5C,CAAC~~,CAAA~~;AAED,IAAA,OAAOA,eAAe~~,CAAA~~;AACxB~~,GAAA~~;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACE,IAAIK,SAASA,GAA+B;IAC1C,MAAM;AAAEA,MAAAA,SAAS,GAAGd~~,iBAAAA~~;KAAmB,GAAG,IAAI,CAACU,IAAI~~,CAAA~~;AAEnDC,IAAAA,MAAM,CACJ,CAAuEL,oEAAAA,EAAAA,UAAU,CAACM,IAAI,CACpF,IACF,CAAC,CAAA,YAAA,EAAeE,SAAS,CAAA,CAAE,EAC3BR,UAAU,CAACO,QAAQ,CAACC,SAAS,CAC/B,CAAC~~,CAAA~~;AAED,IAAA,OAAOA,SAAS~~,CAAA~~;AAClB~~,GAAA~~;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,qBAAqB,CAAC~~,CAAA~~;AAEvC,IAAA,IAAI,IAAI,CAACN,IAAI,CAACO,OAAO,EAAE;AACrBD,MAAAA,OAAO,CAACE,IAAI,CAAC,8BAA8B,CAAC~~,CAAA~~;AAC9C~~,KAAA~~;AACA,IAAA,IAAI,IAAI,CAACR,IAAI,CAACS,QAAQ,EAAE;AACtBH,MAAAA,OAAO,CAACE,IAAI,CAAC,+BAA+B,CAAC~~,CAAA~~;AAC/C~~,KAAA~~;AACA,IAAA,IAAI,IAAI,CAACR,IAAI,CAACU,QAAQ,EAAE;AACtBJ,MAAAA,OAAO,CAACE,IAAI,CAAC,sCAAsC,CAAC~~,CAAA~~;AACtD,KAAC,MAAM;AACLF,MAAAA,OAAO,CAACE,IAAI,CAAC,sCAAsC,CAAC~~,CAAA~~;AACtD~~,KAAA~~;;AAEA;IACAF,OAAO,CAACE,IAAI,CAAC,CAAA,6BAAA,EAAgC,IAAI,CAACT,eAAe,EAAE,CAAC~~,CAAA~~;;AAEpE;IACAO,OAAO,CAACE,IAAI,CAAC,CAAA,2BAAA,EAA8B,IAAI,CAACJ,SAAS,EAAE,CAAC~~,CAAA~~;AAE5D,IAAA,OAAOE,OAAO,CAACJ,IAAI,CAAC,GAAG,CAAC~~,CAAA~~;AAC1B~~,GAAA~~;AACF~~,CAAA~~;AAACS,oBAAA,CAAAC,QAAA,EAvEoBf,gBAAgB,CAAA;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../src/components/hds/form/radio-card/index.hbs","../../../../../src/components/hds/form/radio-card/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<label class={{this.classNames}} {{style maxWidth=@maxWidth}}>\\n <span class=\\\"hds-form-radio-card__content\\\">\\n {{yield (hash Icon=(component \\\"hds/icon\\\" size=\\\"24\\\"))}}\\n {{yield (hash Label=(component \\\"hds/form/radio-card/label\\\"))}}\\n {{yield (hash Badge=(component \\\"hds/badge\\\"))}}\\n {{yield (hash Description=(component \\\"hds/form/radio-card/description\\\"))}}\\n {{yield (hash Generic=(component \\\"hds/yield\\\"))}}\\n </span>\\n <span class=\\\"hds-form-radio-card__control-wrapper\\\">\\n <Hds::Form::Radio::Base\\n class=\\\"hds-form-radio-card__control\\\"\\n @value={{@value}}\\n name={{@name}}\\n checked={{@checked}}\\n disabled={{@disabled}}\\n aria-describedby={{@extraAriaDescribedBy}}\\n ...attributes\\n />\\n </span>\\n</label>\")","/*\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 HdsFormRadioCardControlPositionValues,\n HdsFormRadioCardAlignmentValues,\n} from './types.ts';\n\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsIconSignature } from '../../icon';\nimport type { HdsBadgeSignature } from '../../badge';\nimport type { HdsFormRadioBaseSignature } from '../radio/base';\nimport type { HdsFormRadioCardDescriptionSignature } from './description';\nimport type { HdsFormRadioCardLabelSignature } from './label';\nimport type { HdsYieldSignature } from '../../yield';\nimport type {\n HdsFormRadioCardControlPositions,\n HdsFormRadioCardAlignments,\n} from './types';\n\nexport const DEFAULT_CONTROL_POSITION =\n HdsFormRadioCardControlPositionValues.Bottom;\nexport const DEFAULT_ALIGNMENT = HdsFormRadioCardAlignmentValues.Left;\nexport const CONTROL_POSITIONS: string[] = Object.values(\n HdsFormRadioCardControlPositionValues\n);\nexport const ALIGNMENTS: string[] = Object.values(\n HdsFormRadioCardAlignmentValues\n);\n\nexport interface HdsFormRadioCardSignature {\n Args: {\n name?: string;\n value?: string;\n checked?: boolean;\n disabled?: boolean;\n controlPosition?: HdsFormRadioCardControlPositions;\n alignment?: HdsFormRadioCardAlignments;\n maxWidth?: string;\n extraAriaDescribedBy?: string;\n };\n Blocks: {\n default: [\n {\n Icon?: ComponentLike<HdsIconSignature>;\n Label?: ComponentLike<HdsFormRadioCardLabelSignature>;\n Badge?: ComponentLike<HdsBadgeSignature>;\n Description?: ComponentLike<HdsFormRadioCardDescriptionSignature>;\n Generic?: ComponentLike<HdsYieldSignature>;\n },\n ];\n };\n Element: HdsFormRadioBaseSignature['Element'];\n}\n\nexport default class HdsFormRadioCard extends Component<HdsFormRadioCardSignature> {\n /\n Sets the position of the control\n * Accepted values: buttom, left\n \n @param type\n * @type {string}\n * @default 'bottom'\n /\n get controlPosition(): HdsFormRadioCardControlPositions {\n const { controlPosition = DEFAULT_CONTROL_POSITION } = this.args;\n\n assert(\n `@controlPosition for \"Hds::Form::RadioCard\" must be one of the following: ${CONTROL_POSITIONS.join(\n ', '\n )}; received: ${controlPosition}`,\n CONTROL_POSITIONS.includes(controlPosition)\n );\n\n return controlPosition;\n }\n\n /\n Sets the alignment of the content\n * Accepted values: left, center\n \n @param alignnment\n * @type {string}\n * @default 'left'\n /\n get alignment(): HdsFormRadioCardAlignments {\n const { alignment = DEFAULT_ALIGNMENT } = this.args;\n\n assert(\n `@alignment for \"Hds::Form::RadioCard\" must be one of the following: ${ALIGNMENTS.join(\n ', '\n )}; received: ${alignment}`,\n ALIGNMENTS.includes(alignment)\n );\n\n return alignment;\n }\n\n /\n Get the class names to apply to the component.\n * @method classNames\n * @return {string} The \"class\" attribute to apply to the component.\n */\n get classNames(): string {\n const classes = ['hds-form-radio-card'];\n\n if (this.args.checked) {\n classes.push('hds-form-radio-card--checked');\n }\n if (this.args.disabled) {\n classes.push('hds-form-radio-card--disabled');\n }\n if (this.args.maxWidth) {\n classes.push('hds-form-radio-card--has-fixed-width');\n } else {\n classes.push('hds-form-radio-card--has-fluid-width');\n }\n\n // add a class based on the @controlPosition argument\n classes.push(`hds-form-radio-card--control-${this.controlPosition}`);\n\n // add a class based on the @alignment argument\n classes.push(`hds-form-radio-card--align-${this.alignment}`);\n\n return classes.join(' ');\n }\n}\n"],"names":["DEFAULT_CONTROL_POSITION","HdsFormRadioCardControlPositionValues","Bottom","DEFAULT_ALIGNMENT","HdsFormRadioCardAlignmentValues","Left","CONTROL_POSITIONS","Object","values","ALIGNMENTS","HdsFormRadioCard","Component","controlPosition","args","assert","join","includes","alignment","classNames","classes","checked","push","disabled","maxWidth","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AACA,eAAe,kBAAkB,CAAC,i2BAAi2B;;ACDn4B;AACA;AACA;AACA;;AAqBaA,MAAAA,wBAAwB,GACnCC,qCAAqC,CAACC;AAC3BC,MAAAA,iBAAiB,GAAGC,+BAA+B,CAACC;AAC1D,MAAMC,iBAA2B,GAAGC,MAAM,CAACC,MAAM,CACtDP,qCACF;AACO,MAAMQ,UAAoB,GAAGF,MAAM,CAACC,MAAM,CAC/CJ,+BACF;AA2Be,MAAMM,gBAAgB,SAASC,SAAS,CAA4B;AACjF;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACE,IAAIC,eAAeA,GAAqC;IACtD,MAAM;AAAEA,MAAAA,eAAe,GAAGZ;KAA0B,GAAG,IAAI,CAACa,IAAI;AAEhEC,IAAAA,MAAM,CACJ,CAA6ER,0EAAAA,EAAAA,iBAAiB,CAACS,IAAI,CACjG,IACF,CAAC,CAAA,YAAA,EAAeH,eAAe,CAAA,CAAE,EACjCN,iBAAiB,CAACU,QAAQ,CAACJ,eAAe,CAC5C,CAAC;AAED,IAAA,OAAOA,eAAe;AACxB;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACE,IAAIK,SAASA,GAA+B;IAC1C,MAAM;AAAEA,MAAAA,SAAS,GAAGd;KAAmB,GAAG,IAAI,CAACU,IAAI;AAEnDC,IAAAA,MAAM,CACJ,CAAuEL,oEAAAA,EAAAA,UAAU,CAACM,IAAI,CACpF,IACF,CAAC,CAAA,YAAA,EAAeE,SAAS,CAAA,CAAE,EAC3BR,UAAU,CAACO,QAAQ,CAACC,SAAS,CAC/B,CAAC;AAED,IAAA,OAAOA,SAAS;AAClB;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,qBAAqB,CAAC;AAEvC,IAAA,IAAI,IAAI,CAACN,IAAI,CAACO,OAAO,EAAE;AACrBD,MAAAA,OAAO,CAACE,IAAI,CAAC,8BAA8B,CAAC;AAC9C;AACA,IAAA,IAAI,IAAI,CAACR,IAAI,CAACS,QAAQ,EAAE;AACtBH,MAAAA,OAAO,CAACE,IAAI,CAAC,+BAA+B,CAAC;AAC/C;AACA,IAAA,IAAI,IAAI,CAACR,IAAI,CAACU,QAAQ,EAAE;AACtBJ,MAAAA,OAAO,CAACE,IAAI,CAAC,sCAAsC,CAAC;AACtD,KAAC,MAAM;AACLF,MAAAA,OAAO,CAACE,IAAI,CAAC,sCAAsC,CAAC;AACtD;;AAEA;IACAF,OAAO,CAACE,IAAI,CAAC,CAAA,6BAAA,EAAgC,IAAI,CAACT,eAAe,EAAE,CAAC;;AAEpE;IACAO,OAAO,CAACE,IAAI,CAAC,CAAA,2BAAA,EAA8B,IAAI,CAACJ,SAAS,EAAE,CAAC;AAE5D,IAAA,OAAOE,OAAO,CAACJ,IAAI,CAAC,GAAG,CAAC;AAC1B;AACF;AAACS,oBAAA,CAAAC,QAAA,EAvEoBf,gBAAgB,CAAA;;;;"}

package/dist/components/hds/form/radio-card/label.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"label.js","sources":["../../../../../src/components/hds/form/radio-card/label.hbs","../../../../../src/components/hds/form/radio-card/label.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n Copyright (c) HashiCorp, Inc.\\n SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Text::Display\\n class=\\\"hds-form-radio-card__label\\\"\\n @tag=\\\"span\\\"\\n @size=\\\"300\\\"\\n @weight=\\\"bold\\\"\\n ...attributes\\n>{{yield}}</Hds::Text::Display>\")","/*\n Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\nimport type { HdsTextDisplaySignature } from '../../text/display';\n\nexport interface HdsFormRadioCardLabelSignature {\n Blocks: {\n default: [];\n };\n Element: HdsTextDisplaySignature['Element'];\n}\n\nconst HdsFormRadioCardLabel =\n templateOnlyComponent<HdsFormRadioCardLabelSignature>();\n\nexport default HdsFormRadioCardLabel;\n"],"names":["HdsFormRadioCardLabel","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,mPAAmP;;ACDrR;AACA;AACA;AACA;;AAYA,MAAMA,qBAAqB,GACzBC,qBAAqB,EAAkC~~,CAAA~~;AAEzD,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,qBAAqB,CAAA;;;;"}
1	+ {"version":3,"file":"label.js","sources":["../../../../../src/components/hds/form/radio-card/label.hbs","../../../../../src/components/hds/form/radio-card/label.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n Copyright (c) HashiCorp, Inc.\\n SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Text::Display\\n class=\\\"hds-form-radio-card__label\\\"\\n @tag=\\\"span\\\"\\n @size=\\\"300\\\"\\n @weight=\\\"bold\\\"\\n ...attributes\\n>{{yield}}</Hds::Text::Display>\")","/*\n Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\nimport type { HdsTextDisplaySignature } from '../../text/display';\n\nexport interface HdsFormRadioCardLabelSignature {\n Blocks: {\n default: [];\n };\n Element: HdsTextDisplaySignature['Element'];\n}\n\nconst HdsFormRadioCardLabel =\n templateOnlyComponent<HdsFormRadioCardLabelSignature>();\n\nexport default HdsFormRadioCardLabel;\n"],"names":["HdsFormRadioCardLabel","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,mPAAmP;;ACDrR;AACA;AACA;AACA;;AAYA,MAAMA,qBAAqB,GACzBC,qBAAqB,EAAkC;AAEzD,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,qBAAqB,CAAA;;;;"}

package/dist/components/hds/form/radio-card/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.js","sources":["../../../../../src/components/hds/form/radio-card/types.ts"],"sourcesContent":["/*\n Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nexport enum HdsFormRadioCardControlPositionValues {\n Bottom = 'bottom',\n Left = 'left',\n}\n\nexport type HdsFormRadioCardControlPositions =\n `${HdsFormRadioCardControlPositionValues}`;\n\nexport enum HdsFormRadioCardAlignmentValues {\n Left = 'left',\n Center = 'center',\n}\n\nexport type HdsFormRadioCardAlignments = `${HdsFormRadioCardAlignmentValues}`;\n"],"names":["HdsFormRadioCardControlPositionValues","HdsFormRadioCardAlignmentValues"],"mappings":"AAAA;AACA;AACA;AACA;;AAEYA,IAAAA,qCAAqC,0BAArCA,qCAAqC,EAAA;EAArCA,qCAAqC,CAAA,QAAA,CAAA,GAAA,QAAA~~,CAAA~~;EAArCA,qCAAqC,CAAA,MAAA,CAAA,GAAA,MAAA~~,CAAA~~;AAAA,EAAA,OAArCA,qCAAqC~~,CAAA~~;AAAA,CAAA,CAAA,EAAA~~,EAAA~~;AAQrCC,IAAAA,+BAA+B,0BAA/BA,+BAA+B,EAAA;EAA/BA,+BAA+B,CAAA,MAAA,CAAA,GAAA,MAAA~~,CAAA~~;EAA/BA,+BAA+B,CAAA,QAAA,CAAA,GAAA,QAAA~~,CAAA~~;AAAA,EAAA,OAA/BA,+BAA+B~~,CAAA~~;AAAA,CAAA,CAAA,EAAA;;;;"}
1	+ {"version":3,"file":"types.js","sources":["../../../../../src/components/hds/form/radio-card/types.ts"],"sourcesContent":["/*\n Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nexport enum HdsFormRadioCardControlPositionValues {\n Bottom = 'bottom',\n Left = 'left',\n}\n\nexport type HdsFormRadioCardControlPositions =\n `${HdsFormRadioCardControlPositionValues}`;\n\nexport enum HdsFormRadioCardAlignmentValues {\n Left = 'left',\n Center = 'center',\n}\n\nexport type HdsFormRadioCardAlignments = `${HdsFormRadioCardAlignmentValues}`;\n"],"names":["HdsFormRadioCardControlPositionValues","HdsFormRadioCardAlignmentValues"],"mappings":"AAAA;AACA;AACA;AACA;;AAEYA,IAAAA,qCAAqC,0BAArCA,qCAAqC,EAAA;EAArCA,qCAAqC,CAAA,QAAA,CAAA,GAAA,QAAA;EAArCA,qCAAqC,CAAA,MAAA,CAAA,GAAA,MAAA;AAAA,EAAA,OAArCA,qCAAqC;AAAA,CAAA,CAAA,EAAA;AAQrCC,IAAAA,+BAA+B,0BAA/BA,+BAA+B,EAAA;EAA/BA,+BAA+B,CAAA,MAAA,CAAA,GAAA,MAAA;EAA/BA,+BAA+B,CAAA,QAAA,CAAA,GAAA,QAAA;AAAA,EAAA,OAA/BA,+BAA+B;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/components/hds/form/select/base.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"base.js","sources":["../../../../../src/components/hds/form/select/base.hbs","../../../../../src/components/hds/form/select/base.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n Copyright (c) HashiCorp, Inc.\\n SPDX-License-Identifier: MPL-2.0\\n}}\\n<select class={{this.classNames}} {{style width=@width}} ...attributes>\\n {{yield (hash Options=(component \\\"hds/yield\\\"))}}\\n</select>\")","/*\n Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n /\n\nimport Component from '@glimmer/component';\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsYieldSignature } from '../../yield';\n\nexport interface HdsFormSelectBaseSignature {\n Args: {\n isInvalid?: boolean;\n width?: string;\n };\n Blocks: {\n default: [\n {\n Options?: ComponentLike<HdsYieldSignature>;\n },\n ];\n };\n Element: HTMLSelectElement;\n}\n\nexport default class HdsFormSelectBase extends Component<HdsFormSelectBaseSignature> {\n /\n Get the class names to apply to the component.\n * @method classNames\n * @return {string} The \"class\" attribute to apply to the component.\n */\n get classNames(): string {\n const classes = ['hds-form-select'];\n\n // add typographic classes\n classes.push('hds-typography-body-200', 'hds-font-weight-regular');\n\n // add a class based on the @isInvalid argument\n if (this.args.isInvalid) {\n classes.push(`hds-form-select--is-invalid`);\n }\n\n return classes.join(' ');\n }\n}\n"],"names":["HdsFormSelectBase","Component","classNames","classes","push","args","isInvalid","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,wNAAwN;;ACD1P;AACA;AACA;AACA;;AAqBe,MAAMA,iBAAiB,SAASC,SAAS,CAA6B;AACnF;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,iBAAiB,CAAC~~,CAAA~~;;AAEnC;AACAA,IAAAA,OAAO,CAACC,IAAI,CAAC,yBAAyB,EAAE,yBAAyB,CAAC~~,CAAA~~;;AAElE;AACA,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,SAAS,EAAE;AACvBH,MAAAA,OAAO,CAACC,IAAI,CAAC,CAAA,2BAAA,CAA6B,CAAC~~,CAAA~~;AAC7C~~,KAAA~~;AAEA,IAAA,OAAOD,OAAO,CAACI,IAAI,CAAC,GAAG,CAAC~~,CAAA~~;AAC1B~~,GAAA~~;AACF~~,CAAA~~;AAACC,oBAAA,CAAAC,QAAA,EAnBoBT,iBAAiB,CAAA;;;;"}
1	+ {"version":3,"file":"base.js","sources":["../../../../../src/components/hds/form/select/base.hbs","../../../../../src/components/hds/form/select/base.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n Copyright (c) HashiCorp, Inc.\\n SPDX-License-Identifier: MPL-2.0\\n}}\\n<select class={{this.classNames}} {{style width=@width}} ...attributes>\\n {{yield (hash Options=(component \\\"hds/yield\\\"))}}\\n</select>\")","/*\n Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n /\n\nimport Component from '@glimmer/component';\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsYieldSignature } from '../../yield';\n\nexport interface HdsFormSelectBaseSignature {\n Args: {\n isInvalid?: boolean;\n width?: string;\n };\n Blocks: {\n default: [\n {\n Options?: ComponentLike<HdsYieldSignature>;\n },\n ];\n };\n Element: HTMLSelectElement;\n}\n\nexport default class HdsFormSelectBase extends Component<HdsFormSelectBaseSignature> {\n /\n Get the class names to apply to the component.\n * @method classNames\n * @return {string} The \"class\" attribute to apply to the component.\n */\n get classNames(): string {\n const classes = ['hds-form-select'];\n\n // add typographic classes\n classes.push('hds-typography-body-200', 'hds-font-weight-regular');\n\n // add a class based on the @isInvalid argument\n if (this.args.isInvalid) {\n classes.push(`hds-form-select--is-invalid`);\n }\n\n return classes.join(' ');\n }\n}\n"],"names":["HdsFormSelectBase","Component","classNames","classes","push","args","isInvalid","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,wNAAwN;;ACD1P;AACA;AACA;AACA;;AAqBe,MAAMA,iBAAiB,SAASC,SAAS,CAA6B;AACnF;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,iBAAiB,CAAC;;AAEnC;AACAA,IAAAA,OAAO,CAACC,IAAI,CAAC,yBAAyB,EAAE,yBAAyB,CAAC;;AAElE;AACA,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,SAAS,EAAE;AACvBH,MAAAA,OAAO,CAACC,IAAI,CAAC,CAAA,2BAAA,CAA6B,CAAC;AAC7C;AAEA,IAAA,OAAOD,OAAO,CAACI,IAAI,CAAC,GAAG,CAAC;AAC1B;AACF;AAACC,oBAAA,CAAAC,QAAA,EAnBoBT,iBAAiB,CAAA;;;;"}

package/dist/components/hds/form/select/field.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"field.js","sources":["../../../../../src/components/hds/form/select/field.hbs","../../../../../src/components/hds/form/select/field.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n Copyright (c) HashiCorp, Inc.\\n SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Form::Field\\n @layout=\\\"vertical\\\"\\n @extraAriaDescribedBy={{@extraAriaDescribedBy}}\\n @isRequired={{@isRequired}}\\n @isOptional={{@isOptional}}\\n @id={{@id}}\\n as \|F\|\\n>\\n {{! Notice: the order of the elements is not relevant here, because is controlled at \\\"Hds::Form::Field\\\" component level }}\\n {{yield (hash Label=F.Label HelperText=F.HelperText Error=F.Error)}}\\n <F.Control>\\n <Hds::Form::Select::Base\\n @isInvalid={{@isInvalid}}\\n @width={{@width}}\\n required={{@isRequired}}\\n ...attributes\\n id={{F.id}}\\n aria-describedby={{F.ariaDescribedBy}}\\n as \|S\|\\n >\\n {{yield (hash Options=S.Options)}}\\n </Hds::Form::Select::Base>\\n </F.Control>\\n</Hds::Form::Field>\")","/*\n Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsFormErrorSignature } from '../error';\nimport type { HdsFormFieldSignature } from '../field';\nimport type { HdsFormHelperTextSignature } from '../helper-text';\nimport type { HdsFormLabelSignature } from '../label';\nimport type { HdsFormSelectBaseSignature } from './base';\nimport type { HdsYieldSignature } from '../../yield';\n\nexport interface HdsFormSelectFieldSignature {\n Args: Omit<HdsFormFieldSignature['Args'], 'contextualClass' \| 'layout'> &\n HdsFormSelectBaseSignature['Args'];\n Blocks: {\n default: [\n {\n Label?: ComponentLike<HdsFormLabelSignature>;\n HelperText?: ComponentLike<HdsFormHelperTextSignature>;\n Error?: ComponentLike<HdsFormErrorSignature>;\n Options?: ComponentLike<HdsYieldSignature>;\n },\n ];\n };\n Element: HdsFormFieldSignature['Element'];\n}\n\nconst HdsFormSelectField = templateOnlyComponent<HdsFormSelectFieldSignature>();\n\nexport default HdsFormSelectField;\n"],"names":["HdsFormSelectField","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,+yBAA+yB;;ACDj1B;AACA;AACA;AACA;;AA2BA,MAAMA,kBAAkB,GAAGC,qBAAqB,EAA+B~~,CAAA~~;AAE/E,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,kBAAkB,CAAA;;;;"}
1	+ {"version":3,"file":"field.js","sources":["../../../../../src/components/hds/form/select/field.hbs","../../../../../src/components/hds/form/select/field.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n Copyright (c) HashiCorp, Inc.\\n SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Form::Field\\n @layout=\\\"vertical\\\"\\n @extraAriaDescribedBy={{@extraAriaDescribedBy}}\\n @isRequired={{@isRequired}}\\n @isOptional={{@isOptional}}\\n @id={{@id}}\\n as \|F\|\\n>\\n {{! Notice: the order of the elements is not relevant here, because is controlled at \\\"Hds::Form::Field\\\" component level }}\\n {{yield (hash Label=F.Label HelperText=F.HelperText Error=F.Error)}}\\n <F.Control>\\n <Hds::Form::Select::Base\\n @isInvalid={{@isInvalid}}\\n @width={{@width}}\\n required={{@isRequired}}\\n ...attributes\\n id={{F.id}}\\n aria-describedby={{F.ariaDescribedBy}}\\n as \|S\|\\n >\\n {{yield (hash Options=S.Options)}}\\n </Hds::Form::Select::Base>\\n </F.Control>\\n</Hds::Form::Field>\")","/*\n Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsFormErrorSignature } from '../error';\nimport type { HdsFormFieldSignature } from '../field';\nimport type { HdsFormHelperTextSignature } from '../helper-text';\nimport type { HdsFormLabelSignature } from '../label';\nimport type { HdsFormSelectBaseSignature } from './base';\nimport type { HdsYieldSignature } from '../../yield';\n\nexport interface HdsFormSelectFieldSignature {\n Args: Omit<HdsFormFieldSignature['Args'], 'contextualClass' \| 'layout'> &\n HdsFormSelectBaseSignature['Args'];\n Blocks: {\n default: [\n {\n Label?: ComponentLike<HdsFormLabelSignature>;\n HelperText?: ComponentLike<HdsFormHelperTextSignature>;\n Error?: ComponentLike<HdsFormErrorSignature>;\n Options?: ComponentLike<HdsYieldSignature>;\n },\n ];\n };\n Element: HdsFormFieldSignature['Element'];\n}\n\nconst HdsFormSelectField = templateOnlyComponent<HdsFormSelectFieldSignature>();\n\nexport default HdsFormSelectField;\n"],"names":["HdsFormSelectField","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,+yBAA+yB;;ACDj1B;AACA;AACA;AACA;;AA2BA,MAAMA,kBAAkB,GAAGC,qBAAqB,EAA+B;AAE/E,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,kBAAkB,CAAA;;;;"}

package/dist/components/hds/form/super-select/after-options.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"after-options.js","sources":["../../../../../src/components/hds/form/super-select/after-options.hbs","../../../../../src/components/hds/form/super-select/after-options.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{{#if @showNoSelectedMessage}}\\n <Hds::Text::Body @tag=\\\"div\\\" @size=\\\"200\\\" class=\\\"hds-form-super-select__no-options-selected hds-foreground-strong\\\">\\n No options selected\\n </Hds::Text::Body>\\n{{/if}}\\n<div class=\\\"hds-form-super-select__after-options\\\">\\n {{#if @content}}\\n <Hds::Text::Body @tag=\\\"div\\\" @size=\\\"100\\\" class=\\\"hds-foreground-strong\\\">\\n {{@content}}\\n </Hds::Text::Body>\\n {{else}}\\n {{#if (or @showAll @showSelected @clearSelected)}}\\n {{#if @showOnlySelected}}\\n <Hds::Button @text=\\\"Show all\\\" @size=\\\"small\\\" @color=\\\"secondary\\\" {{on \\\"click\\\" @showAll}} />\\n {{else}}\\n <Hds::Button @text=\\\"Show selected\\\" @size=\\\"small\\\" @color=\\\"secondary\\\" {{on \\\"click\\\" @showSelected}} />\\n {{/if}}\\n {{#if (not-eq @selectedCount \\\"0\\\")}}\\n <Hds::Button @text=\\\"Clear selected\\\" @size=\\\"small\\\" @color=\\\"secondary\\\" {{on \\\"click\\\" @clearSelected}} />\\n {{/if}}\\n {{/if}}\\n <Hds::Text::Body @tag=\\\"div\\\" @size=\\\"100\\\" class=\\\"hds-form-super-select__result-count hds-foreground-strong\\\">\\n {{@resultCountMessage}}\\n </Hds::Text::Body>\\n {{/if}}\\n</div>\")","/*\n Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\n\nexport interface HdsFormSuperSelectAfterOptionsSignature {\n Args: {\n clearSelected: () => void;\n content?: string;\n resultCountMessage?: string;\n selectedCount?: string;\n showAll: () => void;\n showNoSelectedMessage?: boolean;\n showOnlySelected?: boolean;\n showSelected: () => void;\n };\n}\n\nconst HdsFormSuperSelectAfterOptions =\n templateOnlyComponent<HdsFormSuperSelectAfterOptionsSignature>();\n\nexport default HdsFormSuperSelectAfterOptions;\n"],"names":["HdsFormSuperSelectAfterOptions","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,6sCAA6sC;;ACD/uC;AACA;AACA;AACA;;AAiBA,MAAMA,8BAA8B,GAClCC,qBAAqB,EAA2C~~,CAAA~~;AAElE,mBAAAC,oBAAA,CAAAC,QAAA,EAAeH,8BAA8B,CAAA;;;;"}
1	+ {"version":3,"file":"after-options.js","sources":["../../../../../src/components/hds/form/super-select/after-options.hbs","../../../../../src/components/hds/form/super-select/after-options.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{{#if @showNoSelectedMessage}}\\n <Hds::Text::Body @tag=\\\"div\\\" @size=\\\"200\\\" class=\\\"hds-form-super-select__no-options-selected hds-foreground-strong\\\">\\n No options selected\\n </Hds::Text::Body>\\n{{/if}}\\n<div class=\\\"hds-form-super-select__after-options\\\">\\n {{#if @content}}\\n <Hds::Text::Body @tag=\\\"div\\\" @size=\\\"100\\\" class=\\\"hds-foreground-strong\\\">\\n {{@content}}\\n </Hds::Text::Body>\\n {{else}}\\n {{#if (or @showAll @showSelected @clearSelected)}}\\n {{#if @showOnlySelected}}\\n <Hds::Button @text=\\\"Show all\\\" @size=\\\"small\\\" @color=\\\"secondary\\\" {{on \\\"click\\\" @showAll}} />\\n {{else}}\\n <Hds::Button @text=\\\"Show selected\\\" @size=\\\"small\\\" @color=\\\"secondary\\\" {{on \\\"click\\\" @showSelected}} />\\n {{/if}}\\n {{#if (not-eq @selectedCount \\\"0\\\")}}\\n <Hds::Button @text=\\\"Clear selected\\\" @size=\\\"small\\\" @color=\\\"secondary\\\" {{on \\\"click\\\" @clearSelected}} />\\n {{/if}}\\n {{/if}}\\n <Hds::Text::Body @tag=\\\"div\\\" @size=\\\"100\\\" class=\\\"hds-form-super-select__result-count hds-foreground-strong\\\">\\n {{@resultCountMessage}}\\n </Hds::Text::Body>\\n {{/if}}\\n</div>\")","/*\n Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\n\nexport interface HdsFormSuperSelectAfterOptionsSignature {\n Args: {\n clearSelected: () => void;\n content?: string;\n resultCountMessage?: string;\n selectedCount?: string;\n showAll: () => void;\n showNoSelectedMessage?: boolean;\n showOnlySelected?: boolean;\n showSelected: () => void;\n };\n}\n\nconst HdsFormSuperSelectAfterOptions =\n templateOnlyComponent<HdsFormSuperSelectAfterOptionsSignature>();\n\nexport default HdsFormSuperSelectAfterOptions;\n"],"names":["HdsFormSuperSelectAfterOptions","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,6sCAA6sC;;ACD/uC;AACA;AACA;AACA;;AAiBA,MAAMA,8BAA8B,GAClCC,qBAAqB,EAA2C;AAElE,mBAAAC,oBAAA,CAAAC,QAAA,EAAeH,8BAA8B,CAAA;;;;"}

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

@@ -1,4 +1,4 @@
-import { _ as _applyDecoratedDescriptor, b as _initializerDefineProperty } from '../../../../../_rollupPluginBabelHelpers-KIi_qCIU.js';
+import { _ as _applyDecoratedDescriptor, b as _initializerDefineProperty } from '../../../../../_rollupPluginBabelHelpers-C_TsMG3M.js';
 import Component from '@glimmer/component';
 import anchoredPositionModifier from '../../../../../modifiers/hds-anchored-position.js';
 import { action } from '@ember/object';
@@ -7,7 +7,7 @@ import { HdsFormSuperSelectHorizontalPositionValues, HdsFormSuperSelectHorizonta
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n{{! Important: if an argument is added in base.hbs, it must also be added/processed in the Base component used in field.hbs }}\n<div class={{this.classNames}} {{style this.dropdownMaxWidthStyle}}>\n  <PowerSelectMultiple\n    @afterOptionsComponent={{if\n      this.showAfterOptions\n      (or\n        @afterOptionsComponent\n        (component\n          \"hds/form/super-select/after-options\"\n          content=@afterOptionsContent\n          resultCountMessage=this.resultCountMessage\n          showNoSelectedMessage=this.showNoSelectedMessage\n          showOnlySelected=this.showOnlySelected\n          showSelected=this.showSelected\n          showAll=this.showAll\n          clearSelected=this.clearSelected\n          selectedCount=this.selectedCount\n        )\n      )\n    }}\n    @ariaDescribedBy={{@ariaDescribedBy}}\n    @ariaInvalid={{@ariaInvalid}}\n    @ariaLabel={{@ariaLabel}}\n    @ariaLabelledBy={{@ariaLabelledBy}}\n    @beforeOptionsComponent={{@beforeOptionsComponent}}\n    @calculatePosition={{if @verticalPosition undefined this.calculatePosition}}\n    @closeOnSelect={{false}}\n    @disabled={{@disabled}}\n    @dropdownClass={{@dropdownClass}}\n    @extra={{@extra}}\n    @groupComponent={{component \"hds/form/super-select/option-group\"}}\n    @horizontalPosition={{@horizontalPosition}}\n    @initiallyOpened={{@initiallyOpened}}\n    @labelText={{@labelText}}\n    @loadingMessage={{@loadingMessage}}\n    @matcher={{@matcher}}\n    @matchTriggerWidth={{if @dropdownMaxWidth false @matchTriggerWidth}}\n    @noMatchesMessage={{@noMatchesMessage}}\n    @onBlur={{@onBlur}}\n    @onChange={{@onChange}}\n    @onClose={{@onClose}}\n    @onFocus={{@onFocus}}\n    @onInput={{@onInput}}\n    @onKeydown={{@onKeydown}}\n    @onOpen={{@onOpen}}\n    @options={{@options}}\n    @optionsComponent={{@optionsComponent}}\n    @placeholder={{@placeholder}}\n    @placeholderComponent={{@placeholderComponent}}\n    @preventScroll={{@preventScroll}}\n    @registerAPI={{this.setPowerSelectAPI}}\n    @renderInPlace={{true}}\n    @resultCountMessage={{@resultCountMessage}}\n    @scrollTo={{@scrollTo}}\n    @search={{@search}}\n    @searchEnabled={{@searchEnabled}}\n    @searchField={{@searchField}}\n    @searchMessage={{@searchMessage}}\n    @searchPlaceholder={{this.searchPlaceholder}}\n    @selected={{@selected}}\n    @selectedItemComponent={{@selectedItemComponent}}\n    @tabindex={{@tabindex}}\n    @triggerClass={{@triggerClass}}\n    @triggerComponent={{@triggerComponent}}\n    @triggerId={{@triggerId}}\n    @triggerRole={{@triggerRole}}\n    @typeAheadOptionMatcher={{@typeAheadOptionMatcher}}\n    @verticalPosition={{@verticalPosition}}\n    ...attributes\n    as |option select|\n  >\n    {{! even if technically what is yielded here are _a list_ of options, we\'ve decided to keep the `option` name for consistency with the existing `PowerSelect` API }}\n    {{yield option select}}\n  </PowerSelectMultiple>\n</div>");
+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  <PowerSelectMultiple\n    @afterOptionsComponent={{if\n      this.showAfterOptions\n      (or\n        @afterOptionsComponent\n        (component\n          \"hds/form/super-select/after-options\"\n          content=@afterOptionsContent\n          resultCountMessage=this.resultCountMessage\n          showNoSelectedMessage=this._showNoSelectedMessage\n          showOnlySelected=this._showOnlySelected\n          showSelected=this.showSelected\n          showAll=this.showAll\n          clearSelected=this.clearSelected\n          selectedCount=this.selectedCount\n        )\n      )\n    }}\n    @ariaDescribedBy={{@ariaDescribedBy}}\n    @ariaInvalid={{@ariaInvalid}}\n    @ariaLabel={{@ariaLabel}}\n    @ariaLabelledBy={{@ariaLabelledBy}}\n    @beforeOptionsComponent={{@beforeOptionsComponent}}\n    @calculatePosition={{if @verticalPosition undefined this.calculatePosition}}\n    @closeOnSelect={{false}}\n    @disabled={{@disabled}}\n    @dropdownClass={{@dropdownClass}}\n    @extra={{@extra}}\n    @groupComponent={{component \"hds/form/super-select/option-group\"}}\n    @horizontalPosition={{@horizontalPosition}}\n    @initiallyOpened={{@initiallyOpened}}\n    @labelText={{@labelText}}\n    @loadingMessage={{@loadingMessage}}\n    @matcher={{@matcher}}\n    @matchTriggerWidth={{if @dropdownMaxWidth false @matchTriggerWidth}}\n    @noMatchesMessage={{@noMatchesMessage}}\n    @onBlur={{@onBlur}}\n    @onChange={{@onChange}}\n    @onClose={{@onClose}}\n    @onFocus={{@onFocus}}\n    @onInput={{@onInput}}\n    @onKeydown={{@onKeydown}}\n    @onOpen={{@onOpen}}\n    @options={{@options}}\n    @optionsComponent={{@optionsComponent}}\n    @placeholder={{@placeholder}}\n    @placeholderComponent={{@placeholderComponent}}\n    @preventScroll={{@preventScroll}}\n    @registerAPI={{this.setPowerSelectAPI}}\n    @renderInPlace={{true}}\n    @resultCountMessage={{@resultCountMessage}}\n    @scrollTo={{@scrollTo}}\n    @search={{@search}}\n    @searchEnabled={{@searchEnabled}}\n    @searchField={{@searchField}}\n    @searchFieldPosition=\"before-options\"\n    @searchMessage={{@searchMessage}}\n    @searchPlaceholder={{this.searchPlaceholder}}\n    @selected={{@selected}}\n    @selectedItemComponent={{@selectedItemComponent}}\n    @tabindex={{@tabindex}}\n    @triggerClass={{@triggerClass}}\n    @triggerComponent={{@triggerComponent}}\n    @triggerId={{@triggerId}}\n    @triggerRole={{@triggerRole}}\n    @typeAheadOptionMatcher={{@typeAheadOptionMatcher}}\n    @verticalPosition={{@verticalPosition}}\n    ...attributes\n    as |option select|\n  >\n    {{! even if technically what is yielded here are _a list_ of options, we\'ve decided to keep the `option` name for consistency with the existing `PowerSelect` API }}\n    {{yield option select}}\n  </PowerSelectMultiple>\n</div>");
 var _class, _descriptor, _descriptor2, _descriptor3;
 const DEFAULT_HORIZONTAL_POSITION = HdsFormSuperSelectHorizontalPositionValues.Left;
@@ -15,9 +15,9 @@ const HORIZONTAL_POSITION_MAPPING = HdsFormSuperSelectHorizontalPositionToPlacem
 let HdsFormSuperSelectMultipleBase = (_class = class HdsFormSuperSelectMultipleBase extends Component {
   constructor(...args) {
     super(...args);
-    _initializerDefineProperty(this, "powerSelectAPI", _descriptor, this);
-    _initializerDefineProperty(this, "showOnlySelected", _descriptor2, this);
-    _initializerDefineProperty(this, "showNoSelectedMessage", _descriptor3, this);
+    _initializerDefineProperty(this, "_powerSelectAPI", _descriptor, this);
+    _initializerDefineProperty(this, "_showOnlySelected", _descriptor2, this);
+    _initializerDefineProperty(this, "_showNoSelectedMessage", _descriptor3, this);
   }
   get horizontalPosition() {
     const {
@@ -26,10 +26,10 @@ let HdsFormSuperSelectMultipleBase = (_class = class HdsFormSuperSelectMultipleB
     return horizontalPosition;
   }
   get selectedCount() {
-    return this.powerSelectAPI?.selected?.length || '0';
+    return this._powerSelectAPI?.selected?.length || '0';
   }
   get optionsCount() {
-    return this.powerSelectAPI?.resultsCount.toString() || '0';
+    return this._powerSelectAPI?.resultsCount.toString() || '0';
   }
   get resultCountMessage() {
     return this.args.resultCountMessage || `${this.selectedCount} selected of ${this.optionsCount} total`;
@@ -65,21 +65,21 @@ let HdsFormSuperSelectMultipleBase = (_class = class HdsFormSuperSelectMultipleB
     if (typeof this.args.registerAPI === 'function') {
       this.args.registerAPI(powerSelectAPI);
     }
-    this.powerSelectAPI = powerSelectAPI;
+    this._powerSelectAPI = powerSelectAPI;
   }
   showSelected() {
-    this.showNoSelectedMessage = this.selectedCount === '0';
-    this.showOnlySelected = true;
+    this._showNoSelectedMessage = this.selectedCount === '0';
+    this._showOnlySelected = true;
   }
   showAll() {
-    this.showNoSelectedMessage = false;
-    this.showOnlySelected = false;
+    this._showNoSelectedMessage = false;
+    this._showOnlySelected = false;
   }
   clearSelected() {
-    this.powerSelectAPI?.actions.select(null);
+    this._powerSelectAPI?.actions.select(null);
     // show all options after clearing all selection
-    this.showNoSelectedMessage = false;
-    this.showOnlySelected = false;
+    this._showNoSelectedMessage = false;
+    this._showOnlySelected = false;
   }
   /**
@@ -136,31 +136,31 @@ let HdsFormSuperSelectMultipleBase = (_class = class HdsFormSuperSelectMultipleB
     }
     // add a class based on the showOnlySelected
-    if (this.showOnlySelected) {
+    if (this._showOnlySelected) {
       classes.push(`hds-form-super-select--show-only-selected`);
     }
     return classes.join(' ');
   }
-}, (_descriptor = _applyDecoratedDescriptor(_class.prototype, "powerSelectAPI", [tracked], {
+}, _descriptor = _applyDecoratedDescriptor(_class.prototype, "_powerSelectAPI", [tracked], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, "showOnlySelected", [tracked], {
+}), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, "_showOnlySelected", [tracked], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: function () {
     return false;
   }
-}), _descriptor3 = _applyDecoratedDescriptor(_class.prototype, "showNoSelectedMessage", [tracked], {
+}), _descriptor3 = _applyDecoratedDescriptor(_class.prototype, "_showNoSelectedMessage", [tracked], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: function () {
     return false;
   }
-}), _applyDecoratedDescriptor(_class.prototype, "calculatePosition", [action], Object.getOwnPropertyDescriptor(_class.prototype, "calculatePosition"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "setPowerSelectAPI", [action], Object.getOwnPropertyDescriptor(_class.prototype, "setPowerSelectAPI"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "showSelected", [action], Object.getOwnPropertyDescriptor(_class.prototype, "showSelected"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "showAll", [action], Object.getOwnPropertyDescriptor(_class.prototype, "showAll"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "clearSelected", [action], Object.getOwnPropertyDescriptor(_class.prototype, "clearSelected"), _class.prototype)), _class);
+}), _applyDecoratedDescriptor(_class.prototype, "calculatePosition", [action], Object.getOwnPropertyDescriptor(_class.prototype, "calculatePosition"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "setPowerSelectAPI", [action], Object.getOwnPropertyDescriptor(_class.prototype, "setPowerSelectAPI"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "showSelected", [action], Object.getOwnPropertyDescriptor(_class.prototype, "showSelected"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "showAll", [action], Object.getOwnPropertyDescriptor(_class.prototype, "showAll"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "clearSelected", [action], Object.getOwnPropertyDescriptor(_class.prototype, "clearSelected"), _class.prototype), _class);
 setComponentTemplate(TEMPLATE, HdsFormSuperSelectMultipleBase);
 export { DEFAULT_HORIZONTAL_POSITION, HORIZONTAL_POSITION_MAPPING, HdsFormSuperSelectMultipleBase as default };

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

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

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

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

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

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

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

@@ -1,10 +1,10 @@
-import { a as _defineProperty } from '../../../../_rollupPluginBabelHelpers-KIi_qCIU.js';
+import { a as _defineProperty } from '../../../../_rollupPluginBabelHelpers-C_TsMG3M.js';
 import Component from '@glimmer/component';
 import { guidFor } from '@ember/object/internals';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<li class=\"hds-form-super-select__option-group\" role=\"group\" aria-labelledby={{this.groupTitleId}}>\n  <Hds::Text::Body\n    @tag=\"div\"\n    @size=\"100\"\n    @weight=\"semibold\"\n    class=\"hds-form-super-select__option-group-title\"\n    id={{this.groupTitleId}}\n  >\n    {{@group.groupName}}\n  </Hds::Text::Body>\n  {{yield}}\n</li>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<li class=\"hds-form-super-select__option-group\" role=\"group\" aria-labelledby={{this._groupTitleId}}>\n  <Hds::Text::Body\n    @tag=\"div\"\n    @size=\"100\"\n    @weight=\"semibold\"\n    class=\"hds-form-super-select__option-group-title\"\n    id={{this._groupTitleId}}\n  >\n    {{@group.groupName}}\n  </Hds::Text::Body>\n  {{yield}}\n</li>");
 class HdsFormSuperSelectOptionGroup extends Component {
   constructor(...args) {
@@ -12,8 +12,9 @@ class HdsFormSuperSelectOptionGroup extends Component {
     /**
      * Generates a unique ID for the group title
      * @return {string}
+     * @param _groupTitleId
      */
-    _defineProperty(this, "groupTitleId", 'group-title-' + guidFor(this));
+    _defineProperty(this, "_groupTitleId", 'group-title-' + guidFor(this));
   }
 }
 setComponentTemplate(TEMPLATE, HdsFormSuperSelectOptionGroup);