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

package/dist/npm/actionsheet/ActionSheetItem.js

@@ -0,0 +1,118 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ActionSheetItemVue2 = exports.ActionSheetItem = void 0;
+// @ts-ignore
+var Vue = require("vue");
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+var kendo_vue_common_1 = require("@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 = kendo_vue_common_1.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(kendo_vue_common_1.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
+      });
+    }
+  }
+};
+exports.ActionSheetItemVue2 = ActionSheetItemVue2;
+/**
+ * @hidden
+ */
+var ActionSheetItem = ActionSheetItemVue2;
+exports.ActionSheetItem = ActionSheetItem;

package/dist/npm/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/npm/actionsheet/interfaces/ActionSheetItemProps.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/npm/drawer/DrawerNavigation.js

@@ -153,6 +153,7 @@ var DrawerNavigationVue2 = {
           index: index,
           text: element.text,
           icon: element.icon,
+          svgIcon: element.svgIcon,
           separator: element.separator,
           selected: element.selected,
           targetItem: element.targetItem
@@ -163,6 +164,7 @@ var DrawerNavigationVue2 = {
         },
         text: element.text,
         icon: element.icon,
+        svgIcon: element.svgIcon,
         separator: element.separator,
         selected: element.selected,
         targetItem: element.targetItem

package/dist/npm/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/npm/main.js

@@ -83,5 +83,11 @@ __exportStar(require("./gridlayout/interfaces/GridLayoutProps"), exports);
 __exportStar(require("./gridlayout/interfaces/GridLayoutItemProps"), exports);
 __exportStar(require("./gridlayout/interfaces/GridLayoutRowProps"), exports);
 __exportStar(require("./gridlayout/interfaces/GridLayoutColumnProps"), exports);
+__exportStar(require("./actionsheet/ActionSheet"), exports);
+__exportStar(require("./actionsheet/ActionSheetItem"), exports);
+__exportStar(require("./actionsheet/interfaces/ActionSheetItemProps"), exports);
+__exportStar(require("./actionsheet/ActionSheetHeader"), exports);
+__exportStar(require("./actionsheet/ActionSheetContent"), exports);
+__exportStar(require("./actionsheet/ActionSheetFooter"), exports);
 __exportStar(require("./stacklayout/StackLayout"), exports);
 __exportStar(require("./stacklayout/StackLayoutProps"), exports);

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-layout",
   "description": "Kendo UI for Vue Layouts package",
-  "version": "3.11.0",
+  "version": "3.11.1-dev.202307111135",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -45,9 +45,9 @@
     "vue": "^2.6.12 || ^3.0.2"
   },
   "dependencies": {
-    "@progress/kendo-vue-animation": "3.11.0",
-    "@progress/kendo-vue-common": "3.11.0",
-    "@progress/kendo-vue-popup": "3.11.0"
+    "@progress/kendo-vue-animation": "3.11.1-dev.202307111135",
+    "@progress/kendo-vue-common": "3.11.1-dev.202307111135",
+    "@progress/kendo-vue-popup": "3.11.1-dev.202307111135"
   },
   "devDependencies": {
     "@progress/kendo-data-query": "^1.5.0",
@@ -55,15 +55,15 @@
     "@progress/kendo-drawing": "^1.8.0",
     "@progress/kendo-licensing": "^1.3.0",
     "@progress/kendo-svg-icons": "^1.0.0",
-    "@progress/kendo-vue-buttons": "3.11.0",
-    "@progress/kendo-vue-charts": "3.11.0",
-    "@progress/kendo-vue-dateinputs": "3.11.0",
-    "@progress/kendo-vue-dropdowns": "3.11.0",
-    "@progress/kendo-vue-grid": "3.11.0",
-    "@progress/kendo-vue-indicators": "3.11.0",
-    "@progress/kendo-vue-inputs": "3.11.0",
-    "@progress/kendo-vue-intl": "3.11.0",
-    "@progress/kendo-vue-progressbars": "3.11.0"
+    "@progress/kendo-vue-buttons": "3.11.1-dev.202307111135",
+    "@progress/kendo-vue-charts": "3.11.1-dev.202307111135",
+    "@progress/kendo-vue-dateinputs": "3.11.1-dev.202307111135",
+    "@progress/kendo-vue-dropdowns": "3.11.1-dev.202307111135",
+    "@progress/kendo-vue-grid": "3.11.1-dev.202307111135",
+    "@progress/kendo-vue-indicators": "3.11.1-dev.202307111135",
+    "@progress/kendo-vue-inputs": "3.11.1-dev.202307111135",
+    "@progress/kendo-vue-intl": "3.11.1-dev.202307111135",
+    "@progress/kendo-vue-progressbars": "3.11.1-dev.202307111135"
   },
   "@progress": {
     "friendlyName": "Layouts",