lints

src/assets/styles/common-layout.scss

@@ -160,7 +160,9 @@ section.settings {
     box-sizing: border-box;
     background: var(--iqser-background);
     overflow: hidden;
-    transition: width ease-in-out 0.2s, min-width ease-in-out 0.2s;
+    transition:
+        width ease-in-out 0.2s,
+        min-width ease-in-out 0.2s;
 
     &:hover {
         overflow-y: auto;

src/assets/styles/common-loading.scss

@@ -7,18 +7,26 @@
     0%,
     20% {
         color: rgba(var(--iqser-accent-rgb), 0);
-        text-shadow: 0.25em 0 0 rgba(var(--iqser-accent-rgb), 0), 0.5em 0 0 rgba(var(--iqser-accent-rgb), 0);
+        text-shadow:
+            0.25em 0 0 rgba(var(--iqser-accent-rgb), 0),
+            0.5em 0 0 rgba(var(--iqser-accent-rgb), 0);
     }
     40% {
         color: var(--iqser-accent);
-        text-shadow: 0.25em 0 0 rgba(var(--iqser-accent-rgb), 0), 0.5em 0 0 rgba(var(--iqser-accent-rgb), 0);
+        text-shadow:
+            0.25em 0 0 rgba(var(--iqser-accent-rgb), 0),
+            0.5em 0 0 rgba(var(--iqser-accent-rgb), 0);
     }
     60% {
-        text-shadow: 0.25em 0 0 var(--iqser-accent), 0.5em 0 0 rgba(var(--iqser-accent-rgb), 0);
+        text-shadow:
+            0.25em 0 0 var(--iqser-accent),
+            0.5em 0 0 rgba(var(--iqser-accent-rgb), 0);
     }
     80%,
     100% {
-        text-shadow: 0.25em 0 0 var(--iqser-accent), 0.5em 0 0 var(--iqser-accent);
+        text-shadow:
+            0.25em 0 0 var(--iqser-accent),
+            0.5em 0 0 var(--iqser-accent);
     }
 }
 

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

@@ -30,7 +30,10 @@ export abstract class BaseDialogComponent implements AfterViewInit, OnDestroy {
     readonly #dialog = inject(MatDialog);
     #hasErrors = false;
 
-    protected constructor(protected readonly _dialogRef: MatDialogRef<BaseDialogComponent>, private readonly _isInEditMode = false) {}
+    protected constructor(
+        protected readonly _dialogRef: MatDialogRef<BaseDialogComponent>,
+        private readonly _isInEditMode = false,
+    ) {}
 
     get valid(): boolean {
         return !this.form || this.form.valid;

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

@@ -20,7 +20,7 @@
         <div *ngIf="config.checkboxes.length > 0" class="mt-24 checkboxes-wrapper">
             <ng-container *ngFor="let checkbox of config.checkboxes">
                 <mat-checkbox [(ngModel)]="checkbox.value" [class.error]="!checkbox.value && showToast" color="primary">
-                    {{ checkbox.label | translate : config.translateParams }}
+                    {{ checkbox.label | translate: config.translateParams }}
                 </mat-checkbox>
                 <ng-container *ngTemplateOutlet="checkbox.extraContent; context: { data: checkbox.extraContentData }"></ng-container>
             </ng-container>

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

@@ -7,7 +7,10 @@ import { ChangeDetectorRef, Directive, ElementRef, HostBinding, HostListener, On
 export class HasScrollbarDirective implements OnInit, OnChanges {
     @HostBinding('class') class = '';
 
-    constructor(protected readonly _elementRef: ElementRef, protected readonly _changeDetector: ChangeDetectorRef) {}
+    constructor(
+        protected readonly _elementRef: ElementRef,
+        protected readonly _changeDetector: ChangeDetectorRef,
+    ) {}
 
     get hasScrollbar() {
         const element = this._elementRef?.nativeElement as HTMLElement;

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

@@ -13,7 +13,10 @@ import { CircleButtonTypes } from '../../buttons';
 export class HelpModeComponent {
     readonly circleButtonTypes = CircleButtonTypes;
 
-    constructor(private readonly _dialog: MatDialog, readonly helpModeService: HelpModeService) {}
+    constructor(
+        private readonly _dialog: MatDialog,
+        readonly helpModeService: HelpModeService,
+    ) {}
 
     @HostListener('document:keydown.escape', ['$event'])
     onEscKeydownHandler(event: KeyboardEvent): void {

src/lib/inputs/details-radio/details-radio.component.html

@@ -14,8 +14,8 @@
             <mat-icon [svgIcon]="option.icon" class="icon"></mat-icon>
 
             <div class="text">
-                <label class="details-radio-label pointer">{{ option.label | translate : option.descriptionParams }}</label>
-                <span class="hint">{{ option.description | translate : option.descriptionParams | replaceNbsp }}</span>
+                <label class="details-radio-label pointer">{{ option.label | translate: option.descriptionParams }}</label>
+                <span class="hint">{{ option.description | translate: option.descriptionParams | replaceNbsp }}</span>
 
                 <div *ngIf="option.extraOption && !option.extraOption.hidden && isSelected(option)" class="iqser-input-group">
                     <mat-checkbox

src/lib/listing/page-header/page-header.component.ts

@@ -34,7 +34,10 @@ export class PageHeaderComponent<T extends IListable> {
     readonly filters$ = this.filterService?.filterGroups$.pipe(filterEach(f => !!f.icon));
     readonly showResetFilters$ = this.#showResetFilters$;
 
-    constructor(@Optional() readonly filterService: FilterService, @Optional() readonly searchService: SearchService<T>) {}
+    constructor(
+        @Optional() readonly filterService: FilterService,
+        @Optional() readonly searchService: SearchService<T>,
+    ) {}
 
     get filterHelpModeKey() {
         return this.helpModeKey ? `filter_${this.helpModeKey}_list` : '';

src/lib/listing/table-header/table-header.component.html

@@ -9,7 +9,7 @@
         ></iqser-round-checkbox>
 
         <span class="all-caps-label">
-            {{ tableHeaderLabel | translate : { length: totalSize || (listingService.displayedLength$ | async) } }}
+            {{ tableHeaderLabel | translate: { length: totalSize || (listingService.displayedLength$ | async) } }}
         </span>
     </div>
 

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

@@ -44,7 +44,10 @@ export class ColumnHeaderComponent<T extends IListable, K extends string> extend
 
     @ViewChild('bulkActionsContainer') bulkActionsContainer?: ElementRef;
 
-    constructor(readonly listingService: ListingService<T>, private readonly _changeRef: ChangeDetectorRef) {
+    constructor(
+        readonly listingService: ListingService<T>,
+        private readonly _changeRef: ChangeDetectorRef,
+    ) {
         super();
     }
 

src/lib/listing/workflow/workflow.component.scss

@@ -116,7 +116,9 @@
 
 .item,
 .add-btn {
-    transition: background-color 0.2s, box-shadow 0.2s;
+    transition:
+        background-color 0.2s,
+        box-shadow 0.2s;
     border-radius: 8px;
     margin: 0 8px 4px 8px;
 

src/lib/translations/pruning-translation-loader.ts

@@ -8,7 +8,11 @@ interface T {
 }
 
 export class PruningTranslationLoader implements TranslateLoader {
-    constructor(private readonly _http: HttpClient, private readonly _prefix: string, private readonly _suffix: string) {}
+    constructor(
+        private readonly _http: HttpClient,
+        private readonly _prefix: string,
+        private readonly _suffix: string,
+    ) {}
 
     getTranslation(lang: string): Observable<T> {
         return this._http.get(`${this._prefix}${lang}${this._suffix}`).pipe(map(result => this._process(result as T)));

src/lib/users/components/initials-avatar/initials-avatar.component.html

@@ -1,10 +1,10 @@
-<div *ngIf="_user && _user | name : namePipeOptions as userName" class="wrapper">
+<div *ngIf="_user && _user | name: namePipeOptions as userName" class="wrapper">
     <div
         [className]="colorClass + ' oval ' + size + (hasBorder ? ' border' : '')"
         [matTooltipPosition]="tooltipPosition"
         [matTooltip]="showTooltip ? userName : ''"
     >
-        {{ _user | name : { showInitials: true } }}
+        {{ _user | name: { showInitials: true } }}
     </div>
 
     <div *ngIf="withName" [class.disabled]="disabled" class="clamp-1 username" id="avatarUsername">

src/lib/users/components/initials-avatar/initials-avatar.component.ts

@@ -24,7 +24,10 @@ export class InitialsAvatarComponent<Interface extends IIqserUser = IIqserUser,
     colorClass?: string;
     namePipeOptions?: NamePipeOptions;
 
-    constructor(private readonly _userService: IqserUserService<Interface, Class>, private readonly _translateService: TranslateService) {}
+    constructor(
+        private readonly _userService: IqserUserService<Interface, Class>,
+        private readonly _translateService: TranslateService,
+    ) {}
 
     _user?: Class;
 

src/lib/users/guards/iqser-auth-guard.service.ts

@@ -8,7 +8,10 @@ import { KeycloakLoginOptions } from 'keycloak-js';
 export class IqserAuthGuard extends KeycloakAuthGuard {
     readonly #config = getConfig();
 
-    constructor(protected readonly _router: Router, protected readonly _keycloak: KeycloakService) {
+    constructor(
+        protected readonly _router: Router,
+        protected readonly _keycloak: KeycloakService,
+    ) {
         super(_router, _keycloak);
     }
 

src/lib/users/iqser-user.model.ts

@@ -16,7 +16,11 @@ export class IqserUser implements IIqserUser, IListable {
 
     constructor(user: KeycloakProfile | IIqserUser, ...args: unknown[]);
 
-    constructor(user: KeycloakProfile | IIqserUser, readonly roles: List, readonly userId: string) {
+    constructor(
+        user: KeycloakProfile | IIqserUser,
+        readonly roles: List,
+        readonly userId: string,
+    ) {
         this.hasAnyRole = this.roles.length > 0;
         this.email = user.email;
         this.username = user.username ?? this.email ?? 'unknown user';

src/lib/users/name.pipe.ts

@@ -26,7 +26,10 @@ export class NamePipe implements PipeTransform {
         showInitials: false,
     };
 
-    constructor(private readonly _userService: IqserUserService, private readonly _translateService: TranslateService) {}
+    constructor(
+        private readonly _userService: IqserUserService,
+        private readonly _translateService: TranslateService,
+    ) {}
 
     transform(value: IqserUser | string, options: NamePipeOptions = this._defaultOptions): string {
         if (!value || value === 'undefined') {