@syncfusion/ej2-angular-diagrams 20.2.39-ngcc → 20.2.39

package/styles/diagram/_bootstrap4-definition.scss

@@ -0,0 +1,98 @@
+@import 'definition.scss';
+
+$skin-name: 'bootstrap4';
+
+$diagram-endpoint-handle-color: $white;
+$diagram-endpoint-handle-connected-border: $white;
+$diagram-endpoint-handle-connected-color: $blue;
+
+$diagram-resize-handle-color: $blue;
+$diagram-resize-handle-stroke: $blue;
+$diagram-border-stroke: $blue;
+
+$diagram-resize-handle-disable-color:  $gray-400;
+$diagram-resize-handle-disable-stroke: $white;
+$diagram-border-stroke-disabled: $gray-400;
+
+$diagram-rotate-handle-color: $blue;
+
+$diagram-helper-stroke:  $blue;
+
+$diagram-highlighter-stroke: $blue;
+$diagram-selected-region-stroke: $blue;
+$diagram-pivot-line-stroke: $blue;
+
+$diagram-bezier-handle-color: $blue;
+$diagram-bezier-line-color: $blue;
+
+$diagram-text-edit-selection-color: $white;
+$diagram-text-edit-selection-background: $blue;
+
+$diagram-symbolpalette-hover: $gray-200;
+$diagram-symbolpalette-shape-radius: 4px;
+$diagram-symbolpalette-selected: $blue;
+
+$diagram-tooltip: none;
+
+$diagram-ruler-color: $gray-100;
+$diagram-ruler-font: $gray-700;
+$diagram-ruler-font-size: 10px;
+$diagram-ruler-marker-stroke: $blue;
+$diagram-ruler-marker-background-color: $gray-100;
+$diagram-ruler-label-fill: $gray-700;
+$diagram-ruler-tick-stroke: $gray-300;
+
+$diagram-background-color: $white;
+
+$palette-background-color: #fff;
+
+$diagram-editbox-background: $white;
+$diagram-editbox-fontcolor: $gray-900;
+$diagram-border-stroke-width: 2;
+$diagram-lane-border-stroke-width: 2;
+$diagram-highlighter-border-stroke-width: 2;
+$diagram-border-strokes: $blue;
+$diagram-lane-border-strokes: $blue;
+
+$diagram-multiselect-stroke: $diagram-resize-handle-stroke;
+
+.e-icons {
+  font-family: 'e-icons';
+  font-style: normal;
+  font-variant: normal;
+  font-weight: normal;
+  line-height: 1;
+  text-transform: none;
+}
+
+@include export-module('diagram-bootstrap-icons') {
+  .e-diagram-menu {
+    .e-bringforward::before{ content: '\e801'; }
+    .e-bringfront::before{ content: '\e803'; }
+    .e-sendback::before{ content: '\e7fe'; }
+    .e-sendbackward::before{ content: '\e7fd'; }
+    .e-delete::before{ content: '\e7fd'; }
+    .e-ungroup::before{ content: '\e800'; }
+    .e-group::before{ content: '\e802'; }
+    .e-undo::before{ content: '\e752'; }
+    .e-cut::before{ content: '\e73f'; }
+    .e-save::before{ content: '\e74d'; }
+    .e-paste::before{ content: '\e739'; }
+    .e-copy::before{ content: '\e77b'; }
+    .e-redo::before{ content: '\e778'; }
+    .e-zoomin::before{ content: '\e70a'; }
+    .e-italic::before{ content: '\e78e'; }
+    .e-close::before{ content: '\e745'; }
+    .e-pan::before{ content: '\e711'; }
+    .e-bold::before{ content: '\e78b'; }
+    .e-underline::before{ content: '\e792'; }
+    .e-zoomout::before{ content: '\e74a'; }
+    .e-export::before{ content: '\e780'; }
+    .e-print::before{ content: '\e743'; }
+    .e-order::before{ content: '\e7ff'; }
+  }
+
+  .e-symbolpalette {
+    .e-clear-searchtext::before{ content: '\e724'; }
+  }
+}

package/styles/diagram/_bootstrap5-dark-definition.scss

@@ -0,0 +1 @@
+@import './bootstrap5-definition.scss';

