@syncfusion/ej2-angular-schedule 20.2.43-ngcc → 20.2.45

package/styles/schedule/_theme.scss

@@ -0,0 +1,503 @@
+@include export-module('schedule-theme') {
+
+  /*! schedule component theme */
+  .e-schedule {
+    background-color: $schedule-header-bg-color;
+    border: $border-size $border-type $schedule-content-border-color;
+
+    .e-date-header-wrap {
+      border-color: $schedule-header-border-color;
+      border-style: $border-type;
+      border-width: 0;
+      position: relative;
+    }
+
+    .e-header-calendar {
+      @if ($schedule-skin == 'tailwind' or $schedule-skin == 'bootstrap5' or $schedule-skin == 'FluentUI') {
+        background-color: $schedule-calendar-background;
+        box-shadow: $schedule-popup-box-shadow-1;
+      }
+    }
+
+    .e-vertical-view {
+      .e-date-header-wrap table tbody td:first-child,
+      .e-content-wrap table td:first-child {
+        border-left-width: 0;
+      }
+
+      .e-date-header-wrap {
+        .e-all-day-cells {
+          background-color: $schedule-header-bg-color;
+
+          &:hover {
+            background: $schedule-hover-bg-color;
+          }
+        }
+      }
+
+      .e-left-indent-wrap table tbody td {
+        background-color: $schedule-header-bg-color;
+        border-color: $schedule-header-border-color;
+        border-style: $border-type;
+        border-width: 0 1px 1px 0;
+        color: $schedule-header-font-color;
+
+        &.e-header-cells {
+          border-bottom-width: 0;
+
+          &.e-week-number {
+            color: $schedule-secondary-content-font-color;
+            font-size: $schedule-date-header-wrap-nrml-font-size;
+            padding-top: 10px;
+            text-align: center;
+            vertical-align: top;
+          }
+        }
+
+        &.e-resource-cells {
+          border-bottom-color: transparent;
+        }
+      }
+
+      .e-date-header-wrap table tbody td {
+        background-color: $schedule-header-bg-color;
+        border-color: $schedule-header-border-color;
+        border-style: $border-type;
+        border-width: $schedule-vertical-work-cells-border;
+        color: $schedule-header-font-color;
+
+        &.e-header-cells {
+          border-bottom-width: 0;
+        }
+      }
+
+      .e-time-cells-wrap table td {
+        background-color: $schedule-header-bg-color;
+        border-color: $schedule-content-border-color;
+        border-style: $border-type;
+        border-width: 0 1px 1px 0;
+        color: $schedule-secondary-content-font-color;
+        @if ($schedule-skin == 'bootstrap4') {
+          color: $schedule-primary-content-font-color;
+        }
+        @if ($schedule-skin == 'tailwind') {
+          background-color: $schedule-tbar-default-bg;
+        }
+        @if ($schedule-skin == 'bootstrap5') {
+          background-color: $schedule-vertical-time-slot-color;
+        }
+      }
+
+      .e-time-cells-wrap table td {
+        border-bottom-color: transparent;
+      }
+
+      .e-time-cells-wrap .e-time-cells {
+        @if ($schedule-skin != 'tailwind' and $schedule-skin != 'bootstrap5') {
+          border-bottom-color: $schedule-content-border-color;
+        }
+      }
+
+      .e-header-cells {
+        background-color: $schedule-header-bg-color;
+
+        &.e-current-day {
+          color: $schedule-active-font-color;
+          @if ($schedule-skin == 'tailwind') {
+            font-weight: 500;
+          }
+        }
+      }
+
+      .e-work-cells {
+        background-color: $schedule-work-cells-bg-color;
+        border-color: $schedule-content-border-color;
+        border-style: $border-type;
+        border-width: $schedule-vertical-work-cells-border;
+        padding: 0;
+
+        &:hover {
+          background: $schedule-hover-bg-color;
+          color: $schedule-hover-font-color;
+        }
+      }
+
+      .e-alternate-cells {
+        border-bottom-style: $schedule-alternate-cell-border;
+      }
+
+      .e-work-hours {
+        background-color: $schedule-workhour-bg-color;
+      }
+
+      .e-all-day-cells {
+        background-color: $schedule-header-bg-color;
+
+        &.e-current-day {
+          color: $schedule-active-font-color;
+        }
+
+        &.e-selected-cell {
+          background-color: $schedule-select-bg-color;
+          color: $schedule-hover-font-color;
+
+          &:hover {
+            background-color: $schedule-select-bg-color;
+            @if ($schedule-skin == 'bootstrap5') {
+              color: $schedule-active-color;
+            }
+          }
+        }
+      }
+
+      .e-selected-cell {
+        background-color: $schedule-select-bg-color;
+        color: $schedule-hover-font-color;
+
+        &:hover {
+          background-color: $schedule-select-bg-color;
+          @if ($schedule-skin == 'bootstrap5') {
+            color: $schedule-active-color;
+          }
+        }
+      }
+
+      .e-clone-time-indicator,
+      .e-current-time {
+        color: $schedule-active-font-color;
+      }
+
+      .e-current-timeline {
+        border-top: 1px $border-type $schedule-active-border-color;
+      }
+
+      .e-previous-timeline {
+        border-top: 1px dotted $schedule-active-border-color;
+      }
+
+      &.e-by-date {
+        .e-date-header-wrap table tbody td {
+          &.e-header-cells {
+            border-bottom-width: 1px;
+          }
+        }
+      }
+    }
+
+    .e-month-view {
+      .e-date-header-wrap table td:first-child,
+      .e-content-wrap table td:first-child {
+        border-left-width: 0;
+      }
+    }
+
+    .e-month-view,
+    .e-month-agenda-view {
+      .e-date-header-wrap table td {
+        background-color: $schedule-header-bg-color;
+        border-color: $schedule-header-border-color;
+        border-style: $border-type;
+        border-width: $schedule-month-work-cells-border;
+        color: $schedule-header-font-color;
+
+        @if ($schedule-skin == 'tailwind') {
+          font-size: 12px;
+          text-align: center;
+          text-transform: uppercase;
+        }
+
+        &.e-current-day {
+          color: $schedule-active-font-color;
+          @if ($schedule-skin == 'tailwind') {
+            font-weight: 500;
+          }
+        }
+      }
+
+      .e-work-cells {
+        background-color: $schedule-work-cells-bg-color;
+        border-color: $schedule-content-border-color;
+        border-style: $border-type;
+        border-width: $schedule-month-work-cells-border;
+        color: $schedule-primary-content-font-color;
+        padding: 0;
+
+        &:hover {
+          background: $schedule-hover-bg-color;
+          color: $schedule-hover-font-color;
+          @if ($schedule-skin == 'bootstrap5') {
+            color: $schedule-select-font-color;
+          }
+        }
+      }
+
+      .e-work-days {
+        background-color: $schedule-workhour-bg-color;
+      }
+
+      .e-other-month {
+        color: $schedule-secondary-content-font-color;
+      }
+
+      .e-current-date .e-date-header {
+        background-color: $schedule-current-date-bg-color;
+        border-radius: 50%;
+        color: $schedule-active-color;
+        width: 20px;
+        @if ($schedule-skin == 'highcontrast') {
+          color: $schedule-active-font-color;
+        }
+      }
+
+      .e-selected-cell {
+        background-color: $schedule-select-bg-color;
+        color: $schedule-select-font-color;
+
+        .e-date-header {
+          @if ($schedule-skin == 'highcontrast') {
+            color: $schedule-select-font-color;
+          }
+        }
+
+        .e-more-indicator {
+          color: $schedule-select-font-color;
+        }
+
+        &:hover {
+          background-color: $schedule-select-bg-color;
+        }
+      }
+    }
+
+    .e-month-agenda-view {
+      .e-date-header-wrap table td {
+        border-width: $schedule-month-agenda-header-cells-border;
+        text-align: center;
+      }
+
+      .e-work-cells {
+        border-width: $schedule-month-agenda-work-cells-border;
+      }
+
+      .e-current-date .e-date-header {
+        width: 24px;
+      }
+    }
+
+    .e-timeline-view,
+    .e-timeline-month-view {
+      .e-date-header-wrap table td:first-child,
+      .e-content-wrap table td:first-child {
+        border-left-width: 0;
+      }
+
+      .e-content-wrap table tr:last-child td {
+        border-bottom-width: 0;
+      }
+
+      .e-date-header-wrap table td {
+        background-color: $schedule-header-bg-color;
+        border-color: $schedule-header-border-color;
+        border-style: $border-type;
+        border-width: $schedule-timeline-work-cells-border;
+        color: $schedule-header-font-color;
+
+        &.e-current-day {
+          color: $schedule-active-font-color;
+          @if ($schedule-skin == 'tailwind') {
+            font-weight: 500;
+          }
+        }
+      }
+
+      .e-work-cells {
+        background-color: $schedule-work-cells-bg-color;
+        border-color: $schedule-content-border-color;
+        border-style: $border-type;
+        border-width: $schedule-timeline-work-cells-border;
+        color: $schedule-primary-content-font-color;
+        padding: 0;
+
+        &:hover:not(.e-resource-group-cells) {
+          background: $schedule-hover-bg-color;
+          color: $schedule-hover-font-color;
+        }
+      }
+
+      &.e-virtual-mask .e-work-cells:hover {
+        background-color: $schedule-disable-dates-color;
+      }
+
+      .e-work-days {
+        background-color: $schedule-workhour-bg-color;
+      }
+
+      .e-resource-group-cells {
+        background-color: $schedule-work-cells-bg-color;
+      }
+
+      .e-selected-cell {
+        background-color: $schedule-select-bg-color;
+        color: $schedule-select-font-color;
+
+        &:hover:not(.e-resource-group-cells)  {
+          background-color: $schedule-select-bg-color;
+        }
+      }
+    }
+
+    .e-timeline-view {
+      .e-work-hours {
+        background-color: $schedule-workhour-bg-color;
+      }
+
+      .e-resource-group-cells {
+        background-color: $schedule-work-cells-bg-color;
+      }
+
+      .e-selected-cell {
+        background-color: $schedule-select-bg-color;
+        color: $schedule-hover-font-color;
+
+        &:hover {
+          background-color: $schedule-select-bg-color;
+        }
+      }
+
+      .e-alternate-cells {
+        border-left-style: $schedule-alternate-cell-border;
+      }
+
+      .e-header-row .e-time-cells {
+        border-left-width: 0;
+      }
+
+      .e-clone-time-indicator,
+      .e-current-time {
+        color: $schedule-active-font-color;
+        font-size: $schedule-current-time-nrml-font-size;
+      }
+
+      .e-current-timeline {
+        border-left: 1px $border-type $schedule-active-border-color;
+      }
+    }
+
+    #{if(&, '&', '*')}.e-rtl {
+      .e-vertical-view {
+        .e-date-header-wrap table tbody td:first-child,
+        .e-content-wrap table td:first-child {
+          border-right-width: 0;
+        }
+
+        .e-date-header-wrap table tbody td,
+        .e-work-cells {
+          border-width: $schedule-rtl-vertical-work-cells-border;
+        }
+
+        .e-left-indent-wrap .e-header-cells,
+        .e-date-header-wrap .e-header-cells {
+          border-bottom-width: 0;
+        }
+
+        .e-left-indent-wrap table tbody td,
+        .e-time-cells-wrap table tbody td {
+          border-width: 0 0 1px 1px;
+        }
+      }
+
+      .e-month-view {
+        .e-date-header-wrap table td:first-child,
+        .e-content-wrap table td:first-child {
+          border-right-width: 0;
+        }
+
+        .e-date-header-wrap table td {
+          border-width: $schedule-rtl-month-work-cells-border;
+        }
+      }
+
+      .e-month-view,
+      .e-month-agenda-view {
+        .e-work-cells {
+          border-width: $schedule-rtl-month-work-cells-border;
+        }
+      }
+
+      .e-month-agenda-view {
+        .e-work-cells {
+          border-width: $schedule-rtl-month-agenda-work-cells-border;
+        }
+      }
+
+      .e-timeline-view,
+      .e-timeline-month-view {
+        .e-date-header-wrap table td:first-child,
+        .e-content-wrap table td:first-child {
+          border-right-width: 0;
+        }
+
+        .e-date-header-wrap table td:last-child,
+        .e-content-wrap table td:last-child {
+          border-left-width: 0;
+        }
+
+        .e-date-header-wrap table td,
+        .e-content-wrap table td {
+          border-width: $schedule-rtl-timeline-work-cells-border;
+        }
+      }
+
+      .e-timeline-view {
+        .e-alternate-cells {
+          border-right-style: $schedule-alternate-cell-border;
+        }
+
+        .e-header-row .e-time-cells {
+          border-right-width: 0;
+        }
+      }
+    }
+  }
+
+  .e-tooltip-wrap.e-schedule-error {
+    background-color: $schedule-val-error-bg-color;
+    border-color: $schedule-val-error-bg-color;
+    z-index: 1000;
+
+    .e-arrow-tip.e-tip-top {
+      left: 44%;
+    }
+
+    .e-arrow-tip-inner.e-tip-top,
+    .e-arrow-tip-outer.e-tip-top {
+      border-bottom: 8px solid $schedule-val-error-bg-color;
+      color: $schedule-val-error-bg-color;
+    }
+
+    .e-arrow-tip-outer.e-tip-bottom,
+    .e-arrow-tip-inner.e-tip-bottom {
+      border-top: 8px solid $schedule-val-error-bg-color;
+      color: $schedule-val-error-bg-color;
+    }
+
+    .e-tip-content {
+      padding: 3px 6px;
+    }
+
+    @if ($schedule-skin == 'bootstrap4') {
+      .e-tip-content {
+        padding: 4px 8px 0;
+      }
+
+      .e-arrow-tip {
+        overflow: visible;
+      }
+    }
+
+    .e-tip-content,
+    .e-tip-content label {
+      color: $schedule-val-error-color;
+    }
+  }
+}

