/*!
    *
    * Wijmo Library 5.20261.50
    * https://developer.mescius.com/wijmo
    *
    * Copyright(c) MESCIUS inc. All rights reserved.
    *
    * Licensed under the End-User License Agreement For MESCIUS Wijmo Software.
    * us.sales@mescius.com
    * https://developer.mescius.com/wijmo/licensing
    *
    */

////////////////////////////////////////////////////////////////
// material theme
//
// NOTE: Material theme uses a different loading strategy than other themes
// because it needs to compute colors using mixins before configuring wijmo.

@use "../misc/constants" as c;
@use "../misc/mixins" as mx;

////////////////////////////////////////////////////////////////
// Material color configuration
//

// Primary, accent, grey colors (configurable by variants)
$mdl-primary: c.$mdl-indigo !default;
$mdl-accent: c.$mdl-pink !default;
$mdl-grey: c.$grey-200 !default;

// Computed colors using mixins (can be overridden by variants like material.vars)
$mdl-primary-dark: mx.safedarken($mdl-primary, 15%) !default;
$mdl-primary-light: mx.safelighten($mdl-primary, 15%) !default;
$mdl-accent-light: mx.safelighten($mdl-accent, 15%) !default;

// Text colors
$mdl-text-dark: c.$grey-900;
$mdl-text-light: #fff;

////////////////////////////////////////////////////////////////
// Load wijmo modules with Material configuration
// We configure variables module directly, then load all parts
//

@use "../misc/variables" with (
  $wj-hdr-txt: #000,
  $wj-sel-bkg: $mdl-primary,
  $wj-msel-bkg: $mdl-primary-light,
  $wj-accent-bkg: $mdl-accent,
  $wj-item-pdg: 6px 10px,
  $wj-bdr-rad: 0,
  $wj-box-shadow: (
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 1px 5px 0 rgba(0, 0, 0, 0.12),
  ),
  $wj-btn-grp-bdr: none,
  $wj-sort-index-txt: $mdl-primary
);

// Load glyphs (needs variables)
@use "../misc/glyphs";

// Load all component modules
@use "../parts/core";
@use "../parts/input";
@use "../parts/labeled_input";
@use "../parts/nav";
@use "../parts/grid";
@use "../parts/grid_filter";
@use "../parts/grid_grouppanel";
@use "../parts/grid_search";
@use "../parts/grid_selector";
@use "../parts/grid_cellmaker";
@use "../parts/chart";
@use "../parts/chart_hierarchical";
@use "../parts/chart_interaction";
@use "../parts/chart_map";
@use "../parts/gauge";
@use "../parts/barcode";

// Enterprise modules
@use "../parts/grid_sheet";
@use "../parts/grid_multirow";
@use "../parts/grid_transposed_multirow";
@use "../parts/olap";
@use "../parts/viewer";
@use "../parts/chart_finance";

////////////////////////////////////////////////////////////////
// Material-specific theme customizations
//

.wj-control {
  * {
    font-size: 16px;
  }

  &.wj-content {
    &.wj-dropdown,
    &.wj-inputnumber,
    &.wj-inputmask {
      border-top: none;
      border-left: none;
      border-right: none;
    }
  }

  &.wj-gauge.wj-state-focused circle.wj-pointer {
    fill: $mdl-accent;
    transition: fill 0.2s; /* delay used in MDL */
  }

  &.wj-calendar.wj-dropdown-panel {
    width: 27em; // TFS 349156
  }

  a {
    font-size: 13px;
  }

  a.wj-btn,
  button.wj-btn:not(.wj-btn-default) {
    // not for buttons in input controls
    font-weight: 500;
    font-size: 13px;
    text-transform: uppercase;
  }
}