@provoly/dashboard 0.13.2 → 0.13.4

package/fesm2022/provoly-dashboard.mjs

@@ -192,6 +192,7 @@ const enTranslations$1 = {
             updatedInView: 'Restitution has been updated on tab n°{{index}}',
             settings: {
                 title: 'Settings',
+                changeTitle: 'Widget title',
                 validateUpdating: 'Validate-Updating'
             },
             defineCatalog: 'Define catalog entry',
@@ -520,6 +521,7 @@ const frTranslations$1 = {
             updatedInView: 'La restitution a été mise à jour sur la page n°{{index}}',
             settings: {
                 title: 'Paramétrage',
+                changeTitle: 'Titre du widget',
                 validateUpdating: 'Valider la modification'
             },
             defineCatalog: 'Définissez votre entrée de catalogue',
@@ -2138,6 +2140,15 @@ const enTranslations = {
                     NO_VALUES: 'No value for {{recordId}} line',
                     FORMAT_FILE_ERROR: 'Unsupported file format'
                 }
+            },
+            tooltip: {
+                error: 'Errors occurred when integrating the data into the solution. The data is not accessible',
+                active: 'The data retrieved by default in the application corresponds to the data integrated in this version.',
+                inactive: 'The data for this version is available but not uploaded by default. It is possible to display them by explicitly requesting this version.',
+                loading: 'The data is currently being integrated into the solution',
+                invalid: 'The data in this version is present in the solution but is not relevant. It is not available are not available for display',
+                inValidateButton: 'Allows you to make the version\'s data unavailable if it is considered irrelevant from a business point of view. If the invalidated version is the active version, then the data retrieved by default will be that of the most recent previous "Available" version, which will thus change to "Active" status.',
+                validateButton: 'Allows the version\'s data to be made available if it is considered relevant from a business point of view after having been invalidated. If the validated version is the most recent, it will become the active version and its data will be the default.'
             }
         }
     }
@@ -2196,6 +2207,15 @@ const frTranslations = {
                     NO_VALUES: 'Pas de valeur pour la ligne {{recordId}}',
                     FORMAT_FILE_ERROR: "Le format du fichier transmis n'est pas géré"
                 }
+            },
+            tooltip: {
+                error: 'Des erreurs sont apparues lors de l\'intégration des données dans la solution. Les données ne sont pas accessibles',
+                active: 'Les données remontées par défaut dans l\'application correspondent à celles intégrées dans cette version',
+                inactive: 'Les données de cette version sont disponibles mais non remontées par défaut. Il est possible de les afficher en demandant explicitement cette version.',
+                loading: "Les données sont en cours d'intégration dans la solution",
+                invalid: 'Les données de cette version sont présentes dans la solution mais sont non pertinentes. Elles ne sont pas disponibles pour l\'affichage',
+                inValidateButton: 'Permet de rendre indisponible les données de la version dans le cas où elles sont considérées comme non pertinente d\'un point de vue métier. Si la version invalidée est la version active, alors les données récupérées par défaut seront celle de la version "Disponible" précédente la plus récente qui passera ainsi au statut "Active"',
+                validateButton: "Permet de rendre disponible les données de la version dans le cas où elles sont considérées comme pertinente d'un point de vue métier après avoir été invalider. Si la version validée est la plus récente, elle deviendra ainsi la version active et ses données seront celles remontées par défaut"
             }
         }
     }