package/styles/schedule/bootstrap-dark.css

@@ -411,7 +411,7 @@
 }
 .e-schedule .e-content-wrap,
 .e-schedule .e-scroll-container {
-  -webkit-overflow-scrolling: touch;
+  -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
   overflow: auto;
 }
 .e-schedule .e-hide-childs > * {
@@ -586,7 +586,7 @@
 }
 .e-schedule .e-vertical-view.e-timescale-disable .e-all-day-row,
 .e-schedule .e-vertical-view.e-timescale-disable .e-all-day-cells {
-  height: 0 !important;
+  height: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-schedule .e-vertical-view.e-timescale-disable .e-appointment {
   background: #0070f0;
@@ -1086,7 +1086,7 @@
 }
 .e-schedule .e-month-view .e-header-cells {
   cursor: default;
-  font-weight: 400;
+  font-weight: normal;
   height: 30px;
   padding: 3px;
 }
@@ -1461,7 +1461,7 @@
 .e-schedule .e-timeline-year-view .e-left-indent,
 .e-schedule .e-timeline-year-view .e-header-cells {
   cursor: default;
-  font-weight: 400;
+  font-weight: normal;
   height: 30px;
   padding: 0;
   text-align: center;
@@ -1865,9 +1865,14 @@
 .e-schedule .e-timeline-month-view .e-content-wrap table col {
   width: 70px;
 }
+.e-schedule .e-virtual-scroll.e-vertical-view .e-content-table, .e-schedule .e-virtual-scroll.e-month-view .e-content-table {
+  transform: translateX(0);
+}
+.e-schedule .e-virtual-scroll.e-timeline-view .e-content-table, .e-schedule .e-virtual-scroll.e-timeline-month-view .e-content-table, .e-schedule .e-virtual-scroll.e-timeline-year-view.e-vertical .e-content-table {
+  transform: translateY(0);
+}
 .e-schedule .e-virtual-scroll .e-content-table {
   position: absolute;
-  transform: translateY(0);
 }
 .e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
   position: relative;
@@ -1984,7 +1989,7 @@
 }
 .e-schedule .e-month-agenda-view .e-header-cells {
   cursor: default;
-  font-weight: 400;
+  font-weight: normal;
   height: 30px;
   padding: 5px;
   text-align: center;
@@ -3498,7 +3503,6 @@
   border-style: solid;
   border-width: 0 0 1px 1px;
   color: #f0f0f0;
-  text-align: left;
 }
 .e-schedule .e-vertical-view .e-date-header-wrap table tbody td.e-header-cells {
   border-bottom-width: 0;
@@ -3583,7 +3587,6 @@
   border-style: solid;
   border-width: 0 0 1px 1px;
   color: #f0f0f0;
-  text-align: left;
 }
 .e-schedule .e-month-view .e-date-header-wrap table td.e-current-day,
 .e-schedule .e-month-agenda-view .e-date-header-wrap table td.e-current-day {

package/styles/schedule/bootstrap-dark.scss

@@ -1 +1,5 @@
-@import 'ej2-schedule/styles/schedule/bootstrap-dark.scss';
+@import 'ej2-base/styles/bootstrap-dark-definition.scss';
+@import '../recurrence-editor/bootstrap-dark-definition.scss';
+@import 'bootstrap-dark-definition.scss';
+@import 'icons/bootstrap-dark.scss';
+@import 'all.scss';

package/styles/schedule/bootstrap.css

@@ -409,7 +409,7 @@
 }
 .e-schedule .e-content-wrap,
 .e-schedule .e-scroll-container {
-  -webkit-overflow-scrolling: touch;
+  -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
   overflow: auto;
 }
 .e-schedule .e-hide-childs > * {
@@ -584,7 +584,7 @@
 }
 .e-schedule .e-vertical-view.e-timescale-disable .e-all-day-row,
 .e-schedule .e-vertical-view.e-timescale-disable .e-all-day-cells {
-  height: 0 !important;
+  height: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-schedule .e-vertical-view.e-timescale-disable .e-appointment {
   background: #317ab9;
@@ -1084,7 +1084,7 @@
 }
 .e-schedule .e-month-view .e-header-cells {
   cursor: default;
-  font-weight: 400;
+  font-weight: normal;
   height: 30px;
   padding: 3px;
 }
@@ -1459,7 +1459,7 @@
 .e-schedule .e-timeline-year-view .e-left-indent,
 .e-schedule .e-timeline-year-view .e-header-cells {
   cursor: default;
-  font-weight: 400;
+  font-weight: normal;
   height: 30px;
   padding: 0;
   text-align: center;
@@ -1863,9 +1863,14 @@
 .e-schedule .e-timeline-month-view .e-content-wrap table col {
   width: 70px;
 }
+.e-schedule .e-virtual-scroll.e-vertical-view .e-content-table, .e-schedule .e-virtual-scroll.e-month-view .e-content-table {
+  transform: translateX(0);
+}
+.e-schedule .e-virtual-scroll.e-timeline-view .e-content-table, .e-schedule .e-virtual-scroll.e-timeline-month-view .e-content-table, .e-schedule .e-virtual-scroll.e-timeline-year-view.e-vertical .e-content-table {
+  transform: translateY(0);
+}
 .e-schedule .e-virtual-scroll .e-content-table {
   position: absolute;
-  transform: translateY(0);
 }
 .e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
   position: relative;
@@ -1982,7 +1987,7 @@
 }
 .e-schedule .e-month-agenda-view .e-header-cells {
   cursor: default;
-  font-weight: 400;
+  font-weight: normal;
   height: 30px;
   padding: 5px;
   text-align: center;
@@ -3497,7 +3502,6 @@
   border-style: solid;
   border-width: 0 0 1px 1px;
   color: #333;
-  text-align: left;
 }
 .e-schedule .e-vertical-view .e-date-header-wrap table tbody td.e-header-cells {
   border-bottom-width: 0;
@@ -3582,7 +3586,6 @@
   border-style: solid;
   border-width: 0 0 1px 1px;
   color: #333;
-  text-align: left;
 }
 .e-schedule .e-month-view .e-date-header-wrap table td.e-current-day,
 .e-schedule .e-month-agenda-view .e-date-header-wrap table td.e-current-day {

package/styles/schedule/bootstrap.scss

@@ -1 +1,5 @@
-@import 'ej2-schedule/styles/schedule/bootstrap.scss';
+@import 'ej2-base/styles/bootstrap-definition.scss';
+@import '../recurrence-editor/bootstrap-definition.scss';
+@import 'bootstrap-definition.scss';
+@import 'icons/bootstrap.scss';
+@import 'all.scss';