package/styles/diagram/_bootstrap5-definition.scss

@@ -0,0 +1,103 @@
+@import 'definition.scss';
+
+$skin-name: 'bootstrap5';
+
+//layout variables
+$diagram-border-stroke-width: 2;
+$diagram-lane-border-stroke-width: 2;
+$diagram-highlighter-border-stroke-width: 2;
+$diagram-symbolpalette-shape-radius: 00px;/* stylelint-disable-line length-zero-no-unit */
+$diagram-tooltip: none;
+
+//normal
+$diagram-endpoint-handle-color: $white;
+$diagram-endpoint-handle-connected-border: $white;
+
+$diagram-resize-handle-disable-color: $content-bg-color-alt5;
+$diagram-border-stroke-disabled: $content-bg-color-alt5;
+$diagram-resize-handle-disable-stroke: $white;
+$diagram-rotate-handle-color: $primary;
+$diagram-bezier-handle-color: $white;
+
+$diagram-symbolpalette-hover: $diagram-palette-hover-background;
+$diagram-symbolpalette-selected: $diagram-palette-hover-background;
+
+$diagram-ruler-color: $content-text-color-alt2;
+$diagram-ruler-font-size: $text-xxs;
+$diagram-ruler-marker-background-color: $content-bg-color-alt1;
+$diagram-ruler-label-fill: $content-text-color-alt2;
+$diagram-ruler-tick-stroke: $series-3;
+
+$palette-background-color: $diagram-palette-background;
+
+$diagram-background-color: $white;
+$diagram-editbox-fontcolor: $black;
+
+//end normal
+//primary
+$diagram-endpoint-handle-connected-color: $primary;
+
+$diagram-resize-handle-color: $primary;
+$diagram-resize-handle-stroke: $primary;
+
+$diagram-border-stroke: $primary;
+$diagram-bezier-line-color: $primary;
+
+$diagram-highlighter-stroke: $primary;
+$diagram-selected-region-stroke: $primary;
+$diagram-pivot-line-stroke: $primary;
+$diagram-ruler-marker-stroke: $primary;
+
+$diagram-helper-stroke: $primary;
+
+$diagram-text-edit-selection-background: $primary;
+$diagram-editbox-background: $primary-text-color;
+
+$diagram-border-strokes: $primary;
+$diagram-lane-border-strokes: $primary;
+$diagram-text-edit-selection-color: $primary-text-color;
+
+$diagram-multiselect-stroke: $diagram-resize-handle-stroke;
+
+//end primary
+
+.e-icons {
+  font-family: 'e-icons';
+  font-style: normal;
+  font-variant: normal;
+  font-weight: normal;
+  line-height: 1;
+  text-transform: none;
+}
+
+@include export-module('diagram-bootstrap-icons') {
+  .e-diagram-menu {
+    .e-bringforward::before{ content: '\e72f'; }
+    .e-bringfront::before{ content: '\e840'; }
+    .e-sendback::before{ content: '\e78a'; }
+    .e-sendbackward::before{ content: '\e7ed'; }
+    .e-delete::before{ content: '\e94a'; }
+    .e-ungroup::before{ content: '\e749'; }
+    .e-group::before{ content: '\e7f4'; }
+    .e-undo::before{ content: '\e713'; }
+    .e-redo::before{ content: '\e755'; }
+    .e-copy::before{ content: '\e77c'; }
+    .e-cut::before{ content: '\e7fb'; }
+    .e-save::before{ content: '\e7c8'; }
+    .e-paste::before{ content: '\e70b'; }
+    .e-zoomin::before{ content: '\e795'; }
+    .e-italic::before{ content: '\e75a'; }
+    .e-close::before{ content: '\e7e7'; }
+    .e-pan::before{ content: '\e7b1'; }
+    .e-bold::before{ content: '\e737'; }
+    .e-underline::before{ content: '\e82f'; }
+    .e-zoomout::before{ content: '\e825'; }
+    .e-export::before{ content: '\e72e'; }
+    .e-print::before{ content: '\e75d'; }
+    .e-order::before{ content: '\e809'; }
+  }
+
+  .e-symbolpalette {
+    .e-clear-searchtext::before{ content: '\e754'; }
+  }
+}

