dhtmlx-scheduler 6.0.4 → 7.0.0

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

@@ -1,8 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="6px" height="18px" viewBox="0 0 6 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
-    <title>drag-vertical</title>
-    <desc>Created with Sketch.</desc>
     <defs></defs>
     <g id="Material-Design-for-dhtmlxScheduler" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="Artboard-Copy-6" transform="translate(-204.000000, -638.000000)" fill="#FFFFFF" fill-rule="nonzero">

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

@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.9987 2.5C15.4589 2.5 15.832 2.8731 15.832 3.33333C15.832 3.79357 15.4589 4.16667 14.9987 4.16667L14.1654 4.16667V15H14.9987C15.4589 15 15.832 15.3731 15.832 15.8333C15.832 16.2936 15.4589 16.6667 14.9987 16.6667H11.6654C11.2051 16.6667 10.832 16.2936 10.832 15.8333C10.832 15.3731 11.2051 15 11.6654 15H12.4987V4.16667H11.6654C11.2051 4.16667 10.832 3.79357 10.832 3.33333C10.832 2.8731 11.2051 2.5 11.6654 2.5H14.9987Z" fill="#537CFA"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.33268 6.66667V12.5H16.666V6.66667H3.33268ZM3.0549 5C2.28784 5 1.66602 5.62183 1.66602 6.38889V12.7778C1.66602 13.5448 2.28784 14.1667 3.0549 14.1667H16.9438C17.7109 14.1667 18.3327 13.5448 18.3327 12.7778V6.38889C18.3327 5.62183 17.7109 5 16.9438 5H3.0549Z" fill="#537CFA"/>
+</svg>

package/codebase/sources/less/src/imgs/form.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/iclose.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="M15.6667 5.175L14.4917 4L9.83333 8.65833L5.175 4L4 5.175L8.65833 9.83333L4 14.4917L5.175 15.6667L9.83333 11.0083L14.4917 15.6667L15.6667 14.4917L11.0083 9.83333L15.6667 5.175Z" fill="#A1A4A6"/>
+</svg>

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

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

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

@@ -0,0 +1,3 @@
+<svg style="width:24px;height:24px" viewBox="0 0 24 24">
+    <path fill="currentColor" d="M7,10L12,15L17,10H7Z" />
+</svg>

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

@@ -0,0 +1,3 @@
+<svg style="width:24px;height:24px" viewBox="0 0 24 24">
+    <path fill="currentColor" d="M10,17L15,12L10,7V17Z" />
+</svg>

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

@@ -0,0 +1 @@
+<svg style="width:24px;height:24px" viewBox="0 0 24 24"><title>menu</title><path d="M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z" /></svg>

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

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    fill="black"
+>
+    <path d="M4 10l2 2 6-6" fill="none" stroke="black" stroke-width="2"/>
+</svg>

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

@@ -0,0 +1,3 @@
+<svg style="width:24px;height:24px" viewBox="0 0 24 24">
+    <path fill="currentColor" d="M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z" />
+</svg>

package/codebase/sources/less/src/imgs/save.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/sort/asc.svg

@@ -0,0 +1,3 @@
+<svg style="width:24px;height:24px" viewBox="0 0 24 24">
+    <path fill="currentColor" d="M3 11H15V13H3M3 18V16H21V18M3 6H9V8H3Z" />
+</svg>

package/codebase/sources/less/src/imgs/sort/desc.svg

@@ -0,0 +1,3 @@
+<svg style="width:24px;height:24px" viewBox="0 0 24 24">
+    <path fill="currentColor" d="M3,13H15V11H3M3,6V8H21V6M3,18H9V16H3V18Z" />
+</svg>

package/codebase/sources/less/src/index.less

@@ -0,0 +1,22 @@
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
+
+@import "./themes/index";
+@import "./icons";
+@import "./buttons";
+@import "./base";
+@import "./lightbox";
+@import "./columns_view";
+@import "./columns_event";
+@import "./month_view";
+@import "./month_event";
+@import "./quick_info";
+@import "./year_view";
+@import "./timeline";
+@import "./agenda_legacy";
+@import "./week_agenda_view";
+@import "./grid_view";
+@import "./agenda";
+@import "./datepicker";
+@import "./modals";
+@import "./tooltip";
+@import "./misc";

package/codebase/sources/less/src/lightbox.less

