@taiga-ui/cdk 3.44.1 → 3.45.0-canary.1c27922

package/schematics/ng-update/v3-30/tests/schematic-migrate-icons.spec.js

@@ -0,0 +1,87 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+/* eslint-disable rxjs/no-topromise */
+const schematics_1 = require("@angular-devkit/schematics");
+const testing_1 = require("@angular-devkit/schematics/testing");
+const ng_morph_1 = require("ng-morph");
+const path_1 = require("path");
+const create_angular_json_1 = require("../../../utils/create-angular-json");
+const collectionPath = path_1.join(__dirname, `../../../migration.json`);
+const COMPONENT_BEFORE = `
+import { tuiIconEyeClosedMarker, tuiIconCrowdMarker } from '@taiga-ui/proprietary-icons';
+
+@Component({templateUrl: './test.template.html'})
+export class TestComponent {
+    account = {
+            icon: 'tuiIconCrowdMarker',
+            color: 'white',
+            background: 'var(--tui-support-12)',
+        };
+
+    icon = tuiIconEyeClosedMarker;
+    icon2 = tuiIconCrowdMarker;
+}`;
+const COMPONENT_AFTER = `import { tuiIconTdsEyeOffMedium, tuiIconTdsUsersMedium } from "@taiga-ui/proprietary-tds-icons";
+
+@Component({templateUrl: './test.template.html'})
+export class TestComponent {
+    account = {
+            icon: 'tuiIconTdsUsersMedium',
+            color: 'white',
+            background: 'var(--tui-support-12)',
+        };
+
+    icon = tuiIconTdsEyeOffMedium;
+    icon2 = tuiIconTdsUsersMedium;
+}`;
+const TEMPLATE_BEFORE = `
+<tui-marker-icon
+    new
+    mode="error"
+    src="tuiIconErrorMarker"
+    [size]="iconSize"
+></tui-marker-icon>
+<custom-component [customAttr]="tuiIconErrorMarker"></custom-component>
+`;
+const TEMPLATE_AFTER = `
+<tui-marker-icon
+    new
+    mode="error"
+    src="tuiIconTdsCrossMedium"
+    [size]="iconSize"
+></tui-marker-icon>
+<custom-component [customAttr]="tuiIconTdsCrossMedium"></custom-component>
+`;
+describe(`ng-update`, () => {
+    let host;
+    let runner;
+    beforeEach(() => {
+        host = new testing_1.UnitTestTree(new schematics_1.HostTree());
+        runner = new testing_1.SchematicTestRunner(`schematics`, collectionPath);
+        ng_morph_1.setActiveProject(ng_morph_1.createProject(host));
+        createMainFiles();
+        ng_morph_1.saveActiveProject();
+    });
+    it(`should migrate icons in template`, () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        const tree = yield runner
+            .runSchematicAsync(`updateToV3_30`, { 'skip-logs': process.env[`TUI_CI`] === `true` }, host)
+            .toPromise();
+        expect(tree.readContent(`test/app/test.template.html`)).toEqual(TEMPLATE_AFTER);
+    }));
+    it(`should migrate icons in ts files`, () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        const tree = yield runner
+            .runSchematicAsync(`updateToV3_30`, { 'skip-logs': process.env[`TUI_CI`] === `true` }, host)
+            .toPromise();
+        expect(tree.readContent(`test/app/test.component.ts`)).toEqual(COMPONENT_AFTER);
+    }));
+    afterEach(() => {
+        ng_morph_1.resetActiveProject();
+    });
+});
+function createMainFiles() {
+    ng_morph_1.createSourceFile(`test/app/test.component.ts`, COMPONENT_BEFORE);
+    ng_morph_1.createSourceFile(`test/app/test.template.html`, TEMPLATE_BEFORE);
+    create_angular_json_1.createAngularJson();
+    ng_morph_1.createSourceFile(`package.json`, `{"dependencies": {"@angular/core": "~13.0.0", "@taiga-ui/proprietary-icons": "~3.29.0"}}`);
+}

package/schematics/ng-update/v3-35/tests/schematic-migrate-icons.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/schematics/ng-update/v3-35/tests/schematic-migrate-icons.spec.js

