@syncfusion/ej2-schedule 22.2.11 → 23.1.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (120) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/dist/ej2-schedule.min.js +2 -2
  3. package/dist/ej2-schedule.umd.min.js +2 -2
  4. package/dist/ej2-schedule.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-schedule.es2015.js +445 -172
  6. package/dist/es6/ej2-schedule.es2015.js.map +1 -1
  7. package/dist/es6/ej2-schedule.es5.js +445 -173
  8. package/dist/es6/ej2-schedule.es5.js.map +1 -1
  9. package/dist/global/ej2-schedule.min.js +2 -2
  10. package/dist/global/ej2-schedule.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +16 -16
  13. package/src/recurrence-editor/date-generator.d.ts +1 -2
  14. package/src/recurrence-editor/date-generator.js +3 -5
  15. package/src/recurrence-editor/recurrence-editor.d.ts +1 -1
  16. package/src/schedule/actions/crud.d.ts +1 -1
  17. package/src/schedule/actions/crud.js +19 -6
  18. package/src/schedule/actions/data.js +29 -8
  19. package/src/schedule/actions/keyboard.js +4 -1
  20. package/src/schedule/actions/virtual-scroll.d.ts +1 -0
  21. package/src/schedule/actions/virtual-scroll.js +37 -2
  22. package/src/schedule/base/constant.d.ts +4 -0
  23. package/src/schedule/base/constant.js +4 -0
  24. package/src/schedule/base/interface.d.ts +15 -0
  25. package/src/schedule/base/resource.js +1 -0
  26. package/src/schedule/base/schedule-model.d.ts +41 -35
  27. package/src/schedule/base/schedule.d.ts +54 -35
  28. package/src/schedule/base/schedule.js +71 -6
  29. package/src/schedule/base/util.d.ts +1 -0
  30. package/src/schedule/base/util.js +1 -0
  31. package/src/schedule/event-renderer/event-base.d.ts +1 -1
  32. package/src/schedule/event-renderer/event-base.js +4 -4
  33. package/src/schedule/exports/calendar-import.d.ts +2 -1
  34. package/src/schedule/exports/calendar-import.js +134 -106
  35. package/src/schedule/models/views-model.d.ts +10 -1
  36. package/src/schedule/models/views.d.ts +9 -1
  37. package/src/schedule/models/views.js +3 -0
  38. package/src/schedule/popups/event-tooltip.js +7 -3
  39. package/src/schedule/popups/event-window.d.ts +7 -0
  40. package/src/schedule/popups/event-window.js +123 -29
  41. package/src/schedule/popups/quick-popups.js +3 -0
  42. package/src/schedule/renderer/timeline-view.js +5 -2
  43. package/styles/bootstrap-dark.css +15 -0
  44. package/styles/bootstrap.css +15 -0
  45. package/styles/bootstrap4.css +15 -0
  46. package/styles/bootstrap5-dark.css +15 -0
  47. package/styles/bootstrap5.css +15 -0
  48. package/styles/fabric-dark.css +15 -0
  49. package/styles/fabric.css +15 -0
  50. package/styles/fluent-dark.css +15 -0
  51. package/styles/fluent.css +15 -0
  52. package/styles/highcontrast-light.css +15 -0
  53. package/styles/highcontrast.css +15 -0
  54. package/styles/material-dark.css +15 -1
  55. package/styles/material.css +15 -1
  56. package/styles/material3-dark.css +16 -2
  57. package/styles/material3-dark.scss +1 -1
  58. package/styles/material3.css +16 -2
  59. package/styles/material3.scss +1 -1
  60. package/styles/recurrence-editor/bootstrap-dark.scss +1 -1
  61. package/styles/recurrence-editor/bootstrap.scss +1 -1
  62. package/styles/recurrence-editor/bootstrap4.scss +1 -1
  63. package/styles/recurrence-editor/bootstrap5-dark.scss +1 -1
  64. package/styles/recurrence-editor/bootstrap5.scss +1 -1
  65. package/styles/recurrence-editor/fabric-dark.scss +1 -1
  66. package/styles/recurrence-editor/fabric.scss +1 -1
  67. package/styles/recurrence-editor/fluent-dark.scss +1 -1
  68. package/styles/recurrence-editor/fluent.scss +1 -1
  69. package/styles/recurrence-editor/highcontrast-light.scss +1 -1
  70. package/styles/recurrence-editor/highcontrast.scss +1 -1
  71. package/styles/recurrence-editor/material-dark.css +0 -1
  72. package/styles/recurrence-editor/material-dark.scss +1 -1
  73. package/styles/recurrence-editor/material.css +0 -1
  74. package/styles/recurrence-editor/material.scss +1 -1
  75. package/styles/recurrence-editor/material3-dark.css +0 -1
  76. package/styles/recurrence-editor/material3-dark.scss +1 -1
  77. package/styles/recurrence-editor/material3.css +0 -1
  78. package/styles/recurrence-editor/material3.scss +1 -1
  79. package/styles/recurrence-editor/tailwind-dark.css +0 -1
  80. package/styles/recurrence-editor/tailwind-dark.scss +1 -1
  81. package/styles/recurrence-editor/tailwind.css +0 -1
  82. package/styles/recurrence-editor/tailwind.scss +1 -1
  83. package/styles/schedule/_layout.scss +15 -0
  84. package/styles/schedule/_material3-definition.scss +1 -1
  85. package/styles/schedule/bootstrap-dark.css +15 -0
  86. package/styles/schedule/bootstrap-dark.scss +1 -1
  87. package/styles/schedule/bootstrap.css +15 -0
  88. package/styles/schedule/bootstrap.scss +1 -1
  89. package/styles/schedule/bootstrap4.css +15 -0
  90. package/styles/schedule/bootstrap4.scss +1 -1
  91. package/styles/schedule/bootstrap5-dark.css +15 -0
  92. package/styles/schedule/bootstrap5-dark.scss +1 -1
  93. package/styles/schedule/bootstrap5.css +15 -0
  94. package/styles/schedule/bootstrap5.scss +1 -1
  95. package/styles/schedule/fabric-dark.css +15 -0
  96. package/styles/schedule/fabric-dark.scss +1 -1
  97. package/styles/schedule/fabric.css +15 -0
  98. package/styles/schedule/fabric.scss +1 -1
  99. package/styles/schedule/fluent-dark.css +15 -0
  100. package/styles/schedule/fluent-dark.scss +1 -1
  101. package/styles/schedule/fluent.css +15 -0
  102. package/styles/schedule/fluent.scss +1 -1
  103. package/styles/schedule/highcontrast-light.css +15 -0
  104. package/styles/schedule/highcontrast-light.scss +1 -1
  105. package/styles/schedule/highcontrast.css +15 -0
  106. package/styles/schedule/highcontrast.scss +1 -1
  107. package/styles/schedule/material-dark.css +15 -1
  108. package/styles/schedule/material-dark.scss +1 -1
  109. package/styles/schedule/material.css +15 -1
  110. package/styles/schedule/material.scss +1 -1
  111. package/styles/schedule/material3-dark.css +16 -2
  112. package/styles/schedule/material3-dark.scss +1 -1
  113. package/styles/schedule/material3.css +16 -2
  114. package/styles/schedule/material3.scss +1 -1
  115. package/styles/schedule/tailwind-dark.css +15 -1
  116. package/styles/schedule/tailwind-dark.scss +1 -1
  117. package/styles/schedule/tailwind.css +15 -1
  118. package/styles/schedule/tailwind.scss +1 -1
  119. package/styles/tailwind-dark.css +15 -2
  120. package/styles/tailwind.css +15 -2
