@import '../../base/bootstrap.scss';
@import '../../navigations/accordion/bootstrap.scss';
@import '../../inputs/input/bootstrap.scss';
@import '../../popups/popup/bootstrap.scss';
@import '../../popups/spinner/bootstrap.scss';
@import '../../buttons/button/bootstrap.scss';
@import '../../buttons/floating-action-button/bootstrap.scss';
@import '../../buttons/speed-dial/bootstrap.scss';
@import '../../buttons/check-box/bootstrap.scss';
@import '../../buttons/chips/bootstrap.scss';
@import '../../splitbuttons/drop-down-button/bootstrap.scss';
@import '../../splitbuttons/split-button/bootstrap.scss';
@import '../../inputs/numerictextbox/bootstrap.scss';
@import '../../popups/tooltip/bootstrap.scss';
@import '../../inputs/slider/bootstrap.scss';
@import '../../inputs/color-picker/bootstrap.scss';
@import '../../navigations/context-menu/bootstrap.scss';
@import '../../buttons/radio-button/bootstrap.scss';
@import '../../buttons/switch/bootstrap.scss';
@import '../../inputs/maskedtextbox/bootstrap.scss';
@import '../../inputs/textbox/bootstrap.scss';
@import '../../inputs/uploader/bootstrap.scss';
@import '../../popups/dialog/bootstrap.scss';
@import '../../navigations/h-scroll/bootstrap.scss';
@import '../../navigations/v-scroll/bootstrap.scss';
@import '../../navigations/toolbar/bootstrap.scss';
@import '../../navigations/tab/bootstrap.scss';
@import '../../navigations/treeview/bootstrap.scss';
@import '../../navigations/sidebar/bootstrap.scss';
@import '../../navigations/menu/bootstrap.scss';
@import '../../navigations/appbar/bootstrap.scss';


//layout variables
$diagram-border-stroke-width: 2;
$diagram-lane-border-stroke-width: 2;
$diagram-highlighter-border-stroke-width: 2;
$diagram-symbolpalette-shape-radius: 4px;
$diagram-ruler-font-size: 10px;
$diagram-tooltip: none;

//normal
$diagram-resize-handle-disable-color: $grey-8c;
$diagram-border-stroke-disabled: $grey-8c;
$diagram-resize-handle-disable-stroke: $brand-primary-font;
$diagram-rotate-handle-color: $brand-primary;
$diagram-bezier-handle-color: $brand-primary-font;

$diagram-symbolpalette-hover: $grey-e6;
$diagram-symbolpalette-selected: $grey-dd;

$palette-background-color: $grey-white;

$diagram-ruler-color: $grey-8c;
$diagram-ruler-marker-stroke: $brand-primary;
$diagram-ruler-marker-background-color: $grey-white;
$diagram-ruler-label-fill: $grey-8c;
$diagram-ruler-tick-stroke: $grey-ad;
$diagram-overview-resizer-color:$brand-primary;

//end normal

//primary
$diagram-endpoint-handle-color: $brand-primary-font;
$diagram-endpoint-handle-connected-border: $brand-primary-font;
$diagram-endpoint-handle-connected-color: $brand-primary;

$diagram-resize-handle-color: $brand-primary;
$diagram-resize-handle-stroke: $brand-primary;
$diagram-border-stroke: $brand-primary-darken-10;

$diagram-bezier-line-color: $brand-primary;
$diagram-background-color: $grey-white;
$diagram-highlighter-stroke: $brand-primary;
$diagram-selected-region-stroke: $brand-primary;
$diagram-pivot-line-stroke: $brand-primary;

$diagram-helper-stroke: $brand-primary;

$diagram-text-edit-selection-color: $brand-primary-font;
$diagram-text-edit-selection-background: $brand-primary;

$diagram-editbox-background: $brand-primary-font;
$diagram-editbox-fontcolor: $grey-light-font;

$diagram-border-strokes: $brand-primary-darken-10;
$diagram-lane-border-strokes: $brand-primary;

$diagram-multiselect-stroke: $diagram-resize-handle-stroke;

//end primary

.e-icons {
  font-family: 'e-icons';
  font-style: normal;
  font-variant: normal;
  font-weight: $font-weight;
  line-height: 1;
  text-transform: none;
}

@include export-module('diagram-bootstrap-icons') {

  .e-symbolpalette {
    .e-clear-searchtext::before{ content: '\e7a7'; }
  }
}