package/styles/diagram/_definition.scss

@@ -0,0 +1,77 @@
+// $diagram-endpoint-handle-color: #046ae5 ;
+// $diagram-endpoint-handle-connected-border: #0f0;
+// $diagram-endpoint-handle-connected-color: #0f0;;
+// $diagram-resize-handle-color: #046ae5 ;
+// $diagram-resize-handle-stroke: #046ae5 ;
+// $diagram-resize-handle-disable-color: #aaa;
+// $diagram-resize-handle-disable-stroke: #aaa;
+// $diagram-border-stroke-disabled: #aaa;
+// $diagram-rotate-handle-color: #046ae5 ;
+// $diagram-helper-stroke: #0e7490;
+// $diagram-border-stroke: #000;
+// $diagram-highlighter-stroke: #6a5acd ;
+// $diagram-selected-region-stroke: #046ae5;
+// $diagram-pivot-line-stroke: #ff8c00;
+// $diagram-text-edit-color: #f00;
+// $diagram-text-edit-selection-color: #fff;
+// $diagram-text-edit-selection-background: #aaa;
+// $diagram-text-edit-background: #ff0;
+// $diagram-symbolpalette-hover: #f00;
+// $diagram-symbolpalette-selected: #f00;
+// $diagram-symbolpalette-shape-radius: 00px;
+// $diagram-tooltip: none;
+// $diagram-ruler-color: #979797 ;
+// $diagram-ruler-font: Roboto-Regular;
+// $diagram-ruler-font-size: 10px;
+// $diagram-bezier-handle-color: #f00;
+// $diagram-bezier-line-color: #00f;
+// $diagram-ruler-marker-stroke: #0f0;
+// $diagram-ruler-marker-background-color: #ffa500;
+// $diagram-ruler-label-fill: #f00;
+// $diagram-ruler-tick-stroke: #0f0;
+// $diagram-background-color: #fff;
+// $diagram-editbox-background: #fff;
+// $diagram-editbox-font-color: #000;
+// $diagram-border-strokes: #000;
+// $diagram-lane-border-strokes: #0078ff;
+
+.e-icons {
+  font-family: 'e-icons';
+  font-style: normal;
+  font-variant: normal;
+  font-weight: normal;
+  line-height: 1;
+  text-transform: none;
+}
+
+@include export-module('diagram-definition-icons') {
+  .e-diagram-menu {
+    .e-bringforward::before{ content: '\e574'; }
+    .e-bringfront::before{ content: '\e575'; }
+    .e-sendback::before{ content: '\e576'; }
+    .e-sendbackward::before{ content: '\e577'; }
+    .e-delete::before{ content: '\e578'; }
+    .e-ungroup::before{ content: '\e579'; }
+    .e-group::before{ content: '\e57a'; }
+    .e-undo::before{ content: '\e57c'; }
+    .e-cut::before{ content: '\e57d'; }
+    .e-save::before{ content: '\e57e'; }
+    .e-paste::before{ content: '\e57f'; }
+    .e-copy::before{ content: '\e580'; }
+    .e-redo::before{ content: '\e581'; }
+    .e-zoomin::before{ content: '\e582'; }
+    .e-italic::before{ content: '\e583'; }
+    .e-close::before{ content: '\e584'; }
+    .e-pan::before{ content: '\e585'; }
+    .e-bold::before{ content: '\e586'; }
+    .e-underline::before{ content: '\e587'; }
+    .e-zoomout::before{ content: '\e588'; }
+    .e-export::before{ content: '\e589'; }
+    .e-print::before{ content: '\e58a'; }
+    .e-order::before{ content: '\e58b'; }
+  }
+
+  .e-symbolpalette {
+    .e-clear-searchtext::before{ content: '\e58c'; }
+  }
+}

package/styles/diagram/_fabric-dark-definition.scss

