@provoly/dashboard 1.4.58 → 1.4.60

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.58",
+  "version": "1.4.60",
   "type": "commonjs",
   "homepage": "https://documentation.provoly.com/provoly-dashboard/main/index.html",
   "repository": {
@@ -97,18 +97,18 @@
       "esm": "./esm2022/dataset/provoly-dashboard-dataset.mjs",
       "default": "./fesm2022/provoly-dashboard-dataset.mjs"
     },
-    "./import": {
-      "types": "./import/index.d.ts",
-      "esm2022": "./esm2022/import/provoly-dashboard-import.mjs",
-      "esm": "./esm2022/import/provoly-dashboard-import.mjs",
-      "default": "./fesm2022/provoly-dashboard-import.mjs"
-    },
     "./mock": {
       "types": "./mock/index.d.ts",
       "esm2022": "./esm2022/mock/provoly-dashboard-mock.mjs",
       "esm": "./esm2022/mock/provoly-dashboard-mock.mjs",
       "default": "./fesm2022/provoly-dashboard-mock.mjs"
     },
+    "./import": {
+      "types": "./import/index.d.ts",
+      "esm2022": "./esm2022/import/provoly-dashboard-import.mjs",
+      "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",

package/presentation/components/add-edit-presentation/add-edit-presentation.component.d.ts

@@ -25,6 +25,7 @@ export declare class PryAddEditPresentationComponent extends SubscriptionnerDire
     editionStartUrl: string;
     mode: 'theme' | 'meta';
     goBack: EventEmitter<void>;
+    officialPresentationNames: string[];
     constructor(store: Store, manifestService: ManifestService, router: Router);
     saveOrUpdateDashboard(): void;
     saveDashboard(): void;
@@ -34,5 +35,5 @@ export declare class PryAddEditPresentationComponent extends SubscriptionnerDire
     metadata(): MetadataValue[];
     getNewManifest(): GlobalManifest;
     static ɵfac: i0.ɵɵFactoryDeclaration<PryAddEditPresentationComponent, [null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PryAddEditPresentationComponent, "pry-add-edit-presentation", never, { "selectedPresentation": { "alias": "selectedPresentation"; "required": false; }; "edition": { "alias": "edition"; "required": false; }; "themePrefix": { "alias": "themePrefix"; "required": false; }; "editionStartUrl": { "alias": "editionStartUrl"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, { "goBack": "goBack"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PryAddEditPresentationComponent, "pry-add-edit-presentation", never, { "selectedPresentation": { "alias": "selectedPresentation"; "required": false; }; "edition": { "alias": "edition"; "required": false; }; "themePrefix": { "alias": "themePrefix"; "required": false; }; "editionStartUrl": { "alias": "editionStartUrl"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "officialPresentationNames": { "alias": "officialPresentationNames"; "required": false; }; }, { "goBack": "goBack"; }, never, never, false, never>;
 }

package/presentation/components/presentation.component.d.ts

@@ -36,6 +36,7 @@ export declare class PryPresentationComponent extends SubscriptionnerDirective {
     showTheme: boolean;
     listOfManifests$: BehaviorSubject<ManifestDescription[] | null>;
     set listOfManifests(manifests: ManifestDescription[] | null);
+    officialPresentationNames: string[];
     inputSearch$: BehaviorSubject<string>;
     set search(query: string);
     constructor(store: Store<any>, overlay: Overlay, viewContainerRef: ViewContainerRef, router: Router, titleService: PryTitleService, activatedRoute: ActivatedRoute, ngZone: NgZone, access: PryBaseAccess, dialog: PryDialogService);
@@ -50,6 +51,6 @@ export declare class PryPresentationComponent extends SubscriptionnerDirective {
     isPrivate(presentation: ManifestDescription): boolean;
     canModify$(presentation: ManifestDescription): Observable<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<PryPresentationComponent, [null, null, null, null, null, null, null, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PryPresentationComponent, "pry-presentation", never, { "editionStartUrl": { "alias": "editionStartUrl"; "required": false; }; "consultStartUrl": { "alias": "consultStartUrl"; "required": false; }; "meAsOwner": { "alias": "meAsOwner"; "required": false; }; "themePrefix": { "alias": "themePrefix"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "hideToolbox": { "alias": "hideToolbox"; "required": false; }; "showTheme": { "alias": "showTheme"; "required": false; }; "listOfManifests": { "alias": "listOfManifests"; "required": false; }; "search": { "alias": "search"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PryPresentationComponent, "pry-presentation", never, { "editionStartUrl": { "alias": "editionStartUrl"; "required": false; }; "consultStartUrl": { "alias": "consultStartUrl"; "required": false; }; "meAsOwner": { "alias": "meAsOwner"; "required": false; }; "themePrefix": { "alias": "themePrefix"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "hideToolbox": { "alias": "hideToolbox"; "required": false; }; "showTheme": { "alias": "showTheme"; "required": false; }; "listOfManifests": { "alias": "listOfManifests"; "required": false; }; "officialPresentationNames": { "alias": "officialPresentationNames"; "required": false; }; "search": { "alias": "search"; "required": false; }; }, {}, never, never, false, never>;
 }
 export {};

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
+      }
+  }
+}