RED-10509: added disableStopPropagation option for action config.

removed logging
Removed offset and fixed notification polling
2024-11-25 10:40:42 +02:00 · 2024-11-06 15:55:44 +02:00 · 2024-11-06 15:55:40 +02:00 · 2024-09-26 11:54:09 +03:00 · 2024-09-10 11:38:59 +03:00 · 2024-09-05 17:20:08 +03:00
101 changed files with 184 additions and 484 deletions
--- a/.eslintrc.js
+++ b/.eslintrc.js
@ -206,7 +206,6 @@ module.exports = {
            ],
            rules: {
                'rxjs/no-ignored-subscription': 'error',
-                '@angular-eslint/prefer-standalone': 'off',
                '@angular-eslint/directive-selector': [
                    'error',
                    {
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
@ -1,19 +0,0 @@
-sonarqube:
-  stage: test
-  image:
-    name: sonarsource/sonar-scanner-cli:11.1
-    entrypoint:
-    - ''
-  variables:
-    SONAR_USER_HOME: "${CI_PROJECT_DIR}/.sonar"
-    GIT_DEPTH: '0'
-  cache:
-    key: "${CI_JOB_NAME}"
-    paths:
-    - ".sonar/cache"
-  script:
-  - sonar-scanner
-  rules:
-  - if: $CI_PIPELINE_SOURCE == "merge_request_event"
-  - if: "$CI_COMMIT_BRANCH == $CI_DEFAULT_BRANCH"
-  - if: "$CI_COMMIT_BRANCH =~ /^release/"
--- a/sonar-project.properties
+++ b/sonar-project.properties
@ -1,2 +0,0 @@
-sonar.projectKey=common-ui
-sonar.qualitygate.wait=false
--- a/src/assets/styles/common-components.scss
+++ b/src/assets/styles/common-components.scss
@ -22,14 +22,6 @@
        font-size: var(--iqser-font-size);
    }

-    &.extra-small {
-        height: 16px;
-        width: 16px;
-        min-width: 16px;
-        font-size: 10px;
-        font-weight: lighter;
-    }
-
    &.gray-dark {
        background-color: var(--iqser-user-avatar-1);
        color: var(--iqser-text);
--- a/src/assets/styles/common-dialogs.scss
+++ b/src/assets/styles/common-dialogs.scss
@ -47,10 +47,7 @@
                font-weight: bold;
                padding-bottom: 8px;
            }
-        }

-        &.redaction,
-        &.force-annotation {
            iqser-details-radio {
                padding-top: 20px;
            }
--- a/src/assets/styles/common-layout.scss
+++ b/src/assets/styles/common-layout.scss
@ -156,11 +156,9 @@ section.settings {
    box-sizing: border-box;
    background: var(--iqser-background);
    overflow: hidden;
-    &.with-transition {
-        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;
    @include common-mixins.scroll-bar;

    &:hover {
@ -256,10 +254,6 @@ section.settings {
    cursor: pointer;
 }

-.cursor-default {
-    cursor: default;
-}
-
 .fit-content {
    width: fit-content;
 }
--- a/src/assets/styles/common-utilities.scss
+++ b/src/assets/styles/common-utilities.scss
@ -1,5 +1,3 @@
-@use 'sass:string';
-@use 'sass:list';
 /* Margins, paddings */

 $start: 0;
@ -9,19 +7,19 @@ $values: '';
 $sides: (top, bottom, left, right);

@for $i from $start + 1 through $end {
-    $values: list.append($values, $i, comma);
-    $values: list.set-nth($values, 1, $start);
+    $values: append($values, $i, comma);
+    $values: set-nth($values, 1, $start);
 }

 // TODO: Check if !important can be avoided

@each $space in $values {
    @each $side in $sides {
-        .m#{string.slice($side, 0, 1)}-#{$space} {
+        .m#{str-slice($side, 0, 1)}-#{$space} {
            margin-#{$side}: #{$space}px !important;
        }

-        .p#{string.slice($side, 0, 1)}-#{$space} {
+        .p#{str-slice($side, 0, 1)}-#{$space} {
            padding-#{$side}: #{$space}px !important;
        }
    }
--- a/src/lib/buttons/chevron-button/chevron-button.component.ts
+++ b/src/lib/buttons/chevron-button/chevron-button.component.ts
@ -8,6 +8,7 @@ import { randomString } from '../../utils';
    templateUrl: './chevron-button.component.html',
    styleUrls: ['./chevron-button.component.scss'],
    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: true,
    imports: [MatIconModule, MatButtonModule],
 })
 export class ChevronButtonComponent {
--- a/src/lib/buttons/circle-button/circle-button.component.ts
+++ b/src/lib/buttons/circle-button/circle-button.component.ts
@ -24,6 +24,7 @@ import { CircleButtonType, CircleButtonTypes } from '../types/circle-button.type
    templateUrl: './circle-button.component.html',
    styleUrls: ['./circle-button.component.scss'],
    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: true,
    imports: [MatTooltipModule, MatIconModule, MatButtonModule, StopPropagationDirective],
 })
 export class CircleButtonComponent {
--- a/src/lib/buttons/icon-button/icon-button.component.ts
+++ b/src/lib/buttons/icon-button/icon-button.component.ts
@ -11,6 +11,7 @@ import { IconButtonType, IconButtonTypes } from '../types/icon-button.type';
    selector: 'iqser-icon-button',
    templateUrl: './icon-button.component.html',
    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: true,
    imports: [NgClass, MatButtonModule, MatIconModule, StopPropagationDirective],
 })
 export class IconButtonComponent {
--- a/src/lib/dialog/confirmation-dialog/confirmation-dialog.component.html
+++ b/src/lib/dialog/confirmation-dialog/confirmation-dialog.component.html
@ -11,10 +11,6 @@
    }

    <div class="dialog-content">
-        @if (config.component) {
-            <ng-container #detailsComponent></ng-container>
-        }
-
        <p [class.heading]="isDeleteAction" [innerHTML]="config.question" class="mt-0 mb-8"></p>
        @if (config.details) {
            <p [innerHTML]="config.details" class="mt-0"></p>
@ -39,20 +35,14 @@
        }
    </div>

-    <div class="dialog-actions" [class.reverse]="config.cancelButtonPrimary">
-        @if (!config.cancelButtonPrimary) {
-            <iqser-icon-button
-                (action)="confirm(confirmOption)"
-                [disabled]="(config.requireInput && confirmationDoesNotMatch()) || config.disableConfirm"
-                [label]="config.confirmationText"
-                [type]="iconButtonTypes.primary"
-                buttonId="confirm"
-            ></iqser-icon-button>
-        } @else {
-            <div (click)="confirm(confirmOption)" class="all-caps-label cancel no-uppercase" id="confirm">
-                {{ config.confirmationText }}
-            </div>
-        }
+    <div class="dialog-actions">
+        <iqser-icon-button
+            (action)="confirm(confirmOption)"
+            [disabled]="(config.requireInput && confirmationDoesNotMatch()) || config.disableConfirm"
+            [label]="config.confirmationText"
+            [type]="iconButtonTypes.primary"
+            buttonId="confirm"
+        ></iqser-icon-button>

        @if (config.alternativeConfirmationText) {
            <iqser-icon-button
@ -70,13 +60,9 @@
        }

        @if (!config.discardChangesText) {
-            @if (config.cancelButtonPrimary) {
-                <iqser-icon-button (click)="deny()" [label]="config.denyText" [type]="iconButtonTypes.primary"></iqser-icon-button>
-            } @else {
-                <div (click)="deny()" class="all-caps-label cancel">
-                    {{ config.denyText }}
-                </div>
-            }
+            <div (click)="deny()" class="all-caps-label cancel">
+                {{ config.denyText }}
+            </div>
        }
    </div>

--- a/src/lib/dialog/confirmation-dialog/confirmation-dialog.component.scss
+++ b/src/lib/dialog/confirmation-dialog/confirmation-dialog.component.scss
@ -6,12 +6,3 @@
    display: flex;
    flex-direction: column;
 }
-
-.reverse {
-    flex-direction: row-reverse;
-    justify-content: flex-end;
-}
-
-.no-uppercase {
-    text-transform: unset;
-}
--- a/src/lib/dialog/confirmation-dialog/confirmation-dialog.component.ts
+++ b/src/lib/dialog/confirmation-dialog/confirmation-dialog.component.ts
@ -1,24 +1,15 @@
 import { NgTemplateOutlet } from '@angular/common';
-import {
-    AfterViewInit,
-    ChangeDetectionStrategy,
-    Component,
-    HostListener,
-    inject,
-    TemplateRef,
-    Type,
-    viewChild,
-    ViewContainerRef,
-} from '@angular/core';
+import { ChangeDetectionStrategy, Component, HostListener, inject, TemplateRef } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { MatCheckboxModule } from '@angular/material/checkbox';
 import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
 import { MatIconModule } from '@angular/material/icon';
 import { marker as _ } from '@biesbjerg/ngx-translate-extract-marker';
 import { TranslateModule, TranslateService } from '@ngx-translate/core';
-import { CircleButtonComponent, IconButtonTypes } from '../../buttons';
-import { IconButtonComponent } from '../../buttons';
-import { ValuesOf } from '../../utils';
+import { CircleButtonComponent } from '../../buttons/circle-button/circle-button.component';
+import { IconButtonComponent } from '../../buttons/icon-button/icon-button.component';
+import { IconButtonTypes } from '../../buttons/types/icon-button.type';
+import { ValuesOf } from '../../utils/types/utility-types';

 export const TitleColors = {
    DEFAULT: 'default',
@ -57,9 +48,6 @@ interface InternalConfirmationDialogData {
    readonly checkboxes: CheckBox[];
    readonly checkboxesValidation: boolean;
    readonly toastMessage?: string;
-    readonly component?: Type<unknown>;
-    readonly componentInputs?: { [key: string]: unknown };
-    readonly cancelButtonPrimary?: boolean;
 }

 export type IConfirmationDialogData = Partial<InternalConfirmationDialogData>;
@ -77,9 +65,6 @@ function getConfig(options?: IConfirmationDialogData): InternalConfirmationDialo
        denyText: options?.denyText ?? _('common.confirmation-dialog.deny'),
        checkboxes: options?.checkboxes ?? [],
        checkboxesValidation: typeof options?.checkboxesValidation === 'boolean' ? options.checkboxesValidation : true,
-        component: options?.component,
-        componentInputs: options?.componentInputs,
-        cancelButtonPrimary: options?.cancelButtonPrimary ?? false,
    };
 }