@@ -0,0 +1,96 @@
+@import 'definition.scss';
+
+$skin-name: 'fabric-dark';
+$diagram-endpoint-handle-color: $theme-primary-font;
+$diagram-endpoint-handle-connected-border: $theme-primary-font;
+$diagram-endpoint-handle-connected-color: $theme-primary;
+
+$diagram-resize-handle-color: $theme-primary;
+$diagram-resize-handle-stroke: $theme-primary;
+$diagram-border-stroke: $theme-primary;
+
+$diagram-resize-handle-disable-color: $neutral-tertiary;
+$diagram-resize-handle-disable-stroke: $theme-primary-font;
+$diagram-border-stroke-disabled: $neutral-secondary-alt;
+
+$diagram-rotate-handle-color: $theme-primary;
+
+$diagram-bezier-handle-color:  $theme-primary-font;
+$diagram-bezier-line-color: $theme-primary;
+
+$diagram-highlighter-stroke: $theme-primary;
+$diagram-selected-region-stroke: $theme-primary;
+$diagram-pivot-line-stroke: $theme-primary;
+
+$diagram-text-edit-selection-color: $theme-primary-font;
+$diagram-text-edit-selection-background: $theme-primary;
+
+$diagram-helper-stroke: $theme-primary;
+
+$diagram-symbolpalette-hover: $neutral-secondary-alt;
+$diagram-symbolpalette-shape-radius: 4px;
+$diagram-symbolpalette-selected: #4a4848;
+
+$diagram-tooltip: none;
+
+$diagram-ruler-color: $neutral-tertiary;
+$diagram-ruler-font-size: 10px;
+$diagram-ruler-marker-stroke: $theme-primary;
+$diagram-ruler-marker-background-color: $neutral-lighter;
+$diagram-ruler-label-fill:  $neutral-secondary;
+$diagram-ruler-tick-stroke: $neutral-tertiary;
+
+$diagram-background-color: $theme-primary-font;
+
+$palette-background-color: $neutral-secondary;
+
+$diagram-editbox-background: $theme-primary-font;
+$diagram-editbox-fontcolor: $theme-light-font;
+$diagram-border-stroke-width: 2;
+$diagram-lane-border-stroke-width: 2;
+$diagram-highlighter-border-stroke-width: 2;
+$diagram-border-strokes: $theme-primary;
+$diagram-lane-border-strokes: $theme-primary;
+
+$diagram-multiselect-stroke: $diagram-resize-handle-stroke;
+
+.e-icons {
+  font-family: 'e-icons';
+  font-style: normal;
+  font-variant: normal;
+  font-weight: normal;
+  line-height: 1;
+  text-transform: none;
+}
+
+@include export-module('diagram-fabric-icons') {
+  .e-diagram-menu {
+    .e-bringforward::before{ content: '\e5a1'; }
+    .e-bringfront::before{ content: '\e5a2'; }
+    .e-sendback::before{ content: '\e5a3'; }
+    .e-sendbackward::before{ content: '\e5a4'; }
+    .e-delete::before{ content: '\ebf5'; }
+    .e-ungroup::before{ content: '\e5a6'; }
+    .e-group::before{ content: '\e5a7'; }
+    .e-undo::before{ content: '\e341'; }
+    .e-redo::before{ content: '\e354'; }
+    .e-copy::before{ content: '\e33d'; }
+    .e-cut::before{ content: '\e33b'; }
+    .e-save::before{ content: '\e954'; }
+    .e-paste::before{ content: '\e355'; }
+    .e-zoomin::before{ content: '\e349'; }
+    .e-italic::before{ content: '\e35a'; }
+    .e-close::before{ content: '\e60a'; }
+    .e-pan::before{ content: '\ebf3'; }
+    .e-bold::before{ content: '\eb77'; }
+    .e-underline::before{ content: '\ebf0'; }
+    .e-zoomout::before{ content: '\e351'; }
+    .e-export::before{ content: '\e70f'; }
+    .e-print::before{ content: '\e34b'; }
+    .e-order::before{ content: '\e4a4'; }
+  }
+
+  .e-symbolpalette {
+    .e-clear-searchtext::before{ content: '\e60a'; }
+  }
+}

package/styles/diagram/_fabric-definition.scss

