@progress/kendo-vue-layout 3.11.0 → 3.11.1-dev.202307111135

package/dist/es/actionsheet/ActionSheetHeader.js

@@ -0,0 +1,31 @@
+// @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 ActionSheetHeaderVue2 = {
+  name: 'KendoActionSheetHeader',
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var defaultSlot = getDefaultSlots(this);
+    return h("div", {
+      "class": 'k-actionsheet-titlebar'
+    }, [defaultSlot]);
+  }
+};
+/**
+ * @hidden
+ */
+var ActionSheetHeader = ActionSheetHeaderVue2;
+export { ActionSheetHeader, ActionSheetHeaderVue2 };

package/dist/es/actionsheet/ActionSheetItem.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;
+};
+import { ActionSheetItemProps } from './interfaces/ActionSheetItemProps';
+/**
+ * @hidden
+ */
+export interface ActionSheetItemState {
+}
+/**
+ * @hidden
+ */
+export interface ActionSheetItemComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface ActionSheetItemMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface ActionSheetItemData {
+}
+/**
+ * @hidden
+ */
+export interface ActionSheetItemAll extends Vue2type, ActionSheetItemMethods, ActionSheetItemData, ActionSheetItemComputed, ActionSheetItemState {
+}
+/**
+ * @hidden
+ */
+declare let ActionSheetItemVue2: ComponentOptions<ActionSheetItemAll, DefaultData<ActionSheetItemData>, DefaultMethods<ActionSheetItemAll>, ActionSheetItemComputed, RecordPropsDefinition<ActionSheetItemProps>>;
+/**
+ * @hidden
+ */
+declare const ActionSheetItem: DefineComponent<ActionSheetItemProps, any, ActionSheetItemData, ActionSheetItemComputed, ActionSheetItemMethods, {}, {}, {}, string, ActionSheetItemProps, ActionSheetItemProps, {}>;
+export { ActionSheetItem, ActionSheetItemVue2 };

package/dist/es/actionsheet/ActionSheetItem.js

@@ -0,0 +1,111 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { Icon, getTemplate } from '@progress/kendo-vue-common';
+/**
+ * @hidden
+ */
+var ActionSheetItemVue2 = {
+  name: 'KendoActionSheetItem',
+  props: {
+    description: String,
+    disabled: Boolean,
+    group: {
+      type: String,
+      validator: function validator(value) {
+        return ['top', 'bottom', undefined].includes(value);
+      }
+    },
+    item: Object,
+    icon: String,
+    svgIcon: Object,
+    iconColor: String,
+    iconSize: String,
+    content: [String, Function, Object],
+    title: String
+  },
+  computed: {
+    wrapperClass: function wrapperClass() {
+      return {
+        'k-actionsheet-item': true,
+        'k-cursor-pointer': true,
+        'k-disabled': this.$props.disabled
+      };
+    }
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var itemContent = getTemplate.call(this, {
+      h: h,
+      template: this.$props.content,
+      defaultRendering: null,
+      additionalProps: {
+        item: this.$props.item
+      }
+    });
+    return h("span", {
+      tabIndex: this.$props.tabIndex,
+      attrs: this.v3 ? undefined : {
+        tabIndex: this.$props.tabIndex,
+        role: "button",
+        "aria-disabled": this.$props.disabled
+      },
+      "class": this.wrapperClass,
+      role: "button",
+      "aria-disabled": this.$props.disabled,
+      onClick: this.onClick,
+      on: this.v3 ? undefined : {
+        "click": this.onClick
+      }
+    }, [h("span", {
+      "class": "k-actionsheet-action"
+    }, [this.$props.content ? itemContent : [(this.$props.icon || this.$props.svgIcon) && h("span", {
+      className: "k-icon-wrap",
+      attrs: this.v3 ? undefined : {
+        className: "k-icon-wrap"
+      }
+    }, [h(Icon, {
+      name: this.$props.icon,
+      attrs: this.v3 ? undefined : {
+        name: this.$props.icon,
+        icon: this.$props.svgIcon,
+        size: this.iconSize
+      },
+      icon: this.$props.svgIcon,
+      "class": 'k-actionsheet-item-icon',
+      size: this.iconSize,
+      style: {
+        color: this.iconColor
+      }
+    })]), (this.$props.title || this.$props.description) && h("span", {
+      "class": "k-actionsheet-item-text"
+    }, [this.$props.title && h("span", {
+      "class": "k-actionsheet-item-title"
+    }, [this.$props.title]), this.$props.description && h("span", {
+      "class": "k-actionsheet-item-description"
+    }, [this.$props.description])])]])]);
+  },
+  methods: {
+    onClick: function onClick(event) {
+      this.$emit('click', {
+        syntheticEvent: event,
+        item: this.$props.item,
+        title: this.$props.title
+      });
+    }
+  }
+};
+/**
+ * @hidden
+ */
+var ActionSheetItem = ActionSheetItemVue2;
+export { ActionSheetItem, ActionSheetItemVue2 };

