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

/// The border width of the Gantt.
/// @group gantt
$kendo-gantt-border-width: 1px !default;
/// The font family of the Gantt.
/// @group gantt
$kendo-gantt-font-family: var( --kendo-font-family, initial ) !default;
/// The font size of the Gantt.
/// @group gantt
$kendo-gantt-font-size: var( --kendo-font-size, initial ) !default;
/// The line height of the Gantt.
/// @group gantt
$kendo-gantt-line-height: var( --kendo-line-height, initial ) !default;
/// The background color of the Gantt.
/// @group gantt
$kendo-gantt-bg: var( --kendo-component-bg, inherit ) !default;
/// The text color of the Gantt.
/// @group gantt
$kendo-gantt-text: var( --kendo-component-text, inherit ) !default;
/// The border color of the Gantt.
/// @group gantt
$kendo-gantt-border: var( --kendo-component-border, inherit ) !default;

/// The background color of the Gantt non-working days.
/// @group gantt
$kendo-gantt-nonwork-bg: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 4%, transparent), rgba( $kendo-color-black, .04 )) !default;
/// The text color of the Gantt non-working days.
/// @group gantt
$kendo-gantt-nonwork-text: inherit !default;
/// The border color of the Gantt non-working days.
/// @group gantt
$kendo-gantt-nonwork-border: inherit !default;

/// The size of the Gantt connecting lines.
/// @group gantt
$kendo-gantt-line-size: 2px !default;
/// The background fill color of the Gantt connecting lines.
/// @group gantt
$kendo-gantt-line-fill: black !default;
/// The background fill of the selected Gantt connecting lines.
/// @group gantt
$kendo-gantt-line-selected-fill: if($kendo-enable-color-system, k-color( primary-active ), k-get-theme-color-var( primary-120 )) !default;

/// The size of the Gantt task dot.
/// @group gantt
$kendo-gantt-dot-size: 8px !default;
/// The spacing of the Gantt task dot.
/// @group gantt
$kendo-gantt-dot-spacing: k-spacing(0.5) !default;
/// The background color of the Gantt task dot.
/// @group gantt
$kendo-gantt-dot-bg: if($kendo-enable-color-system, k-color( on-app-surface ), $kendo-color-black) !default;
/// The border color of the Gantt task dot.
/// @group gantt
$kendo-gantt-dot-border: if($kendo-enable-color-system, k-color( on-app-surface ), $kendo-color-black) !default;
/// The background color of the hovered Gantt task dot.
/// @group gantt
$kendo-gantt-dot-hover-bg: if($kendo-enable-color-system, k-color( app-surface ), $kendo-color-white) !default;
/// The border color of the hovered Gantt task dot.
/// @group gantt
$kendo-gantt-dot-hover-border: if($kendo-enable-color-system, k-color( on-app-surface ), $kendo-color-black) !default;

/// The background color of the Gantt milestone.
/// @group gantt
$kendo-gantt-milestone-bg: $kendo-gantt-text !default;
/// The border color of the Gantt milestone.
/// @group gantt
$kendo-gantt-milestone-border: $kendo-gantt-text !default;
/// The background color of the selected Gantt milestone.
/// @group gantt
$kendo-gantt-milestone-selected-bg: if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 )) !default;
/// The border color of the selected Gantt milestone.
/// @group gantt
$kendo-gantt-milestone-selected-border: if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 )) !default;

/// The background color of the Gantt summary.
/// @group gantt
$kendo-gantt-summary-bg: if($kendo-enable-color-system, k-color( subtle ), k-get-theme-color-var( neutral-110 )) !default;
/// The background color of the Gantt summary progress.
/// @group gantt
$kendo-gantt-summary-progress-bg: if($kendo-enable-color-system, k-color( on-app-surface ), k-get-theme-color-var( neutral-160 )) !default;
/// The background color of the selected Gantt summary.
/// @group gantt
$kendo-gantt-summary-selected-bg: if($kendo-enable-color-system, k-color( primary-subtle-active ), k-get-theme-color-var( primary-50 )) !default;
/// The background color of the selected Gantt summary progress.
/// @group gantt
$kendo-gantt-summary-progress-selected-bg: if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 )) !default;