@@ -2492,11 +2512,11 @@ class PryModalStatusComponent {
         return code === 'UNRECOGNIZED' || code === 'CAST' ? { name } : { recordId };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryModalStatusComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PryModalStatusComponent, selector: "pry-modal-status", inputs: { version: "version" }, outputs: { gotoConsult: "gotoConsult" }, ngImport: i0, template: "<div class=\"o-modal-wrapper\">\n  <div class=\"o-modal__top\">\n    <div class=\"o-modal__top__title\">\n      <h2 class=\"a-h2\">\n        {{ '@pry.dataset.error.modalTitle.' + getModalTitle() | i18n }} ({{ messageCount$ | async }})\n      </h2>\n    </div>\n    <div class=\"o-modal__top__close\">\n      <button class=\"a-btn a-btn--icon-only\" (click)=\"goBack()\">\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  <table class=\"a-table\">\n    <thead>\n      <tr>\n        <th>{{ '@pry.dataset.error.type' | i18n }}</th>\n        <th>{{ '@pry.dataset.error.elements' | i18n }}</th>\n        <th>{{ '@pry.dataset.error.message' | i18n }}</th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr *ngFor=\"let preview of datasetPreviews$ | async | slice : 0 : 5\">\n        <td>\n          {{ '@pry.dataset.error.level.' + preview.level | i18n }}\n        </td>\n        <td>\n          {{ preview.recordId }}\n        </td>\n        <td>\n          {{\n            '@pry.dataset.error.code.' + preview.extractErrorCode\n              | i18n : getErrorCodeParam(preview.extractErrorCode, preview.name, preview.recordId)\n          }}\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.SlicePipe, name: "slice" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PryModalStatusComponent, selector: "pry-modal-status", inputs: { version: "version" }, outputs: { gotoConsult: "gotoConsult" }, ngImport: i0, template: "<div class=\"o-modal-wrapper\">\n  <div class=\"o-modal__top\">\n    <div class=\"o-modal__top__title\">\n      <h2 class=\"a-h2\">\n        {{ '@pry.dataset.error.modalTitle.' + getModalTitle() | i18n }} ({{ messageCount$ | async }})\n      </h2>\n    </div>\n    <div class=\"o-modal__top__close\">\n      <button class=\"a-btn a-btn--icon-only\" (click)=\"goBack()\">\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  <table class=\"a-table\">\n    <thead>\n      <tr>\n        <th>{{ '@pry.dataset.error.type' | i18n }}</th>\n        <th>{{ '@pry.dataset.error.elements' | i18n }}</th>\n        <th>{{ '@pry.dataset.error.message' | i18n }}</th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr *ngFor=\"let preview of datasetPreviews$ | async | slice : 0 : 5\">\n        <td>\n          {{ '@pry.dataset.error.level.' + preview.level | i18n }}\n        </td>\n        <td>\n          {{ preview.recordId }}\n        </td>\n        <td>\n          {{\n            '@pry.dataset.error.code.' + preview.extractMessageCode\n              | i18n : getErrorCodeParam(preview.extractMessageCode, preview.name, preview.recordId)\n          }}\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.SlicePipe, name: "slice" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryModalStatusComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-modal-status', template: "<div class=\"o-modal-wrapper\">\n  <div class=\"o-modal__top\">\n    <div class=\"o-modal__top__title\">\n      <h2 class=\"a-h2\">\n        {{ '@pry.dataset.error.modalTitle.' + getModalTitle() | i18n }} ({{ messageCount$ | async }})\n      </h2>\n    </div>\n    <div class=\"o-modal__top__close\">\n      <button class=\"a-btn a-btn--icon-only\" (click)=\"goBack()\">\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  <table class=\"a-table\">\n    <thead>\n      <tr>\n        <th>{{ '@pry.dataset.error.type' | i18n }}</th>\n        <th>{{ '@pry.dataset.error.elements' | i18n }}</th>\n        <th>{{ '@pry.dataset.error.message' | i18n }}</th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr *ngFor=\"let preview of datasetPreviews$ | async | slice : 0 : 5\">\n        <td>\n          {{ '@pry.dataset.error.level.' + preview.level | i18n }}\n        </td>\n        <td>\n          {{ preview.recordId }}\n        </td>\n        <td>\n          {{\n            '@pry.dataset.error.code.' + preview.extractErrorCode\n              | i18n : getErrorCodeParam(preview.extractErrorCode, preview.name, preview.recordId)\n          }}\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n" }]
