updates

.eslintrc.js

@@ -206,6 +206,7 @@ module.exports = {
             ],
             rules: {
                 'rxjs/no-ignored-subscription': 'error',
+                '@angular-eslint/prefer-standalone': 'off',
                 '@angular-eslint/directive-selector': [
                     'error',
                     {

src/lib/buttons/chevron-button/chevron-button.component.ts

@@ -8,7 +8,7 @@ import { randomString } from '../../utils';
     templateUrl: './chevron-button.component.html',
     styleUrls: ['./chevron-button.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
-    imports: [MatIconModule, MatButtonModule]
+    imports: [MatIconModule, MatButtonModule],
 })
 export class ChevronButtonComponent {
     readonly label = input.required<string>();

src/lib/buttons/circle-button/circle-button.component.ts

@@ -24,7 +24,7 @@ import { CircleButtonType, CircleButtonTypes } from '../types/circle-button.type
     templateUrl: './circle-button.component.html',
     styleUrls: ['./circle-button.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
-    imports: [MatTooltipModule, MatIconModule, MatButtonModule, StopPropagationDirective]
+    imports: [MatTooltipModule, MatIconModule, MatButtonModule, StopPropagationDirective],
 })
 export class CircleButtonComponent {
     readonly #elementRef = inject(ElementRef<HTMLElement>);

src/lib/buttons/icon-button/icon-button.component.ts

@@ -11,7 +11,7 @@ import { IconButtonType, IconButtonTypes } from '../types/icon-button.type';
     selector: 'iqser-icon-button',
     templateUrl: './icon-button.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
-    imports: [NgClass, MatButtonModule, MatIconModule, StopPropagationDirective]
+    imports: [NgClass, MatButtonModule, MatIconModule, StopPropagationDirective],
 })
 export class IconButtonComponent {
     protected readonly _hasRouterLink = !!inject(RouterLink, { optional: true, host: true });

src/lib/dialog/confirmation-dialog/confirmation-dialog.component.ts

@@ -1,4 +1,4 @@
-import { NgClass, NgTemplateOutlet } from '@angular/common';
+import { NgTemplateOutlet } from '@angular/common';
 import {
     AfterViewInit,
     ChangeDetectionStrategy,
@@ -96,8 +96,7 @@ function getConfig(options?: IConfirmationDialogData): InternalConfirmationDialo
         IconButtonComponent,
         CircleButtonComponent,
         MatDialogModule,
-        NgClass,
-    ]
+    ],
 })
 export class ConfirmationDialogComponent implements AfterViewInit {
     readonly config = getConfig(inject(MAT_DIALOG_DATA));

src/lib/directives/disable-stop-propagation.directive.ts

@@ -2,7 +2,6 @@ import { booleanAttribute, Directive, input } from '@angular/core';
 
 @Directive({
     selector: '[iqserDisableStopPropagation]',
-    standalone: true,
 })
 export class DisableStopPropagationDirective {
     readonly iqserDisableStopPropagation = input(true, { transform: booleanAttribute });

src/lib/directives/has-scrollbar.directive.ts

@@ -2,7 +2,6 @@ import { Directive, ElementRef, OnDestroy, OnInit, signal } from '@angular/core'
 
 @Directive({
     selector: '[iqserHasScrollbar]',
-    standalone: true,
     host: {
         '[class]': '_class()',
     },

src/lib/directives/hidden-action.directive.ts

@@ -2,7 +2,6 @@ import { Directive, EventEmitter, HostListener, Input, Output } from '@angular/c
 
 @Directive({
     selector: '[iqserHiddenAction]',
-    standalone: true,
 })
 export class HiddenActionDirective {
     @Input() requiredClicks = 4;

src/lib/directives/prevent-default.directive.ts

@@ -3,7 +3,6 @@ import { NGXLogger } from 'ngx-logger';
 
 @Directive({
     selector: '[iqserPreventDefault]',
-    standalone: true,
 })
 export class PreventDefaultDirective {
     readonly #logger = inject(NGXLogger);

src/lib/directives/stop-propagation.directive.ts

@@ -4,7 +4,6 @@ import { DisableStopPropagationDirective } from './disable-stop-propagation.dire
 
 @Directive({
     selector: '[iqserStopPropagation]',
-    standalone: true,
 })
 export class StopPropagationDirective {
     readonly #disableStopPropagation = inject(DisableStopPropagationDirective, { optional: true });

src/lib/directives/sync-width.directive.ts

@@ -2,7 +2,6 @@ import { Directive, ElementRef, HostListener, Input, OnDestroy } from '@angular/
 
 @Directive({
     selector: '[iqserSyncWidth]',
-    standalone: true,
 })
 export class SyncWidthDirective implements OnDestroy {
     @Input() iqserSyncWidth!: string;

src/lib/empty-state/empty-state.component.ts

@@ -19,7 +19,7 @@ import { randomString } from '../utils/functions';
     templateUrl: './empty-state.component.html',
     styleUrls: ['./empty-state.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
-    imports: [NgStyle, MatIconModule, IconButtonComponent]
+    imports: [NgStyle, MatIconModule, IconButtonComponent],
 })
 export class EmptyStateComponent {
     protected readonly iconButtonTypes = IconButtonTypes;

src/lib/error/connection-status/connection-status.component.ts

@@ -17,7 +17,7 @@ import { ErrorService } from '../error.service';
         ]),
     ],
     changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: false
+    standalone: false,
 })
 export class ConnectionStatusComponent {
     protected readonly connectionStatusTranslations = connectionStatusTranslations;

src/lib/error/full-page-error/full-page-error.component.ts

@@ -8,7 +8,7 @@ import { CustomError, ErrorService, ErrorType } from '../error.service';
     templateUrl: './full-page-error.component.html',
     styleUrls: ['./full-page-error.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: false
+    standalone: false,
 })
 export class FullPageErrorComponent {
     protected readonly iconButtonTypes = IconButtonTypes;

src/lib/filtering/filter-card/filter-card.component.ts

@@ -37,7 +37,7 @@ const atLeastOneIsExpandable = pipe(
             },
         },
     ],
-    imports: [AsyncPipe, InputWithActionComponent, NgTemplateOutlet, TranslateModule, MatIcon, MatCheckbox, StopPropagationDirective]
+    imports: [AsyncPipe, InputWithActionComponent, NgTemplateOutlet, TranslateModule, MatIcon, MatCheckbox, StopPropagationDirective],
 })
 export class FilterCardComponent implements OnInit {
     readonly #filterService = inject(FilterService);

src/lib/filtering/popup-filter/popup-filter.component.ts

@@ -28,7 +28,7 @@ import { IFilterGroup } from '../models/filter-group.model';
         FilterCardComponent,
         StopPropagationDirective,
         MatMenuContent,
-    ]
+    ],
 })
 export class PopupFilterComponent implements OnInit {
     @Input() primaryFiltersSlug!: string;

src/lib/filtering/quick-filters/quick-filters.component.ts

@@ -6,7 +6,7 @@ import { FilterService } from '../filter.service';
     templateUrl: './quick-filters.component.html',
     styleUrls: ['./quick-filters.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: false
+    standalone: false,
 })
 export class QuickFiltersComponent {
     readonly quickFilters$ = this.filterService.getFilterModels$('quickFilters');

src/lib/filtering/single-filter/single-filter.component.ts

@@ -7,7 +7,7 @@ import { IFilter } from '../models/filter.model';
     selector: 'iqser-single-filter',
     templateUrl: './single-filter.component.html',
     styleUrls: ['./single-filter.component.scss'],
-    standalone: false
+    standalone: false,
 })
 export class SingleFilterComponent {
     @Input() filter!: IFilter;

src/lib/help-mode/help-button/help-button.component.ts

@@ -10,7 +10,7 @@ import { marker as _ } from '@biesbjerg/ngx-translate-extract-marker';
     selector: 'iqser-help-button',
     templateUrl: './help-button.component.html',
     styleUrls: ['./help-button.component.scss'],
-    imports: [MatIcon, MatTooltip]
+    imports: [MatIcon, MatTooltip],
 })
 export class HelpButtonComponent implements OnInit, OnDestroy {
     #helpModeHasBeenActivated = false;

src/lib/help-mode/help-mode-dialog/help-mode-dialog.component.ts

@@ -12,7 +12,7 @@ const DEFAULT_CDK_OVERLAY_CONTAINER_ZINDEX = '800';
     templateUrl: './help-mode-dialog.component.html',
     styleUrls: ['./help-mode-dialog.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
-    imports: [MatCheckbox, CircleButtonComponent, TranslateModule]
+    imports: [MatCheckbox, CircleButtonComponent, TranslateModule],
 })
 export class HelpModeDialogComponent implements OnInit, OnDestroy {
     #backdropClickSubscription: Subscription;

src/lib/help-mode/help-mode/help-mode.component.ts

@@ -3,7 +3,7 @@ import { HelpModeService } from '../help-mode.service';
 import { IqserEventTarget } from '../../utils';
 import { MatDialog } from '@angular/material/dialog';
 import { CircleButtonComponent, CircleButtonTypes } from '../../buttons';
-import { AsyncPipe, NgIf } from '@angular/common';
+import { AsyncPipe } from '@angular/common';
 import { TranslateModule } from '@ngx-translate/core';
 
 @Component({
@@ -11,7 +11,7 @@ import { TranslateModule } from '@ngx-translate/core';
     templateUrl: './help-mode.component.html',
     styleUrls: ['./help-mode.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
-    imports: [AsyncPipe, TranslateModule, NgIf, CircleButtonComponent]
+    imports: [AsyncPipe, TranslateModule, CircleButtonComponent],
 })
 export class HelpModeComponent {
     readonly circleButtonTypes = CircleButtonTypes;

src/lib/inputs/input-with-action/input-with-action.component.ts

@@ -10,7 +10,7 @@ import { randomString } from '../../utils/functions';
     templateUrl: './input-with-action.component.html',
     styleUrls: ['./input-with-action.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
-    imports: [FormsModule, MatIconModule, CircleButtonComponent]
+    imports: [FormsModule, MatIconModule, CircleButtonComponent],
 })
 export class InputWithActionComponent {
     readonly inputId = input(`${randomString() + '-search-input'}`);

src/lib/inputs/round-checkbox/round-checkbox.component.ts

@@ -6,7 +6,7 @@ import { MatIconModule } from '@angular/material/icon';
     templateUrl: './round-checkbox.component.html',
     styleUrls: ['./round-checkbox.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
-    imports: [MatIconModule]
+    imports: [MatIconModule],
 })
 export class RoundCheckboxComponent {
     protected readonly _wrapper = viewChild.required('wrapper', { read: ElementRef });

src/lib/listing/scroll-button/scroll-button.component.ts

@@ -18,7 +18,7 @@ type ButtonType = keyof typeof ButtonTypes;
     templateUrl: './scroll-button.component.html',
     styleUrls: ['./scroll-button.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
-    imports: [AsyncPipe, MatIcon]
+    imports: [AsyncPipe, MatIcon],
 })
 export class ScrollButtonComponent implements OnInit {
     readonly buttonType = ButtonTypes;

src/lib/listing/table-column-name/table-column-name.component.ts

@@ -12,7 +12,7 @@ import { Id, IListable } from '../models';
     templateUrl: './table-column-name.component.html',
     styleUrls: ['./table-column-name.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
-    imports: [MatIcon, MatTooltip, TranslateModule, AsyncPipe, NgClass]
+    imports: [MatIcon, MatTooltip, TranslateModule, AsyncPipe, NgClass],
 })
 export class TableColumnNameComponent<T extends IListable<PrimaryKey>, PrimaryKey extends Id = T['id']> {
     readonly sortingOrders = SortingOrders;

src/lib/listing/table-content/table-item/table-item.component.ts

@@ -12,7 +12,7 @@ import { ListingService } from '../../services/listing.service';
     templateUrl: './table-item.component.html',
     styleUrls: ['./table-item.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
-    imports: [RoundCheckboxComponent, AsyncPipe, NgTemplateOutlet]
+    imports: [RoundCheckboxComponent, AsyncPipe, NgTemplateOutlet],
 })
 export class TableItemComponent<T extends IListable> implements OnChanges {
     @Input() entity!: T;

src/lib/listing/table/table.component.ts

@@ -28,7 +28,7 @@ const SCROLLBAR_WIDTH = 11;
     selector: 'iqser-table [tableColumnConfigs] [itemSize]',
     templateUrl: './table.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
-    imports: [TableHeaderComponent, NgTemplateOutlet, AsyncPipe, EmptyStateComponent, ScrollButtonComponent, TableContentComponent]
+    imports: [TableHeaderComponent, NgTemplateOutlet, AsyncPipe, EmptyStateComponent, ScrollButtonComponent, TableContentComponent],
 })
 export class TableComponent<Class extends IListable<PrimaryKey>, PrimaryKey extends Id = Class['id']> implements OnChanges {
     @ViewChild(TableContentComponent, { static: true }) private readonly _tableContent!: TableContentComponent<Class>;

src/lib/listing/workflow/column-header/column-header.component.ts

@@ -36,7 +36,7 @@ interface ColumnHeaderContext {
     templateUrl: './column-header.component.html',
     styleUrls: ['./column-header.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
-    imports: [AsyncPipe, TranslateModule, RoundCheckboxComponent, NgTemplateOutlet, CircleButtonComponent]
+    imports: [AsyncPipe, TranslateModule, RoundCheckboxComponent, NgTemplateOutlet, CircleButtonComponent],
 })
 export class ColumnHeaderComponent<T extends IListable, K extends string> extends ContextComponent<ColumnHeaderContext> implements OnInit {
     readonly circleButtonTypes = CircleButtonTypes;

src/lib/loading/full-page-loading-indicator/full-page-loading-indicator.component.ts

@@ -5,7 +5,7 @@ import { LoadingService } from '../loading.service';
     selector: 'iqser-full-page-loading-indicator',
     templateUrl: './full-page-loading-indicator.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: false
+    standalone: false,
 })
 export class FullPageLoadingIndicatorComponent {
     constructor(readonly loadingService: LoadingService) {}

src/lib/loading/progress-bar/progress-bar.component.ts

@@ -1,16 +1,16 @@
-import { ChangeDetectionStrategy, Component, Input, Optional, OnInit } from '@angular/core';
-import { ProgressBarConfigModel } from './progress-bar-config.model';
-import { FilterService, INestedFilter } from '../../filtering';
+import { ChangeDetectionStrategy, Component, Input, OnInit, Optional } from '@angular/core';
 import { Observable, of } from 'rxjs';
-import { get, shareLast } from '../../utils';
 import { map } from 'rxjs/operators';
+import { FilterService, INestedFilter } from '../../filtering';
+import { get, shareLast } from '../../utils';
+import { ProgressBarConfigModel } from './progress-bar-config.model';
 
 @Component({
     selector: 'iqser-progress-bar [config]',
     templateUrl: './progress-bar.component.html',
     styleUrls: ['./progress-bar.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: false
+    standalone: false,
 })
 export class ProgressBarComponent implements OnInit {
     @Input() config!: ProgressBarConfigModel;

src/lib/loading/progress-loading/progress-loading.component.ts

@@ -6,7 +6,7 @@ import { ILoadingConfig } from '../loading.service';
     templateUrl: './progress-loading.component.html',
     styleUrls: ['./progress-loading.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: false
+    standalone: false,
 })
 export class ProgressLoadingComponent {
     @Input() config!: ILoadingConfig;

src/lib/permissions/directives/allow.directive.ts

@@ -6,7 +6,6 @@ import { assertTemplate, IqserPermissionsDirective } from './permissions.directi
 
 @Directive({
     selector: '[allow]',
-    standalone: true,
 })
 export class IqserAllowDirective extends IqserPermissionsDirective implements OnDestroy, OnInit {
     /**

src/lib/permissions/directives/deny.directive.ts

@@ -6,7 +6,6 @@ import { assertTemplate, IqserPermissionsDirective } from './permissions.directi
 
 @Directive({
     selector: '[deny]',
-    standalone: true,
 })
 export class IqserDenyDirective extends IqserPermissionsDirective implements OnDestroy, OnInit {
     /**

src/lib/pipes/capitalize.pipe.ts

@@ -3,7 +3,6 @@ import { capitalize } from '../utils';
 
 @Pipe({
     name: 'capitalize',
-    standalone: true,
 })
 export class CapitalizePipe implements PipeTransform {
     transform(value: string): string {

src/lib/pipes/humanize-camel-case.pipe.ts

@@ -3,7 +3,6 @@ import { humanizeCamelCase } from '../utils';
 
 @Pipe({
     name: 'humanizeCamelCase',
-    standalone: true,
 })
 export class HumanizeCamelCasePipe implements PipeTransform {
     transform(item: string): string {

src/lib/pipes/humanize.pipe.ts

@@ -3,7 +3,6 @@ import { humanize } from '../utils';
 
 @Pipe({
     name: 'humanize',
-    standalone: true,
 })
 export class HumanizePipe implements PipeTransform {
     transform(item: string, lowercase = false): string {

src/lib/pipes/log.pipe.ts

@@ -2,7 +2,6 @@ import { Pipe, PipeTransform } from '@angular/core';
 
 @Pipe({
     name: 'log',
-    standalone: true,
 })
 export class LogPipe implements PipeTransform {
     transform<T>(value: T, message = ''): T {

src/lib/pipes/replace-nbsp.pipe.ts

@@ -2,7 +2,6 @@ import { Pipe, PipeTransform } from '@angular/core';
 
 @Pipe({
     name: 'replaceNbsp',
-    standalone: true,
 })
 export class ReplaceNbspPipe implements PipeTransform {
     transform(value: string): string {

src/lib/pipes/size.pipe.ts

@@ -3,7 +3,6 @@ import { size } from '../utils';
 
 @Pipe({
     name: 'size',
-    standalone: true,
 })
 export class SizePipe implements PipeTransform {
     transform(value: number): string {

src/lib/pipes/snake-case.pipe.ts

@@ -2,7 +2,6 @@ import { Pipe, PipeTransform } from '@angular/core';
 
 @Pipe({
     name: 'snakeCase',
-    standalone: true,
 })
 export class SnakeCasePipe implements PipeTransform {
     transform(value: string): string | undefined {

src/lib/shared/logo/logo.component.ts

@@ -1,6 +1,5 @@
 import { ChangeDetectionStrategy, Component, input } from '@angular/core';
 import { MatIconModule } from '@angular/material/icon';
-import { NgClass } from '@angular/common';
 
 @Component({
     selector: 'iqser-logo',
@@ -18,8 +17,8 @@ import { NgClass } from '@angular/common';
         `,
     ],
     changeDetection: ChangeDetectionStrategy.OnPush,
-    imports: [MatIconModule, NgClass]
+    imports: [MatIconModule],
 })
 export class LogoComponent {
-    icon = input.required<string>();
+    readonly icon = input.required<string>();
 }

src/lib/shared/side-nav/side-nav.component.ts

@@ -4,7 +4,6 @@ import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
     selector: 'iqser-side-nav [title]',
     templateUrl: './side-nav.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: true,
 })
 export class SideNavComponent {
     @Input() title!: string;

src/lib/shared/skeleton/skeleton.component.ts

@@ -9,7 +9,7 @@ import { tap } from 'rxjs/operators';
     templateUrl: './skeleton.component.html',
     styleUrls: ['./skeleton.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
-    imports: [NgTemplateOutlet, AsyncPipe]
+    imports: [NgTemplateOutlet, AsyncPipe],
 })
 export class SkeletonComponent {
     @Input() templates!: Record<string, TemplateRef<unknown>>;

src/lib/shared/small-chip/small-chip.component.ts

@@ -13,7 +13,6 @@ import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
         `,
     ],
     changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: true,
 })
 export class SmallChipComponent {
     @Input() color!: string;

src/lib/shared/spacer/spacer.component.ts

@@ -4,7 +4,6 @@ import { Component, HostBinding, Input } from '@angular/core';
     selector: 'iqser-spacer [height]',
     template: ' <div></div> ',
     styleUrls: ['./spacer.component.scss'],
-    standalone: true,
 })
 export class SpacerComponent {
     @Input({ required: true }) height!: number;

src/lib/shared/status-bar/status-bar.component.ts

@@ -9,7 +9,7 @@ import { MatTooltipModule } from '@angular/material/tooltip';
     styleUrls: ['./status-bar.component.scss'],
     encapsulation: ViewEncapsulation.None,
     changeDetection: ChangeDetectionStrategy.OnPush,
-    imports: [NgClass, NgStyle, MatTooltipModule]
+    imports: [NgClass, NgStyle, MatTooltipModule],
 })
 export class StatusBarComponent<T extends string> {
     @Input() configs: readonly StatusBarConfig<T>[] = [];

src/lib/shared/toast/toast.component.ts

@@ -8,7 +8,7 @@ import { StopPropagationDirective } from '../../directives';
 @Component({
     templateUrl: './toast.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
-    imports: [MatIconModule, StopPropagationDirective]
+    imports: [MatIconModule, StopPropagationDirective],
 })
 export class ToastComponent extends Toast {
     get actions(): ToasterActions[] {

src/lib/sorting/sort-by.pipe.ts

@@ -3,7 +3,7 @@ import { SortingOrder } from './models/sorting-order.type';
 import { KeysOf } from '../utils';
 import { sort } from './functions';
 
-@Pipe({ name: 'sortBy', standalone: true })
+@Pipe({ name: 'sortBy' })
 export class SortByPipe implements PipeTransform {
     transform<T>(values: T[], order: SortingOrder, column: KeysOf<T>): T[] {
         return sort(values, order, column);

src/lib/tenants/tenant-select/tenant-select.component.ts

@@ -15,7 +15,7 @@ import { KeycloakStatusService } from '../services/keycloak-status.service';
     templateUrl: './tenant-select.component.html',
     styleUrls: ['./tenant-select.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: false
+    standalone: false,
 })
 export class TenantSelectComponent {
     readonly #uiRoot = inject(UI_ROOT);
@@ -39,10 +39,6 @@ export class TenantSelectComponent {
         this.#loadStoredTenants();
     }
 
-    protected tenantIcon(tenant: IStoredTenantId) {
-        return `red:${tenant.documine ? 'documine' : 'redaction'}-logo`;
-    }
-
     updateTenantSelection() {
         const tenantId = this.form.controls.tenantId.value;
         if (!tenantId) {
@@ -75,6 +71,10 @@ export class TenantSelectComponent {
         this.#loadStoredTenants();
     }
 
+    protected tenantIcon(tenant: IStoredTenantId) {
+        return `red:${tenant.documine ? 'documine' : 'redaction'}-logo`;
+    }
+
     #loadStoredTenants() {
         this.storedTenants = this.tenantsService.getStoredTenants().sort((a, b) => a.tenantId.localeCompare(b.tenantId));
     }

src/lib/upload-file/drag-drop-file-upload.directive.ts

@@ -2,7 +2,6 @@ import { Directive, EventEmitter, HostBinding, HostListener, Output } from '@ang
 
 @Directive({
     selector: '[iqserDragDropFileUpload]',
-    standalone: true,
 })
 export class DragDropFileUploadDirective {
     @Output() readonly fileDropped = new EventEmitter();

src/lib/upload-file/upload-file.component.ts

@@ -1,16 +1,14 @@
 import { ChangeDetectionStrategy, Component, ElementRef, EventEmitter, Input, Output, ViewChild } from '@angular/core';
 import { DragDropFileUploadDirective } from './drag-drop-file-upload.directive';
 import { MatIcon } from '@angular/material/icon';
-import { NgIf } from '@angular/common';
 import { TranslateModule } from '@ngx-translate/core';
 
 @Component({
     selector: 'iqser-upload-file',
     templateUrl: './upload-file.component.html',
-    // eslint-disable-next-line @angular-eslint/no-host-metadata-property
     host: { '[class.iqser-upload-file]': 'true' },
     changeDetection: ChangeDetectionStrategy.OnPush,
-    imports: [DragDropFileUploadDirective, MatIcon, NgIf, TranslateModule]
+    imports: [DragDropFileUploadDirective, MatIcon, TranslateModule],
 })
 export class UploadFileComponent {
     @ViewChild('attachFileInput', { static: true }) attachFileInput!: ElementRef;

src/lib/users/components/user-button/user-button.component.ts

@@ -6,7 +6,7 @@ import { IqserUserService } from '../../services/iqser-user.service';
     templateUrl: './user-button.component.html',
     styleUrls: ['./user-button.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: false
+    standalone: false,
 })
 export class UserButtonComponent {
     @Input() showDot = false;

src/lib/users/name.pipe.ts

@@ -19,7 +19,6 @@ function getInitials(name: string) {
 
 @Pipe({
     name: 'name',
-    standalone: true,
 })
 export class NamePipe implements PipeTransform {
     readonly #translateService = inject(TranslateService);