@progress/kendo-vue-dateinputs 3.5.0 → 3.5.1-dev.202208150613

package/dist/esm/calendar/components/View.js

@@ -0,0 +1,344 @@
+// @ts-ignore
+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 { weekInYear, cloneDate } from '@progress/kendo-date-math';
+import { provideIntlService } from '@progress/kendo-vue-intl';
+import { getTemplate } from '@progress/kendo-vue-common';
+import { CalendarCell } from './CalendarCell.js';
+import { CalendarWeekCell } from './CalendarWeekCell.js';
+import { CalendarViewEnum } from '../models.js';
+import { setTime, getToday } from '../../utils.js';
+import { WeekNamesService } from '../services.js';
+/**
+ * @hidden
+ */
+
+var ViewVue2 = {
+  name: 'KendoView',
+  inject: {
+    kendoIntlService: {
+      default: null
+    }
+  },
+  props: {
+    activeRangeEnd: {
+      type: String
+    },
+    activeView: {
+      type: Number,
+      required: true
+    },
+    cell: [String, Function, Object],
+    cellUID: {
+      type: String,
+      required: true
+    },
+    direction: {
+      type: String,
+      default: 'vertical'
+    },
+    isActive: {
+      type: Boolean,
+      default: undefined
+    },
+    focusedDate: {
+      type: Date,
+      required: true
+    },
+    max: {
+      type: Date,
+      required: true
+    },
+    min: {
+      type: Date,
+      required: true
+    },
+    selectedDate: {
+      type: [Date, Array, Object],
+      default: function _default() {
+        return getToday();
+      }
+    },
+    selectionRange: Object,
+    showWeekNumbers: {
+      type: Boolean,
+      default: false
+    },
+    viewDate: {
+      type: Date,
+      required: true
+    },
+    weekCell: [String, Function, Object],
+    bus: Object,
+    service: Object
+  },
+  computed: {
+    isHorizontal: {
+      get: function get() {
+        return this.$props.direction === 'horizontal';
+      }
+    },
+    isMonthView: {
+      get: function get() {
+        return this.$props.activeView === CalendarViewEnum.month;
+      }
+    },
+    weekNumber: {
+      get: function get() {
+        return Boolean(this.$props.showWeekNumbers && this.$props.activeView === CalendarViewEnum.month);
+      }
+    }
+  },
+  methods: {
+    getWeekNumber: function getWeekNumber(date) {
+      if (!this.weekNumber) {
+        return null;
+      }
+
+      return weekInYear(date, this._intl.firstDay());
+    },
+    firstDate: function firstDate(row) {
+      var cell = this.firstWeekDateContext(row);
+      return cell ? cell.value : null;
+    },
+    firstWeekDateContext: function firstWeekDateContext(rowCtx) {
+      if (!this.weekNumber) {
+        return null;
+      }
+
+      var idx = 0;
+      var ctx = rowCtx[idx];
+
+      while (!ctx && idx < rowCtx.length) {
+        ctx = rowCtx[++idx];
+      }
+
+      return ctx;
+    },
+    handleClick: function handleClick(value, event) {
+      var args = {
+        value: cloneDate(value),
+        target: this,
+        event: event
+      };
+      this.$emit('change', args);
+    },
+    handleWeekCellClick: function handleWeekCellClick(value, event) {
+      var args = {
+        value: value,
+        event: event
+      };
+      this.$emit('weekcellclick', args);
+    },
+    handleMouseDown: function handleMouseDown(value, event) {
+      var args = {
+        value: cloneDate(value),
+        target: this,
+        event: event
+      };
+      this.$emit('viewmousedown', args);
+    },
+    handleMouseEnter: function handleMouseEnter(value) {
+      this.$emit('cellenter', cloneDate(value));
+    },
+    handleMouseLeave: function handleMouseLeave(value) {
+      this.$emit('cellleave', cloneDate(value));
+    }
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    var kendoIntlService = inject('kendoIntlService', {});
+    return {
+      v3: v3,
+      kendoIntlService: kendoIntlService
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    this._intl = provideIntlService(this);
+    this._weekService = new WeekNamesService(this._intl); // tslint:disable-next-line jsx-use-translation-function
+
+    var emptyCell = function emptyCell(idx) {
+      return h("td", {
+        key: idx
+      });
+    }; //    const weekNames = this._weekService.getWeekNames(this.weekNumber);
+    //     const colSpan = this.$props.service.rowLength(this.weekNumber);
+    //     const title = this.$props.service.title(this.$props.viewDate);
+
+
+    var time = getToday();
+    var focusedDate = this.$props.isActive ? this.$props.focusedDate : null;
+    var viewDate = setTime(this.$props.viewDate, time);
+    var currentData = this.$props.service.data({
+      cellUID: this.$props.cellUID,
+      min: this.$props.min,
+      max: this.$props.max,
+      focusedDate: focusedDate,
+      isActiveView: !this.$props.bus.canMoveDown(this.$props.activeView),
+      selectedDate: this.$props.selectedDate,
+      selectionRange: this.$props.selectionRange,
+      viewDate: viewDate
+    });
+
+    var buildWeekNumber = function buildWeekNumber(row, idx) {
+      var firstDayOfWeek = this.firstDate(row);
+
+      if (!firstDayOfWeek) {
+        return emptyCell("week-cell-".concat(idx));
+      }
+
+      var weekCellValue = this.getWeekNumber(this.firstDate(row));
+      var uniqueID = "kendo-vue-calendar-week-cell-".concat(weekCellValue);
+      var cellDefaultRendering = // @ts-ignore  function children
+      h(CalendarWeekCell, {
+        "class": 'k-calendar-td k-alt',
+        value: weekCellValue,
+        attrs: this.v3 ? undefined : {
+          value: weekCellValue
+        },
+        onClick: this.handleWeekCellClick,
+        on: this.v3 ? undefined : {
+          "click": this.handleWeekCellClick
+        },
+        key: uniqueID
+      }, this.v3 ? function () {
+        return [weekCellValue];
+      } : [weekCellValue]);
+      return getTemplate.call(this, {
+        h: h,
+        template: this.$props.weekCell,
+        defaultRendering: cellDefaultRendering,
+        defaultSlots: weekCellValue,
+        additionalListeners: {
+          click: this.handleWeekCellClick
+        },
+        additionalProps: {
+          value: weekCellValue,
+          key: uniqueID
+        }
+      });
+    };
+
+    var buildRow = function buildRow(row) {
+      return row.map(function (cell, idx) {
+        if (!cell) {
+          return emptyCell(idx);
+        }
+
+        var uniqueID = "kendo-vue-calendar-cell-".concat(cell.value.getTime());
+        var cellDefaultRendering = // @ts-ignore  function children
+        h(CalendarCell, {
+          "aria-selected": cell.isSelected,
+          attrs: this.v3 ? undefined : {
+            "aria-selected": cell.isSelected,
+            formattedValue: cell.formattedValue,
+            id: cell.id,
+            isFocused: cell.isFocused,
+            isSelected: cell.isSelected,
+            isInRange: cell.isInRange,
+            isWeekend: cell.isWeekend,
+            isRangeStart: cell.isRangeStart,
+            isRangeMid: cell.isRangeMid,
+            isRangeEnd: cell.isRangeEnd,
+            isRangeSplitStart: cell.isRangeSplitStart,
+            isRangeSplitEnd: cell.isRangeSplitEnd,
+            isToday: cell.isToday,
+            title: cell.title,
+            value: cell.value,
+            isDisabled: !cell.isInRange,
+            view: this.$props.activeView
+          },
+          formattedValue: cell.formattedValue,
+          id: cell.id,
+          isFocused: cell.isFocused,
+          isSelected: cell.isSelected,
+          isInRange: cell.isInRange,
+          isWeekend: cell.isWeekend,
+          isRangeStart: cell.isRangeStart,
+          isRangeMid: cell.isRangeMid,
+          isRangeEnd: cell.isRangeEnd,
+          isRangeSplitStart: cell.isRangeSplitStart,
+          isRangeSplitEnd: cell.isRangeSplitEnd,
+          isToday: cell.isToday,
+          title: cell.title,
+          value: cell.value,
+          isDisabled: !cell.isInRange,
+          view: this.$props.activeView,
+          onClick: this.handleClick,
+          on: this.v3 ? undefined : {
+            "click": this.handleClick,
+            "mousedown": this.handleMouseDown,
+            "mouseenter": this.handleMouseEnter,
+            "mouseleave": this.handleMouseLeave
+          },
+          onMousedown: this.handleMouseDown,
+          onMouseenter: this.handleMouseEnter,
+          onMouseleave: this.handleMouseLeave,
+          key: uniqueID
+        }, this.v3 ? function () {
+          return [cell.formattedValue];
+        } : [cell.formattedValue]);
+        return getTemplate.call(this, {
+          h: h,
+          template: this.$props.cell,
+          defaultRendering: cellDefaultRendering,
+          defaultSlots: cell.formattedValue,
+          additionalListeners: {
+            click: this.handleClick,
+            mousedown: this.handleMouseDown,
+            mouseenter: this.handleMouseEnter,
+            mouseleave: this.handleMouseLeave
+          },
+          additionalProps: {
+            formattedValue: cell.formattedValue,
+            id: cell.id,
+            isFocused: cell.isFocused,
+            isSelected: cell.isSelected,
+            isInRange: cell.isInRange,
+            isWeekend: cell.isWeekend,
+            isRangeStart: cell.isRangeStart,
+            isRangeMid: cell.isRangeMid,
+            isRangeEnd: cell.isRangeEnd,
+            isRangeSplitStart: cell.isRangeSplitStart,
+            isRangeSplitEnd: cell.isRangeSplitEnd,
+            isToday: cell.isToday,
+            title: cell.title,
+            value: cell.value,
+            isDisabled: !cell.isInRange,
+            view: this.$props.activeView,
+            key: uniqueID
+          }
+        });
+      }, this);
+    };
+
+    return h("tbody", {
+      "class": 'k-calendar-tbody',
+      role: 'rowgroup',
+      attrs: this.v3 ? undefined : {
+        role: 'rowgroup'
+      }
+    }, [currentData.map(function (row, idx) {
+      return h("tr", {
+        "class": 'k-calendar-tr',
+        role: "row",
+        attrs: this.v3 ? undefined : {
+          role: "row"
+        },
+        key: idx
+      }, [this.weekNumber && buildWeekNumber.call(this, row, idx), buildRow.call(this, row)]);
+    }, this)]);
+  }
+};
+/**
+ * @hidden
+ */
+
+var View = ViewVue2;
+export { View, ViewVue2 };

package/dist/esm/calendar/components/ViewList.d.ts

@@ -0,0 +1,116 @@
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../../additionalTypes';
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+declare type DefaultData<V> = object | ((this: V) => ViewListData);
+import { IntlService } from '@progress/kendo-vue-intl';
+import { ViewEventArguments, ViewWeekCellEventArguments } from './View';
+import { HeaderEventArguments } from './Header';
+import { BusViewService, DOMService } from '../services';
+import { ViewService, CalendarViewEnum, SelectionRange } from '../models';
+/**
+ * @hidden
+ */
+export interface ViewListEventArguments {
+    event?: any;
+    value: Date;
+    target: any;
+    isTodayClick?: boolean;
+}
+/**
+ * @hidden
+ */
+export interface ViewListProps {
+    allowReverse: boolean;
+    hasFocusedDate: boolean;
+    activeView: number;
+    bottomOffset?: number;
+    bus?: BusViewService;
+    cellUID: string;
+    dates: any;
+    dom: DOMService;
+    focusedDate: Date;
+    max: Date;
+    min: Date;
+    cell?: any;
+    isActive: boolean;
+    onChange?: (event: ViewListEventArguments) => void;
+    selectionRange?: SelectionRange;
+    service: ViewService;
+    showWeekNumbers?: boolean;
+    take?: number;
+    value: Date | Date[] | SelectionRange | null;
+    views: number;
+    viewHeight?: number;
+    viewOffset?: number;
+    weekCell?: any;
+    headerTitle?: any;
+    shouldScroll?: () => boolean;
+}
+/**
+ * @hidden
+ */
+export interface ViewListState {
+    _calendarView: Object | undefined;
+    table: HTMLTableElement | null;
+    _intl: IntlService;
+    _bottomOffset: number;
+    _viewOffset: number;
+    _viewHeight: number;
+    lastView: CalendarViewEnum;
+    shouldScroll: boolean;
+    indexToScroll?: number;
+    lastFocus: Date;
+}
+/**
+ * @hidden
+ */
+export interface ViewListComputed {
+    [key: string]: any;
+    weekNames?: string[];
+    weekNumber?: boolean;
+    animate?: boolean;
+}
+/**
+ * @hidden
+ */
+export interface ViewListMethods {
+    [key: string]: any;
+    blurActiveDate: () => void;
+    focusActiveDate: (event: any) => void;
+    handleCellEnter: (event: any) => void;
+    handleFocus: (_: any) => void;
+    handleBlur: (_: any) => void;
+    handleKeyDown: (_: any) => void;
+    handleScrollAction: (_: any) => void;
+    rotateSelectionRange: (selectionRange: SelectionRange) => SelectionRange;
+    handleTodayClick: (event: HeaderEventArguments) => void;
+    handleMouseDown: (event: ViewEventArguments) => void;
+    handleDateChange: (event: ViewEventArguments | HeaderEventArguments, isTodayClick: boolean) => void;
+    handleWeekCellClick: (event: ViewWeekCellEventArguments) => void;
+    handleWeekNameClick: (event: any, name: string) => void;
+    handleVirtualizationMount: (virtualization: any) => void;
+    calculateHeights: () => void;
+    getTake: (skip: number, total: number) => number;
+}
+/**
+ * @hidden
+ */
+export interface ViewListData {
+    skip: number;
+    index: number;
+}
+/**
+ * @hidden
+ */
+export interface ViewListAll extends Vue2type, ViewListMethods, ViewListComputed, ViewListState, ViewListData {
+}
+/**
+ * @hidden
+ */
+declare let ViewListVue2: ComponentOptions<ViewListAll, DefaultData<ViewListData>, DefaultMethods<ViewListAll>, ViewListComputed, RecordPropsDefinition<ViewListProps>>;
+/**
+ * @hidden
+ */
+declare const ViewList: DefineComponent<ViewListProps, any, ViewListData, ViewListComputed, ViewListMethods, {}, {}, {}, string, ViewListProps, ViewListProps, {}>;
+export { ViewList, ViewListVue2 };