@ -87,6 +72,7 @@ function getConfig(options?: IConfirmationDialogData): InternalConfirmationDialo
    templateUrl: './confirmation-dialog.component.html',
    styleUrls: ['./confirmation-dialog.component.scss'],
    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: true,
    imports: [
        MatIconModule,
        FormsModule,
@ -98,14 +84,13 @@ function getConfig(options?: IConfirmationDialogData): InternalConfirmationDialo
        MatDialogModule,
    ],
 })
-export class ConfirmationDialogComponent implements AfterViewInit {
+export class ConfirmationDialogComponent {
    readonly config = getConfig(inject(MAT_DIALOG_DATA));
    inputValue = '';
    showToast = false;
    readonly inputLabel: string;
    readonly confirmOptions = ConfirmOptions;
    readonly iconButtonTypes = IconButtonTypes;
-    readonly detailsComponentRef = viewChild.required('detailsComponent', { read: ViewContainerRef });

    constructor(
        private readonly _dialogRef: MatDialogRef<ConfirmationDialogComponent, ConfirmOption>,
@ -130,19 +115,13 @@ export class ConfirmationDialogComponent implements AfterViewInit {
        return ConfirmOptions.CONFIRM;
    }

-    @HostListener('window:keyup.enter', ['$event'])
-    onKeyupEnter(event: KeyboardEvent): void {
-        event?.stopImmediatePropagation();
-        if (!this.config.requireInput || !this.confirmationDoesNotMatch()) {
-            if (!this.config.cancelButtonPrimary) this.confirm(ConfirmOptions.CONFIRM);
-            else this.deny();
+    @HostListener('window:keyup.enter')
+    onKeyupEnter(): void {
+        if (this.config.requireInput && !this.confirmationDoesNotMatch()) {
+            this.confirm(ConfirmOptions.CONFIRM);
        }
    }

-    ngAfterViewInit() {
-        this.#initializeDetailsComponent();
-    }
-
    confirmationDoesNotMatch(): boolean {
        return this.inputValue.toLowerCase() !== this.config.confirmationText.toLowerCase();
    }
@ -177,13 +156,9 @@ export class ConfirmationDialogComponent implements AfterViewInit {
        });
    }

-    #initializeDetailsComponent() {
-        if (!this.config.component) return;
-        const component = this.detailsComponentRef().createComponent(this.config.component);
-        if (this.config.componentInputs) {
-            for (const [key, value] of Object.entries(this.config.componentInputs)) {
-                (component.instance as any)[key] = value;
-            }
-        }
+    @HostListener('window:keydown.Enter', ['$event'])
+    onEnter(event: KeyboardEvent): void {
+        event?.stopImmediatePropagation();
+        this.confirm(ConfirmOptions.CONFIRM);
    }
 }
--- a/src/lib/dialog/iqser-dialog-component.directive.ts
+++ b/src/lib/dialog/iqser-dialog-component.directive.ts
@ -22,8 +22,6 @@ export abstract class IqserDialogComponent<ComponentType, DataType = null, Retur
    readonly data = inject<DataType>(MAT_DIALOG_DATA);
    readonly dialog = inject(MatDialog);
    readonly form?: FormGroup;
-    readonly ignoredKeys: string[] = [];
-
    initialFormValue: Record<string, unknown> = {};

    constructor(private readonly _editMode = false) {
@ -39,7 +37,7 @@ export abstract class IqserDialogComponent<ComponentType, DataType = null, Retur
    }

    get changed(): boolean {
-        return !this.form || hasFormChanged(this.form, this.initialFormValue, this.ignoredKeys);
+        return !this.form || hasFormChanged(this.form, this.initialFormValue);
    }

    get disabled(): boolean {
--- a/src/lib/directives/disable-stop-propagation.directive.ts
+++ b/src/lib/directives/disable-stop-propagation.directive.ts
@ -2,6 +2,7 @@ import { booleanAttribute, Directive, input } from '@angular/core';

@Directive({
    selector: '[iqserDisableStopPropagation]',
+    standalone: true,
 })
 export class DisableStopPropagationDirective {
    readonly iqserDisableStopPropagation = input(true, { transform: booleanAttribute });
--- a/src/lib/directives/has-scrollbar.directive.ts
+++ b/src/lib/directives/has-scrollbar.directive.ts
@ -2,6 +2,7 @@ import { Directive, ElementRef, OnDestroy, OnInit, signal } from '@angular/core'

@Directive({
    selector: '[iqserHasScrollbar]',
+    standalone: true,
    host: {
        '[class]': '_class()',
    },
--- a/src/lib/directives/hidden-action.directive.ts
+++ b/src/lib/directives/hidden-action.directive.ts
@ -2,6 +2,7 @@ import { Directive, EventEmitter, HostListener, Input, Output } from '@angular/c

@Directive({
    selector: '[iqserHiddenAction]',
+    standalone: true,
 })
 export class HiddenActionDirective {
    @Input() requiredClicks = 4;
--- a/src/lib/directives/prevent-default.directive.ts
+++ b/src/lib/directives/prevent-default.directive.ts
@ -3,6 +3,7 @@ import { NGXLogger } from 'ngx-logger';

@Directive({
    selector: '[iqserPreventDefault]',
+    standalone: true,
 })
 export class PreventDefaultDirective {
    readonly #logger = inject(NGXLogger);
--- a/src/lib/directives/stop-propagation.directive.ts
+++ b/src/lib/directives/stop-propagation.directive.ts
@ -4,6 +4,7 @@ import { DisableStopPropagationDirective } from './disable-stop-propagation.dire

@Directive({
    selector: '[iqserStopPropagation]',
+    standalone: true,
 })
 export class StopPropagationDirective {
    readonly #disableStopPropagation = inject(DisableStopPropagationDirective, { optional: true });
--- a/src/lib/directives/sync-width.directive.ts
+++ b/src/lib/directives/sync-width.directive.ts
@ -2,6 +2,7 @@ import { Directive, ElementRef, HostListener, Input, OnDestroy } from '@angular/

@Directive({
    selector: '[iqserSyncWidth]',
+    standalone: true,
 })
 export class SyncWidthDirective implements OnDestroy {
    @Input() iqserSyncWidth!: string;
--- a/src/lib/empty-state/empty-state.component.ts
+++ b/src/lib/empty-state/empty-state.component.ts
@ -19,6 +19,7 @@ import { randomString } from '../utils/functions';
    templateUrl: './empty-state.component.html',
    styleUrls: ['./empty-state.component.scss'],
    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: true,
    imports: [NgStyle, MatIconModule, IconButtonComponent],
 })
 export class EmptyStateComponent {
--- a/src/lib/error/connection-status/connection-status.component.ts
+++ b/src/lib/error/connection-status/connection-status.component.ts
@ -17,7 +17,6 @@ import { ErrorService } from '../error.service';
        ]),
    ],
    changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: false,
 })
 export class ConnectionStatusComponent {
    protected readonly connectionStatusTranslations = connectionStatusTranslations;
--- a/src/lib/error/full-page-error/full-page-error.component.ts
+++ b/src/lib/error/full-page-error/full-page-error.component.ts
@ -8,7 +8,6 @@ import { CustomError, ErrorService, ErrorType } from '../error.service';
    templateUrl: './full-page-error.component.html',
    styleUrls: ['./full-page-error.component.scss'],
    changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: false,
 })
 export class FullPageErrorComponent {
    protected readonly iconButtonTypes = IconButtonTypes;
--- a/src/lib/filtering/filter-card/filter-card.component.ts
+++ b/src/lib/filtering/filter-card/filter-card.component.ts
@ -37,6 +37,7 @@ const atLeastOneIsExpandable = pipe(
            },
        },
    ],
+    standalone: true,
    imports: [AsyncPipe, InputWithActionComponent, NgTemplateOutlet, TranslateModule, MatIcon, MatCheckbox, StopPropagationDirective],
 })
 export class FilterCardComponent implements OnInit {
--- a/src/lib/filtering/models/nested-filter.ts
+++ b/src/lib/filtering/models/nested-filter.ts
@ -8,8 +8,8 @@ export class NestedFilter extends Filter implements INestedFilter, IListable {
    disabled?: boolean;
    helpModeKey?: string;
    readonly children: Filter[];
-    override readonly skipTranslation?: boolean;
-    override readonly metadata?: Record<string, any>;
+    readonly skipTranslation?: boolean;
+    readonly metadata?: Record<string, any>;

    constructor(nestedFilter: INestedFilter) {
        super(nestedFilter);
--- a/src/lib/filtering/popup-filter/popup-filter.component.ts
+++ b/src/lib/filtering/popup-filter/popup-filter.component.ts
@ -29,6 +29,7 @@ import { IFilterGroup } from '../models/filter-group.model';
        StopPropagationDirective,
        MatMenuContent,
    ],
+    standalone: true,
 })
 export class PopupFilterComponent implements OnInit {
    @Input() primaryFiltersSlug!: string;
--- a/src/lib/filtering/quick-filters/quick-filters.component.html
+++ b/src/lib/filtering/quick-filters/quick-filters.component.html
@ -1,5 +1,5 @@
@if (quickFilters$ | async; as filters) {
-    @for (filter of filters; track filter.id) {
+    @for (filter of filters; track filter) {
        <div
            (click)="filterService.toggleFilter('quickFilters', filter.id)"
            [class.active]="filter.checked"
--- a/src/lib/filtering/quick-filters/quick-filters.component.ts
+++ b/src/lib/filtering/quick-filters/quick-filters.component.ts
@ -6,7 +6,6 @@ import { FilterService } from '../filter.service';
    templateUrl: './quick-filters.component.html',
    styleUrls: ['./quick-filters.component.scss'],
    changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: false,
 })
 export class QuickFiltersComponent {
    readonly quickFilters$ = this.filterService.getFilterModels$('quickFilters');
--- a/src/lib/filtering/simple-popup-filter/simple-popup-filter.component.ts
+++ b/src/lib/filtering/simple-popup-filter/simple-popup-filter.component.ts
@ -13,6 +13,7 @@ import { SimpleFilterOption } from '../models/simple-filter-option';
    selector: 'iqser-simple-popup-filter',
    templateUrl: './simple-popup-filter.component.html',
    styleUrls: ['./simple-popup-filter.component.scss'],
+    standalone: true,
    imports: [
        MatMenuModule,
        IconButtonComponent,
--- a/src/lib/filtering/single-filter/single-filter.component.ts
+++ b/src/lib/filtering/single-filter/single-filter.component.ts
@ -7,7 +7,6 @@ import { IFilter } from '../models/filter.model';
    selector: 'iqser-single-filter',
    templateUrl: './single-filter.component.html',
    styleUrls: ['./single-filter.component.scss'],
-    standalone: false,
 })
 export class SingleFilterComponent {
    @Input() filter!: IFilter;
--- a/src/lib/help-mode/help-button/help-button.component.ts
+++ b/src/lib/help-mode/help-button/help-button.component.ts
@ -10,6 +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'],
+    standalone: true,
    imports: [MatIcon, MatTooltip],
 })
 export class HelpButtonComponent implements OnInit, OnDestroy {
--- a/src/lib/help-mode/help-mode-dialog/help-mode-dialog.component.ts
+++ b/src/lib/help-mode/help-mode-dialog/help-mode-dialog.component.ts
@ -12,6 +12,7 @@ const DEFAULT_CDK_OVERLAY_CONTAINER_ZINDEX = '800';
    templateUrl: './help-mode-dialog.component.html',
    styleUrls: ['./help-mode-dialog.component.scss'],
    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: true,
    imports: [MatCheckbox, CircleButtonComponent, TranslateModule],
 })
 export class HelpModeDialogComponent implements OnInit, OnDestroy {
--- a/src/lib/help-mode/help-mode/help-mode.component.ts
+++ b/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 } from '@angular/common';
+import { AsyncPipe, NgIf } from '@angular/common';
 import { TranslateModule } from '@ngx-translate/core';

