@use 'sass:map';
@use '../../style/theming';

// MARK: Variables

// MARK: Mixin
@mixin core() {
  .dbx-table-view {
    // Route Material's table row outline through the shared divider token so the row
    // separators match dbx-two-column / dbx-calendar dividers. (Material always sets
    // --mat-table-row-item-outline-color, so a fallback alone never takes effect.)
    --mat-table-row-item-outline-color: var(--dbx-divider-color);

    .dbx-table-view-table-wrapper {
      max-height: var(--dbx-table-view-max-height, 600px);
      overflow: auto;
    }

    .dbx-table-view-table {
      width: 100%;
    }
  }

  .dbx-table-view-loading {
  }

  .dbx-table-view.dbx-content-height-max > .dbx-table-view-table-wrapper {
    max-height: calc(var(--dbx-content-height));
  }

  // MARK: Date
  .dbx-table-date-range-distance-input-cell {
    min-width: 140px;

    .dbx-table-date-range-distance-input {
      height: 0px;
      overflow: hidden;
    }
  }

  .dbx-table-date-column-header {
    min-width: 80px;
    text-align: center;

    .dbx-table-date-column-header-left {
      margin-right: 4px;
      font-weight: 800;
    }
  }

  // MARK: Full summary row
  .dbx-table-view-full-summary-row-container > .mat-mdc-row {
    border-top-color: var(--mat-table-row-item-outline-color, var(--dbx-divider-color));
    border-top-width: var(--mat-table-row-item-outline-width, 1px);
    border-top-style: solid;
  }
}

@mixin theme($theme-config) {
}