@provoly/dashboard 1.1.12 → 1.2.1

package/lib/core/i18n/en.translations.d.ts

@@ -143,8 +143,9 @@ export declare const enTranslations: {
             };
             tile: string;
             template: string;
-            now: string;
+            today: string;
             since_day: string;
+            from_day: string;
             layout: {
                 '0': string;
                 '0_detailled': string;

package/lib/core/i18n/fr.translations.d.ts

@@ -143,8 +143,9 @@ export declare const frTranslations: {
             };
             tile: string;
             template: string;
-            now: string;
+            today: string;
             since_day: string;
+            from_day: string;
             layout: {
                 '0': string;
                 '0_detailled': string;

package/lib/core/model/widget-analytic-manifest.interface.d.ts

@@ -1,6 +1,13 @@
 export interface AnalyticWidgetOptions {
     primaryProp: string;
-    secondaryProp: string;
+    secondaryProp?: string;
     verticalProp: string;
     valueProp: string;
+    colorConfig?: {
+        prop: string;
+        colors: string[];
+    };
+    format?: {
+        suffix?: string;
+    };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@provoly/dashboard",
-  "version": "1.1.12",
+  "version": "1.2.1",
   "type": "commonjs",
   "peerDependencies": {
     "@angular/cdk": "16.x || 17.x",
@@ -108,6 +108,12 @@
       "esm": "./esm2022/pipeline/provoly-dashboard-pipeline.mjs",
       "default": "./fesm2022/provoly-dashboard-pipeline.mjs"
     },
+    "./presentation": {
+      "types": "./presentation/index.d.ts",
+      "esm2022": "./esm2022/presentation/provoly-dashboard-presentation.mjs",
+      "esm": "./esm2022/presentation/provoly-dashboard-presentation.mjs",
+      "default": "./fesm2022/provoly-dashboard-presentation.mjs"
+    },
     "./restitution": {
       "types": "./restitution/index.d.ts",
       "esm2022": "./esm2022/restitution/provoly-dashboard-restitution.mjs",
@@ -120,12 +126,6 @@
       "esm": "./esm2022/search/provoly-dashboard-search.mjs",
       "default": "./fesm2022/provoly-dashboard-search.mjs"
     },
-    "./presentation": {
-      "types": "./presentation/index.d.ts",
-      "esm2022": "./esm2022/presentation/provoly-dashboard-presentation.mjs",
-      "esm": "./esm2022/presentation/provoly-dashboard-presentation.mjs",
-      "default": "./fesm2022/provoly-dashboard-presentation.mjs"
-    },
     "./toolbox": {
       "types": "./toolbox/index.d.ts",
       "esm2022": "./esm2022/toolbox/provoly-dashboard-toolbox.mjs",

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

@@ -2,6 +2,7 @@ import { ElementRef } from '@angular/core';
 import { AnalyticWidgetOptions, Attribute, Class, DataWidgetComponent, ResultSet } from '@provoly/dashboard';
 import { Observable } from 'rxjs';
 import { Store } from '@ngrx/store';
+import { CdkDragDrop } from '@angular/cdk/drag-drop';
 import * as i0 from "@angular/core";
 export declare class WidgetAnalyticComponent extends DataWidgetComponent {
     optionsCopy: AnalyticWidgetOptions;
@@ -33,14 +34,31 @@ export declare class WidgetAnalyticComponent extends DataWidgetComponent {
             [p: string]: any;
         };
     }[]>;
+    colorMap$: Observable<{
+        [vertical: string]: {
+            [primary: string]: string | undefined;
+        };
+    }>;
     height$: Observable<number>;
     classes$: Observable<Class[]>;
     availableProperties$: Observable<Attribute[]>;
     change($event: string, prop: 'primaryProp' | 'secondaryProp' | 'valueProp' | 'verticalProp'): void;
+    changeColorConfig($event: string | string[], prop: 'prop' | 'colors'): void;
+    changeFormat($event: string, prop?: string): void;
     constructor(store: Store<any>, el: ElementRef);
     private matchAttributeValue;
     private createValueMap;
     getPropertyLabelsForLevel(rs: ResultSet, property: string, level?: number): string[];
+    createColorMap(verticalProps: string[], primaryProps: string[], rs: ResultSet, options: AnalyticWidgetOptions): {
+        [k: string]: {
+            [k: string]: string | undefined;
+        };
+    };
+    toggleColorConfig($event: boolean): void;
+    toggleFormat($event: boolean): void;
+    modifyColorScheme($event?: string, index?: number): void;
+    removeColor(index: number): void;
+    drop(event: CdkDragDrop<string[]>): void;
     emitManifest(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<WidgetAnalyticComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<WidgetAnalyticComponent, "pry-widget-analytic", never, {}, {}, never, never, false, never>;

package/widgets/widget-analytic/i18n/en.translations.d.ts

@@ -6,6 +6,11 @@ export declare const enTranslations: {
                 secondaryProp: string;
                 verticalProp: string;
                 valueProp: string;
+                colorConfig: string;
+                colorProp: string;
+                colors: string;
+                format: string;
+                suffix: string;
             };
         };
     };

package/widgets/widget-analytic/i18n/fr.translations.d.ts

@@ -6,6 +6,11 @@ export declare const frTranslations: {
                 secondaryProp: string;
                 verticalProp: string;
                 valueProp: string;
+                colorConfig: string;
+                colorProp: string;
+                colors: string;
+                format: string;
+                suffix: string;
             };
         };
     };

package/widgets/widget-analytic/style/_o-widget-analytic.scss

@@ -40,4 +40,52 @@
       }
     }
   }
+
+  &__color-picker-container {
+    margin-top: toRem(10);
+    gap: toRem(15);
+    flex-wrap: wrap;
+  }
+
+  &__color-picker {
+    position: relative;
+  }
+
+  &__color-picker-remove {
+    position: absolute;
+    right: -20px;
+    top: -10px;
+    z-index: 2;
+    color: #263340;
+    padding: 0;
+  }
+
+  &__color-picker-add {
+    padding: toRem(12);
+    border: 1px solid #263340;
+    border-radius: 50%;
+    width: 20px;
+  }
+}
+
+.cdk-drop-list-dragging .cdk-drag {
+  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.cdk-drag-animating {
+  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.cdk-drop-list-dragging .o-widget__analytic__color-picker:not(.cdk-drag-placeholder) {
+  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
 }
+
+.cdk-drag-preview {
+  box-sizing: border-box;
+  border-radius: 50%;
+  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
+  0 8px 10px 1px rgba(0, 0, 0, 0.14),
+  0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+
+

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

@@ -8,12 +8,13 @@ import * as i4 from "@angular/forms";
 import * as i5 from "@angular/cdk/overlay";
 import * as i6 from "@provoly/dashboard";
 import * as i7 from "@provoly/dashboard/components/checkbox";
-import * as i8 from "@provoly/dashboard/widgets/widget-map";
+import * as i8 from "@provoly/dashboard/components/color-picker";
+import * as i9 from "@angular/cdk/drag-drop";
 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 i8.WidgetMapModule, typeof i6.PryI18nModule, typeof i3.AsyncPipe], [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 i1.WidgetAnalyticComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<WidgetAnalyticModule>;
 }