@syncfusion/ej2-image-editor 20.3.47

package/styles/image-editor/icons/_fabric-dark.scss

@@ -0,0 +1,218 @@
+@include export-module('image-editor-fabric-dark-icons') {
+  .e-image-editor {
+    & .e-upload-icon {
+      &::before {
+        content: '\ebdd';
+      }
+    }
+
+    & .e-zoom-in {
+      &::before {
+        content: '\ebe3';
+      }
+    }
+
+    & .e-zoom-out {
+      &::before {
+        content: '\ebe2';
+      }
+    }
+
+    & .e-pan {
+      &::before {
+        content: '\ebf3';
+      }
+    }
+
+    & .e-select {
+      &::before {
+        content: '\e942';
+      }
+    }
+
+    & .e-transform {
+      &::before {
+        content: '\e961';
+      }
+    }
+
+    & .e-annotation {
+      &::before {
+        content: '\ebff';
+      }
+    }
+
+    & .e-shapes {
+      &::before {
+        content: '\ebfc';
+      }
+    }
+
+    & .e-mouse {
+      &::before {
+        content: '\ebf6';
+      }
+    }
+
+    & .e-btn-reset {
+      &::before {
+        content: '\e948';
+      }
+    }
+
+    & .e-btn-save {
+      &::before {
+        content: '\e954';
+      }
+    }
+
+    & .e-custom {
+      &::before {
+        content: '\e959';
+      }
+    }
+
+    & .e-close {
+      &::before {
+        content: '\ebe8';
+      }
+    }
+
+    & .e-check {
+      &::before {
+        content: '\e963';
+      }
+    }
+
+    & .e-text-font-color.e-template {
+      & .e-caret::before {
+        content: '\e35f';
+      }
+    }
+
+    & .e-stroke.e-template,
+    & .e-pen-stroke-color.e-template {
+      & .e-caret::before {
+        content: '\eb6e';
+      }
+    }
+
+    & .e-fill.e-template {
+      & .e-caret {
+        &::before {
+          content: '\e35c';
+        }
+      }
+    }
+  }
+}
+
+.e-dropdown-popup.e-image-popup {
+  & .e-custom {
+    &::before {
+      content: '\e959';
+    }
+  }
+  
+  & .e-circle {
+    &::before {
+      content: '\e671';
+    }
+  }
+  
+  & .e-square{
+    &::before {
+      content: '\e95a';
+    }
+  }
+  
+  & .e-custom-a {
+    &::before {
+      content: '\e95b';
+    }
+  }
+  
+  & .e-custom-b {
+    &::before {
+      content: '\e95c';
+    }
+  }
+  
+  & .e-custom-c {
+    &::before {
+      content: '\e95d';
+    }
+  }
+  
+  & .e-custom-d {
+    &::before {
+      content: '\e95e';
+    }
+  }
+  
+  & .e-custom-e {
+    &::before {
+      content: '\e960';
+    }
+  }
+  
+  & .e-rectangle {
+    &::before {
+      content: '\e670';
+    }
+  }
+  
+  & .e-circle {
+    &::before {
+      content: '\e671';
+    }
+  }
+  
+  & .e-triangle {
+    &::before {
+      content: '\e949';
+    }
+  }
+  
+  & .e-line {
+    &::before {
+      content: '\e668';
+    }
+  }
+  
+  & .e-clock-wise {
+    &::before {
+      content: '\e956';
+    }
+  }
+  
+  & .e-anti-clock-wise {
+    &::before {
+      content: '\e955';
+    }
+  }
+  
+  & .e-add-text {
+    &::before {
+      content: '\e35b';
+    }
+  }
+  
+  & .e-free-pen {
+    &::before {
+      content: '\e739';
+    }
+  }
+  
+  & .e-horizontal-flip {
+    &::before {
+      content: '\e951';
+    }
+  }
+  
+  & .e-vertical-flip {
+    &::before {
+      content: '\e952';
+    }
+  }
+}

