dhtmlx-scheduler 6.0.4 → 7.0.0

package/codebase/sources/less/src/timeline.less

@@ -0,0 +1,269 @@
+.dhx_timeline_scale_header {
+	position: absolute;
+	overflow: hidden;
+	background-color: var(--dhx-scheduler-container-background);
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	border-right: var(--dhx-scheduler-header-border);
+	border-top: var(--dhx-scheduler-header-border);
+}
+
+.dhx_cal_container_rtl  .dhx_timeline_scale_header {
+	border-right: unset;
+	border-left: var(--dhx-scheduler-header-border);
+}
+
+
+.dhx_timeline_label_wrapper {
+	z-index: 1;
+}
+
+.dhx_timeline_label_col {
+	position: relative;
+}
+
+.dhx_timeline_label_row {
+	position: absolute;
+	left: 0;
+}
+
+.dhx_matrix_scell {
+	overflow: hidden;
+	text-align: center;
+	border-bottom: var(--dhx-scheduler-default-border);
+	border-right: var(--dhx-scheduler-default-border);
+	color: var(--dhx-scheduler-scale-color);
+}
+
+.dhx_timeline_data_wrapper {
+	position: absolute;
+	z-index: 0;
+	left: 0;
+	top: 0;
+	width: 100%;
+}
+
+.dhx_timeline_data_row {}
+
+.dhx_matrix_cell,
+.dhx_matrix_scell {
+	overflow: hidden;
+	text-align: center;
+	vertical-align: middle;
+	border-bottom: var(--dhx-scheduler-default-border);
+	border-right: var(--dhx-scheduler-default-border);
+	font-weight: 500;
+
+}
+
+.dhx_cal_container_rtl{
+	.dhx_matrix_cell,
+	.dhx_matrix_scell {
+		border-right: none;
+		border-left: var(--dhx-scheduler-default-border);
+	}
+}
+
+.dhx_matrix_cell div,
+.dhx_matrix_scell div {
+	overflow: hidden;
+	text-align: center;
+	height: auto;
+}
+
+.dhx_timeline_data_cell {
+	position: absolute;
+	top: 0;
+	height: 100%;
+}
+
+.dhx_timeline_label_wrapper{
+	position: absolute;
+	overflow: hidden;
+	background: var(--dhx-scheduler-container-background);
+}
+
+/* Tree view */
+.dhx_matrix_scell.folder, .dhx_data_table.folder .dhx_matrix_cell{
+	background-color: var(--dhx-scheduler-timeline-folder-background);
+	cursor: pointer;
+}
+
+.dhx_matrix_scell .dhx_scell_level0{
+	padding-left: 4px;
+}
+
+.dhx_matrix_scell .dhx_scell_level1{
+	padding-left: 20px;
+}
+
+.dhx_matrix_scell .dhx_scell_level2{
+	padding-left: 32px;
+}
+
+.dhx_matrix_scell .dhx_scell_level3{
+	padding-left: 48px;
+}
+
+.dhx_matrix_scell .dhx_scell_level4{
+	padding-left: 64px;
+}
+
+.dhx_matrix_scell.folder{
+	border-right: 0;
+	font-weight: 700;
+	text-align: left;
+}
+
+.dhx_matrix_line{
+	overflow: hidden
+}
+
+.dhx_matrix_scell.folder .dhx_scell_expand{
+	.scheduler_icon;
+	.scheduler_icon.chevron_down();
+}
+
+.dhx_matrix_scell.folder.closed .dhx_scell_expand{
+	transform:rotate(-90deg);
+}
+
+.dhx_matrix_scell.folder,
+.dhx_timeline_label_row.dhx_row_folder {
+	overflow: visible;
+}
+
+.dhx_matrix_scell.folder > div {
+	display: flex;
+	align-items: center;
+	gap: 4px;
+	height: inherit;
+}
+
+.dhx_matrix_scell.folder .dhx_scell_expand{
+	position: relative;
+	flex-shrink: 0;
+}
+
+.dhx_matrix_scell.folder .dhx_scell_name{
+	width: auto;
+	color: var(--dhx-scheduler-timeline-folder-color);
+	text-transform: uppercase;
+	font-weight: 500;
+	max-height: 100%;
+}
+
+.dhx_matrix_scell.item .dhx_scell_name{
+	padding-left:16px;
+	text-align: left;
+}
+
+.dhx_cal_container_rtl {
+	.dhx_matrix_scell .dhx_scell_level0{
+		padding-left: 0;
+		padding-right: 4px;
+	}
+	
+	.dhx_matrix_scell .dhx_scell_level1{
+		padding-left: 0;
+		padding-right: 20px;
+	}
+	
+	.dhx_matrix_scell .dhx_scell_level2{
+		padding-left: 0;
+		padding-right: 32px;
+	}
+	
+	.dhx_matrix_scell .dhx_scell_level3{
+		padding-left: 0;
+		padding-right: 48px;
+	}
+	
+	.dhx_matrix_scell .dhx_scell_level4{
+		padding-left: 0;
+		padding-right: 63px;
+	}
+
+	
+	.dhx_matrix_scell.folder .dhx_scell_expand{
+		padding-right:0;
+		padding-left:4px;
+	}
+	
+	.dhx_matrix_scell.folder .dhx_scell_name{
+	}
+	
+	.dhx_matrix_scell.item .dhx_scell_name{
+		padding-left:0;
+		padding-right:12px;
+		text-align: right;
+	}
+	
+}
+
+.dhx_matrix_scell.dhx_matrix_scell_columns, .dhx_timeline_scale_header {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+
+.dhx_matrix_scell_columns.dhx_treetimeline {
+	.dhx_scell_name{
+		display: flex;
+	}
+	.dhx_scell_level {
+		flex-shrink:0;
+	}
+	
+	.dhx_timeline_label_column_first{
+		flex-shrink:1;
+		border-left-color: transparent;
+	}
+	
+}
+
+.dhx_second_scale_bar {
+	border-bottom: var(--dhx-scheduler-header-border);
+}
+
+
+.dhx_timeline_label_column,
+.dhx_timeline_label_column_header{
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	box-sizing: border-box;
+	flex-grow: 0;
+	flex-shrink: 0;
+	height: 100%;
+}
+
+.dhx_timeline_label_column{
+	border-left: var(--dhx-scheduler-header-border);
+}
+
+.dhx_timeline_label_column_header{
+	border-left-color: transparent;
+}
+
+.dhx_timeline_label_column:first-child{
+	border-left:0;
+}
+
+.dhx_cal_container_rtl { 
+	
+	.dhx_timeline_label_column{
+		border-left: none;
+		border-right: var(--dhx-scheduler-header-border);
+	}
+	
+	.dhx_timeline_label_column_header{
+		border-right-color: transparent;
+	}
+	
+	.dhx_timeline_label_column:first-child{
+		border-right:0;
+	}
+
+}

package/codebase/sources/less/src/tooltip.less

@@ -0,0 +1,21 @@
+
+.dhtmlXTooltip.tooltip{
+	box-shadow: var(--dhx-scheduler-box-shadow-m);
+	background-color: var(--dhx-scheduler-popup-background);
+    color: var(--dhx-scheduler-popup-color);
+    border: var(--dhx-scheduler-popup-border);
+	cursor:default;
+	padding:12px;
+	position:fixed;
+	z-index:9;
+	opacity: 1;
+    font-family: var(--dhx-scheduler-font-family);
+	font-size: var(--dhx-scheduler-regular-font-size);
+	line-height: var(--dhx-scheduler-regular-line-height);
+	font-weight: var(--dhx-scheduler-regular-font-weight);
+}
+
+.dhtmlXTooltip_rtl{
+	direction: rtl;
+}
+

package/codebase/sources/less/src/week_agenda_view.less

@@ -0,0 +1,80 @@
+.dhx_week_agenda_wrapper{
+	width: 100%;
+	height: 100%;
+	display: flex;
+}
+
+.dhx_wa_column{
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	border-right: var(--dhx-scheduler-default-border);
+}
+
+.dhx_wa_day_cont{
+	flex-grow: 0;
+	flex-shrink: 0;
+	flex-basis: calc(100% / 3);
+	display: flex;
+	flex-direction: column;
+
+
+    overflow-y: auto;
+}
+
+.dhx_wa_column:last-child{
+	.dhx_wa_day_cont:nth-last-child(1),
+	.dhx_wa_day_cont:nth-last-child(2) {
+		flex-shrink: 1;
+	}
+}
+
+.dhx_wa_scale_bar{
+	--dhx-scheduler-week-agenda-scale-height: 35px;
+	--dhx-scheduler-week-agenda-scale-font-size: var(--dhx-scheduler-important-font-size);
+	--dhx-scheduler-week-agenda-scale-font-weight: var(--dhx-scheduler-heading-font-weight);
+
+	font-size: var(--dhx-scheduler-week-agenda-scale-font-size);
+	font-weight: var(--dhx-scheduler-week-agenda-scale-font-weight);
+
+	height: var(--dhx-scheduler-week-agenda-scale-height);
+	line-height: var(--dhx-scheduler-week-agenda-scale-height);
+
+	flex: 0;
+
+	background: var(--dhx-scheduler-base-colors-select);
+	border-top: var(--dhx-scheduler-default-border);
+	border-bottom: var(--dhx-scheduler-default-border);
+	padding: 4px;
+
+
+	display: flex;
+	align-items: center;
+}
+.dhx_wa_day_data{
+	flex: 1;
+	overflow: auto;
+}
+
+.dhx_wa_ev_body{
+	border-bottom: var(--dhx-scheduler-default-border);
+	padding: 4px;
+}
+
+.dhx_wa_ev_body_rtl {
+    direction: rtl;
+}
+
+.dhx_wa_dnd {
+    font-family: var(--dhx-scheduler-font-family);
+    position: absolute;
+    color: #000000AA;
+    background-color: #FAEA27;
+    border: 1px solid #00000033;
+    min-width: 300px;
+}
+
+.dhx_wa_ev_body.dhx_cal_event_selected{
+    background-color: var(--dhx-scheduler-base-colors-select);
+ 
+}

package/codebase/sources/less/src/year_view.less

@@ -0,0 +1,83 @@
+.dhx_scheduler_year {
+	.dhx_cal_header {
+		display: none;
+	}
+
+	.dhx_cal_data{
+		padding: 40px;
+	}
+}
+
+.dhx_year_wrapper {
+	display: flex;
+	gap: 40px;
+	padding: 12px;
+	justify-content: center;
+	align-items: baseline;
+	flex-wrap: wrap;
+}
+
+.dhx_year_box {
+
+	// --dhx-scheduler-year_box_width: 260px;
+	// width: var(--dhx-scheduler-year_box_width);
+	.dhx_scale_bar {
+		position: relative;
+		width: var(--dhx-scheduler-datepicker-cell-size);
+	}
+
+	.dhx_month_head {
+		position: relative;
+	}
+
+	--dhx-scheduler-month-day-header-padding: 8px 12px;
+
+	.dhx_month_head.dhx_year_event::after {
+		.scheduler-event-marker();
+	}
+
+	.dhx_month_body {
+		display: none;
+	}
+}
+
+.dhx_year_month {
+	text-align: center;
+	padding: 12px 0;
+
+
+}
+
+.dhx_year_week {
+	display: flex;
+}
+
+.dhx_year_tooltip {
+	position: absolute;
+	padding: 12px;
+	font-family: var(--dhx-scheduler-font-family);
+	font-size: var(--dhx-scheduler-event-title-font-size);
+	background: var(--dhx-scheduler-popup-background);
+	border-radius: var(--dhx-scheduler-popup-border-radius);
+	border: var(--dhx-scheduler-popup-border);
+	color: var(--dhx-scheduler-popup-color);
+	box-shadow: var(--dhx-scheduler-box-shadow-m);
+	display: flex;
+	flex-direction: column;
+	width: 300px;
+	gap: 4px;
+}
+
+.dhx_tooltip_line {
+
+	border-radius: var(--dhx-scheduler-border-radius);
+	background: var(--dhx-scheduler-event-background);
+	color: var(--dhx-scheduler-event-color);
+	padding: 4px;
+	display: flex;
+	cursor: pointer;
+}
+
+.dhx_tooltip_rtl {
+	direction: rtl;
+}

package/codebase/sources/less/theme.less

@@ -0,0 +1,2 @@
+
+@import "./src/index";

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "dhtmlx-scheduler",
-  "version": "6.0.4",
+  "version": "7.0.0",
   "description": "JavaScript event calendar. Allows to manage events and appointments in different views",
-  "main": "codebase/dhtmlxscheduler.js",
-  "types": "codebase/dhtmlxscheduler.d.ts",
+  "main": "codebase/dhtmlxscheduler.es.js",
+  "types": "codebase/dhtmlxscheduler.es.d.ts",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/DHTMLX/scheduler.git"

package/whatsnew.md

@@ -1,3 +1,31 @@
+### 7.0.0
+
+Skins customization with CSS variables
+New Dark skin is introduced
+New Agenda view is added
+Terrace skin is updated
+Ability to install the professional versions of the Scheduler via npm
+Enhanced ability to customize markers in the Map View
+Improvements in the default display for short events in the Day/Week/Units views
+Day/Week/Units views don't use images for the background grid any more
+Bluebird Promise library is removed from the core library
+Various improvements for scaling on high-definition screens and responsiveness on smaller screens
+Columns of the Day/Week/Units views are now able to reserve free space
+Updated type definitions
+The export API is included into scheduler.plugins and no longer requires adding additional JS file. Check the Migration article
+Display issues of the recurring form when the French locale is used
+Incorrect duration of events after drag-and-drop actions in the Timeline view when using the first_hour/last_hour settings
+Unexpected scroll behavior when using the mouse wheel over the left-hand panel of the Timeline view
+Visual lag during vertical scrolling in the Timeline view on high-definition screens with Smart Rendering enabled
+Non-functional drag-and-drop in the Units view when the all_timed extension is active
+The Multiselect plugin in GPL builds is restored
+
+### 6.0.5
+
+Fix the issue where the lightbox was not functioning in SalesForce LWC
+Fix for the container_autoresize issue that occurred with ignore_week when the week started on a hidden day
+Updated type definitions to include scheduler.form_blocks
+
 ### 6.0.4
 
 Fix the incorrect work of the dataProcessor when an instance of the Recurring series is edited.