@syncfusion/ej2-image-editor 24.2.8 → 25.1.35

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

@@ -0,0 +1,411 @@
+@include export-module('image-editor-bds-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-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-frame-stroke.e-template,
+    & .e-pen-stroke-color.e-template {
+      & .e-caret::before {
+        content: '\e739';
+      }
+    }
+
+    & .e-fill.e-template {
+      & .e-caret {
+        &::before {
+          content: '\e783';
+        }
+      }
+    }
+
+    & .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-custom-f {
+      &::before {
+        content: '\e8dd';
+      }
+    }
+    
+    & .e-custom-g {
+      &::before {
+        content: '\e8de';
+      }
+    }
+    
+    & .e-custom-h {
+      &::before {
+        content: '\e8df';
+      }
+    }
+    
+    & .e-custom-i {
+      &::before {
+        content: '\e8e0';
+      }
+    }
+    
+    & .e-custom-j {
+      &::before {
+        content: '\e8e1';
+      }
+    }
+  
+    & .e-horizontal-flip {
+      &::before {
+        content: '\e8a3';
+      }
+    }
+    
+    & .e-vertical-flip {
+      &::before {
+        content: '\e8a4';
+      }
+    }
+  
+    & .e-clock-wise {
+      &::before {
+        content: '\e8a6';
+      }
+    }
+  
+    & .e-anti-clock-wise {
+      &::before {
+        content: '\e8a5';
+      }
+    }
+  
+    & .e-rectangle {
+      &::before {
+        content: '\e723';
+      }
+    }
+    
+    & .e-circle {
+      &::before {
+        content: '\e7ca';
+      }
+    }
+    
+    & .e-triangle {
+      &::before {
+        content: '\e89c';
+      }
+    }
+    
+    & .e-line {
+      &::before {
+        content: '\e819';
+      }
+    }
+  
+    & .e-add-text {
+      &::before {
+        content: '\e82e';
+      }
+    }
+    
+    & .e-free-pen {
+      &::before {
+        content: '\e7db';
+      }
+    }
+
+    & .e-arrow {
+      &::before {
+        content: '\e669';
+      }
+    }
+    
+    & .e-path {
+      &::before {
+        content: '\e931';
+      }
+    }
+  }
+}
+
+.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-custom-f {
+    &::before {
+      content: '\e8dd';
+    }
+  }
+  
+  & .e-custom-g {
+    &::before {
+      content: '\e8de';
+    }
+  }
+  
+  & .e-custom-h {
+    &::before {
+      content: '\e8df';
+    }
+  }
+  
+  & .e-custom-i {
+    &::before {
+      content: '\e8e0';
+    }
+  }
+  
+  & .e-custom-j {
+    &::before {
+      content: '\e8e1';
+    }
+  }
+  
+  & .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';
+    }
+  }
+
+  & .e-arrow {
+    &::before {
+      content: '\e669';
+    }
+  }
+  
+  & .e-path {
+    &::before {
+      content: '\e931';
+    }
+  }
+}

package/styles/image-editor/material-dark.css

