@progress/kendo-vue-scheduler 3.0.7 → 3.0.9-dev.202202280631

package/dist/npm/views/time/MultiDayTimelineView.js

@@ -0,0 +1,508 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MultiDayTimelineViewVue2 = exports.MultiDayTimelineView = void 0; // @ts-ignore
+
+var Vue = require("vue");
+
+var allVue = Vue;
+var gh = allVue.h;
+var inject = allVue.inject;
+
+var BaseView_1 = require("../../components/BaseView");
+
+var hooks_1 = require("../../hooks");
+
+var kendo_date_math_1 = require("@progress/kendo-date-math");
+
+var HorizontalResourceIterator_1 = require("../common/HorizontalResourceIterator");
+
+var TimelineViewRowContent_1 = require("./TimelineViewRowContent");
+
+var TimelineViewAllEventsRowContent_1 = require("./TimelineViewAllEventsRowContent");
+
+var VerticalResourceIterator_1 = require("../common/VerticalResourceIterator");
+
+var utils_1 = require("../../utils");
+
+var rangeService_1 = require("../../services/rangeService");
+
+var slotsService_1 = require("../../services/slotsService");
+
+var occurrenceService_1 = require("../../services/occurrenceService");
+
+var itemsService_1 = require("../../services/itemsService");
+
+var TimelineViewBody_1 = require("./TimelineViewBody");
+
+var constants_1 = require("../../constants");
+
+var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
+
+var SchedulerEditItem_1 = require("../../items/SchedulerEditItem"); // import {
+//     useSchedulerDataContext,
+//     useSchedulerPropsContext,
+//     useSchedulerGroupsContext,
+//     useSchedulerFieldsContext,
+//     useSchedulerDateRangeContext,
+//     useSchedulerOrientationContext
+// } from '../../context/SchedulerContext';
+
+
+var SchedulerResourceIteratorContext_1 = require("../../context/SchedulerResourceIteratorContext");
+
+var CurrentTimeMarket_1 = require("../../components/CurrentTimeMarket");
+
+var DateHeaderCell_1 = require("../../components/DateHeaderCell");
+
+var TimeHeaderCell_1 = require("../../components/TimeHeaderCell");
+
+var TIME_FORMAT = 't';
+var FIRST_INDEX = 0; // tslint:enable:max-line-length
+
+var MultiDayTimelineViewVue2 = {
+  name: 'KendoMultiDayTimelineView',
+  props: {
+    name: {
+      type: String,
+      default: 'multi-day-timeline'
+    },
+    title: {
+      type: String,
+      default: 'Multi Day Timeline'
+    },
+    currentTimeMarker: {
+      type: Boolean,
+      default: true
+    },
+    dateRange: {
+      type: [Function, Object],
+      default: function _default() {
+        return multiDayTimelineDateRange;
+      }
+    },
+    selectedDateFormat: {
+      type: String,
+      default: '{0:D} - {1:D}'
+    },
+    selectedShortDateFormat: {
+      type: String,
+      default: '{0:d} - {1:d}'
+    },
+    step: {
+      type: Number,
+      default: 1
+    },
+    numberOfDays: {
+      type: Number,
+      default: 1
+    },
+    startTime: {
+      type: String,
+      default: '00:00'
+    },
+    endTime: {
+      type: String,
+      default: '00:00'
+    },
+    workDayStart: {
+      type: String,
+      default: '8:00'
+    },
+    workDayEnd: {
+      type: String,
+      default: '17:00'
+    },
+    workWeekStart: {
+      type: Number,
+      default: kendo_date_math_1.Day.Monday
+    },
+    workWeekEnd: {
+      type: Number,
+      default: kendo_date_math_1.Day.Friday
+    },
+    slotDivisions: {
+      type: Number,
+      default: 2
+    },
+    slotDuration: {
+      type: Number,
+      default: 60
+    },
+    // showCurrentTime: true // TODO: Phase 2
+    defaultShowWorkHours: {
+      type: Boolean,
+      default: true
+    },
+    columnWidth: {
+      type: Number,
+      default: 100
+    }
+  },
+  inject: {
+    ks: {
+      default: null
+    },
+    kendoIntlService: {
+      default: null
+    }
+  },
+  computed: {
+    viewStart: function viewStart() {
+      this.intl = kendo_vue_intl_1.provideIntlService(this);
+      var workDayStart = this.intl.parseDate(this.$props.workDayStart);
+      var startTime = this.intl.parseDate(this.$props.startTime);
+      return this.showWorkHours ? workDayStart : startTime;
+    },
+    viewEnd: function viewEnd() {
+      this.intl = kendo_vue_intl_1.provideIntlService(this);
+      var workDayEnd = this.intl.parseDate(this.$props.workDayEnd);
+      var endTime = this.intl.parseDate(this.$props.endTime);
+      return this.showWorkHours ? workDayEnd : endTime;
+    },
+    ranges: function ranges() {
+      return rangeService_1.toRanges(this.ks.dateRange, {
+        step: kendo_date_math_1.MS_PER_DAY,
+        timezone: this.ks.timezone
+      });
+    },
+    timelineSlots: function timelineSlots() {
+      var _this = this;
+
+      var timelineSlots = slotsService_1.toSlots(this.ks.dateRange, {
+        step: this.slotDuration / this.slotDivisions * kendo_date_math_1.MS_PER_MINUTE
+      }, {
+        groups: this.ks.groups,
+        ranges: this.ranges
+      }).filter(function (slot) {
+        return utils_1.isInTimeRange(slot.zonedStart, _this.viewStart, _this.viewEnd) || _this.viewStart.getTime() === _this.viewEnd.getTime();
+      });
+      return timelineSlots;
+    },
+    occurrences: function occurrences() {
+      return occurrenceService_1.toOccurrences(this.ks.dataItems, {
+        dateRange: this.ks.dateRange,
+        fields: this.ks.fields,
+        timezone: this.ks.timezone
+      });
+    },
+    items: function items() {
+      var _this = this;
+
+      var items = itemsService_1.toItems(this.occurrences, {
+        timezone: this.ks.timezone
+      }, {
+        groups: this.ks.groups,
+        ranges: this.ranges
+      }).filter(function (item) {
+        return _this.viewStart.getTime() === _this.viewEnd.getTime() || utils_1.isInTimeRange(item.zonedStart, _this.viewStart, _this.viewEnd) || utils_1.isInTimeRange(item.zonedEnd, _this.viewStart, _this.viewEnd) || utils_1.isInTimeRange(new Date(item.zonedEnd.getTime() - (item.zonedEnd.getTime() - item.zonedStart.getTime()) / 2), _this.viewStart, _this.viewEnd);
+      });
+      utils_1.mapItemsToSlots(items, this.timelineSlots, false);
+      utils_1.mapSlotsToItems(items, this.timelineSlots, false);
+      return items;
+    }
+  },
+  mounted: function mounted() {
+    this.timeRef = null;
+    this.bodyRef = null;
+  },
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var _this = this;
+
+    var h = gh || createElement; // const {
+    //     group,
+    //     timezone,
+    //     resources: propResources
+    // } = useSchedulerPropsContext();
+
+    var intl = kendo_vue_intl_1.provideIntlService(this);
+    var showWorkHours = this.$props.showWorkHours;
+    var slotDivisions = this.$props.slotDivisions;
+    var slotDuration = this.$props.slotDuration;
+    var workDayStart = intl.parseDate(this.$props.workDayStart);
+    var workDayEnd = intl.parseDate(this.$props.workDayEnd);
+    var width = (this.ks.orientation === 'horizontal' ? this.timelineSlots.length : this.timelineSlots.length / this.groups.length) * (this.$props.columnWidth + constants_1.BORDER_WIDTH);
+    var head = [h("div", {
+      "class": "k-scheduler-row"
+    }, [this.ranges.map(function (range, rangeIndex) {
+      return h(DateHeaderCell_1.DateHeaderCell, {
+        as: this.$props.dateHeaderCell,
+        attrs: this.v3 ? undefined : {
+          as: this.$props.dateHeaderCell,
+          date: range.zonedStart,
+          start: range.start,
+          end: range.end,
+          format: 'm'
+        },
+        key: rangeIndex,
+        date: range.zonedStart,
+        start: range.start,
+        end: range.end,
+        format: 'm'
+      });
+    }, this)]), h("div", {
+      "class": "k-scheduler-row",
+      ref: 'timeRef'
+    }, [this.ranges.map(function (_, rangeIndex) {
+      return this.timelineSlots.filter(function (s) {
+        return s.group.index === FIRST_INDEX && s.range.index === rangeIndex;
+      }).map(function (slot) {
+        return slot.zonedStart.getMinutes() % slotDuration === 0 ? h(TimeHeaderCell_1.TimeHeaderCell, {
+          key: slot.index //     as={this.$props.timeHeaderCell}
+          ,
+          format: TIME_FORMAT,
+          attrs: this.v3 ? undefined : {
+            format: TIME_FORMAT,
+            date: slot.zonedStart,
+            start: slot.zonedStart,
+            end: slot.zonedEnd
+          },
+          date: slot.zonedStart,
+          start: slot.zonedStart,
+          end: slot.zonedEnd
+        }) : null;
+      }, this);
+    }, this)])];
+    hooks_1.useCellSync({
+      element: this.$el,
+      selector: '.k-resource-cell',
+      attribute: 'data-depth-index',
+      explicitDepth: true
+    });
+    hooks_1.useRowSync({
+      element: this.$el,
+      selector: '.k-resource-row',
+      horizontalAttribute: 'data-depth-index',
+      verticalAttribute: 'data-resource-index',
+      applyTo: '.k-resource-cell'
+    });
+    return h(BaseView_1.BaseView, {
+      id: this.$props.id,
+      attrs: this.v3 ? undefined : {
+        id: this.$props.id,
+        props: this.$props,
+        baseSlots: this.timelineSlots,
+        ranges: this.ranges
+      },
+      "class": 'k-scheduler-timeline-view',
+      props: this.$props,
+      baseSlots: this.timelineSlots,
+      ranges: this.ranges
+    }, [h("div", {
+      "class": 'k-scheduler-head',
+      style: {
+        width: width + 'px'
+      }
+    }, [this.ks.orientation === 'horizontal' ? h(HorizontalResourceIterator_1.HorizontalResourceIterator, {
+      nested: true,
+      attrs: this.v3 ? undefined : {
+        nested: true,
+        group: this.ks.props.group,
+        resources: this.ks.props.resources,
+        rowContent: TimelineViewRowContent_1.TimelineViewRowContent
+      },
+      group: this.ks.props.group,
+      resources: this.ks.props.resources,
+      rowContent: TimelineViewRowContent_1.TimelineViewRowContent
+    }, [head]) : h(VerticalResourceIterator_1.VerticalResourceIterator, {
+      wrapGroup: true,
+      attrs: this.v3 ? undefined : {
+        wrapGroup: true,
+        group: this.ks.props.group,
+        resources: this.ks.props.resources
+      },
+      group: this.ks.props.group,
+      resources: this.ks.props.resources
+    }, [head])]), h("div", {
+      "class": "k-scheduler-body",
+      style: {
+        width: width + 'px'
+      },
+      ref: 'bodyRef'
+    }, [this.ks.orientation === 'horizontal' ? h(HorizontalResourceIterator_1.HorizontalResourceIterator, {
+      group: this.ks.props.group,
+      attrs: this.v3 ? undefined : {
+        group: this.ks.props.group,
+        resources: this.ks.props.resources,
+        rowContent: TimelineViewAllEventsRowContent_1.TimelineViewAllEventsRowContent
+      },
+      resources: this.ks.props.resources,
+      rowContent: TimelineViewAllEventsRowContent_1.TimelineViewAllEventsRowContent
+    }, [// @ts-ignore  function children
+    h(TimelineViewBody_1.TimelineViewBody, {
+      ranges: this.ranges,
+      attrs: this.v3 ? undefined : {
+        ranges: this.ranges,
+        workDayStart: workDayStart,
+        workDayEnd: workDayEnd,
+        timelineSlots: this.timelineSlots
+      },
+      workDayStart: workDayStart,
+      workDayEnd: workDayEnd,
+      timelineSlots: this.timelineSlots,
+      onDataaction: this.handleDataAction,
+      on: this.v3 ? undefined : {
+        "dataaction": this.handleDataAction
+      }
+    }), h(SchedulerResourceIteratorContext_1.SchedulerResourceIteratorContext.Consumer, [function (_a) {
+      var groupIndex = _a.groupIndex;
+      return _this.$props.currentTimeMarker && utils_1.intersects(utils_1.first(_this.ranges).start, utils_1.last(_this.ranges).end, new Date(), new Date(), true) && h(CurrentTimeMarket_1.CurrentTimeMarker, {
+        groupIndex: groupIndex,
+        attrs: this.v3 ? undefined : {
+          groupIndex: groupIndex,
+          attachArrow: 'timeRef',
+          vertical: true
+        },
+        attachArrow: 'timeRef',
+        vertical: true
+      });
+    }])]) : h(VerticalResourceIterator_1.VerticalResourceIterator, {
+      nested: true,
+      attrs: this.v3 ? undefined : {
+        nested: true,
+        wrapGroup: true,
+        group: this.ks.props.group,
+        resources: this.ks.props.resources
+      },
+      wrapGroup: true,
+      group: this.ks.props.group,
+      resources: this.ks.props.resources
+    }, [// @ts-ignore  function children
+    h(TimelineViewBody_1.TimelineViewBody, {
+      range: this.range,
+      attrs: this.v3 ? undefined : {
+        range: this.range,
+        workDayStart: workDayStart,
+        workDayEnd: workDayEnd,
+        timelineSlots: this.timelineSlots
+      },
+      workDayStart: workDayStart,
+      workDayEnd: workDayEnd,
+      timelineSlots: this.timelineSlots,
+      onDataaction: this.handleDataAction,
+      on: this.v3 ? undefined : {
+        "dataaction": this.handleDataAction
+      }
+    })]), this.ks.orientation === 'vertical' && this.$props.currentTimeMarker && utils_1.intersects(utils_1.first(this.ranges).start, utils_1.last(this.ranges).end, new Date(), new Date(), true) && h(CurrentTimeMarket_1.CurrentTimeMarker, {
+      attachArrow: 'timeRef',
+      attrs: this.v3 ? undefined : {
+        attachArrow: 'timeRef',
+        vertical: true
+      },
+      vertical: true
+    }), this.items.sort(utils_1.orderSort).map(function (item) {
+      return h(SchedulerEditItem_1.SchedulerEditItem, {
+        key: item.isRecurring ? item.uid + ":" + item.group.index + ":" + item.range.index + ":" + item.originalStart : item.uid + ":" + item.group.index + ":" + item.range.index,
+        uid: item.uid,
+        attrs: this.v3 ? undefined : {
+          uid: item.uid,
+          start: item.start,
+          end: item.end,
+          originalStart: item.originalStart,
+          startTimezone: item.startTimezone,
+          endTimezone: item.endTimezone,
+          isAllDay: item.isAllDay,
+          title: item.title,
+          description: item.description,
+          occurrenceId: item.occurrenceId,
+          recurrenceExceptions: item.recurrenceExceptions,
+          recurrenceRule: item.recurrenceRule,
+          recurrenceId: item.recurrenceId,
+          dataItem: item.dataItem,
+          itemRef: item.itemRef,
+          head: item.head,
+          tail: item.tail,
+          order: item.order,
+          zonedStart: item.zonedStart,
+          zonedEnd: item.zonedEnd,
+          slots: item.slots,
+          group: item.group,
+          range: item.range,
+          isException: item.isException,
+          isRecurring: item.isRecurring,
+          format: 't',
+          form: this.$props.form,
+          item: this.$props.item,
+          viewItem: this.$props.viewItem,
+          editable: this.$props.editable,
+          ignoreIsAllDay: true,
+          vertical: false
+        },
+        start: item.start,
+        end: item.end,
+        originalStart: item.originalStart,
+        startTimezone: item.startTimezone,
+        endTimezone: item.endTimezone,
+        isAllDay: item.isAllDay,
+        title: item.title,
+        description: item.description,
+        occurrenceId: item.occurrenceId,
+        recurrenceExceptions: item.recurrenceExceptions,
+        recurrenceRule: item.recurrenceRule,
+        recurrenceId: item.recurrenceId,
+        dataItem: item.dataItem,
+        itemRef: item.itemRef,
+        head: item.head,
+        tail: item.tail,
+        order: item.order,
+        zonedStart: item.zonedStart,
+        zonedEnd: item.zonedEnd,
+        slots: item.slots,
+        group: item.group,
+        range: item.range,
+        isException: item.isException,
+        isRecurring: item.isRecurring,
+        format: 't',
+        form: this.$props.form,
+        onDataaction: this.handleDataAction,
+        on: this.v3 ? undefined : {
+          "dataaction": this.handleDataAction
+        },
+        item: this.$props.item,
+        viewItem: this.$props.viewItem,
+        editable: this.$props.editable,
+        ignoreIsAllDay: true,
+        vertical: false
+      });
+    }, this)])]);
+  },
+  methods: {
+    handleDataAction: function handleDataAction(action) {
+      this.$emit('dataaction', action);
+    }
+  }
+};
+exports.MultiDayTimelineViewVue2 = MultiDayTimelineViewVue2;
+
+var multiDayTimelineDateRange = function multiDayTimelineDateRange(_a) {
+  var date = _a.date,
+      _b = _a.numberOfDays,
+      numberOfDays = _b === void 0 ? 1 : _b,
+      timezone = _a.timezone;
+  var normalized = kendo_date_math_1.ZonedDate.fromLocalDate(date, timezone);
+  var firstDay = kendo_date_math_1.getDate(normalized);
+  var lastDay = kendo_date_math_1.addDays(firstDay, numberOfDays);
+  var zonedStart = kendo_date_math_1.ZonedDate.fromUTCDate(utils_1.toUTCDateTime(firstDay), timezone);
+  var zonedEnd = kendo_date_math_1.ZonedDate.fromUTCDate(utils_1.toUTCDateTime(lastDay), timezone);
+  var start = new Date(zonedStart.getTime());
+  var end = new Date(zonedEnd.getTime());
+  return {
+    start: start,
+    end: end,
+    zonedStart: zonedStart,
+    zonedEnd: zonedEnd
+  };
+};
+
+var MultiDayTimelineView = MultiDayTimelineViewVue2;
+exports.MultiDayTimelineView = MultiDayTimelineView;