@Component({
@ -11,7 +11,8 @@ import { TranslateModule } from '@ngx-translate/core';
    templateUrl: './help-mode.component.html',
    styleUrls: ['./help-mode.component.scss'],
    changeDetection: ChangeDetectionStrategy.OnPush,
-    imports: [AsyncPipe, TranslateModule, CircleButtonComponent],
+    standalone: true,
+    imports: [AsyncPipe, TranslateModule, NgIf, CircleButtonComponent],
 })
 export class HelpModeComponent {
    readonly circleButtonTypes = CircleButtonTypes;
--- a/src/lib/inputs/details-radio/details-radio-option.ts
+++ b/src/lib/inputs/details-radio/details-radio-option.ts
@ -1,29 +1,19 @@
-interface AdditionalField {
+interface ExtraOption {
    label: string;
-    description?: string;
-}
-
-interface AdditionalCheck extends AdditionalField {
-    checked?: boolean;
+    checked: boolean;
    hidden?: boolean;
    disabled?: boolean;
-}
-
-interface AdditionalInput extends AdditionalField {
-    value: string;
-    placeholder?: string;
-    errorCode?: string;
+    description?: string;
 }

 export interface DetailsRadioOption<I> {
    id?: string;
    label: string;
    description: string;
-    descriptionParams?: Record<string, string | number>;
+    descriptionParams?: Record<string, string>;
    icon?: string;
    value: I;
    disabled?: boolean;
    tooltip?: string;
-    additionalCheck?: AdditionalCheck;
-    additionalInput?: AdditionalInput;
+    extraOption?: ExtraOption;
 }
--- a/src/lib/inputs/details-radio/details-radio.component.html
+++ b/src/lib/inputs/details-radio/details-radio.component.html
@ -20,48 +20,25 @@

                        <span class="hint">{{ option.description | translate: option.descriptionParams | replaceNbsp }}</span>

-                        @if (isSelected(option)) {
-                            @if (option.additionalCheck && !option.additionalCheck.hidden) {
-                                <div class="iqser-input-group w-450">
-                                    <mat-checkbox
-                                        (change)="emitExtraOption()"
-                                        [(ngModel)]="option.additionalCheck.checked"
-                                        [checked]="option.additionalCheck.checked"
-                                        [disabled]="!!option.additionalCheck.disabled"
-                                        color="primary"
-                                    >
-                                        {{ option.additionalCheck.label | translate | replaceNbsp }}
-                                    </mat-checkbox>
+                        @if (option.extraOption && !option.extraOption.hidden && isSelected(option)) {
+                            <div class="iqser-input-group">
+                                <mat-checkbox
+                                    (change)="emitExtraOption()"
+                                    [(ngModel)]="option.extraOption.checked"
+                                    [checked]="option.extraOption.checked"
+                                    [disabled]="!!option.extraOption.disabled"
+                                    color="primary"
+                                >
+                                    {{ option.extraOption.label | translate | replaceNbsp }}
+                                </mat-checkbox>

-                                    @if (option.additionalCheck.description) {
-                                        <span
-                                            [innerHTML]="option.additionalCheck.description | translate"
-                                            class="hint additional-check-description"
-                                        ></span>
-                                    }
-                                </div>
-                            }
-
-                            @if (option.additionalInput) {
-                                <div class="iqser-input-group w-full additional-input">
-                                    <span class="label"> {{ option.additionalInput.label | translate }} </span>
-                                    <div class="flex-column">
-                                        <input
-                                            [(ngModel)]="option.additionalInput.value"
-                                            [ngClass]="{ error: additionalInputTouched && hasError(option.additionalInput.errorCode) }"
-                                            [placeholder]="
-                                                option.additionalInput.placeholder ? (option.additionalInput.placeholder | translate) : ''
-                                            "
-                                            (blur)="additionalInputTouched = true"
-                                            (focus)="additionalInputTouched = false"
-                                            (keydown)="emitExtraOption()"
-                                        />
-                                        @if (option.additionalInput.description) {
-                                            <span class="hint" [innerHTML]="option.additionalInput.description | translate"></span>
-                                        }
-                                    </div>
-                                </div>
-                            }
+                                @if (option.extraOption.description) {
+                                    <span
+                                        [innerHTML]="option.extraOption.description | translate"
+                                        class="hint extra-option-description"
+                                    ></span>
+                                }
+                            </div>
                        }
                    </div>

--- a/src/lib/inputs/details-radio/details-radio.component.scss
+++ b/src/lib/inputs/details-radio/details-radio.component.scss
@ -43,44 +43,10 @@ label {
        }
    }

-    .additional-check-description {
+    .extra-option-description {
        margin-left: 23px;
        opacity: 0.49;
    }
-
-    .additional-input {
-        display: flex;
-        flex-direction: row;
-        gap: 10px;
-
-        span {
-            margin-top: 8px;
-            font-size: 12px;
-        }
-
-        div {
-            .error {
-                border-color: var(--iqser-red-1);
-            }
-
-            display: flex;
-
-            span {
-                font-size: 10px;
-                margin-top: 4px;
-            }
-        }
-
-        .flex-column {
-            flex: 1;
-
-            input {
-                width: 232px;
-                min-height: 30px;
-                height: 30px;
-            }
-        }
-    }
 }

 .row {
--- a/src/lib/inputs/details-radio/details-radio.component.ts
+++ b/src/lib/inputs/details-radio/details-radio.component.ts
@ -14,6 +14,7 @@ import { DetailsRadioOption } from './details-radio-option';
    selector: 'iqser-details-radio',
    templateUrl: './details-radio.component.html',
    styleUrls: ['./details-radio.component.scss'],
+    standalone: true,
    providers: [
        {
            provide: NG_VALUE_ACCESSOR,
@ -41,8 +42,8 @@ import { DetailsRadioOption } from './details-radio-option';
 export class DetailsRadioComponent<I> extends FormFieldComponent<DetailsRadioOption<I>> {
    readonly options = input.required<DetailsRadioOption<I>[]>();
    readonly displayInRow = input(false, { transform: booleanAttribute });
+
    readonly extraOptionChanged = output<DetailsRadioOption<I>>();
-    additionalInputTouched = false;

    toggleOption(option: DetailsRadioOption<I>) {
        if (option.value !== this._value?.value && !option.disabled) {
--- a/src/lib/inputs/dynamic-input/dynamic-input.component.ts
+++ b/src/lib/inputs/dynamic-input/dynamic-input.component.ts
@ -23,6 +23,7 @@ type DynamicInput = number | string | Date;
    templateUrl: './dynamic-input.component.html',
    styleUrls: ['./dynamic-input.component.scss'],
    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: true,
    providers: [
        {
            provide: NG_VALUE_ACCESSOR,
@ -50,7 +51,7 @@ export class DynamicInputComponent extends FormFieldComponent<DynamicInput> {
    readonly isNumber = computed(() => this.type() === InputTypes.NUMBER);
    readonly isText = computed(() => this.type() === InputTypes.TEXT);

-    override writeValue(input: DynamicInput): void {
+    writeValue(input: DynamicInput): void {
        this.input.set(input);
    }

--- a/src/lib/inputs/editable-input/editable-input.component.ts
+++ b/src/lib/inputs/editable-input/editable-input.component.ts
@ -8,6 +8,7 @@ import { CircleButtonType, CircleButtonTypes } from '../../buttons/types/circle-
    templateUrl: './editable-input.component.html',
    styleUrls: ['./editable-input.component.scss'],
    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: true,
    imports: [CircleButtonComponent, FormsModule],
    host: {
        '[class.editing]': '_editing()',
--- a/src/lib/inputs/form-field/form-field-component.directive.ts
+++ b/src/lib/inputs/form-field/form-field-component.directive.ts
@ -1,47 +1,19 @@
-import { ChangeDetectorRef, Directive, inject, Injector, OnInit } from '@angular/core';
-import {
-    ControlValueAccessor,
-    FormControl,
-    FormControlDirective,
-    FormControlName,
-    FormGroupDirective,
-    NgControl,
-    ValidationErrors,
-    Validator,
-} from '@angular/forms';
+import { ChangeDetectorRef, Directive, inject } from '@angular/core';
+import { ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';

@Directive()
-export abstract class FormFieldComponent<I> implements ControlValueAccessor, Validator, OnInit {
+export abstract class FormFieldComponent<I> implements ControlValueAccessor, Validator {
    touched = false;
    disabled = false;

    protected readonly _changeRef = inject(ChangeDetectorRef);
-    protected readonly _injector = inject(Injector);

-    protected _formControl: FormControl | undefined;
    protected _value: I | undefined;

    get value(): I | undefined {
        return this._value;
    }

-    ngOnInit() {
-        const ngControl = this._injector.get(NgControl);
-
-        if (ngControl instanceof FormControlName) {
-            this._formControl = this._injector.get(FormGroupDirective).getControl(ngControl);
-        } else {
-            this._formControl = (ngControl as FormControlDirective).form as FormControl;
-        }
-    }
-
-    hasError(errorCode: string | undefined): boolean {
-        if (errorCode && this._formControl) {
-            return this._formControl.hasError(errorCode);
-        }
-        return false;
-    }
-
    // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars
    onChange = (value?: I) => {};

--- a/src/lib/inputs/input-with-action/input-with-action.component.ts
+++ b/src/lib/inputs/input-with-action/input-with-action.component.ts
@ -10,6 +10,7 @@ import { randomString } from '../../utils/functions';
    templateUrl: './input-with-action.component.html',
    styleUrls: ['./input-with-action.component.scss'],
    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: true,
    imports: [FormsModule, MatIconModule, CircleButtonComponent],
 })
 export class InputWithActionComponent {
--- a/src/lib/inputs/round-checkbox/round-checkbox.component.ts
+++ b/src/lib/inputs/round-checkbox/round-checkbox.component.ts
@ -6,6 +6,7 @@ import { MatIconModule } from '@angular/material/icon';
    templateUrl: './round-checkbox.component.html',
    styleUrls: ['./round-checkbox.component.scss'],
    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: true,
    imports: [MatIconModule],
 })
 export class RoundCheckboxComponent {
--- a/src/lib/listing/page-header/models/button-config.model.ts
+++ b/src/lib/listing/page-header/models/button-config.model.ts
@ -3,5 +3,4 @@ import { ActionConfig } from './action-config.model';

 export interface ButtonConfig extends ActionConfig {
    readonly type?: IconButtonType;
-    readonly tooltip?: string;
 }
--- a/src/lib/listing/page-header/page-header.component.html
+++ b/src/lib/listing/page-header/page-header.component.html
@ -46,14 +46,11 @@
                @if (!config.hide) {
                    <iqser-icon-button
                        (action)="config.action($event)"
-                        [buttonId]="config.label.replace('.', '-')"
+                        [buttonId]="(config.label | translate).replace('.', '-')"
                        [icon]="config.icon"
                        [label]="config.label | translate"
                        [type]="config.type"
-                        [matTooltip]="(config.tooltip | translate) ?? ''"
-                        [disabled]="config.disabled"
                        [attr.help-mode-key]="config.helpModeKey"
-                        matTooltipPosition="above"
                    ></iqser-icon-button>
                }
            }
--- a/src/lib/listing/page-header/page-header.component.ts
+++ b/src/lib/listing/page-header/page-header.component.ts
@ -15,7 +15,6 @@ import { filterEach } from '../../utils';
 import { List } from '../../utils';
 import { IListable } from '../models';
 import { ActionConfig, ButtonConfig, SearchPosition, SearchPositions } from './models';
-import { MatTooltip } from '@angular/material/tooltip';
 import { DisableStopPropagationDirective } from '../../directives';

@Component({
@ -23,6 +22,7 @@ import { DisableStopPropagationDirective } from '../../directives';
    templateUrl: './page-header.component.html',
    styleUrls: ['./page-header.component.scss'],
    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: true,
    imports: [
        AsyncPipe,
        NgTemplateOutlet,
@ -32,7 +32,6 @@ import { DisableStopPropagationDirective } from '../../directives';
        CircleButtonComponent,
        TranslateModule,
        InputWithActionComponent,
-        MatTooltip,
        DisableStopPropagationDirective,
    ],
 })
--- a/src/lib/listing/scroll-button/scroll-button.component.ts
+++ b/src/lib/listing/scroll-button/scroll-button.component.ts
@ -18,6 +18,7 @@ type ButtonType = keyof typeof ButtonTypes;
    templateUrl: './scroll-button.component.html',
    styleUrls: ['./scroll-button.component.scss'],
    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: true,
    imports: [AsyncPipe, MatIcon],
 })
 export class ScrollButtonComponent implements OnInit {
--- a/src/lib/listing/services/listing.service.ts
+++ b/src/lib/listing/services/listing.service.ts
@ -52,7 +52,7 @@ export class ListingService<Class extends IListable<PrimaryKey>, PrimaryKey exte

    get selected(): Class[] {
        const selectedIds = this.selectedIds;
-        return selectedIds.map(id => this._entitiesService.all.find(a => a.id === id)).filter(a => !!a);
+        return this._entitiesService.all.filter(a => selectedIds.includes(a.id));
    }

    get selectedIds(): PrimaryKey[] {
--- a/src/lib/listing/table-column-name/table-column-name.component.ts
+++ b/src/lib/listing/table-column-name/table-column-name.component.ts
@ -12,6 +12,7 @@ import { Id, IListable } from '../models';
    templateUrl: './table-column-name.component.html',
    styleUrls: ['./table-column-name.component.scss'],
    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: true,
    imports: [MatIcon, MatTooltip, TranslateModule, AsyncPipe, NgClass],
 })
 export class TableColumnNameComponent<T extends IListable<PrimaryKey>, PrimaryKey extends Id = T['id']> {
--- a/src/lib/listing/table-content/table-content.component.html
+++ b/src/lib/listing/table-content/table-content.component.html
@ -11,7 +11,7 @@
            <!-- mouseenter and mouseleave triggers change detection event if itemMouse functions are undefined -->
            <!-- this little hack below ensures that change detection won't be triggered if functions are undefined -->
            @if (itemMouseEnterFn || itemMouseLeaveFn) {
-                <a
+                <div
                    (mouseenter)="itemMouseEnterFn && itemMouseEnterFn(entity)"
                    (mouseleave)="itemMouseLeaveFn && itemMouseLeaveFn(entity)"
                    [class.help-mode-active]="helpModeService?.isHelpModeActive$ | async"
@ -21,12 +21,12 @@
                >
                    <iqser-table-item
                        (click)="multiSelect(entity, $event)"
-                        [entity]="$any(entity)"
+                        [entity]="entity"
                        [selectionEnabled]="selectionEnabled"
                    ></iqser-table-item>
-                </a>
+                </div>
            } @else {
-                <a
+                <div
                    [class.help-mode-active]="helpModeService?.isHelpModeActive$ | async"
                    [id]="rowIdPrefix + '-' + ((entity[namePropertyKey] | snakeCase) ?? entity.id)"
                    [ngClass]="getTableItemClasses(entity)"
@ -34,10 +34,10 @@
                >
                    <iqser-table-item
                        (click)="multiSelect(entity, $event)"
-                        [entity]="$any(entity)"
+                        [entity]="entity"
                        [selectionEnabled]="selectionEnabled"
                    ></iqser-table-item>
-                </a>
+                </div>
            }
        </ng-container>
    </cdk-virtual-scroll-viewport>
--- a/src/lib/listing/table-content/table-content.component.scss
+++ b/src/lib/listing/table-content/table-content.component.scss
@ -72,8 +72,3 @@
 .display-contents {
    display: contents;
 }
-
-a {
-    display: contents;
-    @include mixins.clear-a;
-}
--- a/src/lib/listing/table-content/table-content.component.ts
+++ b/src/lib/listing/table-content/table-content.component.ts
@ -20,6 +20,7 @@ import { TableItemComponent } from './table-item/table-item.component';
    selector: 'iqser-table-content',
    templateUrl: './table-content.component.html',
    styleUrls: ['./table-content.component.scss'],
+    standalone: true,
    imports: [
        CdkVirtualScrollViewport,
        AsyncPipe,
@ -86,7 +87,7 @@ export class TableContentComponent<Class extends IListable<PrimaryKey>, PrimaryK
    getTableItemClasses(entity: Class): Record<string, boolean> {
        const classes: Record<string, boolean> = {
            'table-item': true,
-            'cursor-default': !entity.routerLink,
+            pointer: !!entity.routerLink && entity.routerLink.length > 0,
        };
        for (const key in this.tableItemClasses) {
            if (Object.prototype.hasOwnProperty.call(this.tableItemClasses, key)) {
--- a/src/lib/listing/table-content/table-item/table-item.component.ts
+++ b/src/lib/listing/table-content/table-item/table-item.component.ts
@ -12,6 +12,7 @@ import { ListingService } from '../../services/listing.service';
    templateUrl: './table-item.component.html',
    styleUrls: ['./table-item.component.scss'],
    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: true,
    imports: [RoundCheckboxComponent, AsyncPipe, NgTemplateOutlet],
 })
 export class TableItemComponent<T extends IListable> implements OnChanges {
@ -33,7 +34,6 @@ export class TableItemComponent<T extends IListable> implements OnChanges {

    toggleEntitySelected($event: MouseEvent, entity: T): void {
        $event.stopPropagation();
-        $event.preventDefault();
        this.listingService.select(entity, $event.shiftKey);
    }
 }
--- a/src/lib/listing/table-header/table-header.component.ts
+++ b/src/lib/listing/table-header/table-header.component.ts
@ -13,6 +13,7 @@ import { TableColumnNameComponent } from '../table-column-name/table-column-name
    templateUrl: './table-header.component.html',
    styleUrls: ['./table-header.component.scss'],
    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: true,
    imports: [
        RoundCheckboxComponent,
        AsyncPipe,
--- a/src/lib/listing/table/table.component.ts
+++ b/src/lib/listing/table/table.component.ts
@ -28,6 +28,7 @@ const SCROLLBAR_WIDTH = 11;
    selector: 'iqser-table [tableColumnConfigs] [itemSize]',
    templateUrl: './table.component.html',
    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: true,
    imports: [TableHeaderComponent, NgTemplateOutlet, AsyncPipe, EmptyStateComponent, ScrollButtonComponent, TableContentComponent],
 })
 export class TableComponent<Class extends IListable<PrimaryKey>, PrimaryKey extends Id = Class['id']> implements OnChanges {
--- a/src/lib/listing/workflow/column-header/column-header.component.ts
+++ b/src/lib/listing/workflow/column-header/column-header.component.ts
@ -36,6 +36,7 @@ interface ColumnHeaderContext {
    templateUrl: './column-header.component.html',
    styleUrls: ['./column-header.component.scss'],
    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: true,
    imports: [AsyncPipe, TranslateModule, RoundCheckboxComponent, NgTemplateOutlet, CircleButtonComponent],
 })
 export class ColumnHeaderComponent<T extends IListable, K extends string> extends ContextComponent<ColumnHeaderContext> implements OnInit {
--- a/src/lib/listing/workflow/workflow.component.scss
+++ b/src/lib/listing/workflow/workflow.component.scss
@ -1,5 +1,5 @@
-@use '../../../assets/styles/common-variables';
-@use '../../../assets/styles/common-mixins' as mixins;
+@import '../../../assets/styles/common-variables';
+@import '../../../assets/styles/common-mixins';

 :host {
    display: flex;
@ -67,7 +67,7 @@

 .cdk-drop-list {
    overflow-y: auto;
-    @include mixins.no-scroll-bar;
+    @include no-scroll-bar;
    min-height: calc(100% - 36px);

    &.multi-select-active {
@ -135,5 +135,5 @@

 cdk-virtual-scroll-viewport {
    height: 100%;
-    @include mixins.no-scroll-bar;
+    @include no-scroll-bar;
 }
--- a/src/lib/listing/workflow/workflow.component.ts
+++ b/src/lib/listing/workflow/workflow.component.ts
@ -50,6 +50,7 @@ interface WorkflowContext<T> {
    templateUrl: './workflow.component.html',
    styleUrls: ['./workflow.component.scss'],
    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: true,
    imports: [
        TableHeaderComponent,
        AsyncPipe,
--- a/src/lib/loading/full-page-loading-indicator/full-page-loading-indicator.component.ts
+++ b/src/lib/loading/full-page-loading-indicator/full-page-loading-indicator.component.ts
@ -5,7 +5,6 @@ import { LoadingService } from '../loading.service';
    selector: 'iqser-full-page-loading-indicator',
    templateUrl: './full-page-loading-indicator.component.html',
    changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: false,
 })
 export class FullPageLoadingIndicatorComponent {
    constructor(readonly loadingService: LoadingService) {}
--- a/src/lib/loading/progress-bar/progress-bar.component.ts
+++ b/src/lib/loading/progress-bar/progress-bar.component.ts
@ -1,16 +1,15 @@
-import { ChangeDetectionStrategy, Component, Input, OnInit, Optional } from '@angular/core';
-import { Observable, of } from 'rxjs';
-import { map } from 'rxjs/operators';
-import { FilterService, INestedFilter } from '../../filtering';
-import { get, shareLast } from '../../utils';
+import { ChangeDetectionStrategy, Component, Input, Optional, OnInit } from '@angular/core';
 import { ProgressBarConfigModel } from './progress-bar-config.model';
+import { FilterService, INestedFilter } from '../../filtering';
+import { Observable, of } from 'rxjs';
+import { get, shareLast } from '../../utils';
+import { map } from 'rxjs/operators';

@Component({
    selector: 'iqser-progress-bar [config]',
    templateUrl: './progress-bar.component.html',
    styleUrls: ['./progress-bar.component.scss'],
    changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: false,
 })
 export class ProgressBarComponent implements OnInit {
    @Input() config!: ProgressBarConfigModel;
--- a/src/lib/loading/progress-loading/progress-loading.component.ts
+++ b/src/lib/loading/progress-loading/progress-loading.component.ts
@ -6,7 +6,6 @@ import { ILoadingConfig } from '../loading.service';
    templateUrl: './progress-loading.component.html',
    styleUrls: ['./progress-loading.component.scss'],
    changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: false,
 })
 export class ProgressLoadingComponent {
    @Input() config!: ILoadingConfig;
--- a/src/lib/pagination/pagination.component.ts
+++ b/src/lib/pagination/pagination.component.ts
@ -7,6 +7,7 @@ import { PaginationSettings } from './pagination-settings';
    selector: 'iqser-pagination',
    templateUrl: './pagination.component.html',
    styleUrls: ['./pagination.component.scss'],
+    standalone: true,
    changeDetection: ChangeDetectionStrategy.OnPush,
    imports: [TranslateModule],
 })
--- a/src/lib/permissions/directives/allow.directive.ts
+++ b/src/lib/permissions/directives/allow.directive.ts
@ -6,6 +6,7 @@ import { assertTemplate, IqserPermissionsDirective } from './permissions.directi

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

@Directive({
    selector: '[deny]',
+    standalone: true,
 })
 export class IqserDenyDirective extends IqserPermissionsDirective implements OnDestroy, OnInit {
    /**
--- a/src/lib/permissions/utils.ts
+++ b/src/lib/permissions/utils.ts
@ -29,7 +29,7 @@ export function isArray<T>(value: unknown): value is T[] {
 }

 export function toArray(value?: string | List): List {
-    return isString(value) ? [value] : (value ?? []);
+    return isString(value) ? [value] : value ?? [];
 }

 export function isRedirectWithParameters(object: any | IqserRedirectToNavigationParameters): object is IqserRedirectToNavigationParameters {
--- a/src/lib/pipes/capitalize.pipe.ts
+++ b/src/lib/pipes/capitalize.pipe.ts
@ -3,6 +3,7 @@ import { capitalize } from '../utils';

@Pipe({
    name: 'capitalize',
+    standalone: true,
 })
 export class CapitalizePipe implements PipeTransform {
    transform(value: string): string {
--- a/src/lib/pipes/humanize-camel-case.pipe.ts
+++ b/src/lib/pipes/humanize-camel-case.pipe.ts
@ -3,6 +3,7 @@ import { humanizeCamelCase } from '../utils';

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

@Pipe({
    name: 'humanize',
+    standalone: true,
 })
 export class HumanizePipe implements PipeTransform {
    transform(item: string, lowercase = false): string {
--- a/src/lib/pipes/log.pipe.ts
+++ b/src/lib/pipes/log.pipe.ts
@ -2,6 +2,7 @@ import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
    name: 'log',
+    standalone: true,
 })
 export class LogPipe implements PipeTransform {
    transform<T>(value: T, message = ''): T {
--- a/src/lib/pipes/replace-nbsp.pipe.ts
+++ b/src/lib/pipes/replace-nbsp.pipe.ts
@ -2,6 +2,7 @@ import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
    name: 'replaceNbsp',
+    standalone: true,
 })
 export class ReplaceNbspPipe implements PipeTransform {
    transform(value: string): string {
--- a/src/lib/pipes/size.pipe.ts
+++ b/src/lib/pipes/size.pipe.ts
@ -3,6 +3,7 @@ import { size } from '../utils';

@Pipe({
    name: 'size',
+    standalone: true,
 })
 export class SizePipe implements PipeTransform {
    transform(value: number): string {
--- a/src/lib/pipes/snake-case.pipe.ts
+++ b/src/lib/pipes/snake-case.pipe.ts
@ -2,6 +2,7 @@ import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
    name: 'snakeCase',
+    standalone: true,
 })
 export class SnakeCasePipe implements PipeTransform {
    transform(value: string): string | undefined {
--- a/src/lib/services/generic.service.ts
+++ b/src/lib/services/generic.service.ts
@ -18,7 +18,9 @@ export interface QueryParam {
 */
 export abstract class GenericService<I> {
    protected readonly _http = inject(HttpClient);
-    protected readonly _lastCheckedForChanges = new Map<string, string>([[ROOT_CHANGES_KEY, new Date(Date.now()).toISOString()]]);
+    protected readonly _lastCheckedForChanges = new Map<string, string>([
+        [ROOT_CHANGES_KEY, new Date(Date.now()).toISOString()],
+    ]);
    protected abstract readonly _defaultModelPath: string;
    protected readonly _serviceName: string = 'redaction-gateway-v1';

@ -38,7 +40,7 @@ export abstract class GenericService<I> {
            headers: HeadersConfiguration.getHeaders({ contentType: false }),
            observe: 'body',
            params: this._queryParams(queryParams),
-        });
+        })
    }

    getFor<R = I[]>(entityId: string, queryParams?: List<QueryParam>): Observable<R> {
--- a/src/lib/services/iqser-config.service.ts
+++ b/src/lib/services/iqser-config.service.ts
@ -3,18 +3,14 @@ import { Title } from '@angular/platform-browser';
 import { CacheApiService } from '../caching/cache-api.service';
 import { wipeAllCaches } from '../caching/cache-utils';
 import { IqserAppConfig } from '../utils/iqser-app-config';
-import { LANDING_PAGE_THEMES, MANUAL_BASE_URL, THEME_DIRECTORIES } from '../utils/constants';
-import { IStoredTenantId, TenantsService } from '../tenants';

@Injectable()
 export class IqserConfigService<T extends IqserAppConfig = IqserAppConfig> {
    protected readonly _cacheApiService = inject(CacheApiService);
    protected readonly _titleService = inject(Title);
-    protected readonly _tenantsService = inject(TenantsService);

    constructor(@Inject('Doesnt matter') protected _values: T) {
        this._checkFrontendVersion();
-        this.#updateAppType();
        this._titleService.setTitle(this._values.APP_NAME);
    }

@ -27,16 +23,6 @@ export class IqserConfigService<T extends IqserAppConfig = IqserAppConfig> {
        this._titleService.setTitle(this._values.APP_NAME);
    }

-    updateIsDocumine(tenant: IStoredTenantId): void {
-        const isDocumine = tenant.documine;
-        this._values = {
-            ...this._values,
-            IS_DOCUMINE: isDocumine,
-            THEME: !isDocumine ? THEME_DIRECTORIES.REDACT : THEME_DIRECTORIES.SCM,
-            MANUAL_BASE_URL: !isDocumine ? MANUAL_BASE_URL.REDACT_MANAGER : MANUAL_BASE_URL.DOCUMINE,
-        };
-    }
-
    protected _checkFrontendVersion(): void {
        this._cacheApiService.getCachedValue('FRONTEND_APP_VERSION').then(async lastVersion => {
            const version = this._values.FRONTEND_APP_VERSION;
@ -48,28 +34,6 @@ export class IqserConfigService<T extends IqserAppConfig = IqserAppConfig> {
            await this._cacheApiService.cacheValue('FRONTEND_APP_VERSION', version);
        });
    }
-
-    #updateAppType() {
-        const storedTenants = this._tenantsService.getStoredTenants();
-        if (storedTenants.length) {
-            const isRedaction = !!storedTenants.find(t => !t.documine);
-            const isDocumine = !!storedTenants.find(t => t.documine);
-            const landingPageTheme =
-                isRedaction && isDocumine
-                    ? LANDING_PAGE_THEMES.MIXED
-                    : isDocumine
-                      ? LANDING_PAGE_THEMES.DOCUMINE
-                      : LANDING_PAGE_THEMES.REDACT_MANAGER;
-
-            this._values = {
-                ...this._values,
-                LANDING_PAGE_THEME: landingPageTheme,
-                APP_NAME: landingPageTheme === LANDING_PAGE_THEMES.MIXED ? 'Knecon Cloud' : isDocumine ? 'DocuMine' : 'RedactManager',
-                IS_DOCUMINE: isDocumine,
-                THEME: !isDocumine ? THEME_DIRECTORIES.REDACT : THEME_DIRECTORIES.SCM,
-            };
-        }
-    }
 }

 export function getConfig<T extends IqserAppConfig = IqserAppConfig>() {
--- a/src/lib/services/iqser-user-preference.service.ts
+++ b/src/lib/services/iqser-user-preference.service.ts
@ -1,7 +1,7 @@
 import { APP_BASE_HREF } from '@angular/common';
 import { inject, Injectable } from '@angular/core';
 import { firstValueFrom } from 'rxjs';
-import { List } from '../utils';
+import { List } from '../utils/types/iqser-types';
 import { GenericService } from './generic.service';

 export type UserAttributes = Record<string, List>;
@ -16,7 +16,7 @@ export const KEYS = {
 export abstract class IqserUserPreferenceService extends GenericService<UserAttributes> {
    #userAttributes: UserAttributes = {};
    protected abstract readonly _devFeaturesEnabledKey: string;
-    protected override readonly _serviceName: string = 'tenant-user-management';
+    protected readonly _serviceName: string = 'tenant-user-management';

    get userAttributes(): UserAttributes {
        return this.#userAttributes;
@ -37,7 +37,7 @@ export abstract class IqserUserPreferenceService extends GenericService<UserAttr
    }

    getLanguage(): string {
-        return this._getAttribute(KEYS.language, 'en');
+        return this._getAttribute(KEYS.language);
    }

    async saveLanguage(language: string): Promise<void> {
--- a/src/lib/services/stats.service.ts
+++ b/src/lib/services/stats.service.ts
@ -1,7 +1,7 @@
 import { HttpClient } from '@angular/common/http';
 import { inject, Injectable } from '@angular/core';
 import { BehaviorSubject, Observable, switchMap } from 'rxjs';
-import { map, tap } from 'rxjs/operators';
+import { tap } from 'rxjs/operators';
 import { HeadersConfiguration } from '../utils/headers-configuration';
 import { mapEach } from '../utils/operators';

@ -26,14 +26,6 @@ export abstract class StatsService<E, I = E> {
        );
    }

-    getOne(id: string): Observable<E> {
-        const request = this.#http.get<I>(`/${this._serviceName}/${encodeURI(this._defaultModelPath)}/${id}`, {
-            headers: HeadersConfiguration.getHeaders(),
-        });
-
-        return request.pipe(map(entity => new this._entityClass(entity)));
-    }
-
    get(key: string): E {
        return this._getBehaviourSubject(key).value;
    }
--- a/src/lib/shared/logo/logo.component.ts
+++ b/src/lib/shared/logo/logo.component.ts
@ -1,9 +1,9 @@
-import { ChangeDetectionStrategy, Component, input } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
 import { MatIconModule } from '@angular/material/icon';

@Component({
    selector: 'iqser-logo',
-    template: `<mat-icon [svgIcon]="icon()"></mat-icon>`,
+    template: ` <mat-icon [svgIcon]="icon"></mat-icon>`,
    styles: [
        `
            :host {
@ -17,8 +17,9 @@ import { MatIconModule } from '@angular/material/icon';
        `,
    ],
    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: true,
    imports: [MatIconModule],
 })
 export class LogoComponent {
-    readonly icon = input.required<string>();
+    @Input({ required: true }) icon!: string;
 }
--- a/src/lib/shared/side-nav/side-nav.component.ts
+++ b/src/lib/shared/side-nav/side-nav.component.ts
@ -4,6 +4,7 @@ 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;
--- a/src/lib/shared/skeleton/skeleton.component.ts
+++ b/src/lib/shared/skeleton/skeleton.component.ts
@ -9,6 +9,7 @@ import { tap } from 'rxjs/operators';
    templateUrl: './skeleton.component.html',
    styleUrls: ['./skeleton.component.scss'],
    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: true,
    imports: [NgTemplateOutlet, AsyncPipe],
 })
 export class SkeletonComponent {
--- a/src/lib/shared/small-chip/small-chip.component.ts
+++ b/src/lib/shared/small-chip/small-chip.component.ts
@ -13,6 +13,7 @@ import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
        `,
    ],
    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: true,
 })
 export class SmallChipComponent {
    @Input() color!: string;
--- a/src/lib/shared/spacer/spacer.component.ts
+++ b/src/lib/shared/spacer/spacer.component.ts
@ -4,6 +4,7 @@ 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;
--- a/src/lib/shared/status-bar/status-bar.component.ts
+++ b/src/lib/shared/status-bar/status-bar.component.ts
@ -9,6 +9,7 @@ import { MatTooltipModule } from '@angular/material/tooltip';
    styleUrls: ['./status-bar.component.scss'],
    encapsulation: ViewEncapsulation.None,
    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: true,
    imports: [NgClass, NgStyle, MatTooltipModule],
 })
 export class StatusBarComponent<T extends string> {
--- a/src/lib/shared/toast/toast.component.ts
+++ b/src/lib/shared/toast/toast.component.ts
@ -8,6 +8,7 @@ import { StopPropagationDirective } from '../../directives';
@Component({
    templateUrl: './toast.component.html',
    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: true,
    imports: [MatIconModule, StopPropagationDirective],
 })
 export class ToastComponent extends Toast {
--- a/src/lib/sorting/sort-by.pipe.ts
+++ b/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' })
+@Pipe({ name: 'sortBy', standalone: true })
 export class SortByPipe implements PipeTransform {
    transform<T>(values: T[], order: SortingOrder, column: KeysOf<T>): T[] {
        return sort(values, order, column);
--- a/src/lib/tenants/services/keycloak-status.service.ts
+++ b/src/lib/tenants/services/keycloak-status.service.ts
@ -1,9 +1,7 @@
 import { inject, Injectable } from '@angular/core';
-import { KeycloakEventType, KeycloakService } from 'keycloak-angular';
+import { KeycloakService } from 'keycloak-angular';
 import { NGXLogger } from 'ngx-logger';
-import { filter, switchMap } from 'rxjs/operators';
 import { getConfig } from '../../services/iqser-config.service';
-import { log, shareLast } from '../../utils';
 import { UI_ROOT } from '../../utils/tokens';
 import { getKeycloakOptions } from '../keycloak-options';
 import { TenantsService } from './tenants.service';
@ -15,12 +13,6 @@ export class KeycloakStatusService {
    readonly #tenantsService = inject(TenantsService);
    readonly #uiRoot = inject(UI_ROOT);
    readonly #logger = inject(NGXLogger);
-    readonly token$ = this.#keycloakService.keycloakEvents$.pipe(
-        log('[KEYCLOAK] New event:'),
-        filter(event => event.type === KeycloakEventType.OnAuthSuccess || event.type === KeycloakEventType.OnAuthRefreshSuccess),
-        switchMap(() => this.#keycloakService.getToken()),
-        shareLast(),
-    );

    createLoginUrlAndExecute(username?: string | null) {
        const keycloakInstance = this.#keycloakService?.getKeycloakInstance();
--- a/src/lib/tenants/services/tenants.service.ts
+++ b/src/lib/tenants/services/tenants.service.ts
@ -1,18 +1,14 @@
 import { inject, Injectable, signal } from '@angular/core';
 import dayjs from 'dayjs';
 import { NGXLogger } from 'ngx-logger';
-import { firstValueFrom, Observable, take } from 'rxjs';
-import { GenericService } from '../../services';
 import { List } from '../../utils';
+import { GenericService } from '../../services';
 import { Tenant, TenantDetails } from '../types';
-import { APPLICATION_TYPES } from '../../utils/constants';
-import { toObservable } from '@angular/core/rxjs-interop';
-import { filter } from 'rxjs/operators';
+import { Observable } from 'rxjs';

 export interface IStoredTenantId {
    readonly tenantId: string;
    readonly created: string;
-    readonly documine: boolean;
 }

 export type StoredTenantIds = List<IStoredTenantId>;
@ -31,35 +27,25 @@ export class TenantsService extends GenericService<Tenant> {
        key: localStorage.key.bind(localStorage),
    };
    readonly #activeTenantId = signal('');
-    readonly #tenantSet = signal(false);
-    readonly tenantSet$ = toObservable(this.#tenantSet);
    protected readonly _defaultModelPath = 'tenants';
-    protected override readonly _serviceName: string = 'tenant-user-management';
+    protected readonly _serviceName: string = 'tenant-user-management';

    get activeTenantId() {
        return this.#activeTenantId();
    }

-    get activeTenant() {
-        return this.getStoredTenants().find(t => t.tenantId === this.activeTenantId);
-    }
-
    async selectTenant(tenantId: string): Promise<boolean> {
        this.#mutateStorage(tenantId);
        this.#setActiveTenantId(tenantId);
        return true;
    }

-    async storeTenant() {
+    storeTenant() {
        const storedTenants = this.getStoredTenants();
        const activeTenantId = this.#activeTenantId();
        const existing = storedTenants.find(s => s.tenantId === activeTenantId);
-
-        const tenant = await firstValueFrom(this.getActiveTenant());
-
        if (existing) {
            this.#logger.info('[TENANTS] Stored tenant exists: ', storedTenants);
-            this.#tenantSet.set(true);
            return;
        }

@ -68,13 +54,8 @@ export class TenantsService extends GenericService<Tenant> {
            return;
        }

-        storedTenants.push({
-            tenantId: activeTenantId,
-            created: new Date().toISOString(),
-            documine: tenant.applicationType === APPLICATION_TYPES.DOCUMINE,
-        });
+        storedTenants.push({ tenantId: activeTenantId, created: new Date().toISOString() });
        this.#storageReference.setItem(STORED_TENANTS_KEY, JSON.stringify(storedTenants));
-        this.#tenantSet.set(true);
        this.#logger.info('[TENANTS] Stored tenants: ', storedTenants);
    }

@ -123,13 +104,6 @@ export class TenantsService extends GenericService<Tenant> {
        return this._getOne([this.activeTenantId]);
    }

-    waitForSettingTenant(): Observable<boolean> {
-        return this.tenantSet$.pipe(
-            filter(tenantSet => tenantSet),
-            take(1),
-        );
-    }
-
    #setActiveTenantId(tenantId: string) {
        this.#logger.info('[TENANTS] Set current tenant id: ', tenantId);
        this.#activeTenantId.set(tenantId);
--- a/src/lib/tenants/tenant-select/tenant-select.component.html
+++ b/src/lib/tenants/tenant-select/tenant-select.component.html
@ -21,7 +21,7 @@
        <div>
            @for (stored of storedTenants; track stored) {
                <div (click)="select(stored.tenantId)" class="d-flex pointer mat-elevation-z2 card stored-tenant-card mt-10">
-                    <iqser-logo class="card-icon" [icon]="tenantIcon(stored)" mat-card-image></iqser-logo>
+                    <iqser-logo class="card-icon" icon="iqser:logo" mat-card-image></iqser-logo>
                    <div class="card-content flex-column">
                        <span class="heading">{{ stored.tenantId }}</span>
                    </div>
--- a/src/lib/tenants/tenant-select/tenant-select.component.ts
+++ b/src/lib/tenants/tenant-select/tenant-select.component.ts
@ -15,7 +15,6 @@ import { KeycloakStatusService } from '../services/keycloak-status.service';
    templateUrl: './tenant-select.component.html',
    styleUrls: ['./tenant-select.component.scss'],
    changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: false,
 })
 export class TenantSelectComponent {
    readonly #uiRoot = inject(UI_ROOT);
@ -71,10 +70,6 @@ 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));
    }
--- a/src/lib/tenants/types/tenant.ts
+++ b/src/lib/tenants/types/tenant.ts
@ -1,10 +1,7 @@
-import { ApplicationType } from '../../utils/constants';
-
 export type TenantDetails = Record<string, unknown>;

 export interface Tenant<TD extends TenantDetails = TenantDetails> {
    tenantId: string;
    displayName: string;
-    applicationType: ApplicationType;
    details: TD;
 }
--- a/src/lib/translations/http-loader-factory.ts
+++ b/src/lib/translations/http-loader-factory.ts
@ -2,13 +2,11 @@ import { HttpClient } from '@angular/common/http';
 import { inject } from '@angular/core';
 import { getConfig } from '../services';
 import { PruningTranslationLoader } from '../utils';
-import { TenantsService } from '../tenants';

 export function pruningTranslationLoaderFactory(pathPrefix: string): PruningTranslationLoader {
    const httpClient = inject(HttpClient);
-    const tenantService = inject(TenantsService);
    const config = getConfig();
    const version = config.FRONTEND_APP_VERSION;

-    return new PruningTranslationLoader(httpClient, tenantService, pathPrefix, `.json?version=${version}`);
+    return new PruningTranslationLoader(httpClient, pathPrefix, `.json?version=${version}`);
 }
--- a/src/lib/translations/iqser-translate-parser.service.ts
+++ b/src/lib/translations/iqser-translate-parser.service.ts
@ -4,7 +4,7 @@ import { escapeHtml } from '../utils';

@Injectable()
 export class IqserTranslateParser extends TranslateDefaultParser {
-    override interpolate(expr: any, params?: Record<string, unknown>) {
+    interpolate(expr: any, params?: Record<string, unknown>) {
        const entries = Object.entries(params ?? {});
        const escapedParams = entries.reduce((acc, [key, value]) => ({ ...acc, [key]: escapeHtml(value) }), {});
        return super.interpolate(expr, escapedParams);
--- a/src/lib/translations/pruning-translation-loader.ts
+++ b/src/lib/translations/pruning-translation-loader.ts
@ -1,42 +1,21 @@
 import { HttpClient } from '@angular/common/http';
 import { TranslateLoader } from '@ngx-translate/core';
-import { map, switchMap } from 'rxjs/operators';
+import { map } from 'rxjs/operators';
 import { Observable } from 'rxjs';
-import { TenantsService } from '../tenants';
-import { APP_TYPE_PATHS } from '../utils/constants';
-import { inject } from '@angular/core';
-import { GET_TENANT_FROM_PATH_FN } from '../utils';

 interface T {
    [key: string]: string | T;
 }

 export class PruningTranslationLoader implements TranslateLoader {
-    readonly tenant = inject(GET_TENANT_FROM_PATH_FN)();
    constructor(
        private readonly _http: HttpClient,
-        private readonly _tenantService: TenantsService,
        private readonly _prefix: string,
        private readonly _suffix: string,
    ) {}

    getTranslation(lang: string): Observable<T> {
-        if (this.tenant) {
-            return this._tenantService.waitForSettingTenant().pipe(
-                switchMap(() => {
-                    const tenant = this._tenantService.activeTenant;
-                    const translationPath = tenant?.documine ? APP_TYPE_PATHS.SCM : APP_TYPE_PATHS.REDACT;
-
-                    return this._http
-                        .get(`${this._prefix}${translationPath}/${lang}${this._suffix}`)
-                        .pipe(map(result => this._process(result as T)));
-                }),
-            );
-        }
-
-        return this._http
-            .get(`${this._prefix}${APP_TYPE_PATHS.REDACT}/${lang}${this._suffix}`)
-            .pipe(map(result => this._process(result as T)));
+        return this._http.get(`${this._prefix}${lang}${this._suffix}`).pipe(map(result => this._process(result as T)));
    }

    private _process(object: T): T {
--- a/src/lib/upload-file/drag-drop-file-upload.directive.ts
+++ b/src/lib/upload-file/drag-drop-file-upload.directive.ts
@ -2,6 +2,7 @@ import { Directive, EventEmitter, HostBinding, HostListener, Output } from '@ang

@Directive({
    selector: '[iqserDragDropFileUpload]',
+    standalone: true,
 })
 export class DragDropFileUploadDirective {
    @Output() readonly fileDropped = new EventEmitter();
--- a/src/lib/upload-file/upload-file.component.ts
+++ b/src/lib/upload-file/upload-file.component.ts
@ -1,14 +1,17 @@
 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, TranslateModule],
+    standalone: true,
+    imports: [DragDropFileUploadDirective, MatIcon, NgIf, TranslateModule],
 })
 export class UploadFileComponent {
    @ViewChild('attachFileInput', { static: true }) attachFileInput!: ElementRef;
--- a/src/lib/users/components/initials-avatar/initials-avatar.component.ts
+++ b/src/lib/users/components/initials-avatar/initials-avatar.component.ts
@ -1,19 +1,21 @@
 import { ChangeDetectionStrategy, Component, computed, inject, input } from '@angular/core';
-import { toSignal } from '@angular/core/rxjs-interop';
-import { MatTooltip } from '@angular/material/tooltip';
 import { TranslateService } from '@ngx-translate/core';
 import { IqserUser } from '../../iqser-user.model';
-import { NamePipe } from '../../name.pipe';
 import { IqserUserService } from '../../services/iqser-user.service';
 import { NamePipeOptions } from '../../types/name-pipe-options';
 import { IIqserUser } from '../../types/user.response';
+import { NgIf } from '@angular/common';
+import { NamePipe } from '../../name.pipe';
+import { MatTooltip } from '@angular/material/tooltip';
+import { toSignal } from '@angular/core/rxjs-interop';

@Component({
    selector: 'iqser-initials-avatar',
    templateUrl: './initials-avatar.component.html',
    styleUrls: ['./initials-avatar.component.scss'],
    changeDetection: ChangeDetectionStrategy.OnPush,
-    imports: [NamePipe, MatTooltip],
+    standalone: true,
+    imports: [NgIf, NamePipe, MatTooltip],
 })
 export class InitialsAvatarComponent<
    Interface extends IIqserUser = IIqserUser,
@ -21,9 +23,11 @@ export class InitialsAvatarComponent<
 > {
    readonly #userService = inject<IqserUserService<Interface, Class>>(IqserUserService);
    readonly #translateService = inject(TranslateService);
+    readonly #isSystemUser = computed(() => this._user()?.id?.toLowerCase() === 'system');
    readonly #users = toSignal(this.#userService.all$);
+
    readonly color = input('lightgray');
-    readonly size = input<'small' | 'large' | 'extra-small'>('small');
+    readonly size = input<'small' | 'large'>('small');
    readonly withName = input(false);
    readonly showYou = input(false);
    readonly tooltipPosition = input<'below' | 'above'>('above');
@ -31,6 +35,7 @@ export class InitialsAvatarComponent<
    readonly showTooltip = input(true);
    readonly user = input.required<Class | string>();
    readonly showBorderCondition = input<<T extends Class = Class>(user: T) => boolean>(user => user.isSpecial);
+
    readonly _user = computed(() => {
        const user = this.user();
        if (typeof user === 'string') {
@ -40,7 +45,6 @@ export class InitialsAvatarComponent<
        }
        return user;
    });
-    readonly #isSystemUser = computed(() => this._user()?.id?.toLowerCase() === 'system');
    readonly isCurrentUser = computed(() => this.#userService.currentUser?.id === this._user()?.id);
    readonly hasBorder = computed(() => !!this._user() && !this.isCurrentUser() && this.showBorderCondition()(this._user()!));
    readonly disabled = computed(() => !!this._user() && !this.#isSystemUser() && !this._user()?.hasAnyRole);
--- a/src/lib/users/components/user-button/user-button.component.ts
+++ b/src/lib/users/components/user-button/user-button.component.ts
@ -6,7 +6,6 @@ import { IqserUserService } from '../../services/iqser-user.service';
    templateUrl: './user-button.component.html',
    styleUrls: ['./user-button.component.scss'],
    changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: false,
 })
 export class UserButtonComponent {
    @Input() showDot = false;
--- a/src/lib/users/name.pipe.ts
+++ b/src/lib/users/name.pipe.ts
@ -19,6 +19,7 @@ function getInitials(name: string) {

@Pipe({
    name: 'name',
+    standalone: true,
 })
 export class NamePipe implements PipeTransform {
    readonly #translateService = inject(TranslateService);
--- a/src/lib/users/services/iqser-user.service.ts
+++ b/src/lib/users/services/iqser-user.service.ts
@ -23,11 +23,11 @@ export abstract class IqserUserService<
    Interface extends IIqserUser = IIqserUser,
    Class extends IqserUser & Interface = IqserUser & Interface,
 > extends EntitiesService<Interface, Class> {
-    readonly #uiRoot = inject(UI_ROOT);
-    protected abstract override readonly _defaultModelPath: string;
+    readonly currentUser$: Observable<Class | undefined>;
+    protected abstract readonly _defaultModelPath: string;
    protected abstract readonly _permissionsFilter: (role: string) => boolean;
    protected abstract readonly _rolesFilter: (role: string) => boolean;
-    protected abstract override readonly _entityClass: new (entityInterface: Interface | KeycloakProfile, ...args: unknown[]) => Class;
+    protected abstract readonly _entityClass: new (entityInterface: Interface | KeycloakProfile, ...args: unknown[]) => Class;
    protected readonly _currentUser$ = new BehaviorSubject<Class | undefined>(undefined);
    protected readonly _toaster = inject(Toaster);
    protected readonly _keycloakService = inject(KeycloakService);
@ -35,8 +35,8 @@ export abstract class IqserUserService<
    protected readonly _keycloakStatusService = inject(KeycloakStatusService);
    protected readonly _permissionsService = inject(IqserPermissionsService, { optional: true });
    protected readonly _rolesService = inject(IqserRolesService, { optional: true });
-    protected override readonly _serviceName: string = 'tenant-user-management';
-    readonly currentUser$: Observable<Class | undefined>;
+    protected readonly _serviceName: string = 'tenant-user-management';
+    readonly #uiRoot = inject(UI_ROOT);

    constructor() {
        super();
@ -80,7 +80,7 @@ export abstract class IqserUserService<
        await this._keycloakService.login({ action: 'UPDATE_PASSWORD' });
    }

-    override loadAll() {
+    loadAll() {
        return this.getAll().pipe(
            mapEach(user => new this._entityClass(user, user.roles, user.userId)),
            tap(users => this.setEntities(users)),
@ -121,7 +121,7 @@ export abstract class IqserUserService<
        return this.find(userId)?.name;
    }

-    override getAll(url = this._defaultModelPath): Observable<Interface[]> {
+    getAll(url = this._defaultModelPath): Observable<Interface[]> {
        return super.getAll(url, [{ key: 'refreshCache', value: true }]);
    }

@ -157,12 +157,12 @@ export abstract class IqserUserService<
        return this._post(body);
    }

-    override delete(userIds: List) {
+    delete(userIds: List) {
        const queryParams = userIds.map<QueryParam>(userId => ({ key: 'userId', value: userId }));
        return super.delete(userIds, this._defaultModelPath, queryParams);
    }

-    override find(id: string): Class | undefined {
+    find(id: string): Class | undefined {
        if (id?.toLowerCase() === 'system') {
            return this.newSystemUser();
        }
--- a/src/lib/users/types/create-user.request.ts
+++ b/src/lib/users/types/create-user.request.ts
@ -5,5 +5,4 @@ export interface ICreateUserRequest {
    firstName?: string;
    lastName?: string;
    roles?: List;
-    sendSetPasswordMail?: boolean;
 }
--- a/src/lib/utils/constants.ts
+++ b/src/lib/utils/constants.ts
@ -51,31 +51,3 @@ export const ICONS = new Set([
    'visibility',
    'visibility-off',
 ]);
-
-export const LANDING_PAGE_THEMES = {
-    REDACT_MANAGER: 'redactmanager',
-    DOCUMINE: 'documine',
-    MIXED: 'mixed',
-} as const;
-
-export const THEME_DIRECTORIES = {
-    REDACT: 'redact',
-    SCM: 'scm',
-} as const;
-
-export const APP_TYPE_PATHS = {
-    REDACT: 'redact',
-    SCM: 'scm',
-} as const;
-
-export const APPLICATION_TYPES = {
-    REDACT_MANAGER: 'RedactManager',
-    DOCUMINE: 'DocuMine',
-} as const;
-
-export type ApplicationType = (typeof APPLICATION_TYPES)[keyof typeof APPLICATION_TYPES];
-
-export const MANUAL_BASE_URL = {
-    REDACT_MANAGER: 'https://docs.redactmanager.com/preview',
-    DOCUMINE: 'https://docs.documine.ai/1.2',
-};
--- a/src/lib/utils/functions.ts
+++ b/src/lib/utils/functions.ts
@ -1,10 +1,9 @@
 import { inject } from '@angular/core';
-import { AbstractControl, UntypedFormGroup } from '@angular/forms';
+import { UntypedFormGroup } from '@angular/forms';
 import { ActivatedRoute } from '@angular/router';
 import dayjs, { type Dayjs } from 'dayjs';
 import { forOwn, has, isEqual, isPlainObject, transform } from 'lodash-es';
 import { Id, ITrackable } from '../listing/models/trackable';
-import { toSignal } from '@angular/core/rxjs-interop';

 export function capitalize(value: string | string): string {
    if (!value) {
@ -142,16 +141,12 @@ export function trackByFactory<T extends ITrackable<PrimaryKey>, PrimaryKey exte
    return (_index: number, item: T): Id => item.id;
 }

-export function hasFormChanged(form: UntypedFormGroup, initialFormValue: Record<string, unknown>, ignoredKeys: string[] = []): boolean {
+export function hasFormChanged(form: UntypedFormGroup, initialFormValue: Record<string, unknown>): boolean {
    if (!form || !initialFormValue) {
        return false;
    }

    for (const key of Object.keys(form.getRawValue())) {
-        if (ignoredKeys.includes(key)) {
-            continue;
-        }
-
        const initialValue = initialFormValue[key];
        const updatedValue = form.get(key)?.value;

@ -331,11 +326,3 @@ export function getParamFromDialog(param: string, activatedRoute = inject(Activa

    return getParam(param, getLastChild(activatedRoute.root));
 }
-
-export function formValueToSignal<T>(control: AbstractControl<T>) {
-    return toSignal(control.valueChanges, { initialValue: control.value });
-}
-
-export function formStatusToSignal<T>(control: AbstractControl<T>) {
-    return toSignal(control.statusChanges, { initialValue: control.status });
-}
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Nicoleta Panaghiu	5e26e217a1	RED-10509: added disableStopPropagation option for action config.	2024-11-25 10:40:42 +02:00
Timo Bejan	24b67f3fb4	removed logging	2024-11-06 15:55:44 +02:00
Timo Bejan	2a486236aa	Removed offset and fixed notification polling	2024-11-06 15:55:40 +02:00
Nicoleta Panaghiu	97b614a899	RED-9985: prevent filter categories from collapsing upon selection.	2024-09-26 11:54:09 +03:00
Nicoleta Panaghiu	9ca054613c	RED-9372: always include scroll-bar mixin.	2024-09-10 11:38:59 +03:00
Nicoleta Panaghiu	5a751932a6	RED-9372: fixed table-items moving on hover.	2024-09-05 17:20:08 +03:00
Nicoleta Panaghiu	cdd6ed5607	RED-9777: increase dialog help button z-index.	2024-08-14 11:44:53 +03:00