Fix absolute imports & add some ids for testing

src/lib/buttons/buttons.module.ts

@@ -7,10 +7,9 @@ import { ChevronButtonComponent } from './chevron-button/chevron-button.componen
 import { CircleButtonComponent } from './circle-button/circle-button.component';
 import { IconButtonComponent } from './icon-button/icon-button.component';
 import { IqserIconsModule } from '../icons';
-import { HelpButtonComponent } from './help-button/help-button.component';
 
 const matModules = [MatButtonModule, MatTooltipModule];
-const components = [ChevronButtonComponent, CircleButtonComponent, IconButtonComponent, HelpButtonComponent];
+const components = [ChevronButtonComponent, CircleButtonComponent, IconButtonComponent];
 
 @NgModule({
     declarations: [...components],

src/lib/common-ui.module.ts

@@ -6,7 +6,6 @@ import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { SortByPipe } from './sorting';
 import { HumanizePipe } from './utils';
 import {
-    ConfirmationDialogComponent,
     HiddenActionComponent,
     LogoComponent,
     ProgressBarComponent,
@@ -35,6 +34,7 @@ import { MatCheckboxModule } from '@angular/material/checkbox';
 import { UploadFileComponent } from './upload-file/upload-file.component';
 import { DragDropFileUploadDirective } from './upload-file/drag-drop-file-upload.directive';
 import { MatProgressBarModule } from '@angular/material/progress-bar';
+import { ConfirmationDialogComponent } from './dialog';
 
 const matModules = [MatIconModule, MatProgressSpinnerModule, MatButtonModule, MatDialogModule, MatCheckboxModule];
 const modules = [

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

@@ -2,7 +2,7 @@ import { Directive, HostListener, Injector, OnInit } from '@angular/core';
 import { MatDialog, MatDialogRef } from '@angular/material/dialog';
 import { UntypedFormGroup } from '@angular/forms';
 import { AutoUnsubscribe, hasFormChanged, IqserEventTarget } from '../utils';
-import { ConfirmOptions } from '../misc';
+import { ConfirmOptions } from '.';
 import { ConfirmationDialogService } from './confirmation-dialog.service';
 import { firstValueFrom } from 'rxjs';
 

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

@@ -1,8 +1,8 @@
 import { Injectable } from '@angular/core';
 import { MatDialog, MatDialogRef } from '@angular/material/dialog';
 import { marker as _ } from '@biesbjerg/ngx-translate-extract-marker';
-import { ConfirmationDialogComponent, ConfirmationDialogInput, DialogConfig, TitleColors } from '@iqser/common-ui';
-import { DialogService } from '../services/dialog.service';
+import { DialogConfig, DialogService } from '../services';
+import { ConfirmationDialogComponent, ConfirmationDialogInput, TitleColors } from '.';
 
 type DialogType = 'confirm';
 
@@ -25,7 +25,8 @@ export class ConfirmationDialogService extends DialogService<DialogType> {
     openDialog(data?: { disableConfirm: boolean; [key: string]: unknown }): MatDialogRef<unknown> {
         return super.openDialog(
             'confirm',
-            null,
+            // @ts-ignore
+            undefined,
             new ConfirmationDialogInput({
                 title: _('confirmation-dialog.unsaved-changes.title'),
                 question: _('confirmation-dialog.unsaved-changes.question'),

src/lib/dialog/index.ts

@@ -1,2 +1,3 @@
 export * from './base-dialog.component';
 export * from './confirmation-dialog.service';
+export * from './confirmation-dialog/confirmation-dialog.component';

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

@@ -8,6 +8,7 @@
             [label]="primaryGroup.label || ('filter-menu.label' | translate)"
             [matMenuTriggerFor]="filterMenu"
             [showDot]="hasActiveFilters$ | async"
+            id="{{ primaryGroup.slug }}"
         ></iqser-icon-button>
     </ng-container>
 
@@ -33,6 +34,7 @@
                 (click)="$event.stopPropagation()"
                 *ngIf="primaryGroup.filterceptionPlaceholder"
                 [(value)]="searchService.searchValue"
+                [id]="'filterception-' + primaryGroup.slug"
                 [placeholder]="primaryGroup.filterceptionPlaceholder"
                 [width]="'full'"
             ></iqser-input-with-action>
@@ -77,10 +79,10 @@
 <ng-template #filterHeader>
     <div class="filter-menu-header">
         <div class="all-caps-label" translate="filter-menu.filter-types"></div>
-        <div class="actions" *ngIf="primaryFilterGroup$ | async as primaryGroup">
+        <div *ngIf="primaryFilterGroup$ | async as primaryGroup" class="actions">
             <div
-                *ngIf="!primaryGroup.singleSelect"
                 (click)="activatePrimaryFilters(); $event.stopPropagation()"
+                *ngIf="!primaryGroup.singleSelect"
                 class="all-caps-label primary pointer"
                 translate="actions.all"
             ></div>

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

@@ -1,6 +1,6 @@
 /* eslint-disable @angular-eslint/prefer-on-push-component-change-detection */
 import { Component, Input, OnDestroy, OnInit } from '@angular/core';
-import { HelpModeService } from '@iqser/common-ui';
+import { HelpModeService } from '../index';
 
 @Component({
     selector: 'iqser-help-button',

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

@@ -7,9 +7,10 @@ import { HelpModeComponent } from './help-mode/help-mode.component';
 import { HelpModeDirective } from './help-mode.directive';
 import { IqserButtonsModule } from '../buttons';
 import { IqserIconsModule } from '../icons';
+import { HelpButtonComponent } from './help-button/help-button.component';
 
 const matModules = [MatDialogModule];
-const components = [HelpModeComponent, HelpModeDialogComponent, HelpModeDirective];
+const components = [HelpModeComponent, HelpModeDialogComponent, HelpModeDirective, HelpButtonComponent];
 
 @NgModule({
     declarations: [...components],

src/lib/help-mode/index.ts

@@ -3,4 +3,5 @@ export * from './help-mode.module';
 export * from './help-mode.service';
 export * from './help-mode.directive';
 export * from './help-mode/help-mode.component';
+export * from './help-button/help-button.component';
 export * from './help-mode-dialog/help-mode-dialog.component';

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

@@ -15,6 +15,7 @@
                 (mouseleave)="itemMouseLeaveFn && itemMouseLeaveFn(entity)"
                 *ngIf="itemMouseEnterFn || itemMouseLeaveFn; else withoutMouseEvents"
                 [class.help-mode]="helpModeService.isHelpModeActive$ | async"
+                [id]="'item-' + entity.id"
                 [ngClass]="getTableItemClasses(entity)"
                 [routerLink]="entity.routerLink"
             >
@@ -28,6 +29,7 @@
             <ng-template #withoutMouseEvents>
                 <div
                     [class.help-mode]="helpModeService.isHelpModeActive$ | async"
+                    [id]="'item-' + entity.id"
                     [ngClass]="getTableItemClasses(entity)"
                     [routerLink]="entity.routerLink"
                 >

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

@@ -7,7 +7,7 @@ import { IListable } from '../models';
 import { ListingComponent, ListingService } from '../index';
 import { HasScrollbarDirective } from '../../scrollbar';
 import { BehaviorSubject } from 'rxjs';
-import { HelpModeService } from '@iqser/common-ui';
+import { HelpModeService } from '../../help-mode';
 
 @Component({
     selector: 'iqser-table-content',

src/lib/misc/index.ts

@@ -1,4 +1,3 @@
-export * from './confirmation-dialog/confirmation-dialog.component';
 export * from './hidden-action/hidden-action.component';
 export * from './logo/logo.component';
 export * from './side-nav/side-nav.component';

src/lib/utils/pipes/log.pipe.ts

@@ -1,12 +1,11 @@
 import { Pipe, PipeTransform } from '@angular/core';
-import { _log } from '@iqser/common-ui';
 
 @Pipe({
     name: 'log',
 })
 export class LogPipe implements PipeTransform {
     transform<T>(value: T, message = ''): T {
-        _log(value, message);
+        console.write(value, message);
         return value;
     }
 }