@use "sass:map";
@use "sass:math";
@use "../core/_index.scss" as *;

/// Background color of the imageeditor.
/// @group imageeditor
$kendo-image-editor-bg: var( --kendo-component-bg, inherit ) !default;
/// Text color of the imageeditor.
/// @group imageeditor
$kendo-image-editor-text: var( --kendo-component-text, inherit ) !default;
/// Border color of the imageeditor.
/// @group imageeditor
$kendo-image-editor-border: if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 16%, transparent), k-get-theme-color-var( neutral-30 )) !default;
/// Vertical margin of the imageeditor.
/// @group imageeditor
$kendo-image-editor-margin-y: k-spacing(0) !default;
/// Horizontal margin of the imageeditor.
/// @group imageeditor
$kendo-image-editor-margin-x: k-spacing(0) !default;
/// Vertical padding of the imageeditor.
/// @group imageeditor
$kendo-image-editor-padding-y: k-spacing(0) !default;
/// Horizontal padding of the imageeditor.
/// @group imageeditor
$kendo-image-editor-padding-x: k-spacing(0) !default;

/// Border width of the imageeditor.
/// @group imageeditor
$kendo-image-editor-border-width: 1px !default;
/// Font size of the imageeditor.
/// @group imageeditor
$kendo-image-editor-font-size: var( --kendo-font-size, inherit ) !default;
/// Line height of the imageeditor.
/// @group imageeditor
$kendo-image-editor-line-height: var( --kendo-line-height, inherit ) !default;
/// Font family of the imageeditor.
/// @group imageeditor
$kendo-image-editor-font-family: var( --kendo-font-family, inherit ) !default;

/// Imageeditor content background color.
/// @group imageeditor
$kendo-image-editor-content-bg: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 23%, transparent), k-get-theme-color-var( neutral-50 )) !default;
/// Imageeditor content text color.
/// @group imageeditor
$kendo-image-editor-content-text: inherit !default;
/// Imageeditor content border color.
/// @group imageeditor
$kendo-image-editor-content-border: inherit !default;
/// Imageeditor content border width.
/// @group imageeditor
$kendo-image-editor-content-border-width: 0 !default;

/// Imageeditor action pane background color.
/// @group imageeditor
$kendo-image-editor-action-pane-bg: var( --kendo-component-bg, inherit ) !default;
/// Imageeditor action pane text color.
/// @group imageeditor
$kendo-image-editor-action-pane-text: inherit !default;
/// Imageeditor action pane border.
/// @group imageeditor
$kendo-image-editor-action-pane-border: inherit !default;
/// Imageeditor action pane vertical padding.
/// @group imageeditor
$kendo-image-editor-action-pane-padding-y: k-spacing(3) !default;
/// Imageeditor action pane horizontal padding.
/// @group imageeditor
$kendo-image-editor-action-pane-padding-x: k-spacing(3) !default;
/// Imageeditor action pane width.
/// @group imageeditor
$kendo-image-editor-action-pane-width: if( $kendo-image-editor-content-border-width == 0, 270px, calc( 270px + #{$kendo-image-editor-content-border-width}) ) !default;

/// Crop background color of the imageeditor.
/// @group imageeditor
$kendo-image-editor-crop-bg: inherit !default;
/// Crop text color of the imageeditor.
/// @group imageeditor
$kendo-image-editor-crop-text: inherit !default;
/// Crop border color of the imageeditor.
/// @group imageeditor
$kendo-image-editor-crop-border: if($kendo-enable-color-system, k-color( app-surface ), $kendo-color-white) !default;
/// Crop overlay background color of the imageeditor.
/// @group imageeditor
$kendo-image-editor-crop-overlay-bg: rgba( $kendo-color-black, .3 ) !default;
/// Crop border width of the imageeditor.
/// @group imageeditor
$kendo-image-editor-crop-border-width: 1px !default;
/// Crop border style of the imageeditor.
/// @group imageeditor
$kendo-image-editor-crop-border-style: dashed !default;

/// Imageeditor resize handle horizontal margin.
/// @group imageeditor
$kendo-image-editor-resize-handle-margin-x: k-spacing(1px) !default;
/// Imageeditor resize handle vertical margin.
/// @group imageeditor
$kendo-image-editor-resize-handle-margin-y: k-spacing(1px) !default;
/// Imageeditor resize handle border width.
/// @group imageeditor
$kendo-image-editor-resize-handle-border-width: 0 2px 2px 0 !default;
/// Imageeditor resize handle size.
/// @group imageeditor
$kendo-image-editor-resize-handle-size: k-spacing(4) !default;
/// Imageeditor resize handle top offset.
/// @group imageeditor
$kendo-image-editor-resize-top-offset: calc( #{$kendo-image-editor-resize-handle-size} / 2 ) !default;
/// Imageeditor resize handle left offset.
/// @group imageeditor
$kendo-image-editor-resize-left-offset: calc( #{$kendo-image-editor-resize-handle-size} / 2 ) !default;