@progress/kendo-vue-buttons - npm Package Compare versions

Comparing version 3.12.0 to 3.12.1-dev.202308170413

dist/es/Chip/Chip.d.ts

@@ -9,2 +9,23 @@ import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
 /**
+ * Represents the properties of the Avatar in the Chip.
+ */
+export interface ChipAvatarProps {
+    /**
+     * Sets the image of the avatar.
+     */
+    imageUrl: string;
+    /**
+     * Defines the alternative text of the avatar image.
+     */
+    imageAlt: string;
+    /**
+     * Configures the `roundness` of the avatar. Default is set to 'medium'.
+     */
+    rounded?: null | 'small' | 'medium' | 'large' | 'full';
+    /**
+     * Sets additional CSS styles to the avatar
+     */
+    style?: object;
+}
+/**
  * Represents the properties of [Chip]({% slug api_buttons_chip %}) component.
@@ -70,3 +91,4 @@ */
     /**
-     * Defines the avatar template that will be shown. Accepts a slot name, a `render` function, or a Vue component.
+     * If set to object of type ChipAvatarProps with image and imageAlt it renders a default Avatar. If set to string or a `render` function it
+     * defines the avatar template that will be shown.
      */
@@ -73,0 +95,0 @@ avatar?: string | Function | Object;

dist/es/Chip/Chip.js

@@ -21,3 +21,8 @@ // @ts-ignore
     text: String,
-    avatar: [String, Function, Object],
+    avatar: {
+      type: [String, Function, Object],
+      default: function _default() {
+        return undefined;
+      }
+    },
     value: [String, Object],