@@ -0,0 +1,101 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+/* eslint-disable rxjs/no-topromise */
+const schematics_1 = require("@angular-devkit/schematics");
+const testing_1 = require("@angular-devkit/schematics/testing");
+const ng_morph_1 = require("ng-morph");
+const path_1 = require("path");
+const create_angular_json_1 = require("../../../utils/create-angular-json");
+const collectionPath = path_1.join(__dirname, `../../../migration.json`);
+const COMPONENT_BEFORE = `
+import { tuiIconAlertCircleOutline, tuiIconAlertLarge, tuiIconViewListLarge, tuiIconLinkedLarge } from '@taiga-ui/proprietary-icons';
+
+@Component({templateUrl: './test.template.html'})
+export class TestComponent {
+    account = {
+            icon: 'tuiIconAlertLarge',
+            icon2: 'tuiIconViewListLarge',
+            icon3: tuiIconLinkedLarge,
+            color: 'white',
+            background: 'var(--tui-support-12)',
+        };
+
+    icon = tuiIconAlertCircleOutline;
+    icon2 = tuiIconAlertLarge;
+    icon3 = tuiIconViewListLarge;
+}
+`;
+const COMPONENT_AFTER = `import { tuiIconTdsAlertSmallPragmatic, tuiIconTdsExclamationMediumPragmatic } from "@taiga-ui/proprietary-tds-icons";
+
+import { tuiIconViewListLarge, tuiIconLinkedLarge } from '@taiga-ui/proprietary-icons';
+
+@Component({templateUrl: './test.template.html'})
+export class TestComponent {
+    account = {
+            icon: 'tuiIconTdsExclamationMediumPragmatic',
+            icon2: 'tuiIconViewListLarge',
+            icon3: tuiIconLinkedLarge,
+            color: 'white',
+            background: 'var(--tui-support-12)',
+        };
+
+    icon = tuiIconTdsAlertSmallPragmatic;
+    icon2 = tuiIconTdsExclamationMediumPragmatic;
+    icon3 = tuiIconViewListLarge;
+}
+`;
+const TEMPLATE_BEFORE = `
+<tui-marker-icon
+    new
+    mode="error"
+    src="tuiIconAlertLarge"
+    [size]="iconSize"
+></tui-marker-icon>
+<custom-component [customAttr]="tuiIconArrowDown"></custom-component>
+<tui-svg src='tuiIconViewListLarge' />
+<tui-svg src="tuiIconLinkedLarge" />
+`;
+const TEMPLATE_AFTER = `
+<tui-marker-icon
+    new
+    mode="error"
+    src="tuiIconTdsExclamationMediumPragmatic"
+    [size]="iconSize"
+></tui-marker-icon>
+<custom-component [customAttr]="tuiIconTdsArrowDownSmallPragmatic"></custom-component>
+<tui-svg src='tuiIconViewListLarge' />
+<tui-svg src="tuiIconLinkedLarge" />
+`;
+describe(`ng-update`, () => {
+    let host;
+    let runner;
+    beforeEach(() => {
+        host = new testing_1.UnitTestTree(new schematics_1.HostTree());
+        runner = new testing_1.SchematicTestRunner(`schematics`, collectionPath);
+        ng_morph_1.setActiveProject(ng_morph_1.createProject(host));
+        createMainFiles();
+        ng_morph_1.saveActiveProject();
+    });
+    it(`should migrate icons in template`, () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        const tree = yield runner
+            .runSchematicAsync(`updateToV3_35`, { 'skip-logs': process.env[`TUI_CI`] === `true` }, host)
+            .toPromise();
+        expect(tree.readContent(`test/app/test.template.html`)).toEqual(TEMPLATE_AFTER);
+    }));
+    it(`should migrate icons in ts files`, () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        const tree = yield runner
+            .runSchematicAsync(`updateToV3_35`, { 'skip-logs': process.env[`TUI_CI`] === `true` }, host)
+            .toPromise();
+        expect(tree.readContent(`test/app/test.component.ts`)).toEqual(COMPONENT_AFTER);
+    }));
+    afterEach(() => {
+        ng_morph_1.resetActiveProject();
+    });
+});
+function createMainFiles() {
+    ng_morph_1.createSourceFile(`test/app/test.component.ts`, COMPONENT_BEFORE);
+    ng_morph_1.createSourceFile(`test/app/test.template.html`, TEMPLATE_BEFORE);
+    create_angular_json_1.createAngularJson();
+    ng_morph_1.createSourceFile(`package.json`, `{"dependencies": {"@angular/core": "~13.0.0", "@taiga-ui/proprietary-icons": "~3.29.0"}}`);
+}

