@progress/kendo-vue-layout 2.6.3 → 2.6.4

package/dist/es/stepper/messages/index.js

@@ -0,0 +1,11 @@
+var _a;
+/**
+ * @hidden
+ */
+export var optionalText = 'stepper.optionalText';
+/**
+ * @hidden
+ */
+export var messages = (_a = {},
+    _a[optionalText] = '(Optional)',
+    _a);

package/dist/npm/drawer/Drawer.d.ts

@@ -0,0 +1,47 @@
+import { DefineComponent } from '../additionalTypes';
+import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+import { DrawerProps } from './interfaces/DrawerProps';
+/**
+ * The Drawer ref.
+ */
+export interface DrawerHandle {
+    element: HTMLDivElement | null;
+    focus: () => void;
+}
+/**
+ * @hidden
+ */
+export interface DrawerState {
+    _activeTemp?: boolean;
+}
+/**
+ * @hidden
+ */
+export interface DrawerComputed {
+    drawerClassNames: object;
+}
+/**
+ * @hidden
+ */
+export interface DrawerMethods {
+    [key: string]: any;
+    focus: (e: any) => void;
+}
+/**
+ * @hidden
+ */
+export interface DrawerData {
+    currentDir: string;
+}
+/**
+ * @hidden
+ */
+export interface DrawerAll extends Vue, DrawerMethods, DrawerData, DrawerComputed, DrawerState {
+}
+declare let Drawer: ComponentOptions<DrawerAll, DefaultData<DrawerData>, DefaultMethods<DrawerAll>, DrawerComputed, RecordPropsDefinition<DrawerProps>>;
+declare const DrawerVue3: DefineComponent<DrawerProps, any, DrawerData, DrawerComputed, DrawerMethods, {}, {}, {}, string, DrawerProps, DrawerProps, {}>;
+export { Drawer, DrawerVue3 };

package/dist/npm/drawer/Drawer.js

@@ -0,0 +1,198 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DrawerVue3 = exports.Drawer = void 0; // @ts-ignore
+
+var Vue = require("vue");
+
+var allVue = Vue;
+var gh = allVue.h;
+
+var DrawerNavigation_1 = require("./DrawerNavigation");
+
+var kendo_vue_common_1 = require("@progress/kendo-vue-common");
+
+var package_metadata_1 = require("../package-metadata"); // tslint:enable:max-line-length
+
+
+var Drawer = {
+  name: 'KendoDrawer',
+  props: {
+    animation: {
+      type: [Object, Boolean],
+      default: true
+    },
+    expanded: {
+      type: Boolean,
+      default: false
+    },
+    dir: {
+      type: String,
+      default: 'ltr'
+    },
+    mode: {
+      type: String,
+      default: 'overlay',
+      validator: function validator(value) {
+        return ['overlay', 'push'].includes(value);
+      }
+    },
+    position: {
+      type: String,
+      default: 'start',
+      validator: function validator(value) {
+        return ['start', 'end'].includes(value);
+      }
+    },
+    items: Array,
+    mini: {
+      type: Boolean,
+      default: false
+    },
+    tabIndex: Number,
+    width: {
+      type: Number,
+      default: 240
+    },
+    miniWidth: {
+      type: Number,
+      default: 50
+    }
+  },
+  created: function created() {
+    kendo_vue_common_1.validatePackage(package_metadata_1.packageMetadata);
+  },
+  data: function data() {
+    var _a = this.$props,
+        expanded = _a.expanded,
+        mode = _a.mode,
+        position = _a.position,
+        animation = _a.animation,
+        mini = _a.mini,
+        width = _a.width,
+        miniWidth = _a.miniWidth,
+        items = _a.items,
+        item = _a.item;
+    return {
+      currentDir: 'ltr',
+      drawer: {
+        expanded: expanded,
+        mode: mode,
+        dir: this.currentDir,
+        position: position,
+        animation: animation,
+        mini: mini,
+        width: width,
+        miniWidth: miniWidth,
+        items: items,
+        item: item
+      }
+    };
+  },
+  mounted: function mounted() {
+    this.currentDir = kendo_vue_common_1.getDir(this.$el, this.$props.dir);
+  },
+  updated: function updated() {
+    var _a = this.$props,
+        expanded = _a.expanded,
+        mode = _a.mode,
+        position = _a.position,
+        animation = _a.animation,
+        mini = _a.mini,
+        width = _a.width,
+        miniWidth = _a.miniWidth,
+        items = _a.items,
+        item = _a.item;
+    this.drawer.expanded = expanded;
+    this.drawer.mode = mode;
+    this.drawer.dir = this.currentDir;
+    this.drawer.position = position;
+    this.drawer.animation = animation;
+    this.drawer.mini = mini;
+    this.drawer.width = width;
+    this.drawer.miniWidth = miniWidth;
+    this.drawer.items = items;
+    this.drawer.item = item;
+  },
+  provide: function provide() {
+    return {
+      kendoDrawer: this.drawer
+    };
+  },
+  computed: {
+    drawerClassNames: function drawerClassNames() {
+      var _a = this.$props,
+          expanded = _a.expanded,
+          mode = _a.mode,
+          mini = _a.mini;
+      return {
+        'k-drawer-container': true,
+        'k-drawer-expanded': expanded,
+        'k-drawer-overlay': mode === 'overlay',
+        'k-drawer-push': mode === 'push',
+        'k-drawer-mini': mini
+      };
+    }
+  },
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var defaultSlot = kendo_vue_common_1.getDefaultSlots(this);
+    var _a = this.$props,
+        items = _a.items,
+        tabIndex = _a.tabIndex,
+        mode = _a.mode,
+        expanded = _a.expanded;
+    return h("div", {
+      "class": this.drawerClassNames,
+      dir: this.currentDir,
+      attrs: this.v3 ? undefined : {
+        dir: this.currentDir,
+        tabIndex: tabIndex
+      },
+      tabIndex: tabIndex
+    }, [mode === 'overlay' && expanded && h("div", {
+      "class": "k-overlay",
+      onClick: this.onOverlayClick,
+      on: this.v3 ? undefined : {
+        "click": this.onOverlayClick
+      }
+    }), items && // @ts-ignore
+    h(DrawerNavigation_1.DrawerNavigation, {
+      onSelect: this.handleSelect,
+      on: this.v3 ? undefined : {
+        "select": this.handleSelect
+      }
+    }), defaultSlot]);
+  },
+  methods: {
+    focus: function focus() {
+      if (this.$el) {
+        this.$el.focus();
+      }
+    },
+    handleSelect: function handleSelect(itemTarget, itemIndex) {
+      if (this.$props.items) {
+        this.$emit('select', {
+          itemTarget: itemTarget,
+          itemIndex: itemIndex
+        });
+      }
+    },
+    onOverlayClick: function onOverlayClick(e) {
+      this.$emit('overlayclick', e);
+    }
+  }
+};
+exports.Drawer = Drawer;
+var DrawerVue3 = Drawer;
+exports.DrawerVue3 = DrawerVue3;

