text: define(["../../../vaadin-material-styles/color.js", "../../../vaadin-material-styles/typography.js", "../../../../@polymer/polymer/lib/utils/html-tag.js"], function (_color, _typography, _htmlTag) {
    "use strict";
  
    var _templateObject_d1d86e90012611ec9676957c409166bc;
  
    var $_documentContainer = (0, _htmlTag.html)(_templateObject_d1d86e90012611ec9676957c409166bc || (_templateObject_d1d86e90012611ec9676957c409166bc = babelHelpers.taggedTemplateLiteral(["<dom-module id=\"material-grid\" theme-for=\"vaadin-grid\">\n  <template>\n    <style>\n      :host {\n        background-color: var(--material-background-color);\n        font-family: var(--material-font-family);\n        font-size: var(--material-small-font-size);\n        line-height: 20px;\n        color: var(--material-body-text-color);\n      }\n\n      [part~=\"cell\"] {\n        min-height: 48px;\n        -webkit-tap-highlight-color: transparent;\n      }\n\n      [part~=\"cell\"] ::slotted(vaadin-grid-cell-content) {\n        padding: 8px 16px;\n      }\n\n      [part~=\"details-cell\"] ::slotted(vaadin-grid-cell-content) {\n        padding: 14px 16px;\n      }\n\n      [part~=\"header-cell\"],\n      [part~=\"footer-cell\"] {\n        background-color: var(--material-background-color);\n        color: var(--material-secondary-text-color);\n        font-size: var(--material-caption-font-size);\n        font-weight: 500;\n      }\n\n      /* Header and footer divider between body rows */\n\n      [part~=\"body-cell\"],\n      [part~=\"details-cell\"],\n      [part~=\"row\"]:last-child > [part~=\"header-cell\"] {\n        border-bottom: 1px solid var(--material-divider-color);\n      }\n\n      [part~=\"row\"]:first-child > [part~=\"footer-cell\"] {\n        border-top: 1px solid var(--material-divider-color);\n      }\n\n      /* Body rows/cells */\n\n      [part~=\"body-cell\"] {\n        background-color: var(--material-background-color);\n      }\n\n      [part~=\"row\"]:hover > [part~=\"body-cell\"] {\n        background: linear-gradient(var(--_material-grid-row-hover-background-color, rgba(0, 0, 0, 0.04)), var(--_material-grid-row-hover-background-color, rgba(0, 0, 0, 0.04))) var(--material-background-color);\n      }\n\n      @media (hover: none) {\n        [part~=\"row\"]:hover > [part~=\"body-cell\"] {\n          background: var(--material-background-color);\n        }\n      }\n\n      /* Selected row */\n\n      [part~=\"body-cell\"]::before {\n        content: \"\";\n        pointer-events: none;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        background-color: var(--material-primary-color);\n        opacity: 0;\n        transition: opacity .1s cubic-bezier(.4, 0, .2, .1);\n      }\n\n      :host(:not([reordering])) [part~=\"row\"][selected] > [part~=\"body-cell\"]::before {\n        opacity: var(--_material-grid-row-selected-overlay-opacity, .08);\n      }\n\n      [part~=\"body-cell\"] ::slotted(vaadin-grid-cell-content) {\n        /* NOTE(platosha): Raise cell content above background cell pseudo elements */\n        position: relative;\n      }\n\n      /* Column reordering */\n\n      :host([reordering]) [part~=\"cell\"] {\n        background: var(--material-secondary-background-color);\n      }\n\n      :host([reordering]) [part~=\"cell\"][reorder-status=\"allowed\"] {\n        background: var(--material-background-color);\n      }\n\n      :host([reordering]) [part~=\"cell\"][reorder-status=\"dragging\"] {\n        background: var(--material-background-color);\n      }\n\n      /* Frozen columns */\n\n      [part~=\"cell\"][last-frozen] {\n        border-right: 1px solid var(--material-divider-color);\n      }\n\n      /* Column resizing */\n\n      [part~=\"cell\"]:not([last-frozen]) [part=\"resize-handle\"] {\n        border-right: 1px solid var(--material-divider-color);\n      }\n\n      /* Keyboard navigation */\n\n      [part~=\"cell\"]:focus {\n        outline: none;\n      }\n\n      :host([navigating]) [part~=\"cell\"]:focus {\n        box-shadow: inset 0 0 0 2px var(--material-primary-color);\n      }\n\n      /* Drag and Drop styles */\n      :host([dragover])::after {\n        content: \"\";\n        position: absolute;\n        z-index: 100;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        pointer-events: none;\n        box-shadow: inset 0 0 0 2px var(--material-primary-color);\n      }\n\n      [part~=\"row\"][dragover] {\n        z-index: 100 !important;\n      }\n\n      [part~=\"row\"][dragover] [part~=\"cell\"] {\n        overflow: visible;\n      }\n\n      [part~=\"row\"][dragover] [part~=\"cell\"]::after {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        height: 3px;\n        pointer-events: none;\n        background: var(--material-primary-color);\n      }\n\n      [part~=\"row\"][dragover=\"below\"] [part~=\"cell\"]::after {\n        top: 100%;\n        bottom: auto;\n        margin-top: -1px;\n      }\n\n      [part~=\"row\"][dragover=\"above\"] [part~=\"cell\"]::after {\n        top: auto;\n        bottom: 100%;\n        margin-bottom: -1px;\n      }\n\n      [part~=\"row\"][details-opened][dragover=\"below\"] [part~=\"cell\"]:not([part~=\"details-cell\"])::after,\n      [part~=\"row\"][details-opened][dragover=\"above\"] [part~=\"details-cell\"]::after {\n        display: none;\n      }\n\n      [part~=\"row\"][dragover][dragover=\"on-top\"] [part~=\"cell\"]::after {\n        height: 100%;\n        opacity: 0.5;\n      }\n\n      [part~=\"row\"][dragstart] {\n        /* Add bottom-space to the row so the drag number doesn't get clipped. Needed for IE/Edge */\n        border-bottom: 100px solid transparent;\n        z-index: 100 !important;\n        opacity: 0.9;\n      }\n\n      [part~=\"row\"][dragstart] [part~=\"cell\"] {\n        border: none !important;\n        box-shadow: none !important;\n      }\n\n      [ios] [part~=\"row\"][dragstart] [part~=\"cell\"] {\n        background: var(--material-primary-color);\n      }\n\n      #scroller:not([ios]) [part~=\"row\"][dragstart]:not([dragstart=\"\"])::after {\n        display: block;\n        position: absolute;\n        left: var(--_grid-drag-start-x);\n        top: var(--_grid-drag-start-y);\n        z-index: 100;\n        content: attr(dragstart);\n        align-items: center;\n        justify-content: center;\n        box-sizing: border-box;\n        padding: 4px;\n        color: var(--material-primary-contrast-color);\n        background-color: var(--material-error-color);\n        min-width: 24px;\n        border-radius: 2px;\n        font-size: var(--material-caption-font-size);\n        text-align: center;\n        line-height: 1;\n      }\n\n      /* RTL specific styles */\n\n      :host([dir=\"rtl\"]) [part~=\"cell\"][last-frozen] {\n        border-right: none;\n        border-left: 1px solid var(--material-divider-color);\n      }\n\n      :host([dir=\"rtl\"]) [part~=\"cell\"]:not([last-frozen]) [part=\"resize-handle\"] {\n        border-right: none;\n        border-left: 1px solid var(--material-divider-color);\n      }\n\n      :host([dir=\"rtl\"]) #scroller:not([ios]) [part~=\"row\"][dragstart]:not([dragstart=\"\"])::after {\n        left: auto;\n        right: var(--_grid-drag-start-x);\n      }\n    </style>\n  </template>\n</dom-module>"])));
    document.head.appendChild($_documentContainer.content);
  });