@provoly/dashboard 0.22.2 → 0.22.3

package/filters/autocomplete/autocomplete.component.d.ts

@@ -1,13 +1,14 @@
 import { OnDestroy, OnInit } from '@angular/core';
 import { Store } from '@ngrx/store';
 import { BaseFilterComponent, SearchService } from '@provoly/dashboard';
-import { BehaviorSubject, Observable } from 'rxjs';
+import { BehaviorSubject, Observable, Subject } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class AutocompleteComponent extends BaseFilterComponent implements OnInit, OnDestroy {
     private searchService;
     search$: BehaviorSubject<string>;
     autocomplete$?: Observable<string[]>;
     loader: boolean;
+    inhibateInitCall$: Subject<void>;
     constructor(store: Store, searchService: SearchService);
     ngOnInit(): void;
     setFilter(value: string): void;

package/lib/core/components/select/select-a11y.service.d.ts

@@ -7,5 +7,5 @@ export declare class SelectA11yService {
     onKeydownSelect(event: KeyboardEvent, autocomplete: boolean): void;
     onKeydownAutocompleteInput(event: KeyboardEvent, open: boolean, searchValue: string, optionsModalRef?: EmbeddedViewRef<any>): void;
     onKeydownOption(event: KeyboardEvent, optionDivRef: HTMLDivElement, first: boolean, last: boolean, autocomplete: boolean, selectElement: HTMLDivElement, select: () => void): void;
-    focusInitialSelection(optionsModalRef?: EmbeddedViewRef<any>): void;
+    focusInitialSelection(autocomplete: boolean, optionsModalRef?: EmbeddedViewRef<any>): void;
 }

package/lib/core/components/select/select.component.d.ts

@@ -63,7 +63,7 @@ export declare class PrySelectComponent extends SubscriptionnerDirective impleme
     clear($event: Event, item: any): void;
     clearAll($event: Event): void;
     search($event: string): void;
-    select($event: Event, item: any, index: number, forceClose?: boolean): void;
+    select($event: Event, item: any, index: number): void;
     toggle(force?: boolean): void;
     handleClick(): void;
     toggleFocus(): void;

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

@@ -61,6 +61,7 @@ export interface ChartAggregatedWidgetOptions {
         stacked?: boolean;
         legend?: boolean;
         sort?: Sort;
+        limitItems?: number;
     };
     additionalSpec?: any;
     circleColorScheme?: string;

package/lib/dashboard/components/dashboard.component.d.ts

@@ -30,8 +30,10 @@ export declare class DashboardComponent extends SubscriptionnerDirective impleme
     instanciators?: QueryList<WidgetInstanciatorComponent>;
     dataFetching$: Observable<string[]>;
     params: DashboardCellParams;
+    forceModeEdition$: BehaviorSubject<boolean | undefined>;
     get widgetsInstances(): any[];
     set staticDashboard(window: DashboardManifest);
+    set forceModeEdition(mode: boolean);
     CloseOnDragOut: boolean;
     displayOptions?: DisplayOptions;
     noBackground: boolean;
@@ -101,6 +103,7 @@ export declare class DashboardComponent extends SubscriptionnerDirective impleme
     confirmRemove(): void;
     cancelRemoveConfirm(): void;
     trackWidgets(index: number, widgetManifest: WidgetManifest): string;
+    changeSize(direction: string, offset: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DashboardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DashboardComponent, "pry-dashboard", never, { "staticDashboard": { "alias": "staticDashboard"; "required": false; }; "CloseOnDragOut": { "alias": "CloseOnDragOut"; "required": false; }; "displayOptions": { "alias": "displayOptions"; "required": false; }; "noBackground": { "alias": "noBackground"; "required": false; }; "breakpoint": { "alias": "breakpoint"; "required": false; }; }, { "rowHeight": "rowHeight"; "rows": "rows"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DashboardComponent, "pry-dashboard", never, { "staticDashboard": { "alias": "staticDashboard"; "required": false; }; "forceModeEdition": { "alias": "forceModeEdition"; "required": false; }; "CloseOnDragOut": { "alias": "CloseOnDragOut"; "required": false; }; "displayOptions": { "alias": "displayOptions"; "required": false; }; "noBackground": { "alias": "noBackground"; "required": false; }; "breakpoint": { "alias": "breakpoint"; "required": false; }; }, { "rowHeight": "rowHeight"; "rows": "rows"; }, never, never, false, never>;
 }

package/lib/dashboard/components/widgets/header/widget-header.component.d.ts

@@ -42,6 +42,7 @@ export declare class PryWidgetHeaderComponent extends SubscriptionnerDirective i
     selectedItem?: Element | null;
     usedDatasources$: Observable<DataSource[]>;
     openSub?: Subscription;
+    targetManifest?: DashboardManifest;
     set manifest(manifest: WidgetManifest | null);
     set openData$(open$: Observable<void> | Subject<void>);
     additionalOptions: HeaderAction[] | null;
@@ -92,14 +93,13 @@ export declare class PryWidgetHeaderComponent extends SubscriptionnerDirective i
     executeAction(options: HeaderAction): void;
     isActionDisabled(option: HeaderAction): boolean;
     toggleChangeSpot(): void;
-    moveToPlace(place: WidgetManifest): void;
     focusCrossElement(): void;
     focusValidation(): void;
     focusInputCatalog(): void;
     disableValidation(): void;
     datasourcesChanged($event: DataSource[]): void;
     isGeo(ds: NamedQuery | Dataset): boolean;
-    protected readonly DEFAULT_ICON_URL = "/assets/svgs/default.svg";
+    placesManifest(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PryWidgetHeaderComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PryWidgetHeaderComponent, "pry-widget-header", never, { "manifest": { "alias": "manifest"; "required": false; }; "openData$": { "alias": "openData$"; "required": false; }; "additionalOptions": { "alias": "additionalOptions"; "required": false; }; "headerOptions": { "alias": "headerOptions"; "required": false; }; "displayCount": { "alias": "displayCount"; "required": false; }; "datasourceIds": { "alias": "datasourceIds"; "required": false; }; "widgetIndex": { "alias": "widgetIndex"; "required": false; }; }, { "manifestModified": "manifestModified"; }, never, ["*"], false, never>;

package/lib/dashboard/components/widgets/widget-filler/widget-filler.component.d.ts

@@ -5,6 +5,7 @@ import * as i0 from "@angular/core";
 export declare class WidgetFillerComponent extends BaseWidgetComponent {
     constructor(store: Store<any>, el: ElementRef);
     get index(): any;
+    moveToPlace(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<WidgetFillerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<WidgetFillerComponent, "pry-widget-filler", never, {}, {}, never, never, false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@provoly/dashboard",
-  "version": "0.22.2",
+  "version": "0.22.3",
   "type": "commonjs",
   "peerDependencies": {
     "@angular/cdk": "14.x || 15.x || 16.x",
@@ -96,18 +96,18 @@
       "esm": "./esm2022/import/provoly-dashboard-import.mjs",
       "default": "./fesm2022/provoly-dashboard-import.mjs"
     },
-    "./notification": {
-      "types": "./notification/index.d.ts",
-      "esm2022": "./esm2022/notification/provoly-dashboard-notification.mjs",
-      "esm": "./esm2022/notification/provoly-dashboard-notification.mjs",
-      "default": "./fesm2022/provoly-dashboard-notification.mjs"
-    },
     "./pipeline": {
       "types": "./pipeline/index.d.ts",
       "esm2022": "./esm2022/pipeline/provoly-dashboard-pipeline.mjs",
       "esm": "./esm2022/pipeline/provoly-dashboard-pipeline.mjs",
       "default": "./fesm2022/provoly-dashboard-pipeline.mjs"
     },
+    "./notification": {
+      "types": "./notification/index.d.ts",
+      "esm2022": "./esm2022/notification/provoly-dashboard-notification.mjs",
+      "esm": "./esm2022/notification/provoly-dashboard-notification.mjs",
+      "default": "./fesm2022/provoly-dashboard-notification.mjs"
+    },
     "./presentation": {
       "types": "./presentation/index.d.ts",
       "esm2022": "./esm2022/presentation/provoly-dashboard-presentation.mjs",
@@ -132,36 +132,6 @@
       "esm": "./esm2022/toolbox/provoly-dashboard-toolbox.mjs",
       "default": "./fesm2022/provoly-dashboard-toolbox.mjs"
     },
-    "./filters/autocomplete": {
-      "types": "./filters/autocomplete/index.d.ts",
-      "esm2022": "./esm2022/filters/autocomplete/provoly-dashboard-filters-autocomplete.mjs",
-      "esm": "./esm2022/filters/autocomplete/provoly-dashboard-filters-autocomplete.mjs",
-      "default": "./fesm2022/provoly-dashboard-filters-autocomplete.mjs"
-    },
-    "./filters/date": {
-      "types": "./filters/date/index.d.ts",
-      "esm2022": "./esm2022/filters/date/provoly-dashboard-filters-date.mjs",
-      "esm": "./esm2022/filters/date/provoly-dashboard-filters-date.mjs",
-      "default": "./fesm2022/provoly-dashboard-filters-date.mjs"
-    },
-    "./filters/list": {
-      "types": "./filters/list/index.d.ts",
-      "esm2022": "./esm2022/filters/list/provoly-dashboard-filters-list.mjs",
-      "esm": "./esm2022/filters/list/provoly-dashboard-filters-list.mjs",
-      "default": "./fesm2022/provoly-dashboard-filters-list.mjs"
-    },
-    "./filters/number": {
-      "types": "./filters/number/index.d.ts",
-      "esm2022": "./esm2022/filters/number/provoly-dashboard-filters-number.mjs",
-      "esm": "./esm2022/filters/number/provoly-dashboard-filters-number.mjs",
-      "default": "./fesm2022/provoly-dashboard-filters-number.mjs"
-    },
-    "./filters/text": {
-      "types": "./filters/text/index.d.ts",
-      "esm2022": "./esm2022/filters/text/provoly-dashboard-filters-text.mjs",
-      "esm": "./esm2022/filters/text/provoly-dashboard-filters-text.mjs",
-      "default": "./fesm2022/provoly-dashboard-filters-text.mjs"
-    },
     "./components/card": {
       "types": "./components/card/index.d.ts",
       "esm2022": "./esm2022/components/card/provoly-dashboard-components-card.mjs",
@@ -216,6 +186,36 @@
       "esm": "./esm2022/components/stepper/provoly-dashboard-components-stepper.mjs",
       "default": "./fesm2022/provoly-dashboard-components-stepper.mjs"
     },
+    "./filters/autocomplete": {
+      "types": "./filters/autocomplete/index.d.ts",
+      "esm2022": "./esm2022/filters/autocomplete/provoly-dashboard-filters-autocomplete.mjs",
+      "esm": "./esm2022/filters/autocomplete/provoly-dashboard-filters-autocomplete.mjs",
+      "default": "./fesm2022/provoly-dashboard-filters-autocomplete.mjs"
+    },
+    "./filters/date": {
+      "types": "./filters/date/index.d.ts",
+      "esm2022": "./esm2022/filters/date/provoly-dashboard-filters-date.mjs",
+      "esm": "./esm2022/filters/date/provoly-dashboard-filters-date.mjs",
+      "default": "./fesm2022/provoly-dashboard-filters-date.mjs"
+    },
+    "./filters/list": {
+      "types": "./filters/list/index.d.ts",
+      "esm2022": "./esm2022/filters/list/provoly-dashboard-filters-list.mjs",
+      "esm": "./esm2022/filters/list/provoly-dashboard-filters-list.mjs",
+      "default": "./fesm2022/provoly-dashboard-filters-list.mjs"
+    },
+    "./filters/number": {
+      "types": "./filters/number/index.d.ts",
+      "esm2022": "./esm2022/filters/number/provoly-dashboard-filters-number.mjs",
+      "esm": "./esm2022/filters/number/provoly-dashboard-filters-number.mjs",
+      "default": "./fesm2022/provoly-dashboard-filters-number.mjs"
+    },
+    "./filters/text": {
+      "types": "./filters/text/index.d.ts",
+      "esm2022": "./esm2022/filters/text/provoly-dashboard-filters-text.mjs",
+      "esm": "./esm2022/filters/text/provoly-dashboard-filters-text.mjs",
+      "default": "./fesm2022/provoly-dashboard-filters-text.mjs"
+    },
     "./pipeline-components/filter": {
       "types": "./pipeline-components/filter/index.d.ts",
       "esm2022": "./esm2022/pipeline-components/filter/provoly-dashboard-pipeline-components-filter.mjs",
@@ -234,18 +234,18 @@
       "esm": "./esm2022/pipeline-components/noop/provoly-dashboard-pipeline-components-noop.mjs",
       "default": "./fesm2022/provoly-dashboard-pipeline-components-noop.mjs"
     },
-    "./pipeline-components/subgraph": {
-      "types": "./pipeline-components/subgraph/index.d.ts",
-      "esm2022": "./esm2022/pipeline-components/subgraph/provoly-dashboard-pipeline-components-subgraph.mjs",
-      "esm": "./esm2022/pipeline-components/subgraph/provoly-dashboard-pipeline-components-subgraph.mjs",
-      "default": "./fesm2022/provoly-dashboard-pipeline-components-subgraph.mjs"
-    },
     "./pipeline-components/output-dataset": {
       "types": "./pipeline-components/output-dataset/index.d.ts",
       "esm2022": "./esm2022/pipeline-components/output-dataset/provoly-dashboard-pipeline-components-output-dataset.mjs",
       "esm": "./esm2022/pipeline-components/output-dataset/provoly-dashboard-pipeline-components-output-dataset.mjs",
       "default": "./fesm2022/provoly-dashboard-pipeline-components-output-dataset.mjs"
     },
+    "./pipeline-components/subgraph": {
+      "types": "./pipeline-components/subgraph/index.d.ts",
+      "esm2022": "./esm2022/pipeline-components/subgraph/provoly-dashboard-pipeline-components-subgraph.mjs",
+      "esm": "./esm2022/pipeline-components/subgraph/provoly-dashboard-pipeline-components-subgraph.mjs",
+      "default": "./fesm2022/provoly-dashboard-pipeline-components-subgraph.mjs"
+    },
     "./tooltips/attribute": {
       "types": "./tooltips/attribute/index.d.ts",
       "esm2022": "./esm2022/tooltips/attribute/provoly-dashboard-tooltips-attribute.mjs",

package/styles/components/_o-dashboard.scss

@@ -8,6 +8,26 @@
   height: 100%;
 }
 
+.o-dashboard-add {
+  position: absolute;
+  display: flex;
+  justify-content: space-evenly;
+  z-index: 2;
+
+  &.-cols {
+    transform: translateY(-50%);
+  }
+
+  &.-rows {
+    flex-direction: column;
+    transform: translateX(-50%);
+
+    pry-icon span {
+      transform: rotate(90deg);
+    }
+  }
+}
+
 .o-dashboard-widget {
   position: relative;
   z-index: 1;
@@ -148,6 +168,11 @@
   }
 }
 
+.filler-backdrop {
+  width: 100%;
+  height: 100%;
+}
+
 .a-indicator-block {
   position: relative;
   height: 100%;

package/styles/components/_o-modal.scss

@@ -38,6 +38,12 @@
   flex-direction: column;
   flex: 1 auto;
 
+  &.-place {
+    pry-dashboard {
+      height: toRem(200px);
+    }
+  }
+
   &__top {
     display: flex;
     margin-bottom: toRem(25);

package/toolbox/components/toolbox.component.d.ts

@@ -12,7 +12,6 @@ export declare class ToolboxComponent implements OnInit {
         order: number;
     }[]>;
     displayLabels: boolean;
-    hasInitialPresentation$: Observable<boolean>;
     isManualMode$: Observable<boolean>;
     allActions$: Observable<ToolboxAction[]>;
     mainActions$: Observable<ToolboxAction[]>;
@@ -21,6 +20,7 @@ export declare class ToolboxComponent implements OnInit {
     isDropdownOpen: boolean;
     actionsAvailable$: Observable<DisplayOptions | undefined>;
     showEditToggle$: Observable<boolean>;
+    private presentation$;
     set actions(actions: ToolboxAction[]);
     set dropdownActions(dropdownActions: {
         name: string;

package/toolbox/toolbox.model.d.ts

@@ -6,5 +6,6 @@ export interface ToolboxAction {
     component: Type<ToolboxActionComponent>;
     access: PryAccessCheck;
     visible: boolean;
+    needsOwner: boolean;
 }
 export declare const ACTIONS: ToolboxAction[];

package/widgets/widget-aggregated-chart/component/widget-aggregated-chart.component.d.ts

@@ -74,6 +74,7 @@ export declare class WidgetAggregatedChartComponent extends DataWidgetComponent
     noAggregationData$: Observable<boolean>;
     allowedClasses$: Observable<Class[]>;
     colors: any;
+    DEFAULT_ITEM_LIMIT: number;
     constructor(store: Store<any>, translateService: PryI18nService, el: ElementRef, aggregationService: PryAggregationService, schemeService: PrySchemeService);
     ngAfterViewInit(): void;
     translateToVegaType(type?: FieldType, name?: string): VegaType;
@@ -122,6 +123,7 @@ export declare class WidgetAggregatedChartComponent extends DataWidgetComponent
     toggleSort($event: any): void;
     changeSortValue($event: 'key' | 'value'): void;
     changeSortDirection($event: 'asc' | 'desc'): void;
+    toggleLimitItems(): void;
     toImage(): Promise<string>;
     changeCircleColorScheme($event: any): void;
     changeBaseColor($event: any): void;

package/widgets/widget-aggregated-chart/i18n/en.translations.d.ts

@@ -53,6 +53,7 @@ export declare const enTranslations: {
                 dataLabel: string;
                 origin: string;
                 limit: string;
+                limitMaxNb: string;
                 asc: string;
                 desc: string;
                 timeInterval: string;

package/widgets/widget-aggregated-chart/i18n/fr.translations.d.ts

@@ -52,6 +52,7 @@ export declare const frTranslations: {
                 dataLabel: string;
                 origin: string;
                 limit: string;
+                limitMaxNb: string;
                 asc: string;
                 desc: string;
                 timeInterval: string;