text: define(["../../../vaadin-material-styles/color.js", "../../../vaadin-material-styles/font-icons.js", "../../../../@polymer/polymer/lib/utils/html-tag.js"], function (_color, _fontIcons, _htmlTag) {
    "use strict";
  
    var _templateObject_15bd45f0feba11eb8439e3eec9305af7;
  
    var $_documentContainer = (0, _htmlTag.html)(_templateObject_15bd45f0feba11eb8439e3eec9305af7 || (_templateObject_15bd45f0feba11eb8439e3eec9305af7 = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"material-grid-sorter\" theme-for=\"vaadin-grid-sorter\">\n  <template>\n    <style>\n      :host {\n        justify-content: flex-start;\n        height: 100%;\n        align-items: center;\n        -webkit-user-select: none;\n        -moz-user-select: none;\n        user-select: none;\n      }\n\n      :host([direction]) {\n        color: var(--material-body-text-color);\n      }\n\n      [part=\"indicators\"] {\n        order: -1;\n      }\n\n      [part=\"indicators\"]::before {\n        display: inline-block;\n        width: 24px;\n        font-family: \"material-icons\";\n        font-size: 18px;\n        line-height: 18px;\n        transition: .1s opacity cubic-bezier(.4, 0, .2, .1), .1s width cubic-bezier(.4, 0, .2, .1);\n        opacity: .5;\n      }\n\n      :host(:not([direction])) [part=\"indicators\"]::before {\n        content: var(--material-icons-arrow-upward);\n        width: 0;\n        opacity: 0;\n      }\n\n      :host([direction]) [part=\"indicators\"]::before {\n        opacity: 1;\n      }\n\n      :host([direction=\"asc\"]) [part=\"indicators\"]::before {\n        content: var(--material-icons-arrow-upward);\n      }\n\n      :host([direction=\"desc\"]) [part=\"indicators\"]::before {\n        content: var(--material-icons-arrow-downward);\n      }\n\n      :host(:hover) [part=\"indicators\"]::before {\n        width: 24px;\n        opacity: 1;\n      }\n\n      [part=\"order\"] {\n        right: 4px;\n        top: -8px;\n        font-size: 10px;\n      }\n\n      /* RTL specific styles */\n\n      :host([dir=\"rtl\"]) [part=\"order\"] {\n        left: 4px;\n        right: auto;\n      }\n    </style>\n  </template>\n</dom-module>"])));
    document.head.appendChild($_documentContainer.content);
  });