@provoly/dashboard 1.2.2 → 1.2.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@provoly/dashboard",
-  "version": "1.2.2",
+  "version": "1.2.4",
   "type": "commonjs",
   "peerDependencies": {
     "@angular/cdk": "16.x || 17.x",
@@ -150,6 +150,12 @@
       "esm": "./esm2022/components/color-picker/provoly-dashboard-components-color-picker.mjs",
       "default": "./fesm2022/provoly-dashboard-components-color-picker.mjs"
     },
+    "./components/data-format": {
+      "types": "./components/data-format/index.d.ts",
+      "esm2022": "./esm2022/components/data-format/provoly-dashboard-components-data-format.mjs",
+      "esm": "./esm2022/components/data-format/provoly-dashboard-components-data-format.mjs",
+      "default": "./fesm2022/provoly-dashboard-components-data-format.mjs"
+    },
     "./components/expand-panel": {
       "types": "./components/expand-panel/index.d.ts",
       "esm2022": "./esm2022/components/expand-panel/provoly-dashboard-components-expand-panel.mjs",
@@ -330,17 +336,17 @@
       "esm": "./esm2022/widgets/widget-template/provoly-dashboard-widgets-widget-template.mjs",
       "default": "./fesm2022/provoly-dashboard-widgets-widget-template.mjs"
     },
-    "./widgets/widget-vega": {
-      "types": "./widgets/widget-vega/index.d.ts",
-      "esm2022": "./esm2022/widgets/widget-vega/provoly-dashboard-widgets-widget-vega.mjs",
-      "esm": "./esm2022/widgets/widget-vega/provoly-dashboard-widgets-widget-vega.mjs",
-      "default": "./fesm2022/provoly-dashboard-widgets-widget-vega.mjs"
-    },
     "./widgets/widget-tile": {
       "types": "./widgets/widget-tile/index.d.ts",
       "esm2022": "./esm2022/widgets/widget-tile/provoly-dashboard-widgets-widget-tile.mjs",
       "esm": "./esm2022/widgets/widget-tile/provoly-dashboard-widgets-widget-tile.mjs",
       "default": "./fesm2022/provoly-dashboard-widgets-widget-tile.mjs"
+    },
+    "./widgets/widget-vega": {
+      "types": "./widgets/widget-vega/index.d.ts",
+      "esm2022": "./esm2022/widgets/widget-vega/provoly-dashboard-widgets-widget-vega.mjs",
+      "esm": "./esm2022/widgets/widget-vega/provoly-dashboard-widgets-widget-vega.mjs",
+      "default": "./fesm2022/provoly-dashboard-widgets-widget-vega.mjs"
     }
   },
   "schematics": "./schematics/collection.json",

package/styles/base/_utils.scss

@@ -49,6 +49,10 @@
     align-items: center;
   }
 
+  &.-align-start{
+    align-items: flex-start;
+  }
+
   &.-justify-center {
     justify-content: center;
   }

package/styles/components/_o-widget.scss

@@ -199,7 +199,7 @@
     .a-btn.a-btn--icon-only.a-tooltip.-map-toggle {
       background: white;
       border: none;
-      height: unset;
+      height: toRem(40);
       border-radius: 0 toRem(6) toRem(6) 0;
     }
 

package/styles-theme/components-theme/_o-widget.theme.scss

@@ -41,7 +41,6 @@
 
   .m-btn-group.-selection-choice, .m-btn-group.-map-selection-choice {
     border-color: themed($theme-map, 'color', 'primary', 400);
-    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);
 
     .a-btn {
       color: themed($theme-map, 'color', 'primary', 600);
@@ -54,6 +53,10 @@
     }
   }
 