@@ -3626,6 +3626,21 @@
3626
3626
  text-overflow: ellipsis;
3627
3627
  white-space: nowrap;
3628
3628
  }
3629
+ .e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
3630
+ .e-more-popup-wrapper .e-appointment .e-subject.e-disable {
3631
+ display: none;
3632
+ }
3633
+ .e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
3634
+ .e-more-popup-wrapper .e-appointment .e-inline-subject {
3635
+ background: transparent;
3636
+ border: 0;
3637
+ color: #fff;
3638
+ font-size: 13px;
3639
+ font-weight: 500;
3640
+ line-height: 1.2;
3641
+ padding-top: 4px;
3642
+ width: 100%;
3643
+ }
3629
3644
  .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
3630
3645
  .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
3631
3646
  .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
@@ -3705,6 +3705,21 @@
3705
3705
  text-overflow: ellipsis;
3706
3706
  white-space: nowrap;
3707
3707
  }
3708
+ .e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
3709
+ .e-more-popup-wrapper .e-appointment .e-subject.e-disable {
3710
+ display: none;
3711
+ }
3712
+ .e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
3713
+ .e-more-popup-wrapper .e-appointment .e-inline-subject {
3714
+ background: transparent;
3715
+ border: 0;
3716
+ color: #fff;
3717
+ font-size: 13px;
3718
+ font-weight: 500;
3719
+ line-height: 1.2;
3720
+ padding-top: 4px;
3721
+ width: 100%;
3722
+ }
3708
3723
  .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
