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

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

@@ -2,8 +2,8 @@ import { OnDestroy, OnInit } from '@angular/core';
 import { BehaviorSubject, Observable } from 'rxjs';
 import { ActionStore } from '../../action';
 import { Tool } from '../shared/tool.interface';
-import { ToolboxColor } from '../shared/toolbox.enums';
 import { Toolbox } from '../shared/toolbox';
+import { ToolboxColor } from '../shared/toolbox.enums';
 import * as i0 from "@angular/core";
 export declare class ToolboxComponent implements OnInit, OnDestroy {
     /**

package/lib/tool/toolbox/toolbox.theming.scss

@@ -1,105 +1,105 @@
-@use 'sass:map';
-@use '@angular/material' as mat;
-
-@mixin igo-toolbox-theming($theme) {
-  @include color($theme);
-  @include density($theme);
-}
-
-@mixin color($theme) {
-  $primary: map.get($theme, primary);
-  $accent: map.get($theme, accent);
-  $foreground: map.get($theme, foreground);
-  $darker-contrast: mat.get-color-from-palette($primary, darker-contrast);
-  $lighter-contrast: mat.get-color-from-palette($primary, lighter-contrast);
-
-  igo-toolbox {
-    &.color-primary > igo-actionbar:not(.with-title) {
-      box-shadow: unset;
-      background-color: mat.get-color-from-palette($primary);
-      #lowChevron,
-      #topChevron {
-        background-color: mat.get-color-from-palette($primary);
-        color: white;
-      }
-    }
-
-    &.color-grey > igo-actionbar:not(.with-title) {
-      box-shadow: unset;
-      background-color: #737475;
-      #lowChevron,
-      #topChevron {
-        background-color: #737475;
-        color: white;
-      }
-    }
-
-    &.color-primary,
-    &.color-grey {
-      & > igo-actionbar:not(.with-title) mat-list.mat-mdc-list-base {
-        .mat-mdc-list-item.mdc-list-item--with-leading-avatar {
-          color: white;
-          &:hover {
-            color: black;
-          }
-
-          &.tool-activated,
-          &.children-tool-activated {
-            background-color: white;
-            color: black;
-          }
-        }
-      }
-    }
-
-    > igo-actionbar {
-      &:not(.with-title) {
-        > mat-list {
-          & > #lowChevron,
-          & > #topChevron {
-            &:hover {
-              background-color: mat.get-color-from-palette($accent, lighter);
-              color: black;
-            }
-          }
-
-          mat-list-item {
-            color: $lighter-contrast;
-          }
-        }
-      }
-
-      mat-list.mat-mdc-list-base igo-actionbar-item mat-list-item {
-        &:hover {
-          background-color: mat.get-color-from-palette($accent, lighter);
-        }
-
-        &.tool-activated,
-        &.children-tool-activated {
-          color: $lighter-contrast;
-          background-color: $darker-contrast;
-
-          button {
-            cursor: default;
-          }
-        }
-      }
-    }
-  }
-}
-
-@mixin density($theme) {
-  $density: mat.get-density-config($theme);
-  $theme: map.merge(
-    $theme,
-    (
-      density: $density - 2
-    )
-  );
-
-  igo-toolbox {
-    igo-actionbar-item {
-      @include mat.list-density($theme);
-    }
-  }
-}
+@use 'sass:map';
+@use '@angular/material' as mat;
+
+@mixin igo-toolbox-theming($theme) {
+  @include color($theme);
+  @include density($theme);
+}
+
+@mixin color($theme) {
+  $primary: map.get($theme, primary);
+  $accent: map.get($theme, accent);
+  $foreground: map.get($theme, foreground);
+  $darker-contrast: mat.get-color-from-palette($primary, darker-contrast);
+  $lighter-contrast: mat.get-color-from-palette($primary, lighter-contrast);
+
+  igo-toolbox {
+    &.color-primary > igo-actionbar:not(.with-title) {
+      box-shadow: unset;
+      background-color: mat.get-color-from-palette($primary);
+      #lowChevron,
+      #topChevron {
+        background-color: mat.get-color-from-palette($primary);
+        color: white;
+      }
+    }
+
+    &.color-grey > igo-actionbar:not(.with-title) {
+      box-shadow: unset;
+      background-color: #737475;
+      #lowChevron,
+      #topChevron {
+        background-color: #737475;
+        color: white;
+      }
+    }
+
+    &.color-primary,
+    &.color-grey {
+      & > igo-actionbar:not(.with-title) mat-list.mat-mdc-list-base {
+        .mat-mdc-list-item.mdc-list-item--with-leading-avatar {
+          color: white;
+          &:hover {
+            color: black;
+          }
+
+          &.tool-activated,
+          &.children-tool-activated {
+            background-color: white;
+            color: black;
+          }
+        }
+      }
+    }
+
+    > igo-actionbar {
+      &:not(.with-title) {
+        > mat-list {
+          & > #lowChevron,
+          & > #topChevron {
+            &:hover {
+              background-color: mat.get-color-from-palette($accent, lighter);
+              color: black;
+            }
+          }
+
+          mat-list-item {
+            color: $lighter-contrast;
+          }
+        }
+      }
+
+      mat-list.mat-mdc-list-base igo-actionbar-item mat-list-item {
+        &:hover {
+          background-color: mat.get-color-from-palette($accent, lighter);
+        }
+
+        &.tool-activated,
+        &.children-tool-activated {
+          color: $lighter-contrast;
+          background-color: $darker-contrast;
+
+          button {
+            cursor: default;
+          }
+        }
+      }
+    }
+  }
+}
+
+@mixin density($theme) {
+  $density: mat.get-density-config($theme);
+  $theme: map.merge(
+    $theme,
+    (
+      density: $density - 2
+    )
+  );
+
+  igo-toolbox {
+    igo-actionbar-item {
+      @include mat.list-density($theme);
+    }
+  }
+}

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

@@ -1,6 +1,6 @@
+import { BehaviorSubject } from 'rxjs';
 import { EntityStore } from '../../entity';
 import { Workspace } from './workspace';
-import { BehaviorSubject } from 'rxjs';
 /**
  * The class is a specialized version of an EntityStore that stores
  * workspaces.

package/lib/workspace/shared/workspace.d.ts

@@ -1,7 +1,7 @@
 import { BehaviorSubject } from 'rxjs';
 import { ActionStore } from '../../action';
-import { Widget } from '../../widget';
 import { EntityStoreWithStrategy } from '../../entity';
+import { Widget } from '../../widget';
 import { WorkspaceOptions } from './workspace.interfaces';
 /**
  * This class is responsible of managing the relations between

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

@@ -1,6 +1,6 @@
 import { EventEmitter } from '@angular/core';
-import { Workspace } from '../shared/workspace';
 import { WorkspaceStore } from '../shared/store';
+import { Workspace } from '../shared/workspace';
 import * as i0 from "@angular/core";
 /**
  * Drop list that activates the selected workspace emit an event.

package/locale/en.common.json

@@ -1,43 +1,44 @@
-{
-  "igo": {
-    "common": {
-      "confirmDialog": {
-        "cancelBtn": "Cancel",
-        "confirmBtn": "Confirm",
-        "title": "Confirm"
-      },
-      "table": {
-        "filter": "Filter"
-      },
-      "entity-table": {
-        "targetHtmlUrl": "Open the external link"
-      },
-      "form": {
-        "errors": {
-          "required": "This field is required"
-        }
-      },
-      "actionbar": {
-        "scrollUp": "Scroll up",
-        "scrollDown": "Scroll down",
-        "icon": "Action list"
-      },
-      "interactiveTour": {
-        "tooltipTourToolButton": "Interactive tour of the application",
-        "disaledTooltipTourToolButton": "To have access to this tool's tour, add contexts or layers",
-        "buttonTitle": "Discover",
-        "exitButton": "Exit",
-        "backButton": "Back",
-        "nextButton": "Next"
-      },
-      "paginator": {
-        "firstPageLabel": "First page",
-        "itemsPerPageLabel": "Items per page:",
-        "lastPageLabel": "Last page",
-        "nextPageLabel": "Next page",
-        "previousPageLabel": "Previous page",
-        "of": "of"
-      }
-    }
-  }
-}
+{
+  "igo": {
+    "common": {
+      "confirmDialog": {
+        "cancelBtn": "Cancel",
+        "confirmBtn": "Confirm",
+        "title": "Confirm",
+        "applyBtn": "Apply"
+      },
+      "table": {
+        "filter": "Filter"
+      },
+      "entity-table": {
+        "targetHtmlUrl": "Open the external link"
+      },
+      "form": {
+        "errors": {
+          "required": "This field is required"
+        }
+      },
+      "actionbar": {
+        "scrollUp": "Scroll up",
+        "scrollDown": "Scroll down",
+        "icon": "Action list"
+      },
+      "interactiveTour": {
+        "tooltipTourToolButton": "Interactive tour of the application",
+        "disaledTooltipTourToolButton": "To have access to this tool's tour, add contexts or layers",
+        "buttonTitle": "Discover",
+        "exitButton": "Exit",
+        "backButton": "Back",
+        "nextButton": "Next"
+      },
+      "paginator": {
+        "firstPageLabel": "First page",
+        "itemsPerPageLabel": "Items per page:",
+        "lastPageLabel": "Last page",
+        "nextPageLabel": "Next page",
+        "previousPageLabel": "Previous page",
+        "of": "of"
+      }
+    }
+  }
+}

package/locale/fr.common.json

@@ -1,43 +1,44 @@
-{
-  "igo": {
-    "common": {
-      "confirmDialog": {
-        "cancelBtn": "Annuler",
-        "confirmBtn": "Confirmer",
-        "title": "Confirmation"
-      },
-      "table": {
-        "filter": "Filtre"
-      },
-      "entity-table": {
-        "targetHtmlUrl": "Ouvrir le lien externe"
-      },
-      "form": {
-        "errors": {
-          "required": "Ce champ est requis"
-        }
-      },
-      "actionbar": {
-        "scrollUp": "Défiler vers le haut",
-        "scrollDown": "Défiler vers le bas",
-        "icon": "Actions supplémentaires"
-      },
-      "interactiveTour": {
-        "tooltipTourToolButton": "Aide interactive sur l'outil",
-        "disaledTooltipTourToolButton": "Pour avoir accès au tour interactif de cet outil, ajouter des contextes ou des couches",
-        "buttonTitle": "Découvrir",
-        "exitButton": "Quitter",
-        "backButton": "Précédent",
-        "nextButton": "Suivant"
-      },
-      "paginator": {
-        "firstPageLabel": "Première page",
-        "itemsPerPageLabel": "Entités par page:",
-        "lastPageLabel": "Dernière page",
-        "nextPageLabel": "Page suivante",
-        "previousPageLabel": "Page précédente",
-        "of": "de"
-      }
-    }
-  }
-}
+{
+  "igo": {
+    "common": {
+      "confirmDialog": {
+        "cancelBtn": "Annuler",
+        "confirmBtn": "Confirmer",
+        "title": "Confirmation",
+        "applyBtn": "Appliquer"
+      },
+      "table": {
+        "filter": "Filtre"
+      },
+      "entity-table": {
+        "targetHtmlUrl": "Ouvrir le lien externe"
+      },
+      "form": {
+        "errors": {
+          "required": "Ce champ est requis"
+        }
+      },
+      "actionbar": {
+        "scrollUp": "Défiler vers le haut",
+        "scrollDown": "Défiler vers le bas",
+        "icon": "Actions supplémentaires"
+      },
+      "interactiveTour": {
+        "tooltipTourToolButton": "Aide interactive sur l'outil",
+        "disaledTooltipTourToolButton": "Pour avoir accès au tour interactif de cet outil, ajouter des contextes ou des couches",
+        "buttonTitle": "Découvrir",
+        "exitButton": "Quitter",
+        "backButton": "Précédent",
+        "nextButton": "Suivant"
+      },
+      "paginator": {
+        "firstPageLabel": "Première page",
+        "itemsPerPageLabel": "Entités par page:",
+        "lastPageLabel": "Dernière page",
+        "nextPageLabel": "Page suivante",
+        "previousPageLabel": "Page précédente",
+        "of": "de"
+      }
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@igo2/common",
-  "version": "16.0.0-rc.0",
+  "version": "16.0.0-rc.2",
   "description": "IGO Library",
   "author": "IGO Community",
   "keywords": [
@@ -37,11 +37,13 @@
     "@angular/core": "^16.2.5",
     "@angular/material": "^16.2.4",
     "@angular/platform-browser": "^16.2.5",
-    "@igo2/core": "^16.0.0-rc.0",
-    "@igo2/utils": "^16.0.0-rc.0",
+    "@floating-ui/utils": "^0.1.4",
+    "@igo2/core": "^16.0.0-rc.2",
+    "@igo2/utils": "^16.0.0-rc.2",
     "angular-shepherd": "16.0.0",
     "scroll-into-view-if-needed": "^3.0.0",
     "typy": "^3.3.0",
+    "ngx-color": "^9.0.0",
     "tinycolor2": "^1.6.0"
   },
   "dependencies": {

package/public_api.d.ts

@@ -12,6 +12,7 @@ export * from './lib/dom/dom.module';
 export * from './lib/drag-drop/drag-drop.module';
 export * from './lib/dynamic-component/dynamic-component.module';
 export * from './lib/dynamic-component/dynamic-outlet/dynamic-outlet.module';
+export * from './lib/environment';
 export * from './lib/flexible/flexible.module';
 export * from './lib/form/form.module';
 export * from './lib/form/form/form.module';

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

@@ -1,21 +0,0 @@
-@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 - 4
-    )
-  );
-
-  igo-entity-selector {
-    @include mat.paginator-density($theme);
-  }
-}