@@ -0,0 +1,96 @@
+@import 'definition.scss';
+
+$skin-name: 'fabric';
+$diagram-endpoint-handle-color: $theme-primary-font;
+$diagram-endpoint-handle-connected-border: $theme-primary-font;
+$diagram-endpoint-handle-connected-color: $theme-primary;
+
+$diagram-resize-handle-color: $theme-primary;
+$diagram-resize-handle-stroke: $theme-primary;
+$diagram-border-stroke: $theme-primary;
+
+$diagram-resize-handle-disable-color: $neutral-tertiary;
+$diagram-resize-handle-disable-stroke: $theme-primary-font;
+$diagram-border-stroke-disabled: $neutral-tertiary;
+
+$diagram-rotate-handle-color: $theme-primary;
+
+$diagram-bezier-handle-color:  $theme-primary-font;
+$diagram-bezier-line-color: $theme-primary;
+
+$diagram-highlighter-stroke: $theme-primary;
+$diagram-selected-region-stroke: $theme-primary;
+$diagram-pivot-line-stroke: $theme-primary;
+
+$diagram-helper-stroke: $theme-primary;
+
+$diagram-text-edit-selection-color: $theme-primary-font;
+$diagram-text-edit-selection-background: $theme-primary;
+
+$diagram-symbolpalette-hover: $neutral-light;
+$diagram-symbolpalette-shape-radius: 4px;
+$diagram-symbolpalette-selected: $neutral-tertiary-alt;
+
+$diagram-tooltip: none;
+
+$palette-background-color: #fff;
+
+$diagram-ruler-color: $neutral-tertiary;
+$diagram-ruler-font-size: 10px;
+$diagram-ruler-marker-stroke: $theme-primary;
+$diagram-ruler-marker-background-color: $neutral-lighter-alt;
+$diagram-ruler-label-fill:  $neutral-secondary-alt;
+$diagram-ruler-tick-stroke: $neutral-tertiary-alt;
+
+$diagram-background-color: $theme-primary-font;
+
+$diagram-editbox-background: $theme-primary-font;
+$diagram-editbox-fontcolor: $neutral-black;
+$diagram-border-stroke-width: 2;
+$diagram-lane-border-stroke-width: 2;
+$diagram-highlighter-border-stroke-width: 2;
+$diagram-border-strokes: $theme-primary;
+$diagram-lane-border-strokes: $theme-primary;
+
+$diagram-multiselect-stroke: $diagram-resize-handle-stroke;
+
+.e-icons {
+  font-family: 'e-icons';
+  font-style: normal;
+  font-variant: normal;
+  font-weight: normal;
+  line-height: 1;
+  text-transform: none;
+}
+
+@include export-module('diagram-fabric-icons') {
+  .e-diagram-menu {
+    .e-bringforward::before{ content: '\e5a1'; }
+    .e-bringfront::before{ content: '\e5a2'; }
+    .e-sendback::before{ content: '\e5a3'; }
+    .e-sendbackward::before{ content: '\e5a4'; }
+    .e-delete::before{ content: '\ebf5'; }
+    .e-ungroup::before{ content: '\e5a6'; }
+    .e-group::before{ content: '\e5a7'; }
+    .e-undo::before{ content: '\e341'; }
+    .e-redo::before{ content: '\e354'; }
+    .e-copy::before{ content: '\e33d'; }
+    .e-cut::before{ content: '\e33b'; }
+    .e-save::before{ content: '\e954'; }
+    .e-paste::before{ content: '\e355'; }
+    .e-zoomin::before{ content: '\e349'; }
+    .e-italic::before{ content: '\e35a'; }
+    .e-close::before{ content: '\e60a'; }
+    .e-pan::before{ content: '\ebf3'; }
+    .e-bold::before{ content: '\eb77'; }
+    .e-underline::before{ content: '\ebf0'; }
+    .e-zoomout::before{ content: '\e351'; }
+    .e-export::before{ content: '\e70f'; }
+    .e-print::before{ content: '\e34b'; }
+    .e-order::before{ content: '\e4a4'; }
+  }
+
+  .e-symbolpalette {
+    .e-clear-searchtext::before{ content: '\e60a'; }
+  }
+}

package/styles/diagram/_fluent-dark-definition.scss

@@ -0,0 +1 @@
+@import './fluent-definition.scss';

package/styles/diagram/_fluent-definition.scss