3709
3724
  .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
3710
3725
  .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
@@ -3679,6 +3679,21 @@
3679
3679
  text-overflow: ellipsis;
3680
3680
  white-space: nowrap;
3681
3681
  }
3682
+ .e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
3683
+ .e-more-popup-wrapper .e-appointment .e-subject.e-disable {
3684
+ display: none;
3685
+ }
3686
+ .e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
3687
+ .e-more-popup-wrapper .e-appointment .e-inline-subject {
3688
+ background: transparent;
3689
+ border: 0;
3690
+ color: #fff;
3691
+ font-size: 13px;
3692
+ font-weight: 500;
3693
+ line-height: 1.2;
3694
+ padding-top: 4px;
3695
+ width: 100%;
3696
+ }
3682
3697
  .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
3683
3698
  .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
3684
3699
  .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
@@ -3679,6 +3679,21 @@
3679
3679
  text-overflow: ellipsis;
3680
3680
  white-space: nowrap;
3681
3681
  }
3682
+ .e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
3683
+ .e-more-popup-wrapper .e-appointment .e-subject.e-disable {
3684
+ display: none;
3685
+ }
3686
+ .e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
3687
+ .e-more-popup-wrapper .e-appointment .e-inline-subject {
3688
+ background: transparent;
3689
+ border: 0;
3690
+ color: #fff;
3691
+ font-size: 13px;
3692
+ font-weight: 500;
3693
+ line-height: 1.2;
3694
+ padding-top: 4px;
3695
+ width: 100%;
3696
+ }
3682
3697
  .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
3683
3698
  .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
3684
3699
  .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
@@ -3593,6 +3593,21 @@
3593
3593
  text-overflow: ellipsis;
3594
3594
  white-space: nowrap;
3595
3595
  }
3596
+ .e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
3597
+ .e-more-popup-wrapper .e-appointment .e-subject.e-disable {
3598
+ display: none;
3599
+ }
3600
+ .e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
3601
+ .e-more-popup-wrapper .e-appointment .e-inline-subject {
3602
+ background: transparent;
3603
+ border: 0;
3604
+ color: #fff;
3605
+ font-size: 13px;
3606
+ font-weight: 500;
3607
+ line-height: 1.2;
3608
+ padding-top: 4px;
3609
+ width: 100%;
3610
+ }
3596
3611
  .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
3597
3612
  .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
3598
3613
  .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
package/styles/fabric.css CHANGED
@@ -3588,6 +3588,21 @@
3588
3588
  text-overflow: ellipsis;
3589
3589
  white-space: nowrap;
3590
3590
  }
3591
+ .e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
3592
+ .e-more-popup-wrapper .e-appointment .e-subject.e-disable {
3593
+ display: none;
3594
+ }
3595
+ .e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
3596
+ .e-more-popup-wrapper .e-appointment .e-inline-subject {
3597
+ background: transparent;
3598
+ border: 0;
3599
+ color: #fff;
3600
+ font-size: 13px;
3601
+ font-weight: 500;
3602
+ line-height: 1.2;
3603
+ padding-top: 4px;
3604
+ width: 100%;
3605
+ }
3591
3606
  .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
3592
3607
  .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
3593
3608
  .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
@@ -3656,6 +3656,21 @@
3656
3656
  text-overflow: ellipsis;
3657
3657
  white-space: nowrap;
3658
3658
  }
3659
+ .e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
3660
+ .e-more-popup-wrapper .e-appointment .e-subject.e-disable {
3661
+ display: none;
3662
+ }
3663
+ .e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
3664
+ .e-more-popup-wrapper .e-appointment .e-inline-subject {
3665
+ background: transparent;
3666
+ border: 0;
3667
+ color: #1b1a19;
3668
+ font-size: 13px;
3669
+ font-weight: 500;
3670
+ line-height: 1.2;
3671
+ padding-top: 4px;
3672
+ width: 100%;
3673
+ }
3659
3674
  .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
3660
3675
  .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
3661
3676
  .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