package/dist/npm/drawer/DrawerContent.d.ts

@@ -0,0 +1,36 @@
+import { DefineComponent } from '../additionalTypes';
+import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+import { DrawerContentProps } from './interfaces/DrawerContentProps';
+/**
+ * @hidden
+ */
+export interface DrawerContentState {
+}
+/**
+ * @hidden
+ */
+export interface DrawerContentComputed {
+}
+/**
+ * @hidden
+ */
+export interface DrawerContentMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface DrawerContentData {
+}
+/**
+ * @hidden
+ */
+export interface DrawerContentAll extends Vue, DrawerContentMethods, DrawerContentData, DrawerContentComputed, DrawerContentState {
+}
+declare let DrawerContent: ComponentOptions<DrawerContentAll, DefaultData<DrawerContentData>, DefaultMethods<DrawerContentAll>, DrawerContentComputed, RecordPropsDefinition<DrawerContentProps>>;
+declare const DrawerContentVue3: DefineComponent<DrawerContentProps, any, DrawerContentData, DrawerContentComputed, DrawerContentMethods, {}, {}, {}, string, DrawerContentProps, DrawerContentProps, {}>;
+export { DrawerContent, DrawerContentVue3 };

package/dist/npm/drawer/DrawerContent.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DrawerContentVue3 = exports.DrawerContent = void 0; // @ts-ignore
+
+var Vue = require("vue");
+
+var allVue = Vue;
+var gh = allVue.h;
+
+var kendo_vue_common_1 = require("@progress/kendo-vue-common"); // tslint:enable:max-line-length
+
+
+var DrawerContent = {
+  name: 'KendoDrawerContent',
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var defaultSlot = kendo_vue_common_1.getDefaultSlots(this);
+    return h("div", {
+      "class": 'k-drawer-content'
+    }, [defaultSlot]);
+  }
+};
+exports.DrawerContent = DrawerContent;
+var DrawerContentVue3 = DrawerContent;
+exports.DrawerContentVue3 = DrawerContentVue3;

package/dist/npm/drawer/DrawerItem.d.ts

@@ -0,0 +1,38 @@
+import { DefineComponent } from '../additionalTypes';
+import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+import { DrawerItemProps } from './interfaces/DrawerItemProps';
+/**
+ * @hidden
+ */
+export interface DrawerItemState {
+}
+/**
+ * @hidden
+ */
+export interface DrawerItemComputed {
+    itemClassNames: object;
+}
+/**
+ * @hidden
+ */
+export interface DrawerItemMethods {
+    [key: string]: any;
+    focus: (e: any) => void;
+}
+/**
+ * @hidden
+ */
+export interface DrawerItemData {
+}
+/**
+ * @hidden
+ */
+export interface DrawerItemAll extends Vue, DrawerItemMethods, DrawerItemData, DrawerItemComputed, DrawerItemState {
+}
+declare let DrawerItem: ComponentOptions<DrawerItemAll, DefaultData<DrawerItemData>, DefaultMethods<DrawerItemAll>, DrawerItemComputed, RecordPropsDefinition<DrawerItemProps>>;
+declare const DrawerItemVue3: DefineComponent<DrawerItemProps, any, DrawerItemData, DrawerItemComputed, DrawerItemMethods, {}, {}, {}, string, DrawerItemProps, DrawerItemProps, {}>;
+export { DrawerItem, DrawerItemVue3 };

