@progress/kendo-vue-scheduler 3.5.0 → 3.5.1-dev.202208150613

package/dist/esm/components/header/navigation/SchedulerNavigation.js

@@ -0,0 +1,354 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { Button, ButtonGroup } from '@progress/kendo-vue-buttons';
+import { ToolbarItem } from '@progress/kendo-vue-buttons';
+import { getDefaultSlots } from '@progress/kendo-vue-common';
+import { messages, today, previousTitle, nextTitle } from '../../../messages.js';
+import { provideLocalizationService } from '@progress/kendo-vue-intl';
+/**
+ * @hidden
+ */
+
+var SchedulerNavigationVue2 = {
+  name: 'KendoSchedulerNavigation',
+  props: {},
+  inject: {
+    ks: {
+      default: null
+    },
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var _this = this;
+
+    var h = gh || createElement;
+    var defaultSlot = getDefaultSlots(this);
+    this.localization = provideLocalizationService(this);
+    var todayText = this.localization.toLanguageString(today, messages[today]);
+    var previousText = this.localization.toLanguageString(previousTitle, messages[previousTitle]);
+    var nextText = this.localization.toLanguageString(nextTitle, messages[nextTitle]);
+    return (// @ts-ignore  function children
+      h(ToolbarItem, this.v3 ? function () {
+        return [// @ts-ignore  function children
+        h(ButtonGroup, {
+          "class": "k-scheduler-navigation"
+        }, _this.v3 ? function () {
+          return [// @ts-ignore  function children
+          h(Button, {
+            role: "button",
+            attrs: _this.v3 ? undefined : {
+              role: "button",
+              tabIndex: -1,
+              title: todayText,
+              "aria-label": todayText
+            },
+            tabIndex: -1,
+            title: todayText,
+            "aria-label": todayText,
+            onClick: _this.handleTodayClick,
+            on: _this.v3 ? undefined : {
+              "click": _this.handleTodayClick
+            }
+          }, _this.v3 ? function () {
+            return [todayText];
+          } : [todayText]), // @ts-ignore  function children
+          h(Button, {
+            role: "button",
+            attrs: _this.v3 ? undefined : {
+              role: "button",
+              tabIndex: -1,
+              title: previousText,
+              "aria-label": previousText
+            },
+            tabIndex: -1,
+            "class": "k-button-icon",
+            title: previousText,
+            "aria-label": previousText,
+            onClick: _this.handlePrevClick,
+            on: _this.v3 ? undefined : {
+              "click": _this.handlePrevClick
+            }
+          }, _this.v3 ? function () {
+            return [h("span", {
+              "class": "k-button-text"
+            }, [h("span", {
+              "class": "k-icon k-i-arrow-60-left"
+            })])];
+          } : [h("span", {
+            "class": "k-button-text"
+          }, [h("span", {
+            "class": "k-icon k-i-arrow-60-left"
+          })])]), // @ts-ignore  function children
+          h(Button, {
+            role: "button",
+            attrs: _this.v3 ? undefined : {
+              role: "button",
+              tabIndex: -1,
+              title: nextText,
+              "aria-label": nextText
+            },
+            tabIndex: -1,
+            "class": "k-button-icon",
+            title: nextText,
+            "aria-label": nextText,
+            onClick: _this.handleNextClick,
+            on: _this.v3 ? undefined : {
+              "click": _this.handleNextClick
+            }
+          }, _this.v3 ? function () {
+            return [h("span", {
+              "class": "k-button-text"
+            }, [h("span", {
+              "class": "k-icon k-i-arrow-60-right"
+            })])];
+          } : [h("span", {
+            "class": "k-button-text"
+          }, [h("span", {
+            "class": "k-icon k-i-arrow-60-right"
+          })])])];
+        } : [h(Button, {
+          role: "button",
+          attrs: _this.v3 ? undefined : {
+            role: "button",
+            tabIndex: -1,
+            title: todayText,
+            "aria-label": todayText
+          },
+          tabIndex: -1,
+          title: todayText,
+          "aria-label": todayText,
+          onClick: _this.handleTodayClick,
+          on: _this.v3 ? undefined : {
+            "click": _this.handleTodayClick
+          }
+        }, _this.v3 ? function () {
+          return [todayText];
+        } : [todayText]), h(Button, {
+          role: "button",
+          attrs: _this.v3 ? undefined : {
+            role: "button",
+            tabIndex: -1,
+            title: previousText,
+            "aria-label": previousText
+          },
+          tabIndex: -1,
+          "class": "k-button-icon",
+          title: previousText,
+          "aria-label": previousText,
+          onClick: _this.handlePrevClick,
+          on: _this.v3 ? undefined : {
+            "click": _this.handlePrevClick
+          }
+        }, _this.v3 ? function () {
+          return [h("span", {
+            "class": "k-button-text"
+          }, [h("span", {
+            "class": "k-icon k-i-arrow-60-left"
+          })])];
+        } : [h("span", {
+          "class": "k-button-text"
+        }, [h("span", {
+          "class": "k-icon k-i-arrow-60-left"
+        })])]), h(Button, {
+          role: "button",
+          attrs: _this.v3 ? undefined : {
+            role: "button",
+            tabIndex: -1,
+            title: nextText,
+            "aria-label": nextText
+          },
+          tabIndex: -1,
+          "class": "k-button-icon",
+          title: nextText,
+          "aria-label": nextText,
+          onClick: _this.handleNextClick,
+          on: _this.v3 ? undefined : {
+            "click": _this.handleNextClick
+          }
+        }, _this.v3 ? function () {
+          return [h("span", {
+            "class": "k-button-text"
+          }, [h("span", {
+            "class": "k-icon k-i-arrow-60-right"
+          })])];
+        } : [h("span", {
+          "class": "k-button-text"
+        }, [h("span", {
+          "class": "k-icon k-i-arrow-60-right"
+        })])])])];
+      } : [h(ButtonGroup, {
+        "class": "k-scheduler-navigation"
+      }, _this.v3 ? function () {
+        return [h(Button, {
+          role: "button",
+          attrs: _this.v3 ? undefined : {
+            role: "button",
+            tabIndex: -1,
+            title: todayText,
+            "aria-label": todayText
+          },
+          tabIndex: -1,
+          title: todayText,
+          "aria-label": todayText,
+          onClick: _this.handleTodayClick,
+          on: _this.v3 ? undefined : {
+            "click": _this.handleTodayClick
+          }
+        }, _this.v3 ? function () {
+          return [todayText];
+        } : [todayText]), h(Button, {
+          role: "button",
+          attrs: _this.v3 ? undefined : {
+            role: "button",
+            tabIndex: -1,
+            title: previousText,
+            "aria-label": previousText
+          },
+          tabIndex: -1,
+          "class": "k-button-icon",
+          title: previousText,
+          "aria-label": previousText,
+          onClick: _this.handlePrevClick,
+          on: _this.v3 ? undefined : {
+            "click": _this.handlePrevClick
+          }
+        }, _this.v3 ? function () {
+          return [h("span", {
+            "class": "k-button-text"
+          }, [h("span", {
+            "class": "k-icon k-i-arrow-60-left"
+          })])];
+        } : [h("span", {
+          "class": "k-button-text"
+        }, [h("span", {
+          "class": "k-icon k-i-arrow-60-left"
+        })])]), h(Button, {
+          role: "button",
+          attrs: _this.v3 ? undefined : {
+            role: "button",
+            tabIndex: -1,
+            title: nextText,
+            "aria-label": nextText
+          },
+          tabIndex: -1,
+          "class": "k-button-icon",
+          title: nextText,
+          "aria-label": nextText,
+          onClick: _this.handleNextClick,
+          on: _this.v3 ? undefined : {
+            "click": _this.handleNextClick
+          }
+        }, _this.v3 ? function () {
+          return [h("span", {
+            "class": "k-button-text"
+          }, [h("span", {
+            "class": "k-icon k-i-arrow-60-right"
+          })])];
+        } : [h("span", {
+          "class": "k-button-text"
+        }, [h("span", {
+          "class": "k-icon k-i-arrow-60-right"
+        })])])];
+      } : [h(Button, {
+        role: "button",
+        attrs: _this.v3 ? undefined : {
+          role: "button",
+          tabIndex: -1,
+          title: todayText,
+          "aria-label": todayText
+        },
+        tabIndex: -1,
+        title: todayText,
+        "aria-label": todayText,
+        onClick: _this.handleTodayClick,
+        on: _this.v3 ? undefined : {
+          "click": _this.handleTodayClick
+        }
+      }, _this.v3 ? function () {
+        return [todayText];
+      } : [todayText]), h(Button, {
+        role: "button",
+        attrs: _this.v3 ? undefined : {
+          role: "button",
+          tabIndex: -1,
+          title: previousText,
+          "aria-label": previousText
+        },
+        tabIndex: -1,
+        "class": "k-button-icon",
+        title: previousText,
+        "aria-label": previousText,
+        onClick: _this.handlePrevClick,
+        on: _this.v3 ? undefined : {
+          "click": _this.handlePrevClick
+        }
+      }, _this.v3 ? function () {
+        return [h("span", {
+          "class": "k-button-text"
+        }, [h("span", {
+          "class": "k-icon k-i-arrow-60-left"
+        })])];
+      } : [h("span", {
+        "class": "k-button-text"
+      }, [h("span", {
+        "class": "k-icon k-i-arrow-60-left"
+      })])]), h(Button, {
+        role: "button",
+        attrs: _this.v3 ? undefined : {
+          role: "button",
+          tabIndex: -1,
+          title: nextText,
+          "aria-label": nextText
+        },
+        tabIndex: -1,
+        "class": "k-button-icon",
+        title: nextText,
+        "aria-label": nextText,
+        onClick: _this.handleNextClick,
+        on: _this.v3 ? undefined : {
+          "click": _this.handleNextClick
+        }
+      }, _this.v3 ? function () {
+        return [h("span", {
+          "class": "k-button-text"
+        }, [h("span", {
+          "class": "k-icon k-i-arrow-60-right"
+        })])];
+      } : [h("span", {
+        "class": "k-button-text"
+      }, [h("span", {
+        "class": "k-icon k-i-arrow-60-right"
+      })])])])])
+    );
+  },
+  methods: {
+    handleTodayClick: function handleTodayClick(e) {
+      this.$emit('todayclick', e);
+    },
+    handlePrevClick: function handlePrevClick(e) {
+      this.$emit('prevclick', e);
+    },
+    handleNextClick: function handleNextClick(e) {
+      this.$emit('nextclick', e);
+    }
+  }
+};
+/**
+ * @hidden
+ */
+
+var SchedulerNavigation = SchedulerNavigationVue2;
+export { SchedulerNavigation, SchedulerNavigationVue2 };

