chore(deps): update taiga-ui dev infra to v0.220.0 (#9267)

Co-authored-by: taiga-family-bot <[email protected]>
Co-authored-by: splincode <[email protected]>

.github/workflows/auto-update-icons.yml

@@ -9,6 +9,8 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/[email protected]
+        with:
+          persist-credentials: false
       - uses: taiga-family/ci/actions/setup/[email protected]
       - uses: taiga-family/ci/actions/setup/[email protected]
       - name: Lucide icons

.github/workflows/lint.yml

@@ -11,6 +11,8 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/[email protected]
+        with:
+          persist-credentials: false
       - uses: taiga-family/ci/actions/setup/[email protected]
       - uses: taiga-family/ci/actions/setup/[email protected]
       - run: npm run typecheck

package.json

@@ -136,15 +136,15 @@
         "@nx/jest": "19.8.2",
         "@nx/workspace": "19.8.2",
         "@schematics/angular": "16.2.16",
-        "@taiga-ui/browserslist-config": "0.219.0",
-        "@taiga-ui/commitlint-config": "0.219.0",
-        "@taiga-ui/cspell-config": "0.219.0",
+        "@taiga-ui/browserslist-config": "0.220.0",
+        "@taiga-ui/commitlint-config": "0.220.0",
+        "@taiga-ui/cspell-config": "0.220.0",
         "@taiga-ui/design-tokens": "0.139.0",
-        "@taiga-ui/eslint-plugin-experience": "0.219.0",
+        "@taiga-ui/eslint-plugin-experience": "0.220.0",
         "@taiga-ui/event-plugins": "4.2.4",
-        "@taiga-ui/prettier-config": "0.219.0",
-        "@taiga-ui/stylelint-config": "0.219.0",
-        "@taiga-ui/tsconfig": "0.219.0",
+        "@taiga-ui/prettier-config": "0.220.0",
+        "@taiga-ui/stylelint-config": "0.220.0",
+        "@taiga-ui/tsconfig": "0.220.0",
         "@types/glob": "8.1.0",
         "@types/loader-utils": "2.0.6",
         "@types/node": "22.7.4",

projects/addon-charts/components/arc-chart/arc-chart.component.ts

@@ -1,9 +1,10 @@
-import {type ElementRef, type QueryList, signal} from '@angular/core';
+import type {ElementRef, QueryList} from '@angular/core';
 import {
     ChangeDetectionStrategy,
     Component,
     Input,
     Output,
+    signal,
     ViewChildren,
 } from '@angular/core';
 import {takeUntilDestroyed} from '@angular/core/rxjs-interop';

projects/addon-charts/components/line-chart/line-chart.component.ts

@@ -1,11 +1,13 @@
 import {AsyncPipe, NgForOf, NgIf} from '@angular/common';
-import {computed, type OnChanges, type QueryList, signal} from '@angular/core';
+import type {OnChanges, QueryList} from '@angular/core';
 import {
     ChangeDetectionStrategy,
     Component,
+    computed,
     inject,
     Input,
     NgZone,
+    signal,
     ViewChildren,
 } from '@angular/core';
 import {toSignal} from '@angular/core/rxjs-interop';
@@ -26,8 +28,8 @@ import {
 } from '@taiga-ui/core/directives/hint';
 import type {TuiPoint} from '@taiga-ui/core/types';
 import type {PolymorpheusContent} from '@taiga-ui/polymorpheus';
-import {map, type Observable} from 'rxjs';
-import {distinctUntilChanged, Subject} from 'rxjs';
+import type {Observable} from 'rxjs';
+import {distinctUntilChanged, map, Subject} from 'rxjs';
 
 import {TUI_LINE_CHART_OPTIONS} from './line-chart.options';
 import {TuiLineChartHint} from './line-chart-hint.directive';

projects/addon-commerce/components/input-card/input-card.component.ts

@@ -1,10 +1,10 @@
+import type {OnInit} from '@angular/core';
 import {
     ChangeDetectionStrategy,
     Component,
     computed,
     inject,
     Input,
-    type OnInit,
     Output,
     ViewEncapsulation,
 } from '@angular/core';

projects/addon-doc/components/api/api-item.component.ts

@@ -1,15 +1,16 @@
 import {Location, NgForOf, NgIf, NgSwitch, NgSwitchCase} from '@angular/common';
+import type {OnInit} from '@angular/core';
 import {
     ChangeDetectionStrategy,
     Component,
     EventEmitter,
     inject,
     Input,
-    type OnInit,
     Output,
 } from '@angular/core';
 import {FormsModule} from '@angular/forms';
-import {ActivatedRoute, type Params, UrlSerializer} from '@angular/router';
+import type {Params} from '@angular/router';
+import {ActivatedRoute, UrlSerializer} from '@angular/router';
 import {TUI_DOC_URL_STATE_HANDLER} from '@taiga-ui/addon-doc/tokens';
 import {tuiCoerceValue} from '@taiga-ui/addon-doc/utils';
 import {tuiIsNumber} from '@taiga-ui/cdk/utils/miscellaneous';

projects/addon-doc/components/code/tests/highlight.spec.ts

@@ -1,5 +1,5 @@
-import {ChangeDetectionStrategy, type DebugElement, signal} from '@angular/core';
-import {Component, Input} from '@angular/core';
+import type {DebugElement} from '@angular/core';
+import {ChangeDetectionStrategy, Component, Input, signal} from '@angular/core';
 import type {ComponentFixture} from '@angular/core/testing';
 import {fakeAsync, TestBed, tick, waitForAsync} from '@angular/core/testing';
 import {By} from '@angular/platform-browser';

projects/addon-doc/components/demo/index.ts

@@ -1,13 +1,12 @@
 import {JsonPipe, Location, NgIf, NgTemplateOutlet} from '@angular/common';
+import type {ElementRef, OnInit} from '@angular/core';
 import {
     ChangeDetectionStrategy,
     Component,
     computed,
     ContentChild,
-    type ElementRef,
     inject,
     Input,
-    type OnInit,
     signal,
     TemplateRef,
     ViewChild,

projects/addon-mobile/components/mobile-dialog/test/mobile-dialog.component.spec.ts

@@ -1,5 +1,5 @@
-import {ChangeDetectionStrategy, type DebugElement} from '@angular/core';
-import {Component} from '@angular/core';
+import type {DebugElement} from '@angular/core';
+import {ChangeDetectionStrategy, Component} from '@angular/core';
 import type {ComponentFixture} from '@angular/core/testing';
 import {TestBed} from '@angular/core/testing';
 import {

projects/cdk/directives/repeat-times/test/repeat-times.directive.spec.ts

@@ -1,5 +1,5 @@
-import {ChangeDetectionStrategy, type DebugElement} from '@angular/core';
-import {Component} from '@angular/core';
+import type {DebugElement} from '@angular/core';
+import {ChangeDetectionStrategy, Component} from '@angular/core';
 import type {ComponentFixture} from '@angular/core/testing';
 import {TestBed} from '@angular/core/testing';
 import {By} from '@angular/platform-browser';

projects/cdk/observables/zone.ts

@@ -1,11 +1,6 @@
 import {inject, NgZone} from '@angular/core';
-import {
-    asyncScheduler,
-    type MonoTypeOperatorFunction,
-    type SchedulerLike,
-    type Subscription,
-} from 'rxjs';
-import {Observable, pipe} from 'rxjs';
+import type {MonoTypeOperatorFunction, SchedulerLike, Subscription} from 'rxjs';
+import {asyncScheduler, Observable, pipe} from 'rxjs';
 
 export function tuiZonefull<T>(zone = inject(NgZone)): MonoTypeOperatorFunction<T> {
     return (source) =>

projects/cdk/pipes/repeat-times/index.ts

@@ -1,4 +1,5 @@
-import {Pipe, type PipeTransform} from '@angular/core';
+import type {PipeTransform} from '@angular/core';
+import {Pipe} from '@angular/core';
 import {tuiClamp} from '@taiga-ui/cdk/utils';
 
 @Pipe({

projects/cdk/schematics/ng-update/v4/steps/migrate-editor.ts

@@ -1,6 +1,6 @@
 /// <reference lib="es2021" />
-import {type DevkitFileSystem, getPackageJsonDependency} from 'ng-morph';
-import {getSourceFiles, saveActiveProject} from 'ng-morph';
+import type {DevkitFileSystem} from 'ng-morph';
+import {getPackageJsonDependency, getSourceFiles, saveActiveProject} from 'ng-morph';
 
 import {ALL_TS_FILES} from '../../../constants/file-globs';
 import type {TuiSchema} from '../../../ng-add/schema';

projects/cdk/schematics/ng-update/v4/steps/migrate-root.ts

@@ -1,6 +1,6 @@
+import type {DevkitFileSystem} from 'ng-morph';
 import {
     addProviderToNgModule,
-    type DevkitFileSystem,
     getActiveProject,
     getNgModules,
     getPackageJsonDependency,

projects/core/components/button/test/button.directive.spec.ts

@@ -1,7 +1,8 @@
 import type {HarnessLoader} from '@angular/cdk/testing';
 import {TestbedHarnessEnvironment} from '@angular/cdk/testing/testbed';
 import {ChangeDetectionStrategy, Component} from '@angular/core';
-import {type ComponentFixture, TestBed} from '@angular/core/testing';
+import type {ComponentFixture} from '@angular/core/testing';
+import {TestBed} from '@angular/core/testing';
 import {TuiButtonHarness} from '@taiga-ui/testing';
 
 import {TuiButton} from '../button.directive';

projects/core/components/calendar/test/calendar-sheet.component.spec.ts

@@ -1,5 +1,5 @@
-import {ChangeDetectionStrategy, type DebugElement} from '@angular/core';
-import {Component, ViewChild} from '@angular/core';
+import type {DebugElement} from '@angular/core';
+import {ChangeDetectionStrategy, Component, ViewChild} from '@angular/core';
 import type {ComponentFixture} from '@angular/core/testing';
 import {TestBed} from '@angular/core/testing';
 import {By} from '@angular/platform-browser';

projects/core/components/data-list/data-list.component.ts

@@ -1,7 +1,8 @@
 import {NgIf} from '@angular/common';
-import {type AfterContentChecked, ChangeDetectorRef, type QueryList} from '@angular/core';
+import type {AfterContentChecked, QueryList} from '@angular/core';
 import {
     ChangeDetectionStrategy,
+    ChangeDetectorRef,
     Component,
     ContentChildren,
     DestroyRef,

projects/core/components/dialog/dialog.component.ts

@@ -13,11 +13,8 @@ import {
     TUI_COMMON_ICONS,
 } from '@taiga-ui/core/tokens';
 import {tuiGetDuration} from '@taiga-ui/core/utils';
-import {
-    injectContext,
-    type PolymorpheusContent,
-    PolymorpheusOutlet,
-} from '@taiga-ui/polymorpheus';
+import type {PolymorpheusContent} from '@taiga-ui/polymorpheus';
+import {injectContext, PolymorpheusOutlet} from '@taiga-ui/polymorpheus';
 import type {Observable} from 'rxjs';
 import {filter, isObservable, map, merge, of, Subject, switchMap} from 'rxjs';
 

projects/core/components/dialog/dialogs.component.ts

@@ -1,5 +1,6 @@
 import {NgForOf} from '@angular/common';
-import {ChangeDetectionStrategy, Component, inject, type Signal} from '@angular/core';
+import type {Signal} from '@angular/core';
+import {ChangeDetectionStrategy, Component, inject} from '@angular/core';
 import {toSignal} from '@angular/core/rxjs-interop';
 import {TuiFocusTrap} from '@taiga-ui/cdk/directives/focus-trap';
 import type {TuiPopover} from '@taiga-ui/cdk/services';

projects/core/components/link/test/link.directive.spec.ts

@@ -1,7 +1,8 @@
 import type {HarnessLoader} from '@angular/cdk/testing';
 import {TestbedHarnessEnvironment} from '@angular/cdk/testing/testbed';
 import {ChangeDetectionStrategy, Component} from '@angular/core';
-import {type ComponentFixture, TestBed} from '@angular/core/testing';
+import type {ComponentFixture} from '@angular/core/testing';
+import {TestBed} from '@angular/core/testing';
 import {TuiLinkHarness} from '@taiga-ui/testing';
 
 import {TuiLink} from '../link.directive';

projects/core/components/textfield/textfield.directive.ts

@@ -1,4 +1,5 @@
-import {computed, Directive, inject, Input, type OnChanges, signal} from '@angular/core';
+import type {OnChanges} from '@angular/core';
+import {computed, Directive, inject, Input, signal} from '@angular/core';
 import {toSignal} from '@angular/core/rxjs-interop';
 import {TuiNativeValidator} from '@taiga-ui/cdk/directives/native-validator';
 import {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';

projects/core/directives/appearance/appearance.directive.ts

@@ -13,7 +13,8 @@ import {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';
 import {tuiIsString, tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';
 import type {TuiInteractiveState} from '@taiga-ui/core/types';
 
-import {TUI_APPEARANCE_OPTIONS, type TuiAppearanceOptions} from './appearance.options';
+import type {TuiAppearanceOptions} from './appearance.options';
+import {TUI_APPEARANCE_OPTIONS} from './appearance.options';
 
 @Component({
     standalone: true,

projects/core/directives/dropdown/dropdown-options.directive.ts

@@ -1,5 +1,5 @@
-import {type FactoryProvider, Self} from '@angular/core';
-import {Directive, inject, Input, Optional, SkipSelf} from '@angular/core';
+import type {FactoryProvider} from '@angular/core';
+import {Directive, inject, Input, Optional, Self, SkipSelf} from '@angular/core';
 import {tuiCreateToken, tuiProvide} from '@taiga-ui/cdk/utils/miscellaneous';
 import type {TuiVerticalDirection} from '@taiga-ui/core/types';
 import {tuiOverrideOptions} from '@taiga-ui/core/utils';

projects/core/directives/dropdown/test/dropdown.directive.spec.ts

@@ -1,5 +1,5 @@
-import {ChangeDetectionStrategy, type ElementRef} from '@angular/core';
-import {Component} from '@angular/core';
+import type {ElementRef} from '@angular/core';
+import {ChangeDetectionStrategy, Component} from '@angular/core';
 import type {ComponentFixture} from '@angular/core/testing';
 import {TestBed} from '@angular/core/testing';
 import {TuiDropdownDirective, TuiDropdownManual, TuiRoot} from '@taiga-ui/core';

projects/core/directives/hint/hint-options.directive.ts

@@ -1,5 +1,5 @@
-import {type FactoryProvider, type OnChanges, Self} from '@angular/core';
-import {Directive, inject, Input, Optional, SkipSelf} from '@angular/core';
+import type {FactoryProvider, OnChanges} from '@angular/core';
+import {Directive, inject, Input, Optional, Self, SkipSelf} from '@angular/core';
 import {tuiCreateToken, tuiProvide} from '@taiga-ui/cdk/utils/miscellaneous';
 import {tuiOverrideOptions} from '@taiga-ui/core/utils';
 import type {PolymorpheusContent} from '@taiga-ui/polymorpheus';

projects/core/directives/hint/hint.component.ts

@@ -15,8 +15,8 @@ import {
 import {TuiPositionService, TuiVisualViewportService} from '@taiga-ui/core/services';
 import {TUI_ANIMATIONS_SPEED, TUI_VIEWPORT} from '@taiga-ui/core/tokens';
 import {tuiIsObscured, tuiToAnimationOptions} from '@taiga-ui/core/utils';
-import {injectContext, type PolymorpheusContent} from '@taiga-ui/polymorpheus';
-import {PolymorpheusOutlet} from '@taiga-ui/polymorpheus';
+import type {PolymorpheusContent} from '@taiga-ui/polymorpheus';
+import {injectContext, PolymorpheusOutlet} from '@taiga-ui/polymorpheus';
 import {map, takeWhile} from 'rxjs';
 
 import {TuiHintDirective} from './hint.directive';

projects/core/directives/hint/test/hint.directive.spec.ts

@@ -1,5 +1,5 @@
-import {ChangeDetectionStrategy, type TemplateRef} from '@angular/core';
-import {Component} from '@angular/core';
+import type {TemplateRef} from '@angular/core';
+import {ChangeDetectionStrategy, Component} from '@angular/core';
 import type {ComponentFixture} from '@angular/core/testing';
 import {discardPeriodicTasks, fakeAsync, TestBed, tick} from '@angular/core/testing';
 import {TuiHint, TuiRoot} from '@taiga-ui/core';

projects/core/tokens/dark-mode.ts

@@ -1,4 +1,5 @@
-import {effect, inject, signal, type WritableSignal} from '@angular/core';
+import type {WritableSignal} from '@angular/core';
+import {effect, inject, signal} from '@angular/core';
 import {takeUntilDestroyed} from '@angular/core/rxjs-interop';
 import {WA_LOCAL_STORAGE, WA_WINDOW} from '@ng-web-apis/common';
 import {

projects/core/utils/format/format-number.ts

@@ -1,9 +1,7 @@
 import {CHAR_HYPHEN} from '@taiga-ui/cdk/constants';
 import {tuiRoundWith} from '@taiga-ui/cdk/utils/math';
-import {
-    TUI_DEFAULT_NUMBER_FORMAT,
-    type TuiNumberFormatSettings,
-} from '@taiga-ui/core/tokens';
+import type {TuiNumberFormatSettings} from '@taiga-ui/core/tokens';
+import {TUI_DEFAULT_NUMBER_FORMAT} from '@taiga-ui/core/tokens';
 
 import {tuiGetFractionPartPadded} from './get-fractional-part-padded';
 

projects/demo-cypress/src/tests/input-phone-international.cy.ts

@@ -1,5 +1,13 @@
-import {ChangeDetectionStrategy, type OnInit} from '@angular/core';
-import {Component, DestroyRef, EventEmitter, inject, Input, Output} from '@angular/core';
+import type {OnInit} from '@angular/core';
+import {
+    ChangeDetectionStrategy,
+    Component,
+    DestroyRef,
+    EventEmitter,
+    inject,
+    Input,
+    Output,
+} from '@angular/core';
 import {takeUntilDestroyed} from '@angular/core/rxjs-interop';
 import {FormControl, ReactiveFormsModule} from '@angular/forms';
 import {provideAnimations} from '@angular/platform-browser/animations';

projects/demo-playwright/tests/core/textfield/textfield.spec.ts

@@ -1,6 +1,7 @@
 import {DemoRoute} from '@demo/routes';
 import {TuiDocumentationPagePO, tuiGoto} from '@demo-playwright/utils';
-import {expect, type Locator, test} from '@playwright/test';
+import type {Locator} from '@playwright/test';
+import {expect, test} from '@playwright/test';
 
 test.describe('Textfield', () => {
     test.describe('interactivity on hover', () => {

projects/demo-playwright/tests/kit/calendar-range/calendar-range.spec.ts

@@ -4,7 +4,8 @@ import {
     TuiDocumentationPagePO,
     tuiGoto,
 } from '@demo-playwright/utils';
-import {expect, type Locator, test} from '@playwright/test';
+import type {Locator} from '@playwright/test';
+import {expect, test} from '@playwright/test';
 
 test.describe('CalendarRange', () => {
     let example!: Locator;

projects/demo-playwright/tests/kit/input-phone-international/input-phone-international.spec.ts

@@ -1,7 +1,7 @@
 import {DemoRoute} from '@demo/routes';
 import {TuiDocumentationPagePO, tuiGoto} from '@demo-playwright/utils';
-import {expect, type Locator} from '@playwright/test';
-import {test} from '@playwright/test';
+import type {Locator} from '@playwright/test';
+import {expect, test} from '@playwright/test';
 
 test.describe('InputPhoneInternational', () => {
     test.describe('API page', () => {

projects/demo-playwright/utils/page-objects/calendar-range.po.ts

@@ -1,4 +1,5 @@
-import {expect, type Locator} from '@playwright/test';
+import type {Locator} from '@playwright/test';
+import {expect} from '@playwright/test';
 
 export class TuiCalendarRangePO {
     constructor(private readonly host: Locator) {}

projects/demo/src/components/appearance/index.ts

@@ -4,12 +4,8 @@ import {RouterLink} from '@angular/router';
 import {DemoRoute} from '@demo/routes';
 import {TuiDocAPIItem} from '@taiga-ui/addon-doc';
 import type {TuiLooseUnion} from '@taiga-ui/cdk';
-import {
-    type TuiAppearanceOptions,
-    type TuiInteractiveState,
-    TuiLink,
-    TuiTitle,
-} from '@taiga-ui/core';
+import type {TuiAppearanceOptions, TuiInteractiveState} from '@taiga-ui/core';
+import {TuiLink, TuiTitle} from '@taiga-ui/core';
 
 @Component({
     standalone: true,