@@ -290,2 +295,15 @@ dir: {
     var avatarTemplate = templateRendering.call(this, avatar, getListeners.call(this));
+    var avatarDefaultRendering = avatar ? h("div", {
+      "class": "k-chip-avatar k-avatar k-rounded-".concat(avatar.rounded || 'medium', " k-avatar-").concat(kendoThemeMaps.sizeMap[size] || size, " k-avatar-solid k-avatar-solid-primary"),
+      style: avatar.style
+    }, [h("span", {
+      "class": "k-avatar-image"
+    }, [h("img", {
+      src: avatar.imageUrl,
+      attrs: this.v3 ? undefined : {
+        src: avatar.imageUrl,
+        alt: avatar.imageAlt
+      },
+      alt: avatar.imageAlt
+    })])]) : null;
     var avatarRender = getTemplate.call(this, {
@@ -349,3 +367,3 @@ h: h,
       size: 'small'
-    }), avatar && avatarRender, h("span", {
+    }), avatar ? avatar.imageUrl ? avatarDefaultRendering : avatarRender : null, h("span", {
       "class": 'k-chip-content'
@@ -352,0 +370,0 @@ }, [this.$props.text && h("span", {

dist/es/Chip/ChipList.d.ts

@@ -94,10 +94,14 @@ import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
     /**
-     * Represents the `text` field of Chip, used for the `label`.
+     * Represents the `text` field of Chip, defaults to 'text'.
      */
     textField?: string;
     /**
-     * Represents the `value` field of Chip, used for setting the Chip `id`.
+     * Represents the `value` field of the Chip, defaults to 'value'.
      */
     valueField?: string;
     /**
+     * Represents the 'avatar' field in the Chip,  defaults to 'avatar'.
+     */
+    avatarField?: object;
+    /**
      * Determines of ChipList is disabled.
@@ -104,0 +108,0 @@ */

dist/es/Chip/ChipList.js

@@ -81,2 +81,8 @@ var __assign = this && this.__assign || function () {
     },
+    avatarField: {
+      type: String,
+      default: function _default() {
+        return 'avatar';
+      }
+    },
     disabled: {
@@ -232,2 +238,3 @@ type: Boolean,
           value: item[this.$props.valueField],
+          avatar: item[this.$props.avatarField],
           size: this.$props.size,
@@ -241,2 +248,3 @@ rounded: this.$props.rounded,
         value: item[this.$props.valueField],
+        avatar: item[this.$props.avatarField],
         size: this.$props.size,
@@ -243,0 +251,0 @@ rounded: this.$props.rounded,

dist/es/package-metadata.js

@@ -8,5 +8,5 @@ /**
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1689689083,
+    publishDate: 1692244674,
     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'
 };

dist/esm/Chip/Chip.d.ts

@@ -9,2 +9,23 @@ import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
 /**
+ * Represents the properties of the Avatar in the Chip.
+ */
+export interface ChipAvatarProps {
+    /**
+     * Sets the image of the avatar.
+     */
+    imageUrl: string;
+    /**
+     * Defines the alternative text of the avatar image.
+     */
+    imageAlt: string;
+    /**
+     * Configures the `roundness` of the avatar. Default is set to 'medium'.
+     */
+    rounded?: null | 'small' | 'medium' | 'large' | 'full';
+    /**
+     * Sets additional CSS styles to the avatar
+     */
+    style?: object;
+}
+/**
  * Represents the properties of [Chip]({% slug api_buttons_chip %}) component.
@@ -70,3 +91,4 @@ */
     /**
-     * Defines the avatar template that will be shown. Accepts a slot name, a `render` function, or a Vue component.
+     * If set to object of type ChipAvatarProps with image and imageAlt it renders a default Avatar. If set to string or a `render` function it
+     * defines the avatar template that will be shown.
      */
@@ -73,0 +95,0 @@ avatar?: string | Function | Object;

dist/esm/Chip/Chip.js

@@ -21,3 +21,8 @@ // @ts-ignore
     text: String,
-    avatar: [String, Function, Object],
+    avatar: {
+      type: [String, Function, Object],
+      default: function _default() {
+        return undefined;
+      }
+    },
     value: [String, Object],
@@ -290,2 +295,15 @@ dir: {
     var avatarTemplate = templateRendering.call(this, avatar, getListeners.call(this));
+    var avatarDefaultRendering = avatar ? h("div", {
+      "class": "k-chip-avatar k-avatar k-rounded-".concat(avatar.rounded || 'medium', " k-avatar-").concat(kendoThemeMaps.sizeMap[size] || size, " k-avatar-solid k-avatar-solid-primary"),
+      style: avatar.style
+    }, [h("span", {
+      "class": "k-avatar-image"
+    }, [h("img", {
+      src: avatar.imageUrl,
+      attrs: this.v3 ? undefined : {
+        src: avatar.imageUrl,
+        alt: avatar.imageAlt
+      },
+      alt: avatar.imageAlt
+    })])]) : null;
     var avatarRender = getTemplate.call(this, {
@@ -349,3 +367,3 @@ h: h,
       size: 'small'
-    }), avatar && avatarRender, h("span", {
+    }), avatar ? avatar.imageUrl ? avatarDefaultRendering : avatarRender : null, h("span", {
       "class": 'k-chip-content'
@@ -352,0 +370,0 @@ }, [this.$props.text && h("span", {

dist/esm/Chip/ChipList.d.ts

@@ -94,10 +94,14 @@ import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
     /**
-     * Represents the `text` field of Chip, used for the `label`.
+     * Represents the `text` field of Chip, defaults to 'text'.
      */
     textField?: string;
     /**
-     * Represents the `value` field of Chip, used for setting the Chip `id`.
+     * Represents the `value` field of the Chip, defaults to 'value'.
      */
     valueField?: string;
     /**
+     * Represents the 'avatar' field in the Chip,  defaults to 'avatar'.
+     */
+    avatarField?: object;
+    /**
      * Determines of ChipList is disabled.
@@ -104,0 +108,0 @@ */

dist/esm/Chip/ChipList.js

@@ -81,2 +81,8 @@ var __assign = this && this.__assign || function () {
     },
+    avatarField: {
+      type: String,
+      default: function _default() {
+        return 'avatar';
+      }
+    },
     disabled: {
@@ -232,2 +238,3 @@ type: Boolean,
           value: item[this.$props.valueField],
+          avatar: item[this.$props.avatarField],
           size: this.$props.size,
@@ -241,2 +248,3 @@ rounded: this.$props.rounded,
         value: item[this.$props.valueField],
+        avatar: item[this.$props.avatarField],
         size: this.$props.size,
@@ -243,0 +251,0 @@ rounded: this.$props.rounded,

dist/esm/package-metadata.js

@@ -8,5 +8,5 @@ /**
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1689689083,
+    publishDate: 1692244674,
     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'
 };

dist/npm/Chip/Chip.d.ts

@@ -9,2 +9,23 @@ import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
 /**
+ * Represents the properties of the Avatar in the Chip.
+ */
+export interface ChipAvatarProps {
+    /**
+     * Sets the image of the avatar.
+     */
+    imageUrl: string;
+    /**
+     * Defines the alternative text of the avatar image.
+     */
+    imageAlt: string;
+    /**
+     * Configures the `roundness` of the avatar. Default is set to 'medium'.
+     */
+    rounded?: null | 'small' | 'medium' | 'large' | 'full';
+    /**
+     * Sets additional CSS styles to the avatar
+     */
+    style?: object;
+}
+/**
  * Represents the properties of [Chip]({% slug api_buttons_chip %}) component.
@@ -70,3 +91,4 @@ */
     /**
-     * Defines the avatar template that will be shown. Accepts a slot name, a `render` function, or a Vue component.
+     * If set to object of type ChipAvatarProps with image and imageAlt it renders a default Avatar. If set to string or a `render` function it
+     * defines the avatar template that will be shown.
      */
@@ -73,0 +95,0 @@ avatar?: string | Function | Object;

dist/npm/Chip/Chip.js

@@ -27,3 +27,8 @@ "use strict";
     text: String,
-    avatar: [String, Function, Object],
+    avatar: {
+      type: [String, Function, Object],
+      default: function _default() {
+        return undefined;
+      }
+    },
     value: [String, Object],
@@ -296,2 +301,15 @@ dir: {
     var avatarTemplate = kendo_vue_common_1.templateRendering.call(this, avatar, kendo_vue_common_1.getListeners.call(this));
+    var avatarDefaultRendering = avatar ? h("div", {
+      "class": "k-chip-avatar k-avatar k-rounded-".concat(avatar.rounded || 'medium', " k-avatar-").concat(kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size, " k-avatar-solid k-avatar-solid-primary"),
+      style: avatar.style
+    }, [h("span", {
+      "class": "k-avatar-image"
+    }, [h("img", {
+      src: avatar.imageUrl,
+      attrs: this.v3 ? undefined : {
+        src: avatar.imageUrl,
+        alt: avatar.imageAlt
+      },
+      alt: avatar.imageAlt
+    })])]) : null;
     var avatarRender = kendo_vue_common_1.getTemplate.call(this, {
@@ -355,3 +373,3 @@ h: h,
       size: 'small'
-    }), avatar && avatarRender, h("span", {
+    }), avatar ? avatar.imageUrl ? avatarDefaultRendering : avatarRender : null, h("span", {
       "class": 'k-chip-content'
@@ -358,0 +376,0 @@ }, [this.$props.text && h("span", {

dist/npm/Chip/ChipList.d.ts

@@ -94,10 +94,14 @@ import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
     /**
-     * Represents the `text` field of Chip, used for the `label`.
+     * Represents the `text` field of Chip, defaults to 'text'.
      */
     textField?: string;
     /**
-     * Represents the `value` field of Chip, used for setting the Chip `id`.
+     * Represents the `value` field of the Chip, defaults to 'value'.
      */
     valueField?: string;
     /**
+     * Represents the 'avatar' field in the Chip,  defaults to 'avatar'.
+     */
+    avatarField?: object;
+    /**
      * Determines of ChipList is disabled.
@@ -104,0 +108,0 @@ */

dist/npm/Chip/ChipList.js

@@ -87,2 +87,8 @@ "use strict";
     },
+    avatarField: {
+      type: String,
+      default: function _default() {
+        return 'avatar';
+      }
+    },
     disabled: {
@@ -238,2 +244,3 @@ type: Boolean,
           value: item[this.$props.valueField],
+          avatar: item[this.$props.avatarField],
           size: this.$props.size,
@@ -247,2 +254,3 @@ rounded: this.$props.rounded,
         value: item[this.$props.valueField],
+        avatar: item[this.$props.avatarField],
         size: this.$props.size,
@@ -249,0 +257,0 @@ rounded: this.$props.rounded,

dist/npm/package-metadata.js

@@ -11,5 +11,5 @@ "use strict";
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1689689083,
+    publishDate: 1692244674,
     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.json

 {
   "name": "@progress/kendo-vue-buttons",
   "description": "Kendo UI for Vue Buttons package",
-  "version": "3.12.0",
+  "version": "3.12.1-dev.202308170413",
   "repository": {
@@ -44,4 +44,4 @@ "type": "git",
   "dependencies": {
-    "@progress/kendo-vue-common": "3.12.0",
-    "@progress/kendo-vue-popup": "3.12.0"
+    "@progress/kendo-vue-common": "3.12.1-dev.202308170413",
+    "@progress/kendo-vue-popup": "3.12.1-dev.202308170413"
   },
@@ -51,5 +51,5 @@ "devDependencies": {
     "@progress/kendo-svg-icons": "^1.0.0",
-    "@progress/kendo-vue-dropdowns": "3.12.0",
-    "@progress/kendo-vue-inputs": "3.12.0",
-    "@progress/kendo-vue-layout": "3.12.0"
+    "@progress/kendo-vue-dropdowns": "3.12.1-dev.202308170413",
+    "@progress/kendo-vue-inputs": "3.12.1-dev.202308170413",
+    "@progress/kendo-vue-layout": "3.12.1-dev.202308170413"
   },
@@ -56,0 +56,0 @@ "@progress": {

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1043168

increased by0.52%

Lines of code

17827

increased by0.88%

Worsened metrics

Number of low quality alerts

2

increased by100%

Dependency changes

• + Added@progress/kendo-vue-animation@3.12.1-dev.202308170413(transitive)

• + Added@progress/kendo-vue-common@3.12.1-dev.202308170413(transitive)

• + Added@progress/kendo-vue-popup@3.12.1-dev.202308170413(transitive)

• - Removed@progress/kendo-vue-animation@3.12.0(transitive)

• - Removed@progress/kendo-vue-common@3.12.0(transitive)

• - Removed@progress/kendo-vue-popup@3.12.0(transitive)

• Updated@progress/kendo-vue-common@3.12.1-dev.202308170413

• Updated@progress/kendo-vue-popup@3.12.1-dev.202308170413