@provoly/dashboard 0.11.7 → 0.11.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@provoly/dashboard",
-  "version": "0.11.7",
+  "version": "0.11.9",
   "type": "module",
   "peerDependencies": {
     "@angular/common": "15.x || 16.x",

package/presentation/style/_o-pry-presentation.scss

@@ -91,3 +91,54 @@
   width: 100%;
   padding: toRem(15);
 }
+
+
+.description-container {
+  position: relative;
+  width: 100%;
+}
+
+.description {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  display: inherit;
+  position: relative;
+  line-height: 2rem;
+  box-sizing: border-box;
+  pointer-events:none;
+}
+
+.description:after {
+  content:"";
+  display: block;
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 40px;
+  height: 48px;
+  z-index: 1;
+  pointer-events:initial;
+}
+
+.description:hover:after{
+  cursor: pointer;
+}
+
+.description-tooltip {
+  position: absolute;
+  width: 100%;
+  visibility: hidden;
+  background-color: #fff;
+  padding: 20px;
+  -webkit-box-shadow: 0 0 50px 0 rgba(0,0,0,0.3);
+  opacity: 0;
+  transition: opacity 0.5s ease;
+  z-index: 2;
+}
+
+.description:hover + .description-tooltip {
+  visibility: visible;
+  transition: opacity 0.2s ease;
+  opacity: 1;
+}

package/restitution/components/restitution-list/restitution-list.component.d.ts

@@ -7,9 +7,12 @@ export declare class PryRestitutionListComponent extends SubscriptionnerDirectiv
     private translateService;
     private toolboxManifestService;
     private store;
+    showTabs: boolean;
     search$: BehaviorSubject<string>;
     type$: BehaviorSubject<string | undefined>;
     filteredWidgets$: Observable<CatalogEntry[]>;
+    nonCustomWidgets$: Observable<CatalogEntry[]>;
+    customWidgets$: Observable<CatalogEntry[]>;
     types$: Observable<{
         icon: string;
         label: string;
@@ -18,16 +21,17 @@ export declare class PryRestitutionListComponent extends SubscriptionnerDirectiv
     selectedRestitution: Widget | null;
     mode: typeof ViewMode;
     selectedMode: ViewMode;
-    catalog: Widget[] | undefined;
-    automaticGridMode$: Observable<boolean>;
-    modeAuto: boolean;
+    categories: {
+        label: string;
+        color: string;
+    }[];
+    categoryOpened: string;
     PryVisibilityType: typeof PryVisibilityType;
     constructor(toolboxMenuService: ToolboxMenuService, translateService: PryI18nService, toolboxManifestService: ToolboxManifestService, store: Store);
-    dragStart($event: DragEvent, type: string): void;
     selectMode(newMode: ViewMode): void;
-    selectRestitution(catalogEntry: CatalogEntry): void;
-    closeRestitution($event: void): void;
-    viewInDashboard(widget: CatalogEntry): void;
+    selectRestitution($event: Widget): void;
+    closeRestitution(): void;
+    toggle(category: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PryRestitutionListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PryRestitutionListComponent, "pry-catalog", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PryRestitutionListComponent, "pry-catalog", never, { "showTabs": { "alias": "showTabs"; "required": false; }; }, {}, never, never, false, never>;
 }

package/restitution/components/restitution-list-item/restitution-list-item.component.d.ts

@@ -0,0 +1,21 @@
+import { EventEmitter } from '@angular/core';
+import { CatalogEntry, PryVisibilityType, SubscriptionnerDirective, ToolboxManifestService, Widget } from '@provoly/dashboard';
+import { Observable } from 'rxjs';
+import { Store } from '@ngrx/store';
+import * as i0 from "@angular/core";
+export declare class PryRestitutionListItemComponent extends SubscriptionnerDirective {
+    private store;
+    private toolboxManifestService;
+    widget: CatalogEntry;
+    selectRestitution: EventEmitter<Widget>;
+    catalog: Widget[] | undefined;
+    automaticGridMode$: Observable<boolean>;
+    automaticGridMode: boolean;
+    PryVisibilityType: typeof PryVisibilityType;
+    constructor(store: Store, toolboxManifestService: ToolboxManifestService);
+    dragStart($event: DragEvent, type: string): void;
+    emitSelectedRestitution(catalogEntry: CatalogEntry): void;
+    viewInDashboard(widget: CatalogEntry): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PryRestitutionListItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PryRestitutionListItemComponent, "pry-catalog-item", never, { "widget": { "alias": "widget"; "required": false; }; }, { "selectRestitution": "selectRestitution"; }, never, never, false, never>;
+}

package/restitution/i18n/fr.translations.d.ts

@@ -38,6 +38,10 @@ export declare const frTranslations: {
             update: string;
             cover: string;
             noDataSourceSelected: string;
+            catalogTabs: {
+                model: string;
+                noModel: string;
+            };
         };
     };
 };

