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

package/dist/es/components/SchedulerForm.js

@@ -0,0 +1,260 @@
+var __assign = this && this.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+}; // @ts-ignore
+
+
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var inject = allVue.inject;
+import { Button } from '@progress/kendo-vue-buttons';
+import { Form } from '@progress/kendo-vue-form';
+import { Dialog as KendoDialog, DialogActionsBar } from '@progress/kendo-vue-dialogs';
+import { provideLocalizationService } from '@progress/kendo-vue-intl';
+import { SchedulerFormEditor } from '../editors/SchedulerFormEditor';
+import { messages, editorValidationRequired, editorValidationStart, editorValidationEnd, editorSave, editorCancel, editorTitle } from '../messages'; // tslint:enable:max-line-length
+
+var SchedulerFormVue2 = {
+  name: 'KendoSchedulerForm',
+  props: {
+    dataItem: Object,
+    renderForm: Object,
+    editor: [String, Function, Object],
+    dialog: [String, Function, Object]
+  },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    var kendoLocalizationService = inject('kendoLocalizationService', {});
+    return {
+      v3: v3,
+      kendoLocalizationService: kendoLocalizationService
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var _this = this;
+
+    var h = gh || createElement;
+    var _a = this.$props,
+        Editor = _a.editor,
+        Dialog = _a.dialog,
+        validator = _a.validator; // const form = React.useRef<SchedulerFormHandle>(null);
+
+    var localization = provideLocalizationService(this); // const fields = useSchedulerFieldsContext();
+
+    this.requiredValidationMessage = localization.toLanguageString(editorValidationRequired, messages[editorValidationRequired]);
+    this.endValidationMessage = localization.toLanguageString(editorValidationEnd, messages[editorValidationEnd]);
+    var editSaveMessage = localization.toLanguageString(editorSave, messages[editorSave]);
+    var editCancelMessage = localization.toLanguageString(editorCancel, messages[editorCancel]);
+    var editorTitleMessage = localization.toLanguageString(editorTitle, messages[editorTitle]);
+    this.startValidationMessage = localization.toLanguageString(editorValidationStart, messages[editorValidationStart]);
+    return (// @ts-ignore  function children
+      h(KendoDialog, {
+        title: editorTitleMessage,
+        attrs: this.v3 ? undefined : {
+          title: editorTitleMessage,
+          minWidth: 600
+        },
+        minWidth: 600,
+        onClose: this.handleClose,
+        on: this.v3 ? undefined : {
+          "close": this.handleClose
+        },
+        "class": "k-scheduler-edit-dialog"
+      }, this.v3 ? function () {
+        return [// @ts-ignore  function children
+        h(Form, {
+          initialValues: _this.$props.dataItem,
+          attrs: _this.v3 ? undefined : {
+            initialValues: _this.$props.dataItem,
+            validator: _this.formValidator
+          },
+          onSubmit: _this.handleSubmit,
+          on: _this.v3 ? undefined : {
+            "submit": _this.handleSubmit
+          },
+          validator: _this.formValidator
+        }, _this.v3 ? function () {
+          return [h(SchedulerFormEditor //   {...this.renderProps}
+          , {
+            as: Editor,
+            attrs: _this.v3 ? undefined : {
+              as: Editor
+            }
+          })];
+        } : [h(SchedulerFormEditor, {
+          as: Editor,
+          attrs: _this.v3 ? undefined : {
+            as: Editor
+          }
+        })]), // @ts-ignore  function children
+        h(DialogActionsBar, _this.v3 ? function () {
+          return [// @ts-ignore  function children
+          h(Button, {
+            disabled: !_this.renderProps.allowSubmit,
+            attrs: _this.v3 ? undefined : {
+              disabled: !_this.renderProps.allowSubmit
+            },
+            onClick: _this.renderProps.onSubmit,
+            on: _this.v3 ? undefined : {
+              "click": _this.renderProps.onSubmit
+            }
+          }, _this.v3 ? function () {
+            return [editSaveMessage];
+          } : [editSaveMessage]), // @ts-ignore  function children
+          h(Button, {
+            onClick: _this.handleCancel,
+            on: _this.v3 ? undefined : {
+              "click": _this.handleCancel
+            }
+          }, _this.v3 ? function () {
+            return [editCancelMessage];
+          } : [editCancelMessage])];
+        } : [h(Button, {
+          disabled: !_this.renderProps.allowSubmit,
+          attrs: _this.v3 ? undefined : {
+            disabled: !_this.renderProps.allowSubmit
+          },
+          onClick: _this.renderProps.onSubmit,
+          on: _this.v3 ? undefined : {
+            "click": _this.renderProps.onSubmit
+          }
+        }, _this.v3 ? function () {
+          return [editSaveMessage];
+        } : [editSaveMessage]), h(Button, {
+          onClick: _this.handleCancel,
+          on: _this.v3 ? undefined : {
+            "click": _this.handleCancel
+          }
+        }, _this.v3 ? function () {
+          return [editCancelMessage];
+        } : [editCancelMessage])])];
+      } : [h(Form, {
+        initialValues: _this.$props.dataItem,
+        attrs: _this.v3 ? undefined : {
+          initialValues: _this.$props.dataItem,
+          validator: _this.formValidator
+        },
+        onSubmit: _this.handleSubmit,
+        on: _this.v3 ? undefined : {
+          "submit": _this.handleSubmit
+        },
+        validator: _this.formValidator
+      }, _this.v3 ? function () {
+        return [h(SchedulerFormEditor, {
+          as: Editor,
+          attrs: _this.v3 ? undefined : {
+            as: Editor
+          }
+        })];
+      } : [h(SchedulerFormEditor, {
+        as: Editor,
+        attrs: _this.v3 ? undefined : {
+          as: Editor
+        }
+      })]), h(DialogActionsBar, _this.v3 ? function () {
+        return [h(Button, {
+          disabled: !_this.renderProps.allowSubmit,
+          attrs: _this.v3 ? undefined : {
+            disabled: !_this.renderProps.allowSubmit
+          },
+          onClick: _this.renderProps.onSubmit,
+          on: _this.v3 ? undefined : {
+            "click": _this.renderProps.onSubmit
+          }
+        }, _this.v3 ? function () {
+          return [editSaveMessage];
+        } : [editSaveMessage]), h(Button, {
+          onClick: _this.handleCancel,
+          on: _this.v3 ? undefined : {
+            "click": _this.handleCancel
+          }
+        }, _this.v3 ? function () {
+          return [editCancelMessage];
+        } : [editCancelMessage])];
+      } : [h(Button, {
+        disabled: !_this.renderProps.allowSubmit,
+        attrs: _this.v3 ? undefined : {
+          disabled: !_this.renderProps.allowSubmit
+        },
+        onClick: _this.renderProps.onSubmit,
+        on: _this.v3 ? undefined : {
+          "click": _this.renderProps.onSubmit
+        }
+      }, _this.v3 ? function () {
+        return [editSaveMessage];
+      } : [editSaveMessage]), h(Button, {
+        onClick: _this.handleCancel,
+        on: _this.v3 ? undefined : {
+          "click": _this.handleCancel
+        }
+      }, _this.v3 ? function () {
+        return [editCancelMessage];
+      } : [editCancelMessage])])])
+    );
+  },
+  methods: {
+    handleCancel: function handleCancel(event) {
+      this.$emit('cancel', {
+        value: null,
+        event: event,
+        target: this.form
+      });
+    },
+    handleClose: function handleClose(_a) {
+      var event = _a.event;
+      this.$emit('close', {
+        value: null,
+        event: event,
+        target: this.form
+      });
+    },
+    handleSubmit: function handleSubmit(dataItem, event) {
+      this.$emit('submit', {
+        value: dataItem,
+        event: event,
+        target: this.form
+      });
+    },
+    startAfterEndValidator: function startAfterEndValidator(value, formValueGetter) {
+      return Boolean(value && formValueGetter(this.fields.end) && value.getTime() > formValueGetter(this.fields.end).getTime()) ? this.startValidationMessage : undefined;
+    },
+    endAfterStartValidator: function endAfterStartValidator(value, formValueGetter) {
+      return Boolean(value && formValueGetter(this.fields.start) && value.getTime() < formValueGetter(this.fields.start).getTime()) ? this.endValidationMessage : undefined;
+    },
+    requiredValidator: function requiredValidator(value) {
+      return value ? undefined : this.requiredValidationMessage;
+    },
+    formValidator: function formValidator(_dataItem, formValueGetter) {
+      var result = {};
+      result[this.fields.start] = [this.requiredValidator(formValueGetter(this.fields.start)), this.startAfterEndValidator(formValueGetter(this.fields.start), formValueGetter)].filter(Boolean).reduce(function (current, acc) {
+        return current || acc;
+      }, '');
+      result[this.fields.end] = [this.requiredValidator(formValueGetter(this.fields.start)), this.endAfterStartValidator(formValueGetter(this.fields.start), formValueGetter)].filter(Boolean).reduce(function (current, acc) {
+        return current || acc;
+      }, '');
+      var additionalValidator = this.$props.validator(_dataItem, formValueGetter);
+      return __assign(__assign({}, result), additionalValidator);
+    }
+  }
+};
+var SchedulerForm = SchedulerFormVue2;
+export { SchedulerForm, SchedulerFormVue2 };