package/dist/npm/drawer/DrawerItem.js

@@ -0,0 +1,118 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DrawerItemVue3 = exports.DrawerItem = void 0; // @ts-ignore
+
+var Vue = require("vue");
+
+var allVue = Vue;
+var gh = allVue.h;
+
+var kendo_vue_common_1 = require("@progress/kendo-vue-common"); // tslint:enable:max-line-length
+
+
+var DrawerItem = {
+  name: 'KendoDrawerItem',
+  // @ts-ignore
+  emits: {
+    click: null
+  },
+  props: {
+    index: Number,
+    text: String,
+    icon: String,
+    separator: Boolean,
+    selected: Boolean,
+    disabled: Boolean,
+    targetItem: [Object, Array]
+  },
+  inject: {
+    kendoDrawer: {
+      default: null
+    }
+  },
+  computed: {
+    itemClassNames: function itemClassNames() {
+      var _a = this.$props,
+          disabled = _a.disabled,
+          selected = _a.selected;
+      return {
+        'k-drawer-item': true,
+        'k-state-selected': selected,
+        'k-state-disabled': disabled
+      };
+    }
+  },
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var defaultSlot = kendo_vue_common_1.getDefaultSlots(this);
+    var _a = this.$props,
+        text = _a.text,
+        icon = _a.icon,
+        separator = _a.separator,
+        disabled = _a.disabled,
+        selected = _a.selected,
+        tabIndex = _a.tabIndex;
+    var _b = this.kendoDrawer,
+        expanded = _b.expanded,
+        mini = _b.mini,
+        item = _b.item;
+    return separator ? h("li", {
+      "class": 'k-drawer-item k-drawer-separator',
+      role: "presentation",
+      attrs: this.v3 ? undefined : {
+        role: "presentation"
+      }
+    }) : h("li", {
+      "class": this.itemClassNames,
+      role: "option",
+      attrs: this.v3 ? undefined : {
+        role: "option",
+        "aria-selected": selected,
+        "aria-disabled": disabled,
+        tabIndex: kendo_vue_common_1.getTabIndex(tabIndex, disabled)
+      },
+      "aria-selected": selected,
+      "aria-disabled": disabled,
+      onClick: this.handleClick,
+      on: this.v3 ? undefined : {
+        "click": this.handleClick
+      },
+      tabIndex: kendo_vue_common_1.getTabIndex(tabIndex, disabled)
+    }, [!item ? [icon && h("span", {
+      "class": 'k-icon ' + icon
+    }), !expanded && mini ? null : h("span", {
+      "class": 'k-item-text'
+    }, [text])] : defaultSlot]);
+  },
+  methods: {
+    focus: function focus(e) {
+      if (this.$el) {
+        this.$el.focus(e);
+      }
+    },
+    handleClick: function handleClick() {
+      if (!this.disabled) {
+        var handle = {
+          element: this.$el,
+          focus: this.focus,
+          props: this.$props
+        };
+        this.$emit('select', handle, this.$props.index);
+      }
+    }
+  }
+};
+exports.DrawerItem = DrawerItem;
+var DrawerItemVue3 = DrawerItem;
+exports.DrawerItemVue3 = DrawerItemVue3;

package/dist/npm/drawer/DrawerNavigation.d.ts

@@ -0,0 +1,45 @@
+import { DefineComponent } from '../additionalTypes';
+import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+import { DrawerNavigationProps } from './interfaces/DrawerNavigationProps';
+/**
+ * @hidden
+ */
+export interface DrawerNavigationHandle {
+    element: HTMLDivElement | null;
+    focus: () => void;
+}
+/**
+ * @hidden
+ */
+export interface DrawerNavigationState {
+}
+/**
+ * @hidden
+ */
+export interface DrawerNavigationComputed {
+    navigationClassNames: object;
+}
+/**
+ * @hidden
+ */
+export interface DrawerNavigationMethods {
+    [key: string]: any;
+    focus: (e: any) => void;
+}
+/**
+ * @hidden
+ */
+export interface DrawerNavigationData {
+}
+/**
+ * @hidden
+ */
+export interface DrawerNavigationAll extends Vue, DrawerNavigationMethods, DrawerNavigationData, DrawerNavigationComputed, DrawerNavigationState {
+}
+declare let DrawerNavigation: ComponentOptions<DrawerNavigationAll, DefaultData<DrawerNavigationData>, DefaultMethods<DrawerNavigationAll>, DrawerNavigationComputed, RecordPropsDefinition<DrawerNavigationProps>>;
+declare const DrawerNavigationVue3: DefineComponent<DrawerNavigationProps, any, DrawerNavigationData, DrawerNavigationComputed, DrawerNavigationMethods, {}, {}, {}, string, DrawerNavigationProps, DrawerNavigationProps, {}>;
+export { DrawerNavigation, DrawerNavigationVue3 };