package/dist/es/actionsheet/interfaces/ActionSheetItemProps.d.ts

@@ -0,0 +1,62 @@
+import { SVGIcon } from '@progress/kendo-svg-icons';
+/**
+ * Represents the props of the Kendo UI for Vue ActionSheetItem.
+ */
+export interface ActionSheetItemProps {
+    /**
+     * Specifies additional text rendered under the item's title.
+     */
+    description?: string;
+    /**
+     * Specifies if the ActionSheet item is initially disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Defines the group of the item. Items can be segregated in two groups - `top` and `bottom`.
+     * Each specifying whether the ActionSheet item will be rendered over the separator or under it.
+     */
+    group?: 'top' | 'bottom' | string;
+    /**
+     * Defines the icon rendered inside the ActionSheet item.
+     */
+    icon?: string;
+    /**
+     * Defines an SVGIcon to be rendered inside the ActionSheet item.
+     */
+    svgIcon?: SVGIcon;
+    /**
+     * Defines an size of the icon or SVGIcon that is rendered inside the ActionSheet item.
+     */
+    iconSize?: string;
+    /**
+     * Defines the color of the icon or SVGIcon that is rendered inside the ActionSheet item.
+     */
+    iconColor?: string;
+    /**
+     * Specifies the text content of the ActionSheet item.
+     */
+    title?: string;
+    /**
+     * @hidden
+     */
+    item?: object;
+    /**
+     * Sets the content of the ActionSheetItem either as string that is pointing to a slot template of as render function.
+     */
+    content?: string | Function;
+    /**
+     * @hidden
+     */
+    onClick?: (event: {
+        event: any;
+        title?: string;
+    }) => void;
+    /**
+     * @hidden
+     */
+    onKeydown?: (event: any, title: string | undefined, id: number | undefined) => void;
+    /**
+     * @hidden
+     */
+    id?: number;
+}

package/dist/es/actionsheet/interfaces/ActionSheetItemProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/drawer/DrawerNavigation.js