package/dist/es/components/SchedulerOccurrenceDialog.d.ts

@@ -0,0 +1,72 @@
+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 { DataItem } from '../models';
+export interface SchedulerOccurrenceDialogStateChangeEvent<T> {
+    target: SchedulerOccurrenceDialogHandle;
+    value: T;
+    event: any;
+}
+/**
+ * Represents the props of the Kendo UI for Vue [SchedulerOccurrenceDialog]({% slug api_scheduler_scheduleroccurrencedialog %}) component.
+ */
+export interface SchedulerOccurrenceDialogProps {
+    /**
+     * Specifies the `DataItem` currently being edited.
+     */
+    dataItem: DataItem;
+    /**
+     * Specifies if the dialog is for `remove` or `edit` action.
+     */
+    isRemove?: boolean;
+    /**
+     * Called when the `close` button is clicked.
+     */
+    onClose?: (event: SchedulerOccurrenceDialogStateChangeEvent<DataItem | null>) => void;
+    /**
+     * Called when the `series` button is clicked.
+     */
+    onSeriesclick?: (event: SchedulerOccurrenceDialogStateChangeEvent<DataItem | null>) => void;
+    /**
+     * Called when the `occurrence` button is clicked.
+     */
+    onOccurrenceclick?: (event: SchedulerOccurrenceDialogStateChangeEvent<DataItem | null>) => void;
+}
+/**
+ * Represent the `ref` of the SchedulerOccurrenceDialog component.
+ */
+export declare type SchedulerOccurrenceDialogHandle = {
+    props: SchedulerOccurrenceDialogProps;
+};
+/**
+ * @hidden
+ */
+export interface SchedulerOccurrenceDialogState {
+}
+/**
+ * @hidden
+ */
+export interface SchedulerOccurrenceDialogComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerOccurrenceDialogMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerOccurrenceDialogData {
+}
+/**
+ * @hidden
+ */
+export interface SchedulerOccurrenceDialogAll extends Vue2type, SchedulerOccurrenceDialogMethods, SchedulerOccurrenceDialogData, SchedulerOccurrenceDialogComputed, SchedulerOccurrenceDialogState {
+}
+declare let SchedulerOccurrenceDialogVue2: ComponentOptions<SchedulerOccurrenceDialogAll, DefaultData<SchedulerOccurrenceDialogData>, DefaultMethods<SchedulerOccurrenceDialogAll>, SchedulerOccurrenceDialogComputed, RecordPropsDefinition<SchedulerOccurrenceDialogProps>>;
+declare const SchedulerOccurrenceDialog: DefineComponent<SchedulerOccurrenceDialogProps, any, SchedulerOccurrenceDialogData, SchedulerOccurrenceDialogComputed, SchedulerOccurrenceDialogMethods, {}, {}, {}, string, SchedulerOccurrenceDialogProps, SchedulerOccurrenceDialogProps, {}>;
+export { SchedulerOccurrenceDialog, SchedulerOccurrenceDialogVue2 };