@@ -566,18 +566,6 @@
   margin-left: calc(50% - 80px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
-.e-device .e-transparency-slider-wrap {
-  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
-}
-
-.e-device .e-ie-finetune-slider-wrap {
-  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
-}
-
-.e-device .e-ie-slider-wrap {
-  top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
-}
-
 .e-image-editor {
   background: #292929;
 }

package/styles/image-editor/material.css

@@ -571,18 +571,6 @@
   margin-left: calc(50% - 80px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
-.e-device .e-transparency-slider-wrap {
-  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
-}
-
-.e-device .e-ie-finetune-slider-wrap {
-  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
-}
-
-.e-device .e-ie-slider-wrap {
-  top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
-}
-
 .e-image-editor {
   background: #eee;
 }

package/styles/image-editor/material3-dark.css

@@ -596,24 +596,23 @@
 }
 
 .e-ie-finetune-value-span {
-  top: 30% !important; /* stylelint-disable-line declaration-no-important */
+  top: 29% !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-ie-finetune-slider-label {
-  top: 30% !important; /* stylelint-disable-line declaration-no-important */
+  top: 28% !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-ie-finetune-slider-wrap {
-  top: calc(50% - 12px) !important; /* stylelint-disable-line declaration-no-important */
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-transparency-slider-wrap {
-  top: calc(50% - 12px) !important; /* stylelint-disable-line declaration-no-important */
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-ie-slider-wrap {
   top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
-  top: calc(50% - 12px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
@@ -635,26 +634,6 @@
   margin-left: calc(50% - 80px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
-.e-device .e-transparency-slider-wrap {
-  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
-}
-
-.e-device .e-ie-finetune-slider-wrap {
-  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
-}
-
-.e-device .e-ie-finetune-value-span {
-  top: 29% !important; /* stylelint-disable-line declaration-no-important */
-}
-
-.e-device .e-ie-finetune-slider-label {
-  top: 28% !important; /* stylelint-disable-line declaration-no-important */
-}
-
-.e-device .e-ie-slider-wrap {
-  top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
-}
-
 .e-image-editor {
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14)), rgba(var(--color-sf-surface));
 }

package/styles/image-editor/material3.css

@@ -652,24 +652,23 @@
 }
 
 .e-ie-finetune-value-span {
-  top: 30% !important; /* stylelint-disable-line declaration-no-important */
+  top: 29% !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-ie-finetune-slider-label {
-  top: 30% !important; /* stylelint-disable-line declaration-no-important */
+  top: 28% !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-ie-finetune-slider-wrap {
-  top: calc(50% - 12px) !important; /* stylelint-disable-line declaration-no-important */
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-transparency-slider-wrap {
-  top: calc(50% - 12px) !important; /* stylelint-disable-line declaration-no-important */
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-ie-slider-wrap {
   top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
-  top: calc(50% - 12px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
@@ -691,26 +690,6 @@
   margin-left: calc(50% - 80px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
-.e-device .e-transparency-slider-wrap {
-  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
-}
-
-.e-device .e-ie-finetune-slider-wrap {
-  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
-}
-
-.e-device .e-ie-finetune-value-span {
-  top: 29% !important; /* stylelint-disable-line declaration-no-important */
-}
-
-.e-device .e-ie-finetune-slider-label {
-  top: 28% !important; /* stylelint-disable-line declaration-no-important */
-}
-
-.e-device .e-ie-slider-wrap {
-  top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
-}
-
 .e-image-editor {
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14)), rgba(var(--color-sf-surface));
 }

package/styles/image-editor/tailwind-dark.css

@@ -535,16 +535,15 @@
 }
 
 .e-ie-finetune-slider-wrap {
-  top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-transparency-slider-wrap {
-  top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-ie-slider-wrap {
   top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
-  top: calc(50% - 13px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
@@ -564,18 +563,6 @@
   margin-left: calc(50% - 80px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
-.e-device .e-transparency-slider-wrap {
-  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
-}
-
-.e-device .e-ie-finetune-slider-wrap {
-  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
-}
-
-.e-device .e-ie-slider-wrap {
-  top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
-}
-
 .e-image-editor {
   background: #4b5563;
 }

package/styles/image-editor/tailwind.css

@@ -535,16 +535,15 @@
 }
 
 .e-ie-finetune-slider-wrap {
-  top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-transparency-slider-wrap {
-  top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-ie-slider-wrap {
   top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
-  top: calc(50% - 13px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
@@ -564,18 +563,6 @@
   margin-left: calc(50% - 80px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
-.e-device .e-transparency-slider-wrap {
-  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
-}
-
-.e-device .e-ie-finetune-slider-wrap {
-  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
-}
-
-.e-device .e-ie-slider-wrap {
-  top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
-}
-
 .e-image-editor {
   background: #e5e7eb;
 }

package/styles/material-dark.css

@@ -566,18 +566,6 @@
   margin-left: calc(50% - 80px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
-.e-device .e-transparency-slider-wrap {
-  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
-}
-
-.e-device .e-ie-finetune-slider-wrap {
-  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
-}
-
-.e-device .e-ie-slider-wrap {
-  top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
-}
-
 .e-image-editor {
   background: #292929;
 }

package/styles/material.css

@@ -571,18 +571,6 @@
   margin-left: calc(50% - 80px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
-.e-device .e-transparency-slider-wrap {
-  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
-}
-
-.e-device .e-ie-finetune-slider-wrap {
-  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
-}
-
-.e-device .e-ie-slider-wrap {
-  top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
-}
-
 .e-image-editor {
   background: #eee;
 }