@@ -147,6 +147,7 @@ var DrawerNavigationVue2 = {
           index: index,
           text: element.text,
           icon: element.icon,
+          svgIcon: element.svgIcon,
           separator: element.separator,
           selected: element.selected,
           targetItem: element.targetItem
@@ -157,6 +158,7 @@ var DrawerNavigationVue2 = {
         },
         text: element.text,
         icon: element.icon,
+        svgIcon: element.svgIcon,
         separator: element.separator,
         selected: element.selected,
         targetItem: element.targetItem

package/dist/es/main.d.ts

@@ -67,5 +67,11 @@ export * from './gridlayout/interfaces/GridLayoutProps';
 export * from './gridlayout/interfaces/GridLayoutItemProps';
 export * from './gridlayout/interfaces/GridLayoutRowProps';
 export * from './gridlayout/interfaces/GridLayoutColumnProps';
+export * from './actionsheet/ActionSheet';
+export * from './actionsheet/ActionSheetItem';
+export * from './actionsheet/interfaces/ActionSheetItemProps';
+export * from './actionsheet/ActionSheetHeader';
+export * from './actionsheet/ActionSheetContent';
+export * from './actionsheet/ActionSheetFooter';
 export * from './stacklayout/StackLayout';
 export * from './stacklayout/StackLayoutProps';

package/dist/es/main.js

@@ -67,5 +67,11 @@ export * from './gridlayout/interfaces/GridLayoutProps';
 export * from './gridlayout/interfaces/GridLayoutItemProps';
 export * from './gridlayout/interfaces/GridLayoutRowProps';
 export * from './gridlayout/interfaces/GridLayoutColumnProps';
+export * from './actionsheet/ActionSheet';
+export * from './actionsheet/ActionSheetItem';
+export * from './actionsheet/interfaces/ActionSheetItemProps';
+export * from './actionsheet/ActionSheetHeader';
+export * from './actionsheet/ActionSheetContent';
+export * from './actionsheet/ActionSheetFooter';
 export * from './stacklayout/StackLayout';
 export * from './stacklayout/StackLayoutProps';

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-layout',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1686052468,
+    publishDate: 1689074785,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/dist/esm/actionsheet/ActionSheet.d.ts

@@ -0,0 +1,124 @@
+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 { Navigation } from '@progress/kendo-vue-common';
+import { ActionSheetItemProps } from './interfaces/ActionSheetItemProps';
+/**
+ * The props of the ActionSheet component.
+ */
+export interface ActionSheetProps {
+    /**
+     * The collection of items that will be rendered in the ActionSheet.
+     */
+    items?: ActionSheetItemProps[];
+    /**
+     * Specifies the text that is rendered under the title.
+     */
+    subTitle?: string;
+    /**
+     * Specifies the text that is rendered as title.
+     */
+    title?: string;
+    /**
+     * Fires when the modal overlay is clicked.
+     */
+    onClose?: (event: any) => void;
+    /**
+     * Fires when an ActionSheet item is clicked.
+     */
+    onItemselect?: (event: {
+        syntheticEvent: any;
+        title?: string;
+        item?: any;
+    }) => void;
+    /**
+     * Specifies the `tabIndex` of the ActionSheet.
+     */
+    tabIndex?: number;
+    /**
+     * Specifies if the ActionSheet can be navigatable with keyboard.
+     * Defaults to `true`.
+     */
+    navigatable?: boolean;
+    /**
+     * Specifies the selectors of the navigatable elements inside the templates of the ActionSheet.
+     */
+    navigatableElements?: string[];
+    /**
+     * Controls the popup animation. By default, the open and close animations are disabled.
+     */
+    animation?: boolean;
+    /**
+     * @hidden
+     */
+    animationStyles?: any;
+    /**
+     * Specifies the duration of the transition for the entering and closing Animation. Defaults to `300ms`.
+     */
+    animationDuration?: number;
+    /**
+     * The CSS classes that will be rendered on the inner ActionSheet element.
+     */
+    className?: string;
+    /**
+     * Sets the header content of the ActionSheet either as string that is pointing to a slot template of as render function.
+     */
+    header?: string | Function;
+    /**
+     * Sets the content content of the ActionSheet either as string that is pointing to a slot template of as render function.
+     */
+    content?: string | Function;
+    /**
+     * Sets the footer content of the ActionSheet either as string that is pointing to a slot template of as render function.
+     */
+    footer?: string | Function;
+    /**
+     * Sets the item content of the ActionSheet either as string that is pointing to a slot template of as render function.
+     */
+    item?: string | Function;
+    /**
+     * Specifies the state of the ActionSheet.
+     */
+    expand?: boolean;
+}
+/**
+ * @hidden
+ */
+export interface ActionSheetState {
+    show?: boolean;
+    slide?: boolean;
+}
+/**
+ * @hidden
+ */
+export interface ActionSheetComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface ActionSheetMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface ActionSheetData {
+    navigation?: Navigation;
+}
+/**
+ * @hidden
+ */
+export interface ActionSheetAll extends Vue2type, ActionSheetMethods, ActionSheetData, ActionSheetComputed, ActionSheetState {
+}
+/**
+ * @hidden
+ */
+declare let ActionSheetVue2: ComponentOptions<ActionSheetAll, DefaultData<ActionSheetData>, DefaultMethods<ActionSheetAll>, ActionSheetComputed, RecordPropsDefinition<ActionSheetProps>>;
+/**
+ * @hidden
+ */
+declare const ActionSheet: DefineComponent<{}, any, ActionSheetData, ActionSheetComputed, ActionSheetMethods, {}, {}, {}, string, {}, {}, {}>;
+export { ActionSheet, ActionSheetVue2 };