package/dist/npm/views/time/TimelineView.d.ts

@@ -0,0 +1,41 @@
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../../additionalTypes';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+import { MultiDayTimelineViewProps } from './MultiDayTimelineView';
+/**
+ * Represents the properties of the Kendo UI for Vue [TimelineView]({% slug api_scheduler_timelineview %}) Component.
+ */
+export interface TimelineViewProps extends MultiDayTimelineViewProps {
+}
+/**
+ * @hidden
+ */
+export interface TimelineViewState {
+}
+/**
+ * @hidden
+ */
+export interface TimelineViewComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface TimelineViewMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface TimelineViewData {
+}
+/**
+ * @hidden
+ */
+export interface TimelineViewAll extends Vue2type, TimelineViewMethods, TimelineViewData, TimelineViewComputed, TimelineViewState {
+}
+declare let TimelineViewVue2: ComponentOptions<TimelineViewAll, DefaultData<TimelineViewData>, DefaultMethods<TimelineViewAll>, TimelineViewComputed, RecordPropsDefinition<TimelineViewProps>>;
+declare const TimelineView: DefineComponent<TimelineViewProps, any, TimelineViewData, TimelineViewComputed, TimelineViewMethods, {}, {}, {}, string, TimelineViewProps, TimelineViewProps, {}>;
+export { TimelineView, TimelineViewVue2 };