package/styles/fluent.css CHANGED
@@ -3656,6 +3656,21 @@
3656
3656
  text-overflow: ellipsis;
3657
3657
  white-space: nowrap;
3658
3658
  }
3659
+ .e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
3660
+ .e-more-popup-wrapper .e-appointment .e-subject.e-disable {
3661
+ display: none;
3662
+ }
3663
+ .e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
3664
+ .e-more-popup-wrapper .e-appointment .e-inline-subject {
3665
+ background: transparent;
3666
+ border: 0;
3667
+ color: #fff;
3668
+ font-size: 13px;
3669
+ font-weight: 500;
3670
+ line-height: 1.2;
3671
+ padding-top: 4px;
3672
+ width: 100%;
3673
+ }
3659
3674
  .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
3660
3675
  .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
3661
3676
  .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
@@ -3670,6 +3670,21 @@
3670
3670
  text-overflow: ellipsis;
3671
3671
  white-space: nowrap;
3672
3672
  }
3673
+ .e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
3674
+ .e-more-popup-wrapper .e-appointment .e-subject.e-disable {
3675
+ display: none;
3676
+ }
3677
+ .e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
3678
+ .e-more-popup-wrapper .e-appointment .e-inline-subject {
3679
+ background: transparent;
3680
+ border: 0;
3681
+ color: #fff;
3682
+ font-size: 13px;
3683
+ font-weight: 500;
3684
+ line-height: 1.2;
3685
+ padding-top: 4px;
3686
+ width: 100%;
3687
+ }
3673
3688
  .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
3674
3689
  .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
3675
3690
  .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
@@ -3674,6 +3674,21 @@
3674
3674
  text-overflow: ellipsis;
3675
3675
  white-space: nowrap;
3676
3676
  }
3677
+ .e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
3678
+ .e-more-popup-wrapper .e-appointment .e-subject.e-disable {
3679
+ display: none;
3680
+ }
3681
+ .e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
3682
+ .e-more-popup-wrapper .e-appointment .e-inline-subject {
3683
+ background: transparent;
3684
+ border: 0;
3685
+ color: #fff;
3686
+ font-size: 13px;
3687
+ font-weight: 500;
3688
+ line-height: 1.2;
3689
+ padding-top: 4px;
3690
+ width: 100%;
3691
+ }
3677
3692
  .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
3678
3693
  .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
3679
3694
  .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
1
  @keyframes tbar-popup-shadow {
3
2
  0% {
4
3
  border-color: rgba(255, 255, 255, 0.5);
@@ -3615,6 +3614,21 @@
3615
3614
  text-overflow: ellipsis;
3616
3615
  white-space: nowrap;
3617
3616
  }
3617
+ .e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
3618
+ .e-more-popup-wrapper .e-appointment .e-subject.e-disable {
3619
+ display: none;
3620
+ }
3621
+ .e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
3622
+ .e-more-popup-wrapper .e-appointment .e-inline-subject {
3623
+ background: transparent;
3624
+ border: 0;
3625
+ color: #fff;
3626
+ font-size: 13px;
3627
+ font-weight: 500;
3628
+ line-height: 1.2;
3629
+ padding-top: 4px;
3630
+ width: 100%;
3631
+ }
3618
3632
  .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
3619
3633
  .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
3620
3634
  .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
2
1
  /*! component's theme wise override definitions and variables */
3
2
  @keyframes tbar-popup-shadow {
4
3
  0% {
@@ -3651,6 +3650,21 @@
3651
3650
  text-overflow: ellipsis;
3652
3651
  white-space: nowrap;
3653
3652
  }
3653
+ .e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
3654
+ .e-more-popup-wrapper .e-appointment .e-subject.e-disable {
3655
+ display: none;
3656
+ }
3657
+ .e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
3658
+ .e-more-popup-wrapper .e-appointment .e-inline-subject {
3659
+ background: transparent;
3660
+ border: 0;
3661
+ color: #fff;
3662
+ font-size: 13px;
3663
+ font-weight: 500;
3664
+ line-height: 1.2;
3665
+ padding-top: 4px;
3666
+ width: 100%;
3667
+ }
3654
3668
  .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
3655
3669
  .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
3656
3670
  .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -2574,7 +2573,7 @@
2574
2573
  line-height: 18px;
2575
2574
  margin: 4px 0;
2576
2575
  min-width: 18px;
2577
- padding: 8px;
2576
+ padding: 0 8px;
2578
2577
  }
2579
2578
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
2580
2579
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-icon-right,
@@ -3718,6 +3717,21 @@
3718
3717
  text-overflow: ellipsis;
3719
3718
  white-space: nowrap;
3720
3719
  }