+            args: [{ selector: 'pry-modal-status', template: "<div class=\"o-modal-wrapper\">\n  <div class=\"o-modal__top\">\n    <div class=\"o-modal__top__title\">\n      <h2 class=\"a-h2\">\n        {{ '@pry.dataset.error.modalTitle.' + getModalTitle() | i18n }} ({{ messageCount$ | async }})\n      </h2>\n    </div>\n    <div class=\"o-modal__top__close\">\n      <button class=\"a-btn a-btn--icon-only\" (click)=\"goBack()\">\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  <table class=\"a-table\">\n    <thead>\n      <tr>\n        <th>{{ '@pry.dataset.error.type' | i18n }}</th>\n        <th>{{ '@pry.dataset.error.elements' | i18n }}</th>\n        <th>{{ '@pry.dataset.error.message' | i18n }}</th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr *ngFor=\"let preview of datasetPreviews$ | async | slice : 0 : 5\">\n        <td>\n          {{ '@pry.dataset.error.level.' + preview.level | i18n }}\n        </td>\n        <td>\n          {{ preview.recordId }}\n        </td>\n        <td>\n          {{\n            '@pry.dataset.error.code.' + preview.extractMessageCode\n              | i18n : getErrorCodeParam(preview.extractMessageCode, preview.name, preview.recordId)\n          }}\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }]; }, propDecorators: { gotoConsult: [{
                 type: Output
             }], version: [{
@@ -6770,6 +6790,9 @@ class BaseWidgetComponent extends SubscriptionnerDirective {
     toImage() {
         return Promise.reject('Not yet implemented');
     }
+    changeWidgetTitle($event) {
+        this.manifest.title = $event;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: BaseWidgetComponent, deps: [{ token: i1.Store }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: BaseWidgetComponent, selector: "pry-base-widget", inputs: { open$: "open$", widgetIndex: "widgetIndex", staticManifest: "staticManifest" }, outputs: { manifestModified: "manifestModified" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
@@ -9309,7 +9332,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
                 type: Input
             }] } });
 
-class SettingsComponent {
+class SettingsComponent extends SubscriptionnerDirective {
     set widgetIndex(widgetIndex) {
         this._widgetIndex$.next(widgetIndex);
     }
@@ -9320,12 +9343,18 @@ class SettingsComponent {
         });
     }
     constructor(store, overlay, viewContainerRef) {
+        super();
         this.store = store;
         this.overlay = overlay;
         this.viewContainerRef = viewContainerRef;
         this._widgetIndex$ = new BehaviorSubject(0);
         this.saveTriggered = new EventEmitter();
         this.open = false;
+        this.changeTitle = new EventEmitter();
+    }
+    ngOnInit() {
+        this.manifest$ = this.store.select(DashboardSelectors.widgetManifest(this._widgetIndex$.value));
+        this.subscriptions.add(this.manifest$.subscribe((manifest) => (this.manifest = manifest)));
     }
     toggle() {
         this.open = !this.open;
@@ -9363,15 +9392,20 @@ class SettingsComponent {
     focusValidation() {
         this.validate.nativeElement.focus();
     }
+    emitTitle($event) {
+        // @ts-ignore
+        this.changeTitle.emit($event.currentTarget.value || undefined);
+    }
     ngOnDestroy() {
         this.openSub?.unsubscribe();
+        this.subscriptions.unsubscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SettingsComponent, 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: SettingsComponent, selector: "pry-settings", inputs: { widgetIndex: "widgetIndex", isDisable: "isDisable", headerPresent: "headerPresent", open$: "open$", header: "header" }, outputs: { saveTriggered: "saveTriggered" }, viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef }, { propertyName: "cross", first: true, predicate: ["cross"], descendants: true }, { propertyName: "validate", first: true, predicate: ["validate"], descendants: true }], ngImport: i0, template: "<button\n  type=\"button\"\n  (click)=\"toggle()\"\n  class=\"a-btn a-btn--icon-text -settings\"\n  [pryTooltip]=\"infoTooltipSearch\"\n  aria-describedby=\"infoTooltipSearch_settings\"\n>\n  <pry-icon [height]=\"20\" [width]=\"20\" iconSvg=\"control\"></pry-icon>\n  <span>{{ '@pry.widget.settings.title' | i18n }}</span>\n</button>\n\n<ng-template #template>\n  <div class=\"o-settings__popup\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"dialog_setting\">\n    <div class=\"o-settings__popup__header\">\n      <h2 class=\"a-h2\">{{ '@pry.widget.settings.title' | i18n }}</h2>\n      <button\n        type=\"button\"\n        #cross\n        (keydown.shift.tab)=\"focusValidation()\"\n        (click)=\"toggle()\"\n        class=\"a-btn a-btn--icon-only -close\"\n      >\n        <pry-icon iconSvg=\"close\"></pry-icon>\n        <span class=\"u-visually-hidden\">{{ '@pry.action.close' | i18n }}</span>\n      </button>\n    </div>\n\n    <div class=\"o-settings__popup__content\">\n      <ng-content></ng-content>\n    </div>\n\n    <div class=\"o-settings__popup__footer\">\n      <button\n        (click)=\"saveAndClose()\"\n        [class.btn-primary__disable]=\"isDisable\"\n        [disabled]=\"isDisable\"\n        (keydown.tab)=\"focusCrossElement()\"\n        class=\"a-btn a-btn--primary\"\n        #validate\n      >\n        {{ '@pry.widget.settings.validateUpdating' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #infoTooltipSearch>\n  <div class=\"m-tooltip\" aria-hidden=\"true\" role=\"tooltip\" id=\"infoTooltipSearch_settings\">\n    <span class=\"m-tooltip__text\"> {{ '@pry.widget.tooltip.openParameter' | i18n }}</span>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: PryTooltipDirective, selector: "[pryTooltip]", inputs: ["pryTooltip", "styleReversed", "pryTooltipContext", "pryTooltipPosition", "pryTooltipShowDelay"] }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: SettingsComponent, selector: "pry-settings", inputs: { widgetIndex: "widgetIndex", isDisable: "isDisable", headerPresent: "headerPresent", open$: "open$", header: "header" }, outputs: { saveTriggered: "saveTriggered", changeTitle: "changeTitle" }, viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef }, { propertyName: "cross", first: true, predicate: ["cross"], descendants: true }, { propertyName: "validate", first: true, predicate: ["validate"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<button\n  type=\"button\"\n  (click)=\"toggle()\"\n  class=\"a-btn a-btn--icon-text -settings\"\n  [pryTooltip]=\"infoTooltipSearch\"\n  aria-describedby=\"infoTooltipSearch_settings\"\n>\n  <pry-icon [height]=\"20\" [width]=\"20\" iconSvg=\"control\"></pry-icon>\n  <span>{{ '@pry.widget.settings.title' | i18n }}</span>\n</button>\n\n<ng-template #template>\n  <div class=\"o-settings__popup\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"dialog_setting\">\n    <div class=\"o-settings__popup__header\">\n      <h2 class=\"a-h2\">{{ '@pry.widget.settings.title' | i18n }}</h2>\n      <button\n        type=\"button\"\n        #cross\n        (keydown.shift.tab)=\"focusValidation()\"\n        (click)=\"toggle()\"\n        class=\"a-btn a-btn--icon-only -close\"\n      >\n        <pry-icon iconSvg=\"close\"></pry-icon>\n        <span class=\"u-visually-hidden\">{{ '@pry.action.close' | i18n }}</span>\n      </button>\n    </div>\n\n    <div class=\"o-settings__popup__content\">\n      <div class=\"m-form-label-field\">\n        <label class=\"a-label\" for=\"widget_title\">{{ '@pry.widget.settings.changeTitle' | i18n }}</label>\n        <input\n          class=\"a-form-field\"\n          id=\"widget_title\"\n          type=\"text\"\n          [value]=\"manifest?.title ?? ''\"\n          (input)=\"emitTitle($event)\"\n        />\n      </div>\n      <ng-content></ng-content>\n    </div>\n\n    <div class=\"o-settings__popup__footer\">\n      <button\n        (click)=\"saveAndClose()\"\n        [class.btn-primary__disable]=\"isDisable\"\n        [disabled]=\"isDisable\"\n        (keydown.tab)=\"focusCrossElement()\"\n        class=\"a-btn a-btn--primary\"\n        #validate\n      >\n        {{ '@pry.widget.settings.validateUpdating' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #infoTooltipSearch>\n  <div class=\"m-tooltip\" aria-hidden=\"true\" role=\"tooltip\" id=\"infoTooltipSearch_settings\">\n    <span class=\"m-tooltip__text\"> {{ '@pry.widget.tooltip.openParameter' | i18n }}</span>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: PryTooltipDirective, selector: "[pryTooltip]", inputs: ["pryTooltip", "styleReversed", "pryTooltipContext", "pryTooltipPosition", "pryTooltipShowDelay"] }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SettingsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-settings', template: "<button\n  type=\"button\"\n  (click)=\"toggle()\"\n  class=\"a-btn a-btn--icon-text -settings\"\n  [pryTooltip]=\"infoTooltipSearch\"\n  aria-describedby=\"infoTooltipSearch_settings\"\n>\n  <pry-icon [height]=\"20\" [width]=\"20\" iconSvg=\"control\"></pry-icon>\n  <span>{{ '@pry.widget.settings.title' | i18n }}</span>\n</button>\n\n<ng-template #template>\n  <div class=\"o-settings__popup\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"dialog_setting\">\n    <div class=\"o-settings__popup__header\">\n      <h2 class=\"a-h2\">{{ '@pry.widget.settings.title' | i18n }}</h2>\n      <button\n        type=\"button\"\n        #cross\n        (keydown.shift.tab)=\"focusValidation()\"\n        (click)=\"toggle()\"\n        class=\"a-btn a-btn--icon-only -close\"\n      >\n        <pry-icon iconSvg=\"close\"></pry-icon>\n        <span class=\"u-visually-hidden\">{{ '@pry.action.close' | i18n }}</span>\n      </button>\n    </div>\n\n    <div class=\"o-settings__popup__content\">\n      <ng-content></ng-content>\n    </div>\n\n    <div class=\"o-settings__popup__footer\">\n      <button\n        (click)=\"saveAndClose()\"\n        [class.btn-primary__disable]=\"isDisable\"\n        [disabled]=\"isDisable\"\n        (keydown.tab)=\"focusCrossElement()\"\n        class=\"a-btn a-btn--primary\"\n        #validate\n      >\n        {{ '@pry.widget.settings.validateUpdating' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #infoTooltipSearch>\n  <div class=\"m-tooltip\" aria-hidden=\"true\" role=\"tooltip\" id=\"infoTooltipSearch_settings\">\n    <span class=\"m-tooltip__text\"> {{ '@pry.widget.tooltip.openParameter' | i18n }}</span>\n  </div>\n</ng-template>\n" }]
+            args: [{ selector: 'pry-settings', template: "<button\n  type=\"button\"\n  (click)=\"toggle()\"\n  class=\"a-btn a-btn--icon-text -settings\"\n  [pryTooltip]=\"infoTooltipSearch\"\n  aria-describedby=\"infoTooltipSearch_settings\"\n>\n  <pry-icon [height]=\"20\" [width]=\"20\" iconSvg=\"control\"></pry-icon>\n  <span>{{ '@pry.widget.settings.title' | i18n }}</span>\n</button>\n\n<ng-template #template>\n  <div class=\"o-settings__popup\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"dialog_setting\">\n    <div class=\"o-settings__popup__header\">\n      <h2 class=\"a-h2\">{{ '@pry.widget.settings.title' | i18n }}</h2>\n      <button\n        type=\"button\"\n        #cross\n        (keydown.shift.tab)=\"focusValidation()\"\n        (click)=\"toggle()\"\n        class=\"a-btn a-btn--icon-only -close\"\n      >\n        <pry-icon iconSvg=\"close\"></pry-icon>\n        <span class=\"u-visually-hidden\">{{ '@pry.action.close' | i18n }}</span>\n      </button>\n    </div>\n\n    <div class=\"o-settings__popup__content\">\n      <div class=\"m-form-label-field\">\n        <label class=\"a-label\" for=\"widget_title\">{{ '@pry.widget.settings.changeTitle' | i18n }}</label>\n        <input\n          class=\"a-form-field\"\n          id=\"widget_title\"\n          type=\"text\"\n          [value]=\"manifest?.title ?? ''\"\n          (input)=\"emitTitle($event)\"\n        />\n      </div>\n      <ng-content></ng-content>\n    </div>\n\n    <div class=\"o-settings__popup__footer\">\n      <button\n        (click)=\"saveAndClose()\"\n        [class.btn-primary__disable]=\"isDisable\"\n        [disabled]=\"isDisable\"\n        (keydown.tab)=\"focusCrossElement()\"\n        class=\"a-btn a-btn--primary\"\n        #validate\n      >\n        {{ '@pry.widget.settings.validateUpdating' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #infoTooltipSearch>\n  <div class=\"m-tooltip\" aria-hidden=\"true\" role=\"tooltip\" id=\"infoTooltipSearch_settings\">\n    <span class=\"m-tooltip__text\"> {{ '@pry.widget.tooltip.openParameter' | i18n }}</span>\n  </div>\n</ng-template>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }, { type: i2$1.Overlay }, { type: i0.ViewContainerRef }]; }, propDecorators: { widgetIndex: [{
                 type: Input
             }], isDisable: [{
@@ -9384,6 +9418,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
                 type: Input
             }], saveTriggered: [{
                 type: Output
+            }], changeTitle: [{
+                type: Output
             }], template: [{
                 type: ViewChild,
                 args: ['template', { read: TemplateRef }]