dhtmlx-scheduler 6.0.4 → 7.0.0

package/codebase/sources/less/src/datepicker.less

@@ -0,0 +1,279 @@
+.dhx_cal_datepicker {
+	font-size: var(--dhx-scheduler-datepicker-font-size);
+	font-family: var(--dhx-scheduler-datepicker-family);
+	line-height: 142%;
+	font-weight: 400;
+	// width: var(--dhx-scheduler-datepicker-width);
+	border: var(--dhx-scheduler-popup-border);
+	background: var(--dhx-scheduler-popup-background);
+	color: var(--dhx-scheduler-popup-color);
+	box-shadow: var(--dhx-scheduler-box-shadow-s);
+	border-radius: var(--dhx-scheduler-popup-border-radius);
+	padding: 16px;
+
+}
+
+.dhx_cal_datepicker,
+.dhx_cal_datepicker *,
+.dhx_mini_calendar,
+.dhx_mini_calendar * {
+	box-sizing: border-box;
+}
+
+.dhx_cal_datepicker_arrow {
+	border: none;
+	background: none;
+	cursor: pointer;
+}
+
+.dhx_cal_datepicker_arrow:focus {
+	outline: none;
+}
+
+.dhx_cal_datepicker_data,
+.dhx_year_grid {
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+	height: 100%;
+	padding: var(--dhx-scheduler-datepicker-padding);
+	gap: 8px;
+	color: var(--dhx-scheduler-month-header-color);
+}
+
+.dhx_cal_datepicker_done {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+
+.dhx_cal_datepicker_header {
+	color: var(--dhx-scheduler-base-colors-primary);
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	padding: var(--dhx-scheduler-datepicker-padding);
+}
+
+.dhx_cal_datepicker_title {
+	font-weight: var(--dhx-scheduler-datepicker-header-font-size);
+	font-size: var(--dhx-scheduler-datepicker-header-font-size);
+	.button;
+	.button-link;
+}
+
+.dhx_cal_datepicker_days {
+	display: grid;
+	grid-template-columns: repeat(7, 1fr);
+	gap: 4px;
+}
+
+.dhx_cal_datepicker_dayname,
+.dhx_cal_datepicker_date {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	position: relative;
+	transition: all 0.3s;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+.dhx_cal_datepicker_dayname {
+	color: var(--dhx-scheduler-base-colors-icons);
+}
+
+.dhx_cal_datepicker_date {
+	border-radius: 50%;
+	width: var(--dhx-scheduler-datepicker-cell-size);
+	height: var(--dhx-scheduler-datepicker-cell-size);
+	color: var(--dhx-scheduler-datepicker-cell-color);
+	background: var(--dhx-scheduler-datepicker-cell-background);
+}
+
+.dhx_cal_datepicker_weekend {
+	--dhx-scheduler-datepicker-cell-color: var(--dhx-scheduler-datepicker-weekend-color);
+	--dhx-scheduler-datepicker-cell-background: var(--dhx-scheduler-datepicker-weekend-background);
+}
+
+
+.dhx_cal_datepicker_date.dhx_before,
+.dhx_cal_datepicker_date.dhx_after {
+	--dhx-scheduler-datepicker-cell-color: var(--dhx-scheduler-datepicker-prevnext-color);
+	--dhx-scheduler-datepicker-cell-background: var(--dhx-scheduler-datepicker-prevnext-background);
+}
+
+
+.dhx_cal_datepicker_current {
+	--dhx-scheduler-datepicker-cell-color: var(--dhx-scheduler-datepicker-today-color);
+	--dhx-scheduler-datepicker-cell-background: var(--dhx-scheduler-datepicker-today-background);
+}
+
+.dhx_cal_datepicker_date:not(.dhx_before,
+	.dhx_after):hover,
+.dhx_cal_datepicker_month:hover,
+.dhx_cal_datepicker_year:hover {
+	--dhx-scheduler-datepicker-cell-color: var(--dhx-scheduler-datepicker-hover-color);
+	--dhx-scheduler-datepicker-cell-background: var(--dhx-scheduler-datepicker-hover-background);
+}
+
+.dhx_cal_datepicker_months,
+.dhx_cal_datepicker_years {
+	display: grid;
+	grid-template-columns: repeat(4, 1fr);
+	gap: 8px;
+}
+
+.dhx_cal_datepicker_months{
+	column-gap: 12px;
+}
+
+.dhx_cal_datepicker_years {
+	column-gap: 4px;
+}
+
+.dhx_cal_datepicker_month,
+.dhx_cal_datepicker_year {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	height: var(--dhx-scheduler-datepicker-cell-size);
+	border-radius: 10px;
+	padding: 4px 8px;
+	transition: background 0.3s;
+	position: relative;
+	color: var(--dhx-scheduler-datepicker-cell-color);
+	background: var(--dhx-scheduler-datepicker-cell-background);
+}
+
+.dhx_cal_datepicker_done_btn {
+	.button;
+	.button-link;
+}
+.dhx_datepicker_date_wrapper{
+	position: relative;
+
+	.scheduler_icon();
+	.scheduler_icon.calendar();
+
+	&:before {
+		position: absolute;
+		right: 4px;
+		top: 8px;
+		font-size: 20px;
+	}
+}
+
+.dhx_cal_datepicker_event {
+
+	&.dhx_cal_datepicker_current,
+	&:hover {
+		--dhx-scheduler-event-marker-color: var(--dhx-scheduler-datepicker-hover-color);
+	}
+}
+
+.dhx_cal_datepicker_event::after {
+	.scheduler-event-marker();
+}
+
+
+/* minical */
+.dhx_minical_popup {
+	position: absolute;
+	z-index: 15;
+}
+
+.dhx_mini_calendar {
+
+	font-size: var(--dhx-scheduler-datepicker-font-size);
+	font-family: var(--dhx-scheduler-datepicker-family);
+	line-height: 142%;
+	font-weight: 400;
+	// width: var(--dhx-scheduler-datepicker-width);
+	border: var(--dhx-scheduler-popup-border);
+	background: var(--dhx-scheduler-popup-background);
+	color: var(--dhx-scheduler-popup-color);
+	box-shadow: var(--dhx-scheduler-box-shadow-m);
+	border-radius: var(--dhx-scheduler-popup-border-radius);
+
+	--dhx-scheduler-datepicker-font-size: var(--dhx-scheduler-caption-font-size);
+	--dhx-scheduler-header-border: none;
+
+	.dhx_cal_month_row {
+		height: 35px !important;
+	}
+
+	.dhx_year_week {
+		border-bottom: var(--dhx-scheduler-default-border);
+	}
+
+	.dhx_scale_bar {
+		position: static;
+	}
+
+	.dhx_year_month {
+		font-weight: 500;
+		font-size: var(--dhx-scheduler-font-size);
+	}
+
+	.dhx_month_body {
+		display: none;
+	}
+
+	.dhx_cal_month_cell {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		border-radius: 50%;
+		border: none;
+		background: var(--dhx-scheduler-popup-background);
+	}
+
+	.dhx_month_head {
+		border-radius: 50%;
+		color: var(--dhx-scheduler-datepicker-cell-color);
+		background: var(--dhx-scheduler-datepicker-cell-background);
+		width: 30px !important;
+		height: 30px !important;
+		padding: 4px;
+		justify-content: center;
+		align-items: center;
+		cursor: pointer;
+	}
+
+	div.dhx_month_head.dhx_year_event {
+		background-color: rgba(2, 136, 209, .2);
+		color: #0288d1;
+		font-weight: 500;
+	}
+
+	div.dhx_month_head.dhx_calendar_click {
+		background-color: #e5e5e5;
+		color: rgba(0, 0, 0, .75);
+		font-weight: 500;
+	}
+
+	.dhx_now .dhx_month_head {
+		background-color: #f7f7f7;
+	}
+
+	.dhx_after .dhx_month_head,
+	.dhx_before .dhx_month_head {
+		--dhx-scheduler-datepicker-cell-color: var(--dhx-scheduler-inactive-month-color);
+	}
+}
+
+.dhx_minical_input_wrapper{
+	position: relative;
+
+	.scheduler_icon();
+	.scheduler_icon.calendar();
+
+	&:before {
+		pointer-events: none;
+		position: absolute;
+		right: 5px;
+		top: 7px;
+		font-size: 20px;
+	}
+}

package/codebase/sources/less/src/grid_view.less

@@ -0,0 +1,68 @@
+.dhx_grid_event {
+	height: var(--dhx-scheduler-list-line-height);
+	line-height: var(--dhx-scheduler-list-line-height);
+	background: var(--dhx-scheduler-grid-event-background);
+	color: var(--dhx-scheduler-grid-event-text);
+}
+
+.dhx_grid_event:nth-child(even) {
+	--dhx-scheduler-grid-event-background: var(--dhx-scheduler-base-colors-select);
+}
+
+.dhx_grid_event.dhx_grid_event_selected{
+	--dhx-scheduler-grid-event-background: var(--dhx-scheduler-base-colors-icons);
+}
+
+.dhx_grid_area td,
+.dhx_grid_line>div {
+	padding-left: 8px;
+	padding-right: 8px;
+}
+
+.dhx_grid_line>div {
+	text-align: center;
+}
+
+.dhx_grid_area>table {
+	border-collapse: collapse;
+	width: 100%;
+	table-layout: fixed;
+}
+
+.dhx_grid_area td {
+	table-layout: fixed;
+	text-align: center;
+	height: var(--dhx-scheduler-list-line-height);
+	line-height: var(--dhx-scheduler-list-line-height);
+}
+
+.dhx_cal_header > .dhx_grid_line {
+	display: flex;
+}
+
+
+.dhx_grid_v_border {
+	position: absolute;
+	border-right: var(--dhx-scheduler-default-border);
+	width: 1px;
+	height: 100%;
+}
+
+.dhx_grid_view_sort {
+
+	position: absolute;
+	top: 5px;
+
+	width: 0;
+	height: 0;
+	border-left: 5px solid transparent;
+	border-right: 5px solid transparent;
+	border-top: 10px solid var(--dhx-scheduler-base-colors-text-light);
+}
+
+.dhx_grid_sort_asc .dhx_grid_view_sort {
+	border-top: none;
+	border-left: 5px solid transparent;
+	border-right: 5px solid transparent;
+	border-bottom: 10px solid var(--dhx-scheduler-base-colors-text-light);
+}

package/codebase/sources/less/src/icons.less

@@ -0,0 +1,228 @@
+@font-face {
+    font-family: "dhx-scheduler-icons";
+    /* src: url("./dhx-scheduler-icons.woff?7d3dc8d31762f76ad3c385c23e9afbc6") format("woff"),
+url("./dhx-scheduler-icons.woff2?7d3dc8d31762f76ad3c385c23e9afbc6") format("woff2"); */
+
+    src: url("./iconfont/dhx-scheduler-icons.woff") format("woff"),
+url("./iconfont/dhx-scheduler-icons.woff2") format("woff2");
+}
+
+.scheduler_icon,
+.dhx_menu_icon {
+    &:before{
+        font-family: dhx-scheduler-icons !important;
+        font-style: normal;
+        font-weight: normal !important;
+        font-variant: normal;
+        text-transform: none;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        color: var(--dhx-scheduler-base-colors-icons);
+    }
+}
+
+.scheduler_icon.alert,
+.dhx_menu_icon.icon_alert {
+    &:before{
+        content: "\f101";
+    }
+}
+.scheduler_icon.arrow_down,
+.dhx_menu_icon.icon_arrow_down {
+    &:before{
+        content: "\f102";
+    }
+}
+.scheduler_icon.arrow_left,
+.dhx_menu_icon.icon_arrow_left {
+    &:before{
+        content: "\f103";
+        font-size: 24px;
+    }
+}
+.scheduler_icon.arrow_right,
+.dhx_menu_icon.icon_arrow_right {
+    &:before{
+        content: "\f104";
+        font-size: 24px;
+    }
+}
+.scheduler_icon.arrow_up,
+.dhx_menu_icon.icon_arrow_up {
+    &:before{
+        content: "\f105";
+    }
+}
+.scheduler_icon.calendar,
+.dhx_menu_icon.icon_calendar {
+    &:before{
+        content: "\f106";
+    }
+}
+.scheduler_icon.cancel,
+.dhx_menu_icon.icon_cancel {
+    &:before{
+        content: "\f107";
+    }
+}
+.scheduler_icon.check,
+.dhx_menu_icon.icon_check {
+    &:before{
+        content: "\f108";
+    }
+}
+.scheduler_icon.chevron_down,
+.dhx_menu_icon.icon_chevron_down {
+    &:before{
+        content: "\f109";
+    }
+}
+.scheduler_icon.chevron_left,
+.dhx_menu_icon.icon_chevron_left {
+    &:before{
+        content: "\f10a";
+    }
+}
+.scheduler_icon.chevron_right,
+.dhx_menu_icon.icon_chevron_right {
+    &:before{
+        content: "\f10b";
+    }
+}
+.scheduler_icon.chevron_up,
+.dhx_menu_icon.icon_chevron_up {
+    &:before{
+        content: "\f10c";
+    }
+}
+.scheduler_icon.clock,
+.dhx_menu_icon.icon_clock {
+    &:before{
+        content: "\f10d";
+    }
+}
+.scheduler_icon.close,
+.dhx_menu_icon.icon_close {
+    &:before{
+        content: "\f10e";
+    }
+}
+.scheduler_icon.delete,
+.dhx_menu_icon.icon_delete {
+    &:before{
+        content: "\f10f";
+        font-size: 18px;
+    }
+}
+.scheduler_icon.details,
+.dhx_menu_icon.icon_details {
+    &:before{
+        content: "\f110";
+    }
+}
+.scheduler_icon.dots_h,
+.dhx_menu_icon.icon_dots_h {
+    &:before{
+        content: "\f111";
+    }
+}
+.scheduler_icon.dots_v,
+.dhx_menu_icon.icon_dots_v {
+    &:before{
+        content: "\f112";
+    }
+}
+.scheduler_icon.drag_horizontal,
+.dhx_menu_icon.icon_drag_horizontal {
+    &:before{
+        content: "\f113";
+    }
+}
+.scheduler_icon.drag_vertical,
+.dhx_menu_icon.icon_drag_vertical {
+    &:before{
+        content: "\f114";
+    }
+}
+.scheduler_icon.drag,
+.dhx_menu_icon.icon_drag {
+    &:before{
+        content: "\f115";
+    }
+}
+.scheduler_icon.edit,
+.dhx_menu_icon.icon_edit {
+    &:before{
+        content: "\f116";
+    }
+}
+.scheduler_icon.form,
+.dhx_menu_icon.icon_form {
+    &:before{
+        content: "\f117";
+    }
+}
+.scheduler_icon.iclose,
+.dhx_menu_icon.icon_iclose {
+    &:before{
+        content: "\f118";
+    }
+}
+.scheduler_icon.loading,
+.dhx_menu_icon.icon_loading {
+    &:before{
+        content: "\f119";
+    }
+}
+.scheduler_icon.menu,
+.dhx_menu_icon.icon_menu {
+    &:before{
+        content: "\f11a";
+    }
+}
+.scheduler_icon.menu_down,
+.dhx_menu_icon.icon_menu_down {
+    &:before{
+        content: "\f11b";
+    }
+}
+.scheduler_icon.menu_right,
+.dhx_menu_icon.icon_menu_right {
+    &:before{
+        content: "\f11c";
+    }
+}
+.scheduler_icon.ok,
+.dhx_menu_icon.icon_ok {
+    &:before{
+        content: "\f11d";
+    }
+}
+.scheduler_icon.plus,
+.dhx_menu_icon.icon_plus {
+    &:before{
+        content: "\f11e";
+    }
+}
+.scheduler_icon.save,
+.dhx_menu_icon.icon_save {
+    &:before{
+        content: "\f11f";
+    }
+}
+.scheduler_icon.sort_asc,
+.dhx_menu_icon.icon_sort_asc {
+    &:before{
+        content: "\f120";
+    }
+}
+.scheduler_icon.sort_desc,
+.dhx_menu_icon.icon_sort_desc {
+    &:before{
+        content: "\f121";
+    }
+}
+

package/codebase/sources/less/src/imgs/alert.svg

@@ -0,0 +1,3 @@
+<svg style="width:24px;height:24px" viewBox="0 0 24 24">
+    <path fill="currentColor" d="M11,15H13V17H11V15M11,7H13V13H11V7M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20Z" />
+</svg>

package/codebase/sources/less/src/imgs/arrow/down.svg

@@ -0,0 +1,3 @@
+<svg style="width:24px;height:24px" viewBox="0 0 24 24">
+    <path fill="currentColor" d="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z" />
+</svg>

package/codebase/sources/less/src/imgs/arrow/left.svg

@@ -0,0 +1,3 @@
+<svg style="width:24px;height:24px" viewBox="0 0 24 24">
+    <path fill="currentColor" d="M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z" />
+</svg>

package/codebase/sources/less/src/imgs/arrow/right.svg

@@ -0,0 +1,3 @@
+<svg style="width:48px;height:48px" viewBox="0 0 24 24">
+    <path fill="currentColor" d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z" />
+</svg>

package/codebase/sources/less/src/imgs/arrow/up.svg

@@ -0,0 +1,3 @@
+<svg style="width:24px;height:24px" viewBox="0 0 24 24">
+    <path fill="currentColor" d="M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z" />
+</svg>

package/codebase/sources/less/src/imgs/calendar.svg

@@ -0,0 +1,3 @@
+<svg style="width:24px;height:24px" viewBox="0 0 24 24">
+    <path fill="currentColor" d="M19,19H5V8H19M16,1V3H8V1H6V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3H18V1M17,12H12V17H17V12Z" />
+</svg>

package/codebase/sources/less/src/imgs/cancel.svg

@@ -0,0 +1,3 @@
+<svg style="width:24px;height:24px" viewBox="0 0 24 24">
+    <path fill="currentColor" d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z" />
+</svg>

package/codebase/sources/less/src/imgs/check.svg

@@ -0,0 +1,3 @@
+<svg style="width:24px;height:24px" viewBox="0 0 24 24">
+    <path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z" />
+</svg>

package/codebase/sources/less/src/imgs/chevron/down.svg

@@ -0,0 +1,3 @@
+<svg style="width:24px;height:24px" viewBox="0 0 24 24">
+    <path fill="currentColor" d="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z" />
+</svg>

package/codebase/sources/less/src/imgs/chevron/left.svg

@@ -0,0 +1,3 @@
+<svg style="width:24px;height:24px" viewBox="0 0 24 24">
+    <path fill="currentColor" d="M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z" />
+</svg>

package/codebase/sources/less/src/imgs/chevron/right.svg

@@ -0,0 +1,3 @@
+<svg style="width:48px;height:48px" viewBox="0 0 24 24">
+    <path fill="currentColor" d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z" />
+</svg>

package/codebase/sources/less/src/imgs/chevron/up.svg

@@ -0,0 +1,3 @@
+<svg style="width:24px;height:24px" viewBox="0 0 24 24">
+    <path fill="currentColor" d="M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z" />
+</svg>

package/codebase/sources/less/src/imgs/clock.svg

@@ -0,0 +1,3 @@
+<svg style="width:24px;height:24px" viewBox="0 0 24 24">
+    <path fill="currentColor" d="M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C6.47,22 2,17.5 2,12A10,10 0 0,1 12,2M12.5,7V12.25L17,14.92L16.25,16.15L11,13V7H12.5Z" />
+</svg>

package/codebase/sources/less/src/imgs/close.svg

@@ -0,0 +1,3 @@
+<svg style="width:24px;height:24px" viewBox="0 0 24 24">
+    <path fill="currentColor" d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z" />
+</svg>

package/codebase/sources/less/src/imgs/delete.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.00033 15.8333C5.00033 16.2754 5.17592 16.6993 5.48848 17.0118C5.80104 17.3244 6.22496 17.5 6.66699 17.5H13.3337C13.7757 17.5 14.1996 17.3244 14.5122 17.0118C14.8247 16.6993 15.0003 16.2754 15.0003 15.8333V5.83333H5.00033V15.8333ZM6.66699 7.5H13.3337V15.8333H6.66699V7.5ZM12.917 3.33333L12.0837 2.5H7.91699L7.08366 3.33333H4.16699V5H15.8337V3.33333H12.917Z" fill="#537CFA"/>
+</svg>

package/codebase/sources/less/src/imgs/details.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.71667 5.5L10.5 6.28333L2.93333 13.8333H2.16667V13.0667L9.71667 5.5ZM12.7167 0.5C12.5083 0.5 12.2917 0.583333 12.1333 0.741667L10.6083 2.26667L13.7333 5.39167L15.2583 3.86667C15.5833 3.54167 15.5833 3 15.2583 2.69167L13.3083 0.741667C13.1417 0.575 12.9333 0.5 12.7167 0.5ZM9.71667 3.15833L0.5 12.375V15.5H3.625L12.8417 6.28333L9.71667 3.15833Z" fill="#537CFA"/>
+</svg>

package/codebase/sources/less/src/imgs/dots/h.svg

@@ -0,0 +1,3 @@
+<svg style="width:24px;height:24px" viewBox="0 0 24 24">
+    <path fill="currentColor" d="M16,12A2,2 0 0,1 18,10A2,2 0 0,1 20,12A2,2 0 0,1 18,14A2,2 0 0,1 16,12M10,12A2,2 0 0,1 12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12M4,12A2,2 0 0,1 6,10A2,2 0 0,1 8,12A2,2 0 0,1 6,14A2,2 0 0,1 4,12Z" />
+</svg>

package/codebase/sources/less/src/imgs/dots/v.svg

@@ -0,0 +1,3 @@
+<svg style="width:24px;height:24px" viewBox="0 0 24 24">
+    <path fill="currentColor" d="M12,16A2,2 0 0,1 14,18A2,2 0 0,1 12,20A2,2 0 0,1 10,18A2,2 0 0,1 12,16M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M12,4A2,2 0 0,1 14,6A2,2 0 0,1 12,8A2,2 0 0,1 10,6A2,2 0 0,1 12,4Z" />
+</svg>

package/codebase/sources/less/src/imgs/drag.svg

@@ -0,0 +1,3 @@
+<svg style="width:24px;height:24px" viewBox="0 0 24 24">
+	<path d="M7,19V17H9V19H7M11,19V17H13V19H11M15,19V17H17V19H15M7,15V13H9V15H7M11,15V13H13V15H11M15,15V13H17V15H15M7,11V9H9V11H7M11,11V9H13V11H11M15,11V9H17V11H15M7,7V5H9V7H7M11,7V5H13V7H11M15,7V5H17V7H15Z" />
+</svg>

package/codebase/sources/less/{skins/material/imgs_dhx_material/drag-horizontal.svg → src/imgs/drag_horizontal.svg}

@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="20" height="20" viewBox="0 0 20 20">
 <path d="M3,15V13H5V15H3M3,11V9H5V11H3M7,15V13H9V15H7M7,11V9H9V11H7M11,15V13H13V15H11M11,11V9H13V11H11M15,15V13H17V15H15M15,11V9H17V11H15M19,15V13H21V15H19M19,11V9H21V11H19Z" fill="rgba(255,255,255,0.75)" />
 </svg>