package/restitution/public-api.d.ts

@@ -1,4 +1,5 @@
 export * from './restitution.module';
 export * from './components/restitution-list/restitution-list.component';
+export * from './components/restitution-list-item/restitution-list-item.component';
 export * from './components/restitution/restitution.component';
 export * from './components/restitution-catalog/restitution-catalog.component';

package/restitution/restitution.module.d.ts

@@ -4,18 +4,19 @@ import * as i1 from "./components/restitution-list/restitution-list.component";
 import * as i2 from "./components/restitution/restitution.component";
 import * as i3 from "./style/css.component";
 import * as i4 from "./components/restitution-catalog/restitution-catalog.component";
-import * as i5 from "@angular/common";
-import * as i6 from "@provoly/dashboard";
-import * as i7 from "@angular/forms";
-import * as i8 from "@provoly/dashboard/components/stepper";
-import * as i9 from "@provoly/dashboard/search";
-import * as i10 from "@provoly/dashboard/components/card";
-import * as i11 from "@provoly/dashboard/components/checkbox";
-import * as i12 from "@provoly/dashboard/components/sinceDate";
+import * as i5 from "./components/restitution-list-item/restitution-list-item.component";
+import * as i6 from "@angular/common";
+import * as i7 from "@provoly/dashboard";
+import * as i8 from "@angular/forms";
+import * as i9 from "@provoly/dashboard/components/stepper";
+import * as i10 from "@provoly/dashboard/search";
+import * as i11 from "@provoly/dashboard/components/card";
+import * as i12 from "@provoly/dashboard/components/checkbox";
+import * as i13 from "@provoly/dashboard/components/sinceDate";
 export declare class PryRestitutionModule {
     private pryTranslateService;
     constructor(pryTranslateService: PryI18nService);
     static ɵfac: i0.ɵɵFactoryDeclaration<PryRestitutionModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PryRestitutionModule, [typeof i1.PryRestitutionListComponent, typeof i2.PryRestitutionComponent, typeof i3.PryCatalogCssComponent, typeof i4.PryRestitutionCatalogComponent], [typeof i5.CommonModule, typeof i6.PryCoreModule, typeof i6.PryIconModule, typeof i7.FormsModule, typeof i8.PryStepperModule, typeof i6.PrySelectModule, typeof i6.PryDashboardModule, typeof i6.PryShareModule, typeof i9.PrySearchModule, typeof i6.PryI18nModule, typeof i10.PryCardModule, typeof i11.PryCheckboxModule, typeof i6.PryOverlayModule, typeof i12.PrySinceDateModule], [typeof i1.PryRestitutionListComponent, typeof i2.PryRestitutionComponent, typeof i4.PryRestitutionCatalogComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PryRestitutionModule, [typeof i1.PryRestitutionListComponent, typeof i2.PryRestitutionComponent, typeof i3.PryCatalogCssComponent, typeof i4.PryRestitutionCatalogComponent, typeof i5.PryRestitutionListItemComponent], [typeof i6.CommonModule, typeof i7.PryCoreModule, typeof i7.PryIconModule, typeof i8.FormsModule, typeof i9.PryStepperModule, typeof i7.PrySelectModule, typeof i7.PryDashboardModule, typeof i7.PryShareModule, typeof i10.PrySearchModule, typeof i7.PryI18nModule, typeof i11.PryCardModule, typeof i12.PryCheckboxModule, typeof i7.PryOverlayModule, typeof i13.PrySinceDateModule], [typeof i1.PryRestitutionListComponent, typeof i2.PryRestitutionComponent, typeof i4.PryRestitutionCatalogComponent, typeof i5.PryRestitutionListItemComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PryRestitutionModule>;
 }

package/restitution/style/_o-restitution-list.scss

@@ -96,6 +96,10 @@
       cursor: pointer;
     }
 
+    pry-catalog-item {
+      max-height: toRem(210);
+    }
+
     &__item {
       position: relative;
       display: flex;
@@ -103,7 +107,7 @@
       justify-content: space-between;
       align-items: center;
       max-width: toRem(130);
-      max-height: toRem(210);
+      height: 100%;
       text-align: center;
       cursor: move;
 
@@ -141,7 +145,6 @@
 
       &__action {
         width: 100%;
-        margin-top: auto;
         padding: toRem(6) toRem(10);
         text-align: center;
 
@@ -158,4 +161,36 @@
     width: fit-content;
     margin-bottom: 1rem;
   }
+
+  .o-accordion {
+    &__title {
+      position: relative;
+      border-bottom-style: solid;
+      border-bottom-width: toRem(1);
+
+      // Border left colored
+      &:before {
+        content: '';
+        position: absolute;
+        left: 0;
+        top: 0;
+        bottom: 0;
+        width: 3px;
+      }
+
+      &:first-child {
+        border-top-style: solid;
+        border-top-width: toRem(1);
+        margin-top: toRem(10);
+      }
+
+      &__btn {
+        width: 100%;
+        height: 70%;
+        padding: 0;
+        text-transform: uppercase;
+        text-align: left;
+      }
+    }
+  }
 }

package/styles-theme/components-theme/_o-restitution-list.theme.scss

@@ -24,4 +24,19 @@
       }
     }
   }
