@provoly/dashboard 0.18.2 → 0.18.4

package/fesm2022/provoly-dashboard.mjs

@@ -234,7 +234,11 @@ const enTranslations$1 = {
             },
             modalTitle: 'Do you want to confirm?',
             itemId: 'Id',
-            class: 'Class'
+            class: 'Class',
+            colorScheme: 'Color scheme',
+            custom: 'Custom n°{{id}}',
+            addColor: 'Add color',
+            removeColor: 'Remove color'
         },
         view: {
             name: 'Tab n°{{rank}}'
@@ -578,7 +582,11 @@ const frTranslations$1 = {
             },
             modalTitle: 'Voulez-vous confirmer ?',
             itemId: 'Id',
-            class: 'Classe'
+            class: 'Classe',
+            colorScheme: 'Schéma de couleur',
+            custom: 'Personalisé n°{{id}}',
+            addColor: 'Ajouter une couleur',
+            removeColor: 'Supprimer une couleur'
         },
         view: {
             name: 'Page n°{{rank}}'
@@ -1412,6 +1420,7 @@ var VegaType;
 })(VegaType || (VegaType = {}));
 var VegaColorType;
 (function (VegaColorType) {
+    VegaColorType["PROVOLY"] = "Provoly";
     VegaColorType["ACCENT"] = "accent";
     VegaColorType["SET2"] = "set2";
     VegaColorType["DARK2"] = "dark2";
@@ -2163,6 +2172,7 @@ const enTranslations = {
             api: 'API',
             returnToList: 'Back to catalog',
             refresh: 'Refresh',
+            since_day: 'Last update :',
             version: {
                 title: 'Title',
                 INDEXING: 'Loading',
@@ -2231,6 +2241,7 @@ const frTranslations = {
             api: 'API',
             returnToList: 'Retour au catalogue',
             refresh: 'Actualiser',
+            since_day: 'Dernière mise à jour :',
             version: {
                 title: 'Intitulé',
                 INDEXING: 'En chargement',
@@ -3913,7 +3924,8 @@ const SearchActions = {
     getDatasourceItems: createAction('[Search] (bus) search named', props()),
     // result Search
     searchSuccess: createAction('[Search Api] (bus) Search Success', props()),
-    searchFailure: createAction('[Search Api] (bus) Search Failure', props())
+    searchFailure: createAction('[Search Api] (bus) Search Failure', props()),
+    setSearchLoading: createAction('[Search Api] (bus) set Search loading datasource status', props())
 };
 
 class SearchService {
@@ -4781,6 +4793,11 @@ const searchReducer = createReducer(initialSearchState, on(SearchActions.search,
 })), on(SearchActions.searchFailure, (state, action) => ({
     ...state,
     searchLoading: [...state.searchLoading.filter((id) => id !== (action.id ?? DEFAULT_NAMED_QUERY_ID))]
+})), on(SearchActions.setSearchLoading, (state, action) => ({
+    ...state,
+    searchLoading: action.start
+        ? [...new Set([...state.searchLoading, ...action.datasources])]
+        : [...state.searchLoading.filter((id) => !action.datasources.includes(id))]
 })));
 
 class AccordionComponent {
@@ -5213,6 +5230,9 @@ class PryBackendAggregationService extends PryAggregationService {
         if (options.groupBy) {
             params = params.set('groupBy', options.groupBy.attribute);
         }
+        if (options.graph.sort) {
+            params = params.set('sort', `${options.graph.sort.direction},${options.graph.sort.attribute === options.abscissa.attribute ? 'KEY' : 'VALUE'}`);
+        }
         params = this.searchService.getItemsFilter(targetDatasource, params);
         const key = `${this.dataUrl}_${params.toString()}`;
         if (!this.cache[key] || this.cache[key].time + 1000 < new Date().getTime()) {
@@ -7887,6 +7907,7 @@ class DashboardComponent extends SubscriptionnerDirective {
         this.staticDashboard$ = new BehaviorSubject(null);
         this.stacked$ = new BehaviorSubject(false);
         this.indexForRemoval = -1;
+        this.params = {};
         this.CloseOnDragOut = true;
         this.canCalculateView = false;
         this.dashboardParams = {
@@ -7915,6 +7936,7 @@ class DashboardComponent extends SubscriptionnerDirective {
         this.DashboardGridLayout = DashboardGridLayout;
         this.layout = DashboardGridLayout.MANUAL;
         this.loading$ = this.store.select(DashboardSelectors.loading);
+        this.dataFetching$ = this.store.select(SearchSelectors.searchLoading);
         this.modeEdition$ = this.store.select(DashboardSelectors.dashboardEditionMode);
         this.subscriptions.add(this.modeEdition$.subscribe((mode) => {
             this.modeEdition = mode;
@@ -8025,7 +8047,7 @@ class DashboardComponent extends SubscriptionnerDirective {
             const rows = !this.displayIsStacked
                 ? (!!this.manifest && !!this.manifest.grid && this.manifest.grid.rows) || DEFAULT_ROWS_NUMBER
                 : this.manifest?.widgets.reduce((p, c) => p + c.layout.height, 0) ?? 1;
-            const params = {
+            this.params = {
                 gridWidth,
                 // Calculate height to parennt the parent's
                 gridHeight: element.getBoundingClientRect().height,
@@ -8038,17 +8060,19 @@ class DashboardComponent extends SubscriptionnerDirective {
                 offsetTop: this.gridRef.nativeElement.offsetTop,
                 mobileMode
             };
-            params.gridGap =
-                params.rows * params.cellHeight < params.gridHeight
+            this.params.gridGap =
+                this.params.rows * this.params.cellHeight < this.params.gridHeight
                     ? !!this.manifest && !!this.manifest.grid
                         ? this.manifest.grid.gap || DEFAULT_GAP_PX
                         : DEFAULT_GAP_PX
                     : 0;
-            params.cellHeight = (params.gridHeight - (params.rows - 1) * params.gridGap) / params.rows;
-            params.cellWidth = (params.gridWidth - (params.columns - 1) * params.gridGap) / params.columns;
-            this.store.dispatch(DashboardActions.updateDashboardParams({ params }));
-            this.rows.next(params.rows);
-            this.rowHeight.next(params.cellHeight);
+            this.params.cellHeight =
+                (this.params.gridHeight - (this.params.rows - 1) * this.params.gridGap) / this.params.rows;
+            this.params.cellWidth =
+                (this.params.gridWidth - (this.params.columns - 1) * this.params.gridGap) / this.params.columns;
+            this.store.dispatch(DashboardActions.updateDashboardParams({ params: this.params }));
+            this.rows.next(this.params.rows);
+            this.rowHeight.next(this.params.cellHeight);
         }
     }
     get displayIsStacked() {
@@ -8379,11 +8403,11 @@ class DashboardComponent extends SubscriptionnerDirective {
         return index + '-' + widgetManifest.type + '-' + JSON.stringify(widgetManifest.layout);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: DashboardComponent, deps: [{ token: i1.Store }, { token: i2$1.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: DashboardComponent, selector: "pry-dashboard", inputs: { staticDashboard: "staticDashboard", CloseOnDragOut: "CloseOnDragOut", displayOptions: "displayOptions" }, outputs: { rowHeight: "rowHeight", rows: "rows" }, viewQueries: [{ propertyName: "templateModal", first: true, predicate: ["templateModal"], descendants: true, read: TemplateRef }, { propertyName: "gridRef", first: true, predicate: ["grid"], descendants: true }, { propertyName: "instanciators", predicate: WidgetInstanciatorComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"o-dashboard-grid\"\n  [style.gridTemplateColumns]=\"gridTemplateColumns$ | async\"\n  [style.gridTemplateRows]=\"gridTemplateRows$ | async\"\n  [style.gridGap]=\"dashboardParams.gridGap + 'px'\"\n  #grid\n  (mousemove)=\"movingMouse($event)\"\n  (drop)=\"dropping($event)\"\n  (dragover)=\"dragMove($event)\"\n  (dragleave)=\"dragLeave($event)\"\n  (dragenter)=\"dragEnter($event)\"\n>\n  <ng-container\n    *ngFor=\"\n      let widgetManifest of (windowManifest$ | async)?.widgets || [];\n      let widgetIndex = index;\n      trackBy: trackWidgets\n    \"\n  >\n    <div\n      class=\"o-dashboard-widget\"\n      [class.-edited]=\"modeEdition\"\n      [style.gridColumn]=\"gridColumn(widgetManifest.layout)\"\n      [style.gridRow]=\"gridRow(widgetManifest.layout)\"\n      (drop)=\"droppingInWidget($event, widgetIndex)\"\n    >\n      <ng-container *ngIf=\"modeEdition\">\n        <div class=\"resize nw-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-nw')\">\n          <pry-icon iconSvg=\"north_west\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"resize sw-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-sw')\">\n          <pry-icon iconSvg=\"south_west\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"resize ne-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-ne')\">\n          <pry-icon iconSvg=\"north_east\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"resize se-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-se')\">\n          <pry-icon iconSvg=\"south_east\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"resize delete\" (mousedown)=\"toggleRemoveConfirm($event, widgetIndex)\">\n          <pry-icon iconSvg=\"close\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"move\" draggable=\"true\" (dragstart)=\"dragStart($event, widgetIndex)\">\n          <div class=\"move-inside move-{{ widgetManifest.type }}\">\n            <span>{{ widgetManifest.title ?? ('@pry.toolbox.' + widgetManifest.type | i18n) }}</span>\n          </div>\n        </div>\n      </ng-container>\n      <ng-container *ngIf=\"!modeEdition\">\n        <pry-widget-instanciator\n          [staticManifest]=\"widgetManifest\"\n          [widgetIndex]=\"widgetIndex\"\n        ></pry-widget-instanciator>\n      </ng-container>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"(nonFillerWidgets$ | async) === 0\">\n    <ng-container *ngIf=\"loading$ | async; else notLoading\">\n      <div class=\"no-widget\" [style.grid-area]=\"backgroundArea$ | async\">\n        <pry-icon\n          iconSvg=\"loader\"\n          class=\"no-widget__loading\"\n          [alt]=\"'@pry.widget.target.loading' | i18n\"\n          [width]=\"100\"\n          [height]=\"100\"\n        />\n        <span class=\"no-widget__text\">{{ '@pry.widget.target.loading' | i18n }}...</span>\n      </div>\n    </ng-container>\n    <ng-template #notLoading>\n      <div class=\"no-widget\" [style.grid-area]=\"backgroundArea$ | async\">\n        <img\n          class=\"no-widget__search\"\n          src=\"../../../assets/svgs/pry_recherche.svg\"\n          alt=\"{{\n            (layout === DashboardGridLayout.MANUAL ? '@pry.widget.target.none_manual' : '@pry.widget.target.none_auto')\n              | i18n\n          }} {{ backgroundArea$ | async }}\"\n        />\n        <span class=\"no-widget__text\">{{\n          (layout === DashboardGridLayout.MANUAL ? '@pry.widget.target.none_manual' : '@pry.widget.target.none_auto')\n            | i18n\n        }}</span>\n      </div>\n    </ng-template>\n  </ng-container>\n</div>\n<pry-context-menu></pry-context-menu>\n\n<ng-template #templateModal>\n  <div class=\"o-modal\">\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">\n          {{ '@pry.widget.modalTitle' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"cancelRemoveConfirm()\">\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <div class=\"m-btn-group\">\n      <button type=\"button\" (click)=\"cancelRemoveConfirm()\" class=\"a-btn a-btn--secondary\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button type=\"submit\" (click)=\"confirmRemove()\" class=\"a-btn a-btn--primary\">\n        {{ '@pry.toolbox.manifest.validate' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: WidgetInstanciatorComponent, selector: "pry-widget-instanciator", inputs: ["widgetIndex", "staticManifest", "standalone", "open$"], outputs: ["manifestModified"] }, { kind: "component", type: ContextMenuComponent, selector: "pry-context-menu" }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: DashboardComponent, selector: "pry-dashboard", inputs: { staticDashboard: "staticDashboard", CloseOnDragOut: "CloseOnDragOut", displayOptions: "displayOptions" }, outputs: { rowHeight: "rowHeight", rows: "rows" }, viewQueries: [{ propertyName: "templateModal", first: true, predicate: ["templateModal"], descendants: true, read: TemplateRef }, { propertyName: "gridRef", first: true, predicate: ["grid"], descendants: true }, { propertyName: "instanciators", predicate: WidgetInstanciatorComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"o-dashboard-grid\"\n  [style.gridTemplateColumns]=\"gridTemplateColumns$ | async\"\n  [style.gridTemplateRows]=\"gridTemplateRows$ | async\"\n  [style.gridGap]=\"dashboardParams.gridGap + 'px'\"\n  #grid\n  (mousemove)=\"movingMouse($event)\"\n  (drop)=\"dropping($event)\"\n  (dragover)=\"dragMove($event)\"\n  (dragleave)=\"dragLeave($event)\"\n  (dragenter)=\"dragEnter($event)\"\n>\n  <ng-container\n    *ngFor=\"\n      let widgetManifest of (windowManifest$ | async)?.widgets || [];\n      let widgetIndex = index;\n      trackBy: trackWidgets\n    \"\n  >\n    <div\n      class=\"o-dashboard-widget\"\n      [class.-edited]=\"modeEdition\"\n      [style.gridColumn]=\"gridColumn(widgetManifest.layout)\"\n      [style.gridRow]=\"gridRow(widgetManifest.layout)\"\n      (drop)=\"droppingInWidget($event, widgetIndex)\"\n    >\n      <ng-container *ngIf=\"modeEdition\">\n        <div class=\"resize nw-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-nw')\">\n          <pry-icon iconSvg=\"north_west\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"resize sw-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-sw')\">\n          <pry-icon iconSvg=\"south_west\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"resize ne-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-ne')\">\n          <pry-icon iconSvg=\"north_east\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"resize se-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-se')\">\n          <pry-icon iconSvg=\"south_east\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"resize delete\" (mousedown)=\"toggleRemoveConfirm($event, widgetIndex)\">\n          <pry-icon iconSvg=\"close\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"move\" draggable=\"true\" (dragstart)=\"dragStart($event, widgetIndex)\">\n          <div class=\"move-inside move-{{ widgetManifest.type }}\">\n            <span>{{ widgetManifest.title ?? ('@pry.toolbox.' + widgetManifest.type | i18n) }}</span>\n          </div>\n        </div>\n      </ng-container>\n      <ng-container *ngIf=\"!modeEdition\">\n        <pry-widget-instanciator\n          [staticManifest]=\"widgetManifest\"\n          [widgetIndex]=\"widgetIndex\"\n        ></pry-widget-instanciator>\n      </ng-container>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"(nonFillerWidgets$ | async) === 0\">\n    <ng-container *ngIf=\"loading$ | async; else notLoading\">\n      <div class=\"no-widget\" [style.grid-area]=\"backgroundArea$ | async\">\n        <pry-icon\n          iconSvg=\"loader\"\n          class=\"no-widget__loading\"\n          [alt]=\"'@pry.widget.target.loading' | i18n\"\n          [width]=\"100\"\n          [height]=\"100\"\n        />\n        <span class=\"no-widget__text\">{{ '@pry.widget.target.loading' | i18n }}...</span>\n      </div>\n    </ng-container>\n    <ng-template #notLoading>\n      <div class=\"no-widget\" [style.grid-area]=\"backgroundArea$ | async\">\n        <img\n          class=\"no-widget__search\"\n          src=\"../../../assets/svgs/pry_recherche.svg\"\n          alt=\"{{\n            (layout === DashboardGridLayout.MANUAL ? '@pry.widget.target.none_manual' : '@pry.widget.target.none_auto')\n              | i18n\n          }} {{ backgroundArea$ | async }}\"\n        />\n        <span class=\"no-widget__text\">{{\n          (layout === DashboardGridLayout.MANUAL ? '@pry.widget.target.none_manual' : '@pry.widget.target.none_auto')\n            | i18n\n        }}</span>\n      </div>\n    </ng-template>\n  </ng-container>\n  <div\n    class=\"a-page-loader backdrop\"\n    [style.display]=\"(dataFetching$ | async)?.length ?? 1 > 0 ? 'flex' : 'none'\"\n    [style.width.px]=\"params.gridWidth\"\n    [style.height.px]=\"params.gridHeight\"\n  >\n    <pry-icon\n      iconSvg=\"loader\"\n      class=\"no-widget__loading\"\n      [alt]=\"'@pry.widget.target.loading' | i18n\"\n      [width]=\"200\"\n      [height]=\"200\"\n    />\n    <p>{{ '@pry.widget.target.loading' | i18n }}...</p>\n  </div>\n</div>\n<pry-context-menu></pry-context-menu>\n\n<ng-template #templateModal>\n  <div class=\"o-modal\">\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">\n          {{ '@pry.widget.modalTitle' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"cancelRemoveConfirm()\">\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <div class=\"m-btn-group\">\n      <button type=\"button\" (click)=\"cancelRemoveConfirm()\" class=\"a-btn a-btn--secondary\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button type=\"submit\" (click)=\"confirmRemove()\" class=\"a-btn a-btn--primary\">\n        {{ '@pry.toolbox.manifest.validate' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: WidgetInstanciatorComponent, selector: "pry-widget-instanciator", inputs: ["widgetIndex", "staticManifest", "standalone", "open$"], outputs: ["manifestModified"] }, { kind: "component", type: ContextMenuComponent, selector: "pry-context-menu" }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: DashboardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-dashboard', template: "<div\n  class=\"o-dashboard-grid\"\n  [style.gridTemplateColumns]=\"gridTemplateColumns$ | async\"\n  [style.gridTemplateRows]=\"gridTemplateRows$ | async\"\n  [style.gridGap]=\"dashboardParams.gridGap + 'px'\"\n  #grid\n  (mousemove)=\"movingMouse($event)\"\n  (drop)=\"dropping($event)\"\n  (dragover)=\"dragMove($event)\"\n  (dragleave)=\"dragLeave($event)\"\n  (dragenter)=\"dragEnter($event)\"\n>\n  <ng-container\n    *ngFor=\"\n      let widgetManifest of (windowManifest$ | async)?.widgets || [];\n      let widgetIndex = index;\n      trackBy: trackWidgets\n    \"\n  >\n    <div\n      class=\"o-dashboard-widget\"\n      [class.-edited]=\"modeEdition\"\n      [style.gridColumn]=\"gridColumn(widgetManifest.layout)\"\n      [style.gridRow]=\"gridRow(widgetManifest.layout)\"\n      (drop)=\"droppingInWidget($event, widgetIndex)\"\n    >\n      <ng-container *ngIf=\"modeEdition\">\n        <div class=\"resize nw-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-nw')\">\n          <pry-icon iconSvg=\"north_west\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"resize sw-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-sw')\">\n          <pry-icon iconSvg=\"south_west\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"resize ne-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-ne')\">\n          <pry-icon iconSvg=\"north_east\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"resize se-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-se')\">\n          <pry-icon iconSvg=\"south_east\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"resize delete\" (mousedown)=\"toggleRemoveConfirm($event, widgetIndex)\">\n          <pry-icon iconSvg=\"close\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"move\" draggable=\"true\" (dragstart)=\"dragStart($event, widgetIndex)\">\n          <div class=\"move-inside move-{{ widgetManifest.type }}\">\n            <span>{{ widgetManifest.title ?? ('@pry.toolbox.' + widgetManifest.type | i18n) }}</span>\n          </div>\n        </div>\n      </ng-container>\n      <ng-container *ngIf=\"!modeEdition\">\n        <pry-widget-instanciator\n          [staticManifest]=\"widgetManifest\"\n          [widgetIndex]=\"widgetIndex\"\n        ></pry-widget-instanciator>\n      </ng-container>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"(nonFillerWidgets$ | async) === 0\">\n    <ng-container *ngIf=\"loading$ | async; else notLoading\">\n      <div class=\"no-widget\" [style.grid-area]=\"backgroundArea$ | async\">\n        <pry-icon\n          iconSvg=\"loader\"\n          class=\"no-widget__loading\"\n          [alt]=\"'@pry.widget.target.loading' | i18n\"\n          [width]=\"100\"\n          [height]=\"100\"\n        />\n        <span class=\"no-widget__text\">{{ '@pry.widget.target.loading' | i18n }}...</span>\n      </div>\n    </ng-container>\n    <ng-template #notLoading>\n      <div class=\"no-widget\" [style.grid-area]=\"backgroundArea$ | async\">\n        <img\n          class=\"no-widget__search\"\n          src=\"../../../assets/svgs/pry_recherche.svg\"\n          alt=\"{{\n            (layout === DashboardGridLayout.MANUAL ? '@pry.widget.target.none_manual' : '@pry.widget.target.none_auto')\n              | i18n\n          }} {{ backgroundArea$ | async }}\"\n        />\n        <span class=\"no-widget__text\">{{\n          (layout === DashboardGridLayout.MANUAL ? '@pry.widget.target.none_manual' : '@pry.widget.target.none_auto')\n            | i18n\n        }}</span>\n      </div>\n    </ng-template>\n  </ng-container>\n</div>\n<pry-context-menu></pry-context-menu>\n\n<ng-template #templateModal>\n  <div class=\"o-modal\">\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">\n          {{ '@pry.widget.modalTitle' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"cancelRemoveConfirm()\">\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <div class=\"m-btn-group\">\n      <button type=\"button\" (click)=\"cancelRemoveConfirm()\" class=\"a-btn a-btn--secondary\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button type=\"submit\" (click)=\"confirmRemove()\" class=\"a-btn a-btn--primary\">\n        {{ '@pry.toolbox.manifest.validate' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n" }]
+            args: [{ selector: 'pry-dashboard', template: "<div\n  class=\"o-dashboard-grid\"\n  [style.gridTemplateColumns]=\"gridTemplateColumns$ | async\"\n  [style.gridTemplateRows]=\"gridTemplateRows$ | async\"\n  [style.gridGap]=\"dashboardParams.gridGap + 'px'\"\n  #grid\n  (mousemove)=\"movingMouse($event)\"\n  (drop)=\"dropping($event)\"\n  (dragover)=\"dragMove($event)\"\n  (dragleave)=\"dragLeave($event)\"\n  (dragenter)=\"dragEnter($event)\"\n>\n  <ng-container\n    *ngFor=\"\n      let widgetManifest of (windowManifest$ | async)?.widgets || [];\n      let widgetIndex = index;\n      trackBy: trackWidgets\n    \"\n  >\n    <div\n      class=\"o-dashboard-widget\"\n      [class.-edited]=\"modeEdition\"\n      [style.gridColumn]=\"gridColumn(widgetManifest.layout)\"\n      [style.gridRow]=\"gridRow(widgetManifest.layout)\"\n      (drop)=\"droppingInWidget($event, widgetIndex)\"\n    >\n      <ng-container *ngIf=\"modeEdition\">\n        <div class=\"resize nw-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-nw')\">\n          <pry-icon iconSvg=\"north_west\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"resize sw-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-sw')\">\n          <pry-icon iconSvg=\"south_west\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"resize ne-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-ne')\">\n          <pry-icon iconSvg=\"north_east\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"resize se-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-se')\">\n          <pry-icon iconSvg=\"south_east\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"resize delete\" (mousedown)=\"toggleRemoveConfirm($event, widgetIndex)\">\n          <pry-icon iconSvg=\"close\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"move\" draggable=\"true\" (dragstart)=\"dragStart($event, widgetIndex)\">\n          <div class=\"move-inside move-{{ widgetManifest.type }}\">\n            <span>{{ widgetManifest.title ?? ('@pry.toolbox.' + widgetManifest.type | i18n) }}</span>\n          </div>\n        </div>\n      </ng-container>\n      <ng-container *ngIf=\"!modeEdition\">\n        <pry-widget-instanciator\n          [staticManifest]=\"widgetManifest\"\n          [widgetIndex]=\"widgetIndex\"\n        ></pry-widget-instanciator>\n      </ng-container>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"(nonFillerWidgets$ | async) === 0\">\n    <ng-container *ngIf=\"loading$ | async; else notLoading\">\n      <div class=\"no-widget\" [style.grid-area]=\"backgroundArea$ | async\">\n        <pry-icon\n          iconSvg=\"loader\"\n          class=\"no-widget__loading\"\n          [alt]=\"'@pry.widget.target.loading' | i18n\"\n          [width]=\"100\"\n          [height]=\"100\"\n        />\n        <span class=\"no-widget__text\">{{ '@pry.widget.target.loading' | i18n }}...</span>\n      </div>\n    </ng-container>\n    <ng-template #notLoading>\n      <div class=\"no-widget\" [style.grid-area]=\"backgroundArea$ | async\">\n        <img\n          class=\"no-widget__search\"\n          src=\"../../../assets/svgs/pry_recherche.svg\"\n          alt=\"{{\n            (layout === DashboardGridLayout.MANUAL ? '@pry.widget.target.none_manual' : '@pry.widget.target.none_auto')\n              | i18n\n          }} {{ backgroundArea$ | async }}\"\n        />\n        <span class=\"no-widget__text\">{{\n          (layout === DashboardGridLayout.MANUAL ? '@pry.widget.target.none_manual' : '@pry.widget.target.none_auto')\n            | i18n\n        }}</span>\n      </div>\n    </ng-template>\n  </ng-container>\n  <div\n    class=\"a-page-loader backdrop\"\n    [style.display]=\"(dataFetching$ | async)?.length ?? 1 > 0 ? 'flex' : 'none'\"\n    [style.width.px]=\"params.gridWidth\"\n    [style.height.px]=\"params.gridHeight\"\n  >\n    <pry-icon\n      iconSvg=\"loader\"\n      class=\"no-widget__loading\"\n      [alt]=\"'@pry.widget.target.loading' | i18n\"\n      [width]=\"200\"\n      [height]=\"200\"\n    />\n    <p>{{ '@pry.widget.target.loading' | i18n }}...</p>\n  </div>\n</div>\n<pry-context-menu></pry-context-menu>\n\n<ng-template #templateModal>\n  <div class=\"o-modal\">\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">\n          {{ '@pry.widget.modalTitle' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"cancelRemoveConfirm()\">\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <div class=\"m-btn-group\">\n      <button type=\"button\" (click)=\"cancelRemoveConfirm()\" class=\"a-btn a-btn--secondary\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button type=\"submit\" (click)=\"confirmRemove()\" class=\"a-btn a-btn--primary\">\n        {{ '@pry.toolbox.manifest.validate' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }, { type: i2$1.Overlay }, { type: i0.ViewContainerRef }]; }, propDecorators: { templateModal: [{
                 type: ViewChild,
                 args: ['templateModal', { read: TemplateRef }]