package/dist/esm/components/header/view-selector/SchedulerViewSelector.d.ts

@@ -0,0 +1,49 @@
+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 SchedulerViewSelectorProps {
+}
+/** @hidden */
+export interface SchedulerViewSelectorHandle {
+    element: HTMLSpanElement | null;
+    props: SchedulerViewSelectorProps;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerViewSelectorState {
+}
+/**
+ * @hidden
+ */
+export interface SchedulerViewSelectorComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerViewSelectorMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerViewSelectorData {
+}
+/**
+ * @hidden
+ */
+export interface SchedulerViewSelectorAll extends Vue2type, SchedulerViewSelectorMethods, SchedulerViewSelectorData, SchedulerViewSelectorComputed, SchedulerViewSelectorState {
+}
+/**
+ * @hidden
+ */
+declare let SchedulerViewSelectorVue2: ComponentOptions<SchedulerViewSelectorAll, DefaultData<SchedulerViewSelectorData>, DefaultMethods<SchedulerViewSelectorAll>, SchedulerViewSelectorComputed, RecordPropsDefinition<SchedulerViewSelectorProps>>;
+/**
+ * @hidden
+ */
+declare const SchedulerViewSelector: DefineComponent<SchedulerViewSelectorProps, any, SchedulerViewSelectorData, SchedulerViewSelectorComputed, SchedulerViewSelectorMethods, {}, {}, {}, string, SchedulerViewSelectorProps, SchedulerViewSelectorProps, {}>;
+export { SchedulerViewSelector, SchedulerViewSelectorVue2 };

package/dist/esm/components/header/view-selector/SchedulerViewSelector.js

@@ -0,0 +1,42 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { ToolbarItem } from '@progress/kendo-vue-buttons';
+import { getDefaultSlots } from '@progress/kendo-vue-common';
+import { ViewSelectorList } from './ViewSelectorList.js';
+/**
+ * @hidden
+ */
+
+var SchedulerViewSelectorVue2 = {
+  name: 'KendoSchedulerViewSelector',
+  props: {},
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var defaultSlot = getDefaultSlots(this);
+    return (// @ts-ignore  function children
+      h(ToolbarItem // ref={(item) => { if (item) { element.current = item.element; } }}
+      , {
+        "class": 'k-scheduler-views'
+      }, this.v3 ? function () {
+        return [h(ViewSelectorList)];
+      } : [h(ViewSelectorList)])
+    );
+  }
+};
+/**
+ * @hidden
+ */
+
+var SchedulerViewSelector = SchedulerViewSelectorVue2;
+export { SchedulerViewSelector, SchedulerViewSelectorVue2 };

