// Note: The compiler has trouble with Qt names when they have been extended to
// so we extend Qt names to mixins as a workaround for now.

/* -----------------------------------------------------------------------------
   Push Button
----------------------------------------------------------------------------- */

.Button {
  background-color: @button-bg-color;
  border-color: @button-border-color;
  border-width: @button-border-width;
  border-style: solid;
  border-radius: 2;
  color: @button-text-color;
  margin: 0;
  padding: 3 15;
  &:hover {
    background-color: @button-bg-color-hover;
    border-color: @button-border-color-hover;
    color: @button-text-color-hover;
  } 
  &:pressed {
    background-color: @button-bg-color-pressed;
    border-color: @button-border-color-pressed;
    color: @button-text-color-pressed;
  }
  &:checked {
    background-color: @button-bg-color-checked;
    border-color: @button-border-color-checked;
    color: @button-text-color-checked;
    &:hover {
      background-color: @button-bg-color-checked-hover;
      border-color: @button-border-color-checked-hover;
      &:pressed {
        background: @button-bg-color-checked-hover-pressed;
      }
    }
  }
  &:disabled {
    background-color: @button-bg-color-disabled;
    border-color: @button-border-color-disabled;
    color: @button-text-color-disabled;
  }
}

QPushButton {
  &:extend(.Button all);
}

#PushButton_NoPadding {
  padding: 3;
}

#CustomPanelButton {
  &:extend(.Button all);
  padding: 0;
}

/* -----------------------------------------------------------------------------
   ComboBox
----------------------------------------------------------------------------- */

.ComboBox {
  &:extend(.Button);
  padding: 1 0 1 4;
  margin: 1 0;
  &:editable {  /* for editable ComboBox */
    color: @input-text-color;
    background-color: @input-bg-color;
    border-color: @input-border-color;
    padding: 1 0 1 3;
    selection-background-color: @input-selection-bg-color;
    selection-color: @input-selection-text-color;
  }
  &:hover {
    background-color: @button-bg-color-hover;
    &:editable {
      background-color: @input-bg-color;
    }
  }
  &:checked {
    border-color: @input-border-color-focus;
  }
  &:focus {
    border-color: @input-border-color-focus;
  }
  &:disabled {
    &:extend(.Button:disabled);
  }
  &::drop-down {
    border: 0;
    image: url('@{img-url}/combo_downarrow.svg');
    image-position: center center;
    width: 16;
    &:editable {
      background-color: @button-bg-color;
      border-left: @combobox-dropdown-border-size solid @button-border-color;
      border-top-right-radius: @combobox-dropdown-border-radius;
      border-bottom-right-radius: @combobox-dropdown-border-radius;
    }
    &:hover {
      border-color: @combobox-dropdown-border-color-hover;
      &:editable {
        background-color: @button-bg-color-hover;
        border-color: @button-border-color;
      }
    }
    &:disabled {
      image: url('@{img-url}/combo_downarrow_disabled.svg');
      &:editable {
        background-color: @combobox-dropdown-bg-color-disabled-editable;
      }
    }
  }
  & QAbstractItemView {
    background-color: @menu-bg-color;
    border: 1 solid @menu-border-color;
    selection-background-color: @menu-item-bg-color-selected;
    selection-color: @menu-item-text-color-selected;
  }
}

QComboBox {
  &:extend(.ComboBox all);
}

/* -----------------------------------------------------------------------------
   Textfield
----------------------------------------------------------------------------- */

.LineEdit {
  background-color: @input-bg-color;
  border: 1 solid @input-border-color;
  border-radius: @input-border-radius;
  color: @input-text-color;
  selection-background-color: @input-selection-bg-color;
  selection-color: @input-selection-text-color;
  padding: 0 0 0 1;
  &:focus {
    background-color: @input-bg-color-focus;
    border-color: @input-border-color-focus;
    color: @input-text-color-focus;
  }
  &:disabled {
    background-color: @input-bg-color-disabled;
    border-color: @input-border-color-disabled;
    color: @input-text-color-disabled;
  }
}

QPlainTextEdit,
QLineEdit,
QTextEdit {
  &:extend(.LineEdit all);
}

// reset all styles for read-only QtextEdit
QTextEdit[readOnly="true"]{
  &:extend(QWidget all);
  border: 0;
  &:focus,
  &:disabled {
    background-color: @bg;
    color: @text-color;
    border: 0;
  }
}

/* -----------------------------------------------------------------------------
   CheckBox
----------------------------------------------------------------------------- */

.CheckBox {
  color: @text-color;
  &:hover {
    color: @checkbox-text-color-hover;
  }
  &:disabled {
    color: @text-color-disabled;
  }
  &::indicator {
    background-color: @checkbox-bg-color;
    border: 1 solid @checkbox-border-color;
    border-radius: @checkbox-border-radius;
    height: @checkbox-size;      /* fix for QGroupBox */
    padding: 1;
    width: @checkbox-size;       /* fix for QMenu */
    &:hover {
      background-color: @checkbox-bg-color-hover;
      border-color: @checkbox-border-color-hover;
    }
    &:checked {
      background-color: @checkbox-bg-color-checked;
      border-color: @checkbox-border-color-checked;
      image: url('@{img-url}/@{checkbox-img}');
      &:hover {
        &:extend(.CheckBox::indicator:hover);
        background-color: @checkbox-bg-color-checked-hover;
        border-color: @checkbox-border-color-checked-hover;
      }
      &:disabled {
        background-color: @checkbox-bg-color-checked-disabled;
        border-color: @checkbox-border-color-checked-disabled;
        image: url('@{img-url}/@{checkbox-img-disabled}');
      }
    }
    &:indeterminate {
      background-color: @checkbox-bg-color-checked;
      border-color: @checkbox-border-color-checked;
      image: url('@{img-url}/@{checkbox-partially-img}');
      &:hover {
        &:extend(.CheckBox::indicator:hover);
      }
      &:disabled {
        background-color: @checkbox-bg-color-checked-disabled;
        border-color: @checkbox-border-color-checked-disabled;
        image: url('@{img-url}/@{checkbox-partially-img-disabled}');
      }
    }
    &:disabled {
      background-color: @checkbox-bg-color-disabled;
      border-color: @checkbox-border-color-disabled;
    }
  }
}

