text: import { I18n } from '@aws-amplify/core';
  import { Component, Prop, h } from '@stencil/core';
  import { PASSWORD_SUFFIX } from '../../common/constants';
  import { Translations } from '../../common/Translations';
  export class AmplifyPasswordField {
      constructor() {
          /** Based on the type of field e.g. sign in, sign up, forgot password, etc. */
          this.fieldId = PASSWORD_SUFFIX;
          /** Used for the password label */
          this.label = I18n.get(Translations.PASSWORD_LABEL);
          /** Used for the placeholder label */
          this.placeholder = I18n.get(Translations.PASSWORD_PLACEHOLDER);
          /** The required flag in order to make an input required prior to submitting a form */
          this.required = false;
      }
      render() {
          return (h("amplify-form-field", { type: "password", fieldId: this.fieldId, label: this.label, placeholder: this.placeholder, hint: this.hint, required: this.required, handleInputChange: this.handleInputChange, value: this.value, inputProps: this.inputProps, disabled: this.disabled }));
      }
      static get is() { return "amplify-password-field"; }
      static get encapsulation() { return "shadow"; }
      static get properties() { return {
          "fieldId": {
              "type": "string",
              "mutable": false,
              "complexType": {
                  "original": "string",
                  "resolved": "string",
                  "references": {}
              },
              "required": false,
              "optional": false,
              "docs": {
                  "tags": [],
                  "text": "Based on the type of field e.g. sign in, sign up, forgot password, etc."
              },
              "attribute": "field-id",
              "reflect": false,
              "defaultValue": "PASSWORD_SUFFIX"
          },
          "label": {
              "type": "string",
              "mutable": false,
              "complexType": {
                  "original": "string",
                  "resolved": "string",
                  "references": {}
              },
              "required": false,
              "optional": false,
              "docs": {
                  "tags": [],
                  "text": "Used for the password label"
              },
              "attribute": "label",
              "reflect": false,
              "defaultValue": "I18n.get(Translations.PASSWORD_LABEL)"
          },
          "placeholder": {
              "type": "string",
              "mutable": false,
              "complexType": {
                  "original": "string",
                  "resolved": "string",
                  "references": {}
              },
              "required": false,
              "optional": false,
              "docs": {
                  "tags": [],
                  "text": "Used for the placeholder label"
              },
              "attribute": "placeholder",
              "reflect": false,
              "defaultValue": "I18n.get(Translations.PASSWORD_PLACEHOLDER)"
          },
          "hint": {
              "type": "string",
              "mutable": false,
              "complexType": {
                  "original": "string | FunctionalComponent | null",
                  "resolved": "FunctionalComponent<{}> | string",
                  "references": {
                      "FunctionalComponent": {
                          "location": "import",
                          "path": "@stencil/core"
                      }
                  }
              },
              "required": false,
              "optional": false,
              "docs": {
                  "tags": [],
                  "text": "Used as the hint in case you forgot your password, etc."
              },
              "attribute": "hint",
              "reflect": false
          },
          "required": {
              "type": "boolean",
              "mutable": false,
              "complexType": {
                  "original": "boolean",
                  "resolved": "boolean",
                  "references": {}
              },
              "required": false,
              "optional": false,
              "docs": {
                  "tags": [],
                  "text": "The required flag in order to make an input required prior to submitting a form"
              },
              "attribute": "required",
              "reflect": false,
              "defaultValue": "false"
          },
          "handleInputChange": {
              "type": "unknown",
              "mutable": false,
              "complexType": {
                  "original": "(inputEvent: Event) => void",
                  "resolved": "(inputEvent: Event) => void",
                  "references": {
                      "Event": {
                          "location": "global"
                      }
                  }
              },
              "required": false,
              "optional": true,
              "docs": {
                  "tags": [],
                  "text": "The callback, called when the input is modified by the user."
              }
          },
          "value": {
              "type": "string",
              "mutable": false,
              "complexType": {
                  "original": "string",
                  "resolved": "string",
                  "references": {}
              },
              "required": false,
              "optional": true,
              "docs": {
                  "tags": [],
                  "text": "The value of the content inside of the input field"
              },
              "attribute": "value",
              "reflect": false
          },
          "inputProps": {
              "type": "unknown",
              "mutable": false,
              "complexType": {
                  "original": "object",
                  "resolved": "object",
                  "references": {}
              },
              "required": false,
              "optional": true,
              "docs": {
                  "tags": [],
                  "text": "Attributes places on the input element: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes"
              }
          },
          "disabled": {
              "type": "boolean",
              "mutable": false,
              "complexType": {
                  "original": "boolean",
                  "resolved": "boolean",
                  "references": {}
              },
              "required": false,
              "optional": true,
              "docs": {
                  "tags": [],
                  "text": "Will disable the input if set to true"
              },
              "attribute": "disabled",
              "reflect": false
          }
      }; }
  }
  