package/schematics/ng-update/v3-36/tests/schematic-migrate-editor.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/schematics/ng-update/v3-36/tests/schematic-migrate-editor.spec.js

@@ -0,0 +1,117 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+/* eslint-disable rxjs/no-topromise */
+const schematics_1 = require("@angular-devkit/schematics");
+const testing_1 = require("@angular-devkit/schematics/testing");
+const ng_morph_1 = require("ng-morph");
+const path_1 = require("path");
+const create_angular_json_1 = require("../../../utils/create-angular-json");
+const collectionPath = path_1.join(__dirname, `../../../migration.json`);
+const COMPONENT_BEFORE = `import { TUI_EDITOR_EXTENSIONS, TUI_ATTACH_FILES_LOADER } from '@taiga-ui/addon-editor';
+
+@Component({
+    selector: 'test',
+    templateUrl: './test.template.html',
+    styleUrls: ['./index.less'],
+    providers: [
+        {
+            provide: TUI_EDITOR_EXTENSIONS,
+            useValue: [
+                import('@taiga-ui/addon-editor/extensions/starter-kit').then(
+                    ({StarterKit}) => StarterKit,
+                ),
+                import('@tiptap/extension-text-style').then(({TextStyle}) => TextStyle),
+                import('@taiga-ui/addon-editor/extensions/link').then(
+                    ({TuiLink}) => TuiLink,
+                ),
+                import('@taiga-ui/addon-editor/extensions/jump-anchor').then(
+                    ({TuiJumpAnchor}) => TuiJumpAnchor,
+                ),
+                import('@taiga-ui/addon-editor/extensions/file-link').then(
+                    ({TuiFileLink}) => TuiFileLink,
+                ),
+            ],
+        },
+        {
+            provide: TUI_ATTACH_FILES_LOADER,
+            deps: [FileIoService],
+            useFactory: fileLoader,
+        },
+    ],
+})
+export class TestComponent {
+}`;
+const COMPONENT_AFTER = `import { TUI_EDITOR_EXTENSIONS, TUI_ATTACH_FILES_LOADER } from '@tinkoff/tui-editor';
+
+@Component({
+    selector: 'test',
+    templateUrl: './test.template.html',
+    styleUrls: ['./index.less'],
+    providers: [
+        {
+            provide: TUI_EDITOR_EXTENSIONS,
+            useValue: [
+                import('@tinkoff/tui-editor/extensions/starter-kit').then(
+                    ({StarterKit}) => StarterKit,
+                ),
+                import('@tiptap/extension-text-style').then(({TextStyle}) => TextStyle),
+                import('@tinkoff/tui-editor/extensions/link').then(
+                    ({TuiLink}) => TuiLink,
+                ),
+                import('@tinkoff/tui-editor/extensions/jump-anchor').then(
+                    ({TuiJumpAnchor}) => TuiJumpAnchor,
+                ),
+                import('@tinkoff/tui-editor/extensions/file-link').then(
+                    ({TuiFileLink}) => TuiFileLink,
+                ),
+            ],
+        },
+        {
+            provide: TUI_ATTACH_FILES_LOADER,
+            deps: [FileIoService],
+            useFactory: fileLoader,
+        },
+    ],
+})
+export class TestComponent {
+}`;
+const PACKAGE_BEFORE = `{
+    "dependencies": {
+        "@angular/core": "~13.0.0",
+        "@taiga-ui/addon-editor": "3.35.0"
+    }
+}`;
+const PACKAGE_AFTER = `{
+    "dependencies": {
+        "@angular/core": "~13.0.0",
+        "@tinkoff/tui-editor": "^1.0.1"
+    }
+}`;
+describe(`ng-update`, () => {
+    let host;
+    let runner;
+    beforeEach(() => {
+        host = new testing_1.UnitTestTree(new schematics_1.HostTree());
+        runner = new testing_1.SchematicTestRunner(`schematics`, collectionPath);
+        ng_morph_1.setActiveProject(ng_morph_1.createProject(host));
+        createMainFiles();
+        ng_morph_1.saveActiveProject();
+    });
+    it(`should migrate addon-editor`, () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        const tree = yield runner
+            .runSchematicAsync(`updateToV3_36`, { 'skip-logs': process.env[`TUI_CI`] === `true` }, host)
+            .toPromise();
+        expect(tree.readContent(`test/app/test.component.ts`)).toEqual(COMPONENT_AFTER);
+        expect(tree.readContent(`package.json`)).toEqual(PACKAGE_AFTER);
+    }));
+    afterEach(() => {
+        ng_morph_1.resetActiveProject();
+    });
+});
+function createMainFiles() {
+    ng_morph_1.createSourceFile(`test/app/test.component.ts`, COMPONENT_BEFORE);
+    ng_morph_1.createSourceFile(`test/app/test.template.html`, `<tui-editor></tui-editor>`);
+    create_angular_json_1.createAngularJson();
+    ng_morph_1.createSourceFile(`package.json`, PACKAGE_BEFORE);
+}