package/dist/esm/components/header/view-selector/ViewSelectorItem.d.ts

@@ -0,0 +1,47 @@
+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 { ButtonProps } from '@progress/kendo-vue-buttons';
+import { SchedulerViewProps } from '../../../models';
+/** @hidden */
+export interface ViewSelectorItemProps extends ButtonProps {
+    view: SchedulerViewProps;
+}
+/**
+ * @hidden
+ */
+export interface ViewSelectorItemState {
+}
+/**
+ * @hidden
+ */
+export interface ViewSelectorItemComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface ViewSelectorItemMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface ViewSelectorItemData {
+}
+/**
+ * @hidden
+ */
+export interface ViewSelectorItemAll extends Vue2type, ViewSelectorItemMethods, ViewSelectorItemData, ViewSelectorItemComputed, ViewSelectorItemState {
+}
+/**
+ * @hidden
+ */
+declare let ViewSelectorItemVue2: ComponentOptions<ViewSelectorItemAll, DefaultData<ViewSelectorItemData>, DefaultMethods<ViewSelectorItemAll>, ViewSelectorItemComputed, RecordPropsDefinition<ViewSelectorItemProps>>;
+/**
+ * @hidden
+ */
+declare const ViewSelectorItem: DefineComponent<ViewSelectorItemProps, any, ViewSelectorItemData, ViewSelectorItemComputed, ViewSelectorItemMethods, {}, {}, {}, string, ViewSelectorItemProps, ViewSelectorItemProps, {}>;
+export { ViewSelectorItem, ViewSelectorItemVue2 };