@@ -0,0 +1,103 @@
+@import 'definition.scss';
+
+$skin-name: 'FluentUI';
+
+//layout variables
+$diagram-border-stroke-width: 2;
+$diagram-lane-border-stroke-width: 2;
+$diagram-highlighter-border-stroke-width: 2;
+$diagram-symbolpalette-shape-radius: 00px;/* stylelint-disable-line length-zero-no-unit */
+$diagram-tooltip: none;
+
+//normal
+$diagram-endpoint-handle-color: $white;
+$diagram-endpoint-handle-connected-border: $white;
+
+$diagram-resize-handle-disable-color: $content-bg-color-alt5;
+$diagram-border-stroke-disabled: $content-bg-color-alt5;
+$diagram-resize-handle-disable-stroke: $white;
+$diagram-rotate-handle-color: $primary;
+$diagram-bezier-handle-color: $white;
+
+$diagram-symbolpalette-hover: $diagram-palette-hover-background;
+$diagram-symbolpalette-selected: $diagram-palette-hover-background;
+
+$diagram-ruler-color: $content-text-color-alt2;
+$diagram-ruler-font-size: $text-xxs;
+$diagram-ruler-marker-background-color: $content-bg-color-alt1;
+$diagram-ruler-label-fill: $content-text-color-alt3;
+$diagram-ruler-tick-stroke: $border-dark;
+
+$palette-background-color: $diagram-palette-background;
+
+$diagram-background-color: $white;
+$diagram-editbox-fontcolor: $black;
+
+//end normal
+//primary
+$diagram-endpoint-handle-connected-color: $primary;
+
+$diagram-resize-handle-color: $primary;
+$diagram-resize-handle-stroke: $primary;
+
+$diagram-border-stroke: $primary;
+$diagram-bezier-line-color: $primary;
+
+$diagram-highlighter-stroke: $primary;
+$diagram-selected-region-stroke: $primary;
+$diagram-pivot-line-stroke: $primary;
+$diagram-ruler-marker-stroke: $primary;
+
+$diagram-helper-stroke: $primary;
+
+$diagram-text-edit-selection-background: $primary;
+$diagram-editbox-background: $primary-text-color;
+
+$diagram-border-strokes: $primary;
+$diagram-lane-border-strokes: $primary;
+$diagram-text-edit-selection-color: $primary-text-color;
+
+$diagram-multiselect-stroke: $diagram-resize-handle-stroke;
+
+//end primary
+
+.e-icons {
+  font-family: 'e-icons';
+  font-style: normal;
+  font-variant: normal;
+  font-weight: normal;
+  line-height: 1;
+  text-transform: none;
+}
+
+@include export-module('diagram-bootstrap-icons') {
+  .e-diagram-menu {
+    .e-bringforward::before{ content: '\e7f2'; }
+    .e-bringfront::before{ content: '\e7f0'; }
+    .e-sendback::before{ content: '\e7ef'; }
+    .e-sendbackward::before{ content: '\e7f1'; }
+    .e-delete::before{ content: '\e75b'; }
+    .e-ungroup::before{ content: '\e737'; }
+    .e-group::before{ content: '\e78b'; }
+    .e-undo::before{ content: '\e7b5'; }
+    .e-redo::before{ content: '\e7b6'; }
+    .e-copy::before{ content: '\e7b3'; }
+    .e-cut::before{ content: '\e7b2'; }
+    .e-save::before{ content: '\e7bf'; }
+    .e-paste::before{ content: '\e7b4'; }
+    .e-zoomin::before{ content: '\e7ab'; }
+    .e-italic::before{ content: '\e7a6'; }
+    .e-close::before{ content: '\e74f'; }
+    .e-pan::before{ content: '\e7c6'; }
+    .e-bold::before{ content: '\e7a5'; }
+    .e-underline::before{ content: '\e7a7'; }
+    .e-zoomout::before{ content: '\e7ac'; }
+    .e-export::before{ content: '\e711'; }
+    .e-print::before{ content: '\e7bd'; }
+    .e-order::before{ content: '\e7f3'; }
+  }
+
+  .e-symbolpalette {
+    .e-clear-searchtext::before{ content: '\e754'; }
+  }
+}

