@provoly/dashboard 1.4.57 → 1.4.59

package/lib/core/components/overlay/dialog.service.d.ts

@@ -9,8 +9,10 @@ interface PryDialogConfig {
     backdropClass?: string;
     data?: any;
     overlayConfig?: OverlayConfig;
+    index?: number;
 }
 export declare const PRY_DIALOG_DATA: InjectionToken<any>;
+export declare const INDEX_DATA: InjectionToken<any>;
 export declare class PryDialogService {
     private injector;
     private overlay;

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

@@ -25,6 +25,7 @@ export declare class PrySelectComponent extends SubscriptionnerDirective impleme
     multiple: boolean;
     closeOnSelect: boolean;
     placeholder?: string;
+    forcePlaceHolder?: boolean | undefined;
     isForm: boolean;
     required?: any;
     name?: any;
@@ -54,7 +55,7 @@ export declare class PrySelectComponent extends SubscriptionnerDirective impleme
     selectElement: ElementRef<HTMLDivElement>;
     elementRef: HTMLDivElement;
     input?: ElementRef<HTMLInputElement>;
-    private _onChange;
+    _onChange: (_: any) => void;
     private _onTouched;
     private _disabled;
     focused: boolean;
@@ -84,5 +85,5 @@ export declare class PrySelectComponent extends SubscriptionnerDirective impleme
     focusInitialSelection: () => void;
     enterPressed($event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PrySelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PrySelectComponent, "pry-select", never, { "items": { "alias": "items"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "isForm": { "alias": "isForm"; "required": false; }; "required": { "alias": "required"; "required": false; }; "name": { "alias": "name"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "alwaysShowAutosuggestedValues": { "alias": "alwaysShowAutosuggestedValues"; "required": false; }; "externalAutocompleteService": { "alias": "externalAutocompleteService"; "required": false; }; "bindValue": { "alias": "bindValue"; "required": false; }; "bindLabel": { "alias": "bindLabel"; "required": false; }; "iconSize": { "alias": "iconSize"; "required": false; }; "bindIcon": { "alias": "bindIcon"; "required": false; }; "template": { "alias": "template"; "required": false; }; "i18nPrefix": { "alias": "i18nPrefix"; "required": false; }; "bindClasses": { "alias": "bindClasses"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "elementRef": { "alias": "elementRef"; "required": false; }; }, { "searched": "searched"; "cleared": "cleared"; "clicked": "clicked"; "pressedEnter": "pressedEnter"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PrySelectComponent, "pry-select", never, { "items": { "alias": "items"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "forcePlaceHolder": { "alias": "forcePlaceHolder"; "required": false; }; "isForm": { "alias": "isForm"; "required": false; }; "required": { "alias": "required"; "required": false; }; "name": { "alias": "name"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "alwaysShowAutosuggestedValues": { "alias": "alwaysShowAutosuggestedValues"; "required": false; }; "externalAutocompleteService": { "alias": "externalAutocompleteService"; "required": false; }; "bindValue": { "alias": "bindValue"; "required": false; }; "bindLabel": { "alias": "bindLabel"; "required": false; }; "iconSize": { "alias": "iconSize"; "required": false; }; "bindIcon": { "alias": "bindIcon"; "required": false; }; "template": { "alias": "template"; "required": false; }; "i18nPrefix": { "alias": "i18nPrefix"; "required": false; }; "bindClasses": { "alias": "bindClasses"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "elementRef": { "alias": "elementRef"; "required": false; }; }, { "searched": "searched"; "cleared": "cleared"; "clicked": "clicked"; "pressedEnter": "pressedEnter"; }, never, never, false, never>;
 }

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

@@ -7,6 +7,7 @@ import { DashboardGridLayout, DashboardManifest, WidgetLayout, WidgetManifest }
 import { DashboardCellParams } from '../store/dashboard.actions';
 import { SubscriptionnerDirective } from './subscriptionner.directive';
 import { WidgetInstanciatorComponent } from './widgets/widget-instanciator/widget-instanciator.component';
+import { ManifestService } from '../store/manifest.service';
 import * as i0 from "@angular/core";
 export declare const MIME_TYPE_WIDGET_MANIFEST = "application/widget-manifest";
 export declare const MIME_TYPE_WIDGET_TYPE = "application/widget-type-";
@@ -15,6 +16,7 @@ export declare class DashboardComponent extends SubscriptionnerDirective impleme
     private store;
     private overlay;
     private viewContainerRef;
+    private manifestService;
     private el;
     manifest: DashboardManifest | null;
     windowManifest$: Observable<DashboardManifest>;
@@ -37,6 +39,11 @@ export declare class DashboardComponent extends SubscriptionnerDirective impleme
         width: number;
         height: number;
     }>;
+    widgetZoomIn: {
+        index: number;
+        zoom: boolean;
+        layout: WidgetLayout;
+    };
     get widgetsInstances(): any[];
     set staticDashboard(window: DashboardManifest);
     set forceModeEdition(mode: boolean);
@@ -65,7 +72,7 @@ export declare class DashboardComponent extends SubscriptionnerDirective impleme
     backgroundArea$: Observable<string>;
     private confirmRemoveRef?;
     Array: any;
-    constructor(store: Store<any>, overlay: Overlay, viewContainerRef: ViewContainerRef, el: ElementRef);
+    constructor(store: Store<any>, overlay: Overlay, viewContainerRef: ViewContainerRef, manifestService: ManifestService, el: ElementRef);
     ngAfterViewChecked(): void;
     ngOnInit(): void;
     ngAfterViewInit(): void;

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

@@ -9,6 +9,7 @@ import { LibraryTypes } from '../../../../core/store/image/image.service';
 import { ToolboxMenuService } from '../../../../core/toolbox/toolbox-menu.service';
 import { SubscriptionnerDirective } from '../../subscriptionner.directive';
 import { WidgetContextMenuDisplayOptions } from '../../../../core/model/display-options.interface';
+import { ManifestService } from '../../../store/manifest.service';
 import * as i0 from "@angular/core";
 export declare const WIDGET_HEADER_HEIGHT: {
     value: number;
@@ -24,6 +25,7 @@ export declare class PryWidgetHeaderComponent extends SubscriptionnerDirective i
     private overlay;
     private viewContainerRef;
     toolboxMenuService: ToolboxMenuService;
+    manifestService: ManifestService;
     template: TemplateRef<any>;
     templateModal: TemplateRef<any>;
     toggle: TemplateRef<any>;
@@ -45,6 +47,16 @@ export declare class PryWidgetHeaderComponent extends SubscriptionnerDirective i
     usedDatasources$: Observable<DataSource[]>;
     openSub?: Subscription;
     targetManifest?: DashboardManifest;
+    zoomLevel: number;
+    zoomWidth: number;
+    zoomHeight: number;
+    maxWidth: number;
+    maxHeight: number;
+    widgetX: number;
+    widgetY: number;
+    widgetWidth: number;
+    widgetHeight: number;
+    clickMax: import("@angular/core").WritableSignal<boolean>;
     set manifest(manifest: WidgetManifest | null);
     set openData$(open$: Observable<void> | Subject<void>);
     additionalOptions: HeaderAction[] | null;
@@ -75,7 +87,11 @@ export declare class PryWidgetHeaderComponent extends SubscriptionnerDirective i
     private spotRef?;
     menu: boolean;
     type: LibraryTypes;
-    constructor(store: Store, overlay: Overlay, viewContainerRef: ViewContainerRef, toolboxMenuService: ToolboxMenuService);
+    widgetsZoomed: {
+        index: number;
+        zoom: boolean;
+    }[];
+    constructor(store: Store, overlay: Overlay, viewContainerRef: ViewContainerRef, toolboxMenuService: ToolboxMenuService, manifestService: ManifestService);
     onArrowUp(): void;
     onArrowDown(): void;
     get currentLayout(): string;
@@ -85,6 +101,7 @@ export declare class PryWidgetHeaderComponent extends SubscriptionnerDirective i
     toggleDatasourceSelection(): void;
     moveInNewWindow(widgetIndex: number, targetIndex: number): void;
     maximize(widgetIndex: number): void;
+    minimize(widgetIndex: number): void;
     emitManifest(): void;
     toggleRemoveConfirm($event?: MouseEvent): void;
     confirmRemove(): void;

package/lib/dashboard/store/dashboard.selectors.d.ts

@@ -329,4 +329,21 @@ export declare const DashboardSelectors: {
     }, (s1: DashboardState) => {
         [url: string]: import("@provoly/dashboard").GetCapabilitiesResponse | null;
     }>;
+    manifests: MemoizedSelector<object, {
+        sender: string;
+        tenants: string[];
+        manifest: GlobalManifest;
+        list: import("../../core/model/manifest.interface").ManifestDescription[];
+        currentId: string;
+        staticManifest: GlobalManifest;
+        loading: boolean;
+    }, (s1: DashboardState) => {
+        sender: string;
+        tenants: string[];
+        manifest: GlobalManifest;
+        list: import("../../core/model/manifest.interface").ManifestDescription[];
+        currentId: string;
+        staticManifest: GlobalManifest;
+        loading: boolean;
+    }>;
 };

package/lib/dashboard/store/manifest.service.d.ts

@@ -1,9 +1,9 @@
 import { HttpClient } from '@angular/common/http';
 import { Store } from '@ngrx/store';
-import { Observable } from 'rxjs';
+import { Observable, Subject } from 'rxjs';
 import { PrySnackbarService } from '../../core/components/snackbar/snackbar.service';
 import { PryI18nService } from '../../core/i18n/i18n.service';
-import { GlobalManifest, ManifestDescription } from '../../core/model/manifest.interface';
+import { GlobalManifest, ManifestDescription, WidgetLayout } from '../../core/model/manifest.interface';
 import { ShareConflict } from '../../core/components/share/share.model';
 import * as i0 from "@angular/core";
 export declare class ManifestService {
@@ -11,6 +11,15 @@ export declare class ManifestService {
     private store;
     private snackBar;
     private translateService;
+    widgetZoomIn: Subject<{
+        index: number;
+        zoom: boolean;
+        layout: WidgetLayout;
+    }>;
+    widgetZoomed: import("@angular/core").WritableSignal<{
+        index: number;
+        zoom: boolean;
+    }[]>;
     constructor(httpClient: HttpClient, store: Store<any>, snackBar: PrySnackbarService, translateService: PryI18nService);
     list(): Observable<ManifestDescription[]>;
     get(id: string): Observable<GlobalManifest>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@provoly/dashboard",
-  "version": "1.4.57",
+  "version": "1.4.59",
   "type": "commonjs",
   "homepage": "https://documentation.provoly.com/provoly-dashboard/main/index.html",
   "repository": {
@@ -145,6 +145,36 @@
       "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",
@@ -217,36 +247,6 @@
       "esm": "./esm2022/components/text-editor/provoly-dashboard-components-text-editor.mjs",
       "default": "./fesm2022/provoly-dashboard-components-text-editor.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",
@@ -349,17 +349,17 @@
       "esm": "./esm2022/widgets/widget-template/provoly-dashboard-widgets-widget-template.mjs",
       "default": "./fesm2022/provoly-dashboard-widgets-widget-template.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"
+    },
+    "./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"
     }
   },
   "schematics": "./schematics/collection.json",

package/styles/components/_o-widget.scss

@@ -283,3 +283,31 @@ pry-datasource-selector {
   padding: toRem(20);
   height: 100%;
 }
+
+.widget-zoom-in {
+  z-index: 2
+}
+
+.vega-zoom-container {
+  display: flex;
+  margin-left: auto;
+  padding-right: 1em;
+  gap: 0.5em;
+  align-items: center;
+
+  > div {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 2em;
+    height: 2em;
+    cursor:pointer;
+    border-radius: 0.2em;
+    color: #183C6B;
+
+    &:active, &.zoom-clicked, &:hover {
+        background: #FFD841;
+        outline: 1px solid #666666
+      }
+  }
+}