@@ -135,7 +137,8 @@ export class NbSidebarFooterComponent {}
`,
- changeDetection: ChangeDetectionStrategy.OnPush,
+ changeDetection: ChangeDetectionStrategy.OnPush,
+ standalone: false
})
export class NbSidebarComponent implements OnInit, OnDestroy {
protected readonly responsiveValueChange$: Subject-
`, + standalone: false }) export class NbTabsetComponent implements AfterContentInit, OnDestroy { @ContentChildren(NbTabComponent) tabs: QueryList ; diff --git a/src/framework/theme/components/tag/tag-input.directive.ts b/src/framework/theme/components/tag/tag-input.directive.ts index a8b95f150f..0e7427a65f 100644 --- a/src/framework/theme/components/tag/tag-input.directive.ts +++ b/src/framework/theme/components/tag/tag-input.directive.ts @@ -52,11 +52,12 @@ export interface NbTagInputAddEvent { * tag-list-with-input-giant-padding: */ @Directive({ - selector: 'input[nbTagInput]', - exportAs: 'nbTagInput', - providers: [ - { provide: NbFormFieldControl, useExisting: NbTagInputDirective }, - ], + selector: 'input[nbTagInput]', + exportAs: 'nbTagInput', + providers: [ + { provide: NbFormFieldControl, useExisting: NbTagInputDirective }, + ], + standalone: false }) export class NbTagInputDirective extends NbInputDirective implements AfterViewInit { diff --git a/src/framework/theme/components/tag/tag-list.component.ts b/src/framework/theme/components/tag/tag-list.component.ts index cc2d303004..c6b2ec985b 100644 --- a/src/framework/theme/components/tag/tag-list.component.ts +++ b/src/framework/theme/components/tag/tag-list.component.ts @@ -64,14 +64,15 @@ import { NbTagInputDirective } from './tag-input.directive'; * tag-list-with-input-round-border-radius: */ @Component({ - selector: 'nb-tag-list', - template: ` + selector: 'nb-tag-list', + template: ` `, - exportAs: 'nbTagList', - changeDetection: ChangeDetectionStrategy.OnPush, + exportAs: 'nbTagList', + changeDetection: ChangeDetectionStrategy.OnPush, + standalone: false }) export class NbTagListComponent implements OnInit, AfterContentInit, AfterViewInit, OnDestroy { protected readonly destroy$: Subject = new Subject (); diff --git a/src/framework/theme/components/tag/tag.component.ts b/src/framework/theme/components/tag/tag.component.ts index 24a84d379d..b46e4b9b78 100644 --- a/src/framework/theme/components/tag/tag.component.ts +++ b/src/framework/theme/components/tag/tag.component.ts @@ -228,10 +228,11 @@ let tagUniqueId = 0; * tag-outline-control-selected-text-color: */ @Component({ - selector: 'nb-tag', - templateUrl: './tag.component.html', - exportAs: 'nbTag', - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'nb-tag', + templateUrl: './tag.component.html', + exportAs: 'nbTag', + changeDetection: ChangeDetectionStrategy.OnPush, + standalone: false }) export class NbTagComponent implements AfterViewInit, OnDestroy, NbHighlightableOption { diff --git a/src/framework/theme/components/tag/tag.spec.ts b/src/framework/theme/components/tag/tag.spec.ts index f83d9bb3a9..d2e74c06e6 100644 --- a/src/framework/theme/components/tag/tag.spec.ts +++ b/src/framework/theme/components/tag/tag.spec.ts @@ -6,6 +6,7 @@ import createSpy = jasmine.createSpy; @Component({ selector: 'nb-tag-test', template: ` `, + standalone: false }) export class NbTagTestComponent { diff --git a/src/framework/theme/components/timepicker/timepicker-cell.component.ts b/src/framework/theme/components/timepicker/timepicker-cell.component.ts index bd5f55cb9a..75f83088a8 100644 --- a/src/framework/theme/components/timepicker/timepicker-cell.component.ts +++ b/src/framework/theme/components/timepicker/timepicker-cell.component.ts @@ -17,12 +17,13 @@ import { NbSelectedTimeModel } from './model'; import { NbPlatform } from '../cdk/platform/platform-service'; @Component({ - selector: 'nb-timepicker-cell', - template: ` + selector: 'nb-timepicker-cell', + template: ` {{ value }}`, - styleUrls: ['./timepicker-cell.component.scss'], - changeDetection: ChangeDetectionStrategy.OnPush, + styleUrls: ['./timepicker-cell.component.scss'], + changeDetection: ChangeDetectionStrategy.OnPush, + standalone: false }) export class NbTimePickerCellComponent implements AfterViewInit, OnDestroy { protected selectedChange$ = new Subject(); diff --git a/src/framework/theme/components/timepicker/timepicker.component.ts b/src/framework/theme/components/timepicker/timepicker.component.ts index 947c522295..a366d288b1 100644 --- a/src/framework/theme/components/timepicker/timepicker.component.ts +++ b/src/framework/theme/components/timepicker/timepicker.component.ts @@ -38,11 +38,12 @@ interface NbTimePartOption { * Provides a proxy to `TimePicker` options as well as custom picker options. */ @Component({ - selector: 'nb-timepicker', - templateUrl: './timepicker.component.html', - styleUrls: ['./timepicker.component.scss'], - exportAs: 'nbTimepicker', - changeDetection: ChangeDetectionStrategy.OnPush, + selector: 'nb-timepicker', + templateUrl: './timepicker.component.html', + styleUrls: ['./timepicker.component.scss'], + exportAs: 'nbTimepicker', + changeDetection: ChangeDetectionStrategy.OnPush, + standalone: false }) export class NbTimePickerComponent implements OnChanges { protected blur$: Subject = new Subject (); diff --git a/src/framework/theme/components/timepicker/timepicker.directive.ts b/src/framework/theme/components/timepicker/timepicker.directive.ts index b101f6101c..58c214bcf1 100644 --- a/src/framework/theme/components/timepicker/timepicker.directive.ts +++ b/src/framework/theme/components/timepicker/timepicker.directive.ts @@ -169,14 +169,15 @@ import { NB_DOCUMENT } from '../../theme.options'; * timepicker-container-height: * */ @Directive({ - selector: 'input[nbTimepicker]', - providers: [ - { - provide: NG_VALUE_ACCESSOR, - useExisting: forwardRef(() => NbTimePickerDirective), - multi: true, - }, - ], + selector: 'input[nbTimepicker]', + providers: [ + { + provide: NG_VALUE_ACCESSOR, + useExisting: forwardRef(() => NbTimePickerDirective), + multi: true, + }, + ], + standalone: false }) export class NbTimePickerDirective implements AfterViewInit, ControlValueAccessor { /** diff --git a/src/framework/theme/components/toastr/toast.component.ts b/src/framework/theme/components/toastr/toast.component.ts index 6c465cbbf0..46a4de6f9f 100644 --- a/src/framework/theme/components/toastr/toast.component.ts +++ b/src/framework/theme/components/toastr/toast.component.ts @@ -90,9 +90,10 @@ import { NbToast } from './model'; * toastr-destroyable-control-hover-border-color: * */ @Component({ - selector: 'nb-toast', - styleUrls: ['./toast.component.scss'], - templateUrl: './toast.component.html', + selector: 'nb-toast', + styleUrls: ['./toast.component.scss'], + templateUrl: './toast.component.html', + standalone: false }) export class NbToastComponent implements OnInit, OnDestroy { @Input() diff --git a/src/framework/theme/components/toastr/toastr-container.component.ts b/src/framework/theme/components/toastr/toastr-container.component.ts index e521f4a928..5bc823adc4 100644 --- a/src/framework/theme/components/toastr/toastr-container.component.ts +++ b/src/framework/theme/components/toastr/toastr-container.component.ts @@ -26,15 +26,16 @@ const voidState = style({ const defaultOptions = { params: { direction: '' } }; @Component({ - selector: 'nb-toastr-container', - template: ` + selector: 'nb-toastr-container', + template: ` `, - animations: [ - trigger('fadeIn', [ - transition(':enter', [voidState, animate(100)], defaultOptions), - transition(':leave', [animate(100, voidState)], defaultOptions), - ]), - ], + animations: [ + trigger('fadeIn', [ + transition(':enter', [voidState, animate(100)], defaultOptions), + transition(':leave', [animate(100, voidState)], defaultOptions), + ]), + ], + standalone: false }) export class NbToastrContainerComponent implements OnInit, OnDestroy { diff --git a/src/framework/theme/components/toastr/toastr.service.spec.ts b/src/framework/theme/components/toastr/toastr.service.spec.ts index ff0aea5a14..1bdb93ba86 100644 --- a/src/framework/theme/components/toastr/toastr.service.spec.ts +++ b/src/framework/theme/components/toastr/toastr.service.spec.ts @@ -16,14 +16,15 @@ import { } from '@nebular/theme'; @Component({ - selector: 'nb-toastr-test', - template: ` + selector: 'nb-toastr-test', + template: ` `, + template: ` `, + standalone: false }) class ToggleWithFormControlComponent { formControl = new FormControl(); diff --git a/src/framework/theme/components/tooltip/tooltip.component.ts b/src/framework/theme/components/tooltip/tooltip.component.ts index 764a9a7fe9..bc275bcd12 100644 --- a/src/framework/theme/components/tooltip/tooltip.component.ts +++ b/src/framework/theme/components/tooltip/tooltip.component.ts @@ -58,27 +58,28 @@ import { NbIconConfig } from '../icon/icon.component'; * tooltip-shadow: */ @Component({ - selector: 'nb-tooltip', - styleUrls: ['./tooltip.component.scss'], - template: ` + selector: 'nb-tooltip', + styleUrls: ['./tooltip.component.scss'], + template: ` `, - animations: [ - trigger('showTooltip', [ - state('in', style({ opacity: 1 })), - transition('void => *', [ - style({ opacity: 0 }), - animate(100), - ]), - transition('* => void', [ - animate(100, style({ opacity: 0 })), - ]), - ]), - ], + animations: [ + trigger('showTooltip', [ + state('in', style({ opacity: 1 })), + transition('void => *', [ + style({ opacity: 0 }), + animate(100), + ]), + transition('* => void', [ + animate(100, style({ opacity: 0 })), + ]), + ]), + ], + standalone: false }) export class NbTooltipComponent implements NbRenderableContainer { diff --git a/src/framework/theme/components/tooltip/tooltip.directive.ts b/src/framework/theme/components/tooltip/tooltip.directive.ts index 69fe4f92b5..5b1936b5cc 100644 --- a/src/framework/theme/components/tooltip/tooltip.directive.ts +++ b/src/framework/theme/components/tooltip/tooltip.directive.ts @@ -68,9 +68,10 @@ import { NbIconConfig } from '../icon/icon.component'; * - Noop mode - the component won't react to the user interaction. */ @Directive({ - selector: '[nbTooltip]', - exportAs: 'nbTooltip', - providers: [NbDynamicOverlayHandler, NbDynamicOverlay], + selector: '[nbTooltip]', + exportAs: 'nbTooltip', + providers: [NbDynamicOverlayHandler, NbDynamicOverlay], + standalone: false }) export class NbTooltipDirective implements OnInit, OnChanges, AfterViewInit, OnDestroy { protected destroy$ = new Subject{{ content }} (); diff --git a/src/framework/theme/components/tooltip/tooltip.spec.ts b/src/framework/theme/components/tooltip/tooltip.spec.ts index ae0c929e50..7c3bb51fb7 100644 --- a/src/framework/theme/components/tooltip/tooltip.spec.ts +++ b/src/framework/theme/components/tooltip/tooltip.spec.ts @@ -21,14 +21,15 @@ import { } from '@nebular/theme'; @Component({ - selector: 'nb-tooltip-default-test', - template: ` + selector: 'nb-tooltip-default-test', + template: ` @@ -77,6 +79,7 @@ export class NbTooltipBindingsTestComponent { Some Template `, + standalone: false }) export class NbTooltipInstanceTestComponent { @ViewChild(NbTooltipDirective) tooltip: NbTooltipDirective; diff --git a/src/framework/theme/components/tree-grid/tree-grid-cell.component.ts b/src/framework/theme/components/tree-grid/tree-grid-cell.component.ts index 2daa1a23d1..b51b34659c 100644 --- a/src/framework/theme/components/tree-grid/tree-grid-cell.component.ts +++ b/src/framework/theme/components/tree-grid/tree-grid-cell.component.ts @@ -30,12 +30,13 @@ import { NB_DEFAULT_ROW_LEVEL } from './data-source/tree-grid.model'; import { NbColumnsService } from './tree-grid-columns.service'; @Directive({ - selector: 'td[nbTreeGridCell]', - host: { - 'class': 'nb-tree-grid-cell', - 'role': 'gridcell', - }, - providers: [{ provide: NbCdkCell, useExisting: NbTreeGridCellDirective }], + selector: 'td[nbTreeGridCell]', + host: { + 'class': 'nb-tree-grid-cell', + 'role': 'gridcell', + }, + providers: [{ provide: NbCdkCell, useExisting: NbTreeGridCellDirective }], + standalone: false }) export class NbTreeGridCellDirective extends NbCellDirective implements OnInit, OnDestroy { private destroy$ = new Subject(); @@ -142,12 +143,13 @@ export class NbTreeGridCellDirective extends NbCellDirective implements OnInit, } @Directive({ - selector: 'th[nbTreeGridHeaderCell]', - host: { - 'class': 'nb-tree-grid-header-cell', - 'role': 'columnheader', - }, - providers: [{ provide: NbCdkHeaderCell, useExisting: NbTreeGridHeaderCellDirective }], + selector: 'th[nbTreeGridHeaderCell]', + host: { + 'class': 'nb-tree-grid-header-cell', + 'role': 'columnheader', + }, + providers: [{ provide: NbCdkHeaderCell, useExisting: NbTreeGridHeaderCellDirective }], + standalone: false }) export class NbTreeGridHeaderCellDirective extends NbHeaderCellDirective implements OnInit, OnDestroy { private destroy$ = new Subject (); @@ -187,12 +189,13 @@ export class NbTreeGridHeaderCellDirective extends NbHeaderCellDirective impleme } @Directive({ - selector: 'td[nbTreeGridFooterCell]', - host: { - 'class': 'nb-tree-grid-footer-cell', - 'role': 'gridcell', - }, - providers: [{ provide: NbCdkFooterCell, useExisting: NbTreeGridFooterCellDirective }], + selector: 'td[nbTreeGridFooterCell]', + host: { + 'class': 'nb-tree-grid-footer-cell', + 'role': 'gridcell', + }, + providers: [{ provide: NbCdkFooterCell, useExisting: NbTreeGridFooterCellDirective }], + standalone: false }) export class NbTreeGridFooterCellDirective extends NbFooterCellDirective implements OnInit, OnDestroy { private destroy$ = new Subject (); diff --git a/src/framework/theme/components/tree-grid/tree-grid-column-def.directive.ts b/src/framework/theme/components/tree-grid/tree-grid-column-def.directive.ts index 543b995dfc..c20e9cb1c1 100644 --- a/src/framework/theme/components/tree-grid/tree-grid-column-def.directive.ts +++ b/src/framework/theme/components/tree-grid/tree-grid-column-def.directive.ts @@ -7,11 +7,12 @@ import { NB_SORT_HEADER_COLUMN_DEF, NbColumnDefDirective } from '../cdk/table/ce * Defines a set of cells available for a table column. */ @Directive({ - selector: '[nbTreeGridColumnDef]', - providers: [ - { provide: NbCdkColumnDef, useExisting: NbTreeGridColumnDefDirective }, - { provide: NB_SORT_HEADER_COLUMN_DEF, useExisting: NbTreeGridColumnDefDirective }, - ], + selector: '[nbTreeGridColumnDef]', + providers: [ + { provide: NbCdkColumnDef, useExisting: NbTreeGridColumnDefDirective }, + { provide: NB_SORT_HEADER_COLUMN_DEF, useExisting: NbTreeGridColumnDefDirective }, + ], + standalone: false }) export class NbTreeGridColumnDefDirective extends NbColumnDefDirective implements OnChanges { /** diff --git a/src/framework/theme/components/tree-grid/tree-grid-def.component.ts b/src/framework/theme/components/tree-grid/tree-grid-def.component.ts index e690421e23..f3c49bba4f 100644 --- a/src/framework/theme/components/tree-grid/tree-grid-def.component.ts +++ b/src/framework/theme/components/tree-grid/tree-grid-def.component.ts @@ -21,8 +21,9 @@ export interface NbTreeGridResponsiveRowDef { * Captures the header row's template and columns to display. */ @Directive({ - selector: '[nbTreeGridRowDef]', - providers: [{ provide: NbCdkRowDef, useExisting: NbTreeGridRowDefDirective }], + selector: '[nbTreeGridRowDef]', + providers: [{ provide: NbCdkRowDef, useExisting: NbTreeGridRowDefDirective }], + standalone: false }) export class NbTreeGridRowDefDirective extends NbRowDefDirective implements OnChanges, NbTreeGridResponsiveRowDef { @@ -68,8 +69,9 @@ export class NbTreeGridRowDefDirective extends NbRowDefDirective } @Directive({ - selector: '[nbTreeGridHeaderRowDef]', - providers: [{ provide: NbCdkHeaderRowDef, useExisting: NbTreeGridHeaderRowDefDirective }], + selector: '[nbTreeGridHeaderRowDef]', + providers: [{ provide: NbCdkHeaderRowDef, useExisting: NbTreeGridHeaderRowDefDirective }], + standalone: false }) export class NbTreeGridHeaderRowDefDirective extends NbHeaderRowDefDirective implements OnChanges, NbTreeGridResponsiveRowDef { @@ -114,8 +116,9 @@ export class NbTreeGridHeaderRowDefDirective extends NbHeaderRowDefDirective } @Directive({ - selector: '[nbTreeGridFooterRowDef]', - providers: [{ provide: NbCdkFooterRowDef, useExisting: NbTreeGridFooterRowDefDirective }], + selector: '[nbTreeGridFooterRowDef]', + providers: [{ provide: NbCdkFooterRowDef, useExisting: NbTreeGridFooterRowDefDirective }], + standalone: false }) export class NbTreeGridFooterRowDefDirective extends NbFooterRowDefDirective implements OnChanges, NbTreeGridResponsiveRowDef { @@ -164,8 +167,9 @@ export class NbTreeGridFooterRowDefDirective extends NbFooterRowDefDirective * Captures the template of a column's data row cell as well as cell-specific properties. */ @Directive({ - selector: '[nbTreeGridCellDef]', - providers: [{ provide: NbCdkCellDef, useExisting: NbTreeGridCellDefDirective }], + selector: '[nbTreeGridCellDef]', + providers: [{ provide: NbCdkCellDef, useExisting: NbTreeGridCellDefDirective }], + standalone: false }) export class NbTreeGridCellDefDirective extends NbCellDefDirective {} @@ -174,8 +178,9 @@ export class NbTreeGridCellDefDirective extends NbCellDefDirective {} * Captures the template of a column's header cell and as well as cell-specific properties. */ @Directive({ - selector: '[nbTreeGridHeaderCellDef]', - providers: [{ provide: NbCdkHeaderCellDef, useExisting: NbTreeGridHeaderCellDefDirective }], + selector: '[nbTreeGridHeaderCellDef]', + providers: [{ provide: NbCdkHeaderCellDef, useExisting: NbTreeGridHeaderCellDefDirective }], + standalone: false }) export class NbTreeGridHeaderCellDefDirective extends NbHeaderCellDefDirective {} @@ -184,7 +189,8 @@ export class NbTreeGridHeaderCellDefDirective extends NbHeaderCellDefDirective { * Captures the template of a column's footer cell and as well as cell-specific properties. */ @Directive({ - selector: '[nbTreeGridFooterCellDef]', - providers: [{ provide: NbCdkFooterCellDef, useExisting: NbTreeGridFooterCellDefDirective }], + selector: '[nbTreeGridFooterCellDef]', + providers: [{ provide: NbCdkFooterCellDef, useExisting: NbTreeGridFooterCellDefDirective }], + standalone: false }) export class NbTreeGridFooterCellDefDirective extends NbFooterCellDefDirective {} diff --git a/src/framework/theme/components/tree-grid/tree-grid-filter.ts b/src/framework/theme/components/tree-grid/tree-grid-filter.ts index e38d963e2f..4238ed2a35 100644 --- a/src/framework/theme/components/tree-grid/tree-grid-filter.ts +++ b/src/framework/theme/components/tree-grid/tree-grid-filter.ts @@ -10,7 +10,10 @@ import { debounceTime, takeUntil } from 'rxjs/operators'; import { NbFilterable } from './data-source/tree-grid-data-source'; -@Directive({ selector: '[nbFilter]' }) +@Directive({ + selector: '[nbFilter]', + standalone: false +}) export class NbFilterDirective { @Input('nbFilter') filterable: NbFilterable; @@ -23,8 +26,9 @@ export class NbFilterDirective { * Helper directive to trigger data source's filter method when user types in input */ @Directive({ - selector: '[nbFilterInput]', - providers: [{ provide: NbFilterDirective, useExisting: NbFilterInputDirective }], + selector: '[nbFilterInput]', + providers: [{ provide: NbFilterDirective, useExisting: NbFilterInputDirective }], + standalone: false }) export class NbFilterInputDirective extends NbFilterDirective implements OnInit, OnDestroy { private search$: Subject = new Subject (); diff --git a/src/framework/theme/components/tree-grid/tree-grid-row-toggle.component.ts b/src/framework/theme/components/tree-grid/tree-grid-row-toggle.component.ts index 38c45cee43..69c8d89525 100644 --- a/src/framework/theme/components/tree-grid/tree-grid-row-toggle.component.ts +++ b/src/framework/theme/components/tree-grid/tree-grid-row-toggle.component.ts @@ -11,8 +11,8 @@ import { NbTreeGridCellDirective } from './tree-grid-cell.component'; * NbTreeGridRowToggleComponent */ @Component({ - selector: 'nb-tree-grid-row-toggle', - template: ` + selector: 'nb-tree-grid-row-toggle', + template: ` `, - styles: [` + styles: [` button { background: transparent; border: none; padding: 0; } `], + standalone: false }) export class NbTreeGridRowToggleComponent { private expandedValue: boolean; diff --git a/src/framework/theme/components/tree-grid/tree-grid-row-toggle.directive.ts b/src/framework/theme/components/tree-grid/tree-grid-row-toggle.directive.ts index f8ba47581c..d1ee777ef2 100644 --- a/src/framework/theme/components/tree-grid/tree-grid-row-toggle.directive.ts +++ b/src/framework/theme/components/tree-grid/tree-grid-row-toggle.directive.ts @@ -11,7 +11,8 @@ import { NbTreeGridCellDirective } from './tree-grid-cell.component'; * When using custom row toggle, apply this directive on your toggle to toggle row on element click. */ @Directive({ - selector: '[nbTreeGridRowToggle]', + selector: '[nbTreeGridRowToggle]', + standalone: false }) export class NbTreeGridRowToggleDirective { @HostListener('click', ['$event']) diff --git a/src/framework/theme/components/tree-grid/tree-grid-row.component.ts b/src/framework/theme/components/tree-grid/tree-grid-row.component.ts index fc0292cf09..e240951c00 100644 --- a/src/framework/theme/components/tree-grid/tree-grid-row.component.ts +++ b/src/framework/theme/components/tree-grid/tree-grid-row.component.ts @@ -12,15 +12,16 @@ export const NB_ROW_DOUBLE_CLICK_DELAY: number = 200; * Cells container. Adds the right class and role. */ @Component({ - // eslint-disable-next-line @angular-eslint/component-selector - selector: 'tr[nbTreeGridRow]', - template: ` `, - // eslint-disable-next-line @angular-eslint/no-host-metadata-property - host: { - class: 'nb-tree-grid-row', - role: 'row', - }, - providers: [{ provide: NbCdkRow, useExisting: NbTreeGridRowComponent }], + // eslint-disable-next-line @angular-eslint/component-selector + selector: 'tr[nbTreeGridRow]', + template: ` `, + // eslint-disable-next-line @angular-eslint/no-host-metadata-property + host: { + class: 'nb-tree-grid-row', + role: 'row', + }, + providers: [{ provide: NbCdkRow, useExisting: NbTreeGridRowComponent }], + standalone: false }) export class NbTreeGridRowComponent extends NbRowComponent implements OnDestroy { private readonly doubleClick$ = new Subject (); @@ -69,27 +70,29 @@ export class NbTreeGridRowComponent extends NbRowComponent implements OnDestroy } @Component({ - // eslint-disable-next-line @angular-eslint/component-selector - selector: 'tr[nbTreeGridHeaderRow]', - template: ` `, - // eslint-disable-next-line @angular-eslint/no-host-metadata-property - host: { - class: 'nb-tree-grid-header-row', - role: 'row', - }, - providers: [{ provide: NbCdkHeaderRow, useExisting: NbTreeGridHeaderRowComponent }], + // eslint-disable-next-line @angular-eslint/component-selector + selector: 'tr[nbTreeGridHeaderRow]', + template: ` `, + // eslint-disable-next-line @angular-eslint/no-host-metadata-property + host: { + class: 'nb-tree-grid-header-row', + role: 'row', + }, + providers: [{ provide: NbCdkHeaderRow, useExisting: NbTreeGridHeaderRowComponent }], + standalone: false }) export class NbTreeGridHeaderRowComponent extends NbHeaderRowComponent {} @Component({ - // eslint-disable-next-line @angular-eslint/component-selector - selector: 'tr[nbTreeGridFooterRow]', - template: ` `, - // eslint-disable-next-line @angular-eslint/no-host-metadata-property - host: { - class: 'nb-tree-grid-footer-row', - role: 'row', - }, - providers: [{ provide: NbCdkFooterRow, useExisting: NbTreeGridFooterRowComponent }], + // eslint-disable-next-line @angular-eslint/component-selector + selector: 'tr[nbTreeGridFooterRow]', + template: ` `, + // eslint-disable-next-line @angular-eslint/no-host-metadata-property + host: { + class: 'nb-tree-grid-footer-row', + role: 'row', + }, + providers: [{ provide: NbCdkFooterRow, useExisting: NbTreeGridFooterRowComponent }], + standalone: false }) export class NbTreeGridFooterRowComponent extends NbFooterRowComponent {} diff --git a/src/framework/theme/components/tree-grid/tree-grid-sort.component.ts b/src/framework/theme/components/tree-grid/tree-grid-sort.component.ts index b0b82920cd..71611e600a 100644 --- a/src/framework/theme/components/tree-grid/tree-grid-sort.component.ts +++ b/src/framework/theme/components/tree-grid/tree-grid-sort.component.ts @@ -49,7 +49,10 @@ const sortDirections: NbSortDirection[] = [ /** * Directive triggers sort method of passed object when sort header changes direction */ -@Directive({ selector: '[nbSort]' }) +@Directive({ + selector: '[nbSort]', + standalone: false +}) export class NbSortDirective { @Input('nbSort') sortable: NbSortable; static ngAcceptInputType_sortable: NbSortable | NbNullableInput; @@ -76,17 +79,21 @@ export interface NbSortHeaderIconDirectiveContext { * it'll set template's implicit context with current direction. Context also has `isAscending`, * `isDescending` and `isNone` properties. */ -@Directive({ selector: '[nbSortHeaderIcon]' }) +@Directive({ + selector: '[nbSortHeaderIcon]', + standalone: false +}) export class NbSortHeaderIconDirective {} @Component({ - selector: 'nb-sort-icon', - template: ` + selector: 'nb-sort-icon', + template: `