diff --git a/projects/addon-mobile/directives/elastic-sticky/elastic-sticky.service.ts b/projects/addon-mobile/directives/elastic-sticky/elastic-sticky.service.ts index 9ff1f7d329c5..9fa136042a42 100644 --- a/projects/addon-mobile/directives/elastic-sticky/elastic-sticky.service.ts +++ b/projects/addon-mobile/directives/elastic-sticky/elastic-sticky.service.ts @@ -1,26 +1,16 @@ -import { - afterNextRender, - ChangeDetectorRef, - DestroyRef, - inject, - Injectable, - INJECTOR, - NgZone, -} from '@angular/core'; +import {afterNextRender, DestroyRef, inject, Injectable, INJECTOR} from '@angular/core'; import {takeUntilDestroyed} from '@angular/core/rxjs-interop'; -import {tuiScrollFrom, tuiZonefree} from '@taiga-ui/cdk/observables'; +import {tuiScrollFrom} from '@taiga-ui/cdk/observables'; import {tuiGetElementOffset, tuiInjectElement} from '@taiga-ui/cdk/utils/dom'; import {SCROLL_REF_SELECTOR} from '@taiga-ui/core/components/scrollbar'; import {TUI_SCROLL_REF} from '@taiga-ui/core/tokens'; -import {map, Observable, Subscription, tap} from 'rxjs'; +import {map, Observable, Subscription} from 'rxjs'; @Injectable() export class TuiElasticStickyService extends Observable { private readonly injector = inject(INJECTOR); private readonly el = tuiInjectElement(); private readonly scrollRef = inject(TUI_SCROLL_REF).nativeElement; - private readonly zone = inject(NgZone); - private readonly cd = inject(ChangeDetectorRef); private readonly destroyRef = inject(DestroyRef); constructor() { @@ -34,7 +24,6 @@ export class TuiElasticStickyService extends Observable { const {offsetHeight} = this.el; const teardown = tuiScrollFrom(host) .pipe( - tuiZonefree(this.zone), map(() => Math.max( 1 - @@ -46,7 +35,6 @@ export class TuiElasticStickyService extends Observable { 0, ), ), - tap(() => this.cd.detectChanges()), takeUntilDestroyed(this.destroyRef), ) .subscribe(subscriber); diff --git a/projects/core/components/dialog/dialog.component.ts b/projects/core/components/dialog/dialog.component.ts index d18151415097..ed720662d1fe 100644 --- a/projects/core/components/dialog/dialog.component.ts +++ b/projects/core/components/dialog/dialog.component.ts @@ -1,21 +1,23 @@ -import type {AnimationOptions} from '@angular/animations'; import {AsyncPipe, NgIf} from '@angular/common'; -import {ChangeDetectionStrategy, Component, inject} from '@angular/core'; -import {takeUntilDestroyed} from '@angular/core/rxjs-interop'; +import {ChangeDetectionStrategy, Component, computed, inject} from '@angular/core'; +import {takeUntilDestroyed, toSignal} from '@angular/core/rxjs-interop'; import {TUI_TRUE_HANDLER} from '@taiga-ui/cdk/constants'; import {TuiAutoFocus} from '@taiga-ui/cdk/directives/auto-focus'; import type {TuiPopover} from '@taiga-ui/cdk/services'; -import {TUI_IS_MOBILE} from '@taiga-ui/cdk/tokens'; import {tuiFadeIn, tuiSlideInTop} from '@taiga-ui/core/animations'; import {TuiButton} from '@taiga-ui/core/components/button'; +import {TuiBreakpointService} from '@taiga-ui/core/services'; import { TUI_ANIMATIONS_SPEED, TUI_CLOSE_WORD, TUI_COMMON_ICONS, } from '@taiga-ui/core/tokens'; import {tuiGetDuration} from '@taiga-ui/core/utils'; -import {injectContext, type PolymorpheusContent} from '@taiga-ui/polymorpheus'; -import {PolymorpheusOutlet} from '@taiga-ui/polymorpheus'; +import { + injectContext, + type PolymorpheusContent, + PolymorpheusOutlet, +} from '@taiga-ui/polymorpheus'; import type {Observable} from 'rxjs'; import {filter, isObservable, map, merge, of, Subject, switchMap} from 'rxjs'; @@ -41,8 +43,8 @@ function toObservable(valueOrStream: Observable | T): Observable { providers: [TuiDialogCloseService], animations: [tuiSlideInTop, tuiFadeIn], host: { - '[@tuiSlideInTop]': 'slideInTop', - '[@tuiFadeIn]': 'slideInTop', + '[@tuiSlideInTop]': 'slideInTop()', + '[@tuiFadeIn]': 'slideInTop()', '[attr.data-appearance]': 'context.appearance', '[attr.data-size]': 'size', '[class._centered]': 'header', @@ -50,7 +52,6 @@ function toObservable(valueOrStream: Observable | T): Observable { }) export class TuiDialogComponent { private readonly speed = inject(TUI_ANIMATIONS_SPEED); - private readonly isMobile = inject(TUI_IS_MOBILE); private readonly animation = { value: '', @@ -69,11 +70,18 @@ export class TuiDialogComponent { } as const; protected readonly close$ = new Subject(); - protected readonly context = injectContext, O>>(); - protected readonly closeWord$ = inject(TUI_CLOSE_WORD); protected readonly icons = inject(TUI_COMMON_ICONS); + protected readonly slideInTop = computed(() => + this.size === 'fullscreen' || this.size === 'page' || this.isMobile() + ? this.fullscreenAnimation + : this.animation, + ); + + protected readonly isMobile = toSignal( + inject(TuiBreakpointService).pipe(map((breakpoint) => breakpoint === 'mobile')), + ); constructor() { merge( @@ -97,16 +105,6 @@ export class TuiDialogComponent { return this.context.header; } - protected get slideInTop(): AnimationOptions { - return this.fullscreen || this.isMobile - ? this.fullscreenAnimation - : this.animation; - } - - protected get fullscreen(): boolean { - return !this.isMobile && (this.size === 'fullscreen' || this.size === 'page'); - } - private close(): void { if (this.context.required) { this.context.$implicit.error(REQUIRED_ERROR); diff --git a/projects/core/components/dialog/dialog.style.less b/projects/core/components/dialog/dialog.style.less index 7d5218c74fb0..6b9530f25689 100644 --- a/projects/core/components/dialog/dialog.style.less +++ b/projects/core/components/dialog/dialog.style.less @@ -7,7 +7,7 @@ flex-direction: column; box-sizing: border-box; margin: auto; - border-radius: 1rem; + border-radius: 1.5rem; border: 2.5rem solid transparent; &::after { @@ -31,26 +31,16 @@ } .t-heading { - margin-bottom: 0.5rem; font: var(--tui-font-heading-5); } } &[data-size='m'] { inline-size: 42.5rem; - - .t-heading { - margin-bottom: 0.75rem; - font: var(--tui-font-heading-4); - } } &[data-size='l'] { inline-size: 55rem; - - .t-heading { - margin-bottom: 1rem; - } } &[data-size='fullscreen'], @@ -70,7 +60,7 @@ } .t-heading { - margin-bottom: 1rem; + font: var(--tui-font-heading-3); } } @@ -88,11 +78,10 @@ margin: auto 0 0; .t-content { - padding: 1.5rem; + padding: 1rem; } .t-heading { - margin-bottom: 0.5rem; font: var(--tui-font-heading-5); } } @@ -107,9 +96,9 @@ } .t-heading { - margin: 0; + margin: 0 0 0.5rem; word-wrap: break-word; - font: var(--tui-font-heading-3); + font: var(--tui-font-heading-4); &:empty { display: none; @@ -131,7 +120,7 @@ .t-content { border-radius: inherit; - padding: 2rem; + padding: 1.75rem; background: var(--tui-background-elevation-1); &:not(:first-child) { @@ -154,41 +143,9 @@ .t-close { .transition(background); - position: fixed; - top: 1.5rem; - right: 1.5rem; - display: none; - - :host-context(.t-dialog:last-of-type) & { - display: inline-flex; - } - - :host:not([data-size='fullscreen']):not([data-size='page']) & { - animation: tuiFadeIn var(--tui-duration); - background: rgba(104, 104, 104, 0.96); - color: var(--tui-background-base); - - &:hover { - background: rgba(159, 159, 159, 0.86); - } - } - - :host:not([data-size='fullscreen']).ng-animating & { - display: none; - } - - :host-context(tui-root._mobile) & { - &[data-size] { - --tui-fade-end: 0.5; - - position: absolute; - top: 0; - right: 0; - background: transparent !important; - color: var(--tui-text-primary); - opacity: 0.5; - } - } + position: absolute; + top: 1rem; + right: 1rem; } .t-buttons { diff --git a/projects/core/components/dialog/dialog.template.html b/projects/core/components/dialog/dialog.template.html index b1c0c436be66..14fb7aba1d1c 100644 --- a/projects/core/components/dialog/dialog.template.html +++ b/projects/core/components/dialog/dialog.template.html @@ -38,12 +38,12 @@ > + + + + + + + +

+ I'm a stepper +

+

+ Step {{ step }} +

+ + diff --git a/projects/demo/src/modules/components/app-bar/examples/4/index.less b/projects/demo/src/modules/components/app-bar/examples/4/index.less new file mode 100644 index 000000000000..7390166be1fa --- /dev/null +++ b/projects/demo/src/modules/components/app-bar/examples/4/index.less @@ -0,0 +1 @@ +@import '@taiga-ui/core/styles/taiga-ui-local'; diff --git a/projects/demo/src/modules/components/app-bar/examples/4/index.ts b/projects/demo/src/modules/components/app-bar/examples/4/index.ts new file mode 100644 index 000000000000..5e740b329c0d --- /dev/null +++ b/projects/demo/src/modules/components/app-bar/examples/4/index.ts @@ -0,0 +1,40 @@ +import {Component, inject, type TemplateRef} from '@angular/core'; +import {changeDetection} from '@demo/emulate/change-detection'; +import {encapsulation} from '@demo/emulate/encapsulation'; +import {TuiAppearance, TuiButton, TuiDialogService, TuiTitle} from '@taiga-ui/core'; +import {TuiProgress} from '@taiga-ui/kit'; +import {TuiAppBar, TuiCardLarge, TuiHeader} from '@taiga-ui/layout'; + +@Component({ + standalone: true, + imports: [ + TuiAppBar, + TuiAppearance, + TuiButton, + TuiCardLarge, + TuiHeader, + TuiProgress, + TuiTitle, + ], + templateUrl: './index.html', + styleUrls: ['./index.less'], + encapsulation, + changeDetection, +}) +export default class Example { + private readonly dialogs = inject(TuiDialogService); + + protected step = 0; + + protected open(template: TemplateRef): void { + this.step = 0; + this.dialogs + .open(template, { + label: '', + size: 'fullscreen', + closeable: false, + dismissible: false, + }) + .subscribe(); + } +} diff --git a/projects/demo/src/modules/components/app-bar/index.ts b/projects/demo/src/modules/components/app-bar/index.ts index 81ee52fce53b..003f355f7dba 100644 --- a/projects/demo/src/modules/components/app-bar/index.ts +++ b/projects/demo/src/modules/components/app-bar/index.ts @@ -13,5 +13,6 @@ export default class Page { 'Mobile — medium size', 'Desktop — large size', 'Variants', + 'Dialog', ]; } diff --git a/projects/demo/src/modules/components/block-status/examples/2/index.ts b/projects/demo/src/modules/components/block-status/examples/2/index.ts index 7e7a77c38583..0eaf0406d97e 100644 --- a/projects/demo/src/modules/components/block-status/examples/2/index.ts +++ b/projects/demo/src/modules/components/block-status/examples/2/index.ts @@ -4,13 +4,13 @@ import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import type {TuiSizeL} from '@taiga-ui/core'; import {TuiBreakpointService, TuiButton} from '@taiga-ui/core'; -import {TuiAsideItemDirective, TuiBlockStatus} from '@taiga-ui/layout'; +import {TuiBlockStatus} from '@taiga-ui/layout'; import type {Observable} from 'rxjs'; import {map} from 'rxjs'; @Component({ standalone: true, - imports: [AsyncPipe, NgIf, TuiAsideItemDirective, TuiBlockStatus, TuiButton], + imports: [AsyncPipe, NgIf, TuiBlockStatus, TuiButton], templateUrl: './index.html', styleUrls: ['./index.less'], encapsulation, diff --git a/projects/demo/src/modules/components/block-status/examples/3/index.ts b/projects/demo/src/modules/components/block-status/examples/3/index.ts index 7e7a77c38583..0eaf0406d97e 100644 --- a/projects/demo/src/modules/components/block-status/examples/3/index.ts +++ b/projects/demo/src/modules/components/block-status/examples/3/index.ts @@ -4,13 +4,13 @@ import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import type {TuiSizeL} from '@taiga-ui/core'; import {TuiBreakpointService, TuiButton} from '@taiga-ui/core'; -import {TuiAsideItemDirective, TuiBlockStatus} from '@taiga-ui/layout'; +import {TuiBlockStatus} from '@taiga-ui/layout'; import type {Observable} from 'rxjs'; import {map} from 'rxjs'; @Component({ standalone: true, - imports: [AsyncPipe, NgIf, TuiAsideItemDirective, TuiBlockStatus, TuiButton], + imports: [AsyncPipe, NgIf, TuiBlockStatus, TuiButton], templateUrl: './index.html', styleUrls: ['./index.less'], encapsulation, diff --git a/projects/demo/src/modules/components/block-status/examples/4/index.ts b/projects/demo/src/modules/components/block-status/examples/4/index.ts index 85c163a4ed25..f5d23ef29388 100644 --- a/projects/demo/src/modules/components/block-status/examples/4/index.ts +++ b/projects/demo/src/modules/components/block-status/examples/4/index.ts @@ -4,13 +4,12 @@ import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {TuiAutoColorPipe, TuiButton, TuiInitialsPipe} from '@taiga-ui/core'; import {TuiAvatar, TuiAvatarStack} from '@taiga-ui/kit'; -import {TuiAsideItemDirective, TuiBlockStatus} from '@taiga-ui/layout'; +import {TuiBlockStatus} from '@taiga-ui/layout'; @Component({ standalone: true, imports: [ NgFor, - TuiAsideItemDirective, TuiAutoColorPipe, TuiAvatar, TuiAvatarStack, diff --git a/projects/demo/src/modules/components/block-status/examples/5/index.ts b/projects/demo/src/modules/components/block-status/examples/5/index.ts index a29db0d0c946..51e67ab68eaa 100644 --- a/projects/demo/src/modules/components/block-status/examples/5/index.ts +++ b/projects/demo/src/modules/components/block-status/examples/5/index.ts @@ -3,11 +3,11 @@ import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {TuiPlatform} from '@taiga-ui/cdk'; import {TuiButton} from '@taiga-ui/core'; -import {TuiAsideItemDirective, TuiBlockStatus} from '@taiga-ui/layout'; +import {TuiBlockStatus} from '@taiga-ui/layout'; @Component({ standalone: true, - imports: [TuiAsideItemDirective, TuiBlockStatus, TuiButton, TuiPlatform], + imports: [TuiBlockStatus, TuiButton, TuiPlatform], templateUrl: './index.html', styleUrls: ['./index.less'], encapsulation, diff --git a/projects/demo/src/modules/components/block-status/index.ts b/projects/demo/src/modules/components/block-status/index.ts index e1f62c7ce338..9bcdf194dc5e 100644 --- a/projects/demo/src/modules/components/block-status/index.ts +++ b/projects/demo/src/modules/components/block-status/index.ts @@ -2,11 +2,11 @@ import {Component} from '@angular/core'; import {changeDetection} from '@demo/emulate/change-detection'; import {TuiDemo} from '@demo/utils'; import {TuiButton} from '@taiga-ui/core'; -import {TuiAsideItemDirective, TuiBlockStatus} from '@taiga-ui/layout'; +import {TuiBlockStatus} from '@taiga-ui/layout'; @Component({ standalone: true, - imports: [TuiAsideItemDirective, TuiBlockStatus, TuiButton, TuiDemo], + imports: [TuiBlockStatus, TuiButton, TuiDemo], templateUrl: './index.html', changeDetection, }) diff --git a/projects/demo/src/modules/components/breadcrumbs/examples/2/index.ts b/projects/demo/src/modules/components/breadcrumbs/examples/2/index.ts index 44b3a6909e15..2cc728ab6824 100644 --- a/projects/demo/src/modules/components/breadcrumbs/examples/2/index.ts +++ b/projects/demo/src/modules/components/breadcrumbs/examples/2/index.ts @@ -5,14 +5,12 @@ import {encapsulation} from '@demo/emulate/encapsulation'; import {TuiItem, TuiRepeatTimes} from '@taiga-ui/cdk'; import {TuiButton, TuiDataList, TuiDropdown, TuiLink} from '@taiga-ui/core'; import {TuiBreadcrumbs, tuiBreadcrumbsOptionsProvider} from '@taiga-ui/kit'; -import {TuiAsideItemDirective} from '@taiga-ui/layout'; import {TuiInputNumberModule} from '@taiga-ui/legacy'; @Component({ standalone: true, imports: [ FormsModule, - TuiAsideItemDirective, TuiBreadcrumbs, TuiButton, TuiDataList, diff --git a/projects/demo/src/modules/components/calendar-range/examples/5/index.ts b/projects/demo/src/modules/components/calendar-range/examples/5/index.ts index 28621702d637..a32e3184832a 100644 --- a/projects/demo/src/modules/components/calendar-range/examples/5/index.ts +++ b/projects/demo/src/modules/components/calendar-range/examples/5/index.ts @@ -5,7 +5,6 @@ import {encapsulation} from '@demo/emulate/encapsulation'; import {TuiDay, TuiDayRange} from '@taiga-ui/cdk'; import {TuiLink} from '@taiga-ui/core'; import {TuiCalendarRange, TuiDayRangePeriod} from '@taiga-ui/kit'; -import {TuiAsideItemDirective} from '@taiga-ui/layout'; const today = TuiDay.currentLocal(); const startOfWeek = today.append({day: -today.dayOfWeek()}); @@ -14,7 +13,7 @@ const startOfQuarter = startOfMonth.append({month: -(startOfMonth.month % 3)}); @Component({ standalone: true, - imports: [NgIf, TuiAsideItemDirective, TuiCalendarRange, TuiLink], + imports: [NgIf, TuiCalendarRange, TuiLink], templateUrl: './index.html', encapsulation, changeDetection, diff --git a/projects/demo/src/modules/components/card-large/examples/11/index.ts b/projects/demo/src/modules/components/card-large/examples/11/index.ts index 4117ac54a2ff..ef704fa249fc 100644 --- a/projects/demo/src/modules/components/card-large/examples/11/index.ts +++ b/projects/demo/src/modules/components/card-large/examples/11/index.ts @@ -3,19 +3,11 @@ import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {TuiButton, TuiSurface, TuiTitle} from '@taiga-ui/core'; import {TuiButtonClose} from '@taiga-ui/kit'; -import {TuiAsideItemDirective, TuiCardLarge, TuiHeader} from '@taiga-ui/layout'; +import {TuiCardLarge, TuiHeader} from '@taiga-ui/layout'; @Component({ standalone: true, - imports: [ - TuiAsideItemDirective, - TuiButton, - TuiButtonClose, - TuiCardLarge, - TuiHeader, - TuiSurface, - TuiTitle, - ], + imports: [TuiButton, TuiButtonClose, TuiCardLarge, TuiHeader, TuiSurface, TuiTitle], templateUrl: './index.html', styleUrls: ['./index.less'], encapsulation, diff --git a/projects/demo/src/modules/components/card-large/examples/3/index.ts b/projects/demo/src/modules/components/card-large/examples/3/index.ts index 5c9035586082..534794f923cf 100644 --- a/projects/demo/src/modules/components/card-large/examples/3/index.ts +++ b/projects/demo/src/modules/components/card-large/examples/3/index.ts @@ -3,13 +3,12 @@ import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {TuiAppearance, TuiIcon, TuiSurface, TuiTitle} from '@taiga-ui/core'; import {TuiAvatar} from '@taiga-ui/kit'; -import {TuiAsideItemDirective, TuiCardLarge, TuiCell, TuiHeader} from '@taiga-ui/layout'; +import {TuiCardLarge, TuiCell, TuiHeader} from '@taiga-ui/layout'; @Component({ standalone: true, imports: [ TuiAppearance, - TuiAsideItemDirective, TuiAvatar, TuiCardLarge, TuiCell, diff --git a/projects/demo/src/modules/components/card-large/examples/7/index.ts b/projects/demo/src/modules/components/card-large/examples/7/index.ts index a67114975e08..cd16b5eea31c 100644 --- a/projects/demo/src/modules/components/card-large/examples/7/index.ts +++ b/projects/demo/src/modules/components/card-large/examples/7/index.ts @@ -12,14 +12,13 @@ import { TuiSurface, } from '@taiga-ui/core'; import {TuiAvatar} from '@taiga-ui/kit'; -import {TuiAsideItemDirective, TuiCardLarge, TuiCell, TuiHeader} from '@taiga-ui/layout'; +import {TuiCardLarge, TuiCell, TuiHeader} from '@taiga-ui/layout'; @Component({ standalone: true, imports: [ NgForOf, TuiAppearance, - TuiAsideItemDirective, TuiAvatar, TuiCardLarge, TuiCell, diff --git a/projects/demo/src/modules/components/cell/examples/4/index.ts b/projects/demo/src/modules/components/cell/examples/4/index.ts index d8cc7995c1ff..fd389c0bca9c 100644 --- a/projects/demo/src/modules/components/cell/examples/4/index.ts +++ b/projects/demo/src/modules/components/cell/examples/4/index.ts @@ -10,13 +10,12 @@ import { TuiSensitive, TuiTooltip, } from '@taiga-ui/kit'; -import {TuiAsideItemDirective, TuiCell} from '@taiga-ui/layout'; +import {TuiCell} from '@taiga-ui/layout'; @Component({ standalone: true, imports: [ FormsModule, - TuiAsideItemDirective, TuiAvatar, TuiBadgeNotification, TuiCell, diff --git a/projects/demo/src/modules/components/cell/examples/6/index.ts b/projects/demo/src/modules/components/cell/examples/6/index.ts index d9825d1a15fc..86c0c0792b26 100644 --- a/projects/demo/src/modules/components/cell/examples/6/index.ts +++ b/projects/demo/src/modules/components/cell/examples/6/index.ts @@ -4,19 +4,11 @@ import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {TuiButton, TuiDropdown, TuiGroup} from '@taiga-ui/core'; import {TuiDataListWrapper} from '@taiga-ui/kit'; -import {TuiAsideItemDirective, TuiCell} from '@taiga-ui/layout'; +import {TuiCell} from '@taiga-ui/layout'; @Component({ standalone: true, - imports: [ - NgFor, - TuiAsideItemDirective, - TuiButton, - TuiCell, - TuiDataListWrapper, - TuiDropdown, - TuiGroup, - ], + imports: [NgFor, TuiButton, TuiCell, TuiDataListWrapper, TuiDropdown, TuiGroup], templateUrl: './index.html', styleUrls: ['./index.less'], encapsulation, diff --git a/projects/demo/src/modules/components/checkbox/examples/2/index.ts b/projects/demo/src/modules/components/checkbox/examples/2/index.ts index 88df8d0cb531..3e55afb31ae3 100644 --- a/projects/demo/src/modules/components/checkbox/examples/2/index.ts +++ b/projects/demo/src/modules/components/checkbox/examples/2/index.ts @@ -3,11 +3,10 @@ import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {TuiButton} from '@taiga-ui/core'; import {TuiCheckbox} from '@taiga-ui/kit'; -import {TuiAsideItemDirective} from '@taiga-ui/layout'; @Component({ standalone: true, - imports: [TuiAsideItemDirective, TuiButton, TuiCheckbox], + imports: [TuiButton, TuiCheckbox], templateUrl: './index.html', encapsulation, changeDetection, diff --git a/projects/demo/src/modules/components/chip/examples/2/index.ts b/projects/demo/src/modules/components/chip/examples/2/index.ts index 40f18baa619e..42c896009630 100644 --- a/projects/demo/src/modules/components/chip/examples/2/index.ts +++ b/projects/demo/src/modules/components/chip/examples/2/index.ts @@ -4,19 +4,10 @@ import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {TuiButton} from '@taiga-ui/core'; import {TuiAvatar, TuiChip} from '@taiga-ui/kit'; -import {TuiAsideItemDirective} from '@taiga-ui/layout'; @Component({ standalone: true, - imports: [ - NgForOf, - NgIf, - SlicePipe, - TuiAsideItemDirective, - TuiAvatar, - TuiButton, - TuiChip, - ], + imports: [NgForOf, NgIf, SlicePipe, TuiAvatar, TuiButton, TuiChip], templateUrl: './index.html', styleUrls: ['./index.less'], encapsulation, diff --git a/projects/demo/src/modules/components/chip/examples/3/index.ts b/projects/demo/src/modules/components/chip/examples/3/index.ts index 19b60c52c3c9..f1996f895a26 100644 --- a/projects/demo/src/modules/components/chip/examples/3/index.ts +++ b/projects/demo/src/modules/components/chip/examples/3/index.ts @@ -5,18 +5,10 @@ import {encapsulation} from '@demo/emulate/encapsulation'; import {TuiRepeatTimes} from '@taiga-ui/cdk'; import {TuiAlertService, TuiButton} from '@taiga-ui/core'; import {TuiCheckbox, TuiChip} from '@taiga-ui/kit'; -import {TuiAsideItemDirective} from '@taiga-ui/layout'; @Component({ standalone: true, - imports: [ - FormsModule, - TuiAsideItemDirective, - TuiButton, - TuiCheckbox, - TuiChip, - TuiRepeatTimes, - ], + imports: [FormsModule, TuiButton, TuiCheckbox, TuiChip, TuiRepeatTimes], templateUrl: './index.html', styleUrls: ['./index.less'], encapsulation, diff --git a/projects/demo/src/modules/components/chip/examples/4/index.ts b/projects/demo/src/modules/components/chip/examples/4/index.ts index f28397ca4470..52b36040e739 100644 --- a/projects/demo/src/modules/components/chip/examples/4/index.ts +++ b/projects/demo/src/modules/components/chip/examples/4/index.ts @@ -5,14 +5,12 @@ import {encapsulation} from '@demo/emulate/encapsulation'; import {TuiAmountPipe} from '@taiga-ui/addon-commerce'; import {TuiButton} from '@taiga-ui/core'; import {TuiBadgedContent, TuiBadgeNotification, TuiChip, TuiFade} from '@taiga-ui/kit'; -import {TuiAsideItemDirective} from '@taiga-ui/layout'; @Component({ standalone: true, imports: [ AsyncPipe, TuiAmountPipe, - TuiAsideItemDirective, TuiBadgedContent, TuiBadgeNotification, TuiButton, diff --git a/projects/demo/src/modules/components/combo-box/examples/2/index.ts b/projects/demo/src/modules/components/combo-box/examples/2/index.ts index 21172f0e6097..1b9f264db619 100644 --- a/projects/demo/src/modules/components/combo-box/examples/2/index.ts +++ b/projects/demo/src/modules/components/combo-box/examples/2/index.ts @@ -5,7 +5,6 @@ import {changeDetection} from '@demo/emulate/change-detection'; import {TuiLet} from '@taiga-ui/cdk'; import {TuiDataList, TuiInitialsPipe, TuiLoader} from '@taiga-ui/core'; import {TuiAvatar} from '@taiga-ui/kit'; -import {TuiAsideItemDirective} from '@taiga-ui/layout'; import {TuiComboBoxModule, TuiTextfieldControllerModule} from '@taiga-ui/legacy'; import {databaseMockData} from './database-mock-data'; @@ -19,7 +18,6 @@ import {RequestService} from './request.service'; NgForOf, NgIf, ReactiveFormsModule, - TuiAsideItemDirective, TuiAvatar, TuiComboBoxModule, TuiDataList, diff --git a/projects/demo/src/modules/components/combo-box/examples/5/index.ts b/projects/demo/src/modules/components/combo-box/examples/5/index.ts index d70a2a6214bd..67ba86cc20d6 100644 --- a/projects/demo/src/modules/components/combo-box/examples/5/index.ts +++ b/projects/demo/src/modules/components/combo-box/examples/5/index.ts @@ -6,7 +6,6 @@ import {encapsulation} from '@demo/emulate/encapsulation'; import {TuiLet} from '@taiga-ui/cdk'; import {TuiDataList, TuiScrollable, TuiScrollbar} from '@taiga-ui/core'; import {TuiFilterByInputPipe} from '@taiga-ui/kit'; -import {TuiAsideItemDirective} from '@taiga-ui/layout'; import {TuiComboBoxModule} from '@taiga-ui/legacy'; import {IndexChange} from './index-change.directive'; @@ -18,7 +17,6 @@ import {IndexChange} from './index-change.directive'; FormsModule, IndexChange, ScrollingModule, - TuiAsideItemDirective, TuiComboBoxModule, TuiDataList, TuiFilterByInputPipe, diff --git a/projects/demo/src/modules/components/combo-box/examples/7/index.ts b/projects/demo/src/modules/components/combo-box/examples/7/index.ts index 3090cb0b26f0..31ad9ac1e8bb 100644 --- a/projects/demo/src/modules/components/combo-box/examples/7/index.ts +++ b/projects/demo/src/modules/components/combo-box/examples/7/index.ts @@ -5,7 +5,6 @@ import {changeDetection} from '@demo/emulate/change-detection'; import {encapsulation} from '@demo/emulate/encapsulation'; import {TuiDataList} from '@taiga-ui/core'; import {TuiFilterByInputPipe} from '@taiga-ui/kit'; -import {TuiAsideItemDirective} from '@taiga-ui/layout'; import {TuiComboBoxModule} from '@taiga-ui/legacy'; @Component({ @@ -14,7 +13,6 @@ import {TuiComboBoxModule} from '@taiga-ui/legacy'; FormsModule, JsonPipe, NgFor, - TuiAsideItemDirective, TuiComboBoxModule, TuiDataList, TuiFilterByInputPipe, diff --git a/projects/demo/src/modules/components/confirm/examples/1/index.ts b/projects/demo/src/modules/components/confirm/examples/1/index.ts index 13a116b68795..8d222ec7d525 100644 --- a/projects/demo/src/modules/components/confirm/examples/1/index.ts +++ b/projects/demo/src/modules/components/confirm/examples/1/index.ts @@ -4,12 +4,11 @@ import {encapsulation} from '@demo/emulate/encapsulation'; import {TuiAlertService, TuiButton, TuiDialogService} from '@taiga-ui/core'; import type {TuiConfirmData} from '@taiga-ui/kit'; import {TUI_CONFIRM} from '@taiga-ui/kit'; -import {TuiAsideItemDirective} from '@taiga-ui/layout'; import {switchMap} from 'rxjs'; @Component({ standalone: true, - imports: [TuiAsideItemDirective, TuiButton], + imports: [TuiButton], templateUrl: './index.html', encapsulation, changeDetection, diff --git a/projects/demo/src/modules/components/confirm/index.ts b/projects/demo/src/modules/components/confirm/index.ts index 9758cc834f00..638ebe74d9ed 100644 --- a/projects/demo/src/modules/components/confirm/index.ts +++ b/projects/demo/src/modules/components/confirm/index.ts @@ -5,12 +5,11 @@ import {TuiDemo} from '@demo/utils'; import {TuiAlertService, TuiButton, TuiDialogService} from '@taiga-ui/core'; import type {TuiConfirmData} from '@taiga-ui/kit'; import {TUI_CONFIRM} from '@taiga-ui/kit'; -import {TuiAsideItemDirective} from '@taiga-ui/layout'; import {switchMap} from 'rxjs'; @Component({ standalone: true, - imports: [TuiAsideItemDirective, TuiButton, TuiDemo], + imports: [TuiButton, TuiDemo], templateUrl: './index.html', changeDetection, }) diff --git a/projects/demo/src/modules/components/data-list/examples/2/index.ts b/projects/demo/src/modules/components/data-list/examples/2/index.ts index 0bab38c6534b..fbe4f2388ee8 100644 --- a/projects/demo/src/modules/components/data-list/examples/2/index.ts +++ b/projects/demo/src/modules/components/data-list/examples/2/index.ts @@ -6,13 +6,11 @@ import {TuiLet} from '@taiga-ui/cdk'; import type {TuiSizeL, TuiSizeS} from '@taiga-ui/core'; import {TuiButton, TuiDataList, TuiDialogService, TuiDropdown} from '@taiga-ui/core'; import {TuiDataListDropdownManager} from '@taiga-ui/kit'; -import {TuiAsideItemDirective} from '@taiga-ui/layout'; @Component({ standalone: true, imports: [ NgForOf, - TuiAsideItemDirective, TuiButton, TuiDataList, TuiDataListDropdownManager, diff --git a/projects/demo/src/modules/components/data-list/examples/4/custom-list/index.ts b/projects/demo/src/modules/components/data-list/examples/4/custom-list/index.ts index 496710c1ce7c..22d78eba1f33 100644 --- a/projects/demo/src/modules/components/data-list/examples/4/custom-list/index.ts +++ b/projects/demo/src/modules/components/data-list/examples/4/custom-list/index.ts @@ -15,7 +15,6 @@ import { TuiTextfield, TuiTextfieldDirective, } from '@taiga-ui/core'; -import {TuiAsideItemDirective} from '@taiga-ui/layout'; import {TuiMultiSelectModule} from '@taiga-ui/legacy'; interface Items { @@ -30,7 +29,6 @@ interface Items { FormsModule, NgForOf, NgIf, - TuiAsideItemDirective, TuiAutoFocus, TuiDataList, TuiFilterPipe, diff --git a/projects/demo/src/modules/components/data-list/examples/5/index.ts b/projects/demo/src/modules/components/data-list/examples/5/index.ts index 73d59ad357ae..e30aa3ed4071 100644 --- a/projects/demo/src/modules/components/data-list/examples/5/index.ts +++ b/projects/demo/src/modules/components/data-list/examples/5/index.ts @@ -7,7 +7,6 @@ import {TuiAmountPipe} from '@taiga-ui/addon-commerce'; import {TuiDay, TuiDayRange} from '@taiga-ui/cdk'; import {TuiButton, TuiCalendar, TuiDataList, TuiDropdown, TuiGroup} from '@taiga-ui/core'; import {TuiDataListDropdownManager} from '@taiga-ui/kit'; -import {TuiAsideItemDirective} from '@taiga-ui/layout'; import {TuiInputDateRangeModule, TuiInputModule} from '@taiga-ui/legacy'; @Component({ @@ -16,7 +15,6 @@ import {TuiInputDateRangeModule, TuiInputModule} from '@taiga-ui/legacy'; AsyncPipe, FormsModule, TuiAmountPipe, - TuiAsideItemDirective, TuiButton, TuiCalendar, TuiDataList, diff --git a/projects/demo/src/modules/components/data-list/examples/6/index.ts b/projects/demo/src/modules/components/data-list/examples/6/index.ts index 4da73148277e..ad54c6346578 100644 --- a/projects/demo/src/modules/components/data-list/examples/6/index.ts +++ b/projects/demo/src/modules/components/data-list/examples/6/index.ts @@ -5,18 +5,10 @@ import {encapsulation} from '@demo/emulate/encapsulation'; import {TUI_IS_MOBILE} from '@taiga-ui/cdk'; import {TuiButton, TuiDataList, TuiDropdown} from '@taiga-ui/core'; import {TuiChevron} from '@taiga-ui/kit'; -import {TuiAsideItemDirective} from '@taiga-ui/layout'; @Component({ standalone: true, - imports: [ - NgForOf, - TuiAsideItemDirective, - TuiButton, - TuiChevron, - TuiDataList, - TuiDropdown, - ], + imports: [NgForOf, TuiButton, TuiChevron, TuiDataList, TuiDropdown], templateUrl: './index.html', styles: [ ` diff --git a/projects/demo/src/modules/components/dialog/examples/4/index.html b/projects/demo/src/modules/components/dialog/examples/4/index.html index 3c4c0d3d0baf..3e369f715904 100644 --- a/projects/demo/src/modules/components/dialog/examples/4/index.html +++ b/projects/demo/src/modules/components/dialog/examples/4/index.html @@ -25,10 +25,9 @@

Long mobile dialog with filters