/// The border width of the Gantt task.
/// @group gantt
$kendo-gantt-task-border-width: 0px !default;
/// The horizontal padding of the Gantt task.
/// @group gantt
$kendo-gantt-task-padding-x: k-spacing(2) !default;
/// The vertical padding of the Gantt task.
/// @group gantt
$kendo-gantt-task-padding-y: k-spacing(1) !default;
/// The background color of the Gantt task.
/// @group gantt
$kendo-gantt-task-bg: if($kendo-enable-color-system, k-color( subtle ), k-get-theme-color-var( neutral-110 )) !default;
/// The text color of the Gantt task.
/// @group gantt
$kendo-gantt-task-text: if($kendo-enable-color-system, k-color( app-surface ), $kendo-color-white) !default;
/// The border color of the Gantt task.
/// @group gantt
$kendo-gantt-task-border: inherit !default;
/// The background color of the Gantt task progress.
/// @group gantt
$kendo-gantt-task-progress-bg: if($kendo-enable-color-system, k-color( on-app-surface ), k-get-theme-color-var( neutral-160 )) !default;
/// The background color of the hovered Gantt task progress.
/// @group gantt
$kendo-gantt-task-progress-hover-bg: if($kendo-enable-color-system, k-color( on-app-surface ), k-get-theme-color-var( neutral-160 )) !default;
/// The background color of selected the Gantt task.
/// @group gantt
$kendo-gantt-task-selected-bg: if($kendo-enable-color-system, k-color( primary-subtle-active ), k-get-theme-color-var( primary-50 )) !default;
/// The text color of the selected Gantt task.
/// @group gantt
$kendo-gantt-task-selected-text: if($kendo-enable-color-system, k-color( app-surface ), $kendo-color-white) !default;
/// The border color of the selected Gantt task.
/// @group gantt
$kendo-gantt-task-selected-border: transparent !default;
/// The background color of the selected Gantt task progress.
/// @group gantt
$kendo-gantt-task-progress-selected-bg: if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 )) !default;

/// The vertical padding of the Gantt task actions.
/// @group gantt
$kendo-gantt-task-actions-padding-y: k-spacing(1) !default;
/// The horizontal padding of the Gantt task actions.
/// @group gantt
$kendo-gantt-task-actions-padding-x: k-spacing(2) !default;

/// The vertical margin of the Gantt task planned line.
/// @group gantt
$kendo-gantt-planned-margin-y: .45em !default;
/// The border width of the Gantt task planned line.
/// @group gantt
$kendo-gantt-planned-border-width: 2px !default;
/// The line height of the Gantt task planned line.
/// @group gantt
$kendo-gantt-planned-line-height: .85em !default;

/// The vertical margin of the Gantt planned dependencies.
/// @group gantt
$kendo-gantt-planned-dependency-margin-y: .65em !default;