3720
+ .e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
3721
+ .e-more-popup-wrapper .e-appointment .e-subject.e-disable {
3722
+ display: none;
3723
+ }
3724
+ .e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
3725
+ .e-more-popup-wrapper .e-appointment .e-inline-subject {
3726
+ background: transparent;
3727
+ border: 0;
3728
+ color: rgba(var(--color-sf-surface));
3729
+ font-size: 13px;
3730
+ font-weight: 500;
3731
+ line-height: 1.2;
3732
+ padding-top: 4px;
3733
+ width: 100%;
3734
+ }
3721
3735
  .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
3722
3736
  .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
3723
3737
  .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
@@ -1,4 +1,4 @@
1
1
 
2
- @import 'ej2-base/styles/material3-dark-definition.scss';
2
+
3
3
  @import 'schedule/material3-dark.scss';
4
4
  @import 'recurrence-editor/material3-dark.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -2630,7 +2629,7 @@
2630
2629
  line-height: 18px;
2631
2630
  margin: 4px 0;
2632
2631
  min-width: 18px;
2633
- padding: 8px;
2632
+ padding: 0 8px;
2634
2633
  }
2635
2634
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
2636
2635
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-icon-right,
@@ -3774,6 +3773,21 @@
3774
3773
  text-overflow: ellipsis;
3775
3774
  white-space: nowrap;
3776
3775
  }
3776
+ .e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
3777
+ .e-more-popup-wrapper .e-appointment .e-subject.e-disable {
3778
+ display: none;
3779
+ }
3780
+ .e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
3781
+ .e-more-popup-wrapper .e-appointment .e-inline-subject {
3782
+ background: transparent;
3783
+ border: 0;
3784
+ color: rgba(var(--color-sf-surface));
3785
+ font-size: 13px;
3786
+ font-weight: 500;
3787
+ line-height: 1.2;
3788
+ padding-top: 4px;
3789
+ width: 100%;
3790
+ }
3777
3791
  .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
3778
3792
  .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
3779
3793
  .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
@@ -1,4 +1,4 @@
1
1
 
2
- @import 'ej2-base/styles/material3-definition.scss';
2
+
3
3
  @import 'schedule/material3.scss';
4
4
  @import 'recurrence-editor/material3.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/bootstrap-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap-dark.scss';
2
2
  @import 'ej2-inputs/styles/numerictextbox/bootstrap-dark-definition.scss';
3
3
  @import 'ej2-buttons/styles/button/bootstrap-dark-definition.scss';
4
4
  @import 'ej2-buttons/styles/radio-button/bootstrap-dark-definition.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/bootstrap-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap.scss';
2
2
  @import 'ej2-inputs/styles/numerictextbox/bootstrap-definition.scss';
3
3
  @import 'ej2-buttons/styles/button/bootstrap-definition.scss';
4
4
  @import 'ej2-buttons/styles/radio-button/bootstrap-definition.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/bootstrap4-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap4.scss';
2
2
  @import 'ej2-inputs/styles/numerictextbox/bootstrap4-definition.scss';
3
3
  @import 'ej2-buttons/styles/button/bootstrap4-definition.scss';
4
4
  @import 'ej2-buttons/styles/radio-button/bootstrap4-definition.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/bootstrap5-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap5-dark.scss';
2
2
  @import 'ej2-inputs/styles/numerictextbox/bootstrap5-dark-definition.scss';
3
3
  @import 'ej2-buttons/styles/button/bootstrap5-dark-definition.scss';
4
4
  @import 'ej2-buttons/styles/radio-button/bootstrap5-dark-definition.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/bootstrap5-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap5.scss';
2
2
  @import 'ej2-inputs/styles/numerictextbox/bootstrap5-definition.scss';
3
3
  @import 'ej2-buttons/styles/button/bootstrap5-definition.scss';
4
4
  @import 'ej2-buttons/styles/radio-button/bootstrap5-definition.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/fabric-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/fabric-dark.scss';
2
2
  @import 'ej2-inputs/styles/numerictextbox/fabric-dark-definition.scss';
3
3
  @import 'ej2-buttons/styles/button/fabric-dark-definition.scss';
