import"./vaadin-text-field-styles.js";import"../../../vaadin-material-styles/font-icons.js";import{html as e}from"../../../../@polymer/polymer/lib/utils/html-tag.js";const t=e`<dom-module id="material-password-field" theme-for="vaadin-password-field">
  <template>
    <style>
      [part="reveal-button"]::before {
        content: var(--material-icons-eye);
      }

      :host([password-visible]) [part="reveal-button"]::before {
        content: var(--material-icons-eye-disabled);
      }

      /* The reveal button works also in readonly  mode */

      :host([readonly]) [part\$="button"] {
        color: var(--material-secondary-text-color);
      }

      [part="reveal-button"] {
        cursor: pointer;
      }

      [part="reveal-button"]:hover {
        color: var(--material-text-color);
      }
    </style>
  </template>
</dom-module>`;document.head.appendChild(t.content);