package/styles/image-editor/icons/_fabric.scss

@@ -0,0 +1,218 @@
+@include export-module('image-editor-fabric-icons') {
+  .e-image-editor {
+    & .e-upload-icon {
+      &::before {
+        content: '\ebdd';
+      }
+    }
+
+    & .e-zoom-in {
+      &::before {
+        content: '\ebe3';
+      }
+    }
+
+    & .e-zoom-out {
+      &::before {
+        content: '\ebe2';
+      }
+    }
+
+    & .e-pan {
+      &::before {
+        content: '\ebf3';
+      }
+    }
+
+    & .e-select {
+      &::before {
+        content: '\e942';
+      }
+    }
+
+    & .e-transform {
+      &::before {
+        content: '\e961';
+      }
+    }
+
+    & .e-annotation {
+      &::before {
+        content: '\ebff';
+      }
+    }
+
+    & .e-shapes {
+      &::before {
+        content: '\ebfc';
+      }
+    }
+
+    & .e-mouse {
+      &::before {
+        content: '\ebf6';
+      }
+    }
+
+    & .e-btn-reset {
+      &::before {
+        content: '\e948';
+      }
+    }
+
+    & .e-btn-save {
+      &::before {
+        content: '\e954';
+      }
+    }
+
+    & .e-custom {
+      &::before {
+        content: '\e959';
+      }
+    }
+
+    & .e-close {
+      &::before {
+        content: '\ebe8';
+      }
+    }
+
+    & .e-check {
+      &::before {
+        content: '\e963';
+      }
+    }
+
+    & .e-text-font-color.e-template {
+      & .e-caret::before {
+        content: '\e35f';
+      }
+    }
+
+    & .e-stroke.e-template,
+    & .e-pen-stroke-color.e-template {
+      & .e-caret::before {
+        content: '\eb6e';
+      }
+    }
+
+    & .e-fill.e-template {
+      & .e-caret {
+        &::before {
+          content: '\e35c';
+        }
+      }
+    }
+  }
+}
+
+.e-dropdown-popup.e-image-popup {
+  & .e-custom {
+    &::before {
+      content: '\e959';
+    }
+  }
+  
+  & .e-circle {
+    &::before {
+      content: '\e671';
+    }
+  }
+  
+  & .e-square{
+    &::before {
+      content: '\e95a';
+    }
+  }
+  
+  & .e-custom-a {
+    &::before {
+      content: '\e95b';
+    }
+  }
+  
+  & .e-custom-b {
+    &::before {
+      content: '\e95c';
+    }
+  }
+  
+  & .e-custom-c {
+    &::before {
+      content: '\e95d';
+    }
+  }
+  
+  & .e-custom-d {
+    &::before {
+      content: '\e95e';
+    }
+  }
+  
+  & .e-custom-e {
+    &::before {
+      content: '\e960';
+    }
+  }
+  
+  & .e-rectangle {
+    &::before {
+      content: '\e670';
+    }
+  }
+  
+  & .e-circle {
+    &::before {
+      content: '\e671';
+    }
+  }
+  
+  & .e-triangle {
+    &::before {
+      content: '\e949';
+    }
+  }
+  
+  & .e-line {
+    &::before {
+      content: '\e668';
+    }
+  }
+  
+  & .e-clock-wise {
+    &::before {
+      content: '\e956';
+    }
+  }
+  
+  & .e-anti-clock-wise {
+    &::before {
+      content: '\e955';
+    }
+  }
+  
+  & .e-add-text {
+    &::before {
+      content: '\e35b';
+    }
+  }
+  
+  & .e-free-pen {
+    &::before {
+      content: '\e739';
+    }
+  }
+  
+  & .e-horizontal-flip {
+    &::before {
+      content: '\e951';
+    }
+  }
+  
+  & .e-vertical-flip {
+    &::before {
+      content: '\e952';
+    }
+  }
+}

package/styles/image-editor/icons/_fluent-dark.scss

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

package/styles/image-editor/icons/_fluent.scss