4
4
  @import 'ej2-buttons/styles/radio-button/fabric-dark-definition.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/fabric-definition.scss';
1
+ @import 'ej2-base/styles/definition/fabric.scss';
2
2
  @import 'ej2-inputs/styles/numerictextbox/fabric-definition.scss';
3
3
  @import 'ej2-buttons/styles/button/fabric-definition.scss';
4
4
  @import 'ej2-buttons/styles/radio-button/fabric-definition.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/fluent-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/fluent-dark.scss';
2
2
  @import 'ej2-inputs/styles/numerictextbox/fluent-dark-definition.scss';
3
3
  @import 'ej2-buttons/styles/button/fluent-dark-definition.scss';
4
4
  @import 'ej2-buttons/styles/radio-button/fluent-dark-definition.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/fluent-definition.scss';
1
+ @import 'ej2-base/styles/definition/fluent.scss';
2
2
  @import 'ej2-inputs/styles/numerictextbox/fluent-definition.scss';
3
3
  @import 'ej2-buttons/styles/button/fluent-definition.scss';
4
4
  @import 'ej2-buttons/styles/radio-button/fluent-definition.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/highcontrast-light-definition.scss';
1
+ @import 'ej2-base/styles/definition/highcontrast-light.scss';
2
2
  @import 'ej2-inputs/styles/numerictextbox/highcontrast-light-definition.scss';
3
3
  @import 'ej2-buttons/styles/button/highcontrast-light-definition.scss';
4
4
  @import 'ej2-buttons/styles/radio-button/highcontrast-light-definition.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/highcontrast-definition.scss';
1
+ @import 'ej2-base/styles/definition/highcontrast.scss';
2
2
  @import 'ej2-inputs/styles/numerictextbox/highcontrast-definition.scss';
3
3
  @import 'ej2-buttons/styles/button/highcontrast-definition.scss';
4
4
  @import 'ej2-buttons/styles/radio-button/highcontrast-definition.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
1
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
3
2
  transform: rotate(0deg);
4
3
  transition: transform 300ms ease;
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/material-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/material-dark.scss';
2
2
  @import 'ej2-inputs/styles/numerictextbox/material-dark-definition.scss';
3
3
  @import 'ej2-buttons/styles/button/material-dark-definition.scss';
4
4
  @import 'ej2-buttons/styles/radio-button/material-dark-definition.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
2
1
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
3
2
  transform: rotate(0deg);
4
3
  transition: transform 300ms ease;
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/material-definition.scss';
1
+ @import 'ej2-base/styles/definition/material.scss';
2
2
  @import 'ej2-inputs/styles/numerictextbox/material-definition.scss';
3
3
  @import 'ej2-buttons/styles/button/material-definition.scss';
4
4
  @import 'ej2-buttons/styles/radio-button/material-definition.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/material3-dark-definition.scss';
1
+
2
2
 
3
3
  @import 'ej2-inputs/styles/numerictextbox/material3-dark-definition.scss';
4
4
  @import 'ej2-buttons/styles/button/material3-dark-definition.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/material3-definition.scss';
1
+
2
2
 
3
3
  @import 'ej2-inputs/styles/numerictextbox/material3-definition.scss';
4
4
  @import 'ej2-buttons/styles/button/material3-definition.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
3
2
  transform: rotate(0deg);
4
3
  transition: transform 300ms ease;
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/tailwind-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/tailwind-dark.scss';
2
2
  @import 'ej2-inputs/styles/numerictextbox/tailwind-dark-definition.scss';
3
3
  @import 'ej2-buttons/styles/button/tailwind-dark-definition.scss';
4
4
  @import 'ej2-buttons/styles/radio-button/tailwind-dark-definition.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
3
2
  transform: rotate(0deg);
4
3
  transition: transform 300ms ease;
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/tailwind-definition.scss';
1
+ @import 'ej2-base/styles/definition/tailwind.scss';
2
2
  @import 'ej2-inputs/styles/numerictextbox/tailwind-definition.scss';
3
3
  @import 'ej2-buttons/styles/button/tailwind-definition.scss';
4
4
  @import 'ej2-buttons/styles/radio-button/tailwind-definition.scss';
@@ -4087,6 +4087,21 @@
4087
4087
  white-space: nowrap;
4088
4088
  }
4089
4089
 