+
+  .o-accordion {
+    &__title {
+      border-top-color: themed($theme-map, 'color', 'primary', 300);
+      border-bottom-color: themed($theme-map, 'color', 'primary', 300);
+
+      &:before {
+        background-color: themed($theme-map, 'color', 'accent', 600);
+      }
+
+      &__btn pry-icon {
+        color: themed($theme-map, 'color', 'accent', 600);
+      }
+    }
+  }
 }

package/widgets/widget-map/component/widget-map.component.d.ts

@@ -66,6 +66,8 @@ export declare class WidgetMapComponent extends DataWidgetComponent implements A
     legendTabOpen: boolean;
     legendTab: number;
     legendLayers$: Observable<(MapGeoServerLayerOptions | MapWMSLayerLayerOptions)[]>;
+    legendTop$: Observable<number>;
+    legendHeight$: Observable<number>;
     imageNotProvided: boolean[];
     basicActions$: Observable<('click' | 'lasso' | 'rectangle' | 'zoom' | 'move' | 'export' | 'upload')[]>;
     zoomAndCenter$: BehaviorSubject<{

package/widgets/widget-map/style/_o-layer-legend.scss

@@ -2,8 +2,8 @@
 
 .m-layer-legend {
   z-index: 2;
-  top: toRem(225);
   left: toRem(8);
+  overflow: hidden;
 
   &.ol-control {
     border: 1px solid #bccad8;
@@ -33,6 +33,7 @@
 
   &__image {
     background: white;
+    overflow: scroll;
   }
 
   &__error {