@progress/kendo-vue-grid 3.7.4-dev.202212020747 → 3.7.4-dev.202212300853

package/dist/es/Grid.js

@@ -1904,9 +1904,7 @@ var GridVue2 = {
               "scroll": _this3.scrollHandler
             }
           }, [h("div", {
-            style: {
-              'position': 'relative'
-            }
+            "class": 'k-grid-table-wrap'
           }, [h("table", {
             role: "presentation",
             attrs: _this3.v3 ? undefined : {
@@ -1953,9 +1951,7 @@ var GridVue2 = {
             "scroll": _this3.scrollHandler
           }
         }, [h("div", {
-          style: {
-            'position': 'relative'
-          }
+          "class": 'k-grid-table-wrap'
         }, [h("table", {
           role: "presentation",
           attrs: _this3.v3 ? undefined : {
@@ -2015,9 +2011,7 @@ var GridVue2 = {
             "scroll": _this3.scrollHandler
           }
         }, [h("div", {
-          style: {
-            'position': 'relative'
-          }
+          "class": 'k-grid-table-wrap'
         }, [h("table", {
           role: "presentation",
           attrs: _this3.v3 ? undefined : {
@@ -2064,9 +2058,7 @@ var GridVue2 = {
           "scroll": _this3.scrollHandler
         }
       }, [h("div", {
-        style: {
-          'position': 'relative'
-        }
+        "class": 'k-grid-table-wrap'
       }, [h("table", {
         role: "presentation",
         attrs: _this3.v3 ? undefined : {

package/dist/es/columnMenu/ColumnMenu.js

@@ -4,7 +4,7 @@ var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var inject = allVue.inject;
-import { guid, setRef } from '@progress/kendo-vue-common';
+import { guid, Icon, setRef } from '@progress/kendo-vue-common';
 import { Popup } from '@progress/kendo-vue-popup';
 import { ColumnMenuContent } from './ColumnMenuContent';
 import { tableKeyboardNavigationTools } from '@progress/kendo-vue-data-tools';
@@ -133,8 +133,11 @@ var ColumnMenuVue2 = {
       on: this.v3 ? undefined : {
         "click": this.anchorClick
       }
-    }, [h("span", {
-      "class": 'k-icon k-i-more-vertical'
+    }, [h(Icon, {
+      name: 'more-vertical',
+      attrs: this.v3 ? undefined : {
+        name: 'more-vertical'
+      }
     })]),
     // @ts-ignore function children
     h(Popup, {

package/dist/es/columnMenu/GridColumnMenuCheckboxFilter.js

@@ -33,7 +33,7 @@ import { Checkbox } from '@progress/kendo-vue-inputs';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { messages, filterClearButton, filterSubmitButton, filterTitle, searchPlaceholder, filterCheckAll } from '../messages/main';
 import { filterBy } from '@progress/kendo-data-query';
-import { clone, getListeners, getTemplate, templateRendering } from '@progress/kendo-vue-common';
+import { clone, getListeners, getTemplate, Icon, templateRendering } from '@progress/kendo-vue-common';
 import { getNestedValue } from '../utils/main';
 /**
  * @hidden
@@ -145,8 +145,12 @@ var GridColumnMenuCheckboxFilterVue2 = {
         "class": "k-list-filter"
       }, [h("span", {
         "class": "k-textbox k-input k-input-md k-rounded-md k-input-solid"
-      }, [h("span", {
-        "class": "k-input-icon k-icon k-i-search"
+      }, [h(Icon, {
+        name: 'search',
+        attrs: this.v3 ? undefined : {
+          name: 'search'
+        },
+        "class": "k-input-icon"
       }), h("input", {
         ref: 'searchBox',
         placeholder: localizationService.toLanguageString(searchPlaceholder, messages[searchPlaceholder]),

package/dist/es/columnMenu/GridColumnMenuItem.js

@@ -3,7 +3,7 @@ import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-import { Keys } from '@progress/kendo-vue-common';
+import { Icon, Keys } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
@@ -49,8 +49,8 @@ var GridColumnMenuItemVue2 = {
       },
       onClick: this.onClick,
       "class": "k-columnmenu-item ".concat(selected ? 'k-selected' : '')
-    }, [iconClass && h("span", {
-      "class": "k-icon ".concat(iconClass)
+    }, [iconClass && h(Icon, {
+      "class": "iconClass"
     }), title]);
   }
 };

package/dist/es/drag/DragClue.js

@@ -1,4 +1,5 @@
 // @ts-ignore
+import { Icon } from '@progress/kendo-vue-common';
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
@@ -38,8 +39,11 @@ var DragClueVue2 = {
       }
     }, [h("span", {
       "class": 'k-icon k-drag-status ' + this.status + ' k-icon-with-modifier'
-    }, [h("span", {
-      "class": "k-icon k-icon-modifier"
+    }, [h(Icon, {
+      name: "modifier",
+      attrs: this.v3 ? undefined : {
+        name: "modifier"
+      }
     })]), this.innerText]);
   }
 };

package/dist/es/drag/GroupingIndicator.js

@@ -4,7 +4,7 @@ var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
-import { Draggable, getRef, setRef } from '@progress/kendo-vue-common';
+import { Draggable, getRef, Icon, setRef } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
@@ -77,8 +77,12 @@ var GroupingIndicatorVue2 = {
           ref: setRef(_this, 'indicatorContainer')
         }, [h("div", {
           "class": "k-chip k-chip-lg k-rounded-md k-chip-solid k-chip-solid-base"
-        }, [h("span", {
-          "class": 'k-chip-icon k-icon k-i-sort-' + _this.$props.dir + '-small'
+        }, [h(Icon, {
+          name: 'sort-' + _this.$props.dir + '-small',
+          attrs: _this.v3 ? undefined : {
+            name: 'sort-' + _this.$props.dir + '-small'
+          },
+          "class": 'k-chip-icon'
         }), h("span", {
           "class": "k-chip-content",
           tabindex: -1,
@@ -103,16 +107,23 @@ var GroupingIndicatorVue2 = {
           on: _this.v3 ? undefined : {
             "click": _this.groupRemove
           }
-        }, [h("span", {
-          "class": "k-icon k-i-x"
+        }, [h(Icon, {
+          name: "x",
+          attrs: _this.v3 ? undefined : {
+            name: "x"
+          }
         })])])])])];
       } : [h("div", {
         "class": "k-indicator-container",
         ref: setRef(_this, 'indicatorContainer')
       }, [h("div", {
         "class": "k-chip k-chip-lg k-rounded-md k-chip-solid k-chip-solid-base"
-      }, [h("span", {
-        "class": 'k-chip-icon k-icon k-i-sort-' + _this.$props.dir + '-small'
+      }, [h(Icon, {
+        name: 'sort-' + _this.$props.dir + '-small',
+        attrs: _this.v3 ? undefined : {
+          name: 'sort-' + _this.$props.dir + '-small'
+        },
+        "class": 'k-chip-icon'
       }), h("span", {
         "class": "k-chip-content",
         tabindex: -1,
@@ -137,8 +148,11 @@ var GroupingIndicatorVue2 = {
         on: _this.v3 ? undefined : {
           "click": _this.groupRemove
         }
-      }, [h("span", {
-        "class": "k-icon k-i-x"
+      }, [h(Icon, {
+        name: "x",
+        attrs: _this.v3 ? undefined : {
+          name: "x"
+        }
       })])])])])])
     );
   }

package/dist/es/header/HeaderRow.js

@@ -8,7 +8,7 @@ import { ColumnResizer } from '../drag/ColumnResizer';
 import { ColumnDraggable } from '../drag/ColumnDraggable';
 import { GridHeaderCell } from './GridHeaderCell';
 import { ColumnMenu } from '../columnMenu/ColumnMenu';
-import { templateRendering, hasListener, getListeners, Keys, noop } from '@progress/kendo-vue-common';
+import { templateRendering, hasListener, getListeners, Keys, noop, Icon } from '@progress/kendo-vue-common';
 import { HeaderThElement } from '@progress/kendo-vue-data-tools'; // from '../../../datatools/src/main';
 /**
  * @hidden
@@ -195,22 +195,25 @@ var HeaderRowVue2 = {
         }) : -1;
         var sortDir = sortIndex >= 0 ? this.$props.sort[sortIndex].dir || 'none' : 'none';
         var sortIconRenderer = function sortIconRenderer(iconSortIndex) {
-          if (!_this.$props.sort) {
+          if (!this.$props.sort) {
             return null;
           }
           return iconSortIndex >= 0 && [h("span", {
             key: 1,
             "class": 'k-sort-icon'
-          }, [h("span", {
-            "class": 'k-icon k-i-sort-' + _this.$props.sort[iconSortIndex].dir + '-small'
-          })]), _this.$props.sort.length > 1 && h("span", {
+          }, [h(Icon, {
+            name: 'sort-' + this.$props.sort[iconSortIndex].dir + '-small',
+            attrs: this.v3 ? undefined : {
+              name: 'sort-' + this.$props.sort[iconSortIndex].dir + '-small'
+            }
+          })]), this.$props.sort.length > 1 && h("span", {
             key: 2,
             "class": 'k-sort-icon'
           }, [h("span", {
             "class": "k-sort-order"
           }, [iconSortIndex + 1])])];
         };
-        var sortIcon = sortIconRenderer(sortIndex);
+        var sortIcon = sortIconRenderer.call(this, sortIndex);
         var className = (column.kFirst ? 'k-first ' : '') + this.cellClass(column.field, column.headerClassName, column.locked);
         var columnMenu = column.columnMenu || column.columnMenu === false ? column.columnMenu : this.$props.columnMenu;
         var columnMenuRender = !columnMenu || typeof columnMenu === 'boolean' ? !!columnMenu : this.getTemplate(columnMenu);

package/dist/es/package-metadata.js

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

@@ -1904,9 +1904,7 @@ var GridVue2 = {
               "scroll": _this3.scrollHandler
             }
           }, [h("div", {
-            style: {
-              'position': 'relative'
-            }
+            "class": 'k-grid-table-wrap'
           }, [h("table", {
             role: "presentation",
             attrs: _this3.v3 ? undefined : {
@@ -1953,9 +1951,7 @@ var GridVue2 = {
             "scroll": _this3.scrollHandler
           }
         }, [h("div", {
-          style: {
-            'position': 'relative'
-          }
+          "class": 'k-grid-table-wrap'
         }, [h("table", {
           role: "presentation",
           attrs: _this3.v3 ? undefined : {
@@ -2015,9 +2011,7 @@ var GridVue2 = {
             "scroll": _this3.scrollHandler
           }
         }, [h("div", {
-          style: {
-            'position': 'relative'
-          }
+          "class": 'k-grid-table-wrap'
         }, [h("table", {
           role: "presentation",
           attrs: _this3.v3 ? undefined : {
@@ -2064,9 +2058,7 @@ var GridVue2 = {
           "scroll": _this3.scrollHandler
         }
       }, [h("div", {
-        style: {
-          'position': 'relative'
-        }
+        "class": 'k-grid-table-wrap'
       }, [h("table", {
         role: "presentation",
         attrs: _this3.v3 ? undefined : {

package/dist/esm/columnMenu/ColumnMenu.js

@@ -4,7 +4,7 @@ var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var inject = allVue.inject;
-import { guid, setRef } from '@progress/kendo-vue-common';
+import { guid, Icon, setRef } from '@progress/kendo-vue-common';
 import { Popup } from '@progress/kendo-vue-popup';
 import { ColumnMenuContent } from './ColumnMenuContent.js';
 import { tableKeyboardNavigationTools } from '@progress/kendo-vue-data-tools';
@@ -133,8 +133,11 @@ var ColumnMenuVue2 = {
       on: this.v3 ? undefined : {
         "click": this.anchorClick
       }
-    }, [h("span", {
-      "class": 'k-icon k-i-more-vertical'
+    }, [h(Icon, {
+      name: 'more-vertical',
+      attrs: this.v3 ? undefined : {
+        name: 'more-vertical'
+      }
     })]),
     // @ts-ignore function children
     h(Popup, {

package/dist/esm/columnMenu/GridColumnMenuCheckboxFilter.js

@@ -33,7 +33,7 @@ import { Checkbox } from '@progress/kendo-vue-inputs';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { messages, filterClearButton, filterSubmitButton, filterTitle, searchPlaceholder, filterCheckAll } from '../messages/main.js';
 import { filterBy } from '@progress/kendo-data-query';
-import { clone, getListeners, getTemplate, templateRendering } from '@progress/kendo-vue-common';
+import { clone, getListeners, getTemplate, Icon, templateRendering } from '@progress/kendo-vue-common';
 import { getNestedValue } from '../utils/main.js';
 /**
  * @hidden
@@ -145,8 +145,12 @@ var GridColumnMenuCheckboxFilterVue2 = {
         "class": "k-list-filter"
       }, [h("span", {
         "class": "k-textbox k-input k-input-md k-rounded-md k-input-solid"
-      }, [h("span", {
-        "class": "k-input-icon k-icon k-i-search"
+      }, [h(Icon, {
+        name: 'search',
+        attrs: this.v3 ? undefined : {
+          name: 'search'
+        },
+        "class": "k-input-icon"
       }), h("input", {
         ref: 'searchBox',
         placeholder: localizationService.toLanguageString(searchPlaceholder, messages[searchPlaceholder]),

package/dist/esm/columnMenu/GridColumnMenuItem.js

@@ -3,7 +3,7 @@ import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-import { Keys } from '@progress/kendo-vue-common';
+import { Icon, Keys } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
@@ -49,8 +49,8 @@ var GridColumnMenuItemVue2 = {
       },
       onClick: this.onClick,
       "class": "k-columnmenu-item ".concat(selected ? 'k-selected' : '')
-    }, [iconClass && h("span", {
-      "class": "k-icon ".concat(iconClass)
+    }, [iconClass && h(Icon, {
+      "class": "iconClass"
     }), title]);
   }
 };

package/dist/esm/drag/DragClue.js

@@ -1,4 +1,5 @@
 // @ts-ignore
+import { Icon } from '@progress/kendo-vue-common';
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
@@ -38,8 +39,11 @@ var DragClueVue2 = {
       }
     }, [h("span", {
       "class": 'k-icon k-drag-status ' + this.status + ' k-icon-with-modifier'
-    }, [h("span", {
-      "class": "k-icon k-icon-modifier"
+    }, [h(Icon, {
+      name: "modifier",
+      attrs: this.v3 ? undefined : {
+        name: "modifier"
+      }
     })]), this.innerText]);
   }
 };

package/dist/esm/drag/GroupingIndicator.js

@@ -4,7 +4,7 @@ var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
-import { Draggable, getRef, setRef } from '@progress/kendo-vue-common';
+import { Draggable, getRef, Icon, setRef } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
@@ -77,8 +77,12 @@ var GroupingIndicatorVue2 = {
           ref: setRef(_this, 'indicatorContainer')
         }, [h("div", {
           "class": "k-chip k-chip-lg k-rounded-md k-chip-solid k-chip-solid-base"
-        }, [h("span", {
-          "class": 'k-chip-icon k-icon k-i-sort-' + _this.$props.dir + '-small'
+        }, [h(Icon, {
+          name: 'sort-' + _this.$props.dir + '-small',
+          attrs: _this.v3 ? undefined : {
+            name: 'sort-' + _this.$props.dir + '-small'
+          },
+          "class": 'k-chip-icon'
         }), h("span", {
           "class": "k-chip-content",
           tabindex: -1,
@@ -103,16 +107,23 @@ var GroupingIndicatorVue2 = {
           on: _this.v3 ? undefined : {
             "click": _this.groupRemove
           }
-        }, [h("span", {
-          "class": "k-icon k-i-x"
+        }, [h(Icon, {
+          name: "x",
+          attrs: _this.v3 ? undefined : {
+            name: "x"
+          }
         })])])])])];
       } : [h("div", {
         "class": "k-indicator-container",
         ref: setRef(_this, 'indicatorContainer')
       }, [h("div", {
         "class": "k-chip k-chip-lg k-rounded-md k-chip-solid k-chip-solid-base"
-      }, [h("span", {
-        "class": 'k-chip-icon k-icon k-i-sort-' + _this.$props.dir + '-small'
+      }, [h(Icon, {
+        name: 'sort-' + _this.$props.dir + '-small',
+        attrs: _this.v3 ? undefined : {
+          name: 'sort-' + _this.$props.dir + '-small'
+        },
+        "class": 'k-chip-icon'
       }), h("span", {
         "class": "k-chip-content",
         tabindex: -1,
@@ -137,8 +148,11 @@ var GroupingIndicatorVue2 = {
         on: _this.v3 ? undefined : {
           "click": _this.groupRemove
         }
-      }, [h("span", {
-        "class": "k-icon k-i-x"
+      }, [h(Icon, {
+        name: "x",
+        attrs: _this.v3 ? undefined : {
+          name: "x"
+        }
       })])])])])])
     );
   }

package/dist/esm/header/HeaderRow.js

@@ -8,7 +8,7 @@ import { ColumnResizer } from '../drag/ColumnResizer.js';
 import { ColumnDraggable } from '../drag/ColumnDraggable.js';
 import { GridHeaderCell } from './GridHeaderCell.js';
 import { ColumnMenu } from '../columnMenu/ColumnMenu.js';
-import { templateRendering, hasListener, getListeners, Keys, noop } from '@progress/kendo-vue-common';
+import { templateRendering, hasListener, getListeners, Keys, noop, Icon } from '@progress/kendo-vue-common';
 import { HeaderThElement } from '@progress/kendo-vue-data-tools'; // from '../../../datatools/src/main.js';
 /**
  * @hidden
@@ -195,22 +195,25 @@ var HeaderRowVue2 = {
         }) : -1;
         var sortDir = sortIndex >= 0 ? this.$props.sort[sortIndex].dir || 'none' : 'none';
         var sortIconRenderer = function sortIconRenderer(iconSortIndex) {
-          if (!_this.$props.sort) {
+          if (!this.$props.sort) {
             return null;
           }
           return iconSortIndex >= 0 && [h("span", {
             key: 1,
             "class": 'k-sort-icon'
-          }, [h("span", {
-            "class": 'k-icon k-i-sort-' + _this.$props.sort[iconSortIndex].dir + '-small'
-          })]), _this.$props.sort.length > 1 && h("span", {
+          }, [h(Icon, {
+            name: 'sort-' + this.$props.sort[iconSortIndex].dir + '-small',
+            attrs: this.v3 ? undefined : {
+              name: 'sort-' + this.$props.sort[iconSortIndex].dir + '-small'
+            }
+          })]), this.$props.sort.length > 1 && h("span", {
             key: 2,
             "class": 'k-sort-icon'
           }, [h("span", {
             "class": "k-sort-order"
           }, [iconSortIndex + 1])])];
         };
-        var sortIcon = sortIconRenderer(sortIndex);
+        var sortIcon = sortIconRenderer.call(this, sortIndex);
         var className = (column.kFirst ? 'k-first ' : '') + this.cellClass(column.field, column.headerClassName, column.locked);
         var columnMenu = column.columnMenu || column.columnMenu === false ? column.columnMenu : this.$props.columnMenu;
         var columnMenuRender = !columnMenu || typeof columnMenu === 'boolean' ? !!columnMenu : this.getTemplate(columnMenu);

package/dist/esm/package-metadata.js

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

@@ -1910,9 +1910,7 @@ var GridVue2 = {
               "scroll": _this3.scrollHandler
             }
           }, [h("div", {
-            style: {
-              'position': 'relative'
-            }
+            "class": 'k-grid-table-wrap'
           }, [h("table", {
             role: "presentation",
             attrs: _this3.v3 ? undefined : {
@@ -1959,9 +1957,7 @@ var GridVue2 = {
             "scroll": _this3.scrollHandler
           }
         }, [h("div", {
-          style: {
-            'position': 'relative'
-          }
+          "class": 'k-grid-table-wrap'
         }, [h("table", {
           role: "presentation",
           attrs: _this3.v3 ? undefined : {
@@ -2021,9 +2017,7 @@ var GridVue2 = {
             "scroll": _this3.scrollHandler
           }
         }, [h("div", {
-          style: {
-            'position': 'relative'
-          }
+          "class": 'k-grid-table-wrap'
         }, [h("table", {
           role: "presentation",
           attrs: _this3.v3 ? undefined : {
@@ -2070,9 +2064,7 @@ var GridVue2 = {
           "scroll": _this3.scrollHandler
         }
       }, [h("div", {
-        style: {
-          'position': 'relative'
-        }
+        "class": 'k-grid-table-wrap'
       }, [h("table", {
         role: "presentation",
         attrs: _this3.v3 ? undefined : {

package/dist/npm/columnMenu/ColumnMenu.js

@@ -139,8 +139,11 @@ var ColumnMenuVue2 = {
       on: this.v3 ? undefined : {
         "click": this.anchorClick
       }
-    }, [h("span", {
-      "class": 'k-icon k-i-more-vertical'
+    }, [h(kendo_vue_common_1.Icon, {
+      name: 'more-vertical',
+      attrs: this.v3 ? undefined : {
+        name: 'more-vertical'
+      }
     })]),
     // @ts-ignore function children
     h(kendo_vue_popup_1.Popup, {

package/dist/npm/columnMenu/GridColumnMenuCheckboxFilter.js

@@ -151,8 +151,12 @@ var GridColumnMenuCheckboxFilterVue2 = {
         "class": "k-list-filter"
       }, [h("span", {
         "class": "k-textbox k-input k-input-md k-rounded-md k-input-solid"
-      }, [h("span", {
-        "class": "k-input-icon k-icon k-i-search"
+      }, [h(kendo_vue_common_1.Icon, {
+        name: 'search',
+        attrs: this.v3 ? undefined : {
+          name: 'search'
+        },
+        "class": "k-input-icon"
       }), h("input", {
         ref: 'searchBox',
         placeholder: localizationService.toLanguageString(main_1.searchPlaceholder, main_1.messages[main_1.searchPlaceholder]),

package/dist/npm/columnMenu/GridColumnMenuItem.js

@@ -55,8 +55,8 @@ var GridColumnMenuItemVue2 = {
       },
       onClick: this.onClick,
       "class": "k-columnmenu-item ".concat(selected ? 'k-selected' : '')
-    }, [iconClass && h("span", {
-      "class": "k-icon ".concat(iconClass)
+    }, [iconClass && h(kendo_vue_common_1.Icon, {
+      "class": "iconClass"
     }), title]);
   }
 };

package/dist/npm/drag/DragClue.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DragClueVue2 = exports.DragClue = void 0;
 // @ts-ignore
+var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 var Vue = require("vue");
 var allVue = Vue;
 var gh = allVue.h;
@@ -44,8 +45,11 @@ var DragClueVue2 = {
       }
     }, [h("span", {
       "class": 'k-icon k-drag-status ' + this.status + ' k-icon-with-modifier'
-    }, [h("span", {
-      "class": "k-icon k-icon-modifier"
+    }, [h(kendo_vue_common_1.Icon, {
+      name: "modifier",
+      attrs: this.v3 ? undefined : {
+        name: "modifier"
+      }
     })]), this.innerText]);
   }
 };