@igo2/common 16.0.0-rc.0 → 16.0.0-rc.2

package/lib/action/action.theming.scss

@@ -1,5 +1,5 @@
-@use './actionbar/actionbar-item.theming.scss' as actionbar-item;
-
-@mixin igo-action-theming($theme) {
-  @include actionbar-item.density($theme);
-}
+@use './actionbar/actionbar-item.theming.scss' as actionbar-item;
+
+@mixin igo-action-theming($theme) {
+  @include actionbar-item.density($theme);
+}

package/lib/action/actionbar/actionbar-item.component.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter, OnInit, OnDestroy } from '@angular/core';
+import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
 import { Action } from '../shared/action.interfaces';
 import * as i0 from "@angular/core";

package/lib/action/actionbar/actionbar.component.d.ts

@@ -1,10 +1,10 @@
-import { ChangeDetectorRef, OnChanges, OnDestroy, SimpleChanges, ElementRef } from '@angular/core';
+import { Overlay } from '@angular/cdk/overlay';
+import { ChangeDetectorRef, ElementRef, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
 import { MediaService } from '@igo2/core';
-import { Action } from '../shared/action.interfaces';
+import { BehaviorSubject } from 'rxjs';
 import { ActionbarMode } from '../shared/action.enums';
+import { Action } from '../shared/action.interfaces';
 import { ActionStore } from '../shared/store';
-import { Overlay } from '@angular/cdk/overlay';
-import { BehaviorSubject } from 'rxjs';
 import * as i0 from "@angular/core";
 /**
  * A list of action buttons.

package/lib/collapsible/collapse.directive.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter, ElementRef, Renderer2 } from '@angular/core';
+import { ElementRef, EventEmitter, Renderer2 } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class CollapseDirective {
     private renderer;

package/lib/collapsible/collapsible.theming.scss

@@ -1,22 +1,22 @@
-@mixin igo-collapsible-theming($theme) {
-  mat-icon[igocollapse] {
-    &:hover {
-      cursor: pointer;
-    }
-
-    &.igo-chevron {
-      width: auto !important;
-      transform: rotateZ(0deg);
-      transition: 300ms ease-in-out;
-
-      &.collapsed {
-        transform: rotateZ(180deg);
-        transition: 300ms ease-in-out;
-      }
-    }
-  }
-
-  div.igo-collapsed {
-    display: none !important;
-  }
-}
+@mixin igo-collapsible-theming($theme) {
+  mat-icon[igocollapse] {
+    &:hover {
+      cursor: pointer;
+    }
+
+    &.igo-chevron {
+      width: auto !important;
+      transform: rotateZ(0deg);
+      transition: 300ms ease-in-out;
+
+      &.collapsed {
+        transform: rotateZ(180deg);
+        transition: 300ms ease-in-out;
+      }
+    }
+  }
+
+  div.igo-collapsed {
+    display: none !important;
+  }
+}

package/lib/color-picker-form-field/color-picker-form-field.component.d.ts

@@ -1,26 +1,23 @@
-import { EventEmitter, OnInit } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
+import { ColorEvent } from 'ngx-color';
 import * as i0 from "@angular/core";
-export declare class ColorPickerFormFieldComponent implements ControlValueAccessor, OnInit {
-    setAlpha: number;
-    outputFormat: 'hex' | 'rgba' | 'hsla';
-    color: string;
-    open: EventEmitter<boolean>;
-    close: EventEmitter<boolean>;
-    onChange: any;
-    onTouch: any;
+type ColorFormat = 'hex' | 'rgba' | 'hsla';
+export declare class ColorPickerFormFieldComponent implements ControlValueAccessor {
+    isOpen: boolean;
     set value(value: string);
     get value(): string;
-    _value: string;
-    set hexColor(value: string);
-    get hexColor(): string;
-    _hexColor: string;
-    ngOnInit(): void;
+    private _value;
+    outputFormat: ColorFormat;
+    colorPicker: string;
+    onChange: any;
+    onTouch: any;
     writeValue(value: string): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
-    setFormat(color: string): string;
-    closePicker(): void;
+    handleClick(event: MouseEvent): void;
+    handleChange($event: ColorEvent): void;
+    private formatColor;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerFormFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ColorPickerFormFieldComponent, "igo-color-picker-form-field", never, { "setAlpha": { "alias": "setAlpha"; "required": false; }; "outputFormat": { "alias": "outputFormat"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, { "open": "open"; "close": "close"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColorPickerFormFieldComponent, "igo-color-picker-form-field", never, { "outputFormat": { "alias": "outputFormat"; "required": false; }; }, {}, never, never, false, never>;
 }
+export {};

package/lib/color-picker-form-field/color-picker-form-field.module.d.ts

@@ -1,10 +1,15 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./color-picker-form-field.component";
 import * as i2 from "@angular/forms";
-import * as i3 from "@angular/material/form-field";
-import * as i4 from "@angular/material/input";
+import * as i3 from "@angular/material/button";
+import * as i4 from "@angular/material/form-field";
+import * as i5 from "@angular/material/input";
+import * as i6 from "@angular/common";
+import * as i7 from "@angular/cdk/overlay";
+import * as i8 from "ngx-color/chrome";
+import * as i9 from "@ngx-translate/core";
 export declare class ColorPickerFormFieldModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerFormFieldModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ColorPickerFormFieldModule, [typeof i1.ColorPickerFormFieldComponent], [typeof i2.FormsModule, typeof i3.MatFormFieldModule, typeof i4.MatInputModule, typeof i2.ReactiveFormsModule], [typeof i1.ColorPickerFormFieldComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ColorPickerFormFieldModule, [typeof i1.ColorPickerFormFieldComponent], [typeof i2.FormsModule, typeof i3.MatButtonModule, typeof i4.MatFormFieldModule, typeof i5.MatInputModule, typeof i2.ReactiveFormsModule, typeof i6.CommonModule, typeof i7.OverlayModule, typeof i8.ColorChromeModule, typeof i9.TranslateModule], [typeof i1.ColorPickerFormFieldComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ColorPickerFormFieldModule>;
 }

package/lib/context-menu/context-menu.directive.d.ts

@@ -1,6 +1,6 @@
+import { Overlay } from '@angular/cdk/overlay';
 import { ElementRef, EventEmitter, ViewContainerRef } from '@angular/core';
 import type { TemplateRef } from '@angular/core';
-import { Overlay } from '@angular/cdk/overlay';
 import * as i0 from "@angular/core";
 export declare class ContextMenuDirective {
     overlay: Overlay;

package/lib/entity/entity-selector/entity-selector.component.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter, ChangeDetectorRef, OnInit, OnDestroy } from '@angular/core';
+import { ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
 import { EntityStore } from '../shared/store';
 import * as i0 from "@angular/core";

package/lib/entity/entity-selector/entity-selector.theming.scss

@@ -1,21 +1,21 @@
-@use 'sass:map';
-@use '@angular/material' as mat;
-
-@mixin theme($theme) {
-  @include density($theme);
-}
-
-@mixin density($theme) {
-  $density: mat.get-density-config($theme);
-
-  $theme: map.merge(
-    $theme,
-    (
-      density: $density - 2
-    )
-  );
-
-  igo-entity-selector {
-    @include mat.form-field-density($theme);
-  }
-}
+@use 'sass:map';
+@use '@angular/material' as mat;
+
+@mixin theme($theme) {
+  @include density($theme);
+}
+
+@mixin density($theme) {
+  $density: mat.get-density-config($theme);
+
+  $theme: map.merge(
+    $theme,
+    (
+      density: $density - 2
+    )
+  );
+
+  igo-entity-selector {
+    @include mat.form-field-density($theme);
+  }
+}

package/lib/entity/entity-table/entity-table-row.directive.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, Renderer2, EventEmitter } from '@angular/core';
+import { ElementRef, EventEmitter, Renderer2 } from '@angular/core';
 import { EntityTableScrollBehavior } from '../shared/entity.enums';
 import * as i0 from "@angular/core";
 /**

package/lib/entity/entity-table/entity-table.component.d.ts

@@ -1,13 +1,27 @@
-import { EventEmitter, ChangeDetectorRef, OnInit, OnDestroy, OnChanges, SimpleChanges, ElementRef } from '@angular/core';
-import { BehaviorSubject } from 'rxjs';
-import { EntityRecord, EntityState, EntityStore, EntityTableTemplate, EntityTableColumn, EntityTableColumnRenderer, EntityTableSelectionState, EntityTableScrollBehavior } from '../shared';
+import { FocusMonitor } from '@angular/cdk/a11y';
+import { ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import { FormControlName, NgControl, NgForm, UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';
+import { DateAdapter, ErrorStateMatcher } from '@angular/material/core';
 import { MatPaginator } from '@angular/material/paginator';
 import { MatTableDataSource } from '@angular/material/table';
+import { BehaviorSubject } from 'rxjs';
 import { EntityTablePaginatorOptions } from '../entity-table-paginator/entity-table-paginator.interface';
-import { UntypedFormBuilder, NgControl, NgForm, FormControlName, UntypedFormGroup } from '@angular/forms';
-import { FocusMonitor } from '@angular/cdk/a11y';
-import { DateAdapter, ErrorStateMatcher } from '@angular/material/core';
+import { EntityRecord, EntityState, EntityStore, EntityTableColumn, EntityTableColumnRenderer, EntityTableScrollBehavior, EntityTableSelectionState, EntityTableTemplate } from '../shared';
 import * as i0 from "@angular/core";
+interface CellData {
+    [key: string]: {
+        value: any;
+        class: {
+            [key: string]: boolean;
+        };
+        isUrl: boolean;
+        isImg: boolean;
+    };
+}
+interface RowData {
+    record: EntityRecord<object, EntityState>;
+    cellData: CellData;
+}
 export declare class EntityTableComponent implements OnInit, OnChanges, OnDestroy {
     private cdRef;
     private formBuilder;
@@ -106,7 +120,7 @@ export declare class EntityTableComponent implements OnInit, OnChanges, OnDestro
      * Data source consumable by the underlying material table
      * @internal
      */
-    dataSource: MatTableDataSource<object, import("@angular/material/table").MatTableDataSourcePaginator>;
+    dataSource: MatTableDataSource<RowData, import("@angular/material/table").MatTableDataSourcePaginator>;
     /**
      * Whether selection is supported
      * @internal
@@ -325,3 +339,4 @@ export declare class EntityTableComponent implements OnInit, OnChanges, OnDestro
     static ɵfac: i0.ɵɵFactoryDeclaration<EntityTableComponent, [null, null, null, null, { optional: true; self: true; }, { optional: true; }, { optional: true; }, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<EntityTableComponent, "igo-entity-table", never, { "store": { "alias": "store"; "required": false; }; "paginator": { "alias": "paginator"; "required": false; }; "template": { "alias": "template"; "required": false; }; "scrollBehavior": { "alias": "scrollBehavior"; "required": false; }; "sortNullsFirst": { "alias": "sortNullsFirst"; "required": false; }; "withPaginator": { "alias": "withPaginator"; "required": false; }; "paginatorOptions": { "alias": "paginatorOptions"; "required": false; }; }, { "entityClick": "entityClick"; "entitySelectChange": "entitySelectChange"; "entitySortChange": "entitySortChange"; }, never, never, false, never>;
 }
+export {};

package/lib/entity/entity-table/entity-table.theming.scss

@@ -9,13 +9,16 @@
 @mixin color($theme) {
   $primary: map.get($theme, primary);
   $accent: map.get($theme, accent);
-
+  $background: map-get($theme, background);
   igo-entity-table
     table.igo-entity-table-with-selection
     tr.igo-entity-table-row-highlighted {
     background-color: mat.get-color-from-palette($primary, A100);
     color: mat.get-color-from-palette($primary, default-contrast);
   }
+  igo-entity-table .mat-mdc-table thead {
+    background-color: mat.get-color-from-palette($background, background);
+  }
 }
 
 @mixin density($theme) {

package/lib/entity/entity-table-paginator/entity-table-paginator.component.d.ts

@@ -1,8 +1,8 @@
-import { OnChanges, EventEmitter, OnDestroy } from '@angular/core';
-import { EntityStore } from '../shared';
+import { EventEmitter, OnChanges, OnDestroy } from '@angular/core';
 import { MatPaginator, PageEvent } from '@angular/material/paginator';
-import { BehaviorSubject } from 'rxjs';
 import { LanguageService, MediaService } from '@igo2/core';
+import { BehaviorSubject } from 'rxjs';
+import { EntityStore } from '../shared';
 import { EntityTablePaginatorOptions } from './entity-table-paginator.interface';
 import * as i0 from "@angular/core";
 export declare class EntityTablePaginatorComponent implements OnChanges, OnDestroy {

package/lib/entity/entity.theming.scss

@@ -1,10 +1,7 @@
 @use './entity-table/entity-table.theming' as entity-table;
-@use './entity-table-paginator/entity-table-paginator.theming' as
-  entity-table-paginator;
 @use './entity-selector/entity-selector.theming' as entity-selector;
 
 @mixin igo-entity-theming($theme) {
   @include entity-table.theme($theme);
-  @include entity-table-paginator.theme($theme);
   @include entity-selector.theme($theme);
 }

package/lib/entity/shared/store-strategy.d.ts

@@ -1,6 +1,6 @@
 import { EntityState } from './entity.interfaces';
-import { EntityStoreStrategy } from './strategies/strategy';
 import { EntityStore, EntityStoreOptions } from './store';
+import { EntityStoreStrategy } from './strategies/strategy';
 export declare class EntityStoreWithStrategy<E extends object = object, S extends EntityState = EntityState> extends EntityStore<E, S> {
     /**
      * Strategies

package/lib/entity/shared/store.d.ts

@@ -1,7 +1,7 @@
 import { BehaviorSubject } from 'rxjs';
+import { EntityKey, EntityRecord, EntityState } from './entity.interfaces';
 import { EntityStateManager } from './state';
 import { EntityView } from './view';
-import { EntityKey, EntityState, EntityRecord } from './entity.interfaces';
 export interface EntityStoreOptions {
     getKey?: (entity: object) => EntityKey;
     getProperty?: (entity: object, property: string) => any;

package/lib/entity/shared/transaction.d.ts

@@ -1,8 +1,8 @@
 import { Observable } from 'rxjs';
 import { BehaviorSubject } from 'rxjs';
-import { EntityKey, EntityTransactionOptions, EntityOperationState } from './entity.interfaces';
-import { EntityStore } from './store';
 import { EntityOperationType } from './entity.enums';
+import { EntityKey, EntityOperationState, EntityTransactionOptions } from './entity.interfaces';
+import { EntityStore } from './store';
 interface EntityOperation<E extends object = object> {
     key: EntityKey;
     type: EntityOperationType;

package/lib/entity/shared/view.d.ts

@@ -1,5 +1,5 @@
 import { BehaviorSubject, Observable } from 'rxjs';
-import { EntityKey, EntityFilterClause, EntitySortClause, EntityJoinClause } from './entity.interfaces';
+import { EntityFilterClause, EntityJoinClause, EntityKey, EntitySortClause } from './entity.interfaces';
 /**
  * An entity view streams entities from an observable source. These entities
  * can be filtered or sorted without affecting the source. A view can also

package/lib/environment/environment.interface.d.ts

@@ -0,0 +1,13 @@
+export interface EnvironmentOptions {
+    depot?: DepotOptions;
+    interactiveTour?: InteractiveTourConfigOptions;
+}
+export interface DepotOptions {
+    url: string;
+    trainingGuides?: string[];
+}
+export interface InteractiveTourConfigOptions {
+    activateInteractiveTour?: boolean;
+    tourInMobile?: boolean;
+    pathToConfigFile?: string;
+}

package/lib/environment/index.d.ts

@@ -0,0 +1 @@
+export * from './environment.interface';

package/lib/flexible/flexible.component.d.ts

@@ -1,6 +1,6 @@
-import { OnInit, OnDestroy, ElementRef } from '@angular/core';
+import { ElementRef, OnDestroy, OnInit } from '@angular/core';
 import { MediaService } from '@igo2/core';
-import { FlexibleState, FlexibleDirection } from './flexible.type';
+import { FlexibleDirection, FlexibleState } from './flexible.type';
 import * as i0 from "@angular/core";
 export declare class FlexibleComponent implements OnInit, OnDestroy {
     private el;

package/lib/form/form/form.component.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter, OnChanges, SimpleChanges, ElementRef } from '@angular/core';
+import { ElementRef, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
 import { Form } from '../shared/form.interfaces';
 import * as i0 from "@angular/core";
 /**

package/lib/form/form-field/form-field.component.d.ts

@@ -1,5 +1,5 @@
-import { FormField, FormFieldInputs, FormFieldOptions, FormFieldSubscribers } from '../shared/form.interfaces';
 import { FormFieldService } from '../shared/form-field.service';
+import { FormField, FormFieldInputs, FormFieldOptions, FormFieldSubscribers } from '../shared/form.interfaces';
 import * as i0 from "@angular/core";
 /**
  * This component renders the proper form input based on

package/lib/home-button/home-button.theming.scss

@@ -1,18 +1,18 @@
-@use 'sass:map';
-@use '@angular/material' as mat;
-
-@mixin theme($theme) {
-  $primary: map.get($theme, primary);
-  $accent: map.get($theme, accent);
-  $foreground: map.get($theme, foreground);
-
-  igo-home-button > #homeButton {
-    background-color: mat.get-color-from-palette($primary);
-    color: mat.get-color-from-palette($primary, default-contrast);
-
-    &:hover {
-      background-color: mat.get-color-from-palette($accent, lighter);
-      color: black;
-    }
-  }
-}
+@use 'sass:map';
+@use '@angular/material' as mat;
+
+@mixin theme($theme) {
+  $primary: map.get($theme, primary);
+  $accent: map.get($theme, accent);
+  $foreground: map.get($theme, foreground);
+
+  igo-home-button > #homeButton {
+    background-color: mat.get-color-from-palette($primary);
+    color: mat.get-color-from-palette($primary, default-contrast);
+
+    &:hover {
+      background-color: mat.get-color-from-palette($accent, lighter);
+      color: black;
+    }
+  }
+}

package/lib/image/secure-image.pipe.d.ts

@@ -1,7 +1,7 @@
-import { PipeTransform } from '@angular/core';
 import { HttpClient } from '@angular/common/http';
-import { Observable } from 'rxjs';
+import { PipeTransform } from '@angular/core';
 import { ConfigService } from '@igo2/core';
+import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class SecureImagePipe implements PipeTransform {
     private http;

package/lib/interactive-tour/interactive-tour.component.d.ts

@@ -1,6 +1,6 @@
-import { InteractiveTourService } from './interactive-tour.service';
-import { ToolService } from '../tool/shared/tool.service';
 import { Observable } from 'rxjs';
+import { ToolService } from '../tool/shared/tool.service';
+import { InteractiveTourService } from './interactive-tour.service';
 import * as i0 from "@angular/core";
 export declare class InteractiveTourComponent {
     private interactiveTourService;

package/lib/interactive-tour/interactive-tour.interface.d.ts

@@ -1,6 +1,7 @@
+import { Placement } from '@floating-ui/utils';
 export interface InteractiveTourStep {
     element?: string;
-    position?: string;
+    position?: Placement;
     title?: string;
     text: string;
     beforeShow?: InteractiveTourAction;

package/lib/interactive-tour/interactive-tour.loader.d.ts

@@ -1,7 +1,7 @@
 import { HttpClient } from '@angular/common/http';
+import { ConfigService } from '@igo2/core';
 import { Observable } from 'rxjs';
 import { InteractiveTourOptions } from './interactive-tour.interface';
-import { ConfigService } from '@igo2/core';
 import * as i0 from "@angular/core";
 export declare class InteractiveTourLoader {
     private http;

package/lib/interactive-tour/interactive-tour.service.d.ts

@@ -1,5 +1,5 @@
+import { ConfigService, LanguageService, MediaService } from '@igo2/core';
 import { ShepherdService } from 'angular-shepherd';
-import { ConfigService, MediaService, LanguageService } from '@igo2/core';
 import { InteractiveTourLoader } from './interactive-tour.loader';
 import * as i0 from "@angular/core";
 export declare class InteractiveTourService {

package/lib/interactive-tour/interactive-tour.theming.scss

@@ -1,32 +1,32 @@
-@use 'sass:map';
-@use '@angular/material' as mat;
-
-@mixin theme($theme) {
-  @include color($theme);
-}
-
-@mixin color($theme) {
-  $primary: map.get($theme, primary);
-  $accent: map.get($theme, accent);
-  $warn: map.get($theme, warn);
-
-  igo-interactive-tour {
-    button {
-      &.tour-button-tool-icon {
-        color: mat.get-color-from-palette($primary, darker-contrast);
-
-        &:hover {
-          background-color: mat.get-color-from-palette(
-            $primary,
-            default-contrast
-          );
-          color: mat.get-color-from-palette($primary);
-        }
-      }
-    }
-
-    .mat-primary .mat-mdc-icon-button {
-      color: white;
-    }
-  }
-}
+@use 'sass:map';
+@use '@angular/material' as mat;
+
+@mixin theme($theme) {
+  @include color($theme);
+}
+
+@mixin color($theme) {
+  $primary: map.get($theme, primary);
+  $accent: map.get($theme, accent);
+  $warn: map.get($theme, warn);
+
+  igo-interactive-tour {
+    button {
+      &.tour-button-tool-icon {
+        color: mat.get-color-from-palette($primary, darker-contrast);
+
+        &:hover {
+          background-color: mat.get-color-from-palette(
+            $primary,
+            default-contrast
+          );
+          color: mat.get-color-from-palette($primary);
+        }
+      }
+    }
+
+    .mat-primary .mat-mdc-icon-button {
+      color: white;
+    }
+  }
+}

package/lib/list/list-item.directive.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, Renderer2, EventEmitter } from '@angular/core';
+import { ElementRef, EventEmitter, Renderer2 } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class ListItemDirective {
     renderer: Renderer2;

package/lib/list/list.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, OnInit, OnDestroy, ElementRef } from '@angular/core';
+import { AfterViewInit, ElementRef, OnDestroy, OnInit } from '@angular/core';
 import type { QueryList } from '@angular/core';
 import { ListItemDirective } from './list-item.directive';
 import * as i0 from "@angular/core";

package/lib/list/list.theming.scss

@@ -4,6 +4,7 @@
 @mixin igo-list-theming($theme) {
   $primary: map.get($theme, primary);
   $accent: map.get($theme, accent);
+  @include density($theme);
 
   igo-list {
     [igolistitem] {
@@ -38,3 +39,20 @@
     }
   }
 }
+
+@mixin density($theme) {
+  $density: mat.get-density-config($theme);
+
+  $theme: map.merge(
+    $theme,
+    (
+      density: $density
+    )
+  );
+
+  igo-list {
+    @include mat.icon-density($theme);
+    @include mat.icon-button-density($theme);
+    @include mat.list-density($theme);
+  }
+}

package/lib/spinner/spinner-activity.directive.d.ts

@@ -1,4 +1,4 @@
-import { OnInit, OnDestroy } from '@angular/core';
+import { OnDestroy, OnInit } from '@angular/core';
 import { ActivityService } from '@igo2/core';
 import { SpinnerComponent } from './spinner.component';
 import * as i0 from "@angular/core";

package/lib/table/table-datasource.d.ts

@@ -1,8 +1,8 @@
 import { DataSource } from '@angular/cdk/table';
 import { MatSort } from '@angular/material/sort';
 import { Observable } from 'rxjs';
-import { TableModel } from './table-model.interface';
 import { TableDatabase } from './table-database';
+import { TableModel } from './table-model.interface';
 export declare class TableDataSource extends DataSource<any> {
     private _database;
     private _model;

package/lib/table/table.component.d.ts

@@ -1,9 +1,9 @@
-import { ElementRef, OnChanges, OnInit, AfterViewInit, EventEmitter } from '@angular/core';
-import { MatSort } from '@angular/material/sort';
 import { SelectionModel } from '@angular/cdk/collections';
-import { TableModel } from './table-model.interface';
+import { AfterViewInit, ElementRef, EventEmitter, OnChanges, OnInit } from '@angular/core';
+import { MatSort } from '@angular/material/sort';
 import { TableDatabase } from './table-database';
 import { TableDataSource } from './table-datasource';
+import { TableModel } from './table-model.interface';
 import * as i0 from "@angular/core";
 export declare class TableComponent implements OnChanges, OnInit, AfterViewInit {
     get database(): TableDatabase;

package/lib/tool/shared/toolbox.d.ts

@@ -1,5 +1,5 @@
-import { Tool, ToolboxOptions } from './tool.interface';
 import { BehaviorSubject } from 'rxjs';
+import { Tool, ToolboxOptions } from './tool.interface';
 /**
  * Service where all available tools and their component are registered.
  */