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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (144) hide show
  1. package/esm2022/lib/action/action.module.mjs +2 -2
  2. package/esm2022/lib/action/actionbar/actionbar-item.component.mjs +2 -2
  3. package/esm2022/lib/action/actionbar/actionbar.component.mjs +5 -5
  4. package/esm2022/lib/action/actionbar/actionbar.module.mjs +3 -3
  5. package/esm2022/lib/backdrop/backdrop.module.mjs +2 -2
  6. package/esm2022/lib/badge-icon/badge-icon.directive.mjs +2 -2
  7. package/esm2022/lib/badge-icon/badge-icon.module.mjs +2 -2
  8. package/esm2022/lib/clickout/clickout.module.mjs +1 -1
  9. package/esm2022/lib/clone/clone.module.mjs +1 -1
  10. package/esm2022/lib/collapsible/collapse.directive.mjs +2 -2
  11. package/esm2022/lib/collapsible/collapsible.component.mjs +2 -2
  12. package/esm2022/lib/collapsible/collapsible.module.mjs +1 -1
  13. package/esm2022/lib/color-picker-form-field/color-picker-form-field.component.mjs +67 -69
  14. package/esm2022/lib/color-picker-form-field/color-picker-form-field.module.mjs +25 -5
  15. package/esm2022/lib/confirm-dialog/confirm-dialog.module.mjs +1 -1
  16. package/esm2022/lib/confirm-dialog/confirm-dialog.service.mjs +1 -1
  17. package/esm2022/lib/context-menu/context-menu.directive.mjs +3 -3
  18. package/esm2022/lib/context-menu/context-menu.module.mjs +1 -1
  19. package/esm2022/lib/context-menu/long-press.directive.mjs +2 -2
  20. package/esm2022/lib/custom-html/custom-html.module.mjs +2 -2
  21. package/esm2022/lib/dom/dom.service.mjs +3 -3
  22. package/esm2022/lib/drag-drop/drag-drop.directive.mjs +2 -2
  23. package/esm2022/lib/drag-drop/drag-drop.module.mjs +1 -1
  24. package/esm2022/lib/dynamic-component/dynamic-component.module.mjs +2 -2
  25. package/esm2022/lib/dynamic-component/dynamic-outlet/dynamic-outlet.component.mjs +2 -2
  26. package/esm2022/lib/dynamic-component/dynamic-outlet/dynamic-outlet.module.mjs +2 -2
  27. package/esm2022/lib/entity/entity-selector/entity-selector.component.mjs +3 -3
  28. package/esm2022/lib/entity/entity-selector/entity-selector.module.mjs +2 -2
  29. package/esm2022/lib/entity/entity-table/entity-table-row.directive.mjs +2 -2
  30. package/esm2022/lib/entity/entity-table/entity-table.component.mjs +103 -103
  31. package/esm2022/lib/entity/entity-table/entity-table.module.mjs +13 -13
  32. package/esm2022/lib/entity/entity-table-paginator/entity-table-paginator.component.mjs +4 -4
  33. package/esm2022/lib/entity/entity-table-paginator/entity-table-paginator.module.mjs +2 -2
  34. package/esm2022/lib/entity/entity.module.mjs +3 -3
  35. package/esm2022/lib/entity/index.mjs +1 -1
  36. package/esm2022/lib/entity/shared/entity.interfaces.mjs +1 -1
  37. package/esm2022/lib/entity/shared/entity.utils.mjs +1 -1
  38. package/esm2022/lib/entity/shared/index.mjs +1 -1
  39. package/esm2022/lib/entity/shared/store-strategy.mjs +1 -1
  40. package/esm2022/lib/entity/shared/store.mjs +2 -2
  41. package/esm2022/lib/entity/shared/transaction.mjs +3 -3
  42. package/esm2022/lib/entity/shared/view.mjs +2 -2
  43. package/esm2022/lib/entity/shared/watcher.mjs +2 -2
  44. package/esm2022/lib/environment/environment.interface.mjs +2 -0
  45. package/esm2022/lib/environment/index.mjs +2 -0
  46. package/esm2022/lib/flexible/flexible.component.mjs +2 -2
  47. package/esm2022/lib/flexible/flexible.module.mjs +1 -1
  48. package/esm2022/lib/form/form/form.component.mjs +2 -2
  49. package/esm2022/lib/form/form/form.module.mjs +2 -2
  50. package/esm2022/lib/form/form-field/form-field-select.component.mjs +3 -3
  51. package/esm2022/lib/form/form-field/form-field-text.component.mjs +3 -3
  52. package/esm2022/lib/form/form-field/form-field-textarea.component.mjs +3 -3
  53. package/esm2022/lib/form/form-field/form-field.component.mjs +3 -3
  54. package/esm2022/lib/form/form-field/form-field.module.mjs +3 -3
  55. package/esm2022/lib/form/form-group/form-group.component.mjs +2 -2
  56. package/esm2022/lib/form/form-group/form-group.module.mjs +2 -2
  57. package/esm2022/lib/form/form.module.mjs +5 -5
  58. package/esm2022/lib/form/shared/form.interfaces.mjs +1 -1
  59. package/esm2022/lib/form/shared/form.service.mjs +1 -1
  60. package/esm2022/lib/home-button/home-button.module.mjs +3 -3
  61. package/esm2022/lib/image/image-error.directive.mjs +2 -2
  62. package/esm2022/lib/image/image.module.mjs +1 -1
  63. package/esm2022/lib/image/secure-image.pipe.mjs +4 -4
  64. package/esm2022/lib/interactive-tour/interactive-tour.component.mjs +4 -4
  65. package/esm2022/lib/interactive-tour/interactive-tour.loader.mjs +2 -2
  66. package/esm2022/lib/interactive-tour/interactive-tour.module.mjs +4 -4
  67. package/esm2022/lib/interactive-tour/interactive-tour.service.mjs +4 -7
  68. package/esm2022/lib/json-dialog/json-dialog.module.mjs +2 -2
  69. package/esm2022/lib/keyvalue/keyvalue.module.mjs +1 -1
  70. package/esm2022/lib/list/list-item.directive.mjs +2 -2
  71. package/esm2022/lib/list/list.component.mjs +4 -4
  72. package/esm2022/lib/list/list.module.mjs +2 -2
  73. package/esm2022/lib/panel/panel.component.mjs +2 -2
  74. package/esm2022/lib/panel/panel.module.mjs +2 -2
  75. package/esm2022/lib/sidenav/sidenav-shim.directive.mjs +2 -2
  76. package/esm2022/lib/sidenav/sidenav.module.mjs +1 -1
  77. package/esm2022/lib/spinner/spinner-activity.directive.mjs +2 -2
  78. package/esm2022/lib/spinner/spinner.component.mjs +1 -1
  79. package/esm2022/lib/spinner/spinner.module.mjs +2 -2
  80. package/esm2022/lib/stop-propagation/stop-propagation.module.mjs +1 -1
  81. package/esm2022/lib/table/table-datasource.mjs +2 -2
  82. package/esm2022/lib/table/table.component.mjs +6 -6
  83. package/esm2022/lib/table/table.module.mjs +3 -3
  84. package/esm2022/lib/tool/shared/toolbox.mjs +2 -2
  85. package/esm2022/lib/tool/tool.module.mjs +2 -2
  86. package/esm2022/lib/tool/toolbox/toolbox.animation.mjs +2 -2
  87. package/esm2022/lib/tool/toolbox/toolbox.component.mjs +3 -3
  88. package/esm2022/lib/tool/toolbox/toolbox.module.mjs +2 -2
  89. package/esm2022/lib/widget/shared/widget.service.mjs +1 -1
  90. package/esm2022/lib/widget/widget-outlet/widget-outlet.component.mjs +2 -2
  91. package/esm2022/lib/widget/widget-outlet/widget-outlet.module.mjs +2 -2
  92. package/esm2022/lib/widget/widget.module.mjs +3 -3
  93. package/esm2022/lib/workspace/shared/store.mjs +2 -2
  94. package/esm2022/lib/workspace/shared/workspace.mjs +1 -1
  95. package/esm2022/lib/workspace/workspace-selector/workspace-selector.component.mjs +2 -2
  96. package/esm2022/lib/workspace/workspace-selector/workspace-selector.module.mjs +2 -2
  97. package/esm2022/lib/workspace/workspace-widget-outlet/workspace-widget-outlet.component.mjs +2 -2
  98. package/esm2022/lib/workspace/workspace-widget-outlet/workspace-widget-outlet.module.mjs +2 -2
  99. package/esm2022/lib/workspace/workspace.module.mjs +2 -2
  100. package/esm2022/public_api.mjs +2 -1
  101. package/fesm2022/igo2-common.mjs +2374 -2362
  102. package/fesm2022/igo2-common.mjs.map +1 -1
  103. package/lib/action/actionbar/actionbar-item.component.d.ts +1 -1
  104. package/lib/action/actionbar/actionbar.component.d.ts +4 -4
  105. package/lib/collapsible/collapse.directive.d.ts +1 -1
  106. package/lib/color-picker-form-field/color-picker-form-field.component.d.ts +14 -17
  107. package/lib/color-picker-form-field/color-picker-form-field.module.d.ts +8 -3
  108. package/lib/context-menu/context-menu.directive.d.ts +1 -1
  109. package/lib/entity/entity-selector/entity-selector.component.d.ts +1 -1
  110. package/lib/entity/entity-selector/entity-selector.theming.scss +21 -21
  111. package/lib/entity/entity-table/entity-table-row.directive.d.ts +1 -1
  112. package/lib/entity/entity-table/entity-table.component.d.ts +22 -7
  113. package/lib/entity/entity-table/entity-table.theming.scss +37 -34
  114. package/lib/entity/entity-table-paginator/entity-table-paginator.component.d.ts +3 -3
  115. package/lib/entity/entity.theming.scss +7 -10
  116. package/lib/entity/shared/store-strategy.d.ts +1 -1
  117. package/lib/entity/shared/store.d.ts +1 -1
  118. package/lib/entity/shared/transaction.d.ts +2 -2
  119. package/lib/entity/shared/view.d.ts +1 -1
  120. package/lib/environment/environment.interface.d.ts +13 -0
  121. package/lib/environment/index.d.ts +1 -0
  122. package/lib/flexible/flexible.component.d.ts +2 -2
  123. package/lib/form/form/form.component.d.ts +1 -1
  124. package/lib/form/form-field/form-field.component.d.ts +1 -1
  125. package/lib/image/secure-image.pipe.d.ts +2 -2
  126. package/lib/interactive-tour/interactive-tour.component.d.ts +2 -2
  127. package/lib/interactive-tour/interactive-tour.loader.d.ts +1 -1
  128. package/lib/interactive-tour/interactive-tour.service.d.ts +1 -1
  129. package/lib/list/list-item.directive.d.ts +1 -1
  130. package/lib/list/list.component.d.ts +1 -1
  131. package/lib/list/list.theming.scss +58 -40
  132. package/lib/spinner/spinner-activity.directive.d.ts +1 -1
  133. package/lib/table/table-datasource.d.ts +1 -1
  134. package/lib/table/table.component.d.ts +3 -3
  135. package/lib/tool/shared/toolbox.d.ts +1 -1
  136. package/lib/tool/toolbox/toolbox.component.d.ts +1 -1
  137. package/lib/workspace/shared/store.d.ts +1 -1
  138. package/lib/workspace/shared/workspace.d.ts +1 -1
  139. package/lib/workspace/workspace-selector/workspace-selector.component.d.ts +1 -1
  140. package/locale/en.common.json +44 -43
  141. package/locale/fr.common.json +44 -43
  142. package/package.json +4 -3
  143. package/public_api.d.ts +1 -0
  144. package/lib/entity/entity-table-paginator/entity-table-paginator.theming.scss +0 -21
