@provoly/dashboard 0.25.6 → 0.25.8

package/fesm2022/provoly-dashboard-toolbox.mjs

@@ -22,6 +22,8 @@ import { withLatestFrom, map as map$1 } from 'rxjs/operators';
 import { v4 } from 'uuid';
 import * as i5 from '@angular/cdk/a11y';
 import { A11yModule } from '@angular/cdk/a11y';
+import * as i6$2 from '@provoly/dashboard/components/text-editor';
+import { PryTextEditorModule } from '@provoly/dashboard/components/text-editor';
 
 class ToolboxActionComponent extends SubscriptionnerDirective {
     constructor(store) {
@@ -971,7 +973,7 @@ class DashboardDetailsComponent extends ToolboxActionComponent {
                 offsetY: 5
             }
         ];
-        this.globalManifest$ = this.store.select(DashboardSelectors.globalManifest);
+        this.presentation$ = this.store.select(DashboardSelectors.presentation).pipe(map((pres) => pres?.current));
     }
     openPanel($event) {
         this.isPanelOpen = true;
@@ -983,11 +985,11 @@ class DashboardDetailsComponent extends ToolboxActionComponent {
             $event.stopPropagation();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DashboardDetailsComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: DashboardDetailsComponent, selector: "pry-dashboard-details", usesInheritance: true, ngImport: i0, template: "<pry-toolbox-css></pry-toolbox-css>\n@if (globalManifest$ | async; as manifest) {\n  @if (manifest.html) {\n    <button\n      class=\"a-btn o-dashboard-details\"\n      cdkOverlayOrigin\n      #trigger=\"cdkOverlayOrigin\"\n      id=\"dashboard-details\"\n      aria-controls=\"dashboard-details-panel\"\n      aria-expanded=\"false\"\n      (click)=\"openPanel($event)\"\n    >\n      <pry-icon iconSvg=\"dashboard-about\"></pry-icon>\n      {{ '@pry.toolbox.about' | i18n }}\n    </button>\n\n    <ng-template\n      cdkConnectedOverlay\n      [cdkConnectedOverlayOrigin]=\"trigger\"\n      [cdkConnectedOverlayOpen]=\"isPanelOpen\"\n      [cdkConnectedOverlayHasBackdrop]=\"true\"\n      cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n      [cdkConnectedOverlayPositions]=\"panelPosition\"\n      (backdropClick)=\"isPanelOpen = false\"\n    >\n      <div class=\"o-modal\" id=\"dashboard-details-panel\">\n        <div class=\"o-modal__top\">\n          <div class=\"o-modal__top__title\">\n            <h2 class=\"a-h2\" id=\"dialog_title\">\n              {{ '@pry.toolbox.about' | i18n }}\n            </h2>\n          </div>\n          <div class=\"o-modal__top__close\">\n            <button class=\"a-btn a-btn--icon-only\" (click)=\"closePanel($event)\">\n              <pry-icon iconSvg=\"close\" [height]=\"20\" [width]=\"20\"></pry-icon>\n              <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n            </button>\n          </div>\n        </div>\n        <div class=\"o-modal__content\" [innerHTML]=\"manifest.html\"></div>\n      </div>\n    </ng-template>\n  }\n}\n", dependencies: [{ kind: "directive", type: i2.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", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: i3$1.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: PrySelectGridLayoutCssComponent, selector: "pry-toolbox-css" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: DashboardDetailsComponent, selector: "pry-dashboard-details", usesInheritance: true, ngImport: i0, template: "<pry-toolbox-css></pry-toolbox-css>\n@if (presentation$ | async; as presentation) {\n  @if (presentation.additionalInformation) {\n    <button\n      class=\"a-btn o-dashboard-details\"\n      cdkOverlayOrigin\n      #trigger=\"cdkOverlayOrigin\"\n      id=\"dashboard-details\"\n      aria-controls=\"dashboard-details-panel\"\n      aria-expanded=\"false\"\n      (click)=\"openPanel($event)\"\n    >\n      <pry-icon iconSvg=\"dashboard-about\"></pry-icon>\n      {{ '@pry.toolbox.about' | i18n }}\n    </button>\n\n    <ng-template\n      cdkConnectedOverlay\n      [cdkConnectedOverlayOrigin]=\"trigger\"\n      [cdkConnectedOverlayOpen]=\"isPanelOpen\"\n      [cdkConnectedOverlayHasBackdrop]=\"true\"\n      cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n      [cdkConnectedOverlayPositions]=\"panelPosition\"\n      (backdropClick)=\"isPanelOpen = false\"\n    >\n      <div class=\"o-modal\" id=\"dashboard-details-panel\">\n        <div class=\"o-modal__top\">\n          <div class=\"o-modal__top__title\">\n            <h2 class=\"a-h2\" id=\"dialog_title\">\n              {{ '@pry.toolbox.about' | i18n }}\n            </h2>\n          </div>\n          <div class=\"o-modal__top__close\">\n            <button class=\"a-btn a-btn--icon-only\" (click)=\"closePanel($event)\">\n              <pry-icon iconSvg=\"close\" [height]=\"20\" [width]=\"20\"></pry-icon>\n              <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n            </button>\n          </div>\n        </div>\n        <div class=\"o-modal__content\" [innerHTML]=\"presentation.additionalInformation | mdToHtml\"></div>\n      </div>\n    </ng-template>\n  }\n}\n", dependencies: [{ kind: "directive", type: i2.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", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: i3$1.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: PrySelectGridLayoutCssComponent, selector: "pry-toolbox-css" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.I18nPipe, name: "i18n" }, { kind: "pipe", type: i6$2.MdToHtmlPipe, name: "mdToHtml" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DashboardDetailsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-dashboard-details', template: "<pry-toolbox-css></pry-toolbox-css>\n@if (globalManifest$ | async; as manifest) {\n  @if (manifest.html) {\n    <button\n      class=\"a-btn o-dashboard-details\"\n      cdkOverlayOrigin\n      #trigger=\"cdkOverlayOrigin\"\n      id=\"dashboard-details\"\n      aria-controls=\"dashboard-details-panel\"\n      aria-expanded=\"false\"\n      (click)=\"openPanel($event)\"\n    >\n      <pry-icon iconSvg=\"dashboard-about\"></pry-icon>\n      {{ '@pry.toolbox.about' | i18n }}\n    </button>\n\n    <ng-template\n      cdkConnectedOverlay\n      [cdkConnectedOverlayOrigin]=\"trigger\"\n      [cdkConnectedOverlayOpen]=\"isPanelOpen\"\n      [cdkConnectedOverlayHasBackdrop]=\"true\"\n      cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n      [cdkConnectedOverlayPositions]=\"panelPosition\"\n      (backdropClick)=\"isPanelOpen = false\"\n    >\n      <div class=\"o-modal\" id=\"dashboard-details-panel\">\n        <div class=\"o-modal__top\">\n          <div class=\"o-modal__top__title\">\n            <h2 class=\"a-h2\" id=\"dialog_title\">\n              {{ '@pry.toolbox.about' | i18n }}\n            </h2>\n          </div>\n          <div class=\"o-modal__top__close\">\n            <button class=\"a-btn a-btn--icon-only\" (click)=\"closePanel($event)\">\n              <pry-icon iconSvg=\"close\" [height]=\"20\" [width]=\"20\"></pry-icon>\n              <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n            </button>\n          </div>\n        </div>\n        <div class=\"o-modal__content\" [innerHTML]=\"manifest.html\"></div>\n      </div>\n    </ng-template>\n  }\n}\n" }]
+            args: [{ selector: 'pry-dashboard-details', template: "<pry-toolbox-css></pry-toolbox-css>\n@if (presentation$ | async; as presentation) {\n  @if (presentation.additionalInformation) {\n    <button\n      class=\"a-btn o-dashboard-details\"\n      cdkOverlayOrigin\n      #trigger=\"cdkOverlayOrigin\"\n      id=\"dashboard-details\"\n      aria-controls=\"dashboard-details-panel\"\n      aria-expanded=\"false\"\n      (click)=\"openPanel($event)\"\n    >\n      <pry-icon iconSvg=\"dashboard-about\"></pry-icon>\n      {{ '@pry.toolbox.about' | i18n }}\n    </button>\n\n    <ng-template\n      cdkConnectedOverlay\n      [cdkConnectedOverlayOrigin]=\"trigger\"\n      [cdkConnectedOverlayOpen]=\"isPanelOpen\"\n      [cdkConnectedOverlayHasBackdrop]=\"true\"\n      cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n      [cdkConnectedOverlayPositions]=\"panelPosition\"\n      (backdropClick)=\"isPanelOpen = false\"\n    >\n      <div class=\"o-modal\" id=\"dashboard-details-panel\">\n        <div class=\"o-modal__top\">\n          <div class=\"o-modal__top__title\">\n            <h2 class=\"a-h2\" id=\"dialog_title\">\n              {{ '@pry.toolbox.about' | i18n }}\n            </h2>\n          </div>\n          <div class=\"o-modal__top__close\">\n            <button class=\"a-btn a-btn--icon-only\" (click)=\"closePanel($event)\">\n              <pry-icon iconSvg=\"close\" [height]=\"20\" [width]=\"20\"></pry-icon>\n              <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n            </button>\n          </div>\n        </div>\n        <div class=\"o-modal__content\" [innerHTML]=\"presentation.additionalInformation | mdToHtml\"></div>\n      </div>\n    </ng-template>\n  }\n}\n" }]
         }], ctorParameters: () => [{ type: i1.Store }] });
 
 class EditModeActionComponent extends ToolboxActionComponent {
@@ -1301,7 +1303,8 @@ class PryToolboxModule {
             CdkDropList,
             CdkDrag,
             CdkDragHandle,
-            A11yModule], exports: [ToolboxActionComponent,
+            A11yModule,
+            PryTextEditorModule], exports: [ToolboxActionComponent,
             ToolboxActionInstanciatorComponent,
             ClearViewComponent,
             DragWidgetsComponent,
@@ -1333,7 +1336,8 @@ class PryToolboxModule {
             PryStepperModule,
             PryShareModule,
             PryI18nModule,
-            A11yModule] }); }
+            A11yModule,
+            PryTextEditorModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryToolboxModule, decorators: [{
             type: NgModule,
@@ -1356,7 +1360,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
                         CdkDropList,
                         CdkDrag,
                         CdkDragHandle,
-                        A11yModule
+                        A11yModule,
+                        PryTextEditorModule
                     ],
                     exports: [...components]
                 }]