/// The default width of the Gantt planned line dot.
/// @group gantt
$kendo-gantt-planned-moment-width: 6px !default;
/// The default height of the Gantt planned line dot.
/// @group gantt
$kendo-gantt-planned-moment-height: $kendo-gantt-planned-moment-width !default;
/// The border radius of the Gantt planned line dot.
/// @group gantt
$kendo-gantt-planned-moment-border-radius: calc( ( #{$kendo-gantt-planned-border-width * 2} + #{$kendo-gantt-planned-moment-width} ) / 2 ) !default;
/// The horizontal margin of the Gantt planned line dot.
/// @group gantt
$kendo-gantt-planned-moment-left-margin-x: calc( #{$kendo-gantt-planned-border-width} / 2 - #{$kendo-gantt-planned-moment-border-radius} ) !default;
/// The horizontal margin of the Gantt milestone planned line dot.
/// @group gantt
$kendo-gantt-planned-milestone-moment-margin-x: math.div( $kendo-gantt-planned-moment-width, 2 ) !default;

/// The default height of the Gantt planned line.
/// @group gantt
$kendo-gantt-planned-duration-height: $kendo-gantt-planned-border-width !default;
/// The height of the hovered Gantt planned line.
/// @group gantt
$kendo-gantt-planned-duration-hover-height: calc( #{$kendo-gantt-planned-border-width} + 1px ) !default;

/// The top position of the Gantt drag hint.
/// @group gantt
$kendo-gantt-planned-single-drag-hint-top: 0 !default;
/// The top position of the Gantt summary drag hint.
/// @group gantt
$kendo-gantt-planned-summary-drag-hint-top: .5em !default;
/// The top position of the Gantt planned milestone drag hint.
/// @group gantt
$kendo-gantt-planned-milestone-drag-hint-top: .3em !default;

/// The horizontal offset of the Gantt delayed task resize handler.
/// @group gantt
$kendo-gantt-planned-offset-resize-handler-margin-x: 1.4em !default;

/// The text color of the Gantt planned Tooltip.
/// @group gantt
$kendo-gantt-planned-text: if($kendo-enable-color-system, k-color( app-surface ), $kendo-color-white) !default;
/// The background color of the Gantt planned Tooltip.
/// @group gantt
$kendo-gantt-planned-bg: if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 )) !default;
/// The border color of the Gantt planned Tooltip.
/// @group gantt
$kendo-gantt-planned-border: if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 )) !default;

/// The text color of the Gantt delayed task.
/// @group gantt
$kendo-gantt-delayed-text: if($kendo-enable-color-system, k-color( app-surface ), $kendo-color-white) !default;
/// The background color of the Gantt delayed task.
/// @group gantt
$kendo-gantt-delayed-bg: if($kendo-enable-color-system, k-color( error-emphasis ), k-get-theme-color-var( error-160 )) !default;
/// The complement background color of the Gantt delayed task.
/// @group gantt
$kendo-gantt-delayed-bg-lighter: if($kendo-enable-color-system, k-color( error ), k-get-theme-color-var( error-110)) !default;
/// The background color of the hovered Gantt delayed task.
/// @group gantt
$kendo-gantt-delayed-hover-bg: if($kendo-enable-color-system, k-color( error-on-subtle ), k-get-theme-color-var( error-190 )) !default;

/// The background color of the Gantt advanced task.
/// @group gantt
$kendo-gantt-advanced-bg: if($kendo-enable-color-system, k-color( success-emphasis ), k-get-theme-color-var( success-160 )) !default;
/// The complement background color of the Gantt advanced task.
/// @group gantt
$kendo-gantt-advanced-bg-lighter: if($kendo-enable-color-system, k-color( success ), k-get-theme-color-var( success-110 )) !default;
/// The background color of the hovered Gantt advanced task.
/// @group gantt
$kendo-gantt-advanced-hover-bg: if($kendo-enable-color-system, k-color( success-on-subtle ), k-get-theme-color-var( success-190 )) !default;

/// The text color of the Gantt delayed task action.
/// @group gantt
$kendo-gantt-action-on-offset-text: if($kendo-enable-color-system, k-color( on-app-surface ), $kendo-color-black) !default;
/// The top position of the Gantt delayed task resize handler.
/// @group gantt
$kendo-gantt-offset-resize-handler-top: 50% !default;

/// The default width of the Gantt validation Tooltip.
/// @group gantt
$kendo-gantt-validation-tooltip-width: 200px !default;
/// The default width of the Gantt validation Tooltip label.
/// @group gantt
$kendo-gantt-validation-tooltip-label-width: 50px !default;
/// The border color of the Gantt validation Tooltip.
/// @group gantt
$kendo-gantt-validation-tooltip-border: var( --kendo-component-border, inherit ) !default;
/// The border color of the valid Gantt validation Tooltip.
/// @group gantt
$kendo-gantt-validation-tooltip-valid-border: if($kendo-enable-color-system, k-color( success ), k-get-theme-color-var( success-100 )) !default;
/// The border color of the invalid Gantt validation Tooltip.
/// @group gantt
$kendo-gantt-validation-tooltip-invalid-border: if($kendo-enable-color-system, k-color( error ), k-get-theme-color-var( error-100 )) !default;