package/dist/npm/views/time/TimelineView.js

@@ -0,0 +1,124 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TimelineViewVue2 = exports.TimelineView = void 0; // @ts-ignore
+
+var Vue = require("vue");
+
+var allVue = Vue;
+var gh = allVue.h;
+var inject = allVue.inject;
+
+var MultiDayTimelineView_1 = require("./MultiDayTimelineView"); // tslint:enable:max-line-length
+
+
+var TimelineViewVue2 = {
+  name: 'KendoTimelineView',
+  props: {
+    name: {
+      type: String,
+      default: 'timeline'
+    },
+    title: {
+      type: String,
+      default: 'Multi Day Timeline'
+    },
+    currentTimeMarker: {
+      type: Boolean,
+      default: true
+    },
+    dateRange: {
+      type: [Function, Object],
+      default: function _default() {
+        return MultiDayTimelineView_1.MultiDayTimelineView.props.dateRange.default;
+      }
+    },
+    selectedDateFormat: {
+      type: String,
+      default: '{0:D}'
+    },
+    selectedShortDateFormat: {
+      type: String,
+      default: '{0:d}'
+    },
+    step: {
+      type: Number,
+      default: 1
+    },
+    numberOfDays: {
+      type: Number,
+      default: 1
+    },
+    startTime: {
+      type: String,
+      default: '00:00'
+    },
+    endTime: {
+      type: String,
+      default: '00:00'
+    },
+    isWorkDayStart: {
+      type: String,
+      default: '8:00'
+    },
+    isWorkDayEnd: {
+      type: String,
+      default: '17:00'
+    },
+    slotDivisions: {
+      type: Number,
+      default: 2
+    },
+    slotDuration: {
+      type: Number,
+      default: 60
+    },
+    // showCurrentTime: true // TODO: Phase 2
+    defaultShowWorkHours: {
+      type: Boolean,
+      default: true
+    },
+    columnWidth: {
+      type: Number,
+      default: 100
+    }
+  },
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    return h(MultiDayTimelineView_1.MultiDayTimelineView, {
+      name: this.$props.name,
+      attrs: this.v3 ? undefined : {
+        name: this.$props.name,
+        dateRange: this.$props.dateRange,
+        step: this.$props.step,
+        numberOfDays: this.$props.numberOfDays,
+        slotDuration: this.$props.slotDuration,
+        slotDivisions: this.$props.slotDivisions,
+        selectedDateFormat: this.$props.selectedDateFormat,
+        selectedShortDateFormat: this.$props.selectedShortDateFormat,
+        showWorkHours: this.$props.showWorkHours
+      },
+      dateRange: this.$props.dateRange,
+      step: this.$props.step,
+      numberOfDays: this.$props.numberOfDays,
+      slotDuration: this.$props.slotDuration,
+      slotDivisions: this.$props.slotDivisions,
+      selectedDateFormat: this.$props.selectedDateFormat,
+      selectedShortDateFormat: this.$props.selectedShortDateFormat,
+      showWorkHours: this.$props.showWorkHours
+    });
+  }
+};
+exports.TimelineViewVue2 = TimelineViewVue2;
+var TimelineView = TimelineViewVue2;
+exports.TimelineView = TimelineView;

