@progress/kendo-angular-layout 21.2.0-develop.5 → 21.2.0-develop.7

package/codemods/v19/tabstrip-mousescrollspeed.js

@@ -28,27 +28,23 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = default_1;
-const index_1 = require("../template-transformer/index");
-const utils_1 = require("../utils");
 const fs = __importStar(require("fs"));
+const utils_1 = require("../utils");
 function default_1(fileInfo, api) {
     const filePath = fileInfo.path;
+    // Handle HTML files and inline templates
+    const htmlResult = (0, utils_1.htmlTransformer)(fileInfo, api, (templateContent) => (0, utils_1.attributeRemoval)(templateContent, 'kendo-tabstrip', 'scrollable', 'mouseScrollSpeed'));
     if (filePath.endsWith('.html')) {
-        if ((0, utils_1.hasKendoInTemplate)(fileInfo.source)) {
-            const filePath = fileInfo.path;
-            let updatedContent = fileInfo.source;
-            updatedContent = (0, utils_1.htmlAttributeRemoval)({ ...fileInfo, source: updatedContent }, 'kendo-tabstrip', 'scrollable', 'mouseScrollSpeed');
-            // Only write to file once after all transformations
-            fs.writeFileSync(filePath, updatedContent, 'utf-8');
+        if (htmlResult && htmlResult !== fileInfo.source) {
+            fs.writeFileSync(filePath, htmlResult, 'utf-8');
+            return htmlResult;
         }
-        return;
+        return fileInfo.source; // Return original source if no changes
     }
+    // Handle TypeScript property transformations
     const j = api.jscodeshift;
-    const rootSource = j(fileInfo.source);
-    (0, index_1.templateTransformer)(rootSource, j, (root) => {
-        (0, utils_1.templateAttributeRemoval)(root, 'kendo-tabstrip', 'scrollable', 'mouseScrollSpeed');
-    });
-    (0, utils_1.tsPropertyRemoval)(fileInfo.source, rootSource, j, 'TabStripScrollableSettings', 'mouseScrollSpeed');
-    (0, utils_1.tsComponentPropertyRemoval)(fileInfo.source, rootSource, j, 'TabStripComponent', 'scrollable', 'mouseScrollSpeed');
+    const rootSource = j(htmlResult || fileInfo.source);
+    (0, utils_1.tsPropertyRemoval)(fileInfo.source, rootSource, j, '@progress/kendo-angular-layout', 'TabStripScrollableSettings', 'mouseScrollSpeed');
+    (0, utils_1.tsComponentPropertyRemoval)(fileInfo.source, rootSource, j, '@progress/kendo-angular-layout', 'TabStripComponent', 'scrollable', 'mouseScrollSpeed');
     return rootSource.toSource();
 }

package/esm2022/package-metadata.mjs

@@ -10,7 +10,7 @@ export const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1764063900,
-    version: '21.2.0-develop.5',
+    publishDate: 1764323027,
+    version: '21.2.0-develop.7',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

package/esm2022/timeline/models/events-order.mjs

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export {};

package/esm2022/timeline/timeline-horizontal.component.mjs

@@ -140,13 +140,7 @@ export class TimelineHorizontalComponent {
                     }
                     this.trackItems.push(event);
                 });
-                this.visibleEvents = this.trackItems
-                    .slice(this.firstCircleInView, this.firstCircleInView + this.visibleTabsCount)
-                    .filter(event => !event.isFlag);
-                this.selectedEvent = this.events[0];
-                this.cdr.detectChanges();
-                this.calloutStyle = this.calloutOffset;
-                this.focusTrackItem(0);
+                this.navigateToFirstInterval();
             }
         }
     }

package/esm2022/timeline/timeline.component.mjs