@include export-module('diagram-theme') {

  .e-diagram {
    display: block;
    background-color: $diagram-background-color;
  }

  .e-symbolpalette {
    display: block;
  }

  .e-overview {
    display: block;
  }
  .overview-resizer{
    fill: $diagram-overview-resizer-color;
  }

  .e-content-placeholder.e-diagram.e-placeholder-diagram {
    background-size: 100% 100%;
    max-height: 500px;
    max-width: 500px;
  }

  .e-content-placeholder.e-symbolpalette.e-placeholder-symbolpalette {
    background-size: 100% 100%;
    max-height: 200px;
    max-width: 200px;
  }

  .e-diagram-endpoint-handle {
    fill: $diagram-endpoint-handle-color;
    stroke: $diagram-resize-handle-stroke;
  }

  .e-diagram-endpoint-handle.e-connected {
    fill: $diagram-endpoint-handle-connected-color;
    stroke: $diagram-endpoint-handle-connected-border;
  }

  .e-diagram-endpoint-handle.e-disabled,
  .e-diagram-bezier-control-handle.e-disabled,
  .e-diagram-resize-handle.e-disabled {
    fill: $diagram-resize-handle-disable-color;
    opacity: 1;
    stroke: $diagram-resize-handle-disable-stroke;
  }

  /* stylelint-disable */
  .e-diagram-bezier-handle.e-source.e-disabled {
    opacity: 1 !important;
  }

  .e-diagram-bezier-handle.e-target.e-disabled {
    opacity: 1 !important;
  }
  .e-diagram-bezier-control-handle{
    fill: $diagram-bezier-handle-color;
    stroke: $diagram-resize-handle-stroke;
    rx: 0px;
    ry: 0px;
  }
  .e-diagram-ortho-segment-handle,
  .e-diagram-straight-segment-handle,
  .e-diagram-bezier-segment-handle {
    fill: $diagram-bezier-handle-color;
    stroke: $diagram-resize-handle-stroke;
  }

  .e-symbolpalette .e-acrdn-content {
    background-color: $palette-background-color !important;
  }

  /* stylelint-enable */

  .e-diagram-bezier-control-line {
    stroke: $diagram-bezier-line-color;
  }

  .e-diagram-resize-handle {
    fill: $diagram-resize-handle-color;
    stroke: $diagram-endpoint-handle-color;
    rx: 0;
    ry: 0;
  }

  .e-diagram-helper {
    stroke: $diagram-helper-stroke;
  }

  .e-diagram-rotate-handle {
    fill: $diagram-rotate-handle-color;
    stroke: $diagram-resize-handle-stroke;
  }

  .e-diagram-selector {
    stroke: $diagram-border-stroke;
  }

  .e-diagram-selector.e-disabled {
    opacity: 1;
    stroke: $diagram-border-stroke-disabled;
  }

  .e-diagram-selector.e-thick-border {
    stroke: $diagram-border-strokes;
    stroke-width: $diagram-border-stroke-width;
  }

  .e-diagram-selector.e-thick-border.e-diagram-lane {
    stroke: $diagram-lane-border-strokes;
    stroke-width: $diagram-lane-border-stroke-width;
  }

  .e-diagram-highlighter {
    stroke: $diagram-highlighter-stroke;
    stroke-width: $diagram-highlighter-border-stroke-width;
  }

  .e-diagram-selected-region {
    stroke: $diagram-selected-region-stroke;
  }

  .e-diagram-pivot-line {
    stroke: $diagram-pivot-line-stroke;
  }

  .e-symbolpalette .e-symbol-hover:hover {
    background: $diagram-symbolpalette-hover;
    border-radius: $diagram-symbolpalette-shape-radius;
  }

  .e-symbolpalette .e-symbol-selected {
    background: $diagram-symbolpalette-selected;
    border-radius: $diagram-symbolpalette-shape-radius;
  }

  .e-diagram-tooltip {
    pointer-events: $diagram-tooltip;
  }

  .e-diagram .e-ruler {
    background: $diagram-ruler-marker-background-color;
    color: $diagram-ruler-color;
    font-size: $diagram-ruler-font-size;
  }

  .e-diagram .e-ruler-overlap {
    background: $diagram-ruler-marker-background-color;
  }

  .e-diagram .e-d-ruler-marker {
    stroke: $diagram-ruler-marker-stroke;
  }

  .e-diagram .e-diagram-text-edit {
    background: $diagram-editbox-background;
    border-color: $diagram-bezier-line-color;
    border-style: dashed;
    border-width: 1px;
    box-sizing: content-box;
    color: $diagram-editbox-fontcolor;
    min-width: 50px;
  }

  .e-diagram-text-edit::selection {
    background: $diagram-text-edit-selection-background;
    color: $diagram-text-edit-selection-color;
  }

  .e-ruler-tick-label {
    fill: $diagram-ruler-label-fill;
  }

  .e-ruler-tick {
    stroke: $diagram-ruler-tick-stroke;
  }

  .e-menu-item e-blankicon {
    padding-left: 28px;
  }

  .e-diagram-selection-indicator {
    stroke: $diagram-multiselect-stroke;
  }

  .e-diagram-selection-line {
    stroke: $diagram-multiselect-stroke;
  }

  /* stylelint-disable */
  .e-diagram-rotate {
    cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
  }

  .e-symbolpalette-hidden {
    display: none !important;
  }

  .e-symbolpalette-search-hidden {
    display: none !important;
  }

  .e-diagramTooltip-content {
    width: auto !important;
    height: auto !important;
  }
}
 /* stylelint-enable */