@@ -0,0 +1,480 @@
+.common_input {
+    border-radius: 2px;
+    background-color: var(--dhx-scheduler-lightbox-background);
+    color: var(--dhx-scheduler-lightbox-color);
+    border: var(--dhx-scheduler-lightbox-control-border);
+    font-size: var(--dhx-scheduler);
+    padding: 6px 8px;
+    box-sizing: border-box;
+    margin-top: 0;
+    margin-bottom: 0;
+
+    &:focus,
+    &:focus-visible {
+        border-color: var(--dhx-scheduler-base-colors-primary);
+        outline: none;
+    }
+
+    &:disabled{
+        background-color: var(--dhx-scheduler-base-colors-disabled);
+        color: var(--dhx-scheduler-base-colors-icons);
+    }
+}
+
+.one_line_input {
+    height: var(--dhx-scheduler-control-height);
+}
+
+.dhx_cal_cover,
+.dhx_cal_cover * {
+    box-sizing: border-box;
+}
+
+.dhx_cal_cover {
+    width: 100%;
+    height: 100%;
+    position: fixed;
+    z-index: 14;
+    top: 0;
+    left: 0;
+    background-color: rgba(0, 0, 0, 0.4);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    overflow: auto;
+}
+
+.dhx_cal_light {
+    margin-top: auto;
+    margin-bottom: auto;
+
+    width: max-content;
+    max-width: var(--dhx-scheduler-lightbox-width);
+    height: auto;
+    -webkit-tap-highlight-color: transparent;
+    background-color: var(--dhx-scheduler-lightbox-background);
+    color: var(--dhx-scheduler-lightbox-color);
+    position: absolute;
+    z-index: 15;
+    font-family: var(--dhx-scheduler-lightbox_font-family);
+    font-size: var(--dhx-scheduler-lightbox-font-size);
+    font-weight: var(--dhx-scheduler-lightbox-font-weight);
+    line-height: 142%;
+    border: var(--dhx-scheduler-lightbox-border);
+    border-radius: var(--dhx-scheduler-popup-border-radius);
+
+    &.dhx_cal_light_wide {
+        --dhx-scheduler-lightbox-width: var(--dhx-scheduler-lightbox-wide-max-width);
+    }
+
+    textarea,
+    input,
+    select {
+        .common_input();
+    }
+
+    input,
+    select {
+        .one_line_input();
+    }
+
+    input[type="select"],
+    input[type="checkbox"] {
+        height: var(--dhx-scheduler-checkbox-height);
+    }
+
+    .dhx_time{
+        display: none;
+    }
+
+
+}
+
+.dhx_cal_ltitle {
+
+    font-size: var(--dhx-scheduler-lightbox-title-font-size);
+    font-weight: var(--dhx-scheduler-heading-font-weight);
+    line-height: 142%;
+
+    background: var(--dhx-scheduler-lightbox-title-background);
+    color: var(--dhx-scheduler-lightbox-title-color);
+
+    border-bottom: var(--dhx-scheduler-default-border);
+
+    padding: calc(var(--dhx-scheduler-base-padding) * 3) calc(var(--dhx-scheduler-base-padding) * 3);
+    overflow: hidden;
+    white-space: nowrap;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    gap: calc(var(--dhx-scheduler-base-padding) * 2);
+    border-top-right-radius: var(--dhx-scheduler-popup-border-radius);
+    border-top-left-radius: var(--dhx-scheduler-popup-border-radius);
+
+    .dhx_mark {
+        display: none;
+    }
+
+    .dhx_cal_ltitle_descr{
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+
+    .dhx_cal_ltitle_controls{
+        cursor: pointer;
+    }
+}
+
+.dhx_cal_larea {
+    border: none;
+    padding: 0 12px 4px;
+    // overflow: hidden;
+    height: auto;
+
+    gap: calc(var(--dhx-scheduler-base-padding) * 2);
+
+}
+
+.dhx_btn_inner.dhx_delete_btn {
+    display: block !important;
+
+
+    .scheduler_icon();
+    .scheduler_icon.delete();
+}
+
+.dhx_cal_light_rtl {
+    direction: rtl;
+}
+
+.dhx_cal_light_wide.dhx_cal_light_rtl {
+    .dhx_custom_button {
+        right: auto;
+        left: calc(var(--dhx-scheduler-base-padding) * 2);
+    }
+}
+
+.dhx_lightbox_time_select{
+    min-width: 80px;
+}
+.dhx_lightbox_day_select{
+    min-width: 60px;
+}
+.dhx_lightbox_month_select{
+    min-width: 110px;
+}
+.dhx_lightbox_year_select{
+    min-width: 77px;
+}
+
+.dhx_cal_light_wide {
+
+    .dhx_cal_larea {
+        display: flex;
+        flex-direction: column;
+        padding-top: 12px;
+        gap: 12px;
+    }
+
+    .dhx_wrap_section {
+        display: flex;
+        flex: 0;
+        position: relative
+    }
+
+    .dhx_cal_lsection {
+        width: 120px;
+        justify-content: start;
+        align-items: start;
+        flex-shrink: 0;
+        margin-top: 0;
+        margin-bottom: 0;
+        padding: 4px 8px;
+    }
+
+    .dhx_custom_button {
+        position: absolute;
+        left: auto;
+        right: calc(var(--dhx-scheduler-base-padding) * 2);
+    }
+
+    .dhx_cal_ltext {
+        flex: 1;
+    }
+
+    .dhx_section_time {
+        justify-content: start;
+    }
+
+    .dhx_fullday {
+        margin-left: unset;
+    }
+}
+
+.dhx_cal_lcontrols {
+    display: flex;
+    flex-direction: row-reverse;
+    gap: calc(var(--dhx-scheduler-base-padding)*2);
+    padding: 12px;
+
+    .dhx_btn_set {
+        display: flex;
+        flex-direction: row;
+        gap: var(--dhx-scheduler-base-padding);
+
+        // &.dhx_save_btn_set {
+        //     .button-primary;
+        // }
+
+        &.dhx_delete_btn_set {
+            .button-danger-link;
+        }
+
+        &:not(.dhx_save_btn_set, .dhx_delete_btn_set) {
+            .button-outline;
+        }
+
+        .dhx_btn_inner {
+            display: none;
+        }
+    }
+
+    .dhx_cal_lcontrols_push_right {
+        margin-left: auto;
+    }
+}
+
+.dhx_cal_ltext {
+    textarea {
+        width: 100%;
+        height: 100%;
+        resize: none;
+        font-family: var(--dhx-scheduler-lightbox_font-family);
+        font-size: var(--dhx-scheduler-lightbox-font-size);
+        font-weight: var(--dhx-scheduler-lightbox-font-weight);
+        line-height: 142%;
+    }
+}
+.dhx_section_time_spacer,
+.dhx_lightbox_minical_spacer {
+    visibility: hidden;
+    flex-basis: 100%;
+    height: 0;
+}
+.dhx_section_time {
+    --dhx-scheduler-lightbox-time-font-size: var(--dhx-scheduler-important-font-size);
+    --dhx-scheduler-lightbox-time-font-weight: var(--dhx-scheduler-important-font-weight);
+
+    font-size: var(--dhx-scheduler-lightbox-time-font-size);
+    font-weight: var(--dhx-scheduler-lightbox-time-font-weight);
+    line-height: 142%;
+
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: calc(var(--dhx-scheduler-base-padding) * 2);
+    row-gap: var(--dhx-scheduler-base-padding);
+
+
+
+    .dhx_section_time_icon {
+        width: calc(var(--dhx-scheduler-base-module) * 2);
+        height: calc(var(--dhx-scheduler-base-module) * 2);
+        border-radius: 2px;
+        background: var(--dhx-scheduler-base-colors-primary);
+    }
+}
+
+.dhx_fullday {
+    margin-left: auto;
+}
+
+.dhx_cal_light_rtl {
+    .dhx_fullday {
+        margin-left: unset;
+        margin-right: auto;
+    }
+}
+
+.dhx_cal_lsection label {
+    font-weight: var(--dhx-scheduler-heading-font-weight);
+    display: flex;
+    align-items: center;
+    gap: 4px;
+}
+
+.dhx_cal_lsection {
+    display: flex;
+    margin-top: 12px;
+    margin-bottom: 4px;
+
+    .dhx_custom_button {
+        .button();
+        .button-outline();
+        order: 1;
+        margin-left: auto;
+        margin-right: unset;
+    }
+}
+
+.dhx_cal_light_rtl {
+    .dhx_custom_button {
+        margin-left: unset;
+        margin-right: auto;
+    }
+}
+
+/* checkbox */
+
+.dhx_cal_checkbox {
+    display: flex;
+    gap: var(--dhx-scheduler-base-padding);
+}
+
+.dhx_cal_wide_checkbox {
+    padding: 4px 0;
+}
+
+/* radio */
+
+// .dhx_cal_radio label {
+//     font-size: var(--dhx-scheduler-caption-font-size);
+//     font-weight: var(--dhx-scheduler-caption-font-weight);
+// }
+
+.dhx_cal_radio input {
+    margin: var(--dhx-scheduler-base-padding);
+}
+
+.dhx_cal_radio_item {
+    display: flex;
+    gap: var(--dhx-scheduler-base-padding);
+    align-items: center;
+}
+
+.dhx_cal_radio {
+    display: flex;
+    gap: 4px;
+}
+
+.dhx_cal_radio_vertical {
+    flex-direction: column;
+    overflow: auto;
+
+    --dhx-scheduler-control-height: 20px;
+}
+
+/* select */
+
+.dhx_multi_select_control {
+    display: flex;
+    gap: 4px;
+}
+
+.dhx_multi_select_control_vertical {
+    flex-direction: column;
+}
+
+.dhx_multi_select_control label {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+}
+
+.dhx_cal_select {}
+
+.dhx_cal_template {
+    position: relative;
+    padding-top: 4px;
+    padding-bottom: 4px;
+}
+
+/* recurring */
+
+.dhx_form_repeat {
+    overflow: hidden;
+    flex-grow: 1;
+
+    form {
+        display: flex;
+        flex-direction: column;
+        gap: 12px;
+        padding: 12px;
+    }
+
+    input,
+    select {
+        .common_input();
+        margin-left: 4px;
+        margin-right: 4px;
+    }
+
+    label {
+        display: inline-flex;
+        align-items: center;
+        vertical-align: top;
+        gap: 4px;
+    }
+
+    #dhx_repeat_year,
+    #dhx_repeat_month,
+    #dhx_repeat_week,
+    #dhx_repeat_day,
+    .dhx_repeat_right {
+        display: flex;
+        flex-direction: column;
+        gap: 4px;
+    }
+
+    #dhx_repeat_month>div,
+    #dhx_repeat_week>div {
+        display: flex;
+        gap: 8px;
+    }
+
+}
+
+.dhx_repeat_left {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 12px;
+}
+
+.dhx_repeat_divider {
+    background: var(--dhx-scheduler-base-colors-border);
+    height: 1px;
+}
+
+.dhx_repeat_text {
+    width: 28px;
+    .common_input();
+}
+
+.dhx_repeat_date,
+.dhx_form_repeat select {
+    .common_input();
+}
+
+.dhx_cal_light .dhx_readonly {
+    color: var(--dhx-scheduler-base-colors-readonly);
+}
+
+.dhx_lightbox_minical {
+    display: flex;
+    gap: 8px;
+    align-items: center;
+
+    .dhx_lightbox_minical_spacer {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+    .dhx_minical_input {
+        max-width: 165px;
+    }
+
+    .dhx_lightbox_time_select{
+        width: 95px;
+    }
+}

package/codebase/sources/less/src/misc.less

@@ -0,0 +1,46 @@
+/* key nav */
+.dhx_focus_slot {
+	background: var(--dhx-scheduler-base-colors-select);
+	position: absolute;
+	pointer-events: none;
+	opacity: 0.5;
+}
+
+.dhx_cal_container *:focus {
+	outline-style: solid;
+	/*not visible focus outline in ie11*/
+	outline-style: auto;
+	outline-color: var(--dhx-scheduler-base-colors-select);
+}
+
+/* key nav end*/
+
+.dhx_no_select {
+	user-select: none;
+}
+
+.dhx_drag_placeholder {
+	z-index: 10;
+	opacity: 0.8;
+}
+
+.dhx_drag_placeholder .dhx_cal_select_menu {
+	display: none;
+}
+
+/* readonly */
+
+.dhx_cal_light_readonly {
+	.dhx_section_time {
+		display: block;
+
+		.dhx_section_time_spacer {
+			visibility: visible;
+		}
+	}
+
+	.dhx_cal_lsection+div {
+		padding-top: 4px;
+		padding-bottom: 4px;
+	}
+}