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

Helios Design System Components

import { hash } from '@ember/helper';
import HdsFormField from '../field/index.js';
import HdsFormMaskedInputBase from './base.js';
import '../character-count/index.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 HdsFormMaskedInputField = 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  {{#if F.CharacterCount}}\n    {{yield (hash CharacterCount=(component F.CharacterCount value=@value))}}\n  {{/if}}\n  <F.Control>\n    <HdsFormMaskedInputBase @hasCopyButton={{@hasCopyButton}} @isMultiline={{@isMultiline}} @isContentMasked={{@isContentMasked}} @visibilityToggleAriaLabel={{@visibilityToggleAriaLabel}} @visibilityToggleAriaMessageText={{@visibilityToggleAriaMessageText}} @value={{@value}} @isInvalid={{@isInvalid}} @width={{@width}} @height={{@height}} @id={{F.id}} required={{@isRequired}} ...attributes aria-describedby={{F.ariaDescribedBy}} />\n  </F.Control>\n</HdsFormField>", {
  strictMode: true,
  scope: () => ({
    HdsFormField,
    hash,
    HdsFormMaskedInputBase
  })
}), templateOnly());

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