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

Helios Design System Components

import TemplateOnlyComponent from '@ember/component/template-only';
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  {{#if F.CharacterCount}}\n    {{yield (hash CharacterCount=(component (ensure-safe-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>");

/**
 * Copyright (c) HashiCorp, Inc.
 * SPDX-License-Identifier: MPL-2.0
 */

const HdsFormMaskedInputField = TemplateOnlyComponent();
var field = setComponentTemplate(TEMPLATE, HdsFormMaskedInputField);

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