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

package/styles/recurrence-editor/_layout.scss

@@ -0,0 +1,542 @@
+@include export-module('recurrence-editor-layout') {
+
+  /*! Recurrence-Editor component layout */
+  .e-recurrenceeditor {
+    .e-editor {
+      display: flex;
+      flex-flow: row wrap;
+      margin-left: auto;
+      margin-right: auto;
+      max-width: 1240px;
+    }
+
+    .e-recurrence-table {
+      table-layout: fixed;
+      width: 100%;
+
+      &.e-repeat-content-wrapper td:last-child {
+        width: 27%;
+      }
+
+      &.e-month-expand-wrapper td:first-child {
+        width: 24%;
+      }
+
+      .e-repeat-content {
+        display: inline-block;
+        font-weight: normal;
+        padding: 18px 0 0 8px;
+      }
+
+      .e-input-wrapper {
+        float: none;
+        width: 100%;
+      }
+
+      .e-week-position {
+        min-width: $recurrence-week-position-min-width;
+        position: relative;
+        right: $recurrence-week-position-right;
+      }
+
+      .e-day-position {
+        min-width: 120px;
+      }
+
+      .e-monthday-element {
+        padding-left: 10px;
+      }
+    }
+
+    .e-input-wrapper-side.e-form-left {
+      padding: $recurrence-left-padding;
+    }
+
+    .e-form-left {
+      padding: 0 8px 16px 0;
+    }
+
+    .e-form-right,
+    .e-input-wrapper-side.e-form-right {
+      padding: 0 0 10px 8px;
+    }
+
+    .e-input-wrapper {
+      float: left;
+      width: 50%;
+
+      div {
+        margin-bottom: 2.5%;
+      }
+    }
+
+    .e-input-wrapper.e-end-on-date,
+    .e-input-wrapper.e-end-on-count {
+      padding-right: 0;
+    }
+
+    &.e-rtl {
+      .e-end-on > div,
+      .e-month-expander > div > div {
+        float: right;
+      }
+
+      .e-form-left,
+      .e-input-wrapper-side.e-form-left {
+        padding: 0 0 10px 8px;
+      }
+
+      .e-form-right,
+      .e-input-wrapper-side.e-form-right {
+        padding: 0 8px 10px 0;
+      }
+
+      .e-recurrence-table .e-monthday-element {
+        position: relative;
+        right: 10px;
+      }
+
+      .e-week-position {
+        position: relative;
+        right: $recurrence-week-position-right-rtl;
+      }
+
+      .e-input-wrapper-side.e-end-on .e-end-on-label,
+      .e-input-wrapper-side.e-non-week > .e-month-expander-label {
+        padding-right: 0;
+      }
+
+      .e-end-on-label {
+        margin-bottom: 5px;
+      }
+
+      .e-input-wrapper-side.e-end-on .e-end-on-left {
+        padding-left: 8px;
+        padding-right: 0;
+      }
+
+      .e-input-wrapper.e-end-on-date,
+      .e-input-wrapper.e-end-on-count {
+        padding-left: 0;
+        padding-right: 8px;
+      }
+
+      .e-recurrenceeditor {
+        .e-recurrence-table {
+          &.e-month-expand-wrapper td:first-child {
+            width: 0;
+          }
+        }
+      }
+    }
+
+    .e-days {
+      .e-week-expander-label {
+        font-size: $recurrence-label-font-nrml-size;
+        font-weight: $recurrence-label-font-weight;
+        margin-bottom: 8px;
+      }
+
+      button {
+        border-radius: 50%;
+        flex-flow: row wrap;
+        height: 35px;
+        margin: 0 8px 10px;
+        width: 35px;
+      }
+    }
+
+    .e-hide-recurrence-element {
+      display: none;
+    }
+
+    .e-half-space {
+      width: 20%;
+    }
+
+    .e-year-expander {
+      margin-bottom: 11px;
+    }
+
+    .e-month-expander tr:first-child .e-input-wrapper {
+      margin-bottom: 11px;
+    }
+
+    .e-month-expander-checkbox-wrapper.e-input-wrapper {
+      margin-top: -3px;
+
+      .e-month-type .e-label {
+        display: none;
+      }
+    }
+
+    .e-input-wrapper-side {
+      float: left;
+      padding: 16px 20px 0;
+      width: 50%;
+
+      &.e-end-on {
+
+        .e-end-on-label {
+          float: none;
+          font-size: $recurrence-label-font-nrml-size;
+          font-weight: $recurrence-label-font-weight;
+          margin-bottom: $recurrence-month-label-bottom;
+          padding-right: 16px;
+        }
+
+        .e-end-on-left {
+          padding-right: 16px;
+        }
+      }
+
+      &.e-non-week > .e-input-wrapper {
+        margin: 0;
+      }
+
+      &.e-non-week > .e-month-expander-label {
+        font-size: $recurrence-label-font-nrml-size;
+        font-weight: $recurrence-label-font-weight;
+        margin-bottom: $recurrence-month-label-bottom;
+        padding-right: 16px;
+      }
+    }
+
+    .e-input-wrapper-side .e-days .e-form-left {
+      padding-bottom: 6px;
+    }
+
+    .e-input-wrapper-side .e-non-week .e-form-left {
+      padding-bottom: 12px;
+    }
+
+    .e-input-wrapper-side.e-form-right {
+      margin-bottom: 11px;
+    }
+  }
+
+  .e-bigger {
+    .e-recurrenceeditor {
+      padding: 0;
+
+      .e-input-wrapper-side.e-form-left {
+        padding: 0 12px 11px 0;
+      }
+
+      .e-form-left {
+        padding: 0 12px 14px 0;
+      }
+
+      .e-form-right,
+      .e-input-wrapper-side.e-form-right {
+        padding: 0 0 10px 12px;
+      }
+
+      .e-recurrence-table .e-week-position {
+        right: 24px;
+      }
+
+      .e-input-wrapper-side .e-days .e-form-left {
+        padding-bottom: 6px;
+      }
+
+      .e-recurrence-table .e-monthday-element {
+        padding-left: 70px;
+      }
+
+      .e-week-position {
+        min-width: $recurrence-week-position-bgr-min-width;
+        padding-left: 55px;
+        padding-right: 0;
+      }
+
+      .e-day-position {
+        min-width: $recurrence-day-position-bgr-min-width;
+        padding-left: $recurrence-day-position-bgr-padding-left;
+      }
+
+      .e-input-wrapper-side.e-non-week > .e-month-expander-label {
+        font-size: $recurrence-label-font-bgr-size;
+        margin-bottom: 0;
+      }
+
+      .e-input-wrapper-side.e-end-on .e-end-on-left {
+        padding-right: $recurrence-end-bgr-padding-right;
+      }
+
+      .e-end-on-label {
+        margin-bottom: 0;
+      }
+
+      .e-days .e-week-expander-label {
+        font-size: $recurrence-label-font-bgr-size;
+        margin-bottom: 8px;
+      }
+
+      .e-input-wrapper-side .e-non-week .e-form-left {
+        padding-bottom: 12px;
+      }
+
+      .e-input-wrapper-side.e-end-on .e-end-on-label {
+        font-size: $recurrence-label-font-bgr-size;
+        margin-bottom: 1px;
+      }
+
+      .e-month-expander tr:first-child .e-input-wrapper,
+      .e-year-expander,
+      .e-input-wrapper-side.e-form-right {
+        margin-bottom: 11px;
+      }
+
+      .e-recurrence-table {
+        &.e-month-expand-wrapper td:first-child {
+          width: 0;
+        }
+      }
+
+      .e-days {
+        button {
+          height: 40px;
+          width: 40px;
+        }
+      }
+
+      &.e-rtl {
+
+        .e-form-left,
+        .e-input-wrapper-side.e-form-left {
+          padding: 0 0 10px 12px;
+        }
+
+        .e-form-right,
+        .e-input-wrapper-side.e-form-right {
+          padding: 0 12px 10px 0;
+        }
+
+        .e-recurrence-table .e-monthday-element {
+          padding-left: 0;
+          padding-right: 64px;
+        }
+
+        .e-input-wrapper-side.e-end-on .e-end-on-label,
+        .e-input-wrapper-side.e-non-week > .e-month-expander-label {
+          padding-right: 0;
+        }
+
+        .e-end-on-label {
+          margin-bottom: 5px;
+        }
+
+        .e-input-wrapper-side.e-end-on .e-end-on-left {
+          padding-left: 12px;
+          padding-right: 0;
+        }
+
+        .e-input-wrapper.e-end-on-date,
+        .e-input-wrapper.e-end-on-count {
+          padding-left: 0;
+          padding-right: 12px;
+        }
+
+        .e-recurrence-table .e-week-position {
+          right: 33px;
+        }
+
+        .e-week-position {
+          padding-left: 46px;
+        }
+      }
+    }
+  }
+
+  .e-device {
+    .e-recurrenceeditor {
+      .e-recurrence-table {
+        &.e-repeat-content-wrapper td:last-child {
+          width: 25%;
+        }
+
+        &.e-month-expand-wrapper td:first-child {
+          width: 20%;
+        }
+      }
+
+      .e-week-expander-label {
+        margin-bottom: 6px;
+      }
+
+      .e-month-expander-label {
+        font-size: 12px;
+        margin-bottom: 5px;
+      }
+
+      .e-footer-content {
+        padding: 12px;
+      }
+
+      .e-form-left,
+      .e-input-wrapper-side.e-form-left {
+        padding: 0 3px 10px 0;
+      }
+
+      .e-form-right,
+      .e-input-wrapper-side.e-form-right {
+        padding: 0 0 10px 3px;
+      }
+
+      .e-input-wrapper.e-end-on-date,
+      .e-input-wrapper.e-end-on-count {
+        padding-left: 10px;
+        padding-right: 0;
+      }
+
+      .e-input-wrapper-side.e-end-on .e-end-on-left {
+        padding-right: 10px;
+      }
+
+      &.e-end-on {
+        padding-right: 0;
+
+        .e-end-on-label {
+          float: none;
+          font-size: 12px;
+          font-weight: $recurrence-label-font-weight;
+          margin-bottom: $recurrence-label-bottom;
+        }
+
+        .e-end-on-left {
+          padding-right: 0;
+        }
+      }
+
+      &.e-rtl {
+        .e-input-wrapper-side.e-end-on .e-end-on-left {
+          padding-right: 0;
+        }
+
+        .e-input-wrapper.e-end-on-date,
+        .e-input-wrapper.e-end-on-count {
+          padding-left: 0;
+          padding-right: 10px;
+        }
+
+        .e-recurrence-table .e-monthday-element {
+          padding-left: 0;
+        }
+
+        .e-week-position {
+          padding-left: 16px;
+          padding-right: 0;
+        }
+      }
+
+      .e-recurrence-table .e-monthday-element {
+        padding-left: 20px;
+      }
+
+      .e-week-position {
+        padding-left: 0;
+        padding-right: 0;
+      }
+
+      .e-week-position {
+        padding-left: 0;
+      }
+    }
+
+    &.e-recurrence-dialog {
+      .e-dlg-header-content {
+        background: none;
+        box-shadow: none;
+        padding-bottom: 10px;
+      }
+
+      .e-editor {
+        .e-input-wrapper-side.e-end-on .e-end-on-label {
+          margin-bottom: $recurrence-label-bottom;
+        }
+      }
+
+      .e-footer-content {
+        padding: 16px 8px;
+      }
+    }
+  }
+
+  @media (max-width: 580px) {
+    .e-recurrenceeditor {
+      margin-left: auto;
+      margin-right: auto;
+      width: 100%;
+
+      .e-editor {
+        flex-direction: column;
+
+        >.e-input-wrapper.e-form-left {
+          margin-top: 0;
+        }
+
+        .e-input-wrapper-side.e-non-week > .e-month-expander-label,
+        .e-input-wrapper-side.e-end-on .e-end-on-label {
+          margin-bottom: $recurrence-month-label-bottom;
+        }
+
+        > div {
+          margin-top: 20px;
+        }
+
+        > .e-input-wrapper {
+          width: 100%;
+        }
+
+        .e-input-wrapper-side.e-end-on {
+          width: 100%;
+
+          .e-input-wrapper {
+            width: 50%;
+          }
+        }
+
+        .e-form-left,
+        .e-input-wrapper-side.e-form-left {
+          padding: 0 0 10px;
+        }
+
+        .e-input-wrapper.e-end-on-date,
+        .e-input-wrapper.e-end-on-count {
+          padding-left: 10px;
+          padding-right: 0;
+        }
+
+        .e-input-wrapper-side.e-end-on .e-end-on-left {
+          padding-right: 10px;
+        }
+
+        .e-form-right,
+        .e-input-wrapper-side.e-form-right {
+          padding-left: 0;
+        }
+
+        .e-input-wrapper-side.e-days {
+          width: 100%;
+        }
+
+        .e-input-wrapper-side.e-non-week {
+          width: 100%;
+        }
+      }
+
+      &.e-rtl {
+        .e-input-wrapper-side.e-end-on .e-end-on-left {
+          padding-right: 0;
+        }
+
+        .e-input-wrapper.e-end-on-date,
+        .e-input-wrapper.e-end-on-count {
+          padding-left: 0;
+          padding-right: 10px;
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,15 @@
+/*! recurrence editor theme wise definitions*/
+$recurrence-label-bottom: 1px !default;
+$recurrence-month-label-bottom: 1px !default;
+$recurrence-week-label-bottom: 10px !default;
+$recurrence-label-font-weight: 400 !default;
+$recurrence-label-font-nrml-size: 12px !default;
+$recurrence-label-font-bgr-size: 12px !default;
+$recurrence-left-padding: 0 8px 10px 0 !default;
+$recurrence-week-position-bgr-min-width: 125px !default;
+$recurrence-day-position-bgr-min-width: 128px !default;
+$recurrence-day-position-bgr-padding-left: 14px !default;
+$recurrence-end-bgr-padding-right: 16px !default;
+$recurrence-week-position-min-width: 81px !default;
+$recurrence-week-position-right: 24px !default;
+$recurrence-week-position-right-rtl: -24px !default;

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

@@ -0,0 +1,15 @@
+/*! recurrence editor theme wise definitions*/
+$recurrence-label-bottom: 1px !default;
+$recurrence-month-label-bottom: 1px !default;
+$recurrence-week-label-bottom: 10px !default;
+$recurrence-label-font-weight: 400 !default;
+$recurrence-label-font-nrml-size: 12px !default;
+$recurrence-label-font-bgr-size: 12px !default;
+$recurrence-left-padding: 0 8px 10px 0 !default;
+$recurrence-week-position-bgr-min-width: 125px !default;
+$recurrence-day-position-bgr-min-width: 128px !default;
+$recurrence-day-position-bgr-padding-left: 14px !default;
+$recurrence-end-bgr-padding-right: 16px !default;
+$recurrence-week-position-min-width: 81px !default;
+$recurrence-week-position-right: 24px !default;
+$recurrence-week-position-right-rtl: -24px !default;

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

@@ -0,0 +1,15 @@
+/*! recurrence editor theme wise definitions*/
+$recurrence-label-bottom: 7px !default;
+$recurrence-month-label-bottom: 7px !default;
+$recurrence-week-label-bottom: 10px !default;
+$recurrence-label-font-weight: 400 !default;
+$recurrence-label-font-nrml-size: 14px !default;
+$recurrence-label-font-bgr-size: 16px !default;
+$recurrence-left-padding: 0 8px 16px 0 !default;
+$recurrence-week-position-bgr-min-width: 162px !default;
+$recurrence-day-position-bgr-min-width: 190px !default;
+$recurrence-day-position-bgr-padding-left: 54px !default;
+$recurrence-end-bgr-padding-right: 16px !default;
+$recurrence-week-position-min-width: 98px !default;
+$recurrence-week-position-right: 27px !default;
+$recurrence-week-position-right-rtl: -27px !default;

package/styles/recurrence-editor/_tailwind-dark-definition.scss

@@ -0,0 +1 @@
+@import './tailwind-definition.scss';

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

@@ -0,0 +1,15 @@
+/*! recurrence editor theme wise definitions*/
+$recurrence-label-bottom: 7px !default;
+$recurrence-month-label-bottom: 7px !default;
+$recurrence-week-label-bottom: 10px !default;
+$recurrence-label-font-weight: 400 !default;
+$recurrence-label-font-nrml-size: 14px !default;
+$recurrence-label-font-bgr-size: 16px !default;
+$recurrence-left-padding: 0 8px 16px 0 !default;
+$recurrence-week-position-bgr-min-width: 167px !default;
+$recurrence-day-position-bgr-min-width: 197px !default;
+$recurrence-day-position-bgr-padding-left: 54px !default;
+$recurrence-end-bgr-padding-right: 2px !default;
+$recurrence-week-position-min-width: 94px !default;
+$recurrence-week-position-right: 26px !default;
+$recurrence-week-position-right-rtl: -26px !default;

package/styles/recurrence-editor/_theme.scss

@@ -0,0 +1 @@
+/*! Recurrence-Editor component theme */

package/styles/recurrence-editor/bootstrap-dark.scss

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

package/styles/recurrence-editor/bootstrap.scss

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

package/styles/recurrence-editor/bootstrap4.scss

@@ -1 +1,3 @@
-@import 'ej2-schedule/styles/recurrence-editor/bootstrap4.scss';
+@import 'ej2-base/styles/bootstrap4-definition.scss';
+@import 'bootstrap4-definition.scss';
+@import 'all.scss';

package/styles/recurrence-editor/bootstrap5-dark.scss

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

package/styles/recurrence-editor/bootstrap5.scss

@@ -1 +1,3 @@
-@import 'ej2-schedule/styles/recurrence-editor/bootstrap5.scss';
+@import 'ej2-base/styles/bootstrap5-definition.scss';
+@import 'bootstrap5-definition.scss';
+@import 'all.scss';

package/styles/recurrence-editor/fabric-dark.scss

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

package/styles/recurrence-editor/fabric.scss

@@ -1 +1,3 @@
-@import 'ej2-schedule/styles/recurrence-editor/fabric.scss';
+@import 'ej2-base/styles/fabric-definition.scss';
+@import 'fabric-definition.scss';
+@import 'all.scss';

package/styles/recurrence-editor/fluent-dark.scss

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

package/styles/recurrence-editor/fluent.scss

@@ -1 +1,3 @@
-@import 'ej2-schedule/styles/recurrence-editor/fluent.scss';
+@import 'ej2-base/styles/fluent-definition.scss';
+@import 'fluent-definition.scss';
+@import 'all.scss';

package/styles/recurrence-editor/highcontrast-light.scss

@@ -1 +1,3 @@
-@import 'ej2-schedule/styles/recurrence-editor/highcontrast-light.scss';
+@import 'ej2-base/styles/highcontrast-light-definition.scss';
+@import 'highcontrast-light-definition.scss';
+@import 'all.scss';

package/styles/recurrence-editor/highcontrast.scss

@@ -1 +1,3 @@
-@import 'ej2-schedule/styles/recurrence-editor/highcontrast.scss';
+@import 'ej2-base/styles/highcontrast-definition.scss';
+@import 'highcontrast-definition.scss';
+@import 'all.scss';

package/styles/recurrence-editor/material-dark.scss

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

package/styles/recurrence-editor/material.scss

@@ -1 +1,3 @@
-@import 'ej2-schedule/styles/recurrence-editor/material.scss';
+@import 'ej2-base/styles/material-definition.scss';
+@import 'material-definition.scss';
+@import 'all.scss';

package/styles/recurrence-editor/tailwind-dark.scss

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