@@ -1,4 +1,4 @@
1
- import { EventEmitter, OnInit, OnDestroy } from '@angular/core';
1
+ import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
2
2
  import { BehaviorSubject } from 'rxjs';
3
3
  import { Action } from '../shared/action.interfaces';
4
4
  import * as i0 from "@angular/core";
@@ -1,10 +1,10 @@
1
- import { ChangeDetectorRef, OnChanges, OnDestroy, SimpleChanges, ElementRef } from '@angular/core';
1
+ import { Overlay } from '@angular/cdk/overlay';
2
+ import { ChangeDetectorRef, ElementRef, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
2
3
  import { MediaService } from '@igo2/core';
3
- import { Action } from '../shared/action.interfaces';
4
+ import { BehaviorSubject } from 'rxjs';
4
5
  import { ActionbarMode } from '../shared/action.enums';
6
+ import { Action } from '../shared/action.interfaces';
5
7
  import { ActionStore } from '../shared/store';
6
- import { Overlay } from '@angular/cdk/overlay';
7
- import { BehaviorSubject } from 'rxjs';
8
8
  import * as i0 from "@angular/core";
9
9
  /**
10
10
  * A list of action buttons.
@@ -1,4 +1,4 @@
1
- import { EventEmitter, ElementRef, Renderer2 } from '@angular/core';
1
+ import { ElementRef, EventEmitter, Renderer2 } from '@angular/core';
2
2
  import * as i0 from "@angular/core";
3
3
  export declare class CollapseDirective {
4
4
  private renderer;
@@ -1,26 +1,23 @@
1
- import { EventEmitter, OnInit } from '@angular/core';
2
1
  import { ControlValueAccessor } from '@angular/forms';
2
+ import { ColorEvent } from 'ngx-color';
3
3
  import * as i0 from "@angular/core";
4
- export declare class ColorPickerFormFieldComponent implements ControlValueAccessor, OnInit {
5
- setAlpha: number;
6
- outputFormat: 'hex' | 'rgba' | 'hsla';
7
- color: string;
8
- open: EventEmitter<boolean>;
9
- close: EventEmitter<boolean>;
10
- onChange: any;
11
- onTouch: any;
4
+ type ColorFormat = 'hex' | 'rgba' | 'hsla';
5
+ export declare class ColorPickerFormFieldComponent implements ControlValueAccessor {
6
+ isOpen: boolean;
12
7
  set value(value: string);
13
8
  get value(): string;
14
- _value: string;
15
- set hexColor(value: string);
16
- get hexColor(): string;
17
- _hexColor: string;
18
- ngOnInit(): void;
9
+ private _value;
10
+ outputFormat: ColorFormat;
11
+ colorPicker: string;
12
+ onChange: any;
13
+ onTouch: any;
19
14
  writeValue(value: string): void;
20
15
  registerOnChange(fn: any): void;
21
16
  registerOnTouched(fn: any): void;
22
- setFormat(color: string): string;
23
- closePicker(): void;
17
+ handleClick(event: MouseEvent): void;
18
+ handleChange($event: ColorEvent): void;
19
+ private formatColor;
24
20
  static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerFormFieldComponent, never>;
25
- 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>;
21
+ static ɵcmp: i0.ɵɵComponentDeclaration<ColorPickerFormFieldComponent, "igo-color-picker-form-field", never, { "outputFormat": { "alias": "outputFormat"; "required": false; }; }, {}, never, never, false, never>;
26
22
  }
23
+ export {};
@@ -1,10 +1,15 @@
1
1
  import * as i0 from "@angular/core";
2
2
  import * as i1 from "./color-picker-form-field.component";
3
3
  import * as i2 from "@angular/forms";
4
- import * as i3 from "@angular/material/form-field";
5
- import * as i4 from "@angular/material/input";
4
+ import * as i3 from "@angular/material/button";
5
+ import * as i4 from "@angular/material/form-field";
6
+ import * as i5 from "@angular/material/input";
7
+ import * as i6 from "@angular/common";
8
+ import * as i7 from "@angular/cdk/overlay";
9
+ import * as i8 from "ngx-color/chrome";
10
+ import * as i9 from "@ngx-translate/core";
6
11
  export declare class ColorPickerFormFieldModule {
7
12
  static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerFormFieldModule, never>;
8
- static ɵmod: i0.ɵɵNgModuleDeclaration<ColorPickerFormFieldModule, [typeof i1.ColorPickerFormFieldComponent], [typeof i2.FormsModule, typeof i3.MatFormFieldModule, typeof i4.MatInputModule, typeof i2.ReactiveFormsModule], [typeof i1.ColorPickerFormFieldComponent]>;
13
+ 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]>;
9
14
  static ɵinj: i0.ɵɵInjectorDeclaration<ColorPickerFormFieldModule>;
10
15
  }
@@ -1,6 +1,6 @@
1
+ import { Overlay } from '@angular/cdk/overlay';
1
2
  import { ElementRef, EventEmitter, ViewContainerRef } from '@angular/core';
2
3
  import type { TemplateRef } from '@angular/core';
3
- import { Overlay } from '@angular/cdk/overlay';
4
4
  import * as i0 from "@angular/core";
5
5
  export declare class ContextMenuDirective {
6
6
  overlay: Overlay;
@@ -1,4 +1,4 @@
1
- import { EventEmitter, ChangeDetectorRef, OnInit, OnDestroy } from '@angular/core';
1
+ import { ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
2
2
  import { BehaviorSubject } from 'rxjs';
3
3
  import { EntityStore } from '../shared/store';
4
4
  import * as i0 from "@angular/core";
@@ -1,21 +1,21 @@
1
- @use 'sass:map';
2
- @use '@angular/material' as mat;
3
-
4
- @mixin theme($theme) {
5
- @include density($theme);
6
- }
7
-
8
- @mixin density($theme) {
9
- $density: mat.get-density-config($theme);
10
-
11
- $theme: map.merge(
12
- $theme,
13
- (
14
- density: $density - 2
15
- )
16
- );
17
-
18
- igo-entity-selector {
19
- @include mat.form-field-density($theme);
20
- }
21
- }
1
+ @use 'sass:map';
2
+ @use '@angular/material' as mat;
3
+
4
+ @mixin theme($theme) {
5
+ @include density($theme);
6
+ }
7
+
8
+ @mixin density($theme) {
9
+ $density: mat.get-density-config($theme);
10
+
11
+ $theme: map.merge(
12
+ $theme,
13
+ (
14
+ density: $density - 2
15
+ )
16
+ );
17
+
18
+ igo-entity-selector {
19
+ @include mat.form-field-density($theme);
20
+ }
21
+ }
@@ -1,4 +1,4 @@
1
- import { ElementRef, Renderer2, EventEmitter } from '@angular/core';
1
+ import { ElementRef, EventEmitter, Renderer2 } from '@angular/core';
2
2
  import { EntityTableScrollBehavior } from '../shared/entity.enums';
3
3
  import * as i0 from "@angular/core";
4
4
  /**
@@ -1,13 +1,27 @@
1
- import { EventEmitter, ChangeDetectorRef, OnInit, OnDestroy, OnChanges, SimpleChanges, ElementRef } from '@angular/core';
2
- import { BehaviorSubject } from 'rxjs';
3
- import { EntityRecord, EntityState, EntityStore, EntityTableTemplate, EntityTableColumn, EntityTableColumnRenderer, EntityTableSelectionState, EntityTableScrollBehavior } from '../shared';
1
+ import { FocusMonitor } from '@angular/cdk/a11y';
2
+ import { ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
3
+ import { FormControlName, NgControl, NgForm, UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';
4
+ import { DateAdapter, ErrorStateMatcher } from '@angular/material/core';
4
5
  import { MatPaginator } from '@angular/material/paginator';
5
6
  import { MatTableDataSource } from '@angular/material/table';
7
+ import { BehaviorSubject } from 'rxjs';
6
8
  import { EntityTablePaginatorOptions } from '../entity-table-paginator/entity-table-paginator.interface';
7
- import { UntypedFormBuilder, NgControl, NgForm, FormControlName, UntypedFormGroup } from '@angular/forms';
8
- import { FocusMonitor } from '@angular/cdk/a11y';
9
- import { DateAdapter, ErrorStateMatcher } from '@angular/material/core';
9
+ import { EntityRecord, EntityState, EntityStore, EntityTableColumn, EntityTableColumnRenderer, EntityTableScrollBehavior, EntityTableSelectionState, EntityTableTemplate } from '../shared';
10
10
  import * as i0 from "@angular/core";
11
+ interface CellData {
12
+ [key: string]: {
13
+ value: any;
14
+ class: {
15
+ [key: string]: boolean;
16
+ };
17
+ isUrl: boolean;
18
+ isImg: boolean;
19
+ };
20
+ }
21
+ interface RowData {
22
+ record: EntityRecord<object, EntityState>;
23
+ cellData: CellData;
24
+ }
11
25
  export declare class EntityTableComponent implements OnInit, OnChanges, OnDestroy {
12
26
  private cdRef;
13
27
  private formBuilder;
@@ -106,7 +120,7 @@ export declare class EntityTableComponent implements OnInit, OnChanges, OnDestro
106
120
  * Data source consumable by the underlying material table
107
121
  * @internal
108
122
  */
109
- dataSource: MatTableDataSource<object, import("@angular/material/table").MatTableDataSourcePaginator>;
123
+ dataSource: MatTableDataSource<RowData, import("@angular/material/table").MatTableDataSourcePaginator>;
110
124
  /**
111
125
  * Whether selection is supported
112
126
  * @internal
@@ -325,3 +339,4 @@ export declare class EntityTableComponent implements OnInit, OnChanges, OnDestro
325
339
  static ɵfac: i0.ɵɵFactoryDeclaration<EntityTableComponent, [null, null, null, null, { optional: true; self: true; }, { optional: true; }, { optional: true; }, null, null]>;
326
340
  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>;
327
341
  }
342
+ export {};
@@ -1,34 +1,37 @@
1
- @use 'sass:map';
2
- @use '@angular/material' as mat;
3
-
4
- @mixin theme($theme) {
5
- @include color($theme);
6
- @include density($theme);
7
- }
8
-
9
- @mixin color($theme) {
10
- $primary: map.get($theme, primary);
11
- $accent: map.get($theme, accent);
12
-
13
- igo-entity-table
14
- table.igo-entity-table-with-selection
15
- tr.igo-entity-table-row-highlighted {
16
- background-color: mat.get-color-from-palette($primary, A100);
17
- color: mat.get-color-from-palette($primary, default-contrast);
18
- }
19
- }
20
-
21
- @mixin density($theme) {
22
- $density: mat.get-density-config($theme);
23
-
24
- $theme: map.merge(
25
- $theme,
26
- (
27
- density: $density - 1
28
- )
29
- );
30
-
31
- igo-entity-table {
32
- @include mat.table-density($theme);
33
- }
34
- }
1
+ @use 'sass:map';
2
+ @use '@angular/material' as mat;
3
+
4
+ @mixin theme($theme) {
5
+ @include color($theme);
6
+ @include density($theme);
7
+ }
8
+
9
+ @mixin color($theme) {
10
+ $primary: map.get($theme, primary);
11
+ $accent: map.get($theme, accent);
12
+ $background: map-get($theme, background);
13
+ igo-entity-table
14
+ table.igo-entity-table-with-selection
15
+ tr.igo-entity-table-row-highlighted {
16
+ background-color: mat.get-color-from-palette($primary, A100);
17
+ color: mat.get-color-from-palette($primary, default-contrast);
18
+ }
19
+ igo-entity-table .mat-mdc-table thead {
20
+ background-color: mat.get-color-from-palette($background, background);
21
+ }
22
+ }
23
+
24
+ @mixin density($theme) {
25
+ $density: mat.get-density-config($theme);
26
+
27
+ $theme: map.merge(
28
+ $theme,
29
+ (
30
+ density: $density - 1
31
+ )
32
+ );
33
+
34
+ igo-entity-table {
35
+ @include mat.table-density($theme);
36
+ }
37
+ }
@@ -1,8 +1,8 @@
1
- import { OnChanges, EventEmitter, OnDestroy } from '@angular/core';
2
- import { EntityStore } from '../shared';
1
+ import { EventEmitter, OnChanges, OnDestroy } from '@angular/core';
3
2
  import { MatPaginator, PageEvent } from '@angular/material/paginator';
4
- import { BehaviorSubject } from 'rxjs';
5
3
  import { LanguageService, MediaService } from '@igo2/core';
4
+ import { BehaviorSubject } from 'rxjs';
5
+ import { EntityStore } from '../shared';
6
6
  import { EntityTablePaginatorOptions } from './entity-table-paginator.interface';
7
7
  import * as i0 from "@angular/core";
8
8
  export declare class EntityTablePaginatorComponent implements OnChanges, OnDestroy {
@@ -1,10 +1,7 @@
1
- @use './entity-table/entity-table.theming' as entity-table;
2
- @use './entity-table-paginator/entity-table-paginator.theming' as
3
- entity-table-paginator;
4
- @use './entity-selector/entity-selector.theming' as entity-selector;
5
-
6
- @mixin igo-entity-theming($theme) {
7
- @include entity-table.theme($theme);
8
- @include entity-table-paginator.theme($theme);
9
- @include entity-selector.theme($theme);
10
- }
1
+ @use './entity-table/entity-table.theming' as entity-table;
2
+ @use './entity-selector/entity-selector.theming' as entity-selector;
3
+
4
+ @mixin igo-entity-theming($theme) {
5
+ @include entity-table.theme($theme);
6
+ @include entity-selector.theme($theme);
7
+ }
@@ -1,6 +1,6 @@
1
1
  import { EntityState } from './entity.interfaces';
2
- import { EntityStoreStrategy } from './strategies/strategy';
3
2
  import { EntityStore, EntityStoreOptions } from './store';
3
+ import { EntityStoreStrategy } from './strategies/strategy';
4
4
  export declare class EntityStoreWithStrategy<E extends object = object, S extends EntityState = EntityState> extends EntityStore<E, S> {
5
5
  /**
6
6
  * Strategies
@@ -1,7 +1,7 @@
1
1
  import { BehaviorSubject } from 'rxjs';
2
+ import { EntityKey, EntityRecord, EntityState } from './entity.interfaces';
2
3
  import { EntityStateManager } from './state';
3
4
  import { EntityView } from './view';
4
- import { EntityKey, EntityState, EntityRecord } from './entity.interfaces';
5
5
  export interface EntityStoreOptions {
6
6
  getKey?: (entity: object) => EntityKey;
7
7
  getProperty?: (entity: object, property: string) => any;
@@ -1,8 +1,8 @@
1
1
  import { Observable } from 'rxjs';
2
2
  import { BehaviorSubject } from 'rxjs';
3
- import { EntityKey, EntityTransactionOptions, EntityOperationState } from './entity.interfaces';
4
- import { EntityStore } from './store';
5
3
  import { EntityOperationType } from './entity.enums';
4
+ import { EntityKey, EntityOperationState, EntityTransactionOptions } from './entity.interfaces';
5
+ import { EntityStore } from './store';
6
6
  interface EntityOperation<E extends object = object> {
7
7
  key: EntityKey;
8
8
  type: EntityOperationType;
@@ -1,5 +1,5 @@
1
1
  import { BehaviorSubject, Observable } from 'rxjs';
2
- import { EntityKey, EntityFilterClause, EntitySortClause, EntityJoinClause } from './entity.interfaces';
2
+ import { EntityFilterClause, EntityJoinClause, EntityKey, EntitySortClause } from './entity.interfaces';
3
3
  /**
4
4
  * An entity view streams entities from an observable source. These entities
5
5
  * can be filtered or sorted without affecting the source. A view can also
@@ -0,0 +1,13 @@
1
+ export interface EnvironmentOptions {
2
+ depot?: DepotOptions;
3
+ interactiveTour?: InteractiveTourConfigOptions;
4
+ }
5
+ export interface DepotOptions {
6
+ url: string;
7
+ trainingGuides?: string[];
8
+ }
9
+ export interface InteractiveTourConfigOptions {
10
+ activateInteractiveTour?: boolean;
11
+ tourInMobile?: boolean;
12
+ pathToConfigFile?: string;
13
+ }
@@ -0,0 +1 @@
1
+ export * from './environment.interface';
@@ -1,6 +1,6 @@
1
- import { OnInit, OnDestroy, ElementRef } from '@angular/core';
1
+ import { ElementRef, OnDestroy, OnInit } from '@angular/core';
2
2
  import { MediaService } from '@igo2/core';
3
- import { FlexibleState, FlexibleDirection } from './flexible.type';
3
+ import { FlexibleDirection, FlexibleState } from './flexible.type';
4
4
  import * as i0 from "@angular/core";
5
5
  export declare class FlexibleComponent implements OnInit, OnDestroy {
6
6
  private el;
@@ -1,4 +1,4 @@
1
- import { EventEmitter, OnChanges, SimpleChanges, ElementRef } from '@angular/core';
1
+ import { ElementRef, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
2
2
  import { Form } from '../shared/form.interfaces';
3
3
  import * as i0 from "@angular/core";
4
4
  /**
@@ -1,5 +1,5 @@
1
- import { FormField, FormFieldInputs, FormFieldOptions, FormFieldSubscribers } from '../shared/form.interfaces';
2
1
  import { FormFieldService } from '../shared/form-field.service';
2
+ import { FormField, FormFieldInputs, FormFieldOptions, FormFieldSubscribers } from '../shared/form.interfaces';
3
3
  import * as i0 from "@angular/core";
4
4
  /**
5
5
  * This component renders the proper form input based on
@@ -1,7 +1,7 @@
1
- import { PipeTransform } from '@angular/core';
2
1
  import { HttpClient } from '@angular/common/http';
3
- import { Observable } from 'rxjs';
2
+ import { PipeTransform } from '@angular/core';
4
3
  import { ConfigService } from '@igo2/core';
4
+ import { Observable } from 'rxjs';
5
5
  import * as i0 from "@angular/core";
6
6
  export declare class SecureImagePipe implements PipeTransform {
7
7
  private http;
@@ -1,6 +1,6 @@
1
- import { InteractiveTourService } from './interactive-tour.service';
2
- import { ToolService } from '../tool/shared/tool.service';
3
1
  import { Observable } from 'rxjs';
2
+ import { ToolService } from '../tool/shared/tool.service';
3
+ import { InteractiveTourService } from './interactive-tour.service';
4
4
  import * as i0 from "@angular/core";
5
5
  export declare class InteractiveTourComponent {
6
6
  private interactiveTourService;
@@ -1,7 +1,7 @@
1
1
  import { HttpClient } from '@angular/common/http';
2
+ import { ConfigService } from '@igo2/core';
2
3
  import { Observable } from 'rxjs';
3
4
  import { InteractiveTourOptions } from './interactive-tour.interface';
4
- import { ConfigService } from '@igo2/core';
5
5
  import * as i0 from "@angular/core";
6
6
  export declare class InteractiveTourLoader {
7
7
  private http;
@@ -1,5 +1,5 @@
1
+ import { ConfigService, LanguageService, MediaService } from '@igo2/core';
1
2
  import { ShepherdService } from 'angular-shepherd';
2
- import { ConfigService, MediaService, LanguageService } from '@igo2/core';
3
3
  import { InteractiveTourLoader } from './interactive-tour.loader';
4
4
  import * as i0 from "@angular/core";
5
5
  export declare class InteractiveTourService {
@@ -1,4 +1,4 @@
1
- import { ElementRef, Renderer2, EventEmitter } from '@angular/core';
1
+ import { ElementRef, EventEmitter, Renderer2 } from '@angular/core';
2
2
  import * as i0 from "@angular/core";
3
3
  export declare class ListItemDirective {
4
4
  renderer: Renderer2;
@@ -1,4 +1,4 @@
1
- import { AfterViewInit, OnInit, OnDestroy, ElementRef } from '@angular/core';
1
+ import { AfterViewInit, ElementRef, OnDestroy, OnInit } from '@angular/core';
2
2
  import type { QueryList } from '@angular/core';
3
3
  import { ListItemDirective } from './list-item.directive';
4
4
  import * as i0 from "@angular/core";
@@ -1,40 +1,58 @@
1
- @use 'sass:map';
2
- @use '@angular/material' as mat;
3
-
4
- @mixin igo-list-theming($theme) {
5
- $primary: map.get($theme, primary);
6
- $accent: map.get($theme, accent);
7
-
8
- igo-list {
9
- [igolistitem] {
10
- &[color='primary'] {
11
- &.igo-list-item-selected > mat-list-item {
12
- background-color: mat.get-color-from-palette($primary);
13
- color: mat.get-color-from-palette($primary, default-contrast);
14
- }
15
- &:not(.igo-list-item-disabled):hover > mat-list-item,
16
- &.igo-list-item-focused > mat-list-item {
17
- background-color: mat.get-color-from-palette($primary, lighter);
18
- color: mat.get-color-from-palette($primary, default-contrast);
19
- }
20
- }
21
-
22
- &[color='accent'] {
23
- &.igo-list-item-selected > mat-list-item {
24
- background-color: mat.get-color-from-palette($accent);
25
- color: mat.get-color-from-palette($accent, default-contrast);
26
- }
27
-
28
- &:not(.igo-list-item-disabled):hover > mat-list-item,
29
- &.igo-list-item-focused > mat-list-item {
30
- background-color: mat.get-color-from-palette($accent, lighter);
31
- color: mat.get-color-from-palette($accent, default-contrast);
32
- }
33
- }
34
-
35
- &.igo-list-item-disabled > mat-list-item {
36
- color: rgba(0, 0, 0, 0.38);
37
- }
38
- }
39
- }
40
- }
1
+ @use 'sass:map';
2
+ @use '@angular/material' as mat;
3
+
4
+ @mixin igo-list-theming($theme) {
5
+ $primary: map.get($theme, primary);
6
+ $accent: map.get($theme, accent);
7
+ @include density($theme);
8
+
9
+ igo-list {
10
+ [igolistitem] {
11
+ &[color='primary'] {
12
+ &.igo-list-item-selected > mat-list-item {
13
+ background-color: mat.get-color-from-palette($primary);
14
+ color: mat.get-color-from-palette($primary, default-contrast);
15
+ }
16
+ &:not(.igo-list-item-disabled):hover > mat-list-item,
17
+ &.igo-list-item-focused > mat-list-item {
18
+ background-color: mat.get-color-from-palette($primary, lighter);
19
+ color: mat.get-color-from-palette($primary, default-contrast);
20
+ }
21
+ }
22
+
23
+ &[color='accent'] {
24
+ &.igo-list-item-selected > mat-list-item {
25
+ background-color: mat.get-color-from-palette($accent);
26
+ color: mat.get-color-from-palette($accent, default-contrast);
27
+ }
28
+
29
+ &:not(.igo-list-item-disabled):hover > mat-list-item,
30
+ &.igo-list-item-focused > mat-list-item {
31
+ background-color: mat.get-color-from-palette($accent, lighter);
32
+ color: mat.get-color-from-palette($accent, default-contrast);
33
+ }
34
+ }
35
+
36
+ &.igo-list-item-disabled > mat-list-item {
37
+ color: rgba(0, 0, 0, 0.38);
38
+ }
39
+ }
40
+ }
41
+ }
42
+
43
+ @mixin density($theme) {
44
+ $density: mat.get-density-config($theme);
45
+
46
+ $theme: map.merge(
47
+ $theme,
48
+ (
49
+ density: $density
50
+ )
51
+ );
52
+
53
+ igo-list {
54
+ @include mat.icon-density($theme);
55
+ @include mat.icon-button-density($theme);
56
+ @include mat.list-density($theme);
57
+ }
58
+ }
@@ -1,4 +1,4 @@
1
- import { OnInit, OnDestroy } from '@angular/core';
1
+ import { OnDestroy, OnInit } from '@angular/core';
2
2
  import { ActivityService } from '@igo2/core';
3
3
  import { SpinnerComponent } from './spinner.component';
4
4
  import * as i0 from "@angular/core";
@@ -1,8 +1,8 @@
1
1
  import { DataSource } from '@angular/cdk/table';
2
2
  import { MatSort } from '@angular/material/sort';
3
3
  import { Observable } from 'rxjs';
4
- import { TableModel } from './table-model.interface';
5
4
  import { TableDatabase } from './table-database';
5
+ import { TableModel } from './table-model.interface';
6
6
  export declare class TableDataSource extends DataSource<any> {
7
7
  private _database;
8
8
  private _model;
@@ -1,9 +1,9 @@
1
- import { ElementRef, OnChanges, OnInit, AfterViewInit, EventEmitter } from '@angular/core';
2
- import { MatSort } from '@angular/material/sort';
3
1
  import { SelectionModel } from '@angular/cdk/collections';
4
- import { TableModel } from './table-model.interface';
2
+ import { AfterViewInit, ElementRef, EventEmitter, OnChanges, OnInit } from '@angular/core';
3
+ import { MatSort } from '@angular/material/sort';
5
4
  import { TableDatabase } from './table-database';
6
5
  import { TableDataSource } from './table-datasource';
6
+ import { TableModel } from './table-model.interface';
7
7
  import * as i0 from "@angular/core";
8
8
  export declare class TableComponent implements OnChanges, OnInit, AfterViewInit {
9
9
  get database(): TableDatabase;
@@ -1,5 +1,5 @@
1
- import { Tool, ToolboxOptions } from './tool.interface';
2
1
  import { BehaviorSubject } from 'rxjs';
2
+ import { Tool, ToolboxOptions } from './tool.interface';
3
3
  /**
4
4
  * Service where all available tools and their component are registered.
5
5
  */
@@ -2,8 +2,8 @@ import { OnDestroy, OnInit } from '@angular/core';
2
2
  import { BehaviorSubject, Observable } from 'rxjs';
3
3
  import { ActionStore } from '../../action';
4
4
  import { Tool } from '../shared/tool.interface';
5
- import { ToolboxColor } from '../shared/toolbox.enums';
6
5
  import { Toolbox } from '../shared/toolbox';
6
+ import { ToolboxColor } from '../shared/toolbox.enums';
7
7
  import * as i0 from "@angular/core";
8
8
  export declare class ToolboxComponent implements OnInit, OnDestroy {
9
9
  /**
@@ -1,6 +1,6 @@
1
+ import { BehaviorSubject } from 'rxjs';
1
2
  import { EntityStore } from '../../entity';
2
3
  import { Workspace } from './workspace';
3
- import { BehaviorSubject } from 'rxjs';
4
4
  /**
5
5
  * The class is a specialized version of an EntityStore that stores
6
6
  * workspaces.
@@ -1,7 +1,7 @@
1
1
  import { BehaviorSubject } from 'rxjs';
2
2
  import { ActionStore } from '../../action';
3
- import { Widget } from '../../widget';
4
3
  import { EntityStoreWithStrategy } from '../../entity';
4
+ import { Widget } from '../../widget';
5
5
  import { WorkspaceOptions } from './workspace.interfaces';
6
6
  /**
7
7
  * This class is responsible of managing the relations between
@@ -1,6 +1,6 @@
1
1
  import { EventEmitter } from '@angular/core';
2
- import { Workspace } from '../shared/workspace';
3
2
  import { WorkspaceStore } from '../shared/store';
3
+ import { Workspace } from '../shared/workspace';
4
4
  import * as i0 from "@angular/core";
5
5
  /**
6
6
  * Drop list that activates the selected workspace emit an event.