package/dist/es/components/SchedulerOccurrenceDialog.js

@@ -0,0 +1,116 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var inject = allVue.inject;
+import { Dialog, DialogActionsBar } from '@progress/kendo-vue-dialogs';
+import { provideLocalizationService } from '@progress/kendo-vue-intl';
+import { messages, editorOccurrence, editorSeries, editorRecurringConfirmation, editorRecurringDialogTitle, deleteOccurrence, deleteSeries, deleteRecurringDialogTitle, deleteRecurringConfirmation } from '../messages';
+import { Button } from '@progress/kendo-vue-buttons'; // tslint:enable:max-line-length
+
+var SchedulerOccurrenceDialogVue2 = {
+  name: 'KendoSchedulerOccurrenceDialog',
+  props: {
+    dataItem: Object,
+    isRemove: Boolean
+  },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    var kendoLocalizationService = inject('kendoLocalizationService', {});
+    return {
+      v3: v3,
+      kendoLocalizationService: kendoLocalizationService
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var _this = this;
+
+    var h = gh || createElement;
+    var isRemove = this.$props.isRemove;
+    var localizationService = provideLocalizationService(this);
+
+    var localizeMessage = function localizeMessage(message) {
+      return localizationService.toLanguageString(message, messages[message]);
+    };
+
+    var editOccurrenceMessage = localizeMessage(editorOccurrence);
+    var editSeriesMessage = localizeMessage(editorSeries);
+    var editRecurringConfirmationMessage = localizeMessage(editorRecurringConfirmation);
+    var editRecurringDialogTitleMessage = localizeMessage(editorRecurringDialogTitle);
+    var deleteOccurrenceMessage = localizeMessage(deleteOccurrence);
+    var deleteSeriesMessage = localizeMessage(deleteSeries);
+    var deleteRecurringDialogTitleMessage = localizeMessage(deleteRecurringDialogTitle);
+    var deleteRecurringConfirmationMessage = localizeMessage(deleteRecurringConfirmation);
+    var titleMessage = isRemove ? deleteRecurringDialogTitleMessage : editRecurringDialogTitleMessage;
+    var confirmationMessage = isRemove ? deleteRecurringConfirmationMessage : editRecurringConfirmationMessage;
+    var occurrenceMessage = isRemove ? deleteOccurrenceMessage : editOccurrenceMessage;
+    var seriesMessage = isRemove ? deleteSeriesMessage : editSeriesMessage;
+    return (// @ts-ignore  function children
+      h(Dialog, {
+        title: titleMessage,
+        attrs: this.v3 ? undefined : {
+          title: titleMessage
+        },
+        onClose: this.handleClose,
+        on: this.v3 ? undefined : {
+          "close": this.handleClose
+        }
+      }, this.v3 ? function () {
+        return [confirmationMessage, h(DialogActionsBar, [h(Button, {
+          onClick: _this.handleOccurrenceClick,
+          on: _this.v3 ? undefined : {
+            "click": _this.handleOccurrenceClick
+          }
+        }, [occurrenceMessage]), h(Button, {
+          onClick: _this.handleSeriesClick,
+          on: _this.v3 ? undefined : {
+            "click": _this.handleSeriesClick
+          }
+        }, [seriesMessage])])];
+      } : [confirmationMessage, h(DialogActionsBar, [h(Button, {
+        onClick: _this.handleOccurrenceClick,
+        on: _this.v3 ? undefined : {
+          "click": _this.handleOccurrenceClick
+        }
+      }, [occurrenceMessage]), h(Button, {
+        onClick: _this.handleSeriesClick,
+        on: _this.v3 ? undefined : {
+          "click": _this.handleSeriesClick
+        }
+      }, [seriesMessage])])])
+    );
+  },
+  methods: {
+    handleClose: function handleClose(_a) {
+      var event = _a.event;
+      this.$emit('close', {
+        event: event,
+        value: null // target: target.current
+
+      });
+    },
+    handleSeriesClick: function handleSeriesClick(event) {
+      this.$emit('seriesclose', {
+        event: event,
+        value: null // target: target.current 
+
+      });
+    },
+    handleOccurrenceClick: function handleOccurrenceClick(event) {
+      this.$emit('occurrenceclose', {
+        event: event,
+        value: null // target: target.current 
+
+      });
+    }
+  }
+};
+var SchedulerOccurrenceDialog = SchedulerOccurrenceDialogVue2;
+export { SchedulerOccurrenceDialog, SchedulerOccurrenceDialogVue2 };