@@ -0,0 +1,224 @@
+@include export-module('image-editor-fluent-icons') {
+  .e-image-editor {
+    & .e-upload-icon {
+      &::before {
+        content: '\e760';
+      }
+    }
+
+    & .e-zoom-in {
+      &::before {
+        content: '\e768';
+      }
+    }
+
+    & .e-zoom-out {
+      &::before {
+        content: '\e81b';
+      }
+    }
+
+    & .e-pan {
+      &::before {
+        content: '\e7b1';
+      }
+    }
+
+    & .e-select {
+      &::before {
+        content: '\e896';
+      }
+    }
+
+    & .e-transform {
+      &::before {
+        content: '\e8b0';
+      }
+    }
+
+    & .e-annotation {
+      &::before {
+        content: '\e730';
+      }
+    }
+
+    & .e-shapes {
+      &::before {
+        content: '\e728';
+      }
+    }
+
+    & .e-mouse {
+      &::before {
+        content: '\e74e';
+      }
+    }
+
+    & .e-btn-reset {
+      &::before {
+        content: '\e89b';
+      }
+    }
+
+    & .e-btn-save {
+      &::before {
+        content: '\e7c8';
+      }
+    }
+
+    & .e-custom {
+      &::before {
+        content: '\e8a9';
+      }
+    }
+
+    & .e-close {
+      &::before {
+        content: '\e7e7';
+      }
+    }
+
+    & .e-check {
+      &::before {
+        content: '\e8b1';
+      }
+    }
+
+    & .e-text-font-color.e-template {
+      & .e-caret::before {
+        content: '\e76f';
+      }
+    }
+
+    & .e-stroke.e-template,
+    & .e-pen-stroke-color.e-template {
+      & .e-caret::before {
+        content: '\e739';
+      }
+    }
+
+    & .e-fill.e-template {
+      & .e-caret {
+        &::before {
+          content: '\e783';
+        }
+      }
+    }
+  }
+}
+
+.e-dropdown-popup.e-image-popup {
+  & .e-custom {
+    &::before {
+      content: '\e8a9';
+    }
+  }
+  
+  & .e-circle {
+    &::before {
+      content: '\e7ca';
+    }
+  }
+  
+  & .e-square{
+    &::before {
+      content: '\e8aa';
+    }
+  }
+  
+  & .e-custom-a {
+    &::before {
+      content: '\e8ab';
+    }
+  }
+  
+  & .e-custom-b {
+    &::before {
+      content: '\e8ac';
+    }
+  }
+  
+  & .e-custom-c {
+    &::before {
+      content: '\e8ad';
+    }
+  }
+  
+  & .e-custom-d {
+    &::before {
+      content: '\e8ae';
+    }
+  }
+  
+  & .e-custom-e {
+    &::before {
+      content: '\e8af';
+    }
+  }
+  
+  & .e-rectangle {
+    &::before {
+      content: '\e723';
+    }
+  }
+  
+  & .e-circle {
+    &::before {
+      content: '\e7ca';
+    }
+  }
+  
+  & .e-triangle {
+    &::before {
+      content: '\e89c';
+    }
+  }
+  
+  & .e-line {
+    &::before {
+      content: '\e819';
+    }
+  }
+  
+  & .e-free-pen {
+    &::before {
+      content: '\e7db';
+    }
+  }
+  
+  & .e-horizontal-flip {
+    &::before {
+      content: '\e8a3';
+    }
+  }
+  
+  & .e-vertical-flip {
+    &::before {
+      content: '\e8a4';
+    }
+  }
+
+  & .e-custom {
+    &::before {
+      content: '\e8a9';
+    }
+  }
+
+  & .e-clock-wise {
+    &::before {
+      content: '\e8a6';
+    }
+  }
+
+  & .e-anti-clock-wise {
+    &::before {
+      content: '\e8a5';
+    }
+  }
+
+  & .e-add-text {
+    &::before {
+      content: '\e82e';
+    }
+  }
+}