text: define(["./vaadin-text-field-styles.js", "../../../vaadin-material-styles/font-icons.js", "../../../../@polymer/polymer/lib/utils/html-tag.js"], function (_vaadinTextFieldStyles, _fontIcons, _htmlTag) {
    "use strict";
  
    var _templateObject_15e25a20feba11eb8439e3eec9305af7;
  
    var $_documentContainer = (0, _htmlTag.html)(_templateObject_15e25a20feba11eb8439e3eec9305af7 || (_templateObject_15e25a20feba11eb8439e3eec9305af7 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"material-password-field\" theme-for=\"vaadin-password-field\">\n  <template>\n    <style>\n      [part=\"reveal-button\"]::before {\n        content: var(--material-icons-eye);\n      }\n\n      :host([password-visible]) [part=\"reveal-button\"]::before {\n        content: var(--material-icons-eye-disabled);\n      }\n\n      /* The reveal button works also in readonly  mode */\n\n      :host([readonly]) [part$=\"button\"] {\n        color: var(--material-secondary-text-color);\n      }\n\n      [part=\"reveal-button\"] {\n        cursor: pointer;\n      }\n\n      [part=\"reveal-button\"]:hover {\n        color: var(--material-text-color);\n      }\n    </style>\n  </template>\n</dom-module>"], ["<dom-module id=\"material-password-field\" theme-for=\"vaadin-password-field\">\n  <template>\n    <style>\n      [part=\"reveal-button\"]::before {\n        content: var(--material-icons-eye);\n      }\n\n      :host([password-visible]) [part=\"reveal-button\"]::before {\n        content: var(--material-icons-eye-disabled);\n      }\n\n      /* The reveal button works also in readonly  mode */\n\n      :host([readonly]) [part\\$=\"button\"] {\n        color: var(--material-secondary-text-color);\n      }\n\n      [part=\"reveal-button\"] {\n        cursor: pointer;\n      }\n\n      [part=\"reveal-button\"]:hover {\n        color: var(--material-text-color);\n      }\n    </style>\n  </template>\n</dom-module>"])));
    document.head.appendChild($_documentContainer.content);
  });