package/dist/es/components/SchedulerRemoveDialog.d.ts

@@ -0,0 +1,68 @@
+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 { DataItem } from '../models';
+export interface SchedulerRemoveDialogStateChangeEvent<T> {
+    target: SchedulerRemoveDialogHandle;
+    value: T;
+    event: any;
+}
+/**
+ * Represents the props of the Kendo UI for Vue [SchedulerRemoveDialog]({% slug api_scheduler_schedulerremovedialog %}) component.
+ */
+export interface SchedulerRemoveDialogProps {
+    /**
+     * Specifies the `DataItem` currently being deleted.
+     */
+    dataItem: DataItem;
+    /**
+     * Called when the `close` button is clicked.
+     */
+    onClose?: (event: SchedulerRemoveDialogStateChangeEvent<null>) => void;
+    /**
+     * Called when the `cancel` button is clicked.
+     */
+    onCancel?: (event: SchedulerRemoveDialogStateChangeEvent<null>) => void;
+    /**
+     * Called when the `confirm` button is clicked.
+     */
+    onConfirm?: (event: SchedulerRemoveDialogStateChangeEvent<DataItem | null>) => void;
+}
+/**
+ * Represent the `ref` of the SchedulerOccurrenceDialog component.
+ */
+export declare type SchedulerRemoveDialogHandle = {
+    props: SchedulerRemoveDialogProps;
+};
+/**
+ * @hidden
+ */
+export interface SchedulerRemoveDialogState {
+}
+/**
+ * @hidden
+ */
+export interface SchedulerRemoveDialogComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerRemoveDialogMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerRemoveDialogData {
+}
+/**
+ * @hidden
+ */
+export interface SchedulerRemoveDialogAll extends Vue2type, SchedulerRemoveDialogMethods, SchedulerRemoveDialogData, SchedulerRemoveDialogComputed, SchedulerRemoveDialogState {
+}
+declare let SchedulerRemoveDialogVue2: ComponentOptions<SchedulerRemoveDialogAll, DefaultData<SchedulerRemoveDialogData>, DefaultMethods<SchedulerRemoveDialogAll>, SchedulerRemoveDialogComputed, RecordPropsDefinition<SchedulerRemoveDialogProps>>;
+declare const SchedulerRemoveDialog: DefineComponent<SchedulerRemoveDialogProps, any, SchedulerRemoveDialogData, SchedulerRemoveDialogComputed, SchedulerRemoveDialogMethods, {}, {}, {}, string, SchedulerRemoveDialogProps, SchedulerRemoveDialogProps, {}>;
+export { SchedulerRemoveDialog, SchedulerRemoveDialogVue2 };