+  .m-btn-group.-map-selection-choice.-map-export, .m-btn-group.-map-selection-choice.-closed {
+    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);
+  }
+
   .node-label {
     display: grid;
     place-items: center;

package/styles-theme/main-theme.scss

@@ -32,7 +32,6 @@
 @use 'components-theme/m-minus-plus.theme' as *;
 @use 'components-theme/m-nav-links.theme' as *;
 @use 'components-theme/m-notifications.theme' as *;
-@use 'components-theme/m-layer-legend.theme' as *;
 @use 'components-theme/m-pry-search-select-attribute.theme' as *;
 @use 'components-theme/m-snackbar.theme' as *;
 @use 'components-theme/m-time-picker.theme' as *;

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

@@ -17,7 +17,7 @@ export declare class WidgetAnalyticComponent extends DataWidgetComponent {
         value: {
             [key: string]: {
                 [key: string]: any;
-            };
+            } | any;
         };
     }[]>;
     totals$: Observable<{

package/widgets/widget-analytic/widget-analytic.module.d.ts

@@ -10,11 +10,12 @@ import * as i6 from "@provoly/dashboard";
 import * as i7 from "@provoly/dashboard/components/checkbox";
 import * as i8 from "@provoly/dashboard/components/color-picker";
 import * as i9 from "@angular/cdk/drag-drop";
+import * as i10 from "@provoly/dashboard/components/data-format";
 export declare class WidgetAnalyticModule extends BaseWidgetModule {
     private pryTranslateService;
     constructor(pryTranslateService: PryI18nService);
     getComponent(): Type<BaseWidgetComponent>;
     static ɵfac: i0.ɵɵFactoryDeclaration<WidgetAnalyticModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<WidgetAnalyticModule, [typeof i1.WidgetAnalyticComponent, typeof i2.PryWidgetAnalyticCssComponent], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i5.OverlayModule, typeof i6.PryCoreModule, typeof i6.PryDashboardModule, typeof i6.PrySelectModule, typeof i6.PryIconModule, typeof i7.PryCheckboxModule, typeof i6.PryToggleModule, typeof i6.PryI18nModule, typeof i3.AsyncPipe, typeof i8.PryColorPickerModule, typeof i9.DragDropModule], [typeof i1.WidgetAnalyticComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<WidgetAnalyticModule, [typeof i1.WidgetAnalyticComponent, typeof i2.PryWidgetAnalyticCssComponent], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i5.OverlayModule, typeof i6.PryCoreModule, typeof i6.PryDashboardModule, typeof i6.PrySelectModule, typeof i6.PryIconModule, typeof i7.PryCheckboxModule, typeof i6.PryToggleModule, typeof i6.PryI18nModule, typeof i3.AsyncPipe, typeof i8.PryColorPickerModule, typeof i9.DragDropModule, typeof i10.PryDataFormatModule], [typeof i1.WidgetAnalyticComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<WidgetAnalyticModule>;
 }

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

@@ -67,11 +67,12 @@ export declare class WidgetMapComponent extends DataWidgetComponent implements A
     geoServerLayerDescriptions$: Observable<MapGeoServerLayerOptions[]>;
     legendTabOpen: boolean;
     layersTabOpen: boolean;
-    legendTab: number;
+    legendTabClosed: boolean[];
     legendLayers$: Observable<(MapGeoServerLayerOptions | MapWMSLayerLayerOptions)[]>;
     legendTop$: Observable<number>;
     layersTop$: Observable<number>;
     legendHeight$: Observable<number>;
+    layersHeight$: Observable<number>;
     imageNotProvided: boolean[];
     basicActions$: Observable<('click' | 'lasso' | 'rectangle' | 'zoom' | 'move' | 'export' | 'upload')[]>;
     zoomAndCenter$: BehaviorSubject<{
@@ -179,8 +180,9 @@ export declare class WidgetMapComponent extends DataWidgetComponent implements A
     get mapLayers(): BaseLayer[];
     get rightSlideLayers(): BaseLayer[];
     get leftSlideLayers(): BaseLayer[];
+    hideAllLayersInGroup(group: LayerGroup): void;
     changeVisibility(group: LayerGroup, _layer?: MapWidgetLayerOptions): void;
-    isLayerVisible(layer: MapWidgetLayerOptions, group: LayerGroup): boolean;
+    isLayerVisible(layer: MapWidgetLayerOptions, group?: LayerGroup): boolean;
     changeAutoLayer($event: any): void;
     get layerVisibleIdx(): number;
     ngOnDestroy(): void;

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

@@ -1,34 +1,43 @@
 @use '../../../styles/abstracts' as *;
+@use '../../../styles-theme/abstracts-theme/variables.theme' as *;
 
-.m-map-layer-action {
-  display: flex;
-  gap: toRem(6);
+.m-map-action {
   z-index: 2;
   right: toRem(8);
+  color: themed($theme-map, 'color', 'primary', 750);
+  background-color: transparent;
+  border: none;
 
-  button {
+  &__button, button {
     border-radius: 8px;
-  }
 
-  &.ol-control {
-    border: none;
-    background-color: transparent;
+    &:hover {
+      outline: none;
+    }
   }
+}
 
-  .-hidden {
-    display: none;
-  }
+// map pop-ins are opened when clicking on map-action buttons
+.m-map-pop-in {
+  z-index: 2;
+  display: block;
+  position: absolute;
+  right: toRem(58);
+  //max-width: toRem(220); // only for layer popin
+  background-color: themed($theme-map, 'color', 'primary', 'contrast', 50);
+  padding: toRem(8) toRem(10);
+  border-radius: toRem(8);
 
-  &__toggle {
-    order: 2;
-    width: toRem(30);
-    height: toRem(30);
+  &.-hidden, .-hidden {
+    display: none;
   }
 
   &__title {
     display: flex;
     flex-direction: row;
-    align-items: center;
+    align-items: flex-start;
+    word-break: break-word;
+    gap: toRem(5);
 
     &:hover {
       cursor: pointer;
@@ -36,30 +45,10 @@
     }
   }
 
-  &__container {
-    border-radius: toRem(8);
-    padding: toRem(8) toRem(10);
-
-    &--layers {
-      max-width: toRem(220);
-    }
-
-    .a-h4 {
-      font-size: 16px;
-    }
-
-    .a-h5 {
-      font-size: 14px;
-      margin: 0;
-    }
+  // legend popin classes
 
-    button.m-map-layer-action__toggle {
-      border-radius: 50%;
-
-      &:hover {
-        outline: none;
-      }
-    }
+  &__dropdown-icon {
+    margin-top: toRem(2);
   }
 
   &__image {
@@ -71,21 +60,17 @@
     font-style: italic;
     color: #c74646;
   }
-}
 
-.m-layer-legend {
-  &__title {
-    align-items: flex-start;
-    gap: toRem(5);
+  .a-h4 {
+    font-size: 16px;
   }
 
-  &__dropdown-icon {
-    margin-top: toRem(2);
+  .a-h5 {
+    font-size: 14px;
+    margin: 0;
   }
-}
 
-.m-layer-switcher {
-  max-height: toRem(510);
+  // layer switcher popin classes
 
   &__group-title {
     font-weight: 700;
@@ -93,24 +78,24 @@
   }
 
   &__content {
-    max-height: toRem(420);
     overflow-y: auto;
   }
 
-  &__title {
-    align-items: flex-start;
-    word-break: break-word;
-  }
-
-  &--radios {
+  &__radios {
     display: flex;
     flex-direction: column;
     gap: toRem(5);
 
     input {
+      accent-color: themed($theme-map, 'color', 'primary', 600);
       margin-top: toRem(3);
     }
   }
+
+  // modifiers
+  &.-max-width-220 {
+    max-width: toRem(220);
+  }
 }
 
 .m-map-slide-legend {

package/widgets/widget-table/expand-value/format-number.pipe.d.ts

@@ -1,11 +1,9 @@
-import { DecimalPipe } from '@angular/common';
 import { PipeTransform } from '@angular/core';
 import { PryI18nService, ValueType } from '@provoly/dashboard';
 import * as i0 from "@angular/core";
 export declare class FormatNumberPipe implements PipeTransform {
-    private decimalPipe;
     private i18nService;
-    constructor(decimalPipe: DecimalPipe, i18nService: PryI18nService);
+    constructor(i18nService: PryI18nService);
     transform(toDisplay?: ValueType | ValueType[] | null, ...args: any[]): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormatNumberPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<FormatNumberPipe, "formatNumber", false>;

package/styles-theme/components-theme/_m-layer-legend.theme.scss

@@ -1,24 +0,0 @@
-@use '../../styles/abstracts' as *;
-@use '../abstracts-theme/variables.theme' as *;
-
-/* Theme Molecules - m-map-layer-action, m-layer-legend, m-map-slide-legend */
-
-.m-map-layer-action {
-  color: themed($theme-map, 'color', 'primary', 750);
-
-  &__container {
-    background-color: themed($theme-map, 'color', 'primary', 'contrast', 50);
-  }
-}
-
-.m-layer-switcher {
-  &--radios {
-    display: flex;
-    flex-direction: column;
-    gap: toRem(5);
-
-    input {
-      accent-color: themed($theme-map, 'color', 'primary', 600);
-    }
-  }
-}