4090
+ .e-subject.e-disable {
4091
+ display: none;
4092
+ }
4093
+
4094
+ .e-inline-subject {
4095
+ background: transparent;
4096
+ border: 0;
4097
+ color: $schedule-appointment-font-color;
4098
+ font-size: 13px;
4099
+ font-weight: 500;
4100
+ line-height: 1.2;
4101
+ padding-top: 4px;
4102
+ width: 100%;
4103
+ }
4104
+
4090
4105
  .e-recurrence-icon,
4091
4106
  .e-recurrence-edit-icon {
4092
4107
  line-height: $schedule-month-appointment-height;
@@ -153,7 +153,7 @@ $schedule-tbar-btn-bgr-mrgn: 4px 0 !default;
153
153
  $schedule-tbar-btn-bgr-line-height: 18px !default;
154
154
  $schedule-tbar-btn-bgr-minheight: 18px !default;
155
155
  $schedule-tbar-btn-bgr-minwidth: 18px !default;
156
- $schedule-tbar-btn-bgr-padding: 8px !default;
156
+ $schedule-tbar-btn-bgr-padding: 0 8px !default;
157
157
  $schedule-tbar-btn-icn-bgr-padding: 0 !default;
158
158
  $schedule-tbar-btn-icn-right-bgr-padding: 12px 0 !default;
159
159
  $schedule-tbar-right-items-btn-border: 1px solid rgba($border-light) !default;
@@ -3626,6 +3626,21 @@
3626
3626
  text-overflow: ellipsis;
3627
3627
  white-space: nowrap;
3628
3628
  }
3629
+ .e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
3630
+ .e-more-popup-wrapper .e-appointment .e-subject.e-disable {
3631
+ display: none;
3632
+ }
3633
+ .e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
3634
+ .e-more-popup-wrapper .e-appointment .e-inline-subject {
3635
+ background: transparent;
3636
+ border: 0;
3637
+ color: #fff;
3638
+ font-size: 13px;
3639
+ font-weight: 500;
3640
+ line-height: 1.2;
3641
+ padding-top: 4px;
3642
+ width: 100%;
3643
+ }
3629
3644
  .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
3630
3645
  .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
3631
3646
  .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/bootstrap-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap-dark.scss';
2
2
  @import 'ej2-navigations/styles/toolbar/bootstrap-dark-definition.scss';
3
3
  @import 'ej2-navigations/styles/treeview/bootstrap-dark-definition.scss';
4
4
  @import 'ej2-inputs/styles/input/bootstrap-dark-definition.scss';
@@ -3626,6 +3626,21 @@
3626
3626
  text-overflow: ellipsis;
3627
3627
  white-space: nowrap;
3628
3628
  }
3629
+ .e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
3630
+ .e-more-popup-wrapper .e-appointment .e-subject.e-disable {
3631
+ display: none;
3632
+ }
3633
+ .e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
3634
+ .e-more-popup-wrapper .e-appointment .e-inline-subject {
3635
+ background: transparent;
3636
+ border: 0;
3637
+ color: #fff;
3638
+ font-size: 13px;
3639
+ font-weight: 500;
3640
+ line-height: 1.2;
3641
+ padding-top: 4px;
3642
+ width: 100%;
3643
+ }
3629
3644
  .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
3630
3645
  .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
3631
3646
  .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/bootstrap-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap.scss';
2
2
  @import 'ej2-navigations/styles/toolbar/bootstrap-definition.scss';
3
3
  @import 'ej2-navigations/styles/treeview/bootstrap-definition.scss';
4
4
  @import 'ej2-inputs/styles/input/bootstrap-definition.scss';
@@ -3705,6 +3705,21 @@
3705
3705
  text-overflow: ellipsis;
3706
3706
  white-space: nowrap;
3707
3707
  }
3708
+ .e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable,
3709
+ .e-more-popup-wrapper .e-appointment .e-subject.e-disable {
3710
+ display: none;
3711
+ }
3712
+ .e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject,
3713
+ .e-more-popup-wrapper .e-appointment .e-inline-subject {
3714
+ background: transparent;
3715
+ border: 0;
3716
+ color: #fff;
3717
+ font-size: 13px;
3718
+ font-weight: 500;
3719
+ line-height: 1.2;
3720
+ padding-top: 4px;
3721
+ width: 100%;
3722
+ }
3708
3723
  .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
3709
3724
  .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
3710
3725
  .e-more-popup-wrapper .e-appointment .e-recurrence-icon,