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

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

@@ -0,0 +1,168 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { getDefaultSlots } from '@progress/kendo-vue-common';
+/**
+ * @hidden
+ */
+
+var compareProps = function compareProps(x, y) {
+  var xProps = Object.getOwnPropertyNames(x);
+  var yProps = Object.getOwnPropertyNames(y);
+
+  if (xProps.length !== yProps.length) {
+    return false;
+  }
+
+  for (var i = 0; i < xProps.length; i++) {
+    var propName = xProps[i];
+
+    if (x[propName] !== y[propName]) {
+      return false;
+    }
+  }
+
+  return true;
+};
+/**
+ * @hidden
+ */
+
+
+var CalendarCellVue2 = {
+  name: 'KendoCalendarCell',
+  // @ts-ignore
+  emits: {
+    'click': null,
+    'mousedown': null,
+    'mouseenter': null,
+    'mouseleave': null
+  },
+  props: {
+    isDisabled: Boolean,
+    view: Number,
+    formattedValue: String,
+    id: String,
+    isWeekend: Boolean,
+    isFocused: Boolean,
+    isSelected: Boolean,
+    isInRange: Boolean,
+    isRangeStart: Boolean,
+    isRangeEnd: Boolean,
+    isRangeMid: Boolean,
+    isRangeSplitEnd: Boolean,
+    isRangeSplitStart: Boolean,
+    isToday: Boolean,
+    title: String,
+    value: Date
+  },
+  // Manually checking if the component needs an update
+  // due to date object being compared by instance
+  // and new Date object is created
+  // every time and fails the shallow compare of the Vue.
+
+  /**
+   * @hidden
+   */
+  updated: function updated() {// const { value, ...props } = this.props;
+    // const { value: newValue, ...newProps } = nextProps;
+    // const valueEqual = !(value && newValue) || value.getTime() === newValue.getTime();
+    // return !(valueEqual && compareProps(props, newProps));
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  // tslint:disable:max-line-length
+
+  /**
+   * @return
+   * Returns a `<td />` element with a `<span class="k-link" />` inside to apply the styles. The text inside is the [`formattedValue`]({% slug api_dateinputs_calendarcellprops %}#toc-formattedvalue) of the `cell`.
+   */
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var defaultSlot = getDefaultSlots(this);
+    var _a = this.$props,
+        formattedValue = _a.formattedValue,
+        isWeekend = _a.isWeekend,
+        isFocused = _a.isFocused,
+        isInRange = _a.isInRange,
+        isSelected = _a.isSelected,
+        isRangeStart = _a.isRangeStart,
+        isRangeMid = _a.isRangeMid,
+        isRangeEnd = _a.isRangeEnd,
+        isRangeSplitStart = _a.isRangeSplitStart,
+        isRangeSplitEnd = _a.isRangeSplitEnd,
+        isToday = _a.isToday,
+        isDisabled = _a.isDisabled,
+        view = _a.view,
+        value = _a.value;
+    var isEndActive = this.$props.activeRangeEnd === 'end' && isRangeEnd;
+    var isStartActive = this.$props.activeRangeEnd === 'start' && isRangeStart;
+    return h("td", {
+      id: this.$props.id,
+      attrs: this.v3 ? undefined : {
+        id: this.$props.id,
+        title: this.$props.title
+      },
+      title: this.$props.title,
+      "class": {
+        'k-calendar-td': true,
+        'k-range-end': isRangeEnd,
+        'k-range-mid': isRangeMid,
+        'k-range-split-end': isRangeSplitEnd,
+        'k-range-split-start': isRangeSplitStart,
+        'k-range-start': isRangeStart,
+        'k-active': isStartActive || isEndActive,
+        'k-focus': isFocused,
+        'k-selected': isSelected || isRangeStart || isRangeEnd,
+        'k-today': isToday,
+        'k-weekend': isWeekend,
+        'k-disabled': isDisabled
+      },
+      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
+    }, [h("span", {
+      "class": "k-link"
+    }, [defaultSlot])]);
+  },
+  // tslint:enable:max-line-length
+  methods: {
+    handleClick: function handleClick(event) {
+      var value = this.$props.value;
+      this.$emit('click', value, event);
+    },
+    handleMouseDown: function handleMouseDown(event) {
+      var value = this.$props.value;
+      this.$emit('mousedown', value, event);
+    },
+    handleMouseEnter: function handleMouseEnter() {
+      var value = this.$props.value;
+      this.$emit('mouseenter', value);
+    },
+    handleMouseLeave: function handleMouseLeave() {
+      var value = this.$props.value;
+      this.$emit('mouseleave', value);
+    }
+  }
+};
+/**
+ * @hidden
+ */
+
+var CalendarCell = CalendarCellVue2;
+export { CalendarCell, CalendarCellVue2 };

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

