@progress/kendo-vue-dropdowns 3.7.4-dev.202301131104 → 3.7.4-dev.202301151601

package/dist/es/ComboBox/ComboBox.js

@@ -685,6 +685,8 @@ var ComboBoxVue2 = {
       className = _b.className,
       style = _b.style,
       loading = _b.loading,
+      icon = _b.icon,
+      svgIcon = _b.svgIcon,
       iconClassName = _b.iconClassName,
       virtual = _b.virtual,
       size = _b.size,
@@ -949,8 +951,8 @@ var ComboBoxVue2 = {
         size: size,
         fillMode: fillMode,
         rounded: null,
-        icon: 'caret-alt-down',
-        svgIcon: caretAltDownIcon,
+        icon: icon || 'caret-alt-down',
+        svgIcon: svgIcon || caretAltDownIcon,
         iconClass: iconClassName
       },
       tabIndex: -1,
@@ -959,8 +961,8 @@ var ComboBoxVue2 = {
       fillMode: fillMode,
       rounded: null,
       "class": 'k-input-button',
-      icon: 'caret-alt-down',
-      svgIcon: caretAltDownIcon,
+      icon: icon || 'caret-alt-down',
+      svgIcon: svgIcon || caretAltDownIcon,
       iconClass: iconClassName,
       onClick: this.toggleBtnClick,
       on: this.v3 ? undefined : {

package/dist/es/ComboBox/ComboBoxProps.d.ts

@@ -1,6 +1,7 @@
 import { FilterChangeEvent, ChangeEvent, OpenEvent, CloseEvent, FocusEvent, BlurEvent, PageChangeEvent } from './../common/events';
 import { FormComponentProps } from '@progress/kendo-vue-common';
 import { VirtualizationSettings, DropDownsPopupSettings } from '../common/settings';
+import { SVGIcon } from '@progress/kendo-svg-icons';
 /**
  * Represents the object of the `FilterChange` ComboBox event.
  */
@@ -56,6 +57,14 @@ export interface ComboBoxProps extends FormComponentProps {
      * Sets the default value of the ComboBox. Similar to the native `select` HTML element.
      */
     defaultValue?: any;
+    /**
+     * Defines the name for an existing arrow icon.
+     */
+    icon?: string;
+    /**
+     * Defines the svg icon in a Kendo UI for Vue theme.
+     */
+    svgIcon?: SVGIcon;
     /**
      * Sets CSS classes to the expand `icon` DOM element.
      */

package/dist/es/DropDownList/DropDownList.js

@@ -91,6 +91,8 @@ var DropDownListVue2 = {
       type: Boolean,
       default: true
     },
+    icon: String,
+    svgIcon: Object,
     iconClassName: String,
     defaultItem: [Object, String],
     valueRender: [String, Function, Object],
@@ -716,6 +718,8 @@ var DropDownListVue2 = {
       disabled = _d.disabled,
       tabIndex = _d.tabIndex,
       loading = _d.loading,
+      icon = _d.icon,
+      svgIcon = _d.svgIcon,
       iconClassName = _d.iconClassName;
     var valueRender = templateRendering.call(this, this.$props.valueRender, getListeners.call(this));
     var focused = this.currentFocused;
@@ -1018,8 +1022,8 @@ var DropDownListVue2 = {
         fillMode: fillMode,
         rounded: null,
         ariaLabel: ariaLabelSelectButton,
-        icon: 'caret-alt-down',
-        svgIcon: caretAltDownIcon,
+        icon: icon || 'caret-alt-down',
+        svgIcon: svgIcon || caretAltDownIcon,
         iconClass: iconClassName,
         "aria-hidden": true
       },
@@ -1029,8 +1033,8 @@ var DropDownListVue2 = {
       rounded: null,
       ariaLabel: ariaLabelSelectButton,
       "class": 'k-input-button',
-      icon: 'caret-alt-down',
-      svgIcon: caretAltDownIcon,
+      icon: icon || 'caret-alt-down',
+      svgIcon: svgIcon || caretAltDownIcon,
       iconClass: iconClassName,
       "aria-hidden": true
     }), dummySelect.call(this, value), renderListContainer.call(this)]);

package/dist/es/DropDownList/DropDownListProps.d.ts

@@ -1,6 +1,7 @@
 import { FilterChangeEvent, ChangeEvent, OpenEvent, CloseEvent, FocusEvent, BlurEvent, PageChangeEvent } from './../common/events';
 import { VirtualizationSettings, DropDownsPopupSettings } from '../common/settings';
 import { FormComponentProps } from '@progress/kendo-vue-common';
+import { SVGIcon } from '@progress/kendo-svg-icons';
 /**
  * Represents the object of the `filterChange` DropDownList event.
  */
@@ -110,6 +111,14 @@ export interface DropDownListProps extends FormComponentProps {
      * Sets additional classes to the DropDownList.
      */
     className?: string;
+    /**
+     * Defines the name for an existing arrow icon.
+     */
+    icon?: string;
+    /**
+     * Defines the svg icon in a Kendo UI for Vue theme.
+     */
+    svgIcon?: SVGIcon;
     /**
      * Sets CSS classes to the expand `icon` DOM element.
      */

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-dropdowns',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1673606748,
+    publishDate: 1673797537,
     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/ComboBox/ComboBox.js

@@ -685,6 +685,8 @@ var ComboBoxVue2 = {
       className = _b.className,
       style = _b.style,
       loading = _b.loading,
+      icon = _b.icon,
+      svgIcon = _b.svgIcon,
       iconClassName = _b.iconClassName,
       virtual = _b.virtual,
       size = _b.size,
@@ -949,8 +951,8 @@ var ComboBoxVue2 = {
         size: size,
         fillMode: fillMode,
         rounded: null,
-        icon: 'caret-alt-down',
-        svgIcon: caretAltDownIcon,
+        icon: icon || 'caret-alt-down',
+        svgIcon: svgIcon || caretAltDownIcon,
         iconClass: iconClassName
       },
       tabIndex: -1,
@@ -959,8 +961,8 @@ var ComboBoxVue2 = {
       fillMode: fillMode,
       rounded: null,
       "class": 'k-input-button',
-      icon: 'caret-alt-down',
-      svgIcon: caretAltDownIcon,
+      icon: icon || 'caret-alt-down',
+      svgIcon: svgIcon || caretAltDownIcon,
       iconClass: iconClassName,
       onClick: this.toggleBtnClick,
       on: this.v3 ? undefined : {

package/dist/esm/ComboBox/ComboBoxProps.d.ts

@@ -1,6 +1,7 @@
 import { FilterChangeEvent, ChangeEvent, OpenEvent, CloseEvent, FocusEvent, BlurEvent, PageChangeEvent } from './../common/events';
 import { FormComponentProps } from '@progress/kendo-vue-common';
 import { VirtualizationSettings, DropDownsPopupSettings } from '../common/settings';
+import { SVGIcon } from '@progress/kendo-svg-icons';
 /**
  * Represents the object of the `FilterChange` ComboBox event.
  */
@@ -56,6 +57,14 @@ export interface ComboBoxProps extends FormComponentProps {
      * Sets the default value of the ComboBox. Similar to the native `select` HTML element.
      */
     defaultValue?: any;
+    /**
+     * Defines the name for an existing arrow icon.
+     */
+    icon?: string;
+    /**
+     * Defines the svg icon in a Kendo UI for Vue theme.
+     */
+    svgIcon?: SVGIcon;
     /**
      * Sets CSS classes to the expand `icon` DOM element.
      */

package/dist/esm/DropDownList/DropDownList.js

@@ -91,6 +91,8 @@ var DropDownListVue2 = {
       type: Boolean,
       default: true
     },
+    icon: String,
+    svgIcon: Object,
     iconClassName: String,
     defaultItem: [Object, String],
     valueRender: [String, Function, Object],
@@ -716,6 +718,8 @@ var DropDownListVue2 = {
       disabled = _d.disabled,
       tabIndex = _d.tabIndex,
       loading = _d.loading,
+      icon = _d.icon,
+      svgIcon = _d.svgIcon,
       iconClassName = _d.iconClassName;
     var valueRender = templateRendering.call(this, this.$props.valueRender, getListeners.call(this));
     var focused = this.currentFocused;
@@ -1018,8 +1022,8 @@ var DropDownListVue2 = {
         fillMode: fillMode,
         rounded: null,
         ariaLabel: ariaLabelSelectButton,
-        icon: 'caret-alt-down',
-        svgIcon: caretAltDownIcon,
+        icon: icon || 'caret-alt-down',
+        svgIcon: svgIcon || caretAltDownIcon,
         iconClass: iconClassName,
         "aria-hidden": true
       },
@@ -1029,8 +1033,8 @@ var DropDownListVue2 = {
       rounded: null,
       ariaLabel: ariaLabelSelectButton,
       "class": 'k-input-button',
-      icon: 'caret-alt-down',
-      svgIcon: caretAltDownIcon,
+      icon: icon || 'caret-alt-down',
+      svgIcon: svgIcon || caretAltDownIcon,
       iconClass: iconClassName,
       "aria-hidden": true
     }), dummySelect.call(this, value), renderListContainer.call(this)]);

package/dist/esm/DropDownList/DropDownListProps.d.ts

@@ -1,6 +1,7 @@
 import { FilterChangeEvent, ChangeEvent, OpenEvent, CloseEvent, FocusEvent, BlurEvent, PageChangeEvent } from './../common/events';
 import { VirtualizationSettings, DropDownsPopupSettings } from '../common/settings';
 import { FormComponentProps } from '@progress/kendo-vue-common';
+import { SVGIcon } from '@progress/kendo-svg-icons';
 /**
  * Represents the object of the `filterChange` DropDownList event.
  */
@@ -110,6 +111,14 @@ export interface DropDownListProps extends FormComponentProps {
      * Sets additional classes to the DropDownList.
      */
     className?: string;
+    /**
+     * Defines the name for an existing arrow icon.
+     */
+    icon?: string;
+    /**
+     * Defines the svg icon in a Kendo UI for Vue theme.
+     */
+    svgIcon?: SVGIcon;
     /**
      * Sets CSS classes to the expand `icon` DOM element.
      */

package/dist/esm/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-dropdowns',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1673606748,
+    publishDate: 1673797537,
     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/npm/ComboBox/ComboBox.js

@@ -691,6 +691,8 @@ var ComboBoxVue2 = {
       className = _b.className,
       style = _b.style,
       loading = _b.loading,
+      icon = _b.icon,
+      svgIcon = _b.svgIcon,
       iconClassName = _b.iconClassName,
       virtual = _b.virtual,
       size = _b.size,
@@ -955,8 +957,8 @@ var ComboBoxVue2 = {
         size: size,
         fillMode: fillMode,
         rounded: null,
-        icon: 'caret-alt-down',
-        svgIcon: kendo_svg_icons_1.caretAltDownIcon,
+        icon: icon || 'caret-alt-down',
+        svgIcon: svgIcon || kendo_svg_icons_1.caretAltDownIcon,
         iconClass: iconClassName
       },
       tabIndex: -1,
@@ -965,8 +967,8 @@ var ComboBoxVue2 = {
       fillMode: fillMode,
       rounded: null,
       "class": 'k-input-button',
-      icon: 'caret-alt-down',
-      svgIcon: kendo_svg_icons_1.caretAltDownIcon,
+      icon: icon || 'caret-alt-down',
+      svgIcon: svgIcon || kendo_svg_icons_1.caretAltDownIcon,
       iconClass: iconClassName,
       onClick: this.toggleBtnClick,
       on: this.v3 ? undefined : {

package/dist/npm/ComboBox/ComboBoxProps.d.ts

@@ -1,6 +1,7 @@
 import { FilterChangeEvent, ChangeEvent, OpenEvent, CloseEvent, FocusEvent, BlurEvent, PageChangeEvent } from './../common/events';
 import { FormComponentProps } from '@progress/kendo-vue-common';
 import { VirtualizationSettings, DropDownsPopupSettings } from '../common/settings';
+import { SVGIcon } from '@progress/kendo-svg-icons';
 /**
  * Represents the object of the `FilterChange` ComboBox event.
  */
@@ -56,6 +57,14 @@ export interface ComboBoxProps extends FormComponentProps {
      * Sets the default value of the ComboBox. Similar to the native `select` HTML element.
      */
     defaultValue?: any;
+    /**
+     * Defines the name for an existing arrow icon.
+     */
+    icon?: string;
+    /**
+     * Defines the svg icon in a Kendo UI for Vue theme.
+     */
+    svgIcon?: SVGIcon;
     /**
      * Sets CSS classes to the expand `icon` DOM element.
      */

package/dist/npm/DropDownList/DropDownList.js

@@ -97,6 +97,8 @@ var DropDownListVue2 = {
       type: Boolean,
       default: true
     },
+    icon: String,
+    svgIcon: Object,
     iconClassName: String,
     defaultItem: [Object, String],
     valueRender: [String, Function, Object],
@@ -722,6 +724,8 @@ var DropDownListVue2 = {
       disabled = _d.disabled,
       tabIndex = _d.tabIndex,
       loading = _d.loading,
+      icon = _d.icon,
+      svgIcon = _d.svgIcon,
       iconClassName = _d.iconClassName;
     var valueRender = kendo_vue_common_1.templateRendering.call(this, this.$props.valueRender, kendo_vue_common_1.getListeners.call(this));
     var focused = this.currentFocused;
@@ -1024,8 +1028,8 @@ var DropDownListVue2 = {
         fillMode: fillMode,
         rounded: null,
         ariaLabel: ariaLabelSelectButton,
-        icon: 'caret-alt-down',
-        svgIcon: kendo_svg_icons_1.caretAltDownIcon,
+        icon: icon || 'caret-alt-down',
+        svgIcon: svgIcon || kendo_svg_icons_1.caretAltDownIcon,
         iconClass: iconClassName,
         "aria-hidden": true
       },
@@ -1035,8 +1039,8 @@ var DropDownListVue2 = {
       rounded: null,
       ariaLabel: ariaLabelSelectButton,
       "class": 'k-input-button',
-      icon: 'caret-alt-down',
-      svgIcon: kendo_svg_icons_1.caretAltDownIcon,
+      icon: icon || 'caret-alt-down',
+      svgIcon: svgIcon || kendo_svg_icons_1.caretAltDownIcon,
       iconClass: iconClassName,
       "aria-hidden": true
     }), dummySelect.call(this, value), renderListContainer.call(this)]);

package/dist/npm/DropDownList/DropDownListProps.d.ts

@@ -1,6 +1,7 @@
 import { FilterChangeEvent, ChangeEvent, OpenEvent, CloseEvent, FocusEvent, BlurEvent, PageChangeEvent } from './../common/events';
 import { VirtualizationSettings, DropDownsPopupSettings } from '../common/settings';
 import { FormComponentProps } from '@progress/kendo-vue-common';
+import { SVGIcon } from '@progress/kendo-svg-icons';
 /**
  * Represents the object of the `filterChange` DropDownList event.
  */
@@ -110,6 +111,14 @@ export interface DropDownListProps extends FormComponentProps {
      * Sets additional classes to the DropDownList.
      */
     className?: string;
+    /**
+     * Defines the name for an existing arrow icon.
+     */
+    icon?: string;
+    /**
+     * Defines the svg icon in a Kendo UI for Vue theme.
+     */
+    svgIcon?: SVGIcon;
     /**
      * Sets CSS classes to the expand `icon` DOM element.
      */

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-vue-dropdowns',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1673606748,
+    publishDate: 1673797537,
     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-dropdowns",
   "description": "Kendo UI for Vue Dropdowns package",
-  "version": "3.7.4-dev.202301131104",
+  "version": "3.7.4-dev.202301151601",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -50,15 +50,15 @@
     "vue": "^2.6.12 || ^3.0.2"
   },
   "dependencies": {
-    "@progress/kendo-vue-buttons": "3.7.4-dev.202301131104",
-    "@progress/kendo-vue-common": "3.7.4-dev.202301131104",
-    "@progress/kendo-vue-popup": "3.7.4-dev.202301131104"
+    "@progress/kendo-vue-buttons": "3.7.4-dev.202301151601",
+    "@progress/kendo-vue-common": "3.7.4-dev.202301151601",
+    "@progress/kendo-vue-popup": "3.7.4-dev.202301151601"
   },
   "devDependencies": {
     "@progress/kendo-data-query": "^1.5.4",
     "@progress/kendo-licensing": "^1.3.0",
     "@progress/kendo-svg-icons": "^1.0.0",
-    "@progress/kendo-vue-intl": "3.7.4-dev.202301131104"
+    "@progress/kendo-vue-intl": "3.7.4-dev.202301151601"
   },
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",