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

Helios Design System Components

import { hash } from '@ember/helper';
import HdsFormField from '../field/index.js';
import HdsFormToggleBase 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 HdsFormToggleField = setComponentTemplate(precompileTemplate("<HdsFormField @layout=\"flag\" @contextualClass={{@contextualClass}} @extraAriaDescribedBy={{@extraAriaDescribedBy}} @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    <HdsFormToggleBase @value={{@value}} required={{@isRequired}} ...attributes id={{F.id}} aria-describedby={{F.ariaDescribedBy}} />\n  </F.Control>\n</HdsFormField>", {
  strictMode: true,
  scope: () => ({
    HdsFormField,
    hash,
    HdsFormToggleBase
  })
}), templateOnly());

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