@progress/kendo-angular-charts 23.4.0-develop.3 → 23.4.0

package/codemods/{v19 → libs/charts/codemods/v19}/charts-rendering-changes.js

@@ -6,13 +6,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.aiInstructions = void 0;
 exports.default = default_1;
-const utils_1 = require("../utils");
+const codemods_1 = require("@progress/kendo-angular-common/codemods");
 const classes = ['k-chart', 'k-sankey'];
-const pattern = (0, utils_1.makePattern)(classes);
+const pattern = (0, codemods_1.makePattern)(classes);
 function default_1(fileInfo) {
-    if ((0, utils_1.isRenderingChangeTarget)(fileInfo.path)) {
+    if ((0, codemods_1.isRenderingChangeTarget)(fileInfo.path)) {
         if (pattern.test(fileInfo.source)) {
-            (0, utils_1.writeInstructionMarker)(exports.aiInstructions, __filename, fileInfo.path);
+            (0, codemods_1.writeInstructionMarker)(exports.aiInstructions, __filename, fileInfo.path);
         }
     }
     return fileInfo.source;

package/codemods/{utils.js → libs/common/src/codemods/utils.js}

@@ -3,29 +3,6 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.tsInterfaceTransformer = exports.tsPropertyValueTransformer = exports.tsPropertyTransformer = exports.tsComponentPropertyRemoval = exports.attributeRemoval = exports.attributeValueUpdate = exports.attributeNameValueUpdate = exports.attributeNameUpdate = exports.eventUpdate = exports.htmlTransformer = exports.blockTextElements = void 0;
 exports.hasKendoInTemplate = hasKendoInTemplate;
@@ -35,8 +12,12 @@ exports.makePattern = makePattern;
 exports.writeInstructionMarker = writeInstructionMarker;
 exports.isApiChangeTarget = isApiChangeTarget;
 exports.isRenderingChangeTarget = isRenderingChangeTarget;
-const fs = __importStar(require("node:fs"));
-const path = __importStar(require("node:path"));
+exports.executeCodemodTest = executeCodemodTest;
+const tslib_1 = require("tslib");
+/// <reference types="node" />
+const fs = tslib_1.__importStar(require("fs"));
+const os = tslib_1.__importStar(require("os"));
+const path = tslib_1.__importStar(require("path"));
 exports.blockTextElements = {
     script: true,
     noscript: true,
@@ -320,12 +301,12 @@ const attributeRemoval = (templateContent, tagName, attributeName, propertyToRem
     // If no propertyToRemove is specified, remove the entire attribute
     if (!propertyToRemove) {
         // Remove bound attributes [attribute]="value"
-        const boundAttributePattern = new RegExp(`(\\s+)\\[${escapedAttr}\\]\\s*=\\s*("(?:[^"\\\\]|\\\\.)*?"|'(?:[^'\\\\]|\\\\.)*?'|[^\\s>]+)`, 'gi');
+        const boundAttributePattern = new RegExp(`(<${escapedTag}[^>]*?)\\s+\\[${escapedAttr}\\]\\s*=\\s*("(?:[^"\\\\]|\\\\.)*?"|'(?:[^'\\\\]|\\\\.)*?'|[^\\s>]+)([^>]*?>)`, 'gi');
         // Remove static attributes attribute="value"
-        const staticAttributePattern = new RegExp(`(\\s+)${escapedAttr}\\s*=\\s*("(?:[^"\\\\]|\\\\.)*?"|'(?:[^'\\\\]|\\\\.)*?'|[^\\s>]+)`, 'gi');
-        // Apply removals
-        let result = templateContent.replace(boundAttributePattern, '');
-        result = result.replace(staticAttributePattern, '');
+        const staticAttributePattern = new RegExp(`(<${escapedTag}[^>]*?)\\s+${escapedAttr}\\s*=\\s*("(?:[^"\\\\]|\\\\.)*?"|'(?:[^'\\\\]|\\\\.)*?'|[^\\s>]+)([^>]*?>)`, 'gi');
+        // Apply removals - keep tag prefix and suffix, remove the attribute
+        let result = templateContent.replace(boundAttributePattern, '$1$3');
+        result = result.replace(staticAttributePattern, '$1$3');
         return result;
     }
     // Remove specific property from object literal attributes
@@ -1428,3 +1409,45 @@ function isRenderingChangeTarget(filePath) {
     const ext = path.extname(filePath);
     return ext === '.ts' || ext === '.html' || ext === '.css' || ext === '.scss' || ext === '.sass' || ext === '.less';
 }
+/**
+ * Executes a codemod transformation and compares the result with expected output
+ *
+ * @param codemod - The codemod function to execute
+ * @param testDir - Directory containing the test files (__dirname from test file)
+ * @param exampleFileName - Name of the input file (default: 'example.ts')
+ * @param expectedFileName - Name of the expected output file (default: 'expected.ts')
+ * @returns Object containing the transformation result and expected content
+ */
+function executeCodemodTest(codemod, testDir, exampleFileName = 'example.ts', expectedFileName = 'expected.ts') {
+    const exampleFile = path.join(testDir, exampleFileName);
+    const expectedFile = path.join(testDir, expectedFileName);
+    const sourceCode = fs.readFileSync(exampleFile, 'utf-8');
+    const tmpDir = fs.mkdtempSync(path.join(os.tmpdir(), 'codemod-test-'));
+    const tmpFile = path.join(tmpDir, path.basename(exampleFile));
+    fs.writeFileSync(tmpFile, sourceCode, 'utf-8');
+    try {
+        const fileInfo = {
+            path: tmpFile,
+            source: sourceCode
+        };
+        const jscodeshift = require('jscodeshift').withParser('tsx');
+        const api = {
+            jscodeshift,
+            j: jscodeshift
+        };
+        const result = codemod(fileInfo, api);
+        const expectedContent = fs.readFileSync(expectedFile, 'utf-8').trim();
+        return {
+            result: result?.trim(),
+            expected: expectedContent,
+            sourceCode,
+            transformedSuccessfully: result !== undefined
+        };
+    }
+    finally {
+        try {
+            fs.rmSync(tmpDir, { recursive: true });
+        }
+        catch { }
+    }
+}

package/fesm2022/progress-kendo-angular-charts.mjs

@@ -2914,8 +2914,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1776175469,
-    version: '23.4.0-develop.3',
+    publishDate: 1777036967,
+    version: '23.4.0',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -3980,9 +3980,9 @@ class ChartComponent {
     }
 
     @if (showLicenseWatermark) {
-      <div kendoWatermarkOverlay [licenseMessage]="licenseMessage"></div>
+      <kendo-watermark-overlay [licenseMessage]="licenseMessage"></kendo-watermark-overlay>
     }
-    `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedChartMessagesDirective, selector: "[kendoChartLocalizedMessages]" }, { kind: "component", type: CrosshairTooltipsContainerComponent, selector: "kendo-chart-crosshair-tooltips-container", inputs: ["popupSettings"] }, { kind: "component", type: TooltipPopupComponent, selector: "kendo-chart-tooltip-popup", inputs: ["animate", "classNames", "wrapperClass"], outputs: ["leave"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]", inputs: ["licenseMessage"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedChartMessagesDirective, selector: "[kendoChartLocalizedMessages]" }, { kind: "component", type: CrosshairTooltipsContainerComponent, selector: "kendo-chart-crosshair-tooltips-container", inputs: ["popupSettings"] }, { kind: "component", type: TooltipPopupComponent, selector: "kendo-chart-tooltip-popup", inputs: ["animate", "classNames", "wrapperClass"], outputs: ["leave"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay], kendo-watermark-overlay", inputs: ["licenseMessage"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ChartComponent, decorators: [{
             type: Component,
@@ -4029,7 +4029,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
     }
 
     @if (showLicenseWatermark) {
-      <div kendoWatermarkOverlay [licenseMessage]="licenseMessage"></div>
+      <kendo-watermark-overlay [licenseMessage]="licenseMessage"></kendo-watermark-overlay>
     }
     `,
                     standalone: true,
@@ -6190,9 +6190,9 @@ class StockChartComponent extends ChartComponent {
         <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>
 
         @if (showLicenseWatermark) {
-          <div kendoWatermarkOverlay [licenseMessage]="licenseMessage"></div>
+          <kendo-watermark-overlay [licenseMessage]="licenseMessage"></kendo-watermark-overlay>
         }
-        `, isInline: true, dependencies: [{ kind: "component", type: CrosshairTooltipsContainerComponent, selector: "kendo-chart-crosshair-tooltips-container", inputs: ["popupSettings"] }, { kind: "component", type: TooltipPopupComponent, selector: "kendo-chart-tooltip-popup", inputs: ["animate", "classNames", "wrapperClass"], outputs: ["leave"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]", inputs: ["licenseMessage"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        `, isInline: true, dependencies: [{ kind: "component", type: CrosshairTooltipsContainerComponent, selector: "kendo-chart-crosshair-tooltips-container", inputs: ["popupSettings"] }, { kind: "component", type: TooltipPopupComponent, selector: "kendo-chart-tooltip-popup", inputs: ["animate", "classNames", "wrapperClass"], outputs: ["leave"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay], kendo-watermark-overlay", inputs: ["licenseMessage"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: StockChartComponent, decorators: [{
             type: Component,
@@ -6219,7 +6219,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
         <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>
 
         @if (showLicenseWatermark) {
-          <div kendoWatermarkOverlay [licenseMessage]="licenseMessage"></div>
+          <kendo-watermark-overlay [licenseMessage]="licenseMessage"></kendo-watermark-overlay>
         }
         `,
                     standalone: true,
@@ -9217,9 +9217,9 @@ class SparklineComponent extends ChartComponent {
         <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>
 
         @if (showLicenseWatermark) {
-          <div kendoWatermarkOverlay [licenseMessage]="licenseMessage"></div>
+          <kendo-watermark-overlay [licenseMessage]="licenseMessage"></kendo-watermark-overlay>
         }
-        `, isInline: true, dependencies: [{ kind: "component", type: CrosshairTooltipsContainerComponent, selector: "kendo-chart-crosshair-tooltips-container", inputs: ["popupSettings"] }, { kind: "component", type: TooltipPopupComponent, selector: "kendo-chart-tooltip-popup", inputs: ["animate", "classNames", "wrapperClass"], outputs: ["leave"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]", inputs: ["licenseMessage"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        `, isInline: true, dependencies: [{ kind: "component", type: CrosshairTooltipsContainerComponent, selector: "kendo-chart-crosshair-tooltips-container", inputs: ["popupSettings"] }, { kind: "component", type: TooltipPopupComponent, selector: "kendo-chart-tooltip-popup", inputs: ["animate", "classNames", "wrapperClass"], outputs: ["leave"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay], kendo-watermark-overlay", inputs: ["licenseMessage"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: SparklineComponent, decorators: [{
             type: Component,
@@ -9246,7 +9246,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
         <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>
 
         @if (showLicenseWatermark) {
-          <div kendoWatermarkOverlay [licenseMessage]="licenseMessage"></div>
+          <kendo-watermark-overlay [licenseMessage]="licenseMessage"></kendo-watermark-overlay>
         }
         `,
                     standalone: true,
@@ -13392,7 +13392,7 @@ class SankeyComponent {
         @if (showLicenseWatermark) {
           <div kendoWatermarkOverlay [licenseMessage]="licenseMessage"></div>
         }
-        `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoSankeyLocalizedMessages]" }, { kind: "component", type: SankeyTooltipPopupComponent, selector: "kendo-sankey-tooltip-popup", inputs: ["animate", "wrapperClass", "tooltipUnitFormat", "offset"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]", inputs: ["licenseMessage"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoSankeyLocalizedMessages]" }, { kind: "component", type: SankeyTooltipPopupComponent, selector: "kendo-sankey-tooltip-popup", inputs: ["animate", "wrapperClass", "tooltipUnitFormat", "offset"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay], kendo-watermark-overlay", inputs: ["licenseMessage"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: SankeyComponent, decorators: [{
             type: Component,

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1776175469,
-  "version": "23.4.0-develop.3",
+  "publishDate": 1777036967,
+  "version": "23.4.0",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-charts",
-  "version": "23.4.0-develop.3",
+  "version": "23.4.0",
   "description": "Kendo UI Charts for Angular - A comprehensive package for creating beautiful and interactive data visualization. Every chart type, stock charts, and sparklines are included.",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -57,7 +57,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1776175469,
+      "publishDate": 1777036967,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -67,18 +67,18 @@
     "@angular/core": "19 - 21",
     "@angular/platform-browser": "19 - 21",
     "@progress/kendo-drawing": "^1.24.1",
-    "@progress/kendo-licensing": "^1.10.0",
-    "@progress/kendo-angular-common": "23.4.0-develop.3",
-    "@progress/kendo-angular-intl": "23.4.0-develop.3",
-    "@progress/kendo-angular-icons": "23.4.0-develop.3",
-    "@progress/kendo-angular-l10n": "23.4.0-develop.3",
-    "@progress/kendo-angular-popup": "23.4.0-develop.3",
-    "@progress/kendo-angular-navigation": "23.4.0-develop.3",
+    "@progress/kendo-licensing": "^1.11.0",
+    "@progress/kendo-angular-common": "23.4.0",
+    "@progress/kendo-angular-intl": "23.4.0",
+    "@progress/kendo-angular-icons": "23.4.0",
+    "@progress/kendo-angular-l10n": "23.4.0",
+    "@progress/kendo-angular-popup": "23.4.0",
+    "@progress/kendo-angular-navigation": "23.4.0",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "23.4.0-develop.3",
+    "@progress/kendo-angular-schematics": "23.4.0",
     "@progress/kendo-charts": "2.11.3",
     "@progress/kendo-svg-icons": "^4.0.0"
   },