@progress/kendo-ui/migrations/2024-4-1112/css/scheduler-nav-selectors.cjs

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

'use strict';

const { applySchedulerNavSelectorsCss } = require('../_shared.cjs');

module.exports = function transformer(fileInfo) {
  if (!/\.(css|scss|sass|less)$/i.test(fileInfo.path)) {
    return undefined;
  }
  const updated = applySchedulerNavSelectorsCss(fileInfo.source);
  return updated !== fileInfo.source ? updated : undefined;
};

module.exports.aiInstructions = `Scheduler navigation button CSS classes were replaced with data-selector attribute selectors in Kendo UI 2024 Q4.

Before:
  .k-scheduler .k-nav-today { font-weight: bold; }
  .k-scheduler .k-nav-prev { opacity: 0.8; }
  .k-scheduler .k-view-month { color: blue; }

After:
  .k-scheduler [data-selector="today"] { font-weight: bold; }
  .k-scheduler [data-selector="previous"] { opacity: 0.8; }
  .k-scheduler [data-selector="month"] { color: blue; }

Full mapping:
  .k-nav-today   → [data-selector="today"]
  .k-nav-prev    → [data-selector="previous"]
  .k-nav-next    → [data-selector="next"]
  .k-view-month  → [data-selector="month"]
  .k-view-week   → [data-selector="week"]
  .k-view-day    → [data-selector="day"]
  .k-view-agenda → [data-selector="agenda"]
  .k-view-timeline → [data-selector="timeline"]`;