package/styles/diagram/_fusionnew-definition.scss

@@ -0,0 +1,103 @@
+@import 'definition.scss';
+
+$skin-name: 'bootstrap5';
+
+//layout variables
+$diagram-border-stroke-width: 2;
+$diagram-lane-border-stroke-width: 2;
+$diagram-highlighter-border-stroke-width: 2;
+$diagram-symbolpalette-shape-radius: 00px;/* stylelint-disable-line length-zero-no-unit */
+$diagram-tooltip: none;
+
+//normal
+$diagram-endpoint-handle-color: $white;
+$diagram-endpoint-handle-connected-border: $white;
+
+$diagram-resize-handle-disable-color: $content-bg-color-alt5;
+$diagram-border-stroke-disabled: $content-bg-color-alt5;
+$diagram-resize-handle-disable-stroke: $white;
+$diagram-rotate-handle-color: $primary;
+$diagram-bezier-handle-color: $white;
+
+$diagram-symbolpalette-hover: $diagram-palette-hover-background;
+$diagram-symbolpalette-selected: $diagram-palette-hover-background;
+
+$diagram-ruler-color: $content-text-color-alt2;
+$diagram-ruler-font-size: $text-xxs;
+$diagram-ruler-marker-background-color: $content-bg-color-alt1;
+$diagram-ruler-label-fill: $content-text-color-alt2;
+$diagram-ruler-tick-stroke: $series-3;
+
+$palette-background-color: $diagram-palette-background;
+
+$diagram-background-color: $white;
+$diagram-editbox-fontcolor: $black;
+
+//end normal
+//primary
+$diagram-endpoint-handle-connected-color: $primary;
+
+$diagram-resize-handle-color: $primary;
+$diagram-resize-handle-stroke: $primary;
+
+$diagram-border-stroke: $primary;
+$diagram-bezier-line-color: $primary;
+
+$diagram-highlighter-stroke: $primary;
+$diagram-selected-region-stroke: $primary;
+$diagram-pivot-line-stroke: $primary;
+$diagram-ruler-marker-stroke: $primary;
+
+$diagram-helper-stroke: $primary;
+
+$diagram-text-edit-selection-background: $primary;
+$diagram-editbox-background: $primary-text-color;
+
+$diagram-border-strokes: $primary;
+$diagram-lane-border-strokes: $primary;
+$diagram-text-edit-selection-color: $primary-text-color;
+
+$diagram-multiselect-stroke: $diagram-resize-handle-stroke;
+
+//end primary
+
+.e-icons {
+  font-family: 'e-icons';
+  font-style: normal;
+  font-variant: normal;
+  font-weight: normal;
+  line-height: 1;
+  text-transform: none;
+}
+
+@include export-module('diagram-bootstrap-icons') {
+  .e-diagram-menu {
+    .e-bringforward::before{ content: '\e72f'; }
+    .e-bringfront::before{ content: '\e840'; }
+    .e-sendback::before{ content: '\e78a'; }
+    .e-sendbackward::before{ content: '\e7ed'; }
+    .e-delete::before{ content: '\e94a'; }
+    .e-ungroup::before{ content: '\e749'; }
+    .e-group::before{ content: '\e7f4'; }
+    .e-undo::before{ content: '\e713'; }
+    .e-redo::before{ content: '\e755'; }
+    .e-copy::before{ content: '\e77c'; }
+    .e-cut::before{ content: '\e7fb'; }
+    .e-save::before{ content: '\e7c8'; }
+    .e-paste::before{ content: '\e70b'; }
+    .e-zoomin::before{ content: '\e795'; }
+    .e-italic::before{ content: '\e75a'; }
+    .e-close::before{ content: '\e7e7'; }
+    .e-pan::before{ content: '\e7b1'; }
+    .e-bold::before{ content: '\e737'; }
+    .e-underline::before{ content: '\e82f'; }
+    .e-zoomout::before{ content: '\e825'; }
+    .e-export::before{ content: '\e72e'; }
+    .e-print::before{ content: '\e75d'; }
+    .e-order::before{ content: '\e809'; }
+  }
+
+  .e-symbolpalette {
+    .e-clear-searchtext::before{ content: '\e754'; }
+  }
+}