package/dist/es/components/SchedulerRemoveDialog.js

@@ -0,0 +1,97 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var inject = allVue.inject;
+import { DialogActionsBar, Dialog } from '@progress/kendo-vue-dialogs';
+import { provideLocalizationService } from '@progress/kendo-vue-intl';
+import { messages, editorCancel, deleteConfirmation, editorDelete, deleteDialogTitle } from '../messages';
+import { Button } from '@progress/kendo-vue-buttons'; // tslint:enable:max-line-length
+
+var SchedulerRemoveDialogVue2 = {
+  name: 'KendoSchedulerRemoveDialog',
+  props: {
+    dataItem: Object
+  },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    var kendoLocalizationService = inject('kendoLocalizationService', {});
+    return {
+      v3: v3,
+      kendoLocalizationService: kendoLocalizationService
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var _this = this;
+
+    var h = gh || createElement;
+    var localization = provideLocalizationService(this);
+    var removeCancelMessage = localization.toLanguageString(editorCancel, messages[editorCancel]);
+    var removeConfirmMessage = localization.toLanguageString(editorDelete, messages[editorDelete]);
+    var removeMessage = localization.toLanguageString(deleteConfirmation, messages[deleteConfirmation]);
+    var deleteDialogTitleMessage = localization.toLanguageString(deleteDialogTitle, messages[deleteDialogTitle]);
+    return (// @ts-ignore  function children
+      h(Dialog, {
+        title: deleteDialogTitleMessage,
+        attrs: this.v3 ? undefined : {
+          title: deleteDialogTitleMessage
+        },
+        onClose: this.handleClose,
+        on: this.v3 ? undefined : {
+          "close": this.handleClose
+        }
+      }, this.v3 ? function () {
+        return [removeMessage, h(DialogActionsBar, [h(Button, {
+          onClick: _this.handleCancel,
+          on: _this.v3 ? undefined : {
+            "click": _this.handleCancel
+          }
+        }, [removeCancelMessage]), h(Button, {
+          onClick: _this.handleConfirm,
+          on: _this.v3 ? undefined : {
+            "click": _this.handleConfirm
+          }
+        }, [removeConfirmMessage])])];
+      } : [removeMessage, h(DialogActionsBar, [h(Button, {
+        onClick: _this.handleCancel,
+        on: _this.v3 ? undefined : {
+          "click": _this.handleCancel
+        }
+      }, [removeCancelMessage]), h(Button, {
+        onClick: _this.handleConfirm,
+        on: _this.v3 ? undefined : {
+          "click": _this.handleConfirm
+        }
+      }, [removeConfirmMessage])])])
+    );
+  },
+  methods: {
+    handleClose: function handleClose(_a) {
+      var event = _a.event;
+      this.$emit('close', {
+        event: event
+      });
+    },
+    handleCancel: function handleCancel(event) {
+      this.$emit('cancel', {
+        event: event,
+        value: null
+      });
+    },
+    handleConfirm: function handleConfirm(event) {
+      this.$emit('confirm', {
+        event: event,
+        value: null
+      });
+    }
+  }
+};
+var SchedulerRemoveDialog = SchedulerRemoveDialogVue2;
+export { SchedulerRemoveDialog, SchedulerRemoveDialogVue2 };

