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

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

@@ -0,0 +1,281 @@
+// @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 { provideLocalizationService } from '@progress/kendo-vue-intl';
+import { getDate } from '@progress/kendo-date-math';
+import { Button as KButton } from '@progress/kendo-vue-buttons';
+import { CalendarHeaderTitle } from './CalendarHeaderTitle.js';
+import { messages, today, prevView, nextView } from '../../messages.js';
+import { Action } from '../models.js';
+import { getToday, isInRange, dateInRange, MAX_DATE } from '../../utils.js';
+import { MIN_DATE } from '../../defaults.js';
+import { classNames, Keys, getTemplate } from '@progress/kendo-vue-common';
+/**
+ * @hidden
+ */
+
+var HeaderVue2 = {
+  name: 'KendoHeader',
+  inheritAttrs: false,
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  props: {
+    activeView: {
+      type: Number,
+      required: true
+    },
+    currentDate: {
+      type: Date,
+      required: true
+    },
+    focusedDate: {
+      type: Date,
+      required: true
+    },
+    headerTitle: {
+      type: [String, Object, Function],
+      default: function _default() {
+        return undefined;
+      }
+    },
+    max: {
+      type: Date,
+      default: function _default() {
+        return MAX_DATE;
+      }
+    },
+    min: {
+      type: Date,
+      default: function _default() {
+        return MIN_DATE;
+      }
+    },
+    bus: Object,
+    service: Object,
+    rangeLength: {
+      type: Number,
+      default: 1
+    },
+    tabIndex: {
+      type: Number,
+      default: 0
+    }
+  },
+  computed: {
+    navigate: {
+      get: function get() {
+        return this.$props.bus.canMoveUp(this.$props.activeView);
+      }
+    },
+    todayIsInRange: {
+      get: function get() {
+        return isInRange(getToday(), getDate(this.$props.min), getDate(this.$props.max));
+      }
+    }
+  },
+  methods: {
+    getTitle: function getTitle() {
+      if (!this.$props.currentDate) {
+        return '';
+      }
+
+      var take = this.$props.rangeLength - 1;
+      var title = this.$props.service.title(this.$props.currentDate);
+      var nextDate = this.$props.service.addToDate(this.$props.currentDate, take);
+
+      if (take < 1 || !this.$props.service.isInRange(nextDate, this.$props.min, this.$props.max)) {
+        return title;
+      }
+
+      return "".concat(title, " - ").concat(this.$props.service.title(nextDate));
+    },
+    handleTitleClick: function handleTitleClick(event) {
+      if (!this.navigate) {
+        return;
+      }
+
+      this.$props.bus.moveUp(this.$props.activeView, event);
+      this.$emit('titleclick', event);
+    },
+    canNavigate: function canNavigate(action) {
+      if (!this.$props.service) {
+        return false;
+      }
+
+      var candidate = this.$props.service.move(this.$props.focusedDate, action);
+      return this.$props.min <= candidate && candidate <= this.$props.max || this.$props.service.isInSameView(candidate, this.$props.min) || this.$props.service.isInSameView(candidate, this.$props.max);
+    },
+    move: function move(action) {
+      return this.clampDate(this.$props.service.move(this.$props.focusedDate, action));
+    },
+    clampDate: function clampDate(value) {
+      return dateInRange(value, this.$props.min, this.$props.max);
+    },
+    handleNextClick: function handleNextClick(event) {
+      var args = {
+        event: event,
+        value: this.move(Action.NextView),
+        target: this
+      };
+      this.$emit('nextclick', args);
+    },
+    handlePrevClick: function handlePrevClick(event) {
+      var args = {
+        event: event,
+        value: this.move(Action.PrevView),
+        target: this
+      };
+      this.$emit('prevclick', args);
+    },
+    handleTodayClick: function handleTodayClick(event) {
+      if (!this.todayIsInRange) {
+        return;
+      }
+
+      this.$props.bus.moveToBottom(this.$props.activeView);
+      var args = {
+        event: event,
+        value: dateInRange(getToday(), this.$props.min, this.$props.max),
+        target: this
+      };
+      this.$emit('todayclick', args);
+    },
+    todayKeyDown: function todayKeyDown(event) {
+      var keyCode = event.keyCode;
+
+      if (keyCode === Keys.enter) {
+        this.handleTodayClick(event);
+      }
+    }
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    var kendoLocalizationService = inject('kendoLocalizationService', {});
+    return {
+      v3: v3,
+      kendoLocalizationService: kendoLocalizationService
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    this._localization = provideLocalizationService(this);
+
+    var todayMessage = this._localization.toLanguageString(today, messages[today]);
+
+    var title = this.getTitle();
+
+    var prevViewTitle = this._localization.toLanguageString(prevView, messages[prevView]);
+
+    var nextViewTittle = this._localization.toLanguageString(nextView, messages[nextView]);
+
+    var isPrevDisabled = !this.canNavigate(Action.PrevView);
+    var isNextDisabled = !this.canNavigate(Action.NextView);
+    var titleClassNames = classNames('k-calendar-title', 'k-title', {
+      'k-disabled': !this.navigate
+    });
+    var todayClassNames = classNames('k-nav-today', {
+      'k-disabled': !this.todayIsInRange
+    });
+    var headerTitle;
+    var headerTitleDefaultRendering = // @ts-ignore  function children
+    h(CalendarHeaderTitle, {
+      value: title,
+      attrs: this.v3 ? undefined : {
+        value: title,
+        view: this.$props.activeView
+      },
+      view: this.$props.activeView,
+      "class": titleClassNames,
+      onClick: this.handleTitleClick,
+      on: this.v3 ? undefined : {
+        "click": this.handleTitleClick
+      }
+    }, this.v3 ? function () {
+      return [title];
+    } : [title]);
+    headerTitle = getTemplate.call(this, {
+      h: h,
+      template: this.$props.headerTitle,
+      defaultRendering: headerTitleDefaultRendering
+    });
+    return h("div", {
+      "class": "k-calendar-header k-hstack"
+    }, [headerTitle, h("span", {
+      "class": 'k-spacer'
+    }), h("span", {
+      "class": 'k-calendar-nav k-hstack'
+    }, [// @ts-ignore
+    h(KButton, {
+      type: "button",
+      attrs: this.v3 ? undefined : {
+        type: "button",
+        icon: 'arrow-60-left',
+        size: this.$props.size,
+        fillMode: 'flat',
+        desabled: isPrevDisabled,
+        "aria-label": prevViewTitle,
+        title: prevViewTitle
+      },
+      icon: 'arrow-60-left',
+      size: this.$props.size,
+      fillMode: 'flat',
+      "class": "k-prev-view",
+      desabled: isPrevDisabled,
+      "aria-label": prevViewTitle,
+      title: prevViewTitle,
+      onClick: this.handlePrevClick,
+      on: this.v3 ? undefined : {
+        "click": this.handlePrevClick
+      }
+    }), h("span", {
+      "class": todayClassNames,
+      tabindex: this.$props.tabIndex,
+      attrs: this.v3 ? undefined : {
+        tabindex: this.$props.tabIndex
+      },
+      onKeydown: this.todayKeyDown,
+      on: this.v3 ? undefined : {
+        "keydown": this.todayKeyDown,
+        "click": this.handleTodayClick
+      },
+      onClick: this.handleTodayClick
+    }, [todayMessage]), // @ts-ignore
+    h(KButton, {
+      type: "button",
+      attrs: this.v3 ? undefined : {
+        type: "button",
+        icon: 'arrow-60-right',
+        size: this.$props.size,
+        fillMode: 'flat',
+        desabled: isNextDisabled,
+        "aria-label": nextViewTittle,
+        title: nextViewTittle
+      },
+      icon: 'arrow-60-right',
+      size: this.$props.size,
+      fillMode: 'flat',
+      "class": "k-next-view",
+      desabled: isNextDisabled,
+      "aria-label": nextViewTittle,
+      title: nextViewTittle,
+      onClick: this.handleNextClick,
+      on: this.v3 ? undefined : {
+        "click": this.handleNextClick
+      }
+    })])]);
+  }
+};
+/**
+ * @hidden
+ */
+
+var Header = HeaderVue2;
+export { Header, HeaderVue2 };

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

@@ -0,0 +1,110 @@
+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) => ViewData);
+import { IntlService } from '@progress/kendo-vue-intl';
+import { CellContext, SelectionRange, ViewService } from '../models';
+import { BusViewService, WeekNamesService } from '../services';
+/**
+ * @hidden
+ */
+export interface ViewEventArguments {
+    event?: any;
+    value: Date;
+    target: any;
+}
+/**
+ * @hidden
+ */
+export interface ViewWeekCellEventArguments {
+    event?: any;
+    value: number | null;
+}
+/**
+ * @hidden
+ */
+export interface ViewWeekNameEventArguments {
+    event?: any;
+    value: string | null;
+}
+/**
+ * @hidden
+ */
+export interface ViewDimensions {
+    headerHight: number;
+    offsetHeight: number;
+}
+/**
+ * @hidden
+ */
+export interface ViewProps {
+    activeRangeEnd?: string;
+    activeView: number;
+    bus: BusViewService;
+    cellUID: string;
+    direction?: 'horizontal' | 'vertical';
+    isActive: boolean;
+    focusedDate: Date;
+    weekCell?: any;
+    max: Date;
+    min: Date;
+    cell?: any;
+    selectedDate: Date | Date[] | null;
+    selectionRange?: SelectionRange;
+    service: ViewService;
+    showWeekNumbers?: boolean;
+    viewDate: Date;
+}
+/**
+ * @hidden
+ */
+export interface ViewComputed {
+    [key: string]: any;
+    isMonthView?: boolean;
+    weekNumber?: boolean;
+    isHorizontal?: boolean;
+}
+/**
+ * @hidden
+ */
+export interface ViewMethods {
+    [key: string]: any;
+    buildWeekNumber: (row: any, idx: number) => void;
+    buildRow: (row: any) => void;
+    firstDate: (row: any) => any;
+    getWeekNumber: (date: Date) => number | null;
+    firstWeekDateContext: (rowCtx: CellContext[]) => CellContext | null;
+    handleClick: (value: Date, event: any) => void;
+    handleWeekCellClick: (value: number | null, event: any) => void;
+    handleMouseEnter: (value: Date) => void;
+    handleMouseLeave: (value: Date) => void;
+    handleMouseDown?: (event: ViewEventArguments) => void;
+}
+/**
+ * @hidden
+ */
+export interface ViewState {
+    _intl: IntlService;
+    _weekService: WeekNamesService;
+    _selectedDateHasChanged: boolean;
+}
+/**
+ * @hidden
+ */
+export interface ViewData {
+}
+/**
+ * @hidden
+ */
+export interface ViewAllMethods extends Vue2type, ViewMethods, ViewComputed, ViewState {
+}
+/**
+ * @hidden
+ */
+declare let ViewVue2: ComponentOptions<ViewAllMethods, DefaultData<ViewData>, DefaultMethods<ViewAllMethods>, ViewComputed, RecordPropsDefinition<ViewProps>>;
+/**
+ * @hidden
+ */
+declare const View: DefineComponent<ViewProps, any, ViewData, ViewComputed, ViewMethods, {}, {}, {}, string, ViewProps, ViewProps, {}>;
+export { View, ViewVue2 };