@hashicorp/design-system-components/dist/components/hds/form/select/field.js

Helios Design System Components

import { hash } from '@ember/helper';
import '../../yield/index.js';
import HdsFormField from '../field/index.js';
import HdsFormSelectBase from './base.js';
import { precompileTemplate } from '@ember/template-compilation';
import { setComponentTemplate } from '@ember/component';
import templateOnly from '@ember/component/template-only';

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */

const HdsFormSelectField = setComponentTemplate(precompileTemplate("<HdsFormField @layout=\"vertical\" @extraAriaDescribedBy={{@extraAriaDescribedBy}} @isRequired={{@isRequired}} @isOptional={{@isOptional}} @id={{@id}} as |F|>\n  {{!-- Notice: the order of the elements is not relevant here, because is controlled at \"HdsFormField\" component level --}}\n  {{yield (hash Label=F.Label HelperText=F.HelperText Error=F.Error)}}\n  <F.Control>\n    <HdsFormSelectBase @isInvalid={{@isInvalid}} @width={{@width}} required={{@isRequired}} ...attributes id={{F.id}} aria-describedby={{F.ariaDescribedBy}} as |S|>\n      {{yield (hash Options=S.Options)}}\n    </HdsFormSelectBase>\n  </F.Control>\n</HdsFormField>", {
  strictMode: true,
  scope: () => ({
    HdsFormField,
    hash,
    HdsFormSelectBase
  })
}), templateOnly());

export { HdsFormSelectField as default };
//# sourceMappingURL=field.js.map