/*!
 * (C) Gasco https://gasco-web-component.herokuapp.com/ - MIT License
 */
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';

const gascoTableRowCss = ".table-row.sc-gasco-table-row-h{display:grid;grid-template-columns:max-content 200px repeat(6, 1fr);align-items:center;box-shadow:inset 0px -1px 0px #E4E4EF;transition:300ms}.table-row.sc-gasco-table-row-h:hover:not(.table-row-header){background:#F2FCFF}.table-row.table-row-small.sc-gasco-table-row-h{grid-template-columns:1fr;grid-template-rows:1fr}@media screen and (max-width: 768px){.table-row-header.sc-gasco-table-row-h{display:flex;justify-content:space-between;padding:0.5rem 1.2rem 0.5rem 0}}";

const GascoTableRow = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
  constructor() {
    super();
    this.__registerHost();
    this.header = false;
  }
  render() {
    return (h(Host, { role: "row", class: {
        'table-row': true,
        [`table-row-header`]: this.header
      } }, h("slot", null)));
  }
  static get style() { return gascoTableRowCss; }
}, [6, "gasco-table-row", {
    "header": [4]
  }]);
function defineCustomElement() {
  if (typeof customElements === "undefined") {
    return;
  }
  const components = ["gasco-table-row"];
  components.forEach(tagName => { switch (tagName) {
    case "gasco-table-row":
      if (!customElements.get(tagName)) {
        customElements.define(tagName, GascoTableRow);
      }
      break;
  } });
}

export { GascoTableRow as G, defineCustomElement as d };