package/schematics/ng-update/v3-40/tests/schematic-migrate-textarea.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/schematics/ng-update/v3-40/tests/schematic-migrate-textarea.spec.js

@@ -0,0 +1,90 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+/* eslint-disable rxjs/no-topromise */
+const schematics_1 = require("@angular-devkit/schematics");
+const testing_1 = require("@angular-devkit/schematics/testing");
+const ng_morph_1 = require("ng-morph");
+const path_1 = require("path");
+const create_angular_json_1 = require("../../../utils/create-angular-json");
+const collectionPath = path_1.join(__dirname, `../../../migration.json`);
+const COMPONENT_BEFORE = `
+import { TuiTextAreaModule, TuiTextAreaComponent } from '@taiga-ui/kit';
+
+@Component({
+    standalone: true,
+    templateUrl: './test.template.html',
+    imports: [TuiTextAreaModule]
+})
+export class TestComponent {
+    @ViewChild(TuiTextAreaComponent)
+    textArea: TuiTextAreaComponent;
+
+    @ViewChild(TuiTextAreaDirective)
+    directive: TuiTextAreaDirective;
+
+    ngOnInit() {
+        console.log(document.querySelector('[automation-id="tui-text-area__wrapper"]'));
+        console.log(document.querySelector('[automation-id="tui-text-area__counter"]'));
+        console.log(document.querySelector('[automation-id="tui-text-area__scrollbar"]'));
+    }
+}`;
+const COMPONENT_AFTER = `
+import { TuiTextareaModule, TuiTextareaComponent } from '@taiga-ui/kit';
+
+@Component({
+    standalone: true,
+    templateUrl: './test.template.html',
+    imports: [TuiTextareaModule]
+})
+export class TestComponent {
+    @ViewChild(TuiTextareaComponent)
+    textArea: TuiTextareaComponent;
+
+    @ViewChild(TuiTextareaDirective)
+    directive: TuiTextareaDirective;
+
+    ngOnInit() {
+        console.log(document.querySelector('[automation-id="tui-text-area__wrapper"]'));
+        console.log(document.querySelector('[automation-id="tui-text-area__counter"]'));
+        console.log(document.querySelector('[automation-id="tui-text-area__scrollbar"]'));
+    }
+}`;
+const TEMPLATE_BEFORE = `
+<tui-text-area class="tui-text-area"></tui-text-area>
+<tui-text-area class="tui-text-area" />
+`;
+const TEMPLATE_AFTER = `
+<tui-textarea  class="tui-text-area"></tui-textarea>
+<tui-textarea  class="tui-text-area" />
+`;
+describe(`ng-update`, () => {
+    let host;
+    let runner;
+    beforeEach(() => {
+        host = new testing_1.UnitTestTree(new schematics_1.HostTree());
+        runner = new testing_1.SchematicTestRunner(`schematics`, collectionPath);
+        ng_morph_1.setActiveProject(ng_morph_1.createProject(host));
+        createMainFiles();
+        ng_morph_1.saveActiveProject();
+    });
+    it(`should migrate textarea tag in template`, () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        const tree = yield runner
+            .runSchematicAsync(`updateToV3_40`, { 'skip-logs': process.env[`TUI_CI`] === `true` }, host)
+            .toPromise();
+        expect(tree.readContent(`test/app/test.template.html`)).toEqual(TEMPLATE_AFTER);
+    }));
+    it(`should migrate textarea references in ts files`, () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        const tree = yield runner
+            .runSchematicAsync(`updateToV3_40`, { 'skip-logs': process.env[`TUI_CI`] === `true` }, host)
+            .toPromise();
+        expect(tree.readContent(`test/app/test.component.ts`)).toEqual(COMPONENT_AFTER);
+    }));
+    afterEach(() => ng_morph_1.resetActiveProject());
+});
+function createMainFiles() {
+    ng_morph_1.createSourceFile(`test/app/test.component.ts`, COMPONENT_BEFORE);
+    ng_morph_1.createSourceFile(`test/app/test.template.html`, TEMPLATE_BEFORE);
+    create_angular_json_1.createAngularJson();
+    ng_morph_1.createSourceFile(`package.json`, `{"dependencies": {"@angular/core": "~13.0.0", "@taiga-ui/kit": "~3.36.0"}}`);
+}

