@progress/kendo-vue-dateinputs 5.3.0-dev.202409130647 → 5.3.0-develop.1

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

@@ -1,297 +0,0 @@
-// @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/main.js';
-import { Action } from '../models/main.js';
-import { getToday, isInRange, dateInRange, MAX_DATE } from '../../utils.js';
-import { MIN_DATE } from '../../defaults.js';
-import { classNames, Keys, getTemplate, isRtl } from '@progress/kendo-vue-common';
-import { chevronLeftIcon, chevronRightIcon } from '@progress/kendo-svg-icons';
-/**
- * @hidden
- */
-var HeaderVue2 = {
-  name: 'KendoCalendarHeader',
-  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
-    }
-  },
-  data: function data() {
-    return {
-      currentRtl: false
-    };
-  },
-  mounted: function mounted() {
-    this.currentRtl = isRtl(this.$el);
-  },
-  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-disabled': !this.navigate
-    });
-    var todayClassNames = classNames('k-calendar-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
-    });
-    var todayButtonRendering =
-    // @ts-ignore  function children
-    h(KButton, {
-      fillMode: 'flat',
-      attrs: this.v3 ? undefined : {
-        fillMode: 'flat',
-        themeColor: 'base',
-        tabindex: this.$props.tabIndex
-      },
-      themeColor: 'base',
-      "class": todayClassNames,
-      tabindex: this.$props.tabIndex,
-      onKeydown: this.todayKeyDown,
-      on: this.v3 ? undefined : {
-        "keydown": this.todayKeyDown,
-        "click": this.handleTodayClick
-      },
-      onClick: this.handleTodayClick
-    }, this.v3 ? function () {
-      return [todayMessage];
-    } : [todayMessage]);
-    var todayButton = getTemplate.call(this, {
-      h: h,
-      defaultRendering: todayButtonRendering
-    });
-    return h("div", {
-      "class": "k-calendar-header k-hstack",
-      style: this.$attrs.style
-    }, [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: this.currentRtl ? 'chevron-right' : 'chevron-left',
-        svgIcon: this.currentRtl ? chevronRightIcon : chevronLeftIcon,
-        size: this.$props.size,
-        fillMode: 'flat',
-        desabled: isPrevDisabled,
-        "aria-label": prevViewTitle,
-        title: prevViewTitle
-      },
-      icon: this.currentRtl ? 'chevron-right' : 'chevron-left',
-      svgIcon: this.currentRtl ? chevronRightIcon : chevronLeftIcon,
-      size: this.$props.size,
-      fillMode: 'flat',
-      "class": "k-calendar-nav-pre",
-      desabled: isPrevDisabled,
-      "aria-label": prevViewTitle,
-      title: prevViewTitle,
-      onClick: this.handlePrevClick,
-      on: this.v3 ? undefined : {
-        "click": this.handlePrevClick
-      }
-    }), todayButton,
-    // @ts-ignore
-    h(KButton, {
-      type: "button",
-      attrs: this.v3 ? undefined : {
-        type: "button",
-        icon: this.currentRtl ? 'chevron-left' : 'chevron-right',
-        svgIcon: this.currentRtl ? chevronLeftIcon : chevronRightIcon,
-        size: this.$props.size,
-        fillMode: 'flat',
-        desabled: isNextDisabled,
-        "aria-label": nextViewTittle,
-        title: nextViewTittle
-      },
-      icon: this.currentRtl ? 'chevron-left' : 'chevron-right',
-      svgIcon: this.currentRtl ? chevronLeftIcon : chevronRightIcon,
-      size: this.$props.size,
-      fillMode: 'flat',
-      "class": "k-calendar-nav-next",
-      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

@@ -1,110 +0,0 @@
-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/main';
-import { BusViewService, WeekNamesService } from '../services/main';
-/**
- * @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 };