package/dist/es/components/ShowMoreItemsButton.d.ts

@@ -0,0 +1,50 @@
+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 { Slot } from '../models';
+/**
+ * @hidden
+ */
+export interface ShowMoreItemsButtonMouseEvent {
+    event: any;
+    target: any;
+}
+/**
+ * @hidden
+ */
+export interface ShowMoreItemsButtonProps {
+    currentSlot?: Slot;
+    onClick?: (event: ShowMoreItemsButtonMouseEvent) => void;
+}
+/**
+ * @hidden
+ */
+export interface ShowMoreItemsButtonState {
+}
+/**
+ * @hidden
+ */
+export interface ShowMoreItemsButtonComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface ShowMoreItemsButtonMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface ShowMoreItemsButtonData {
+}
+/**
+ * @hidden
+ */
+export interface ShowMoreItemsButtonAll extends Vue2type, ShowMoreItemsButtonMethods, ShowMoreItemsButtonData, ShowMoreItemsButtonComputed, ShowMoreItemsButtonState {
+}
+declare let ShowMoreItemsButtonVue2: ComponentOptions<ShowMoreItemsButtonAll, DefaultData<ShowMoreItemsButtonData>, DefaultMethods<ShowMoreItemsButtonAll>, ShowMoreItemsButtonComputed, RecordPropsDefinition<ShowMoreItemsButtonProps>>;
+declare const ShowMoreItemsButton: DefineComponent<ShowMoreItemsButtonProps, any, ShowMoreItemsButtonData, ShowMoreItemsButtonComputed, ShowMoreItemsButtonMethods, {}, {}, {}, string, ShowMoreItemsButtonProps, ShowMoreItemsButtonProps, {}>;
+export { ShowMoreItemsButton, ShowMoreItemsButtonVue2 };