QCheckBox {
  &:extend(.CheckBox all);
}

/* -----------------------------------------------------------------------------
   RadioButton
----------------------------------------------------------------------------- */

.RadioButton {
  color: @text-color;
  &:hover {
    color: @checkbox-text-color-hover;
  }
  &:checked {
    color: @text-color;
  }
  &:disabled {
    color: @text-color-disabled;
  }
  padding: 0;
  margin: 0;
  &::indicator {
    @size: 13;
    width: @size;
    height: @size;
    background-color: transparent;
    border: 0;
    image-position: center center;
    &:unchecked {
      image: url('@{img-url}/@{radiobutton-img-unchecked}');
      &:hover {
        image: url('@{img-url}/@{radiobutton-img-unchecked-hover}');
      }
    }
    &:checked {
      image: url('@{img-url}/@{radiobutton-img-checked}');
      &:disabled {
        background-color: transparent;
        image: url('@{img-url}/@{radiobutton-img-checked-disabled}');
      }
    }
    &:disabled {
      image: url('@{img-url}/@{radiobutton-img-unchecked-disabled}');
    }
  }
}

QRadioButton {
  &:extend(.RadioButton all);
}

/* -----------------------------------------------------------------------------
   GroupBox
----------------------------------------------------------------------------- */

.GroupBox {
  &:extend(.frame all);
  margin: 6 0 0 0;
  padding: 5 0;
  &::title {
    subcontrol-origin: margin;
    left: 15;
    margin: -3 0 0 0;
    padding: 0 3;
    &:hover {
      color: @checkbox-text-color-hover;
    }
    &:disabled {
      color: @text-color-disabled;
    }
  }
  &::indicator {
    &:extend(.CheckBox::indicator all);
    subcontrol-origin: margin;
    margin-top: 2;
  }
  &:disabled {
    color: @text-color-disabled;
  }
}

QGroupBox {
  &:extend(.GroupBox all);
}

/* -----------------------------------------------------------------------------
   Slider
----------------------------------------------------------------------------- */

.Slider {
  &::groove{
    background-color: transparent;
    background-image: url('@{img-url}/@{slider-groove-img}');
    background-position: center center;
    margin: 0;
    &:horizontal {
    background-repeat: repeat-x;
    height: 20;
    min-height: 20;
    }
    &:vertical {
      background-repeat: repeat-y;
      width: 20;
      min-width: 20;
    }
    &:disabled {
      background-image: url('@{img-url}/@{slider-groove-img-disabled}');
    }
  }
  &::handle{
    &:horizontal {
      margin: @slider-handle-margin;
      width: @slider-handle-width;
      image: url('@{img-url}/@{slider-handle-img}');
      &:disabled {
        image: url('@{img-url}/@{slider-handle-img-disabled}');
      }
    }
    &:vertical {
      margin: @slider-v-handle-margin;
      height: @slider-handle-width;
      image: url('@{img-url}/@{slider-v-handle-img}');
      &:disabled {
        image: url('@{img-url}/@{slider-v-handle-img-disabled}');
      }
    }
  }
}

QSlider {
  &:extend(.Slider all);
}

/* -----------------------------------------------------------------------------
   Double Slider
----------------------------------------------------------------------------- */

#IntPairField, 
#DoublePairField {
	qproperty-LightLineColor: @slider-groove-color;
  qproperty-LightLineEdgeColor: @slider-groove-color;
	qproperty-DarkLineColor: @slider-groove-color;
  qproperty-MiddleLineColor: @slider-groove-color;

	qproperty-HandleLeftPixmap: url("@{img-url}/@{slider-left-handle}");
	qproperty-HandleRightPixmap: url("@{img-url}/@{slider-right-handle}");

	qproperty-HandleLeftGrayPixmap: url("@{img-url}/@{slider-left-handle-disabled}");
  qproperty-HandleRightGrayPixmap: url("@{img-url}/@{slider-right-handle-disabled}");
}

/* -----------------------------------------------------------------------------
   Progress Bar
----------------------------------------------------------------------------- */

QProgressBar {
  text-align: center;
  background-color: @progressbar-bg-color;
  border: 1 solid @progressbar-border-color;
  border-radius: 3; /* 2 fits inside 3 */
  padding: 0;
  &::chunk {
    margin: -1; /* hide border of chunk except for right side */
    background-color: @progressbar-chunk-bg-color;
    border: 1 solid @progressbar-chunk-border-color;
    border-radius: 2;
  }
}

/* -----------------------------------------------------------------------------
   Custom Panel Widgets
----------------------------------------------------------------------------- */

MyScroller {
  qproperty-ScrollerBorderColor: @customPanel-Scroller-border-color;
  qproperty-ScrollerBGColor: @customPanel-Scroller-bg-color;
}