@progress/kendo-ui/migrations/2019-2-514/manual-instructions.cjs

This package is part of the [Kendo UI for jQuery](http://www.telerik.com/kendo-ui) suite.

'use strict';

module.exports = {
  description: `As of Kendo UI 2020 R2, the ListView and Pager widgets have undergone structural changes:

1. **ListView Content Wrapper** - Items are now wrapped in a <div class="k-listview-content"> element
2. **Pager Numbers Wrapper** - The pager numbers are now wrapped in a <div class="k-pager-numbers-wrap"> container

This codemod automatically transforms CSS and JS selectors targeting .k-pager-numbers from:
  .k-pager-numbers → .k-pager-numbers-wrap .k-pager-numbers

For ListView, if you have custom CSS targeting individual items, consider using the contentElement: "" 
option to remove the wrapper element if it interferes with your layout.`,

  instructions: [
    'The .k-pager-numbers selector has been automatically updated in CSS and JS files',
    'Review any custom CSS that targets pager numbers to ensure the new nested structure works',
    'For ListView, if custom CSS targets items and the wrapper interferes, add contentElement: "" to ListView config',
    'Test pager and listview rendering in your application to verify layouts remain correct'
  ],

  affectedComponents: [
    'Pager',
    'Grid (with pager)',
    'TreeList (with pager)',
    'ListView'
  ],

  backwardsCompatibilityLink: 'https://docs.telerik.com/kendo-ui/backwards-compatibility/2020-backward-compatibility#kendo-ui-2020-r2'
};