@@ -0,0 +1,33 @@
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../../additionalTypes';
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+/**
+ * The props which will be received by the custom header title of the [Calendar]({% slug api_dateinputs_calendarprops %}#toc-headertitle).
+ */
+export interface CalendarHeaderTitleProps {
+    value?: string;
+    id?: string;
+    view?: number;
+}
+/**
+ * @hidden
+ */
+export interface CalendarHeaderTitleMethods {
+    [key: string]: any;
+    handleClick: (e: any) => void;
+}
+/**
+ * @hidden
+ */
+export interface CalendarHeaderTitleAllMethods extends Vue2type, CalendarHeaderTitleMethods {
+}
+/**
+ * @hidden
+ */
+declare let CalendarHeaderTitleVue2: ComponentOptions<CalendarHeaderTitleAllMethods, {}, DefaultMethods<CalendarHeaderTitleAllMethods>, {}, RecordPropsDefinition<CalendarHeaderTitleProps>>;
+/**
+ * @hidden
+ */
+declare const CalendarHeaderTitle: DefineComponent<CalendarHeaderTitleProps, any, {}, {}, CalendarHeaderTitleMethods, {}, {}, {}, string, CalendarHeaderTitleProps, CalendarHeaderTitleProps, {}>;
+export { CalendarHeaderTitle, CalendarHeaderTitleVue2 };

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

@@ -0,0 +1,73 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { getDefaultSlots } from '@progress/kendo-vue-common';
+import { Button as KButton } from '@progress/kendo-vue-buttons';
+/**
+ * @hidden
+ */
+
+var CalendarHeaderTitleVue2 = {
+  name: 'KendoHeaderTitle',
+  // @ts-ignore
+  emits: {
+    'click': null
+  },
+  props: {
+    id: String,
+    value: String,
+    view: Number
+  },
+  methods: {
+    handleClick: function handleClick(event) {
+      this.$emit('click', event);
+    }
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+
+  /**
+   * @return
+   * Returns a `<button />` element with the [`value`]({% slug api_dateinputs_calendarheadertitleprops %}#toc-value) of the title as a child.
+   */
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var defaultSlot = getDefaultSlots(this);
+    return (// @ts-ignore  function children
+      h(KButton, {
+        type: "button",
+        attrs: this.v3 ? undefined : {
+          type: "button",
+          value: this.$props.value,
+          id: this.$props.id,
+          fillMode: 'flat',
+          tabIndex: 0
+        },
+        value: this.$props.value,
+        id: this.$props.id,
+        fillMode: 'flat',
+        onClick: this.handleClick,
+        on: this.v3 ? undefined : {
+          "click": this.handleClick
+        },
+        tabIndex: 0
+      }, this.v3 ? function () {
+        return [defaultSlot];
+      } : [defaultSlot])
+    );
+  }
+};
+/**
+ * @hidden
+ */
+
+var CalendarHeaderTitle = CalendarHeaderTitleVue2;
+export { CalendarHeaderTitle, CalendarHeaderTitleVue2 };

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

