@syncfusion/ej2-image-editor 24.2.5 → 25.1.35

package/styles/bootstrap-dark.css

@@ -559,18 +559,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: #959595;
 }

package/styles/bootstrap.css

@@ -559,18 +559,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: #e6e6e6;
 }

package/styles/bootstrap4.css

@@ -557,18 +557,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: #e9ecef;
 }

package/styles/bootstrap5-dark.css

@@ -575,18 +575,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: #444c54;
 }

package/styles/bootstrap5.css

@@ -575,18 +575,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: #dee2e6;
 }

package/styles/fabric-dark.css

@@ -559,18 +559,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: #201f1f;
 }

package/styles/fabric.css

@@ -559,18 +559,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: #fff;
 }

package/styles/fluent-dark.css

@@ -570,18 +570,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: #201f1e;
 }

package/styles/fluent.css

@@ -570,18 +570,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: #faf9f8;
 }

package/styles/highcontrast-light.css

@@ -557,18 +557,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: #fff;
 }

package/styles/highcontrast.css

@@ -561,18 +561,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: #000;
 }

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

@@ -0,0 +1,21 @@
+$image-editor-background: $border-light !default;
+$image-editor-border: 1px solid $border-light !default;
+$image-editor-toolbar-icon-color: $icon-color !default;
+$img-editor-cp-preview-border-bottom-color: $black !default;
+$image-editor-icon-sel-bg-color: $content-bg-color-alt3 !default;
+$image-editor-ddbtn-margin-top: 2px !default;
+$image-editor-tbar-height: 48px !default;
+$image-editor-bigger-tbar-height: 56px !default;
+$image-editor-tbar-btn-fontsize: $text-lg !default;
+$image-editor-bigger-tbar-btn-fontsize: $text-xl !default;
+$image-editor-contextual-toolbar: $content-bg-color-alt2 !default;
+$image-editor-drop-border: 2px dashed $icon-color !default;
+$image-editor-dropdown-btn-preview-top: -2px !default;
+$image-editor-dropdown-btn-preview-left: -6px !default;
+$image-editor-bigger-dropdown-btn-preview-top: -2px !default;
+$image-editor-bigger-dropdown-btn-preview-left: -6px !default;
+$image-editor-slider-handler: calc(50% - 6px) !default;
+$image-editor-bigger-slider-handler: calc(50% - 7px) !default;
+$image-editor-device-slider-handler: calc(50% - 9px) !default;
+$image-editor-finetune-value-span: 28% !default;
+$image-editor-finetune-span: 28% !default;

package/styles/image-editor/_bootstrap-dark-definition.scss

@@ -19,4 +19,3 @@ $image-editor-bigger-slider-handler: calc(50% - 7px) !default;
 $image-editor-device-slider-handler: calc(50% - 7px) !default;
 $image-editor-finetune-value-span: 31% !default;
 $image-editor-finetune-span: 31% !default;
-$image-editor-slider-wrap: calc(50% - 15px) !default;

package/styles/image-editor/_bootstrap-definition.scss

@@ -19,4 +19,3 @@ $image-editor-bigger-slider-handler: calc(50% - 7px) !default;
 $image-editor-device-slider-handler: calc(50% - 7px) !default;
 $image-editor-finetune-value-span: 31% !default;
 $image-editor-finetune-span: 31% !default;
-$image-editor-slider-wrap: calc(50% - 15px) !default;

package/styles/image-editor/_bootstrap4-definition.scss

@@ -19,4 +19,3 @@ $image-editor-bigger-slider-handler: calc(50% - 7px) !default;
 $image-editor-device-slider-handler: calc(50% - 7px) !default;
 $image-editor-finetune-value-span: 31% !default;
 $image-editor-finetune-span: 31% !default;
-$image-editor-slider-wrap: calc(50% - 15px) !default;

package/styles/image-editor/_bootstrap5-definition.scss

@@ -19,4 +19,3 @@ $image-editor-bigger-slider-handler: calc(50% - 6px) !default;
 $image-editor-device-slider-handler: calc(50% - 8px) !default;
 $image-editor-finetune-value-span: 29% !default;
 $image-editor-finetune-span: 29% !default;
-$image-editor-slider-wrap: calc(50% - 15px) !default;

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

@@ -19,4 +19,3 @@ $image-editor-bigger-slider-handler: calc(50% - 9px) !default;
 $image-editor-device-slider-handler: calc(50% - 9px) !default;
 $image-editor-finetune-value-span: 29% !default;
 $image-editor-finetune-span: 29% !default;
-$image-editor-slider-wrap: calc(50% - 15px) !default;

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

@@ -19,4 +19,3 @@ $image-editor-bigger-slider-handler: calc(50% - 9px) !default;
 $image-editor-device-slider-handler: calc(50% - 9px) !default;
 $image-editor-finetune-value-span: 29% !default;
 $image-editor-finetune-span: 29% !default;
-$image-editor-slider-wrap: calc(50% - 15px) !default;

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

@@ -19,4 +19,3 @@ $image-editor-bigger-slider-handler: calc(50% - 8px) !default;
 $image-editor-device-slider-handler: calc(50% - 8px) !default;
 $image-editor-finetune-value-span: 29% !default;
 $image-editor-finetune-span: 29% !default;
