@provoly/dashboard 0.12.0 → 0.12.2

package/esm2022/toolbox/components/automate-refresh/automate-refresh.component.mjs

@@ -0,0 +1,103 @@
+import { OverlayConfig } from '@angular/cdk/overlay';
+import { TemplatePortal } from '@angular/cdk/portal';
+import { Component, TemplateRef, ViewChild } from '@angular/core';
+import { ConfigActions, DashboardActions, DashboardSelectors } from '@provoly/dashboard';
+import { combineLatest, map, take } from 'rxjs';
+import { ToolboxActionComponent } from '../toolbox-action/toolbox-action.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@ngrx/store";
+import * as i2 from "@angular/cdk/overlay";
+import * as i3 from "@angular/common";
+import * as i4 from "@provoly/dashboard";
+import * as i5 from "../../style/css.component";
+export class AutomateRefreshComponent extends ToolboxActionComponent {
+    constructor(store, overlay, viewContainerRef) {
+        super(store);
+        this.overlay = overlay;
+        this.viewContainerRef = viewContainerRef;
+        this.refreshRates = [0, 10, 30, 60];
+        this.selectedDatasourceId = '';
+        this.datasources$ = this.store.select(DashboardSelectors.manifestDatasources);
+    }
+    ngOnInit() {
+        this.refreshRates$ = this.store.select(DashboardSelectors.refreshRates);
+        this.allRefreshRate$ = combineLatest([this.datasources$, this.refreshRates$]).pipe(map(([datasources, refreshRates]) => datasources.map((ds) => refreshRates[ds] ?? 0).reduce((p, c) => (p === c ? c : -1))));
+    }
+    toggleDatasourceList() {
+        if (!this.overlayRefDatasourceList) {
+            this.overlayRefDatasourceList = this.overlay.create(new OverlayConfig({
+                hasBackdrop: false,
+                panelClass: ['datasource-bg', 'refresh-rs']
+            }));
+            this.store.dispatch(ConfigActions.addingOverlay({ id: this.constructor.name }));
+            this.overlayRefDatasourceList.attach(new TemplatePortal(this.datasourceList, this.viewContainerRef));
+            this.subscriptions.add(this.overlayRefDatasourceList.backdropClick().subscribe((_) => this.hide(this.overlayRefDatasourceList)));
+            const refreshElement = document.querySelector('.datasource-bg');
+            const refresh = document.querySelector('.automate-btn');
+            if (!!refreshElement) {
+                const rect = refresh.getBoundingClientRect();
+                refreshElement.style.left = rect.left + rect.width + 10 + 'px';
+                refreshElement.style.top = rect.top + 'px';
+            }
+        }
+    }
+    hide(overlayRef) {
+        if (overlayRef) {
+            overlayRef.dispose();
+            this.store.dispatch(ConfigActions.closeOverlay({ id: this.constructor.name }));
+        }
+    }
+    toggleRefreshRateList(datasourceId, templateIndex) {
+        if (this.overlayRefRefreshList) {
+            this.hide(this.overlayRefRefreshList);
+        }
+        this.selectDatasource(datasourceId);
+        this.overlayRefRefreshList = this.overlay.create(new OverlayConfig({
+            hasBackdrop: false,
+            panelClass: ['refresh-bg', 'refresh-rs']
+        }));
+        this.store.dispatch(ConfigActions.addingOverlay({ id: this.constructor.name }));
+        this.overlayRefRefreshList.attach(new TemplatePortal(this.refreshRateList, this.viewContainerRef));
+        this.subscriptions.add(this.overlayRefRefreshList.backdropClick().subscribe((_) => this.hide(this.overlayRefRefreshList)));
+        const refreshElement = document.querySelector('.refresh-bg');
+        const refresh = document.querySelector(`.ds-${templateIndex}`);
+        if (!!refreshElement) {
+            const rect = refresh.getBoundingClientRect();
+            refreshElement.style.left = rect.left + rect.width + 5 + 'px';
+            refreshElement.style.top = rect.top + 'px';
+        }
+    }
+    selectDatasource(id) {
+        this.selectedDatasourceId = id;
+    }
+    toggleRefreshRate(rate) {
+        if (this.selectedDatasourceId !== 'all') {
+            this.store.dispatch(DashboardActions.setRefreshRate({ rate, id: this.selectedDatasourceId }));
+        }
+        else {
+            this.datasources$.pipe(take(1)).subscribe((datasourceIds) => {
+                datasourceIds.forEach((id) => {
+                    this.store.dispatch(DashboardActions.setRefreshRate({ rate, id }));
+                });
+            });
+        }
+        setTimeout(() => {
+            this.hide(this.overlayRefRefreshList);
+            this.hide(this.overlayRefDatasourceList);
+            this.close();
+        }, 100);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AutomateRefreshComponent, deps: [{ token: i1.Store }, { token: i2.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: AutomateRefreshComponent, selector: "pry-automate-refresh", viewQueries: [{ propertyName: "datasourceList", first: true, predicate: ["datasourceList"], descendants: true, read: TemplateRef }, { propertyName: "refreshRateList", first: true, predicate: ["refreshRateList"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<pry-toolbox-css></pry-toolbox-css>\n<div [pryTooltip]=\"infoTooltip\" pryTooltipPosition=\"bottom\" aria-describedby=\"infoTooltip_automateRefresh\">\n  <button\n    type=\"button\"\n    class=\"a-btn a-btn--secondary -size-md automate-btn\"\n    cdkOverlayOrigin\n    #trigger=\"cdkOverlayOrigin\"\n    (click)=\"toggleDatasourceList()\"\n    [disabled]=\"((datasources$ | async)?.length ?? 0) < 1\"\n  >\n    <ng-container *ngIf=\"displayLabels\">\n      {{ '@pry.toolbox.automateRefresh' | i18n }}\n    </ng-container>\n  </button>\n</div>\n<ng-template #infoTooltip>\n  <div class=\"m-tooltip\" role=\"tooltip\" id=\"infoTooltip_automateRefresh\">\n    <span class=\"m-tooltip__text\">{{ '@pry.toolbox.automateRefresh' | i18n }}</span>\n  </div>\n</ng-template>\n\n<ng-template #datasourceList>\n  <div *ngIf=\"datasources$ | async as dataSources\">\n    <button\n      *ngIf=\"dataSources.length > 0\"\n      class=\"refresh-line a-btn a-btn--icon-text -size-sm ds-0\"\n      (click)=\"toggleRefreshRateList('all', 0)\"\n      [class.-selected]=\"selectedDatasourceId === 'all'\"\n    >\n      Tous\n    </button>\n    <button\n      *ngFor=\"let datasourceId of dataSources; let i = index\"\n      class=\"refresh-line a-btn a-btn--icon-text -size-sm ds-{{ i + 1 }}\"\n      (click)=\"toggleRefreshRateList(datasourceId, i + 1)\"\n      [class.-selected]=\"selectedDatasourceId === datasourceId\"\n    >\n      {{ datasourceId | translateId : { type: 'datasource', output: 'name' } | async }}\n    </button>\n  </div>\n</ng-template>\n\n<ng-template #refreshRateList>\n  <div>\n    <button\n      *ngFor=\"let rate of refreshRates\"\n      class=\"refresh-line a-btn a-btn--icon-text -size-sm\"\n      (click)=\"toggleRefreshRate(rate)\"\n    >\n      <pry-icon\n        [width]=\"20\"\n        [height]=\"20\"\n        iconSvg=\"check\"\n        *ngIf=\"\n          (selectedDatasourceId === 'all'\n            ? (allRefreshRate$ | async)\n            : ((refreshRates$ | async) ?? {})[selectedDatasourceId] ?? 0) === rate\n        \"\n      ></pry-icon>\n      {{ '@pry.search.namedQuery.refresh.' + rate | i18n }}\n    </button>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "directive", type: i4.PryTooltipDirective, selector: "[pryTooltip]", inputs: ["pryTooltip", "styleReversed", "pryTooltipContext", "pryTooltipPosition", "pryTooltipShowDelay"] }, { kind: "component", type: i4.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i5.PrySelectGridLayoutCssComponent, selector: "pry-toolbox-css" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AutomateRefreshComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pry-automate-refresh', template: "<pry-toolbox-css></pry-toolbox-css>\n<div [pryTooltip]=\"infoTooltip\" pryTooltipPosition=\"bottom\" aria-describedby=\"infoTooltip_automateRefresh\">\n  <button\n    type=\"button\"\n    class=\"a-btn a-btn--secondary -size-md automate-btn\"\n    cdkOverlayOrigin\n    #trigger=\"cdkOverlayOrigin\"\n    (click)=\"toggleDatasourceList()\"\n    [disabled]=\"((datasources$ | async)?.length ?? 0) < 1\"\n  >\n    <ng-container *ngIf=\"displayLabels\">\n      {{ '@pry.toolbox.automateRefresh' | i18n }}\n    </ng-container>\n  </button>\n</div>\n<ng-template #infoTooltip>\n  <div class=\"m-tooltip\" role=\"tooltip\" id=\"infoTooltip_automateRefresh\">\n    <span class=\"m-tooltip__text\">{{ '@pry.toolbox.automateRefresh' | i18n }}</span>\n  </div>\n</ng-template>\n\n<ng-template #datasourceList>\n  <div *ngIf=\"datasources$ | async as dataSources\">\n    <button\n      *ngIf=\"dataSources.length > 0\"\n      class=\"refresh-line a-btn a-btn--icon-text -size-sm ds-0\"\n      (click)=\"toggleRefreshRateList('all', 0)\"\n      [class.-selected]=\"selectedDatasourceId === 'all'\"\n    >\n      Tous\n    </button>\n    <button\n      *ngFor=\"let datasourceId of dataSources; let i = index\"\n      class=\"refresh-line a-btn a-btn--icon-text -size-sm ds-{{ i + 1 }}\"\n      (click)=\"toggleRefreshRateList(datasourceId, i + 1)\"\n      [class.-selected]=\"selectedDatasourceId === datasourceId\"\n    >\n      {{ datasourceId | translateId : { type: 'datasource', output: 'name' } | async }}\n    </button>\n  </div>\n</ng-template>\n\n<ng-template #refreshRateList>\n  <div>\n    <button\n      *ngFor=\"let rate of refreshRates\"\n      class=\"refresh-line a-btn a-btn--icon-text -size-sm\"\n      (click)=\"toggleRefreshRate(rate)\"\n    >\n      <pry-icon\n        [width]=\"20\"\n        [height]=\"20\"\n        iconSvg=\"check\"\n        *ngIf=\"\n          (selectedDatasourceId === 'all'\n            ? (allRefreshRate$ | async)\n            : ((refreshRates$ | async) ?? {})[selectedDatasourceId] ?? 0) === rate\n        \"\n      ></pry-icon>\n      {{ '@pry.search.namedQuery.refresh.' + rate | i18n }}\n    </button>\n  </div>\n</ng-template>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.Store }, { type: i2.Overlay }, { type: i0.ViewContainerRef }]; }, propDecorators: { datasourceList: [{
+                type: ViewChild,
+                args: ['datasourceList', { read: TemplateRef }]
+            }], refreshRateList: [{
+                type: ViewChild,
+                args: ['refreshRateList', { read: TemplateRef }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b21hdGUtcmVmcmVzaC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wcm92b2x5L2Rhc2hib2FyZC90b29sYm94L2NvbXBvbmVudHMvYXV0b21hdGUtcmVmcmVzaC9hdXRvbWF0ZS1yZWZyZXNoLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Byb3ZvbHkvZGFzaGJvYXJkL3Rvb2xib3gvY29tcG9uZW50cy9hdXRvbWF0ZS1yZWZyZXNoL2F1dG9tYXRlLXJlZnJlc2guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFXLGFBQWEsRUFBYyxNQUFNLHNCQUFzQixDQUFDO0FBQzFFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsU0FBUyxFQUFVLFdBQVcsRUFBRSxTQUFTLEVBQW9CLE1BQU0sZUFBZSxDQUFDO0FBRTVGLE9BQU8sRUFBRSxhQUFhLEVBQUUsZ0JBQWdCLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUN6RixPQUFPLEVBQUUsYUFBYSxFQUFFLEdBQUcsRUFBYyxJQUFJLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDNUQsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNENBQTRDLENBQUM7Ozs7Ozs7QUFNcEYsTUFBTSxPQUFPLHdCQUF5QixTQUFRLHNCQUFzQjtJQWFsRSxZQUFZLEtBQVksRUFBVSxPQUFnQixFQUFVLGdCQUFrQztRQUM1RixLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFEbUIsWUFBTyxHQUFQLE9BQU8sQ0FBUztRQUFVLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7UUFUOUYsaUJBQVksR0FBRyxDQUFDLENBQUMsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBRy9CLHlC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R0FBRyxDQUFDLENBQUM7SUFDVixDQUFDOzhHQXZHVSx3QkFBd0I7a0dBQXhCLHdCQUF3Qix5SkFDRSxXQUFXLDZHQUNWLFdBQVcsb0RDZG5ELHduRUErREE7OzJGRG5EYSx3QkFBd0I7a0JBSnBDLFNBQVM7K0JBQ0Usc0JBQXNCO2lKQUlvQixjQUFjO3NCQUFqRSxTQUFTO3VCQUFDLGdCQUFnQixFQUFFLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRTtnQkFDRyxlQUFlO3NCQUFuRSxTQUFTO3VCQUFDLGlCQUFpQixFQUFFLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE92ZXJsYXksIE92ZXJsYXlDb25maWcsIE92ZXJsYXlSZWYgfSBmcm9tICdAYW5ndWxhci9jZGsvb3ZlcmxheSc7XG5pbXBvcnQgeyBUZW1wbGF0ZVBvcnRhbCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9wb3J0YWwnO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIFRlbXBsYXRlUmVmLCBWaWV3Q2hpbGQsIFZpZXdDb250YWluZXJSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN0b3JlIH0gZnJvbSAnQG5ncngvc3RvcmUnO1xuaW1wb3J0IHsgQ29uZmlnQWN0aW9ucywgRGFzaGJvYXJkQWN0aW9ucywgRGFzaGJvYXJkU2VsZWN0b3JzIH0gZnJvbSAnQHByb3ZvbHkvZGFzaGJvYXJkJztcbmltcG9ydCB7IGNvbWJpbmVMYXRlc3QsIG1hcCwgT2JzZXJ2YWJsZSwgdGFrZSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgVG9vbGJveEFjdGlvbkNvbXBvbmVudCB9IGZyb20gJy4uL3Rvb2xib3gtYWN0aW9uL3Rvb2xib3gtYWN0aW9uLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ByeS1hdXRvbWF0ZS1yZWZyZXNoJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2F1dG9tYXRlLXJlZnJlc2guY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIEF1dG9tYXRlUmVmcmVzaENvbXBvbmVudCBleHRlbmRzIFRvb2xib3hBY3Rpb25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBAVmlld0NoaWxkKCdkYXRhc291cmNlTGlzdCcsIHsgcmVhZDogVGVtcGxhdGVSZWYgfSkgZGF0YXNvdXJjZUxpc3QhOiBUZW1wbGF0ZVJlZjxhbnk+O1xuICBAVmlld0NoaWxkKCdyZWZyZXNoUmF0ZUxpc3QnLCB7IHJlYWQ6IFRlbXBsYXRlUmVmIH0pIHJlZnJlc2hSYXRlTGlzdCE6IFRlbXBsYXRlUmVmPGFueT47XG5cbiAgcmVmcmVzaFJhdGVzID0gWzAsIDEwLCAzMCwgNjBdO1xuICBkYXRhc291cmNlcyQ6IE9ic2VydmFibGU8c3RyaW5nW10+O1xuICByZWZyZXNoUmF0ZXMkITogT2JzZXJ2YWJsZTx7IFtwOiBzdHJpbmddOiBudW1iZXIgfT47XG4gIHNlbGVjdGVkRGF0YXNvdXJjZUlkOiBzdHJpbmcgPSAnJztcbiAgYWxsUmVmcmVzaFJhdGUkITogT2JzZXJ2YWJsZTxudW1iZXI+O1xuXG4gIHByaXZhdGUgb3ZlcmxheVJlZkRhdGFzb3VyY2VMaXN0PzogT3ZlcmxheVJlZjtcbiAgcHJpdmF0ZSBvdmVybGF5UmVmUmVmcmVzaExpc3Q/OiBPdmVybGF5UmVmO1xuXG4gIGNvbnN0cnVjdG9yKHN0b3JlOiBTdG9yZSwgcHJpdmF0ZSBvdmVybGF5OiBPdmVybGF5LCBwcml2YXRlIHZpZXdDb250YWluZXJSZWY6IFZpZXdDb250YWluZXJSZWYpIHtcbiAgICBzdXBlcihzdG9yZSk7XG5cbiAgICB0aGlzLmRhdGFzb3VyY2VzJCA9IHRoaXMuc3RvcmUuc2VsZWN0KERhc2hib2FyZFNlbGVjdG9ycy5tYW5pZmVzdERhdGFzb3VyY2VzKTtcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMucmVmcmVzaFJhdGVzJCA9IHRoaXMuc3RvcmUuc2VsZWN0KERhc2hib2FyZFNlbGVjdG9ycy5yZWZyZXNoUmF0ZXMpO1xuXG4gICAgdGhpcy5hbGxSZWZyZXNoUmF0ZSQgPSBjb21iaW5lTGF0ZXN0KFt0aGlzLmRhdGFzb3VyY2VzJCwgdGhpcy5yZWZyZXNoUmF0ZXMkXSkucGlwZShcbiAgICAgIG1hcCgoW2RhdGFzb3VyY2VzLCByZWZyZXNoUmF0ZXNdKSA9PlxuICAgICAgICBkYXRhc291cmNlcy5tYXAoKGRzKSA9PiByZWZyZXNoUmF0ZXNbZHNdID8/IDApLnJlZHVjZSgocCwgYykgPT4gKHAgPT09IGMgPyBjIDogLTEpKVxuICAgICAgKVxuICAgICk7XG4gIH1cblxuICB0b2dnbGVEYXRhc291cmNlTGlzdCgpIHtcbiAgICBpZiAoIXRoaXMub3ZlcmxheVJlZkRhdGFzb3VyY2VMaXN0KSB7XG4gICAgICB0aGlzLm92ZXJsYXlSZWZEYXRhc291cmNlTGlzdCA9IHRoaXMub3ZlcmxheS5jcmVhdGUoXG4gICAgICAgIG5ldyBPdmVybGF5Q29uZmlnKHtcbiAgICAgICAgICBoYXNCYWNrZHJvcDogZmFsc2UsXG4gICAgICAgICAgcGFuZWxDbGFzczogWydkYXRhc291cmNlLWJnJywgJ3JlZnJlc2gtcnMnXVxuICAgICAgICB9KVxuICAgICAgKTtcbiAgICAgIHRoaXMuc3RvcmUuZGlzcGF0Y2goQ29uZmlnQWN0aW9ucy5hZGRpbmdPdmVybGF5KHsgaWQ6IHRoaXMuY29uc3RydWN0b3IubmFtZSB9KSk7XG4gICAgICB0aGlzLm92ZXJsYXlSZWZEYXRhc291cmNlTGlzdC5hdHRhY2gobmV3IFRlbXBsYXRlUG9ydGFsKHRoaXMuZGF0YXNvdXJjZUxpc3QsIHRoaXMudmlld0NvbnRhaW5lclJlZikpO1xuICAgICAgdGhpcy5zdWJzY3JpcHRpb25zLmFkZChcbiAgICAgICAgdGhpcy5vdmVybGF5UmVmRGF0YXNvdXJjZUxpc3QuYmFja2Ryb3BDbGljaygpLnN1YnNjcmliZSgoXykgPT4gdGhpcy5oaWRlKHRoaXMub3ZlcmxheVJlZkRhdGFzb3VyY2VMaXN0KSlcbiAgICAgICk7XG4gICAgICBjb25zdCByZWZyZXNoRWxlbWVudCA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoJy5kYXRhc291cmNlLWJnJykgYXMgSFRNTERpdkVsZW1lbnQ7XG4gICAgICBjb25zdCByZWZyZXNoID0gZG9jdW1lbnQucXVlcnlTZWxlY3RvcignLmF1dG9tYXRlLWJ0bicpIGFzIEhUTUxEaXZFbGVtZW50O1xuICAgICAgaWYgKCEhcmVmcmVzaEVsZW1lbnQpIHtcbiAgICAgICAgY29uc3QgcmVjdCA9IHJlZnJlc2guZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG4gICAgICAgIHJlZnJlc2hFbGVtZW50LnN0eWxlLmxlZnQgPSByZWN0LmxlZnQgKyByZWN0LndpZHRoICsgMTAgKyAncHgnO1xuICAgICAgICByZWZyZXNoRWxlbWVudC5zdHlsZS50b3AgPSByZWN0LnRvcCArICdweCc7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgaGlkZShvdmVybGF5UmVmOiBPdmVybGF5UmVmIHwgdW5kZWZpbmVkKSB7XG4gICAgaWYgKG92ZXJsYXlSZWYpIHtcbiAgICAgIG92ZXJsYXlSZWYuZGlzcG9zZSgpO1xuICAgICAgdGhpcy5zdG9yZS5kaXNwYXRjaChDb25maWdBY3Rpb25zLmNsb3NlT3ZlcmxheSh7IGlkOiB0aGlzLmNvbnN0cnVjdG9yLm5hbWUgfSkpO1xuICAgIH1cbiAgfVxuXG4gIHRvZ2dsZVJlZnJlc2hSYXRlTGlzdChkYXRhc291cmNlSWQ6IHN0cmluZywgdGVtcGxhdGVJbmRleDogbnVtYmVyKSB7XG4gICAgaWYgKHRoaXMub3ZlcmxheVJlZlJlZnJlc2hMaXN0KSB7XG4gICAgICB0aGlzLmhpZGUodGhpcy5vdmVybGF5UmVmUmVmcmVzaExpc3QpO1xuICAgIH1cbiAgICB0aGlzLnNlbGVjdERhdGFzb3VyY2UoZGF0YXNvdXJjZUlkKTtcbiAgICB0aGlzLm92ZXJsYXlSZWZSZWZyZXNoTGlzdCA9IHRoaXMub3ZlcmxheS5jcmVhdGUoXG4gICAgICBuZXcgT3ZlcmxheUNvbmZpZyh7XG4gICAgICAgIGhhc0JhY2tkcm9wOiBmYWxzZSxcbiAgICAgICAgcGFuZWxDbGFzczogWydyZWZyZXNoLWJnJywgJ3JlZnJlc2gtcnMnXVxuICAgICAgfSlcbiAgICApO1xuICAgIHRoaXMuc3RvcmUuZGlzcGF0Y2goQ29uZmlnQWN0aW9ucy5hZGRpbmdPdmVybGF5KHsgaWQ6IHRoaXMuY29uc3RydWN0b3IubmFtZSB9KSk7XG4gICAgdGhpcy5vdmVybGF5UmVmUmVmcmVzaExpc3QuYXR0YWNoKG5ldyBUZW1wbGF0ZVBvcnRhbCh0aGlzLnJlZnJlc2hSYXRlTGlzdCwgdGhpcy52aWV3Q29udGFpbmVyUmVmKSk7XG4gICAgdGhpcy5zdWJzY3JpcHRpb25zLmFkZChcbiAgICAgIHRoaXMub3ZlcmxheVJlZlJlZnJlc2hMaXN0LmJhY2tkcm9wQ2xpY2soKS5zdWJzY3JpYmUoKF8pID0+IHRoaXMuaGlkZSh0aGlzLm92ZXJsYXlSZWZSZWZyZXNoTGlzdCkpXG4gICAgKTtcbiAgICBjb25zdCByZWZyZXNoRWxlbWVudCA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoJy5yZWZyZXNoLWJnJykgYXMgSFRNTERpdkVsZW1lbnQ7XG4gICAgY29uc3QgcmVmcmVzaCA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoYC5kcy0ke3RlbXBsYXRlSW5kZXh9YCkgYXMgSFRNTERpdkVsZW1lbnQ7XG4gICAgaWYgKCEhcmVmcmVzaEVsZW1lbnQpIHtcbiAgICAgIGNvbnN0IHJlY3QgPSByZWZyZXNoLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICAgICAgcmVmcmVzaEVsZW1lbnQuc3R5bGUubGVmdCA9IHJlY3QubGVmdCArIHJlY3Qud2lkdGggKyA1ICsgJ3B4JztcbiAgICAgIHJlZnJlc2hFbGVtZW50LnN0eWxlLnRvcCA9IHJlY3QudG9wICsgJ3B4JztcbiAgICB9XG4gIH1cblxuICBzZWxlY3REYXRhc291cmNlKGlkOiBzdHJpbmcpIHtcbiAgICB0aGlzLnNlbGVjdGVkRGF0YXNvdXJjZUlkID0gaWQ7XG4gIH1cblxuICB0b2dnbGVSZWZyZXNoUmF0ZShyYXRlOiBudW1iZXIpIHtcbiAgICBpZiAodGhpcy5zZWxlY3RlZERhdGFzb3VyY2VJZCAhPT0gJ2FsbCcpIHtcbiAgICAgIHRoaXMuc3RvcmUuZGlzcGF0Y2goRGFzaGJvYXJkQWN0aW9ucy5zZXRSZWZyZXNoUmF0ZSh7IHJhdGUsIGlkOiB0aGlzLnNlbGVjdGVkRGF0YXNvdXJjZUlkIH0pKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5kYXRhc291cmNlcyQucGlwZSh0YWtlKDEpKS5zdWJzY3JpYmUoKGRhdGFzb3VyY2VJZHMpID0+IHtcbiAgICAgICAgZGF0YXNvdXJjZUlkcy5mb3JFYWNoKChpZCkgPT4ge1xuICAgICAgICAgIHRoaXMuc3RvcmUuZGlzcGF0Y2goRGFzaGJvYXJkQWN0aW9ucy5zZXRSZWZyZXNoUmF0ZSh7IHJhdGUsIGlkIH0pKTtcbiAgICAgICAgfSk7XG4gICAgICB9KTtcbiAgICB9XG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICB0aGlzLmhpZGUodGhpcy5vdmVybGF5UmVmUmVmcmVzaExpc3QpO1xuICAgICAgdGhpcy5oaWRlKHRoaXMub3ZlcmxheVJlZkRhdGFzb3VyY2VMaXN0KTtcbiAgICAgIHRoaXMuY2xvc2UoKTtcbiAgICB9LCAxMDApO1xuICB9XG59XG4iLCI8cHJ5LXRvb2xib3gtY3NzPjwvcHJ5LXRvb2xib3gtY3NzPlxuPGRpdiBbcHJ5VG9vbHRpcF09XCJpbmZvVG9vbHRpcFwiIHByeVRvb2x0aXBQb3NpdGlvbj1cImJvdHRvbVwiIGFyaWEtZGVzY3JpYmVkYnk9XCJpbmZvVG9vbHRpcF9hdXRvbWF0ZVJlZnJlc2hcIj5cbiAgPGJ1dHRvblxuICAgIHR5cGU9XCJidXR0b25cIlxuICAgIGNsYXNzPVwiYS1idG4gYS1idG4tLXNlY29uZGFyeSAtc2l6ZS1tZCBhdXRvbWF0ZS1idG5cIlxuICAgIGNka092ZXJsYXlPcmlnaW5cbiAgICAjdHJpZ2dlcj1cImNka092ZXJsYXlPcmlnaW5cIlxuICAgIChjbGljayk9XCJ0b2dnbGVEYXRhc291cmNlTGlzdCgpXCJcbiAgICBbZGlzYWJsZWRdPVwiKChkYXRhc291cmNlcyQgfCBhc3luYyk/Lmxlbmd0aCA/PyAwKSA8IDFcIlxuICA+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImRpc3BsYXlMYWJlbHNcIj5cbiAgICAgIHt7ICdAcHJ5LnRvb2xib3guYXV0b21hdGVSZWZyZXNoJyB8IGkxOG4gfX1cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgPC9idXR0b24+XG48L2Rpdj5cbjxuZy10ZW1wbGF0ZSAjaW5mb1Rvb2x0aXA+XG4gIDxkaXYgY2xhc3M9XCJtLXRvb2x0aXBcIiByb2xlPVwidG9vbHRpcFwiIGlkPVwiaW5mb1Rvb2x0aXBfYXV0b21hdGVSZWZyZXNoXCI+XG4gICAgPHNwYW4gY2xhc3M9XCJtLXRvb2x0aXBfX3RleHRcIj57eyAnQHByeS50b29sYm94LmF1dG9tYXRlUmVmcmVzaCcgfCBpMThuIH19PC9zcGFuPlxuICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSAjZGF0YXNvdXJjZUxpc3Q+XG4gIDxkaXYgKm5nSWY9XCJkYXRhc291cmNlcyQgfCBhc3luYyBhcyBkYXRhU291cmNlc1wiPlxuICAgIDxidXR0b25cbiAgICAgICpuZ0lmPVwiZGF0YVNvdXJjZXMubGVuZ3RoID4gMFwiXG4gICAgICBjbGFzcz1cInJlZnJlc2gtbGluZSBhLWJ0biBhLWJ0bi0taWNvbi10ZXh0IC1zaXplLXNtIGRzLTBcIlxuICAgICAgKGNsaWNrKT1cInRvZ2dsZVJlZnJlc2hSYXRlTGlzdCgnYWxsJywgMClcIlxuICAgICAgW2NsYXNzLi1zZWxlY3RlZF09XCJzZWxlY3RlZERhdGFzb3VyY2VJZCA9PT0gJ2FsbCdcIlxuICAgID5cbiAgICAgIFRvdXNcbiAgICA8L2J1dHRvbj5cbiAgICA8YnV0dG9uXG4gICAgICAqbmdGb3I9XCJsZXQgZGF0YXNvdXJjZUlkIG9mIGRhdGFTb3VyY2VzOyBsZXQgaSA9IGluZGV4XCJcbiAgICAgIGNsYXNzPVwicmVmcmVzaC1saW5lIGEtYnRuIGEtYnRuLS1pY29uLXRleHQgLXNpemUtc20gZHMte3sgaSArIDEgfX1cIlxuICAgICAgKGNsaWNrKT1cInRvZ2dsZVJlZnJlc2hSYXRlTGlzdChkYXRhc291cmNlSWQsIGkgKyAxKVwiXG4gICAgICBbY2xhc3MuLXNlbGVjdGVkXT1cInNlbGVjdGVkRGF0YXNvdXJjZUlkID09PSBkYXRhc291cmNlSWRcIlxuICAgID5cbiAgICAgIHt7IGRhdGFzb3VyY2VJZCB8IHRyYW5zbGF0ZUlkIDogeyB0eXBlOiAnZGF0YXNvdXJjZScsIG91dHB1dDogJ25hbWUnIH0gfCBhc3luYyB9fVxuICAgIDwvYnV0dG9uPlxuICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSAjcmVmcmVzaFJhdGVMaXN0PlxuICA8ZGl2PlxuICAgIDxidXR0b25cbiAgICAgICpuZ0Zvcj1cImxldCByYXRlIG9mIHJlZnJlc2hSYXRlc1wiXG4gICAgICBjbGFzcz1cInJlZnJlc2gtbGluZSBhLWJ0biBhLWJ0bi0taWNvbi10ZXh0IC1zaXplLXNtXCJcbiAgICAgIChjbGljayk9XCJ0b2dnbGVSZWZyZXNoUmF0ZShyYXRlKVwiXG4gICAgPlxuICAgICAgPHByeS1pY29uXG4gICAgICAgIFt3aWR0aF09XCIyMFwiXG4gICAgICAgIFtoZWlnaHRdPVwiMjBcIlxuICAgICAgICBpY29uU3ZnPVwiY2hlY2tcIlxuICAgICAgICAqbmdJZj1cIlxuICAgICAgICAgIChzZWxlY3RlZERhdGFzb3VyY2VJZCA9PT0gJ2FsbCdcbiAgICAgICAgICAgID8gKGFsbFJlZnJlc2hSYXRlJCB8IGFzeW5jKVxuICAgICAgICAgICAgOiAoKHJlZnJlc2hSYXRlcyQgfCBhc3luYykgPz8ge30pW3NlbGVjdGVkRGF0YXNvdXJjZUlkXSA/PyAwKSA9PT0gcmF0ZVxuICAgICAgICBcIlxuICAgICAgPjwvcHJ5LWljb24+XG4gICAgICB7eyAnQHByeS5zZWFyY2gubmFtZWRRdWVyeS5yZWZyZXNoLicgKyByYXRlIHwgaTE4biB9fVxuICAgIDwvYnV0dG9uPlxuICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=

package/esm2022/toolbox/components/clear-view/clear-view.component.mjs

@@ -1,24 +1,23 @@
-import { Component, Input } from '@angular/core';
+import { Component } from '@angular/core';
 import { DashboardActions } from '@provoly/dashboard';
+import { ToolboxActionComponent } from '../toolbox-action/toolbox-action.component';
 import * as i0 from "@angular/core";
 import * as i1 from "@ngrx/store";
 import * as i2 from "@angular/common";
 import * as i3 from "@provoly/dashboard";
-export class ClearViewComponent {
+export class ClearViewComponent extends ToolboxActionComponent {
     constructor(store) {
-        this.store = store;
-        this.label = true;
+        super(store);
     }
     clear() {
         this.store.dispatch(DashboardActions.clearManifest());
+        this.close();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ClearViewComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: ClearViewComponent, selector: "pry-clear-view", inputs: { label: "label" }, ngImport: i0, template: "<div [pryTooltip]=\"infoTooltip\" pryTooltipPosition=\"bottom\" aria-describedby=\"infoTooltip_clearView\">\n  <button type=\"button\" class=\"a-btn a-btn--secondary -size-md\" (click)=\"clear()\">\n    <ng-container *ngIf=\"label\">{{ '@pry.toolbox.clear' | i18n }}</ng-container>\n  </button>\n</div>\n\n<ng-template #infoTooltip>\n  <div class=\"m-tooltip\" role=\"tooltip\" id=\"infoTooltip_clearView\">\n    <span class=\"m-tooltip__text\">{{ '@pry.toolbox.clear' | i18n }}</span>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.PryTooltipDirective, selector: "[pryTooltip]", inputs: ["pryTooltip", "styleReversed", "pryTooltipContext", "pryTooltipPosition", "pryTooltipShowDelay"] }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: ClearViewComponent, selector: "pry-clear-view", usesInheritance: true, ngImport: i0, template: "<div [pryTooltip]=\"infoTooltip\" pryTooltipPosition=\"bottom\" aria-describedby=\"infoTooltip_clearView\">\n  <button type=\"button\" class=\"a-btn a-btn--secondary -size-md\" (click)=\"clear()\">\n    <ng-container *ngIf=\"displayLabels\">{{ '@pry.toolbox.clear' | i18n }}</ng-container>\n  </button>\n</div>\n\n<ng-template #infoTooltip>\n  <div class=\"m-tooltip\" role=\"tooltip\" id=\"infoTooltip_clearView\">\n    <span class=\"m-tooltip__text\">{{ '@pry.toolbox.clear' | i18n }}</span>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.PryTooltipDirective, selector: "[pryTooltip]", inputs: ["pryTooltip", "styleReversed", "pryTooltipContext", "pryTooltipPosition", "pryTooltipShowDelay"] }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ClearViewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-clear-view', template: "<div [pryTooltip]=\"infoTooltip\" pryTooltipPosition=\"bottom\" aria-describedby=\"infoTooltip_clearView\">\n  <button type=\"button\" class=\"a-btn a-btn--secondary -size-md\" (click)=\"clear()\">\n    <ng-container *ngIf=\"label\">{{ '@pry.toolbox.clear' | i18n }}</ng-container>\n  </button>\n</div>\n\n<ng-template #infoTooltip>\n  <div class=\"m-tooltip\" role=\"tooltip\" id=\"infoTooltip_clearView\">\n    <span class=\"m-tooltip__text\">{{ '@pry.toolbox.clear' | i18n }}</span>\n  </div>\n</ng-template>\n" }]
-        }], ctorParameters: function () { return [{ type: i1.Store }]; }, propDecorators: { label: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2xlYXItdmlldy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wcm92b2x5L2Rhc2hib2FyZC90b29sYm94L2NvbXBvbmVudHMvY2xlYXItdmlldy9jbGVhci12aWV3LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Byb3ZvbHkvZGFzaGJvYXJkL3Rvb2xib3gvY29tcG9uZW50cy9jbGVhci12aWV3L2NsZWFyLXZpZXcuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFakQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7Ozs7O0FBTXRELE1BQU0sT0FBTyxrQkFBa0I7SUFHN0IsWUFBb0IsS0FBWTtRQUFaLFVBQUssR0FBTCxLQUFLLENBQU87UUFGdkIsVUFBSyxHQUFHLElBQUksQ0FBQztJQUVhLENBQUM7SUFFcEMsS0FBSztRQUNILElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLGdCQUFnQixDQUFDLGFBQWEsRUFBRSxDQUFDLENBQUM7SUFDeEQsQ0FBQzs4R0FQVSxrQkFBa0I7a0dBQWxCLGtCQUFrQixrRkNSL0IsbWdCQVdBOzsyRkRIYSxrQkFBa0I7a0JBSjlCLFNBQVM7K0JBQ0UsZ0JBQWdCOzRGQUlqQixLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdG9yZSB9IGZyb20gJ0BuZ3J4L3N0b3JlJztcbmltcG9ydCB7IERhc2hib2FyZEFjdGlvbnMgfSBmcm9tICdAcHJvdm9seS9kYXNoYm9hcmQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdwcnktY2xlYXItdmlldycsXG4gIHRlbXBsYXRlVXJsOiAnLi9jbGVhci12aWV3LmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBDbGVhclZpZXdDb21wb25lbnQge1xuICBASW5wdXQoKSBsYWJlbCA9IHRydWU7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBzdG9yZTogU3RvcmUpIHt9XG5cbiAgY2xlYXIoKSB7XG4gICAgdGhpcy5zdG9yZS5kaXNwYXRjaChEYXNoYm9hcmRBY3Rpb25zLmNsZWFyTWFuaWZlc3QoKSk7XG4gIH1cbn1cbiIsIjxkaXYgW3ByeVRvb2x0aXBdPVwiaW5mb1Rvb2x0aXBcIiBwcnlUb29sdGlwUG9zaXRpb249XCJib3R0b21cIiBhcmlhLWRlc2NyaWJlZGJ5PVwiaW5mb1Rvb2x0aXBfY2xlYXJWaWV3XCI+XG4gIDxidXR0b24gdHlwZT1cImJ1dHRvblwiIGNsYXNzPVwiYS1idG4gYS1idG4tLXNlY29uZGFyeSAtc2l6ZS1tZFwiIChjbGljayk9XCJjbGVhcigpXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImxhYmVsXCI+e3sgJ0BwcnkudG9vbGJveC5jbGVhcicgfCBpMThuIH19PC9uZy1jb250YWluZXI+XG4gIDwvYnV0dG9uPlxuPC9kaXY+XG5cbjxuZy10ZW1wbGF0ZSAjaW5mb1Rvb2x0aXA+XG4gIDxkaXYgY2xhc3M9XCJtLXRvb2x0aXBcIiByb2xlPVwidG9vbHRpcFwiIGlkPVwiaW5mb1Rvb2x0aXBfY2xlYXJWaWV3XCI+XG4gICAgPHNwYW4gY2xhc3M9XCJtLXRvb2x0aXBfX3RleHRcIj57eyAnQHByeS50b29sYm94LmNsZWFyJyB8IGkxOG4gfX08L3NwYW4+XG4gIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==
+            args: [{ selector: 'pry-clear-view', template: "<div [pryTooltip]=\"infoTooltip\" pryTooltipPosition=\"bottom\" aria-describedby=\"infoTooltip_clearView\">\n  <button type=\"button\" class=\"a-btn a-btn--secondary -size-md\" (click)=\"clear()\">\n    <ng-container *ngIf=\"displayLabels\">{{ '@pry.toolbox.clear' | i18n }}</ng-container>\n  </button>\n</div>\n\n<ng-template #infoTooltip>\n  <div class=\"m-tooltip\" role=\"tooltip\" id=\"infoTooltip_clearView\">\n    <span class=\"m-tooltip__text\">{{ '@pry.toolbox.clear' | i18n }}</span>\n  </div>\n</ng-template>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.Store }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2xlYXItdmlldy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wcm92b2x5L2Rhc2hib2FyZC90b29sYm94L2NvbXBvbmVudHMvY2xlYXItdmlldy9jbGVhci12aWV3LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Byb3ZvbHkvZGFzaGJvYXJkL3Rvb2xib3gvY29tcG9uZW50cy9jbGVhci12aWV3L2NsZWFyLXZpZXcuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUxQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUN0RCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQzs7Ozs7QUFNcEYsTUFBTSxPQUFPLGtCQUFtQixTQUFRLHNCQUFzQjtJQUM1RCxZQUFZLEtBQVk7UUFDdEIsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2YsQ0FBQztJQUVELEtBQUs7UUFDSCxJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxnQkFBZ0IsQ0FBQyxhQUFhLEVBQUUsQ0FBQyxDQUFDO1FBQ3RELElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUNmLENBQUM7OEdBUlUsa0JBQWtCO2tHQUFsQixrQkFBa0IsNkVDVC9CLDJnQkFXQTs7MkZERmEsa0JBQWtCO2tCQUo5QixTQUFTOytCQUNFLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3RvcmUgfSBmcm9tICdAbmdyeC9zdG9yZSc7XG5pbXBvcnQgeyBEYXNoYm9hcmRBY3Rpb25zIH0gZnJvbSAnQHByb3ZvbHkvZGFzaGJvYXJkJztcbmltcG9ydCB7IFRvb2xib3hBY3Rpb25Db21wb25lbnQgfSBmcm9tICcuLi90b29sYm94LWFjdGlvbi90b29sYm94LWFjdGlvbi5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdwcnktY2xlYXItdmlldycsXG4gIHRlbXBsYXRlVXJsOiAnLi9jbGVhci12aWV3LmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBDbGVhclZpZXdDb21wb25lbnQgZXh0ZW5kcyBUb29sYm94QWN0aW9uQ29tcG9uZW50IHtcbiAgY29uc3RydWN0b3Ioc3RvcmU6IFN0b3JlKSB7XG4gICAgc3VwZXIoc3RvcmUpO1xuICB9XG5cbiAgY2xlYXIoKSB7XG4gICAgdGhpcy5zdG9yZS5kaXNwYXRjaChEYXNoYm9hcmRBY3Rpb25zLmNsZWFyTWFuaWZlc3QoKSk7XG4gICAgdGhpcy5jbG9zZSgpO1xuICB9XG59XG4iLCI8ZGl2IFtwcnlUb29sdGlwXT1cImluZm9Ub29sdGlwXCIgcHJ5VG9vbHRpcFBvc2l0aW9uPVwiYm90dG9tXCIgYXJpYS1kZXNjcmliZWRieT1cImluZm9Ub29sdGlwX2NsZWFyVmlld1wiPlxuICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIiBjbGFzcz1cImEtYnRuIGEtYnRuLS1zZWNvbmRhcnkgLXNpemUtbWRcIiAoY2xpY2spPVwiY2xlYXIoKVwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJkaXNwbGF5TGFiZWxzXCI+e3sgJ0BwcnkudG9vbGJveC5jbGVhcicgfCBpMThuIH19PC9uZy1jb250YWluZXI+XG4gIDwvYnV0dG9uPlxuPC9kaXY+XG5cbjxuZy10ZW1wbGF0ZSAjaW5mb1Rvb2x0aXA+XG4gIDxkaXYgY2xhc3M9XCJtLXRvb2x0aXBcIiByb2xlPVwidG9vbHRpcFwiIGlkPVwiaW5mb1Rvb2x0aXBfY2xlYXJWaWV3XCI+XG4gICAgPHNwYW4gY2xhc3M9XCJtLXRvb2x0aXBfX3RleHRcIj57eyAnQHByeS50b29sYm94LmNsZWFyJyB8IGkxOG4gfX08L3NwYW4+XG4gIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==

package/esm2022/toolbox/components/drag-widgets/drag-widgets.component.mjs

@@ -1,16 +1,16 @@
-import { Component, Input } from '@angular/core';
+import { Component } from '@angular/core';
 import { ConfigActions } from '@provoly/dashboard';
+import { ToolboxActionComponent } from '../toolbox-action/toolbox-action.component';
 import * as i0 from "@angular/core";
 import * as i1 from "@ngrx/store";
 import * as i2 from "@provoly/dashboard";
 import * as i3 from "@angular/common";
 import * as i4 from "@angular/cdk/overlay";
-export class DragWidgetsComponent {
+export class DragWidgetsComponent extends ToolboxActionComponent {
     constructor(store, toolboxManifestService, toolboxMenuService) {
-        this.store = store;
+        super(store);
         this.toolboxManifestService = toolboxManifestService;
         this.toolboxMenuService = toolboxMenuService;
-        this.labels = true;
         this.mainOpened = false;
         this.connectedPosition = {
             originX: 'start',
@@ -32,12 +32,10 @@ export class DragWidgetsComponent {
         $event.stopPropagation();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: DragWidgetsComponent, deps: [{ token: i1.Store }, { token: i2.ToolboxManifestService }, { token: i2.ToolboxMenuService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: DragWidgetsComponent, selector: "pry-drag-widgets", inputs: { labels: "labels" }, ngImport: i0, template: "<div class=\"toolbox-draggable\">\n  <div [pryTooltip]=\"infoTooltip\" pryTooltipPosition=\"bottom\" aria-describedby=\"infoTooltip_dragWidgets\">\n    <button\n      type=\"button\"\n      class=\"a-btn a-btn--secondary -size-md\"\n      (click)=\"openMenu($event)\"\n      cdkOverlayOrigin\n      #trigger=\"cdkOverlayOrigin\"\n      id=\"widget_insert\"\n      aria-haspopup\n      aria-controls=\"IDpanel\"\n      aria-expanded=\"false\"\n    >\n      <ng-container *ngIf=\"labels\"\n        ><span class=\"u-visually-hidden\">{{ '@pry.toolbox.dragIndication' | i18n }}</span\n        >{{ '@pry.toolbox.drag' | i18n }}\n      </ng-container>\n    </button>\n  </div>\n</div>\n\n<ng-template #infoTooltip>\n  <div class=\"m-tooltip\" role=\"tooltip\" id=\"infoTooltip_dragWidgets\">\n    <span class=\"m-tooltip__text\"> Ins\u00E9rer un widget </span>\n  </div>\n</ng-template>\n\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"mainOpened\"\n  [cdkConnectedOverlayHasBackdrop]=\"true\"\n  [cdkConnectedOverlayPositions]=\"[connectedPosition]\"\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  (backdropClick)=\"mainOpened = false\"\n>\n  <div class=\"o-draggable-menu\" aria-label=\"Ins\u00E9rer un widget (par glisser/d\u00E9poser)\" aria-labelledby=\"widget_insert\">\n    <ul class=\"o-draggable-menu__list\">\n      <ng-container *ngFor=\"let menu of menu$ | async\">\n        <li class=\"o-draggable-menu__list__item\">\n          <button class=\"a-btn\" aria-haspopup=\"true\" aria-expanded=\"false\">\n            <pry-icon [iconSvg]=\"menu.icon\"></pry-icon>\n            <ng-container *ngIf=\"labels\">{{ menu.label | i18n }}</ng-container>\n          </button>\n\n          <ul class=\"o-draggable-menu__list__submenu\">\n            <ng-container *ngFor=\"let sub of menu.sub\">\n              <li class=\"o-draggable-menu__list__submenu__item\">\n                <button class=\"a-btn\" (dragstart)=\"dragStart($event, sub.type)\" draggable=\"true\">\n                  <img [alt]=\"sub.label\" [height]=\"24\" [width]=\"24\" [src]=\"sub.icon | getSecuredImage | async\" />\n                  <ng-container *ngIf=\"labels\">{{ sub.label | i18n }}</ng-container>\n                </button>\n              </li>\n            </ng-container>\n          </ul>\n        </li>\n      </ng-container>\n    </ul>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i4.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "directive", type: i2.PryTooltipDirective, selector: "[pryTooltip]", inputs: ["pryTooltip", "styleReversed", "pryTooltipContext", "pryTooltipPosition", "pryTooltipShowDelay"] }, { kind: "component", type: i2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.GetSecuredImagePipe, name: "getSecuredImage" }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: DragWidgetsComponent, selector: "pry-drag-widgets", usesInheritance: true, ngImport: i0, template: "<div class=\"toolbox-draggable\">\n  <div [pryTooltip]=\"infoTooltip\" pryTooltipPosition=\"bottom\" aria-describedby=\"infoTooltip_dragWidgets\">\n    <button\n      type=\"button\"\n      class=\"a-btn a-btn--secondary -size-md\"\n      (click)=\"openMenu($event)\"\n      cdkOverlayOrigin\n      #trigger=\"cdkOverlayOrigin\"\n      id=\"widget_insert\"\n      aria-haspopup\n      aria-controls=\"IDpanel\"\n      aria-expanded=\"false\"\n    >\n      <ng-container *ngIf=\"displayLabels\"\n        ><span class=\"u-visually-hidden\">{{ '@pry.toolbox.dragIndication' | i18n }}</span\n        >{{ '@pry.toolbox.drag' | i18n }}\n      </ng-container>\n    </button>\n  </div>\n</div>\n\n<ng-template #infoTooltip>\n  <div class=\"m-tooltip\" role=\"tooltip\" id=\"infoTooltip_dragWidgets\">\n    <span class=\"m-tooltip__text\"> Ins\u00E9rer un widget </span>\n  </div>\n</ng-template>\n\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"mainOpened\"\n  [cdkConnectedOverlayHasBackdrop]=\"true\"\n  [cdkConnectedOverlayPositions]=\"[connectedPosition]\"\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  (backdropClick)=\"mainOpened = false\"\n>\n  <div class=\"o-draggable-menu\" aria-label=\"Ins\u00E9rer un widget (par glisser/d\u00E9poser)\" aria-labelledby=\"widget_insert\">\n    <ul class=\"o-draggable-menu__list\">\n      <ng-container *ngFor=\"let menu of menu$ | async\">\n        <li class=\"o-draggable-menu__list__item\">\n          <button class=\"a-btn\" aria-haspopup=\"true\" aria-expanded=\"false\">\n            <pry-icon [iconSvg]=\"menu.icon\"></pry-icon>\n            <ng-container *ngIf=\"displayLabels\">{{ menu.label | i18n }}</ng-container>\n          </button>\n\n          <ul class=\"o-draggable-menu__list__submenu\">\n            <ng-container *ngFor=\"let sub of menu.sub\">\n              <li class=\"o-draggable-menu__list__submenu__item\">\n                <button class=\"a-btn\" (dragstart)=\"dragStart($event, sub.type)\" draggable=\"true\">\n                  <img [alt]=\"sub.label\" [height]=\"24\" [width]=\"24\" [src]=\"sub.icon | getSecuredImage | async\" />\n                  <ng-container *ngIf=\"displayLabels\">{{ sub.label | i18n }}</ng-container>\n                </button>\n              </li>\n            </ng-container>\n          </ul>\n        </li>\n      </ng-container>\n    </ul>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i4.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "directive", type: i2.PryTooltipDirective, selector: "[pryTooltip]", inputs: ["pryTooltip", "styleReversed", "pryTooltipContext", "pryTooltipPosition", "pryTooltipShowDelay"] }, { kind: "component", type: i2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.GetSecuredImagePipe, name: "getSecuredImage" }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: DragWidgetsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-drag-widgets', template: "<div class=\"toolbox-draggable\">\n  <div [pryTooltip]=\"infoTooltip\" pryTooltipPosition=\"bottom\" aria-describedby=\"infoTooltip_dragWidgets\">\n    <button\n      type=\"button\"\n      class=\"a-btn a-btn--secondary -size-md\"\n      (click)=\"openMenu($event)\"\n      cdkOverlayOrigin\n      #trigger=\"cdkOverlayOrigin\"\n      id=\"widget_insert\"\n      aria-haspopup\n      aria-controls=\"IDpanel\"\n      aria-expanded=\"false\"\n    >\n      <ng-container *ngIf=\"labels\"\n        ><span class=\"u-visually-hidden\">{{ '@pry.toolbox.dragIndication' | i18n }}</span\n        >{{ '@pry.toolbox.drag' | i18n }}\n      </ng-container>\n    </button>\n  </div>\n</div>\n\n<ng-template #infoTooltip>\n  <div class=\"m-tooltip\" role=\"tooltip\" id=\"infoTooltip_dragWidgets\">\n    <span class=\"m-tooltip__text\"> Ins\u00E9rer un widget </span>\n  </div>\n</ng-template>\n\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"mainOpened\"\n  [cdkConnectedOverlayHasBackdrop]=\"true\"\n  [cdkConnectedOverlayPositions]=\"[connectedPosition]\"\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  (backdropClick)=\"mainOpened = false\"\n>\n  <div class=\"o-draggable-menu\" aria-label=\"Ins\u00E9rer un widget (par glisser/d\u00E9poser)\" aria-labelledby=\"widget_insert\">\n    <ul class=\"o-draggable-menu__list\">\n      <ng-container *ngFor=\"let menu of menu$ | async\">\n        <li class=\"o-draggable-menu__list__item\">\n          <button class=\"a-btn\" aria-haspopup=\"true\" aria-expanded=\"false\">\n            <pry-icon [iconSvg]=\"menu.icon\"></pry-icon>\n            <ng-container *ngIf=\"labels\">{{ menu.label | i18n }}</ng-container>\n          </button>\n\n          <ul class=\"o-draggable-menu__list__submenu\">\n            <ng-container *ngFor=\"let sub of menu.sub\">\n              <li class=\"o-draggable-menu__list__submenu__item\">\n                <button class=\"a-btn\" (dragstart)=\"dragStart($event, sub.type)\" draggable=\"true\">\n                  <img [alt]=\"sub.label\" [height]=\"24\" [width]=\"24\" [src]=\"sub.icon | getSecuredImage | async\" />\n                  <ng-container *ngIf=\"labels\">{{ sub.label | i18n }}</ng-container>\n                </button>\n              </li>\n            </ng-container>\n          </ul>\n        </li>\n      </ng-container>\n    </ul>\n  </div>\n</ng-template>\n" }]
-        }], ctorParameters: function () { return [{ type: i1.Store }, { type: i2.ToolboxManifestService }, { type: i2.ToolboxMenuService }]; }, propDecorators: { labels: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhZy13aWRnZXRzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Byb3ZvbHkvZGFzaGJvYXJkL3Rvb2xib3gvY29tcG9uZW50cy9kcmFnLXdpZGdldHMvZHJhZy13aWRnZXRzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Byb3ZvbHkvZGFzaGJvYXJkL3Rvb2xib3gvY29tcG9uZW50cy9kcmFnLXdpZGdldHMvZHJhZy13aWRnZXRzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWpELE9BQU8sRUFBRSxhQUFhLEVBQXFFLE1BQU0sb0JBQW9CLENBQUM7Ozs7OztBQU90SCxNQUFNLE9BQU8sb0JBQW9CO0lBWS9CLFlBQ1UsS0FBWSxFQUNaLHNCQUE4QyxFQUMvQyxrQkFBc0M7UUFGckMsVUFBSyxHQUFMLEtBQUssQ0FBTztRQUNaLDJCQUFzQixHQUF0QixzQkFBc0IsQ0FBd0I7UUFDL0MsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFvQjtRQWR0QyxXQUFNLEdBQUcsSUFBSSxDQUFDO1FBQ3ZCLGVBQVUsR0FBRyxLQUFLLENBQUM7UUFFVixzQkFBaUIsR0FBc0I7WUFDOUMsT0FBTyxFQUFFLE9BQU87WUFDaEIsT0FBTyxFQUFFLFFBQVE7WUFDakIsUUFBUSxFQUFFLE9BQU87WUFDakIsUUFBUSxFQUFFLEtBQUs7U0FDaEIsQ0FBQztRQVFBLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLGFBQWEsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxDQUFDO1FBQ2pELElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLGNBQWMsQ0FBQztJQUN0RCxDQUFDO0lBRUQsU0FBUyxDQUFDLE1BQWlCLEVBQUUsSUFBWTtRQUN2QyxJQUFJLENBQUMsc0JBQXNCLENBQUMsWUFBWSxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsQ0FBQztRQUV2RCxVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7UUFDMUIsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDO0lBQ1YsQ0FBQztJQUVELFFBQVEsQ0FBQyxNQUFhO1FBQ3BCLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDO1FBQ3ZCLE1BQU0sQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUMzQixDQUFDOzhHQWhDVSxvQkFBb0I7a0dBQXBCLG9CQUFvQixzRkNWakMsdTRFQTREQTs7MkZEbERhLG9CQUFvQjtrQkFKaEMsU0FBUzsrQkFDRSxrQkFBa0I7a0tBSW5CLE1BQU07c0JBQWQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbm5lY3RlZFBvc2l0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL292ZXJsYXknO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3RvcmUgfSBmcm9tICdAbmdyeC9zdG9yZSc7XG5pbXBvcnQgeyBDb25maWdBY3Rpb25zLCBUb29sYm94TWFuaWZlc3RTZXJ2aWNlLCBUb29sYm94TWVudVNlcnZpY2UsIFdpZGdldERlc2NyaXB0aW9uTWVudSB9IGZyb20gJ0Bwcm92b2x5L2Rhc2hib2FyZCc7XG5pbXBvcnQgeyBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ByeS1kcmFnLXdpZGdldHMnLFxuICB0ZW1wbGF0ZVVybDogJy4vZHJhZy13aWRnZXRzLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBEcmFnV2lkZ2V0c0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGxhYmVscyA9IHRydWU7XG4gIG1haW5PcGVuZWQgPSBmYWxzZTtcblxuICByZWFkb25seSBjb25uZWN0ZWRQb3NpdGlvbjogQ29ubmVjdGVkUG9zaXRpb24gPSB7XG4gICAgb3JpZ2luWDogJ3N0YXJ0JyxcbiAgICBvcmlnaW5ZOiAnYm90dG9tJyxcbiAgICBvdmVybGF5WDogJ3N0YXJ0JyxcbiAgICBvdmVybGF5WTogJ3RvcCdcbiAgfTtcbiAgbWVudSQ6IE9ic2VydmFibGU8V2lkZ2V0RGVzY3JpcHRpb25NZW51W10+O1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgc3RvcmU6IFN0b3JlLFxuICAgIHByaXZhdGUgdG9vbGJveE1hbmlmZXN0U2VydmljZTogVG9vbGJveE1hbmlmZXN0U2VydmljZSxcbiAgICBwdWJsaWMgdG9vbGJveE1lbnVTZXJ2aWNlOiBUb29sYm94TWVudVNlcnZpY2VcbiAgKSB7XG4gICAgdGhpcy5zdG9yZS5kaXNwYXRjaChDb25maWdBY3Rpb25zLmxvYWRXaWRnZXRzKCkpO1xuICAgIHRoaXMubWVudSQgPSB0aGlzLnRvb2xib3hNZW51U2VydmljZS5tZW51U3RydWN0dXJlJDtcbiAgfVxuXG4gIGRyYWdTdGFydCgkZXZlbnQ6IERyYWdFdmVudCwgdHlwZTogc3RyaW5nKSB7XG4gICAgdGhpcy50b29sYm94TWFuaWZlc3RTZXJ2aWNlLmRhdGFUcmFuc2ZlcigkZXZlbnQsIHR5cGUpO1xuXG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICB0aGlzLm1haW5PcGVuZWQgPSBmYWxzZTtcbiAgICB9LCAxMDApO1xuICB9XG5cbiAgb3Blbk1lbnUoJGV2ZW50OiBFdmVudCkge1xuICAgIHRoaXMubWFpbk9wZW5lZCA9IHRydWU7XG4gICAgJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwidG9vbGJveC1kcmFnZ2FibGVcIj5cbiAgPGRpdiBbcHJ5VG9vbHRpcF09XCJpbmZvVG9vbHRpcFwiIHByeVRvb2x0aXBQb3NpdGlvbj1cImJvdHRvbVwiIGFyaWEtZGVzY3JpYmVkYnk9XCJpbmZvVG9vbHRpcF9kcmFnV2lkZ2V0c1wiPlxuICAgIDxidXR0b25cbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgY2xhc3M9XCJhLWJ0biBhLWJ0bi0tc2Vjb25kYXJ5IC1zaXplLW1kXCJcbiAgICAgIChjbGljayk9XCJvcGVuTWVudSgkZXZlbnQpXCJcbiAgICAgIGNka092ZXJsYXlPcmlnaW5cbiAgICAgICN0cmlnZ2VyPVwiY2RrT3ZlcmxheU9yaWdpblwiXG4gICAgICBpZD1cIndpZGdldF9pbnNlcnRcIlxuICAgICAgYXJpYS1oYXNwb3B1cFxuICAgICAgYXJpYS1jb250cm9scz1cIklEcGFuZWxcIlxuICAgICAgYXJpYS1leHBhbmRlZD1cImZhbHNlXCJcbiAgICA+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwibGFiZWxzXCJcbiAgICAgICAgPjxzcGFuIGNsYXNzPVwidS12aXN1YWxseS1oaWRkZW5cIj57eyAnQHByeS50b29sYm94LmRyYWdJbmRpY2F0aW9uJyB8IGkxOG4gfX08L3NwYW5cbiAgICAgICAgPnt7ICdAcHJ5LnRvb2xib3guZHJhZycgfCBpMThuIH19XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L2J1dHRvbj5cbiAgPC9kaXY+XG48L2Rpdj5cblxuPG5nLXRlbXBsYXRlICNpbmZvVG9vbHRpcD5cbiAgPGRpdiBjbGFzcz1cIm0tdG9vbHRpcFwiIHJvbGU9XCJ0b29sdGlwXCIgaWQ9XCJpbmZvVG9vbHRpcF9kcmFnV2lkZ2V0c1wiPlxuICAgIDxzcGFuIGNsYXNzPVwibS10b29sdGlwX190ZXh0XCI+IEluc8OpcmVyIHVuIHdpZGdldCA8L3NwYW4+XG4gIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cblxuPG5nLXRlbXBsYXRlXG4gIGNka0Nvbm5lY3RlZE92ZXJsYXlcbiAgW2Nka0Nvbm5lY3RlZE92ZXJsYXlPcmlnaW5dPVwidHJpZ2dlclwiXG4gIFtjZGtDb25uZWN0ZWRPdmVybGF5T3Blbl09XCJtYWluT3BlbmVkXCJcbiAgW2Nka0Nvbm5lY3RlZE92ZXJsYXlIYXNCYWNrZHJvcF09XCJ0cnVlXCJcbiAgW2Nka0Nvbm5lY3RlZE92ZXJsYXlQb3NpdGlvbnNdPVwiW2Nvbm5lY3RlZFBvc2l0aW9uXVwiXG4gIGNka0Nvbm5lY3RlZE92ZXJsYXlCYWNrZHJvcENsYXNzPVwiY2RrLW92ZXJsYXktdHJhbnNwYXJlbnQtYmFja2Ryb3BcIlxuICAoYmFja2Ryb3BDbGljayk9XCJtYWluT3BlbmVkID0gZmFsc2VcIlxuPlxuICA8ZGl2IGNsYXNzPVwiby1kcmFnZ2FibGUtbWVudVwiIGFyaWEtbGFiZWw9XCJJbnPDqXJlciB1biB3aWRnZXQgKHBhciBnbGlzc2VyL2TDqXBvc2VyKVwiIGFyaWEtbGFiZWxsZWRieT1cIndpZGdldF9pbnNlcnRcIj5cbiAgICA8dWwgY2xhc3M9XCJvLWRyYWdnYWJsZS1tZW51X19saXN0XCI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBtZW51IG9mIG1lbnUkIHwgYXN5bmNcIj5cbiAgICAgICAgPGxpIGNsYXNzPVwiby1kcmFnZ2FibGUtbWVudV9fbGlzdF9faXRlbVwiPlxuICAgICAgICAgIDxidXR0b24gY2xhc3M9XCJhLWJ0blwiIGFyaWEtaGFzcG9wdXA9XCJ0cnVlXCIgYXJpYS1leHBhbmRlZD1cImZhbHNlXCI+XG4gICAgICAgICAgICA8cHJ5LWljb24gW2ljb25TdmddPVwibWVudS5pY29uXCI+PC9wcnktaWNvbj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJsYWJlbHNcIj57eyBtZW51LmxhYmVsIHwgaTE4biB9fTwvbmctY29udGFpbmVyPlxuICAgICAgICAgIDwvYnV0dG9uPlxuXG4gICAgICAgICAgPHVsIGNsYXNzPVwiby1kcmFnZ2FibGUtbWVudV9fbGlzdF9fc3VibWVudVwiPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgc3ViIG9mIG1lbnUuc3ViXCI+XG4gICAgICAgICAgICAgIDxsaSBjbGFzcz1cIm8tZHJhZ2dhYmxlLW1lbnVfX2xpc3RfX3N1Ym1lbnVfX2l0ZW1cIj5cbiAgICAgICAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwiYS1idG5cIiAoZHJhZ3N0YXJ0KT1cImRyYWdTdGFydCgkZXZlbnQsIHN1Yi50eXBlKVwiIGRyYWdnYWJsZT1cInRydWVcIj5cbiAgICAgICAgICAgICAgICAgIDxpbWcgW2FsdF09XCJzdWIubGFiZWxcIiBbaGVpZ2h0XT1cIjI0XCIgW3dpZHRoXT1cIjI0XCIgW3NyY109XCJzdWIuaWNvbiB8IGdldFNlY3VyZWRJbWFnZSB8IGFzeW5jXCIgLz5cbiAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJsYWJlbHNcIj57eyBzdWIubGFiZWwgfCBpMThuIH19PC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICA8L3VsPlxuICAgICAgICA8L2xpPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC91bD5cbiAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuIl19
+            args: [{ selector: 'pry-drag-widgets', template: "<div class=\"toolbox-draggable\">\n  <div [pryTooltip]=\"infoTooltip\" pryTooltipPosition=\"bottom\" aria-describedby=\"infoTooltip_dragWidgets\">\n    <button\n      type=\"button\"\n      class=\"a-btn a-btn--secondary -size-md\"\n      (click)=\"openMenu($event)\"\n      cdkOverlayOrigin\n      #trigger=\"cdkOverlayOrigin\"\n      id=\"widget_insert\"\n      aria-haspopup\n      aria-controls=\"IDpanel\"\n      aria-expanded=\"false\"\n    >\n      <ng-container *ngIf=\"displayLabels\"\n        ><span class=\"u-visually-hidden\">{{ '@pry.toolbox.dragIndication' | i18n }}</span\n        >{{ '@pry.toolbox.drag' | i18n }}\n      </ng-container>\n    </button>\n  </div>\n</div>\n\n<ng-template #infoTooltip>\n  <div class=\"m-tooltip\" role=\"tooltip\" id=\"infoTooltip_dragWidgets\">\n    <span class=\"m-tooltip__text\"> Ins\u00E9rer un widget </span>\n  </div>\n</ng-template>\n\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"mainOpened\"\n  [cdkConnectedOverlayHasBackdrop]=\"true\"\n  [cdkConnectedOverlayPositions]=\"[connectedPosition]\"\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  (backdropClick)=\"mainOpened = false\"\n>\n  <div class=\"o-draggable-menu\" aria-label=\"Ins\u00E9rer un widget (par glisser/d\u00E9poser)\" aria-labelledby=\"widget_insert\">\n    <ul class=\"o-draggable-menu__list\">\n      <ng-container *ngFor=\"let menu of menu$ | async\">\n        <li class=\"o-draggable-menu__list__item\">\n          <button class=\"a-btn\" aria-haspopup=\"true\" aria-expanded=\"false\">\n            <pry-icon [iconSvg]=\"menu.icon\"></pry-icon>\n            <ng-container *ngIf=\"displayLabels\">{{ menu.label | i18n }}</ng-container>\n          </button>\n\n          <ul class=\"o-draggable-menu__list__submenu\">\n            <ng-container *ngFor=\"let sub of menu.sub\">\n              <li class=\"o-draggable-menu__list__submenu__item\">\n                <button class=\"a-btn\" (dragstart)=\"dragStart($event, sub.type)\" draggable=\"true\">\n                  <img [alt]=\"sub.label\" [height]=\"24\" [width]=\"24\" [src]=\"sub.icon | getSecuredImage | async\" />\n                  <ng-container *ngIf=\"displayLabels\">{{ sub.label | i18n }}</ng-container>\n                </button>\n              </li>\n            </ng-container>\n          </ul>\n        </li>\n      </ng-container>\n    </ul>\n  </div>\n</ng-template>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.Store }, { type: i2.ToolboxManifestService }, { type: i2.ToolboxMenuService }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhZy13aWRnZXRzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Byb3ZvbHkvZGFzaGJvYXJkL3Rvb2xib3gvY29tcG9uZW50cy9kcmFnLXdpZGdldHMvZHJhZy13aWRnZXRzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Byb3ZvbHkvZGFzaGJvYXJkL3Rvb2xib3gvY29tcG9uZW50cy9kcmFnLXdpZGdldHMvZHJhZy13aWRnZXRzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFMUMsT0FBTyxFQUFFLGFBQWEsRUFBcUUsTUFBTSxvQkFBb0IsQ0FBQztBQUV0SCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQzs7Ozs7O0FBTXBGLE1BQU0sT0FBTyxvQkFBcUIsU0FBUSxzQkFBc0I7SUFXOUQsWUFDRSxLQUFZLEVBQ0osc0JBQThDLEVBQy9DLGtCQUFzQztRQUU3QyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFITCwyQkFBc0IsR0FBdEIsc0JBQXNCLENBQXdCO1FBQy9DLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBb0I7UUFiL0MsZUFBVSxHQUFHLEtBQUssQ0FBQztRQUVWLHNCQUFpQixHQUFzQjtZQUM5QyxPQUFPLEVBQUUsT0FBTztZQUNoQixPQUFPLEVBQUUsUUFBUTtZQUNqQixRQUFRLEVBQUUsT0FBTztZQUNqQixRQUFRLEVBQUUsS0FBSztTQUNoQixDQUFDO1FBU0EsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFDLFdBQVcsRUFBRSxDQUFDLENBQUM7UUFDakQsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUMsY0FBYyxDQUFDO0lBQ3RELENBQUM7SUFFRCxTQUFTLENBQUMsTUFBaUIsRUFBRSxJQUFZO1FBQ3ZDLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxZQUFZLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxDQUFDO1FBRXZELFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDZCxJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztRQUMxQixDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUM7SUFDVixDQUFDO0lBRUQsUUFBUSxDQUFDLE1BQWE7UUFDcEIsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUM7UUFDdkIsTUFBTSxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQzNCLENBQUM7OEdBaENVLG9CQUFvQjtrR0FBcEIsb0JBQW9CLCtFQ1hqQyw0NUVBNERBOzsyRkRqRGEsb0JBQW9CO2tCQUpoQyxTQUFTOytCQUNFLGtCQUFrQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbm5lY3RlZFBvc2l0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL292ZXJsYXknO1xuaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdG9yZSB9IGZyb20gJ0BuZ3J4L3N0b3JlJztcbmltcG9ydCB7IENvbmZpZ0FjdGlvbnMsIFRvb2xib3hNYW5pZmVzdFNlcnZpY2UsIFRvb2xib3hNZW51U2VydmljZSwgV2lkZ2V0RGVzY3JpcHRpb25NZW51IH0gZnJvbSAnQHByb3ZvbHkvZGFzaGJvYXJkJztcbmltcG9ydCB7IE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IFRvb2xib3hBY3Rpb25Db21wb25lbnQgfSBmcm9tICcuLi90b29sYm94LWFjdGlvbi90b29sYm94LWFjdGlvbi5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdwcnktZHJhZy13aWRnZXRzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2RyYWctd2lkZ2V0cy5jb21wb25lbnQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgRHJhZ1dpZGdldHNDb21wb25lbnQgZXh0ZW5kcyBUb29sYm94QWN0aW9uQ29tcG9uZW50IHtcbiAgbWFpbk9wZW5lZCA9IGZhbHNlO1xuXG4gIHJlYWRvbmx5IGNvbm5lY3RlZFBvc2l0aW9uOiBDb25uZWN0ZWRQb3NpdGlvbiA9IHtcbiAgICBvcmlnaW5YOiAnc3RhcnQnLFxuICAgIG9yaWdpblk6ICdib3R0b20nLFxuICAgIG92ZXJsYXlYOiAnc3RhcnQnLFxuICAgIG92ZXJsYXlZOiAndG9wJ1xuICB9O1xuICBtZW51JDogT2JzZXJ2YWJsZTxXaWRnZXREZXNjcmlwdGlvbk1lbnVbXT47XG5cbiAgY29uc3RydWN0b3IoXG4gICAgc3RvcmU6IFN0b3JlLFxuICAgIHByaXZhdGUgdG9vbGJveE1hbmlmZXN0U2VydmljZTogVG9vbGJveE1hbmlmZXN0U2VydmljZSxcbiAgICBwdWJsaWMgdG9vbGJveE1lbnVTZXJ2aWNlOiBUb29sYm94TWVudVNlcnZpY2VcbiAgKSB7XG4gICAgc3VwZXIoc3RvcmUpO1xuICAgIHRoaXMuc3RvcmUuZGlzcGF0Y2goQ29uZmlnQWN0aW9ucy5sb2FkV2lkZ2V0cygpKTtcbiAgICB0aGlzLm1lbnUkID0gdGhpcy50b29sYm94TWVudVNlcnZpY2UubWVudVN0cnVjdHVyZSQ7XG4gIH1cblxuICBkcmFnU3RhcnQoJGV2ZW50OiBEcmFnRXZlbnQsIHR5cGU6IHN0cmluZykge1xuICAgIHRoaXMudG9vbGJveE1hbmlmZXN0U2VydmljZS5kYXRhVHJhbnNmZXIoJGV2ZW50LCB0eXBlKTtcblxuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgdGhpcy5tYWluT3BlbmVkID0gZmFsc2U7XG4gICAgfSwgMTAwKTtcbiAgfVxuXG4gIG9wZW5NZW51KCRldmVudDogRXZlbnQpIHtcbiAgICB0aGlzLm1haW5PcGVuZWQgPSB0cnVlO1xuICAgICRldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInRvb2xib3gtZHJhZ2dhYmxlXCI+XG4gIDxkaXYgW3ByeVRvb2x0aXBdPVwiaW5mb1Rvb2x0aXBcIiBwcnlUb29sdGlwUG9zaXRpb249XCJib3R0b21cIiBhcmlhLWRlc2NyaWJlZGJ5PVwiaW5mb1Rvb2x0aXBfZHJhZ1dpZGdldHNcIj5cbiAgICA8YnV0dG9uXG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIGNsYXNzPVwiYS1idG4gYS1idG4tLXNlY29uZGFyeSAtc2l6ZS1tZFwiXG4gICAgICAoY2xpY2spPVwib3Blbk1lbnUoJGV2ZW50KVwiXG4gICAgICBjZGtPdmVybGF5T3JpZ2luXG4gICAgICAjdHJpZ2dlcj1cImNka092ZXJsYXlPcmlnaW5cIlxuICAgICAgaWQ9XCJ3aWRnZXRfaW5zZXJ0XCJcbiAgICAgIGFyaWEtaGFzcG9wdXBcbiAgICAgIGFyaWEtY29udHJvbHM9XCJJRHBhbmVsXCJcbiAgICAgIGFyaWEtZXhwYW5kZWQ9XCJmYWxzZVwiXG4gICAgPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImRpc3BsYXlMYWJlbHNcIlxuICAgICAgICA+PHNwYW4gY2xhc3M9XCJ1LXZpc3VhbGx5LWhpZGRlblwiPnt7ICdAcHJ5LnRvb2xib3guZHJhZ0luZGljYXRpb24nIHwgaTE4biB9fTwvc3BhblxuICAgICAgICA+e3sgJ0BwcnkudG9vbGJveC5kcmFnJyB8IGkxOG4gfX1cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvYnV0dG9uPlxuICA8L2Rpdj5cbjwvZGl2PlxuXG48bmctdGVtcGxhdGUgI2luZm9Ub29sdGlwPlxuICA8ZGl2IGNsYXNzPVwibS10b29sdGlwXCIgcm9sZT1cInRvb2x0aXBcIiBpZD1cImluZm9Ub29sdGlwX2RyYWdXaWRnZXRzXCI+XG4gICAgPHNwYW4gY2xhc3M9XCJtLXRvb2x0aXBfX3RleHRcIj4gSW5zw6lyZXIgdW4gd2lkZ2V0IDwvc3Bhbj5cbiAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGVcbiAgY2RrQ29ubmVjdGVkT3ZlcmxheVxuICBbY2RrQ29ubmVjdGVkT3ZlcmxheU9yaWdpbl09XCJ0cmlnZ2VyXCJcbiAgW2Nka0Nvbm5lY3RlZE92ZXJsYXlPcGVuXT1cIm1haW5PcGVuZWRcIlxuICBbY2RrQ29ubmVjdGVkT3ZlcmxheUhhc0JhY2tkcm9wXT1cInRydWVcIlxuICBbY2RrQ29ubmVjdGVkT3ZlcmxheVBvc2l0aW9uc109XCJbY29ubmVjdGVkUG9zaXRpb25dXCJcbiAgY2RrQ29ubmVjdGVkT3ZlcmxheUJhY2tkcm9wQ2xhc3M9XCJjZGstb3ZlcmxheS10cmFuc3BhcmVudC1iYWNrZHJvcFwiXG4gIChiYWNrZHJvcENsaWNrKT1cIm1haW5PcGVuZWQgPSBmYWxzZVwiXG4+XG4gIDxkaXYgY2xhc3M9XCJvLWRyYWdnYWJsZS1tZW51XCIgYXJpYS1sYWJlbD1cIkluc8OpcmVyIHVuIHdpZGdldCAocGFyIGdsaXNzZXIvZMOpcG9zZXIpXCIgYXJpYS1sYWJlbGxlZGJ5PVwid2lkZ2V0X2luc2VydFwiPlxuICAgIDx1bCBjbGFzcz1cIm8tZHJhZ2dhYmxlLW1lbnVfX2xpc3RcIj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IG1lbnUgb2YgbWVudSQgfCBhc3luY1wiPlxuICAgICAgICA8bGkgY2xhc3M9XCJvLWRyYWdnYWJsZS1tZW51X19saXN0X19pdGVtXCI+XG4gICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cImEtYnRuXCIgYXJpYS1oYXNwb3B1cD1cInRydWVcIiBhcmlhLWV4cGFuZGVkPVwiZmFsc2VcIj5cbiAgICAgICAgICAgIDxwcnktaWNvbiBbaWNvblN2Z109XCJtZW51Lmljb25cIj48L3ByeS1pY29uPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImRpc3BsYXlMYWJlbHNcIj57eyBtZW51LmxhYmVsIHwgaTE4biB9fTwvbmctY29udGFpbmVyPlxuICAgICAgICAgIDwvYnV0dG9uPlxuXG4gICAgICAgICAgPHVsIGNsYXNzPVwiby1kcmFnZ2FibGUtbWVudV9fbGlzdF9fc3VibWVudVwiPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgc3ViIG9mIG1lbnUuc3ViXCI+XG4gICAgICAgICAgICAgIDxsaSBjbGFzcz1cIm8tZHJhZ2dhYmxlLW1lbnVfX2xpc3RfX3N1Ym1lbnVfX2l0ZW1cIj5cbiAgICAgICAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwiYS1idG5cIiAoZHJhZ3N0YXJ0KT1cImRyYWdTdGFydCgkZXZlbnQsIHN1Yi50eXBlKVwiIGRyYWdnYWJsZT1cInRydWVcIj5cbiAgICAgICAgICAgICAgICAgIDxpbWcgW2FsdF09XCJzdWIubGFiZWxcIiBbaGVpZ2h0XT1cIjI0XCIgW3dpZHRoXT1cIjI0XCIgW3NyY109XCJzdWIuaWNvbiB8IGdldFNlY3VyZWRJbWFnZSB8IGFzeW5jXCIgLz5cbiAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJkaXNwbGF5TGFiZWxzXCI+e3sgc3ViLmxhYmVsIHwgaTE4biB9fTwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgICA8L2xpPlxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgPC91bD5cbiAgICAgICAgPC9saT5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvdWw+XG4gIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==

package/esm2022/toolbox/components/edit-mode-toggle/edit-mode-toggle.component.mjs

@@ -1,27 +1,25 @@
-import { Component, Input } from '@angular/core';
+import { Component } from '@angular/core';
 import { DashboardActions, DashboardSelectors } from '@provoly/dashboard';
+import { ToolboxActionComponent } from '../toolbox-action/toolbox-action.component';
 import * as i0 from "@angular/core";
 import * as i1 from "@ngrx/store";
 import * as i2 from "@angular/forms";
 import * as i3 from "@angular/cdk/bidi";
 import * as i4 from "@provoly/dashboard";
 import * as i5 from "@angular/common";
-export class EditModeToggleComponent {
+export class EditModeToggleComponent extends ToolboxActionComponent {
     constructor(store) {
-        this.store = store;
-        this.label = true;
+        super(store);
         this.modeEdition$ = this.store.select(DashboardSelectors.dashboardEditionMode);
     }
     toggleEditionMode() {
         this.store.dispatch(DashboardActions.toggleEditionMode({}));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: EditModeToggleComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: EditModeToggleComponent, selector: "pry-edit-mode-toggle", inputs: { label: "label" }, ngImport: i0, template: "<pry-toggle\n  [ngModel]=\"modeEdition$ | async\"\n  (ngModelChange)=\"toggleEditionMode()\"\n  [alwaysActive]=\"true\"\n  mode=\"action\"\n  dir=\"ltr\"\n>\n  {{ ((modeEdition$ | async) ? '@pry.toolbox.editOff' : '@pry.toolbox.edit') | i18n }}\n</pry-toggle>\n", dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "component", type: i4.PryToggleComponent, selector: "pry-toggle", inputs: ["alwaysActive", "disabled", "mode", "size", "dir", "leftword", "rightword"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: EditModeToggleComponent, selector: "pry-edit-mode-toggle", usesInheritance: true, ngImport: i0, template: "<pry-toggle\n  [ngModel]=\"modeEdition$ | async\"\n  (ngModelChange)=\"toggleEditionMode()\"\n  [alwaysActive]=\"true\"\n  mode=\"action\"\n  dir=\"ltr\"\n>\n  {{ ((modeEdition$ | async) ? '@pry.toolbox.editOff' : '@pry.toolbox.edit') | i18n }}\n</pry-toggle>\n", dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "component", type: i4.PryToggleComponent, selector: "pry-toggle", inputs: ["alwaysActive", "disabled", "mode", "size", "dir", "leftword", "rightword"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: EditModeToggleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-edit-mode-toggle', template: "<pry-toggle\n  [ngModel]=\"modeEdition$ | async\"\n  (ngModelChange)=\"toggleEditionMode()\"\n  [alwaysActive]=\"true\"\n  mode=\"action\"\n  dir=\"ltr\"\n>\n  {{ ((modeEdition$ | async) ? '@pry.toolbox.editOff' : '@pry.toolbox.edit') | i18n }}\n</pry-toggle>\n" }]
-        }], ctorParameters: function () { return [{ type: i1.Store }]; }, propDecorators: { label: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWRpdC1tb2RlLXRvZ2dsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wcm92b2x5L2Rhc2hib2FyZC90b29sYm94L2NvbXBvbmVudHMvZWRpdC1tb2RlLXRvZ2dsZS9lZGl0LW1vZGUtdG9nZ2xlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Byb3ZvbHkvZGFzaGJvYXJkL3Rvb2xib3gvY29tcG9uZW50cy9lZGl0LW1vZGUtdG9nZ2xlL2VkaXQtbW9kZS10b2dnbGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFakQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLGtCQUFrQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7Ozs7Ozs7QUFPMUUsTUFBTSxPQUFPLHVCQUF1QjtJQUlsQyxZQUFvQixLQUFpQjtRQUFqQixVQUFLLEdBQUwsS0FBSyxDQUFZO1FBSDVCLFVBQUssR0FBRyxJQUFJLENBQUM7UUFJcEIsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxrQkFBa0IsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDO0lBQ2pGLENBQUM7SUFFRCxpQkFBaUI7UUFDZixJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxnQkFBZ0IsQ0FBQyxpQkFBaUIsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBQzlELENBQUM7OEdBVlUsdUJBQXVCO2tHQUF2Qix1QkFBdUIsd0ZDVHBDLHVRQVNBOzsyRkRBYSx1QkFBdUI7a0JBSm5DLFNBQVM7K0JBQ0Usc0JBQXNCOzRGQUl2QixLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdG9yZSB9IGZyb20gJ0BuZ3J4L3N0b3JlJztcbmltcG9ydCB7IERhc2hib2FyZEFjdGlvbnMsIERhc2hib2FyZFNlbGVjdG9ycyB9IGZyb20gJ0Bwcm92b2x5L2Rhc2hib2FyZCc7XG5pbXBvcnQgeyBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ByeS1lZGl0LW1vZGUtdG9nZ2xlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2VkaXQtbW9kZS10b2dnbGUuY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIEVkaXRNb2RlVG9nZ2xlQ29tcG9uZW50IHtcbiAgQElucHV0KCkgbGFiZWwgPSB0cnVlO1xuICBtb2RlRWRpdGlvbiQ6IE9ic2VydmFibGU8Ym9vbGVhbj47XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBzdG9yZTogU3RvcmU8YW55Pikge1xuICAgIHRoaXMubW9kZUVkaXRpb24kID0gdGhpcy5zdG9yZS5zZWxlY3QoRGFzaGJvYXJkU2VsZWN0b3JzLmRhc2hib2FyZEVkaXRpb25Nb2RlKTtcbiAgfVxuXG4gIHRvZ2dsZUVkaXRpb25Nb2RlKCkge1xuICAgIHRoaXMuc3RvcmUuZGlzcGF0Y2goRGFzaGJvYXJkQWN0aW9ucy50b2dnbGVFZGl0aW9uTW9kZSh7fSkpO1xuICB9XG59XG4iLCI8cHJ5LXRvZ2dsZVxuICBbbmdNb2RlbF09XCJtb2RlRWRpdGlvbiQgfCBhc3luY1wiXG4gIChuZ01vZGVsQ2hhbmdlKT1cInRvZ2dsZUVkaXRpb25Nb2RlKClcIlxuICBbYWx3YXlzQWN0aXZlXT1cInRydWVcIlxuICBtb2RlPVwiYWN0aW9uXCJcbiAgZGlyPVwibHRyXCJcbj5cbiAge3sgKChtb2RlRWRpdGlvbiQgfCBhc3luYykgPyAnQHByeS50b29sYm94LmVkaXRPZmYnIDogJ0BwcnkudG9vbGJveC5lZGl0JykgfCBpMThuIH19XG48L3ByeS10b2dnbGU+XG4iXX0=
+        }], ctorParameters: function () { return [{ type: i1.Store }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWRpdC1tb2RlLXRvZ2dsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wcm92b2x5L2Rhc2hib2FyZC90b29sYm94L2NvbXBvbmVudHMvZWRpdC1tb2RlLXRvZ2dsZS9lZGl0LW1vZGUtdG9nZ2xlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Byb3ZvbHkvZGFzaGJvYXJkL3Rvb2xib3gvY29tcG9uZW50cy9lZGl0LW1vZGUtdG9nZ2xlL2VkaXQtbW9kZS10b2dnbGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUxQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUUxRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQzs7Ozs7OztBQU1wRixNQUFNLE9BQU8sdUJBQXdCLFNBQVEsc0JBQXNCO0lBR2pFLFlBQVksS0FBaUI7UUFDM0IsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ2IsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxrQkFBa0IsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDO0lBQ2pGLENBQUM7SUFFRCxpQkFBaUI7UUFDZixJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxnQkFBZ0IsQ0FBQyxpQkFBaUIsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBQzlELENBQUM7OEdBVlUsdUJBQXVCO2tHQUF2Qix1QkFBdUIsbUZDVnBDLHVRQVNBOzsyRkRDYSx1QkFBdUI7a0JBSm5DLFNBQVM7K0JBQ0Usc0JBQXNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdG9yZSB9IGZyb20gJ0BuZ3J4L3N0b3JlJztcbmltcG9ydCB7IERhc2hib2FyZEFjdGlvbnMsIERhc2hib2FyZFNlbGVjdG9ycyB9IGZyb20gJ0Bwcm92b2x5L2Rhc2hib2FyZCc7XG5pbXBvcnQgeyBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBUb29sYm94QWN0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi4vdG9vbGJveC1hY3Rpb24vdG9vbGJveC1hY3Rpb24uY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncHJ5LWVkaXQtbW9kZS10b2dnbGUnLFxuICB0ZW1wbGF0ZVVybDogJy4vZWRpdC1tb2RlLXRvZ2dsZS5jb21wb25lbnQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgRWRpdE1vZGVUb2dnbGVDb21wb25lbnQgZXh0ZW5kcyBUb29sYm94QWN0aW9uQ29tcG9uZW50IHtcbiAgbW9kZUVkaXRpb24kOiBPYnNlcnZhYmxlPGJvb2xlYW4+O1xuXG4gIGNvbnN0cnVjdG9yKHN0b3JlOiBTdG9yZTxhbnk+KSB7XG4gICAgc3VwZXIoc3RvcmUpO1xuICAgIHRoaXMubW9kZUVkaXRpb24kID0gdGhpcy5zdG9yZS5zZWxlY3QoRGFzaGJvYXJkU2VsZWN0b3JzLmRhc2hib2FyZEVkaXRpb25Nb2RlKTtcbiAgfVxuXG4gIHRvZ2dsZUVkaXRpb25Nb2RlKCkge1xuICAgIHRoaXMuc3RvcmUuZGlzcGF0Y2goRGFzaGJvYXJkQWN0aW9ucy50b2dnbGVFZGl0aW9uTW9kZSh7fSkpO1xuICB9XG59XG4iLCI8cHJ5LXRvZ2dsZVxuICBbbmdNb2RlbF09XCJtb2RlRWRpdGlvbiQgfCBhc3luY1wiXG4gIChuZ01vZGVsQ2hhbmdlKT1cInRvZ2dsZUVkaXRpb25Nb2RlKClcIlxuICBbYWx3YXlzQWN0aXZlXT1cInRydWVcIlxuICBtb2RlPVwiYWN0aW9uXCJcbiAgZGlyPVwibHRyXCJcbj5cbiAge3sgKChtb2RlRWRpdGlvbiQgfCBhc3luYykgPyAnQHByeS50b29sYm94LmVkaXRPZmYnIDogJ0BwcnkudG9vbGJveC5lZGl0JykgfCBpMThuIH19XG48L3ByeS10b2dnbGU+XG4iXX0=