package/dist/npm/views/time/TimelineViewAllEventsRowContent.d.ts

@@ -0,0 +1,38 @@
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../../additionalTypes';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+/** @hidden */
+export interface TimelineViewAllEventsRowContentProps {
+}
+/**
+ * @hidden
+ */
+export interface TimelineViewAllEventsRowContentState {
+}
+/**
+ * @hidden
+ */
+export interface TimelineViewAllEventsRowContentComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface TimelineViewAllEventsRowContentMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface TimelineViewAllEventsRowContentData {
+}
+/**
+ * @hidden
+ */
+export interface TimelineViewAllEventsRowContentAll extends Vue2type, TimelineViewAllEventsRowContentMethods, TimelineViewAllEventsRowContentData, TimelineViewAllEventsRowContentComputed, TimelineViewAllEventsRowContentState {
+}
+declare let TimelineViewAllEventsRowContentVue2: ComponentOptions<TimelineViewAllEventsRowContentAll, DefaultData<TimelineViewAllEventsRowContentData>, DefaultMethods<TimelineViewAllEventsRowContentAll>, TimelineViewAllEventsRowContentComputed, RecordPropsDefinition<TimelineViewAllEventsRowContentProps>>;
+declare const TimelineViewAllEventsRowContent: DefineComponent<TimelineViewAllEventsRowContentProps, any, TimelineViewAllEventsRowContentData, TimelineViewAllEventsRowContentComputed, TimelineViewAllEventsRowContentMethods, {}, {}, {}, string, TimelineViewAllEventsRowContentProps, TimelineViewAllEventsRowContentProps, {}>;
+export { TimelineViewAllEventsRowContent, TimelineViewAllEventsRowContentVue2 };