@progress/kendo-vue-scheduler 3.10.2 → 3.11.0-dev.202305230751

package/dist/es/recurrence/RecurrenceEditor.js

@@ -3,8 +3,8 @@ import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-var inject = allVue.inject;
 import { provideLocalizationService, provideIntlService } from '@progress/kendo-vue-intl';
+import { FieldWrapper } from '@progress/kendo-vue-form';
 import { messages, recurrenceEditorEndLabel, recurrenceEditorEndAfter, recurrenceEditorEndNever, recurrenceEditorEndOccurrence, recurrenceEditorEndOn, recurrenceEditorWeeklyRepeatOn, recurrenceEditorYearlyRepeatOn, recurrenceEditorMonthlyRepeatOn, recurrenceEditorMonthlyDay, recurrenceEditorYearlyOf, recurrenceEditorRepeat } from '../messages/main';
 import { serializeRule } from '@progress/kendo-recurrence';
 import { toLocalDate, ZonedDate } from '@progress/kendo-date-math';
@@ -351,222 +351,435 @@ var RecurrenceEditorVue2 = {
     };
     return (
       // fragment
-      h("div", [h("div", {
-        "class": "k-form-field"
-      }, [
+      h("div", [
       // @ts-ignore function children
-      h(Label, this.v3 ? function () {
+      h(FieldWrapper, this.v3 ? function () {
+        return [
+        // @ts-ignore function children
+        h(Label, {
+          "class": 'k-form-label'
+        }, _this2.v3 ? function () {
+          return [_this2.localization.toLanguageString(recurrenceEditorRepeat, messages[recurrenceEditorRepeat])];
+        } : [_this2.localization.toLanguageString(recurrenceEditorRepeat, messages[recurrenceEditorRepeat])]), h("div", {
+          "class": "k-form-field-wrap"
+        }, [h(RecurrenceFrequencyEditor, {
+          value: _this2.frequency,
+          attrs: _this2.v3 ? undefined : {
+            value: _this2.frequency,
+            dataItems: _this2.frequencies
+          },
+          dataItems: _this2.frequencies,
+          onChange: _this2.handleFrequencyChange,
+          on: _this2.v3 ? undefined : {
+            "change": _this2.handleFrequencyChange
+          }
+        })])];
+      } : [h(Label, {
+        "class": 'k-form-label'
+      }, _this2.v3 ? function () {
         return [_this2.localization.toLanguageString(recurrenceEditorRepeat, messages[recurrenceEditorRepeat])];
       } : [_this2.localization.toLanguageString(recurrenceEditorRepeat, messages[recurrenceEditorRepeat])]), h("div", {
         "class": "k-form-field-wrap"
       }, [h(RecurrenceFrequencyEditor, {
-        value: this.frequency,
-        attrs: this.v3 ? undefined : {
-          value: this.frequency,
-          dataItems: this.frequencies
+        value: _this2.frequency,
+        attrs: _this2.v3 ? undefined : {
+          value: _this2.frequency,
+          dataItems: _this2.frequencies
         },
-        dataItems: this.frequencies,
-        onChange: this.handleFrequencyChange,
-        on: this.v3 ? undefined : {
-          "change": this.handleFrequencyChange
+        dataItems: _this2.frequencies,
+        onChange: _this2.handleFrequencyChange,
+        on: _this2.v3 ? undefined : {
+          "change": _this2.handleFrequencyChange
         }
-      })])]), this.frequency !== 'never' && h("div", {
-        "class": 'k-form-field'
-      }, [
+      })])]), this.frequency !== 'never' &&
       // @ts-ignore function children
-      h(Label, {
+      h(FieldWrapper, this.v3 ? function () {
+        return [
+        // @ts-ignore function children
+        h(Label, {
+          editorId: "interval-editor",
+          attrs: _this2.v3 ? undefined : {
+            editorId: "interval-editor"
+          },
+          "class": 'k-form-label'
+        }, _this2.v3 ? function () {
+          return [_this2.localizeMessage(capitalize(_this2.frequency) + 'RepeatEvery')];
+        } : [_this2.localizeMessage(capitalize(_this2.frequency) + 'RepeatEvery')]), h("div", {
+          "class": "k-form-field-wrap"
+        }, [h(NumericTextBox, {
+          min: 1,
+          attrs: _this2.v3 ? undefined : {
+            min: 1,
+            step: 1,
+            defaultValue: 1,
+            value: _this2.rrule.interval,
+            id: "interval-editor"
+          },
+          step: 1,
+          defaultValue: 1,
+          value: _this2.rrule.interval,
+          onChange: _this2.handleIntervalChange,
+          on: _this2.v3 ? undefined : {
+            "change": _this2.handleIntervalChange
+          },
+          id: "interval-editor"
+        }),
+        // @ts-ignore function children
+        h(Label, {
+          editorId: "interval-editor",
+          attrs: _this2.v3 ? undefined : {
+            editorId: "interval-editor"
+          }
+        }, _this2.v3 ? function () {
+          return [_this2.localizeMessage(capitalize(_this2.frequency) + 'Interval')];
+        } : [_this2.localizeMessage(capitalize(_this2.frequency) + 'Interval')])])];
+      } : [h(Label, {
         editorId: "interval-editor",
-        attrs: this.v3 ? undefined : {
+        attrs: _this2.v3 ? undefined : {
           editorId: "interval-editor"
-        }
-      }, this.v3 ? function () {
+        },
+        "class": 'k-form-label'
+      }, _this2.v3 ? function () {
         return [_this2.localizeMessage(capitalize(_this2.frequency) + 'RepeatEvery')];
       } : [_this2.localizeMessage(capitalize(_this2.frequency) + 'RepeatEvery')]), h("div", {
         "class": "k-form-field-wrap"
-      }, [h("div", {
-        style: {
-          display: 'flex',
-          alignItems: 'center'
-        }
       }, [h(NumericTextBox, {
         min: 1,
-        attrs: this.v3 ? undefined : {
+        attrs: _this2.v3 ? undefined : {
           min: 1,
           step: 1,
           defaultValue: 1,
-          value: this.rrule.interval,
+          value: _this2.rrule.interval,
           id: "interval-editor"
         },
         step: 1,
         defaultValue: 1,
-        value: this.rrule.interval,
-        onChange: this.handleIntervalChange,
-        on: this.v3 ? undefined : {
-          "change": this.handleIntervalChange
+        value: _this2.rrule.interval,
+        onChange: _this2.handleIntervalChange,
+        on: _this2.v3 ? undefined : {
+          "change": _this2.handleIntervalChange
         },
         id: "interval-editor"
-      }),
-      // @ts-ignore function children
-      h(Label, {
+      }), h(Label, {
         editorId: "interval-editor",
-        attrs: this.v3 ? undefined : {
+        attrs: _this2.v3 ? undefined : {
           editorId: "interval-editor"
         }
-      }, this.v3 ? function () {
+      }, _this2.v3 ? function () {
         return [_this2.localizeMessage(capitalize(_this2.frequency) + 'Interval')];
-      } : [_this2.localizeMessage(capitalize(_this2.frequency) + 'Interval')])])])]), this.frequency === 'weekly' && h("div", {
-        "class": "k-form-field"
-      }, [
+      } : [_this2.localizeMessage(capitalize(_this2.frequency) + 'Interval')])])]), this.frequency === 'weekly' &&
       // @ts-ignore function children
-      h(Label, this.v3 ? function () {
+      h(FieldWrapper, this.v3 ? function () {
+        return [
+        // @ts-ignore function children
+        h(Label, {
+          "class": 'k-form-label'
+        }, _this2.v3 ? function () {
+          return [_this2.localizeMessage(recurrenceEditorWeeklyRepeatOn, true)];
+        } : [_this2.localizeMessage(recurrenceEditorWeeklyRepeatOn, true)]), h("div", {
+          "class": "k-form-field-wrap"
+        }, [h(RecurrenceRepeatOnWeekEditor, {
+          dataItems: _this2.weekDays,
+          attrs: _this2.v3 ? undefined : {
+            dataItems: _this2.weekDays,
+            value: (_this2.rrule.byWeekDay || []).map(function (_a) {
+              var day = _a.day;
+              return day;
+            })
+          },
+          value: (_this2.rrule.byWeekDay || []).map(function (_a) {
+            var day = _a.day;
+            return day;
+          }),
+          onChange: _this2.handleWeekDaysChange,
+          on: _this2.v3 ? undefined : {
+            "change": _this2.handleWeekDaysChange
+          }
+        })])];
+      } : [h(Label, {
+        "class": 'k-form-label'
+      }, _this2.v3 ? function () {
         return [_this2.localizeMessage(recurrenceEditorWeeklyRepeatOn, true)];
       } : [_this2.localizeMessage(recurrenceEditorWeeklyRepeatOn, true)]), h("div", {
         "class": "k-form-field-wrap"
       }, [h(RecurrenceRepeatOnWeekEditor, {
-        dataItems: this.weekDays,
-        attrs: this.v3 ? undefined : {
-          dataItems: this.weekDays,
-          value: (this.rrule.byWeekDay || []).map(function (_a) {
+        dataItems: _this2.weekDays,
+        attrs: _this2.v3 ? undefined : {
+          dataItems: _this2.weekDays,
+          value: (_this2.rrule.byWeekDay || []).map(function (_a) {
             var day = _a.day;
             return day;
           })
         },
-        value: (this.rrule.byWeekDay || []).map(function (_a) {
+        value: (_this2.rrule.byWeekDay || []).map(function (_a) {
           var day = _a.day;
           return day;
         }),
-        onChange: this.handleWeekDaysChange,
-        on: this.v3 ? undefined : {
-          "change": this.handleWeekDaysChange
+        onChange: _this2.handleWeekDaysChange,
+        on: _this2.v3 ? undefined : {
+          "change": _this2.handleWeekDaysChange
         }
-      })])]), this.frequency === 'monthly' && h("div", {
-        "class": "k-form-field"
-      }, [
+      })])]), this.frequency === 'monthly' &&
       // @ts-ignore function children
-      h(Label, {
-        key: "recurrence-repeat-on-monthly-label"
-      }, this.v3 ? function () {
+      h(FieldWrapper, this.v3 ? function () {
+        return [
+        // @ts-ignore function children
+        h(Label, {
+          key: "recurrence-repeat-on-monthly-label",
+          "class": 'k-form-label'
+        }, _this2.v3 ? function () {
+          return [_this2.localizeMessage(recurrenceEditorMonthlyRepeatOn, true)];
+        } : [_this2.localizeMessage(recurrenceEditorMonthlyRepeatOn, true)]), h("div", {
+          "class": "k-form-field-wrap"
+        }, [h(RadioGroup, {
+          value: _this2.repeatOnRule,
+          attrs: _this2.v3 ? undefined : {
+            value: _this2.repeatOnRule,
+            dataItems: [{
+              value: 'monthday',
+              style: itemStyle,
+              label: _this2.localizeMessage(recurrenceEditorMonthlyDay, true),
+              content: monthlyMonthDay.call(_this2)
+            }, {
+              value: 'weekday',
+              style: itemStyle,
+              label: ' ',
+              content: monthlyWeekDay.call(_this2)
+            }]
+          },
+          onChange: _this2.handleRepeatOnRuleChange,
+          on: _this2.v3 ? undefined : {
+            "change": _this2.handleRepeatOnRuleChange
+          },
+          "class": "k-reset",
+          dataItems: [{
+            value: 'monthday',
+            style: itemStyle,
+            label: _this2.localizeMessage(recurrenceEditorMonthlyDay, true),
+            content: monthlyMonthDay.call(_this2)
+          }, {
+            value: 'weekday',
+            style: itemStyle,
+            label: ' ',
+            content: monthlyWeekDay.call(_this2)
+          }]
+        })])];
+      } : [h(Label, {
+        key: "recurrence-repeat-on-monthly-label",
+        "class": 'k-form-label'
+      }, _this2.v3 ? function () {
         return [_this2.localizeMessage(recurrenceEditorMonthlyRepeatOn, true)];
       } : [_this2.localizeMessage(recurrenceEditorMonthlyRepeatOn, true)]), h("div", {
         "class": "k-form-field-wrap"
       }, [h(RadioGroup, {
-        value: this.repeatOnRule,
-        attrs: this.v3 ? undefined : {
-          value: this.repeatOnRule,
+        value: _this2.repeatOnRule,
+        attrs: _this2.v3 ? undefined : {
+          value: _this2.repeatOnRule,
           dataItems: [{
             value: 'monthday',
             style: itemStyle,
-            label: this.localizeMessage(recurrenceEditorMonthlyDay, true),
-            content: monthlyMonthDay.call(this)
+            label: _this2.localizeMessage(recurrenceEditorMonthlyDay, true),
+            content: monthlyMonthDay.call(_this2)
           }, {
             value: 'weekday',
             style: itemStyle,
             label: ' ',
-            content: monthlyWeekDay.call(this)
+            content: monthlyWeekDay.call(_this2)
           }]
         },
-        onChange: this.handleRepeatOnRuleChange,
-        on: this.v3 ? undefined : {
-          "change": this.handleRepeatOnRuleChange
+        onChange: _this2.handleRepeatOnRuleChange,
+        on: _this2.v3 ? undefined : {
+          "change": _this2.handleRepeatOnRuleChange
         },
         "class": "k-reset",
         dataItems: [{
           value: 'monthday',
           style: itemStyle,
-          label: this.localizeMessage(recurrenceEditorMonthlyDay, true),
-          content: monthlyMonthDay.call(this)
+          label: _this2.localizeMessage(recurrenceEditorMonthlyDay, true),
+          content: monthlyMonthDay.call(_this2)
         }, {
           value: 'weekday',
           style: itemStyle,
           label: ' ',
-          content: monthlyWeekDay.call(this)
+          content: monthlyWeekDay.call(_this2)
         }]
-      })])]), this.frequency === 'yearly' && h("div", {
-        "class": "k-form-field"
-      }, [
+      })])]), this.frequency === 'yearly' &&
       // @ts-ignore function children
-      h(Label, this.v3 ? function () {
+      h(FieldWrapper, this.v3 ? function () {
+        return [
+        // @ts-ignore function children
+        h(Label, {
+          "class": 'k-form-label'
+        }, _this2.v3 ? function () {
+          return [_this2.localizeMessage(recurrenceEditorYearlyRepeatOn, true)];
+        } : [_this2.localizeMessage(recurrenceEditorYearlyRepeatOn, true)]), h("div", {
+          "class": "k-form-field-wrap"
+        }, [h(RadioGroup, {
+          value: _this2.repeatOnRule,
+          attrs: _this2.v3 ? undefined : {
+            value: _this2.repeatOnRule,
+            dataItems: [{
+              value: 'monthday',
+              label: ' ',
+              style: itemStyle,
+              content: yearlyMonthDay.call(_this2)
+            }, {
+              value: 'weekday',
+              label: ' ',
+              style: itemStyle,
+              content: yearlyWeekDay.call(_this2)
+            }]
+          },
+          onChange: _this2.handleRepeatOnRuleChange,
+          on: _this2.v3 ? undefined : {
+            "change": _this2.handleRepeatOnRuleChange
+          },
+          "class": "k-reset",
+          dataItems: [{
+            value: 'monthday',
+            label: ' ',
+            style: itemStyle,
+            content: yearlyMonthDay.call(_this2)
+          }, {
+            value: 'weekday',
+            label: ' ',
+            style: itemStyle,
+            content: yearlyWeekDay.call(_this2)
+          }]
+        })])];
+      } : [h(Label, {
+        "class": 'k-form-label'
+      }, _this2.v3 ? function () {
         return [_this2.localizeMessage(recurrenceEditorYearlyRepeatOn, true)];
       } : [_this2.localizeMessage(recurrenceEditorYearlyRepeatOn, true)]), h("div", {
         "class": "k-form-field-wrap"
       }, [h(RadioGroup, {
-        value: this.repeatOnRule,
-        attrs: this.v3 ? undefined : {
-          value: this.repeatOnRule,
+        value: _this2.repeatOnRule,
+        attrs: _this2.v3 ? undefined : {
+          value: _this2.repeatOnRule,
           dataItems: [{
             value: 'monthday',
             label: ' ',
             style: itemStyle,
-            content: yearlyMonthDay.call(this)
+            content: yearlyMonthDay.call(_this2)
           }, {
             value: 'weekday',
             label: ' ',
             style: itemStyle,
-            content: yearlyWeekDay.call(this)
+            content: yearlyWeekDay.call(_this2)
           }]
         },
-        onChange: this.handleRepeatOnRuleChange,
-        on: this.v3 ? undefined : {
-          "change": this.handleRepeatOnRuleChange
+        onChange: _this2.handleRepeatOnRuleChange,
+        on: _this2.v3 ? undefined : {
+          "change": _this2.handleRepeatOnRuleChange
         },
         "class": "k-reset",
         dataItems: [{
           value: 'monthday',
           label: ' ',
           style: itemStyle,
-          content: yearlyMonthDay.call(this)
+          content: yearlyMonthDay.call(_this2)
         }, {
           value: 'weekday',
           label: ' ',
           style: itemStyle,
-          content: yearlyWeekDay.call(this)
+          content: yearlyWeekDay.call(_this2)
         }]
-      })])]), this.frequency !== 'never' && h("div", {
-        "class": "k-form-field"
-      }, [
+      })])]), this.frequency !== 'never' &&
       // @ts-ignore function children
-      h(Label, this.v3 ? function () {
+      h(FieldWrapper, this.v3 ? function () {
+        return [
+        // @ts-ignore function children
+        h(Label, {
+          "class": 'k-form-label'
+        }, _this2.v3 ? function () {
+          return [_this2.localizeMessage(recurrenceEditorEndLabel, true)];
+        } : [_this2.localizeMessage(recurrenceEditorEndLabel, true)]), h("div", {
+          "class": "k-form-field-wrap"
+        }, [h(RadioGroup, {
+          value: _this2.endRule,
+          attrs: _this2.v3 ? undefined : {
+            value: _this2.endRule,
+            dataItems: [{
+              value: 'never',
+              style: itemStyle,
+              label: _this2.localizeMessage(recurrenceEditorEndNever, true)
+            }, {
+              value: 'count',
+              style: itemStyle,
+              label: _this2.localizeMessage(recurrenceEditorEndAfter, true),
+              content: count.call(_this2)
+            }, {
+              value: 'until',
+              style: itemStyle,
+              label: _this2.localizeMessage(recurrenceEditorEndOn, true),
+              content: dpUntil.call(_this2)
+            }]
+          },
+          onChange: _this2.handleEndRuleChange,
+          on: _this2.v3 ? undefined : {
+            "change": _this2.handleEndRuleChange
+          },
+          dataItems: [{
+            value: 'never',
+            style: itemStyle,
+            label: _this2.localizeMessage(recurrenceEditorEndNever, true)
+          }, {
+            value: 'count',
+            style: itemStyle,
+            label: _this2.localizeMessage(recurrenceEditorEndAfter, true),
+            content: count.call(_this2)
+          }, {
+            value: 'until',
+            style: itemStyle,
+            label: _this2.localizeMessage(recurrenceEditorEndOn, true),
+            content: dpUntil.call(_this2)
+          }]
+        })])];
+      } : [h(Label, {
+        "class": 'k-form-label'
+      }, _this2.v3 ? function () {
         return [_this2.localizeMessage(recurrenceEditorEndLabel, true)];
       } : [_this2.localizeMessage(recurrenceEditorEndLabel, true)]), h("div", {
         "class": "k-form-field-wrap"
       }, [h(RadioGroup, {
-        value: this.endRule,
-        attrs: this.v3 ? undefined : {
-          value: this.endRule,
+        value: _this2.endRule,
+        attrs: _this2.v3 ? undefined : {
+          value: _this2.endRule,
           dataItems: [{
             value: 'never',
             style: itemStyle,
-            label: this.localizeMessage(recurrenceEditorEndNever, true)
+            label: _this2.localizeMessage(recurrenceEditorEndNever, true)
           }, {
             value: 'count',
             style: itemStyle,
-            label: this.localizeMessage(recurrenceEditorEndAfter, true),
-            content: count.call(this)
+            label: _this2.localizeMessage(recurrenceEditorEndAfter, true),
+            content: count.call(_this2)
           }, {
             value: 'until',
             style: itemStyle,
-            label: this.localizeMessage(recurrenceEditorEndOn, true),
-            content: dpUntil.call(this)
+            label: _this2.localizeMessage(recurrenceEditorEndOn, true),
+            content: dpUntil.call(_this2)
           }]
         },
-        onChange: this.handleEndRuleChange,
-        on: this.v3 ? undefined : {
-          "change": this.handleEndRuleChange
+        onChange: _this2.handleEndRuleChange,
+        on: _this2.v3 ? undefined : {
+          "change": _this2.handleEndRuleChange
         },
         dataItems: [{
           value: 'never',
           style: itemStyle,
-          label: this.localizeMessage(recurrenceEditorEndNever, true)
+          label: _this2.localizeMessage(recurrenceEditorEndNever, true)
         }, {
           value: 'count',
           style: itemStyle,
-          label: this.localizeMessage(recurrenceEditorEndAfter, true),
-          content: count.call(this)
+          label: _this2.localizeMessage(recurrenceEditorEndAfter, true),
+          content: count.call(_this2)
         }, {
           value: 'until',
           style: itemStyle,
-          label: this.localizeMessage(recurrenceEditorEndOn, true),
-          content: dpUntil.call(this)
+          label: _this2.localizeMessage(recurrenceEditorEndOn, true),
+          content: dpUntil.call(_this2)
         }]
       })])])])
     );

package/dist/es/recurrence/RecurrenceFrequencyEditor.js

@@ -35,6 +35,7 @@ var RecurrenceFrequencyEditorVue2 = {
     return (
       // @ts-ignore  function children
       h(ButtonGroup, {
+        "class": 'k-scheduler-recurrence-repeat',
         width: '100%',
         attrs: this.v3 ? undefined : {
           width: '100%'

package/dist/es/views/agenda/AgendaViewBody.js

@@ -135,19 +135,19 @@ var AgendaViewBodyVue2 = {
         }, [h("div", {
           "class": "k-scheduler-cell k-scheduler-timecolumn"
         }, [h("div", [item.tail && h(Icon, {
-          name: "caret-alt-left",
+          name: this.ks.isRtl ? 'caret-alt-right' : 'caret-alt-left',
           attrs: this.v3 ? undefined : {
-            name: "caret-alt-left",
-            icon: caretAltLeftIcon
+            name: this.ks.isRtl ? 'caret-alt-right' : 'caret-alt-left',
+            icon: this.ks.isRtl ? caretAltRightIcon : caretAltLeftIcon
           },
-          icon: caretAltLeftIcon
+          icon: this.ks.isRtl ? caretAltRightIcon : caretAltLeftIcon
         }), item.isAllDay ? localization.toLanguageString(allDay, messages[allDay]) : getTimeFormat(this.intl, item), item.head && h(Icon, {
-          name: "caret-alt-right",
+          name: this.ks.isRtl ? 'caret-alt-left' : 'caret-alt-right',
           attrs: this.v3 ? undefined : {
-            name: "caret-alt-right",
-            icon: caretAltRightIcon
+            name: this.ks.isRtl ? 'caret-alt-left' : 'caret-alt-right',
+            icon: this.ks.isRtl ? caretAltLeftIcon : caretAltRightIcon
           },
-          icon: caretAltRightIcon
+          icon: this.ks.isRtl ? caretAltLeftIcon : caretAltRightIcon
         })])]), h("div", {
           "class": "k-scheduler-cell"
         }, [h(EditTask, {