Add active class to the column menu icon once something in it is different from default

Currently we recommend using custom class on the header(https://www.telerik.com/kendo-vue-ui/components/grid/columns/column-menu/#toc-styling-the-column-menu-icon), yet not visualising that the menu is populated seems like a UI misleading issue when using the component so we should add it by default

Describe the bug

at Nuxt Environment

 - pagable info option doesn't render information about the current page and the total number of records (both of setting true / false, all)

-  set pageable info option false, error raise like this.

To Reproduce

- https://stackblitz.com/edit/nuxt-starter-mcocsr

Expected behavior
- render information about the current page and the total number of records
- do not error raise

Describe the bug
multiple false still allows more than one files dropped on windows

To Reproduce
https://stackblitz.com/edit/gvptz7-ltakhv?file=src%2Fmain.vue

Drop more than one file on windows
Expected behavior
it should not be allowed

Describe the bug
Locked and resized columns leave a small gap between the columns when scrolling is performed

To Reproduce
Steps to reproduce the behavior:
https://stackblitz.com/edit/mzxqs7-hy29kw?file=src%2Fmain.vue
lock both first and the second column from the column menu
resize the first column
scroll the columns

Curent -
A tiny gap is visible between the first and the second column

1. You have documentation, eg at https://www.telerik.com/kendo-vue-ui/components/charts/sparkline

2. Type "sparkline" into the search box on your own website

3. No results are returned.

This used to work. You pushed a change which broke your site's search functionality.

Describe the bug
The rowReorder event is missing in the Wrapper Grid component, while it is available in the Kendo UI for jQuery Grid. Currently, the only way the event can be used is by using a code like the below in the mounted hook of the Vue app:

    var grid = this.$refs.grid.kendoWidget();
    grid.bind('rowReorder', function (e) {
      console.log('row', e);
    });

Expected behavior
The rowReorder event should be available for usage as the other events of the Wrapper Grid

I am using Kendo Vue Wrapper Grid that is editable. I am using the propery 

:editable-create-at="bottom"

but the new rows are always added at the top.

There is another open issue related to this.

https://github.com/telerik/kendo-ui-core/issues/5198

Please provide a fix.

Describe the bug
The value of the data-grid-row-index attribute of the different Native Grid rows is always -1, no matter the scenario in which the component is used.

To Reproduce

1. Open this StackBlitz example
2. Inspect a random Grid row and see its attributes

Expected behavior
The different rows inside the Grid should have different values for the data-grid-row-index attribute.

Describe the bug
With the current Upload implementation, the component doesn't provide an option to filter the files that are selected for upload if the auto-upload property is set to true.

Currently, the files can be filtered only if the auto-upload is set to false as in this StackBlitz example.

To Reproduce

1. Open this StackBlitz example with auto-upload property set to true
2. Select multiple files + one that has the letter "g" in its name

Expected behavior
The file with the letter "g" should not be uploaded

• As a possible solution for the issue, we can provide an event that is triggered before the file upload and when the event is triggered, the files will be filtered.

Describe the bug
The package.json file of the @progress/kendo-vue-listbox package doesn't have the following definition:

"exports": {
    "node": "./dist/esm/main.js",
    "import": "./dist/es/main.js",
    "require": "./dist/npm/main.js",
    "default": "./dist/npm/main.js"
}

To Reproduce

1. Open this link
2. Open the "package.json" file

Expected behavior
The package.json file of the @progress/kendo-vue-listbox package should have the described above definition.

Describe the bug

The following Stepper StepProps should not be required ones:

• successIcon: String;
• successSvgIcon: Object;
• errorIcon: String;
• errorSvgIcon: Object;

The current implementation of the Stepper's Steps requires the definition of the above properties which results to an error in a Typescript context.

Expected behavior
The listed properties should be made optional.

When using both filtering and virtualized dropdownlist, it can sometimes occur that the list will show no items after a series of repro steps:

Stackblitz (modified with only a console.log in the handlePageChange function) from Vue Dropdowns Library & DropDownList Component - Virtualization - Kendo UI for Vue Docs & Demos (telerik.com)

Qsz3dh (forked) - StackBlitz

1. open dropdown
2. type 33333 into the filter
3. see no data found
4. quickly remove the last 2 3's, so now you're only filtering on 333
5. quickly scroll down, then quickly scroll up
6. see no data found and see that skip is NaN in the console

Describe the bug
DropdownTree component throws an error when user opens dropdown menu when they selected an item already, if valueRender prop is configured.

To Reproduce
Steps to reproduce the behavior:

1. Open this example - https://codesandbox.io/p/sandbox/3tmtkk?file=%2Fsrc%2Fmain.vue
2. Select any item from DropdownTree. No errors would be thrown.
3. Try to press on dropdown tree to open dropdown menu again.
4. User will see this error instead of dropdown tree menu opening.
   

Describe the bug
A licensing warning may continue to appear in the browser's console, no matter whether the licensing activation has been successful or not.

The issue is replicable when the user trying to activate a license has had an active license in the past and this license is already expired.

To Reproduce
Because of the specifics of the issue, a project in which the bug can be replicated won't be publicly provided.

Expected behavior
The license activation process should activate one's license no matter the previous licensing history of the user

Describe the bug
there is no way to set value in formatted input after blur and focus

To Reproduce
Steps to reproduce the behavior:

1. Opon this Stackbliz - https://stackblitz.com/edit/6fnerfrf-3hulsidf
2. Focus the first input and select all the content
3. Delete the content and click outside of it
4. Then click again in it and try to type 33.98

Expected behavior
You can type it

Screenshots
Immediately 3.00 is typed and the cursor is moved at the end

When enabling the columnMenu feature in the Grid component, it is also applied to special columns such as the group indicator column or the expand/collapse column. These columns are not user-defined and should not include the column menu.

This leads to a confusing UX where users can click the column menu icon on non-data columns, which serve internal purposes only.

Example: https://stackblitz.com/edit/uj5myrrw?file=src%2Fmain.vue

Expected behavior: Only user-defined data columns should render the column menu icon. Internal columns (like group indicators or row expanders) should not display it.

Describe the bug

After inserting an image using the "Insert Image" tool it is possible to add a hyperlink to it using the "Insert Hyperlink" tool.

If the image's dimensions are then edited by selecting the image and using the "Insert Image" tool, the hyperlink that was added no longer exists.

Before:

After:

To Reproduce

1. Open https://codesandbox.io/s/elegant-parm-l7w93g
2. Right click the image in the editor, you should see the option to open the link.
3. Select the image
4. Open the "Insert Image" tool
5. Change the width or height to another value (e.g. width -> 200px)
6. Click the insert button within the tool
7. Right click the image in the editor, you should see the option to open the link is no longer there.

Expected behaviour

The image should retain any hyperlinks that have been added even if it is resized.

Describe the bug
The following warning appears when using the InsertTable tool of the Native Editor:

[Vue warn]: Component emitted event "tableinsert" but it is neither declared in the emits option nor as an "onTableinsert" prop

NOTE: The warning won't appear when the project is built for production but, still this issue should be fixed

To Reproduce

1. Open this StackBlitz example
2. Insert a random table using the InsertTable tool
3. Check the browser's console

Expected behavior
No warnings should appear when using the InsertTable tool

Screenshots

Describe the bug
The color of the Gauge component is not reactively updated when the value passed to its pointerColor prop is updated.

To Reproduce

1. Open this StackBlitz example
2. Change the selection in the radio buttons

Expected behavior
The color of the Gauge's pointer should be changed every time the selection in the radio buttons is changed

Screenshots
Red pointer:

Green pointer: