@bryntum/scheduler-thin-trial 7.2.4 → 7.3.0

package/scheduler.css

@@ -723,6 +723,7 @@ div.b-resource-info {
   --b-time-range-line-primary: var(--b-color-amber);
   --b-time-range-line-label-color: #fff;
   --b-current-time-color: var(--b-color-deep-orange);
+  --b-mouse-indicator-zindex: 15;
 }
 .b-colorize {
   --b-time-range-header-background: var(--b-primary-75);
@@ -749,6 +750,7 @@ div.b-resource-info {
   align-items: center;
   justify-content: center;
   bottom: 0;
+  white-space: nowrap;
   background: var(--b-time-range-header-background);
   color: var(--b-time-range-color);
   font-weight: var(--b-time-range-header-font-weight);
@@ -771,6 +773,12 @@ div.b-resource-info {
   z-index: calc(var(--b-time-range-range-zindex) + 1);
   --b-primary: var(--b-current-time-color);
 }
+.b-time-ranges-header-canvas.b-interactive .b-sch-time-range:not(.b-read-only) {
+  cursor: pointer;
+}
+.b-time-ranges-header-canvas.b-interactive .b-sch-time-range:not(.b-read-only).b-over-resize-handle {
+  cursor: ew-resize;
+}
 .b-time-ranges-body-canvas {
   display: contents;
 }
@@ -817,6 +825,26 @@ div.b-resource-info {
 .b-timeline-sub-grid .b-sch-current-time {
   --b-primary: var(--b-current-time-color);
 }
+.b-sch-line.b-sch-mouse-indicator {
+  pointer-events: none;
+  transition: none !important;
+  z-index: var(--b-mouse-indicator-zindex);
+  --b-primary: var(--b-mouse-indicator-color, var(--b-color-blue));
+  --b-time-range-line-color: var(--b-primary-85);
+  --b-time-range-line-opacity: 1;
+  --b-time-range-header-background: var(--b-primary);
+  --b-time-range-line-header-background: var(--b-primary);
+  --b-time-range-color: #fff;
+  --b-time-range-header-font-size: 0.8em;
+  --b-time-range-header-font-weight: 500;
+  --b-time-range-line-width: 1px;
+}
+.b-time-ranges-header-canvas .b-sch-mouse-indicator {
+  height: auto;
+  padding: 0.2em 0.6em;
+  border-radius: var(--b-time-range-line-header-border-radius);
+  translate: -50%;
+}
 .b-timeline-base:not(.b-sch-vertical) .b-time-ranges-header-canvas .b-sch-line {
   padding-inline: var(--b-time-range-line-header-padding-inline);
   border-start-end-radius: var(--b-time-range-line-header-border-radius);
@@ -827,6 +855,9 @@ div.b-resource-info {
   border-start-start-radius: var(--b-time-range-line-header-border-radius);
   border-end-start-radius: var(--b-time-range-line-header-border-radius);
 }
+.b-sch-vertical .b-time-ranges-header-canvas .b-sch-mouse-indicator {
+  translate: 0 -50%;
+}
 .b-sch-vertical .b-sch-time-range {
   inset-inline-start: auto;
   inset-block-start: 0;
@@ -1512,6 +1543,10 @@ div.b-resource-info {
   cursor: pointer;
   background: var(--b-grid-header-hover-background);
 }
+.b-resource-header-cell:focus-visible {
+  outline: var(--b-widget-focus-outline-width) solid var(--b-widget-focus-outline-color);
+  outline-offset: calc(var(--b-widget-focus-outline-width) * -1);
+}
 .b-resource-header-cell.b-align-start,
 .b-resource-header-cell.b-align-end {
   padding-inline: 0.3em;
@@ -1553,7 +1588,6 @@ div.b-resource-info {
 }
 .b-time-axis-cell:not(.b-group-title) {
   --b-grid-cell-padding-inline: 0;
-  --b-grid-cell-focused-outline-width: 0;
 }
 .b-sch-canvas {
   position: absolute;
@@ -1567,6 +1601,11 @@ div.b-resource-info {
 .b-time-axis-sub-grid .b-sch-foreground-canvas {
   z-index: var(--b-events-zindex);
 }
+.b-wheel-zooming .b-sch-event-wrap,
+.b-wheel-zooming .b-gantt-task-wrap,
+.b-wheel-zooming svg rect {
+  pointer-events: none;
+}
 .b-sch-top-canvas {
   z-index: var(--b-top-canvas-zindex);
 }
@@ -2107,9 +2146,6 @@ div.b-resource-info {
   --b-date-picker-cell-badge-background: var(--b-color-red);
   --b-date-picker-cell-badge-color: #fff;
   --b-date-picker-cell-badge-size: 1.7em;
-  --b-date-picker-1-to-3-events-color: var(--b-color-yellow);
-  --b-date-picker-4-to-6-events-color: var(--b-color-orange);
-  --b-date-picker-7-or-more-events-color: var(--b-color-red);
   --b-date-picker-dots-padding-bottom: 0.75em;
 }
 .b-date-picker .b-cell-events-badge {
@@ -2123,14 +2159,6 @@ div.b-resource-info {
   color: var(--b-date-picker-cell-badge-color);
   width: var(--b-date-picker-cell-badge-size);
 }
-.b-date-picker .b-calendar-panel-cell.b-date-picker-1-to-3-events:hover,
-.b-date-picker .b-calendar-panel-cell.b-date-picker-4-to-6-events:hover,
-.b-date-picker .b-calendar-panel-cell.b-date-picker-7-or-more-events:hover {
-  border-radius: 0;
-}
-:is(.b-date-picker .b-calendar-panel-cell.b-date-picker-1-to-3-events:hover, .b-date-picker .b-calendar-panel-cell.b-date-picker-4-to-6-events:hover, .b-date-picker .b-calendar-panel-cell.b-date-picker-7-or-more-events:hover) .b-calendar-cell-inner {
-  background-color: var(--b-year-view-heatmap-hover-background, var(--b-primary-75));
-}
 .b-date-picker .b-calendar-panel-cell.b-has-bullet .b-date-picker-cell-inner {
   justify-content: flex-start;
   padding-top: 2px;
@@ -2142,17 +2170,13 @@ div.b-resource-info {
   justify-content: flex-start;
   padding-top: 2px;
 }
-.b-date-picker .b-show-events-heatmap .b-calendar-panel-cell:not(:hover) {
-  --b-date-picker-heatmap-background: var(--b-neutral-95);
+.b-date-picker .b-show-events-heatmap .b-calendar-panel-cell:not(:hover) .b-date-picker-cell-inner {
+  --bi-input: clamp(0, (var(--bi-event-count) - 1) / 9, 1);
+  --bi-bg-color: color-mix( in oklab, var(--b-heatmap-end) calc(var(--bi-input) * 100%), var(--b-heatmap-start) calc((1 - var(--bi-input)) * 100%) );
 }
-.b-date-picker .b-show-events-heatmap .b-calendar-panel-cell:not(:hover).b-date-picker-1-to-3-events .b-date-picker-cell-inner {
-  background: color-mix(in srgb, var(--b-date-picker-1-to-3-events-color), var(--b-date-picker-heatmap-background));
-}
-.b-date-picker .b-show-events-heatmap .b-calendar-panel-cell:not(:hover).b-date-picker-4-to-6-events .b-date-picker-cell-inner {
-  background: color-mix(in srgb, var(--b-date-picker-4-to-6-events-color), var(--b-date-picker-heatmap-background));
-}
-.b-date-picker .b-show-events-heatmap .b-calendar-panel-cell:not(:hover).b-date-picker-7-or-more-events .b-date-picker-cell-inner {
-  background: color-mix(in srgb, var(--b-date-picker-7-or-more-events-color), var(--b-date-picker-heatmap-background));
+.b-date-picker .b-show-events-heatmap .b-calendar-panel-cell:not(:hover) .b-date-picker-cell-inner:not([data-event-count="0"]) {
+  background-color: var(--bi-bg-color);
+  font-weight: calc(var(--b-calendar-panel-cell-font-weight) + 100);
 }
 .b-date-picker .b-show-events-dots .b-calendar-panel-cell {
   --bi-extra-cell-padding: calc(var(--bi-event-count-margin-top) + var(--bi-event-count-dot-size));
@@ -2734,6 +2758,10 @@ div.b-resource-info {
 }
 
 /* lib/Scheduler/view/TimelineHistogram.css */
+:root,
+:host {
+  --b-timeline-histogram-transition-duration: var(--b-histogram-transition-duration);
+}
 .b-timeline-histogram {
   --b-non-working-time-zindex: calc(var(--b-column-lines-zindex) + 3);
 }
@@ -2751,6 +2779,73 @@ div.b-resource-info {
   padding: 0;
   background-color: transparent;
 }
+.b-histogram-canvas {
+  position: absolute;
+  top: 0;
+  inset-inline-start: 0;
+  pointer-events: none;
+  overflow: visible;
+  width: var(--bi-total-column-width);
+  z-index: calc(var(--b-column-lines-zindex) + 3);
+}
+.b-histogram-canvas > g {
+  contain: unset;
+}
+.b-histogram-canvas * {
+  vector-effect: non-scaling-stroke;
+}
+.b-histogram-canvas .b-histogram rect,
+.b-histogram-canvas .b-histogram path {
+  transition: none;
+}
+.b-animating .b-histogram-canvas .b-histogram rect {
+  transition-property:
+    x,
+    y,
+    width,
+    height,
+    fill;
+  transition-duration: var(--b-timeline-histogram-transition-duration);
+}
+@starting-style {
+  .b-animating .b-histogram-canvas .b-histogram rect {
+    y: 1;
+    height: 0;
+  }
+}
+.b-animating .b-histogram-canvas .b-histogram rect.b-removing {
+  y: 1;
+  height: 0;
+}
+.b-animating .b-histogram-canvas .b-histogram path {
+  transition-property: d;
+  transition-duration: var(--b-timeline-histogram-transition-duration);
+}
+.b-histogram-canvas > g.b-histogram.b-toggle-remove > * {
+  transition: fill-opacity var(--b-default-transition-duration), stroke-opacity var(--b-default-transition-duration);
+  fill-opacity: 0;
+  stroke-opacity: 0;
+}
+.b-histogram-canvas > g.b-histogram.b-toggle-add > * {
+  animation: b-histogram-toggle-add var(--b-default-transition-duration);
+}
+.b-histogram-canvas rect {
+  pointer-events: visiblePainted;
+}
+.b-histogram-canvas-ghost {
+  pointer-events: none;
+  transition: opacity 300ms ease-out;
+}
+@keyframes b-histogram-toggle-add {
+  from {
+    fill-opacity: 0;
+    stroke-opacity: 0;
+  }
+  to {
+    fill-opacity: 1;
+    stroke-opacity: 1;
+  }
+}
 
 /* build/temp-entry-Scheduler.css */
 /*# sourceMappingURL=scheduler.css.map */