@@ -40,7 +40,8 @@ export class TimelineComponent {
         this.originalData = events;
         this._events = processItems(this.originalData, this.modelFields);
         this._events.sort((a, b) => {
-            return a.date.getTime() - b.date.getTime();
+            const order = this.eventsOrder === 'asc' ? 1 : -1;
+            return order * (a.date.getTime() - b.date.getTime());
         });
         if (this._events.length > 0) {
             let flag = this._events[0].date.getFullYear() - 1;
@@ -105,6 +106,26 @@ export class TimelineComponent {
      * @default true
      */
     animation;
+    /**
+     * Specifies the order of the Timeline events.
+     * `asc` - chronological order
+     * `desc` - reverse-chronological order
+     *
+     * @default 'asc'
+     */
+    set eventsOrder(order) {
+        if (order === this._eventsOrder) {
+            return;
+        }
+        this._eventsOrder = order;
+        this._events = [...this._events].sort((a, b) => {
+            const sortOrder = order === 'asc' ? 1 : -1;
+            return sortOrder * (a.date.getTime() - b.date.getTime());
+        });
+    }
+    get eventsOrder() {
+        return this._eventsOrder;
+    }
     /**
      * Sets a specific width for the event.
      * This setting is supported only in `vertical` mode.
@@ -232,6 +253,7 @@ export class TimelineComponent {
     _eventHeight = DEFAULT_EVENT_HEIGHT;
     _dateFormat = DEFAULT_DATE_FORMAT;
     originalData = [];
+    _eventsOrder = 'asc';
     subscriptions = new Subscription();
     constructor(timelineService) {
         this.timelineService = timelineService;
@@ -293,7 +315,7 @@ export class TimelineComponent {
         }));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimelineComponent, deps: [{ token: i1.TimelineService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: TimelineComponent, isStandalone: true, selector: "kendo-timeline", inputs: { events: "events", modelFields: "modelFields", orientation: "orientation", alterMode: "alterMode", collapsibleEvents: "collapsibleEvents", navigable: "navigable", showDateLabels: "showDateLabels", animation: "animation", eventWidth: "eventWidth", eventHeight: "eventHeight", dateFormat: "dateFormat" }, outputs: { onToggle: "onToggle", onActionClick: "onActionClick", onNavigate: "onNavigate" }, host: { properties: { "class.k-timeline": "this.hostClass", "class.k-timeline-vertical": "this.verticalClass", "class.k-timeline-horizontal": "this.horizontalClass", "class.k-timeline-alternating": "this.alternatingClass", "class.k-timeline-collapsible": "this.collapsibleClass" } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: TimelineComponent, isStandalone: true, selector: "kendo-timeline", inputs: { events: "events", modelFields: "modelFields", orientation: "orientation", alterMode: "alterMode", collapsibleEvents: "collapsibleEvents", navigable: "navigable", showDateLabels: "showDateLabels", animation: "animation", eventsOrder: "eventsOrder", eventWidth: "eventWidth", eventHeight: "eventHeight", dateFormat: "dateFormat" }, outputs: { onToggle: "onToggle", onActionClick: "onActionClick", onNavigate: "onNavigate" }, host: { properties: { "class.k-timeline": "this.hostClass", "class.k-timeline-vertical": "this.verticalClass", "class.k-timeline-horizontal": "this.horizontalClass", "class.k-timeline-alternating": "this.alternatingClass", "class.k-timeline-collapsible": "this.collapsibleClass" } }, providers: [
             TimelineService,
             LocalizationService,
             {
@@ -419,6 +441,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Input
             }], animation: [{
                 type: Input
+            }], eventsOrder: [{
+                type: Input
             }], eventWidth: [{
                 type: Input
             }], eventHeight: [{

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

@@ -29,8 +29,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1764063900,
-    version: '21.2.0-develop.5',
+    publishDate: 1764323027,
+    version: '21.2.0-develop.7',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };
 
@@ -12342,13 +12342,7 @@ class TimelineHorizontalComponent {
                     }
                     this.trackItems.push(event);
                 });
-                this.visibleEvents = this.trackItems
-                    .slice(this.firstCircleInView, this.firstCircleInView + this.visibleTabsCount)
-                    .filter(event => !event.isFlag);
-                this.selectedEvent = this.events[0];
-                this.cdr.detectChanges();
-                this.calloutStyle = this.calloutOffset;
-                this.focusTrackItem(0);
+                this.navigateToFirstInterval();
             }
         }
     }
@@ -13232,7 +13226,8 @@ class TimelineComponent {
         this.originalData = events;
         this._events = processItems(this.originalData, this.modelFields);
         this._events.sort((a, b) => {
-            return a.date.getTime() - b.date.getTime();
+            const order = this.eventsOrder === 'asc' ? 1 : -1;
+            return order * (a.date.getTime() - b.date.getTime());
         });
         if (this._events.length > 0) {
             let flag = this._events[0].date.getFullYear() - 1;
@@ -13297,6 +13292,26 @@ class TimelineComponent {
      * @default true
      */
     animation;
+    /**
+     * Specifies the order of the Timeline events.
+     * `asc` - chronological order
+     * `desc` - reverse-chronological order
+     *
+     * @default 'asc'
+     */
+    set eventsOrder(order) {
+        if (order === this._eventsOrder) {
+            return;
+        }
+        this._eventsOrder = order;
+        this._events = [...this._events].sort((a, b) => {
+            const sortOrder = order === 'asc' ? 1 : -1;
+            return sortOrder * (a.date.getTime() - b.date.getTime());
+        });
+    }
+    get eventsOrder() {
+        return this._eventsOrder;
+    }
     /**
      * Sets a specific width for the event.
      * This setting is supported only in `vertical` mode.
@@ -13424,6 +13439,7 @@ class TimelineComponent {
     _eventHeight = DEFAULT_EVENT_HEIGHT;
     _dateFormat = DEFAULT_DATE_FORMAT;
     originalData = [];
+    _eventsOrder = 'asc';
     subscriptions = new Subscription();
     constructor(timelineService) {
         this.timelineService = timelineService;
@@ -13485,7 +13501,7 @@ class TimelineComponent {
         }));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimelineComponent, deps: [{ token: TimelineService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: TimelineComponent, isStandalone: true, selector: "kendo-timeline", inputs: { events: "events", modelFields: "modelFields", orientation: "orientation", alterMode: "alterMode", collapsibleEvents: "collapsibleEvents", navigable: "navigable", showDateLabels: "showDateLabels", animation: "animation", eventWidth: "eventWidth", eventHeight: "eventHeight", dateFormat: "dateFormat" }, outputs: { onToggle: "onToggle", onActionClick: "onActionClick", onNavigate: "onNavigate" }, host: { properties: { "class.k-timeline": "this.hostClass", "class.k-timeline-vertical": "this.verticalClass", "class.k-timeline-horizontal": "this.horizontalClass", "class.k-timeline-alternating": "this.alternatingClass", "class.k-timeline-collapsible": "this.collapsibleClass" } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: TimelineComponent, isStandalone: true, selector: "kendo-timeline", inputs: { events: "events", modelFields: "modelFields", orientation: "orientation", alterMode: "alterMode", collapsibleEvents: "collapsibleEvents", navigable: "navigable", showDateLabels: "showDateLabels", animation: "animation", eventsOrder: "eventsOrder", eventWidth: "eventWidth", eventHeight: "eventHeight", dateFormat: "dateFormat" }, outputs: { onToggle: "onToggle", onActionClick: "onActionClick", onNavigate: "onNavigate" }, host: { properties: { "class.k-timeline": "this.hostClass", "class.k-timeline-vertical": "this.verticalClass", "class.k-timeline-horizontal": "this.horizontalClass", "class.k-timeline-alternating": "this.alternatingClass", "class.k-timeline-collapsible": "this.collapsibleClass" } }, providers: [
             TimelineService,
             LocalizationService,
             {
@@ -13611,6 +13627,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Input
             }], animation: [{
                 type: Input
+            }], eventsOrder: [{
+                type: Input
             }], eventWidth: [{
                 type: Input
             }], eventHeight: [{

package/index.d.ts

@@ -92,6 +92,7 @@ export { TimelineModelFields } from './timeline/models/model-fields';
 export { TimelineEvent } from './timeline/models/timeline-event';
 export { AnchorTarget } from './timeline/models/anchor-target';
 export { NavigationDirection } from './timeline/events/navigation-direction';
+export { TimelineEventsOrder } from './timeline/models/events-order';
 export { TimelineCardHeaderTemplateDirective } from "./timeline/templates/timeline-card-header.directive";
 export { TimelineCardBodyTemplateDirective } from "./timeline/templates/timeline-card-body.directive";
 export { TimelineCardActionsTemplateDirective } from "./timeline/templates/timeline-card-actions.directive";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-layout",
-  "version": "21.2.0-develop.5",
+  "version": "21.2.0-develop.7",
   "description": "Kendo UI for Angular Layout Package - a collection of components to create professional application layoyts",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -50,7 +50,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1764063900,
+      "publishDate": 1764323027,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning"
     }
   },
@@ -60,19 +60,18 @@
     "@angular/core": "18 - 21",
     "@angular/platform-browser": "18 - 21",
     "@progress/kendo-licensing": "^1.7.0",
-    "@progress/kendo-angular-common": "21.2.0-develop.5",
-    "@progress/kendo-angular-l10n": "21.2.0-develop.5",
-    "@progress/kendo-angular-progressbar": "21.2.0-develop.5",
-    "@progress/kendo-angular-icons": "21.2.0-develop.5",
-    "@progress/kendo-angular-buttons": "21.2.0-develop.5",
-    "@progress/kendo-angular-intl": "21.2.0-develop.5",
+    "@progress/kendo-angular-common": "21.2.0-develop.7",
+    "@progress/kendo-angular-l10n": "21.2.0-develop.7",
+    "@progress/kendo-angular-progressbar": "21.2.0-develop.7",
+    "@progress/kendo-angular-icons": "21.2.0-develop.7",
+    "@progress/kendo-angular-buttons": "21.2.0-develop.7",
+    "@progress/kendo-angular-intl": "21.2.0-develop.7",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "21.2.0-develop.5",
-    "@progress/kendo-draggable": "^3.0.2",
-    "node-html-parser": "^7.0.1"
+    "@progress/kendo-angular-schematics": "21.2.0-develop.7",
+    "@progress/kendo-draggable": "^3.0.2"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2022/progress-kendo-angular-layout.mjs",

package/timeline/models/events-order.d.ts

@@ -0,0 +1,10 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * Specifies the order of the Timeline events.
+ * `asc` - chronological order
+ * `desc` - reverse-chronological order
+ */
+export type TimelineEventsOrder = 'asc' | 'desc';

package/timeline/timeline.component.d.ts

@@ -12,6 +12,7 @@ import { NavigationDirection } from './events/navigation-direction';
 import { TimelineCardBodyTemplateDirective } from './templates/timeline-card-body.directive';
 import { TimelineCardHeaderTemplateDirective } from './templates/timeline-card-header.directive';
 import { TimelineCardActionsTemplateDirective } from './templates/timeline-card-actions.directive';
+import { TimelineEventsOrder } from './models/events-order';
 import * as i0 from "@angular/core";
 /**
  * Represents the [Kendo UI Timeline component for Angular]({% slug overview_timeline %}).
@@ -69,6 +70,15 @@ export declare class TimelineComponent implements AfterContentInit, OnDestroy {
      * @default true
      */
     animation: boolean | number;
+    /**
+     * Specifies the order of the Timeline events.
+     * `asc` - chronological order
+     * `desc` - reverse-chronological order
+     *
+     * @default 'asc'
+     */
+    set eventsOrder(order: TimelineEventsOrder);
+    get eventsOrder(): TimelineEventsOrder;
     /**
      * Sets a specific width for the event.
      * This setting is supported only in `vertical` mode.
@@ -153,6 +163,7 @@ export declare class TimelineComponent implements AfterContentInit, OnDestroy {
     private _eventHeight;
     private _dateFormat;
     private originalData;
+    private _eventsOrder;
     private subscriptions;
     constructor(timelineService: TimelineService);
     ngAfterContentInit(): void;
@@ -184,5 +195,5 @@ export declare class TimelineComponent implements AfterContentInit, OnDestroy {
     collapse(index: number): void;
     private initTemplates;
     static ɵfac: i0.ɵɵFactoryDeclaration<TimelineComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TimelineComponent, "kendo-timeline", ["kendoTimeline"], { "events": { "alias": "events"; "required": false; }; "modelFields": { "alias": "modelFields"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "alterMode": { "alias": "alterMode"; "required": false; }; "collapsibleEvents": { "alias": "collapsibleEvents"; "required": false; }; "navigable": { "alias": "navigable"; "required": false; }; "showDateLabels": { "alias": "showDateLabels"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; "eventWidth": { "alias": "eventWidth"; "required": false; }; "eventHeight": { "alias": "eventHeight"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; }, { "onToggle": "onToggle"; "onActionClick": "onActionClick"; "onNavigate": "onNavigate"; }, ["cardHeaderTemplate", "cardBodyTemplate", "cardActionsTemplate"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TimelineComponent, "kendo-timeline", ["kendoTimeline"], { "events": { "alias": "events"; "required": false; }; "modelFields": { "alias": "modelFields"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "alterMode": { "alias": "alterMode"; "required": false; }; "collapsibleEvents": { "alias": "collapsibleEvents"; "required": false; }; "navigable": { "alias": "navigable"; "required": false; }; "showDateLabels": { "alias": "showDateLabels"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; "eventsOrder": { "alias": "eventsOrder"; "required": false; }; "eventWidth": { "alias": "eventWidth"; "required": false; }; "eventHeight": { "alias": "eventHeight"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; }, { "onToggle": "onToggle"; "onActionClick": "onActionClick"; "onNavigate": "onNavigate"; }, ["cardHeaderTemplate", "cardBodyTemplate", "cardActionsTemplate"], never, true, never>;
 }

package/codemods/template-transformer/index.js

@@ -1,93 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2025 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.templateTransformer = templateTransformer;
-const node_html_parser_1 = require("node-html-parser");
-function templateTransformer(root, j, ...processFns) {
-    root
-        .find(j.ClassDeclaration)
-        .forEach(classPath => {
-        // Skip if no decorators
-        const classNode = classPath.node;
-        if (!classNode.decorators || !classNode.decorators.length)
-            return;
-        // Find Component decorator
-        const componentDecorator = classNode.decorators.find((decorator) => {
-            if (decorator.expression && decorator.expression.type === 'CallExpression') {
-                const callee = decorator.expression.callee;
-                // Handle direct Component identifier
-                if (callee.type === 'Identifier' && callee.name === 'Component') {
-                    return true;
-                }
-                // Handle angular.core.Component or similar
-                if (callee.type === 'MemberExpression' &&
-                    callee.property &&
-                    callee.property.type === 'Identifier' &&
-                    callee.property.name === 'Component') {
-                    return true;
-                }
-            }
-            return false;
-        });
-        if (!componentDecorator || !componentDecorator.expression)
-            return;
-        const expression = componentDecorator.expression;
-        if (expression.type !== 'CallExpression' || !expression.arguments.length)
-            return;
-        const componentOptions = expression.arguments[0];
-        if (componentOptions.type !== 'ObjectExpression')
-            return;
-        // Find template and templateUrl properties
-        const props = componentOptions.properties || [];
-        const templateProp = props.find((prop) => (prop.key.type === 'Identifier' && prop.key.name === 'template') ||
-            (prop.key.type === 'StringLiteral' && prop.key.value === 'template'));
-        //   const templateUrlProp = props.find((prop: any) =>
-        //     (prop.key.type === 'Identifier' && prop.key.name === 'templateUrl') ||
-        //     (prop.key.type === 'StringLiteral' && prop.key.value === 'templateUrl')
-        //   );
-        // Process inline template
-        if (templateProp) {
-            // Extract template based on node type
-            let originalTemplate;
-            if (templateProp.value.type === 'StringLiteral' || templateProp.value.type === 'Literal') {
-                originalTemplate = templateProp.value.value;
-            }
-            else if (templateProp.value.type === 'TemplateLiteral') {
-                // For template literals, join quasis
-                if (templateProp.value.quasis && templateProp.value.quasis.length) {
-                    originalTemplate = templateProp.value.quasis
-                        .map((q) => q.value.cooked || q.value.raw)
-                        .join('');
-                }
-                else {
-                    console.warn('Could not process TemplateLiteral properly');
-                    return;
-                }
-            }
-            else {
-                console.warn(`Unsupported template type: ${templateProp.value.type}`);
-                return;
-            }
-            const root = (0, node_html_parser_1.parse)(originalTemplate);
-            processFns.forEach(fn => {
-                fn(root);
-            });
-            // Transform template using Angular compiler
-            const transformedTemplate = root.toString();
-            if (transformedTemplate !== originalTemplate) {
-                // Update template property
-                if (templateProp.value.type === 'TemplateLiteral') {
-                    // For template literals, create a new template literal
-                    templateProp.value = j.templateLiteral([j.templateElement({ cooked: transformedTemplate, raw: transformedTemplate }, true)], []);
-                }
-                else {
-                    // For string literals, update the value
-                    templateProp.value.value = transformedTemplate;
-                }
-            }
-        }
-    });
-}