-$image-editor-slider-wrap: calc(50% - 15px) !default;

package/styles/image-editor/_fusionnew-definition.scss

@@ -17,4 +17,3 @@ $image-editor-bigger-dropdown-btn-preview-left: -7px !default;
 $image-editor-slider-handler: calc(50% - 6px) !default;
 $image-editor-bigger-slider-handler: calc(50% - 6px) !default;
 $image-editor-device-slider-handler: calc(50% - 6px) !default;
-$image-editor-slider-wrap: calc(50% - 15px) !default;

package/styles/image-editor/_highcontrast-definition.scss

@@ -19,4 +19,3 @@ $image-editor-bigger-slider-handler: calc(50% - 8px) !default;
 $image-editor-device-slider-handler: calc(50% - 8px) !default;
 $image-editor-finetune-value-span: 29% !default;
 $image-editor-finetune-span: 29% !default;
-$image-editor-slider-wrap: calc(50% - 15px) !default;

package/styles/image-editor/_highcontrast-light-definition.scss

@@ -19,4 +19,3 @@ $image-editor-bigger-slider-handler: calc(50% - 8px) !default;
 $image-editor-device-slider-handler: calc(50% - 8px) !default;
 $image-editor-finetune-value-span: 29% !default;
 $image-editor-finetune-span: 29% !default;
-$image-editor-slider-wrap: calc(50% - 15px) !default;

package/styles/image-editor/_layout.scss

@@ -511,21 +511,15 @@
   }
 
   .e-ie-finetune-slider-wrap {
-    top: $image-editor-slider-wrap !important; /* stylelint-disable-line declaration-no-important */
+    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
   }
 
   .e-transparency-slider-wrap {
-    top: $image-editor-slider-wrap !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 */
-    @if $skin-name == 'Material3' {
-      top: calc(50% - 12px) !important; /* stylelint-disable-line declaration-no-important */
-    }
-    @if $skin-name == 'tailwind' {
-      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 {
@@ -556,28 +550,4 @@
       }
     }
   }
-
-  .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 {
-    @if $skin-name == 'Material3' {
-      top: 29% !important; /* stylelint-disable-line declaration-no-important */
-    }
-  }
-
-  .e-device .e-ie-finetune-slider-label {
-    @if $skin-name == 'Material3' {
-      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 */
-  }
 }

package/styles/image-editor/_material-dark-definition.scss

@@ -19,4 +19,3 @@ $image-editor-bigger-slider-handler: calc(50% - 7px) !default;
 $image-editor-device-slider-handler: calc(50% - 5px) !default;
 $image-editor-finetune-value-span: 31% !default;
 $image-editor-finetune-span: 31% !default;
-$image-editor-slider-wrap: calc(50% - 15px) !default;

package/styles/image-editor/_material-definition.scss

@@ -19,4 +19,3 @@ $image-editor-bigger-slider-handler: calc(50% - 7px) !default;
 $image-editor-device-slider-handler: calc(50% - 5px) !default;
 $image-editor-finetune-value-span: 31% !default;
 $image-editor-finetune-span: 31% !default;
-$image-editor-slider-wrap: calc(50% - 15px) !default;

package/styles/image-editor/_material3-definition.scss

@@ -17,6 +17,5 @@ $image-editor-bigger-dropdown-btn-preview-left: -7px !default;
 $image-editor-slider-handler: calc(50% - 8px) !default;
 $image-editor-bigger-slider-handler: calc(50% - 10px) !default;
 $image-editor-device-slider-handler: calc(50% - 8px) !default;
-$image-editor-finetune-value-span: 30% !default;
-$image-editor-finetune-span: 30% !default;
-$image-editor-slider-wrap: calc(50% - 12px) !default;
+$image-editor-finetune-value-span: 29% !default;
+$image-editor-finetune-span: 28% !default;

package/styles/image-editor/_tailwind-definition.scss

@@ -19,4 +19,3 @@ $image-editor-bigger-slider-handler: calc(50% - 7px) !default;
 $image-editor-device-slider-handler: calc(50% - 9px) !default;
 $image-editor-finetune-value-span: 28% !default;
 $image-editor-finetune-span: 28% !default;
-$image-editor-slider-wrap: calc(50% - 14px) !default;

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

@@ -559,18 +559,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: #959595;
 }

package/styles/image-editor/bootstrap.css

@@ -559,18 +559,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: #e6e6e6;
 }

package/styles/image-editor/bootstrap4.css

@@ -557,18 +557,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: #e9ecef;
 }

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

@@ -575,18 +575,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: #444c54;
 }

package/styles/image-editor/bootstrap5.css

@@ -575,18 +575,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: #dee2e6;
 }

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

@@ -559,18 +559,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: #201f1f;
 }

package/styles/image-editor/fabric.css

@@ -559,18 +559,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: #fff;
 }

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

@@ -570,18 +570,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: #201f1e;
 }

package/styles/image-editor/fluent.css

@@ -570,18 +570,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: #faf9f8;
 }

package/styles/image-editor/highcontrast-light.css

@@ -557,18 +557,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: #fff;
 }

package/styles/image-editor/highcontrast.css

@@ -561,18 +561,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: #000;
 }