package/schematics/ng-update/v3-5/tests/schematic-migrate-templates.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/schematics/ng-update/v3-5/tests/schematic-migrate-templates.spec.js

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+/* eslint-disable rxjs/no-topromise */
+const schematics_1 = require("@angular-devkit/schematics");
+const testing_1 = require("@angular-devkit/schematics/testing");
+const ng_morph_1 = require("ng-morph");
+const path_1 = require("path");
+const create_angular_json_1 = require("../../../utils/create-angular-json");
+const collectionPath = path_1.join(__dirname, `../../../migration.json`);
+const COMPONENT_WITH_TEMPLATE_URL = `
+@Component({templateUrl: './test.template.html'})
+export class TestComponent {}
+`;
+const TEMPLATE_BEFORE = `
+<tui-expand>
+    <ng-template>
+        content
+    </ng-template>
+</tui-expand>
+
+<tui-expand>
+    <ng-template tuiExpandContent>
+        content
+    </ng-template>
+</tui-expand>
+
+<tui-expand>
+    <div>eager content</div>
+</tui-expand>
+`;
+const TEMPLATE_AFTER = `
+<tui-expand>
+    <ng-template tuiExpandContent>
+        content
+    </ng-template>
+</tui-expand>
+
+<tui-expand>
+    <ng-template tuiExpandContent>
+        content
+    </ng-template>
+</tui-expand>
+
+<tui-expand>
+    <div>eager content</div>
+</tui-expand>
+`;
+describe(`ng-update`, () => {
+    let host;
+    let runner;
+    beforeEach(() => {
+        host = new testing_1.UnitTestTree(new schematics_1.HostTree());
+        runner = new testing_1.SchematicTestRunner(`schematics`, collectionPath);
+        ng_morph_1.setActiveProject(ng_morph_1.createProject(host));
+        createMainFiles();
+        ng_morph_1.saveActiveProject();
+    });
+    it(`should edit templates`, () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        const tree = yield runner
+            .runSchematicAsync(`updateToV3_5`, { 'skip-logs': process.env[`TUI_CI`] === `true` }, host)
+            .toPromise();
+        expect(tree.readContent(`test/app/test.template.html`)).toEqual(TEMPLATE_AFTER);
+    }));
+    afterEach(() => {
+        ng_morph_1.resetActiveProject();
+    });
+});
+function createMainFiles() {
+    ng_morph_1.createSourceFile(`test/app/test.component.ts`, COMPONENT_WITH_TEMPLATE_URL);
+    ng_morph_1.createSourceFile(`test/app/test.template.html`, TEMPLATE_BEFORE);
+    create_angular_json_1.createAngularJson();
+    ng_morph_1.createSourceFile(`package.json`, `{"dependencies": {"@angular/core": "~13.0.0"}}`);
+}

