@provoly/dashboard 1.3.2 → 1.3.3

package/fesm2022/provoly-dashboard.mjs

@@ -50,6 +50,9 @@ class PryDefaultAccessService extends PryBaseAccess {
     canModifyDataset(dataset) {
         return of(dataset.owner ?? false);
     }
+    canModifyWidget(widget) {
+        return of(widget.owner ?? false);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryDefaultAccessService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryDefaultAccessService }); }
 }
@@ -10751,9 +10754,10 @@ class DatasourceSelectorComponent extends SubscriptionnerDirective {
         this.manifest$.next(manifest);
         this.selectedIds$.next(DatasourceUtils.getDatasourceArray(manifest?.datasource));
     }
-    constructor(store) {
+    constructor(store, cdr) {
         super();
         this.store = store;
+        this.cdr = cdr;
         this.manifest$ = new BehaviorSubject(null);
         this.selectedIds$ = new BehaviorSubject([]);
         this.showButtons = true;
@@ -10763,11 +10767,14 @@ class DatasourceSelectorComponent extends SubscriptionnerDirective {
         this.cancel = new EventEmitter();
         this.validated = new EventEmitter();
         this.itemsChanged = new EventEmitter();
-        this.datasources$ = combineLatest([
+        this.selectedDatasources$ = combineLatest([
             this.store.select(DataSourceSelectors.getDataSourcesSorted),
             this.selectedIds$
-        ]).pipe(map(([datasources, selectedIds]) => DatasourceUtils.getAllDatasourcesWithUnknowns(datasources, selectedIds)));
-        this.selectedDatasources$ = combineLatest([this.datasources$, this.selectedIds$]).pipe(map(([datasources, selected]) => datasources.filter((ds) => selected.includes(ds.id))));
+        ]).pipe(map(([datasources, selectedIds]) => DatasourceUtils.getAllDatasourcesWithUnknowns(datasources, selectedIds).filter((ds) => selectedIds.includes(ds.id))));
+        this.subscriptions.add(this.selectedIds$.subscribe((selectedIds) => {
+            this.itemsChanged.emit(selectedIds);
+            this.cdr.detectChanges();
+        }));
     }
     isGeo(item) {
         return DatasourceUtils.isGeo(item);
@@ -10776,18 +10783,19 @@ class DatasourceSelectorComponent extends SubscriptionnerDirective {
         this.selectedIds$.next(this.selectedIds$.value.includes(id)
             ? this.selectedIds$.value.filter((i) => i !== id)
             : [...this.selectedIds$.value, id]);
+        this.cdr.detectChanges();
     }
     updateDatasourceList(ids) {
         this.selectedIds$.next(ids);
-        this.itemsChanged.emit(ids);
+        this.cdr.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DatasourceSelectorComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DatasourceSelectorComponent, deps: [{ token: i1.Store }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: DatasourceSelectorComponent, selector: "pry-datasource-selector", inputs: { showButtons: "showButtons", showTitle: "showTitle", manifest: "manifest" }, outputs: { previousTab: "previousTab", nextTab: "nextTab", cancel: "cancel", validated: "validated", itemsChanged: "itemsChanged" }, usesInheritance: true, ngImport: i0, template: "<div class=\"o-datasource-selector u-display-flex -column\">\n  @if (showTitle) {\n    <h2 class=\"u-self-center\">{{ '@pry.components.datasourceSelector.select' | i18n }}</h2>\n  }\n  <div>\n    <h3>\n      {{ '@pry.components.datasourceSelector.selection' | i18n }} ({{ ((selectedDatasources$ | async) ?? []).length }})\n    </h3>\n    <div class=\"o-datasource-selector__chips u-display-flex -wrap -gap-10\">\n      @if ((selectedDatasources$ | async)?.length === 0) {\n        <span class=\"a-label -italic\">{{ '@pry.components.datasourceSelector.noItemSelected' | i18n }}</span>\n      } @else {\n        @for (datasource of selectedDatasources$ | async; track datasource.id) {\n          <button\n            class=\"a-chip a-chip--ghost -lg a-tooltip\"\n            [attr.data-tooltip]=\"'@pry.components.datasourceSelector.unselectItem' | i18n\"\n            type=\"button\"\n            (click)=\"toggleSelection(datasource.id)\"\n          >\n            <pry-icon iconSvg=\"close\" [width]=\"15\" [height]=\"15\"></pry-icon>\n            {{ datasource.name }}\n            <pry-icon *ngIf=\"isGeo(datasource)\" iconSvg=\"globe\" [width]=\"18\" [height]=\"18\"></pry-icon>\n          </button>\n        }\n      }\n    </div>\n  </div>\n  <pry-datasource-list\n    mode=\"selector\"\n    [selectedDatasources]=\"(selectedIds$ | async) ?? []\"\n    (datasourceSelected)=\"updateDatasourceList($event)\"\n  ></pry-datasource-list>\n  @if (showButtons) {\n    <div class=\"m-btn-group o-datasource-selector__footer\">\n      <button type=\"button\" (click)=\"cancel.emit()\" class=\"a-btn a-btn--secondary\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button\n        type=\"button\"\n        (click)=\"validated.emit()\"\n        #validate\n        (keydown.tab)=\"nextTab.emit()\"\n        class=\"a-btn a-btn--primary\"\n      >\n        {{ '@pry.toolbox.manifest.validated' | i18n }}\n      </button>\n    </div>\n  }\n</div>\n", dependencies: [{ 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: PryDatasourceListComponent, selector: "pry-datasource-list", inputs: ["mode", "selectedDatasources"], outputs: ["consultedDataset", "datasourceSelected"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DatasourceSelectorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-datasource-selector', template: "<div class=\"o-datasource-selector u-display-flex -column\">\n  @if (showTitle) {\n    <h2 class=\"u-self-center\">{{ '@pry.components.datasourceSelector.select' | i18n }}</h2>\n  }\n  <div>\n    <h3>\n      {{ '@pry.components.datasourceSelector.selection' | i18n }} ({{ ((selectedDatasources$ | async) ?? []).length }})\n    </h3>\n    <div class=\"o-datasource-selector__chips u-display-flex -wrap -gap-10\">\n      @if ((selectedDatasources$ | async)?.length === 0) {\n        <span class=\"a-label -italic\">{{ '@pry.components.datasourceSelector.noItemSelected' | i18n }}</span>\n      } @else {\n        @for (datasource of selectedDatasources$ | async; track datasource.id) {\n          <button\n            class=\"a-chip a-chip--ghost -lg a-tooltip\"\n            [attr.data-tooltip]=\"'@pry.components.datasourceSelector.unselectItem' | i18n\"\n            type=\"button\"\n            (click)=\"toggleSelection(datasource.id)\"\n          >\n            <pry-icon iconSvg=\"close\" [width]=\"15\" [height]=\"15\"></pry-icon>\n            {{ datasource.name }}\n            <pry-icon *ngIf=\"isGeo(datasource)\" iconSvg=\"globe\" [width]=\"18\" [height]=\"18\"></pry-icon>\n          </button>\n        }\n      }\n    </div>\n  </div>\n  <pry-datasource-list\n    mode=\"selector\"\n    [selectedDatasources]=\"(selectedIds$ | async) ?? []\"\n    (datasourceSelected)=\"updateDatasourceList($event)\"\n  ></pry-datasource-list>\n  @if (showButtons) {\n    <div class=\"m-btn-group o-datasource-selector__footer\">\n      <button type=\"button\" (click)=\"cancel.emit()\" class=\"a-btn a-btn--secondary\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button\n        type=\"button\"\n        (click)=\"validated.emit()\"\n        #validate\n        (keydown.tab)=\"nextTab.emit()\"\n        class=\"a-btn a-btn--primary\"\n      >\n        {{ '@pry.toolbox.manifest.validated' | i18n }}\n      </button>\n    </div>\n  }\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i1.Store }], propDecorators: { showButtons: [{
+        }], ctorParameters: () => [{ type: i1.Store }, { type: i0.ChangeDetectorRef }], propDecorators: { showButtons: [{
                 type: Input
             }], showTitle: [{
                 type: Input