@@ -0,0 +1,27 @@
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../../additionalTypes';
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+/**
+ * The props which will be received by the custom week cell of the [Calendar]({% slug api_dateinputs_calendarprops %}#toc-weekcell).
+ */
+export interface CalendarWeekCellProps {
+    id?: string;
+    value?: number | null;
+    className?: string;
+}
+/**
+ * @hidden
+ */
+export interface CalendarWeekCellAllMethods extends Vue2type {
+    handleClick?: (e: any) => void;
+}
+/**
+ * @hidden
+ */
+declare let CalendarWeekCellVue2: ComponentOptions<CalendarWeekCellAllMethods, {}, DefaultMethods<CalendarWeekCellAllMethods>, {}, RecordPropsDefinition<CalendarWeekCellProps>>;
+/**
+ * @hidden
+ */
+declare const CalendarWeekCell: DefineComponent<CalendarWeekCellProps, any, {}, {}, {}, {}, {}, {}, string, CalendarWeekCellProps, CalendarWeekCellProps, {}>;
+export { CalendarWeekCell, CalendarWeekCellVue2 };

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

@@ -0,0 +1,59 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { getDefaultSlots } from '@progress/kendo-vue-common';
+/**
+ * @hidden
+ */
+
+var CalendarWeekCellVue2 = {
+  props: {
+    id: String,
+    value: Number
+  },
+  // @ts-ignore
+  emits: {
+    'click': null
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+
+  /**
+   * @return
+   * Returns a `<td />` element with the [`value`]({% slug api_dateinputs_calendarweekcellprops %}#toc-value) as a child.
+   */
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var defaultSlot = getDefaultSlots(this);
+    return h("td", {
+      onClick: this.handleClick,
+      on: this.v3 ? undefined : {
+        "click": this.handleClick
+      },
+      id: this.$props.id,
+      attrs: this.v3 ? undefined : {
+        id: this.$props.id
+      }
+    }, [this.$props.value !== undefined ? this.$props.value : defaultSlot]);
+  },
+  methods: {
+    handleClick: function handleClick(event) {
+      var value = this.$props.value;
+      this.$emit('click', value, event);
+    }
+  }
+};
+/**
+ * @hidden
+ */
+
+var CalendarWeekCell = CalendarWeekCellVue2;
+export { CalendarWeekCell, CalendarWeekCellVue2 };

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

@@ -0,0 +1,73 @@
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../../additionalTypes';
+import { LocalizationService } from '@progress/kendo-vue-intl';
+import { BusViewService } from '../services';
+import { ViewService, Action } from '../models';
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+/**
+ * @hidden
+ */
+export interface HeaderEventArguments {
+    event?: any;
+    value: Date;
+    target: any;
+}
+/**
+ * @hidden
+ */
+export interface HeaderProps {
+    activeView: number;
+    bus: BusViewService;
+    currentDate: Date;
+    focusedDate: Date;
+    max: Date;
+    min: Date;
+    rangeLength: number;
+    service: ViewService;
+    headerTitle?: any;
+    tabIndex: number;
+}
+/**
+ * @hidden
+ */
+export interface HeaderMethods {
+    [key: string]: any;
+    getTitle: () => string;
+    handleTitleClick: (event: any) => void;
+    handleTodayClick: (event: any) => void;
+    todayKeyDown: (event: any) => void;
+    handleNextClick: (event: any) => void;
+    handlePrevClick: (event: any) => void;
+    clampDate: (value: Date) => Date;
+    move: (action: Action) => Date;
+    canNavigate: (action: Action) => boolean;
+}
+/**
+ * @hidden
+ */
+export interface HeaderComputed {
+    [key: string]: any;
+    navigate?: () => void;
+    todayIsInRange?: () => boolean;
+}
+/**
+ * @hidden
+ */
+export interface HeaderState {
+    _localization: LocalizationService;
+}
+/**
+ * @hidden
+ */
+export interface HeaderAllMethods extends Vue2type, HeaderMethods, HeaderComputed, HeaderState {
+}
+/**
+ * @hidden
+ */
+declare let HeaderVue2: ComponentOptions<HeaderAllMethods, {}, DefaultMethods<HeaderAllMethods>, {}, RecordPropsDefinition<HeaderProps>>;
+/**
+ * @hidden
+ */
+declare const Header: DefineComponent<HeaderProps, any, {}, HeaderComputed, HeaderMethods, {}, {}, {}, string, HeaderProps, HeaderProps, {}>;
+export { Header, HeaderVue2 };