@provoly/dashboard 0.22.4 → 0.22.5

package/fesm2022/provoly-dashboard-pipeline.mjs

@@ -650,11 +650,11 @@ class PryPipelineEditorComponent extends SubscriptionnerDirective {
         this.search$.next({ ...$event });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryPipelineEditorComponent, deps: [{ token: i1.Store }, { token: PipelineComponentFactoryService }, { token: i3$2.PryI18nService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PryPipelineEditorComponent, selector: "pry-pipeline-editor", inputs: { pipeline: "pipeline" }, outputs: { goToConsult: "goToConsult" }, viewQueries: [{ propertyName: "canvas", first: true, predicate: ["canvas"], descendants: true }, { propertyName: "canvasParent", first: true, predicate: ["canvasParent"], descendants: true }, { propertyName: "componentRef", first: true, predicate: ["specific"], descendants: true, read: ViewContainerRef }], usesInheritance: true, ngImport: i0, template: "<pry-pipeline-css></pry-pipeline-css>\n<div class=\"o-pipeline\">\n  <div class=\"o-pipeline__menu\">\n    <pry-accordion>\n      <pry-accordion-item\n        *ngFor=\"let category of categories$ | async; let index = index\"\n        [item]=\"category\"\n        [borderColor]=\"(types$ | async)![category][0].color\"\n        [index]=\"index\"\n        [showSearchBar]=\"true\"\n        [search$]=\"search$\"\n        (search)=\"search($event)\"\n        translationStringBase=\"@pry.pipeline.\"\n      >\n        <ul class=\"o-pipeline__components\">\n          <ng-container *ngFor=\"let type of (types$ | async)![category]\">\n            <li [draggable]=\"!this.disableEditing\" (dragstart)=\"onDragStart($event, type)\">\n              <p class=\"a-p\">{{ type.label }}</p>\n              <pry-icon [width]=\"2\" [height]=\"20\" iconSvg=\"info\"></pry-icon>\n            </li>\n          </ng-container>\n        </ul>\n      </pry-accordion-item>\n    </pry-accordion>\n  </div>\n\n  <div class=\"o-pipeline__workspace\">\n    <div class=\"o-pipeline-layout__toolbox\">\n      <button class=\"a-btn a-btn--secondary --size-md\" type=\"button\" (click)=\"goBack()\">\n        {{ '@pry.pipeline.backToDescription' | i18n }}\n      </button>\n      <ng-container *ngFor=\"let action of actions\">\n        <button type=\"button\" (click)=\"clickedAction(action)\" class=\"a-btn a-btn--secondary --size-md\">\n          {{ '@pry.pipeline.' + action.type | i18n }}\n          <pry-icon [iconSvg]=\"action.icon\"></pry-icon>\n        </button>\n      </ng-container>\n    </div>\n    <div>\n      <h1 class=\"a-h1\">{{ this.pipeline?.title }}</h1>\n    </div>\n    <div class=\"o-pipeline-editor\">\n      <div (drop)=\"onDrop($event)\" class=\"o-pipeline-editor__grid\" #canvasParent>\n        <canvas #canvas class=\"canvas\"></canvas>\n      </div>\n      <div class=\"o-pipeline-editor__properties\">\n        <div\n          class=\"o-pipeline-editor__properties__node\"\n          *ngIf=\"selectedNode$ | async as node\"\n          [title]=\"node.properties['id']\"\n        >\n          <h3 class=\"a-h3\">{{ '@pry.pipeline.selectedTask' | i18n }}</h3>\n          <h4 class=\"a-h4\">{{ '@pry.pipeline.type' | i18n }}</h4>\n          <p class=\"a-p a-p--type\">{{ node.type }}</p>\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" for=\"{{ node.id }}\">{{ '@pry.pipeline.title' | i18n }}</label>\n            <input\n              class=\"a-form-field\"\n              id=\"{{ node.id }}\"\n              type=\"text\"\n              [value]=\"node.title\"\n              [disabled]=\"disableEditing\"\n              (change)=\"changeTitle(node, $event)\"\n            />\n          </div>\n        </div>\n        <div class=\"o-pipeline-editor__properties__detail\" [class.is-empty]=\"!selectedNode\">\n          <div>\n            <div #specific></div>\n          </div>\n        </div>\n        <div *ngIf=\"((errors$ | async)?.length ?? 0) > 0\" class=\"o-pipeline-editor__properties__errors\">\n          <div class=\"o-pipeline-editor__properties__errors__title\">\n            <pry-icon iconSvg=\"warning-triangle\"></pry-icon>\n            <p class=\"a-p\">{{ '@pry.pipeline.errors' | i18n }}:</p>\n          </div>\n          <ul>\n            <li *ngFor=\"let error of errors$ | async\">\n              <span class=\"type\">{{\n                (error?.nodeId === '-' ? '@pry.pipeline.global' : '@pry.pipeline.node') | i18n\n              }}</span>\n              {{ error.translated }}\n            </li>\n          </ul>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\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: "component", type: i3$2.AccordionComponent, selector: "pry-accordion" }, { kind: "component", type: i3$2.AccordionItemComponent, selector: "pry-accordion-item", inputs: ["item", "borderColor", "index", "translationStringBase", "length", "showSearchBar", "search$"], outputs: ["search"] }, { kind: "component", type: i3$2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: PryPipelineCssComponent, selector: "pry-pipeline-css" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$2.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PryPipelineEditorComponent, selector: "pry-pipeline-editor", inputs: { pipeline: "pipeline" }, outputs: { goToConsult: "goToConsult" }, viewQueries: [{ propertyName: "canvas", first: true, predicate: ["canvas"], descendants: true }, { propertyName: "canvasParent", first: true, predicate: ["canvasParent"], descendants: true }, { propertyName: "componentRef", first: true, predicate: ["specific"], descendants: true, read: ViewContainerRef }], usesInheritance: true, ngImport: i0, template: "<pry-pipeline-css></pry-pipeline-css>\n<div class=\"o-pipeline\">\n  <div class=\"o-pipeline__menu\">\n    <pry-accordion>\n      <pry-accordion-item\n        *ngFor=\"let category of categories$ | async; let index = index\"\n        [item]=\"category\"\n        [borderColor]=\"(types$ | async)![category][0].color\"\n        [index]=\"index\"\n        [showSearchBar]=\"true\"\n        [search$]=\"search$\"\n        (search)=\"search($event)\"\n        translationStringBase=\"@pry.pipeline.\"\n      >\n        <ul class=\"o-pipeline__components\">\n          <ng-container *ngFor=\"let type of (types$ | async)![category]\">\n            <li [draggable]=\"!this.disableEditing\" (dragstart)=\"onDragStart($event, type)\">\n              <p class=\"a-p\">{{ type.label }}</p>\n              <pry-icon [width]=\"2\" [height]=\"20\" iconSvg=\"info\"></pry-icon>\n            </li>\n          </ng-container>\n        </ul>\n      </pry-accordion-item>\n    </pry-accordion>\n  </div>\n\n  <div class=\"o-pipeline__workspace\">\n    <div class=\"o-pipeline-layout__toolbox\">\n      <button class=\"a-btn a-btn--secondary\" type=\"button\" (click)=\"goBack()\">\n        {{ '@pry.pipeline.backToDescription' | i18n }}\n      </button>\n      <ng-container *ngFor=\"let action of actions\">\n        <button type=\"button\" (click)=\"clickedAction(action)\" class=\"a-btn a-btn--secondary\">\n          {{ '@pry.pipeline.' + action.type | i18n }}\n          <pry-icon [iconSvg]=\"action.icon\"></pry-icon>\n        </button>\n      </ng-container>\n    </div>\n    <div>\n      <h1 class=\"a-h1\">{{ this.pipeline?.title }}</h1>\n    </div>\n    <div class=\"o-pipeline-editor\">\n      <div (drop)=\"onDrop($event)\" class=\"o-pipeline-editor__grid\" #canvasParent>\n        <canvas #canvas class=\"canvas\"></canvas>\n      </div>\n      <div class=\"o-pipeline-editor__properties\">\n        <div\n          class=\"o-pipeline-editor__properties__node\"\n          *ngIf=\"selectedNode$ | async as node\"\n          [title]=\"node.properties['id']\"\n        >\n          <h3 class=\"a-h3\">{{ '@pry.pipeline.selectedTask' | i18n }}</h3>\n          <h4 class=\"a-h4\">{{ '@pry.pipeline.type' | i18n }}</h4>\n          <p class=\"a-p a-p--type\">{{ node.type }}</p>\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" for=\"{{ node.id }}\">{{ '@pry.pipeline.title' | i18n }}</label>\n            <input\n              class=\"a-form-field\"\n              id=\"{{ node.id }}\"\n              type=\"text\"\n              [value]=\"node.title\"\n              [disabled]=\"disableEditing\"\n              (change)=\"changeTitle(node, $event)\"\n            />\n          </div>\n        </div>\n        <div class=\"o-pipeline-editor__properties__detail\" [class.is-empty]=\"!selectedNode\">\n          <div>\n            <div #specific></div>\n          </div>\n        </div>\n        <div *ngIf=\"((errors$ | async)?.length ?? 0) > 0\" class=\"o-pipeline-editor__properties__errors\">\n          <div class=\"o-pipeline-editor__properties__errors__title\">\n            <pry-icon iconSvg=\"warning-triangle\"></pry-icon>\n            <p class=\"a-p\">{{ '@pry.pipeline.errors' | i18n }}:</p>\n          </div>\n          <ul>\n            <li *ngFor=\"let error of errors$ | async\">\n              <span class=\"type\">{{\n                (error?.nodeId === '-' ? '@pry.pipeline.global' : '@pry.pipeline.node') | i18n\n              }}</span>\n              {{ error.translated }}\n            </li>\n          </ul>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\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: "component", type: i3$2.AccordionComponent, selector: "pry-accordion" }, { kind: "component", type: i3$2.AccordionItemComponent, selector: "pry-accordion-item", inputs: ["item", "borderColor", "index", "translationStringBase", "length", "showSearchBar", "search$"], outputs: ["search"] }, { kind: "component", type: i3$2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: PryPipelineCssComponent, selector: "pry-pipeline-css" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$2.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryPipelineEditorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-pipeline-editor', template: "<pry-pipeline-css></pry-pipeline-css>\n<div class=\"o-pipeline\">\n  <div class=\"o-pipeline__menu\">\n    <pry-accordion>\n      <pry-accordion-item\n        *ngFor=\"let category of categories$ | async; let index = index\"\n        [item]=\"category\"\n        [borderColor]=\"(types$ | async)![category][0].color\"\n        [index]=\"index\"\n        [showSearchBar]=\"true\"\n        [search$]=\"search$\"\n        (search)=\"search($event)\"\n        translationStringBase=\"@pry.pipeline.\"\n      >\n        <ul class=\"o-pipeline__components\">\n          <ng-container *ngFor=\"let type of (types$ | async)![category]\">\n            <li [draggable]=\"!this.disableEditing\" (dragstart)=\"onDragStart($event, type)\">\n              <p class=\"a-p\">{{ type.label }}</p>\n              <pry-icon [width]=\"2\" [height]=\"20\" iconSvg=\"info\"></pry-icon>\n            </li>\n          </ng-container>\n        </ul>\n      </pry-accordion-item>\n    </pry-accordion>\n  </div>\n\n  <div class=\"o-pipeline__workspace\">\n    <div class=\"o-pipeline-layout__toolbox\">\n      <button class=\"a-btn a-btn--secondary --size-md\" type=\"button\" (click)=\"goBack()\">\n        {{ '@pry.pipeline.backToDescription' | i18n }}\n      </button>\n      <ng-container *ngFor=\"let action of actions\">\n        <button type=\"button\" (click)=\"clickedAction(action)\" class=\"a-btn a-btn--secondary --size-md\">\n          {{ '@pry.pipeline.' + action.type | i18n }}\n          <pry-icon [iconSvg]=\"action.icon\"></pry-icon>\n        </button>\n      </ng-container>\n    </div>\n    <div>\n      <h1 class=\"a-h1\">{{ this.pipeline?.title }}</h1>\n    </div>\n    <div class=\"o-pipeline-editor\">\n      <div (drop)=\"onDrop($event)\" class=\"o-pipeline-editor__grid\" #canvasParent>\n        <canvas #canvas class=\"canvas\"></canvas>\n      </div>\n      <div class=\"o-pipeline-editor__properties\">\n        <div\n          class=\"o-pipeline-editor__properties__node\"\n          *ngIf=\"selectedNode$ | async as node\"\n          [title]=\"node.properties['id']\"\n        >\n          <h3 class=\"a-h3\">{{ '@pry.pipeline.selectedTask' | i18n }}</h3>\n          <h4 class=\"a-h4\">{{ '@pry.pipeline.type' | i18n }}</h4>\n          <p class=\"a-p a-p--type\">{{ node.type }}</p>\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" for=\"{{ node.id }}\">{{ '@pry.pipeline.title' | i18n }}</label>\n            <input\n              class=\"a-form-field\"\n              id=\"{{ node.id }}\"\n              type=\"text\"\n              [value]=\"node.title\"\n              [disabled]=\"disableEditing\"\n              (change)=\"changeTitle(node, $event)\"\n            />\n          </div>\n        </div>\n        <div class=\"o-pipeline-editor__properties__detail\" [class.is-empty]=\"!selectedNode\">\n          <div>\n            <div #specific></div>\n          </div>\n        </div>\n        <div *ngIf=\"((errors$ | async)?.length ?? 0) > 0\" class=\"o-pipeline-editor__properties__errors\">\n          <div class=\"o-pipeline-editor__properties__errors__title\">\n            <pry-icon iconSvg=\"warning-triangle\"></pry-icon>\n            <p class=\"a-p\">{{ '@pry.pipeline.errors' | i18n }}:</p>\n          </div>\n          <ul>\n            <li *ngFor=\"let error of errors$ | async\">\n              <span class=\"type\">{{\n                (error?.nodeId === '-' ? '@pry.pipeline.global' : '@pry.pipeline.node') | i18n\n              }}</span>\n              {{ error.translated }}\n            </li>\n          </ul>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'pry-pipeline-editor', template: "<pry-pipeline-css></pry-pipeline-css>\n<div class=\"o-pipeline\">\n  <div class=\"o-pipeline__menu\">\n    <pry-accordion>\n      <pry-accordion-item\n        *ngFor=\"let category of categories$ | async; let index = index\"\n        [item]=\"category\"\n        [borderColor]=\"(types$ | async)![category][0].color\"\n        [index]=\"index\"\n        [showSearchBar]=\"true\"\n        [search$]=\"search$\"\n        (search)=\"search($event)\"\n        translationStringBase=\"@pry.pipeline.\"\n      >\n        <ul class=\"o-pipeline__components\">\n          <ng-container *ngFor=\"let type of (types$ | async)![category]\">\n            <li [draggable]=\"!this.disableEditing\" (dragstart)=\"onDragStart($event, type)\">\n              <p class=\"a-p\">{{ type.label }}</p>\n              <pry-icon [width]=\"2\" [height]=\"20\" iconSvg=\"info\"></pry-icon>\n            </li>\n          </ng-container>\n        </ul>\n      </pry-accordion-item>\n    </pry-accordion>\n  </div>\n\n  <div class=\"o-pipeline__workspace\">\n    <div class=\"o-pipeline-layout__toolbox\">\n      <button class=\"a-btn a-btn--secondary\" type=\"button\" (click)=\"goBack()\">\n        {{ '@pry.pipeline.backToDescription' | i18n }}\n      </button>\n      <ng-container *ngFor=\"let action of actions\">\n        <button type=\"button\" (click)=\"clickedAction(action)\" class=\"a-btn a-btn--secondary\">\n          {{ '@pry.pipeline.' + action.type | i18n }}\n          <pry-icon [iconSvg]=\"action.icon\"></pry-icon>\n        </button>\n      </ng-container>\n    </div>\n    <div>\n      <h1 class=\"a-h1\">{{ this.pipeline?.title }}</h1>\n    </div>\n    <div class=\"o-pipeline-editor\">\n      <div (drop)=\"onDrop($event)\" class=\"o-pipeline-editor__grid\" #canvasParent>\n        <canvas #canvas class=\"canvas\"></canvas>\n      </div>\n      <div class=\"o-pipeline-editor__properties\">\n        <div\n          class=\"o-pipeline-editor__properties__node\"\n          *ngIf=\"selectedNode$ | async as node\"\n          [title]=\"node.properties['id']\"\n        >\n          <h3 class=\"a-h3\">{{ '@pry.pipeline.selectedTask' | i18n }}</h3>\n          <h4 class=\"a-h4\">{{ '@pry.pipeline.type' | i18n }}</h4>\n          <p class=\"a-p a-p--type\">{{ node.type }}</p>\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" for=\"{{ node.id }}\">{{ '@pry.pipeline.title' | i18n }}</label>\n            <input\n              class=\"a-form-field\"\n              id=\"{{ node.id }}\"\n              type=\"text\"\n              [value]=\"node.title\"\n              [disabled]=\"disableEditing\"\n              (change)=\"changeTitle(node, $event)\"\n            />\n          </div>\n        </div>\n        <div class=\"o-pipeline-editor__properties__detail\" [class.is-empty]=\"!selectedNode\">\n          <div>\n            <div #specific></div>\n          </div>\n        </div>\n        <div *ngIf=\"((errors$ | async)?.length ?? 0) > 0\" class=\"o-pipeline-editor__properties__errors\">\n          <div class=\"o-pipeline-editor__properties__errors__title\">\n            <pry-icon iconSvg=\"warning-triangle\"></pry-icon>\n            <p class=\"a-p\">{{ '@pry.pipeline.errors' | i18n }}:</p>\n          </div>\n          <ul>\n            <li *ngFor=\"let error of errors$ | async\">\n              <span class=\"type\">{{\n                (error?.nodeId === '-' ? '@pry.pipeline.global' : '@pry.pipeline.node') | i18n\n              }}</span>\n              {{ error.translated }}\n            </li>\n          </ul>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }, { type: PipelineComponentFactoryService }, { type: i3$2.PryI18nService }]; }, propDecorators: { pipeline: [{
                 type: Input
             }], goToConsult: [{