package/dist/esm/components/header/view-selector/ViewSelectorItem.js

@@ -0,0 +1,79 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { Button } from '@progress/kendo-vue-buttons';
+import { provideLocalizationService } from '@progress/kendo-vue-intl';
+import { messages } from '../../../messages.js';
+/**
+ * @hidden
+ */
+
+var ViewSelectorItemVue2 = {
+  name: 'KendoViewSelectorItem',
+  props: {
+    view: Object
+  },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    },
+    setActiveViewName: {
+      default: null
+    },
+    ks: {
+      default: null
+    }
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var localization = provideLocalizationService(this);
+    var nameTitle = 'scheduler.' + this.$props.view.name + 'ViewTitle';
+    var name = localization.toLanguageString(nameTitle, messages[nameTitle]) || this.$props.view.name;
+    var title = this.$props.view.title || name;
+    return (// @ts-ignore function children
+      h(Button, {
+        role: "button",
+        attrs: this.v3 ? undefined : {
+          role: "button",
+          type: "button",
+          tabIndex: -1,
+          togglable: true,
+          selected: this.$props.view.name === this.ks.activeViewName
+        },
+        type: "button",
+        tabIndex: -1,
+        togglable: true,
+        selected: this.$props.view.name === this.ks.activeViewName,
+        onClick: this.handleClick,
+        on: this.v3 ? undefined : {
+          "click": this.handleClick
+        }
+      }, this.v3 ? function () {
+        return [title];
+      } : [title])
+    );
+  },
+  methods: {
+    handleClick: function handleClick() {
+      if (this.$props.view.name) {
+        this.setActiveViewName(this.$props.view.name);
+      }
+    }
+  }
+};
+/**
+ * @hidden
+ */
+
+var ViewSelectorItem = ViewSelectorItemVue2;
+export { ViewSelectorItem, ViewSelectorItemVue2 };

package/dist/esm/components/header/view-selector/ViewSelectorList.d.ts

@@ -0,0 +1,42 @@
+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 ViewSelectorListState {
+}
+/**
+ * @hidden
+ */
+export interface ViewSelectorListComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface ViewSelectorListMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface ViewSelectorListData {
+    media: 'desktop' | 'mobile';
+}
+/**
+ * @hidden
+ */
+export interface ViewSelectorListAll extends Vue2type, ViewSelectorListMethods, ViewSelectorListData, ViewSelectorListComputed, ViewSelectorListState {
+}
+/**
+ * @hidden
+ */
+declare let ViewSelectorListVue2: ComponentOptions<ViewSelectorListAll, DefaultData<ViewSelectorListData>, DefaultMethods<ViewSelectorListAll>, ViewSelectorListComputed, RecordPropsDefinition<{}>>;
+/**
+ * @hidden
+ */
+declare const ViewSelectorList: DefineComponent<{}, any, ViewSelectorListData, ViewSelectorListComputed, ViewSelectorListMethods, {}, {}, {}, string, {}, {}, {}>;
+export { ViewSelectorList, ViewSelectorListVue2 };