package/schematics/ng-update/v4/tests/schematic-migrate-thumbnail-card.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/schematics/ng-update/v4/tests/schematic-migrate-thumbnail-card.spec.js

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+/* eslint-disable rxjs/no-topromise */
+const schematics_1 = require("@angular-devkit/schematics");
+const testing_1 = require("@angular-devkit/schematics/testing");
+const ng_morph_1 = require("ng-morph");
+const path_1 = require("path");
+const create_angular_json_1 = require("../../../utils/create-angular-json");
+const collectionPath = path_1.join(__dirname, `../../../migration.json`);
+const COMPONENT_BEFORE = `
+import { TuiCardModule, TuiCardComponent } from '@taiga-ui/addon-commerce';
+
+@Component({
+    standalone: true,
+    templateUrl: './test.template.html',
+    imports: [TuiCardModule]
+})
+export class TestComponent {
+    @ViewChild(TuiCardComponent)
+    card: TuiCardComponent;
+}`;
+const COMPONENT_AFTER = `
+import { TuiThumbnailCardModule, TuiThumbnailCardComponent } from '@taiga-ui/addon-commerce';
+
+@Component({
+    standalone: true,
+    templateUrl: './test.template.html',
+    imports: [TuiThumbnailCardModule]
+})
+export class TestComponent {
+    @ViewChild(TuiThumbnailCardComponent)
+    card: TuiThumbnailCardComponent;
+}`;
+const TEMPLATE_BEFORE = `
+<tui-card class="tui-card"></tui-card>
+<tui-card class="tui-card" />
+`;
+const TEMPLATE_AFTER = `
+<tui-thumbnail-card  class="tui-card"></tui-thumbnail-card>
+<tui-thumbnail-card  class="tui-card" />
+`;
+describe(`ng-update`, () => {
+    let host;
+    let runner;
+    beforeEach(() => {
+        host = new testing_1.UnitTestTree(new schematics_1.HostTree());
+        runner = new testing_1.SchematicTestRunner(`schematics`, collectionPath);
+        ng_morph_1.setActiveProject(ng_morph_1.createProject(host));
+        createMainFiles();
+        ng_morph_1.saveActiveProject();
+    });
+    it(`should migrate textarea tag in template`, () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        const tree = yield runner
+            .runSchematicAsync(`updateToV4`, { 'skip-logs': process.env[`TUI_CI`] === `true` }, host)
+            .toPromise();
+        expect(tree.readContent(`test/app/test.template.html`)).toEqual(TEMPLATE_AFTER);
+    }));
+    it(`should migrate textarea references in ts files`, () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        const tree = yield runner
+            .runSchematicAsync(`updateToV4`, { 'skip-logs': process.env[`TUI_CI`] === `true` }, host)
+            .toPromise();
+        expect(tree.readContent(`test/app/test.component.ts`)).toEqual(COMPONENT_AFTER);
+    }));
+    afterEach(() => ng_morph_1.resetActiveProject());
+});
+function createMainFiles() {
+    ng_morph_1.createSourceFile(`test/app/test.component.ts`, COMPONENT_BEFORE);
+    ng_morph_1.createSourceFile(`test/app/test.template.html`, TEMPLATE_BEFORE);
+    create_angular_json_1.createAngularJson();
+    ng_morph_1.createSourceFile(`package.json`, `{"dependencies": {"@angular/core": "~13.0.0", "@taiga-ui/addon-commerce": "~3.42.0"}}`);
+}

package/tokens/active-element.d.ts

@@ -1,6 +1,5 @@
-import { InjectionToken } from '@angular/core';
 import { Observable } from 'rxjs';
 /**
  * Active element on the document for ActiveZone
  */
-export declare const TUI_ACTIVE_ELEMENT: InjectionToken<Observable<EventTarget | null>>;
+export declare const TUI_ACTIVE_ELEMENT: import("@angular/core").InjectionToken<Observable<EventTarget | null>>;

package/tokens/default-renderer.d.ts

@@ -1,8 +1,8 @@
-import { InjectionToken, Renderer2 } from '@angular/core';
+import { Renderer2 } from '@angular/core';
 /**
  * A Renderer2 for global services
  * https://github.com/angular/angular/issues/17824#issuecomment-353239017
  * @deprecated unnecessary
  * TODO: remove in 4.0
  */
