From 4f741b2df98cbd885bf7268ec734f4da434ae158 Mon Sep 17 00:00:00 2001
From: Vladimir Potekhin <46284632+vladimirpotekhin@users.noreply.github.com>
Date: Mon, 28 Oct 2024 15:39:30 +0300
Subject: [PATCH] chore(cdk): fix labeled migration (#9602)

---
 .../v4/steps/templates/migrate-labeled.ts         |  3 ++-
 .../v4/tests/schematic-migrate-labeled.spec.ts    | 15 +++++++++++++++
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/projects/cdk/schematics/ng-update/v4/steps/templates/migrate-labeled.ts b/projects/cdk/schematics/ng-update/v4/steps/templates/migrate-labeled.ts
index 30c8d7314830..44b4b021bbdd 100644
--- a/projects/cdk/schematics/ng-update/v4/steps/templates/migrate-labeled.ts
+++ b/projects/cdk/schematics/ng-update/v4/steps/templates/migrate-labeled.ts
@@ -72,7 +72,8 @@ export function migrateLabeled({
         );
         recorder.remove(
             templateOffset + (sourceCodeLocation.endTag?.startOffset ?? 0),
-            `<${tagName}/>`.length,
+            (sourceCodeLocation.endTag?.endOffset ?? 0) -
+                (sourceCodeLocation.endTag?.startOffset ?? 0),
         );
         recorder.insertRight(
             templateOffset + (sourceCodeLocation.endTag?.startOffset || 1),
diff --git a/projects/cdk/schematics/ng-update/v4/tests/schematic-migrate-labeled.spec.ts b/projects/cdk/schematics/ng-update/v4/tests/schematic-migrate-labeled.spec.ts
index 84b9bfd5e719..8c11842947e6 100644
--- a/projects/cdk/schematics/ng-update/v4/tests/schematic-migrate-labeled.spec.ts
+++ b/projects/cdk/schematics/ng-update/v4/tests/schematic-migrate-labeled.spec.ts
@@ -44,6 +44,14 @@ const TEMPLATE_BEFORE = `<tui-checkbox-labeled [(ngModel)]="value">
 <tui-radio-labeled size="l" [formControl]="control" [item]="value" [identityMatcher]="matcher" [pseudoDisabled]="disabled">
   Label
 </tui-radio-labeled>
+
+<tui-checkbox-labeled
+  *ngFor="let language of getLanguages()"
+  [formControlName]="language.name"
+  size="l"
+  class="test"
+  >{{ language.name }}</tui-checkbox-labeled
+  >
 `;
 
 const TEMPLATE_AFTER = `<label tuiLabel><input tuiCheckbox type="checkbox" [(ngModel)]="value">
@@ -55,6 +63,13 @@ const TEMPLATE_AFTER = `<label tuiLabel><input tuiCheckbox type="checkbox" [(ngM
 <input tuiRadio type="radio" size="m" [formControl]="control" [value]="value" [identityMatcher]="matcher" [tuiAppearanceState]="disabled ? 'disabled' : null">
   Label
 </label>
+<label *ngFor="let language of getLanguages()" tuiLabel>
+<input tuiCheckbox type="checkbox"
+  ${''}
+  [formControlName]="language.name"
+  size="m"
+  class="test"
+  >{{ language.name }}</label>
 `;
 
 describe('ng-update', () => {