-export declare const TUI_DEFAULT_RENDERER: InjectionToken<Renderer2>;
+export declare const TUI_DEFAULT_RENDERER: import("@angular/core").InjectionToken<Renderer2>;

package/tokens/ensure-base-href.d.ts

@@ -1,2 +1 @@
-import { InjectionToken } from '@angular/core';
-export declare const TUI_ENSURE_BASE_HREF: InjectionToken<string>;
+export declare const TUI_ENSURE_BASE_HREF: import("@angular/core").InjectionToken<string>;

package/tokens/is-android.d.ts

@@ -1,5 +1,4 @@
-import { InjectionToken } from '@angular/core';
 /**
  * Mobile browser that is not iOS (technically includes Windows Phone, Blackberry etc.)
  */
-export declare const TUI_IS_ANDROID: InjectionToken<boolean>;
+export declare const TUI_IS_ANDROID: import("@angular/core").InjectionToken<boolean>;

package/tokens/is-apple.d.ts

@@ -1,5 +1,4 @@
-import { InjectionToken } from '@angular/core';
 /**
  * Apple(safari/webkit) detection
  */
-export declare const TUI_IS_APPLE: InjectionToken<boolean>;
+export declare const TUI_IS_APPLE: import("@angular/core").InjectionToken<boolean>;

package/tokens/is-chromium.d.ts

@@ -1,5 +1,4 @@
-import { InjectionToken } from '@angular/core';
 /**
  * Chromium browser engine detection
  */
-export declare const TUI_IS_CHROMIUM: InjectionToken<boolean>;
+export declare const TUI_IS_CHROMIUM: import("@angular/core").InjectionToken<boolean>;

package/tokens/is-cypress.d.ts

@@ -1,6 +1,5 @@
-import { InjectionToken } from '@angular/core';
 /**
  * Detect if app is running under Cypress
  * {@link https://docs.cypress.io/faq/questions/using-cypress-faq#Is-there-any-way-to-detect-if-my-app-is-running-under-Cypress Cypress docs}
  */
-export declare const TUI_IS_CYPRESS: InjectionToken<boolean>;
+export declare const TUI_IS_CYPRESS: import("@angular/core").InjectionToken<boolean>;

package/tokens/is-e2e.d.ts

@@ -1,5 +1,4 @@
-import { InjectionToken } from '@angular/core';
 /**
  * Detect if app is running under any of test frameworks
  */
-export declare const TUI_IS_E2E: InjectionToken<boolean>;
+export declare const TUI_IS_E2E: import("@angular/core").InjectionToken<boolean>;

package/tokens/is-firefox.d.ts

@@ -1,5 +1,4 @@
-import { InjectionToken } from '@angular/core';
 /**
  * Firefox browser engine detection
  */
-export declare const TUI_IS_FIREFOX: InjectionToken<boolean>;
+export declare const TUI_IS_FIREFOX: import("@angular/core").InjectionToken<boolean>;

package/tokens/is-ios.d.ts

@@ -1,5 +1,4 @@
-import { InjectionToken } from '@angular/core';
 /**
  * iOS browser detection
  */
-export declare const TUI_IS_IOS: InjectionToken<boolean>;
+export declare const TUI_IS_IOS: import("@angular/core").InjectionToken<boolean>;

package/tokens/is-mobile.d.ts

@@ -1,5 +1,4 @@
-import { InjectionToken } from '@angular/core';
 /**
  * Mobile browser detection
  */
-export declare const TUI_IS_MOBILE: InjectionToken<boolean>;
+export declare const TUI_IS_MOBILE: import("@angular/core").InjectionToken<boolean>;

package/tokens/is-playwright.d.ts

@@ -1,5 +1,4 @@
-import { InjectionToken } from '@angular/core';
 /**
  * Detect if app is running under Playwright
  */
-export declare const TUI_IS_PLAYWRIGHT: InjectionToken<boolean>;
+export declare const TUI_IS_PLAYWRIGHT: import("@angular/core").InjectionToken<boolean>;

package/tokens/is-stackblitz.d.ts

@@ -1,2 +1 @@
-import { InjectionToken } from '@angular/core';
-export declare const TUI_IS_STACKBLITZ: InjectionToken<boolean>;
+export declare const TUI_IS_STACKBLITZ: import("@angular/core").InjectionToken<boolean>;