@provoly/dashboard 0.19.1 → 0.19.3

package/fesm2022/provoly-dashboard-pipeline-components-noop.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"provoly-dashboard-pipeline-components-noop.mjs","sources":["../../../../projects/provoly/dashboard/pipeline-components/noop/component/noop.component.ts","../../../../projects/provoly/dashboard/pipeline-components/noop/node-class/noop-node.class.ts","../../../../projects/provoly/dashboard/pipeline-components/noop/noop.module.ts","../../../../projects/provoly/dashboard/pipeline-components/noop/provoly-dashboard-pipeline-components-noop.ts"],"sourcesContent":["import { Component } from '@angular/core';\nimport { PipelinePropertiesPanelComponent } from '@provoly/dashboard/pipeline';\n\n@Component({\n  selector: 'pry-pipeline-noop',\n  template: ``\n})\nexport class NoopComponent extends PipelinePropertiesPanelComponent {\n  constructor() {\n    super();\n  }\n}\n","import { BaseNode } from '@provoly/dashboard/pipeline';\n\nexport class NoopNode extends BaseNode {\n  constructor(title?: string, ...other: any) {\n    super();\n    this.properties['type'] = 'No op';\n    this.addInput('items', 'items');\n    this.addOutput('items', 'items');\n  }\n}\n","import { OverlayModule } from '@angular/cdk/overlay';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { PryCoreModule, PryDashboardModule, PryI18nModule, PrySelectModule } from '@provoly/dashboard';\nimport { PipelineComponentFactoryService } from '@provoly/dashboard/pipeline';\nimport { NoopComponent } from './component/noop.component';\nimport { NoopNode } from './node-class/noop-node.class';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FormsModule,\n    OverlayModule,\n    PryCoreModule,\n    PryDashboardModule,\n    PrySelectModule,\n    PryI18nModule\n  ],\n  declarations: [NoopComponent],\n  exports: [NoopComponent]\n})\nexport class PryPipelineNoopModule {\n  constructor(pipelineComponentFactoryService: PipelineComponentFactoryService) {\n    pipelineComponentFactoryService.addType('com.provoly.common.transfo.NoOp', NoopComponent, NoopNode);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;AAOM,MAAO,aAAc,SAAQ,gCAAgC,CAAA;AACjE,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE,CAAC;KACT;8GAHU,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAb,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,gFAFd,CAAE,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAED,aAAa,EAAA,UAAA,EAAA,CAAA;kBAJzB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,mBAAmB;AAC7B,oBAAA,QAAQ,EAAE,CAAE,CAAA;AACb,iBAAA,CAAA;;;ACJK,MAAO,QAAS,SAAQ,QAAQ,CAAA;IACpC,WAAY,CAAA,KAAc,EAAE,GAAG,KAAU,EAAA;AACvC,QAAA,KAAK,EAAE,CAAC;AACR,QAAA,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,GAAG,OAAO,CAAC;AAClC,QAAA,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;AAChC,QAAA,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;KAClC;AACF;;MCaY,qBAAqB,CAAA;AAChC,IAAA,WAAA,CAAY,+BAAgE,EAAA;QAC1E,+BAA+B,CAAC,OAAO,CAAC,iCAAiC,EAAE,aAAa,EAAE,QAAQ,CAAC,CAAC;KACrG;8GAHU,qBAAqB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,+BAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;+GAArB,qBAAqB,EAAA,YAAA,EAAA,CAHjB,aAAa,CAAA,EAAA,OAAA,EAAA,CAR1B,YAAY;YACZ,WAAW;YACX,aAAa;YACb,aAAa;YACb,kBAAkB;YAClB,eAAe;AACf,YAAA,aAAa,aAGL,aAAa,CAAA,EAAA,CAAA,CAAA,EAAA;AAEZ,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,YAX9B,YAAY;YACZ,WAAW;YACX,aAAa;YACb,aAAa;YACb,kBAAkB;YAClB,eAAe;YACf,aAAa,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAKJ,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAbjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,WAAW;wBACX,aAAa;wBACb,aAAa;wBACb,kBAAkB;wBAClB,eAAe;wBACf,aAAa;AACd,qBAAA;oBACD,YAAY,EAAE,CAAC,aAAa,CAAC;oBAC7B,OAAO,EAAE,CAAC,aAAa,CAAC;AACzB,iBAAA,CAAA;;;ACrBD;;AAEG;;;;"}
+{"version":3,"file":"provoly-dashboard-pipeline-components-noop.mjs","sources":["../../../../projects/provoly/dashboard/pipeline-components/noop/component/noop.component.ts","../../../../projects/provoly/dashboard/pipeline-components/noop/node-class/noop-node.class.ts","../../../../projects/provoly/dashboard/pipeline-components/noop/noop.module.ts","../../../../projects/provoly/dashboard/pipeline-components/noop/provoly-dashboard-pipeline-components-noop.ts"],"sourcesContent":["import { Component } from '@angular/core';\nimport { PipelinePropertiesPanelComponent } from '@provoly/dashboard/pipeline';\n\n@Component({\n  selector: 'pry-pipeline-noop',\n  template: ``\n})\nexport class NoopComponent extends PipelinePropertiesPanelComponent {\n  constructor() {\n    super();\n  }\n}\n","import { BaseNode } from '@provoly/dashboard/pipeline';\n\nexport class NoopNode extends BaseNode {\n  constructor(title?: string, ...other: any) {\n    super();\n    this.properties['type'] = 'No op';\n    this.addInput('items', 'items');\n    this.addOutput('items', 'items');\n  }\n}\n","import { OverlayModule } from '@angular/cdk/overlay';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { PryCoreModule, PryDashboardModule, PryI18nModule, PrySelectModule } from '@provoly/dashboard';\nimport { PipelineComponentFactoryService } from '@provoly/dashboard/pipeline';\nimport { NoopComponent } from './component/noop.component';\nimport { NoopNode } from './node-class/noop-node.class';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FormsModule,\n    OverlayModule,\n    PryCoreModule,\n    PryDashboardModule,\n    PrySelectModule,\n    PryI18nModule\n  ],\n  declarations: [NoopComponent],\n  exports: [NoopComponent]\n})\nexport class PryPipelineNoopModule {\n  constructor(pipelineComponentFactoryService: PipelineComponentFactoryService) {\n    pipelineComponentFactoryService.addType('com.provoly.common.transfo.NoOp', NoopComponent, NoopNode);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;AAOM,MAAO,aAAc,SAAQ,gCAAgC,CAAA;AACjE,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE,CAAC;KACT;+GAHU,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAb,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,aAAa,gFAFd,CAAE,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;4FAED,aAAa,EAAA,UAAA,EAAA,CAAA;kBAJzB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,mBAAmB;AAC7B,oBAAA,QAAQ,EAAE,CAAE,CAAA;AACb,iBAAA,CAAA;;;ACJK,MAAO,QAAS,SAAQ,QAAQ,CAAA;IACpC,WAAY,CAAA,KAAc,EAAE,GAAG,KAAU,EAAA;AACvC,QAAA,KAAK,EAAE,CAAC;AACR,QAAA,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,GAAG,OAAO,CAAC;AAClC,QAAA,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;AAChC,QAAA,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;KAClC;AACF;;MCaY,qBAAqB,CAAA;AAChC,IAAA,WAAA,CAAY,+BAAgE,EAAA;QAC1E,+BAA+B,CAAC,OAAO,CAAC,iCAAiC,EAAE,aAAa,EAAE,QAAQ,CAAC,CAAC;KACrG;+GAHU,qBAAqB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,+BAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;gHAArB,qBAAqB,EAAA,YAAA,EAAA,CAHjB,aAAa,CAAA,EAAA,OAAA,EAAA,CAR1B,YAAY;YACZ,WAAW;YACX,aAAa;YACb,aAAa;YACb,kBAAkB;YAClB,eAAe;AACf,YAAA,aAAa,aAGL,aAAa,CAAA,EAAA,CAAA,CAAA,EAAA;AAEZ,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,YAX9B,YAAY;YACZ,WAAW;YACX,aAAa;YACb,aAAa;YACb,kBAAkB;YAClB,eAAe;YACf,aAAa,CAAA,EAAA,CAAA,CAAA,EAAA;;4FAKJ,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAbjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,WAAW;wBACX,aAAa;wBACb,aAAa;wBACb,kBAAkB;wBAClB,eAAe;wBACf,aAAa;AACd,qBAAA;oBACD,YAAY,EAAE,CAAC,aAAa,CAAC;oBAC7B,OAAO,EAAE,CAAC,aAAa,CAAC;AACzB,iBAAA,CAAA;;;ACrBD;;AAEG;;;;"}

package/fesm2022/provoly-dashboard-pipeline-components-output-dataset.mjs

@@ -26,10 +26,10 @@ class OutputDatasetComponent extends PipelinePropertiesPanelComponent {
         this.node.properties['dataset'] = $event;
         this.checkFn();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: OutputDatasetComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: OutputDatasetComponent, selector: "pry-pipeline-output-dataset-definition", usesInheritance: true, ngImport: i0, template: "<div class=\"m-form-label-field\">\n  <label class=\"a-label\" for=\"dataset\">{{ '@pry.pipeline.dataset.output' | i18n }}</label>\n  <pry-select\n    [itemsAsOption]=\"true\"\n    [items]=\"datasets$ | async\"\n    [ngModel]=\"node.properties['dataset']\"\n    (ngModelChange)=\"change($event)\"\n    [disabled]=\"disabled\"\n    bindLabel=\"name\"\n    bindValue=\"id\"\n    class=\"a-pry-select\"\n    id=\"dataset\"\n  ></pry-select>\n</div>\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: "component", type: i3.PrySelectComponent, selector: "pry-select", inputs: ["labelTranslate", "baseTranslate", "translationFn", "translationFnArgs", "clearable", "multiple", "multipleClearRight", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "items", "itemsAsOption", "bindData", "bindValue", "bindLabel", "bindIcon", "iconSize", "templateLabel", "templateOption", "autocomplete"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OutputDatasetComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: OutputDatasetComponent, selector: "pry-pipeline-output-dataset-definition", usesInheritance: true, ngImport: i0, template: "<div class=\"m-form-label-field\">\n  <label class=\"a-label\" for=\"dataset\">{{ '@pry.pipeline.dataset.output' | i18n }}</label>\n  <pry-select\n    [itemsAsOption]=\"true\"\n    [items]=\"datasets$ | async\"\n    [ngModel]=\"node.properties['dataset']\"\n    (ngModelChange)=\"change($event)\"\n    [disabled]=\"disabled\"\n    bindLabel=\"name\"\n    bindValue=\"id\"\n    class=\"a-pry-select\"\n    id=\"dataset\"\n  ></pry-select>\n</div>\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: "component", type: i3.PrySelectComponent, selector: "pry-select", inputs: ["labelTranslate", "baseTranslate", "translationFn", "translationFnArgs", "clearable", "multiple", "multipleClearRight", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "items", "itemsAsOption", "bindData", "bindValue", "bindLabel", "bindIcon", "iconSize", "templateLabel", "templateOption", "autocomplete"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: OutputDatasetComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OutputDatasetComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-pipeline-output-dataset-definition', template: "<div class=\"m-form-label-field\">\n  <label class=\"a-label\" for=\"dataset\">{{ '@pry.pipeline.dataset.output' | i18n }}</label>\n  <pry-select\n    [itemsAsOption]=\"true\"\n    [items]=\"datasets$ | async\"\n    [ngModel]=\"node.properties['dataset']\"\n    (ngModelChange)=\"change($event)\"\n    [disabled]=\"disabled\"\n    bindLabel=\"name\"\n    bindValue=\"id\"\n    class=\"a-pry-select\"\n    id=\"dataset\"\n  ></pry-select>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }]; } });
@@ -79,15 +79,15 @@ class PryPipelineOutputDatasetModule {
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryPipelineOutputDatasetModule, deps: [{ token: i1$1.PipelineComponentFactoryService }, { token: i3.PryI18nService }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: PryPipelineOutputDatasetModule, declarations: [OutputDatasetComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryPipelineOutputDatasetModule, deps: [{ token: i1$1.PipelineComponentFactoryService }, { token: i3.PryI18nService }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PryPipelineOutputDatasetModule, declarations: [OutputDatasetComponent], imports: [CommonModule,
             FormsModule,
             OverlayModule,
             PryCoreModule,
             PryDashboardModule,
             PrySelectModule,
             PryI18nModule], exports: [OutputDatasetComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryPipelineOutputDatasetModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryPipelineOutputDatasetModule, imports: [CommonModule,
             FormsModule,
             OverlayModule,
             PryCoreModule,
@@ -95,7 +95,7 @@ class PryPipelineOutputDatasetModule {
             PrySelectModule,
             PryI18nModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryPipelineOutputDatasetModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryPipelineOutputDatasetModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/fesm2022/provoly-dashboard-pipeline-components-output-dataset.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"provoly-dashboard-pipeline-components-output-dataset.mjs","sources":["../../../../projects/provoly/dashboard/pipeline-components/output-dataset/component/output-dataset.component.ts","../../../../projects/provoly/dashboard/pipeline-components/output-dataset/component/output-dataset.component.html","../../../../projects/provoly/dashboard/pipeline-components/output-dataset/i18n/en.translations.ts","../../../../projects/provoly/dashboard/pipeline-components/output-dataset/i18n/fr.translations.ts","../../../../projects/provoly/dashboard/pipeline-components/output-dataset/node-class/output-dataset-node.class.ts","../../../../projects/provoly/dashboard/pipeline-components/output-dataset/output-dataset.module.ts","../../../../projects/provoly/dashboard/pipeline-components/output-dataset/provoly-dashboard-pipeline-components-output-dataset.ts"],"sourcesContent":["import { Component } from '@angular/core';\nimport { Store } from '@ngrx/store';\nimport { Dataset, DataSourceActions, DataSourceSelectors, PryDatasetType } from '@provoly/dashboard';\nimport { PipelinePropertiesPanelComponent } from '@provoly/dashboard/pipeline';\nimport { map, Observable } from 'rxjs';\n\n@Component({\n  selector: 'pry-pipeline-output-dataset-definition',\n  templateUrl: './output-dataset.component.html'\n})\nexport class OutputDatasetComponent extends PipelinePropertiesPanelComponent {\n  datasets$: Observable<Dataset[]>;\n\n  constructor(private store: Store) {\n    super();\n    this.store.dispatch(DataSourceActions.dataset.loadDataset());\n    this.datasets$ = this.store\n      .select(DataSourceSelectors.datasets)\n      .pipe(map((datasets: Dataset[]) => datasets.filter((dataset) => dataset.type === PryDatasetType.CLOSED)));\n  }\n\n  change($event: any) {\n    this.node.properties['dataset'] = $event;\n    this.checkFn();\n  }\n}\n","<div class=\"m-form-label-field\">\n  <label class=\"a-label\" for=\"dataset\">{{ '@pry.pipeline.dataset.output' | i18n }}</label>\n  <pry-select\n    [itemsAsOption]=\"true\"\n    [items]=\"datasets$ | async\"\n    [ngModel]=\"node.properties['dataset']\"\n    (ngModelChange)=\"change($event)\"\n    [disabled]=\"disabled\"\n    bindLabel=\"name\"\n    bindValue=\"id\"\n    class=\"a-pry-select\"\n    id=\"dataset\"\n  ></pry-select>\n</div>\n","export const enTranslations = {\n  '@pry': {\n    pipeline: {\n      dataset: { output: 'Dataset destination' }\n    }\n  }\n};\n","export const frTranslations = {\n  '@pry': {\n    pipeline: {\n      dataset: { output: 'Destination dataset' }\n    }\n  }\n};\n","import { BaseNode } from '@provoly/dashboard/pipeline';\nimport { LiteGraph } from 'litegraph.js';\n\nexport class OutputDatasetNode extends BaseNode {\n  constructor(title?: string, ...other: any) {\n    super();\n    this.properties['type'] = 'OutputDataset';\n    this.color = OutputDatasetNode.getNodeTitleColor();\n    this.titleColor = '#000000';\n    this.shape = LiteGraph.BOX_SHAPE;\n    this.addInput('items', 'items');\n    this.addInput('groups', 'groups');\n  }\n\n  static override getNodeTitleColor() {\n    return '#7BCCAD';\n  }\n}\n","import { OverlayModule } from '@angular/cdk/overlay';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { Store } from '@ngrx/store';\nimport {\n  DataSourceActions,\n  DataSourceSelectors,\n  PryCoreModule,\n  PryDashboardModule,\n  PryDatasetType,\n  PryI18nModule,\n  PryI18nService,\n  PrySelectModule\n} from '@provoly/dashboard';\nimport { PipelineComponentFactoryService } from '@provoly/dashboard/pipeline';\nimport { OutputDatasetComponent } from './component/output-dataset.component';\nimport { enTranslations } from './i18n/en.translations';\nimport { frTranslations } from './i18n/fr.translations';\nimport { OutputDatasetNode } from './node-class/output-dataset-node.class';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FormsModule,\n    OverlayModule,\n    PryCoreModule,\n    PryDashboardModule,\n    PrySelectModule,\n    PryI18nModule\n  ],\n  declarations: [OutputDatasetComponent],\n  exports: [OutputDatasetComponent]\n})\nexport class PryPipelineOutputDatasetModule {\n  constructor(\n    pipelineComponentFactoryService: PipelineComponentFactoryService,\n    private pryTranslateService: PryI18nService,\n    private store: Store\n  ) {\n    this.pryTranslateService.addLangObject('fr', 'pipeline-outputdsdef', frTranslations);\n    this.pryTranslateService.addLangObject('en', 'pipeline-outputdsdef', enTranslations);\n\n    this.store.dispatch(DataSourceActions.dataset.loadDataset());\n    this.store.select(DataSourceSelectors.datasets).subscribe((datasources) => {\n      const closedDatasources = datasources.filter((def) => def.type === PryDatasetType.CLOSED);\n      closedDatasources.forEach((datasource) => {\n        pipelineComponentFactoryService.addType(\n          'com.provoly.common.transfo.OutputDataset',\n          OutputDatasetComponent,\n          OutputDatasetNode,\n          'output',\n          datasource.name,\n          true,\n          { dataset: datasource.id }\n        );\n      });\n    });\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i2","i3"],"mappings":"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"}
+{"version":3,"file":"provoly-dashboard-pipeline-components-output-dataset.mjs","sources":["../../../../projects/provoly/dashboard/pipeline-components/output-dataset/component/output-dataset.component.ts","../../../../projects/provoly/dashboard/pipeline-components/output-dataset/component/output-dataset.component.html","../../../../projects/provoly/dashboard/pipeline-components/output-dataset/i18n/en.translations.ts","../../../../projects/provoly/dashboard/pipeline-components/output-dataset/i18n/fr.translations.ts","../../../../projects/provoly/dashboard/pipeline-components/output-dataset/node-class/output-dataset-node.class.ts","../../../../projects/provoly/dashboard/pipeline-components/output-dataset/output-dataset.module.ts","../../../../projects/provoly/dashboard/pipeline-components/output-dataset/provoly-dashboard-pipeline-components-output-dataset.ts"],"sourcesContent":["import { Component } from '@angular/core';\nimport { Store } from '@ngrx/store';\nimport { Dataset, DataSourceActions, DataSourceSelectors, PryDatasetType } from '@provoly/dashboard';\nimport { PipelinePropertiesPanelComponent } from '@provoly/dashboard/pipeline';\nimport { map, Observable } from 'rxjs';\n\n@Component({\n  selector: 'pry-pipeline-output-dataset-definition',\n  templateUrl: './output-dataset.component.html'\n})\nexport class OutputDatasetComponent extends PipelinePropertiesPanelComponent {\n  datasets$: Observable<Dataset[]>;\n\n  constructor(private store: Store) {\n    super();\n    this.store.dispatch(DataSourceActions.dataset.loadDataset());\n    this.datasets$ = this.store\n      .select(DataSourceSelectors.datasets)\n      .pipe(map((datasets: Dataset[]) => datasets.filter((dataset) => dataset.type === PryDatasetType.CLOSED)));\n  }\n\n  change($event: any) {\n    this.node.properties['dataset'] = $event;\n    this.checkFn();\n  }\n}\n","<div class=\"m-form-label-field\">\n  <label class=\"a-label\" for=\"dataset\">{{ '@pry.pipeline.dataset.output' | i18n }}</label>\n  <pry-select\n    [itemsAsOption]=\"true\"\n    [items]=\"datasets$ | async\"\n    [ngModel]=\"node.properties['dataset']\"\n    (ngModelChange)=\"change($event)\"\n    [disabled]=\"disabled\"\n    bindLabel=\"name\"\n    bindValue=\"id\"\n    class=\"a-pry-select\"\n    id=\"dataset\"\n  ></pry-select>\n</div>\n","export const enTranslations = {\n  '@pry': {\n    pipeline: {\n      dataset: { output: 'Dataset destination' }\n    }\n  }\n};\n","export const frTranslations = {\n  '@pry': {\n    pipeline: {\n      dataset: { output: 'Destination dataset' }\n    }\n  }\n};\n","import { BaseNode } from '@provoly/dashboard/pipeline';\nimport { LiteGraph } from 'litegraph.js';\n\nexport class OutputDatasetNode extends BaseNode {\n  constructor(title?: string, ...other: any) {\n    super();\n    this.properties['type'] = 'OutputDataset';\n    this.color = OutputDatasetNode.getNodeTitleColor();\n    this.titleColor = '#000000';\n    this.shape = LiteGraph.BOX_SHAPE;\n    this.addInput('items', 'items');\n    this.addInput('groups', 'groups');\n  }\n\n  static override getNodeTitleColor() {\n    return '#7BCCAD';\n  }\n}\n","import { OverlayModule } from '@angular/cdk/overlay';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { Store } from '@ngrx/store';\nimport {\n  DataSourceActions,\n  DataSourceSelectors,\n  PryCoreModule,\n  PryDashboardModule,\n  PryDatasetType,\n  PryI18nModule,\n  PryI18nService,\n  PrySelectModule\n} from '@provoly/dashboard';\nimport { PipelineComponentFactoryService } from '@provoly/dashboard/pipeline';\nimport { OutputDatasetComponent } from './component/output-dataset.component';\nimport { enTranslations } from './i18n/en.translations';\nimport { frTranslations } from './i18n/fr.translations';\nimport { OutputDatasetNode } from './node-class/output-dataset-node.class';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FormsModule,\n    OverlayModule,\n    PryCoreModule,\n    PryDashboardModule,\n    PrySelectModule,\n    PryI18nModule\n  ],\n  declarations: [OutputDatasetComponent],\n  exports: [OutputDatasetComponent]\n})\nexport class PryPipelineOutputDatasetModule {\n  constructor(\n    pipelineComponentFactoryService: PipelineComponentFactoryService,\n    private pryTranslateService: PryI18nService,\n    private store: Store\n  ) {\n    this.pryTranslateService.addLangObject('fr', 'pipeline-outputdsdef', frTranslations);\n    this.pryTranslateService.addLangObject('en', 'pipeline-outputdsdef', enTranslations);\n\n    this.store.dispatch(DataSourceActions.dataset.loadDataset());\n    this.store.select(DataSourceSelectors.datasets).subscribe((datasources) => {\n      const closedDatasources = datasources.filter((def) => def.type === PryDatasetType.CLOSED);\n      closedDatasources.forEach((datasource) => {\n        pipelineComponentFactoryService.addType(\n          'com.provoly.common.transfo.OutputDataset',\n          OutputDatasetComponent,\n          OutputDatasetNode,\n          'output',\n          datasource.name,\n          true,\n          { dataset: datasource.id }\n        );\n      });\n    });\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i2","i3"],"mappings":"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"}

package/fesm2022/provoly-dashboard-pipeline-components-subgraph.mjs

@@ -13,10 +13,10 @@ class EmptyComponent extends PipelinePropertiesPanelComponent {
     constructor() {
         super();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: EmptyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: EmptyComponent, selector: "pry-pipeline-graph-panel", usesInheritance: true, ngImport: i0, template: ``, isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EmptyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EmptyComponent, selector: "pry-pipeline-graph-panel", usesInheritance: true, ngImport: i0, template: ``, isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: EmptyComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EmptyComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'pry-pipeline-graph-panel',
@@ -147,15 +147,15 @@ class PryPipelineSubgraphModule {
         pipelineComponentFactoryService.addType('SubGraphInput', EmptyComponent, SubGraphInput, 'operation', '', false);
         pipelineComponentFactoryService.addType('SubGraphOutput', EmptyComponent, SubGraphOutput, 'operation', '', false);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryPipelineSubgraphModule, deps: [{ token: i1.PipelineComponentFactoryService }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: PryPipelineSubgraphModule, declarations: [EmptyComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryPipelineSubgraphModule, deps: [{ token: i1.PipelineComponentFactoryService }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PryPipelineSubgraphModule, declarations: [EmptyComponent], imports: [CommonModule,
             FormsModule,
             OverlayModule,
             PryCoreModule,
             PryDashboardModule,
             PrySelectModule,
             PryI18nModule], exports: [EmptyComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryPipelineSubgraphModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryPipelineSubgraphModule, imports: [CommonModule,
             FormsModule,
             OverlayModule,
             PryCoreModule,
@@ -163,7 +163,7 @@ class PryPipelineSubgraphModule {
             PrySelectModule,
             PryI18nModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryPipelineSubgraphModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryPipelineSubgraphModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/fesm2022/provoly-dashboard-pipeline-components-subgraph.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"provoly-dashboard-pipeline-components-subgraph.mjs","sources":["../../../../projects/provoly/dashboard/pipeline-components/subgraph/component/empty.component.ts","../../../../projects/provoly/dashboard/pipeline-components/subgraph/node-class/sub-graph-input.class.ts","../../../../projects/provoly/dashboard/pipeline-components/subgraph/node-class/sub-graph-output.class.ts","../../../../projects/provoly/dashboard/pipeline-components/subgraph/node-class/sub-graph-node.class.ts","../../../../projects/provoly/dashboard/pipeline-components/subgraph/subgraph.module.ts","../../../../projects/provoly/dashboard/pipeline-components/subgraph/provoly-dashboard-pipeline-components-subgraph.ts"],"sourcesContent":["import { Component } from '@angular/core';\nimport { PipelinePropertiesPanelComponent } from '@provoly/dashboard/pipeline';\n\n@Component({\n  selector: 'pry-pipeline-graph-panel',\n  template: ``\n})\nexport class EmptyComponent extends PipelinePropertiesPanelComponent {\n  constructor() {\n    super();\n  }\n}\n","import { BaseNode } from '@provoly/dashboard/pipeline';\nimport { v4 } from 'uuid';\n\nexport class SubGraphInput extends BaseNode {\n  constructor(title?: string, ...other: any) {\n    super();\n    this.properties['id'] = v4();\n    this.title = title ?? '';\n    this.color = '#a7f6fd';\n    this.titleColor = '#000000';\n    const offset = parseInt(title?.split('-')[title?.split('-').length - 1] ?? '1', 10) + 1;\n    this.pos = [50, offset * 100];\n    this.addOutput('items', 'items');\n  }\n}\n","import { BaseNode } from '@provoly/dashboard/pipeline';\nimport { v4 } from 'uuid';\n\nexport class SubGraphOutput extends BaseNode {\n  constructor(title?: string, ...other: any) {\n    super();\n    this.properties['id'] = v4();\n    this.title = title ?? '';\n    this.color = '#a7f6fd';\n    this.titleColor = '#000000';\n    const offset = parseInt(title?.split('-')[title?.split('-').length - 1] ?? '1', 10) + 1;\n    this.pos = [600, offset * 100];\n    this.addInput('items', 'items');\n  }\n}\n","import { BaseNode, PipelineActions } from '@provoly/dashboard/pipeline';\nimport { LGraph, LiteGraph, SerializedLGraphNode } from 'litegraph.js';\nimport { v4 } from 'uuid';\nimport { SubGraphInput } from './sub-graph-input.class';\nimport { SubGraphOutput } from './sub-graph-output.class';\n\nexport class SubGraphNode extends BaseNode {\n  subGraph: LGraph;\n  private inputWidget: any;\n  private outputWidget: any;\n\n  constructor(title?: string, ...other: any) {\n    super();\n    this.properties['id'] = v4();\n    this.properties['type'] = 'SubGraphNode';\n    this.color = SubGraphNode.getNodeTitleColor();\n    this.titleColor = '#000000';\n    this.shape = LiteGraph.BOX_SHAPE;\n    this.subGraph = new LGraph();\n    this.inputWidget = this.addWidget(\n      'combo',\n      'inputs',\n      0,\n      (value) => {\n        while (this.inputs.length > value) {\n          this.destroyInput();\n        }\n        while (this.inputs.length < value) {\n          this.createInput();\n        }\n      },\n      { values: [0, 1, 2, 3, 4, 5] }\n    );\n    this.outputWidget = this.addWidget(\n      'combo',\n      'outputs',\n      0,\n      (value) => {\n        while (this.outputs.length > value) {\n          this.destroyOutput();\n        }\n        while (this.outputs.length < value) {\n          this.createOutput();\n        }\n      },\n      { values: [0, 1, 2, 3, 4, 5] }\n    );\n  }\n\n  override onSelected() {\n    BaseNode.store.dispatch(PipelineActions.select({ id: this.properties['id'] }));\n  }\n\n  static override getNodeTitleColor() {\n    return '#a7f6fd';\n  }\n\n  createInput(id?: string) {\n    const nextInputId = this.inputs.length;\n    this.addInput(`input-items-${nextInputId}`, 'items');\n    if (!id) {\n      const node_const = LiteGraph.createNode('SubGraphInput', `input-items-${nextInputId}`, {});\n      this.subGraph.add(node_const);\n    }\n    this.properties['inputs'] = this.inputs.length;\n    this.inputWidget.value = this.inputs.length;\n    BaseNode.check();\n  }\n\n  destroyInput() {\n    this.removeInput(this.inputs.length - 1);\n    const nodeInSubgraphToRemove = this.subGraph\n      .findNodesByClass(SubGraphInput)\n      .find((input) => input.title === `input-items-${this.inputs.length}`);\n    if (nodeInSubgraphToRemove) {\n      this.subGraph.remove(nodeInSubgraphToRemove);\n    }\n    this.properties['inputs'] = this.inputs.length;\n    BaseNode.check();\n  }\n\n  createOutput(id?: string) {\n    const nextOutputId = this.outputs.length;\n    this.addOutput(`output-items-${nextOutputId}`, 'items');\n    if (!id) {\n      const node_const = LiteGraph.createNode('SubGraphOutput', `output-items-${nextOutputId}`, {});\n      this.subGraph.add(node_const);\n    }\n    this.properties['outputs'] = this.outputs.length;\n    this.outputWidget.value = this.outputs.length;\n    BaseNode.check();\n  }\n\n  destroyOutput() {\n    this.removeOutput(this.outputs.length - 1);\n    const nodeInSubgraphToRemove = this.subGraph\n      .findNodesByClass(SubGraphOutput)\n      .find((output) => output.title === `output-items-${this.outputs.length}`);\n    if (nodeInSubgraphToRemove) {\n      this.subGraph.remove(nodeInSubgraphToRemove);\n    }\n    this.properties['outputs'] = this.outputs.length;\n    BaseNode.check();\n  }\n\n  override onSerialize(o: SerializedLGraphNode) {\n    if (o && o.properties) {\n      o.properties['inputs'] = this.inputs.length;\n      o.properties['outputs'] = this.outputs.length;\n      o.properties['subgraph'] = this.subGraph?.serialize() ?? undefined;\n    }\n  }\n\n  override onPropertyChanged(property: string, value: any, prevValue: any): void | boolean {\n    BaseNode.check();\n  }\n\n  override onConnectionsChange() {\n    BaseNode.check();\n  }\n}\n","import { OverlayModule } from '@angular/cdk/overlay';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { PryCoreModule, PryDashboardModule, PryI18nModule, PrySelectModule } from '@provoly/dashboard';\nimport { PipelineComponentFactoryService } from '@provoly/dashboard/pipeline';\nimport { EmptyComponent } from './component/empty.component';\nimport { SubGraphInput } from './node-class/sub-graph-input.class';\nimport { SubGraphNode } from './node-class/sub-graph-node.class';\nimport { SubGraphOutput } from './node-class/sub-graph-output.class';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FormsModule,\n    OverlayModule,\n    PryCoreModule,\n    PryDashboardModule,\n    PrySelectModule,\n    PryI18nModule\n  ],\n  declarations: [EmptyComponent],\n  exports: [EmptyComponent]\n})\nexport class PryPipelineSubgraphModule {\n  constructor(pipelineComponentFactoryService: PipelineComponentFactoryService) {\n    pipelineComponentFactoryService.addType('SubGraphNode', EmptyComponent, SubGraphNode);\n    pipelineComponentFactoryService.addType('SubGraphInput', EmptyComponent, SubGraphInput, 'operation', '', false);\n    pipelineComponentFactoryService.addType('SubGraphOutput', EmptyComponent, SubGraphOutput, 'operation', '', false);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"provoly-dashboard-pipeline-components-subgraph.mjs","sources":["../../../../projects/provoly/dashboard/pipeline-components/subgraph/component/empty.component.ts","../../../../projects/provoly/dashboard/pipeline-components/subgraph/node-class/sub-graph-input.class.ts","../../../../projects/provoly/dashboard/pipeline-components/subgraph/node-class/sub-graph-output.class.ts","../../../../projects/provoly/dashboard/pipeline-components/subgraph/node-class/sub-graph-node.class.ts","../../../../projects/provoly/dashboard/pipeline-components/subgraph/subgraph.module.ts","../../../../projects/provoly/dashboard/pipeline-components/subgraph/provoly-dashboard-pipeline-components-subgraph.ts"],"sourcesContent":["import { Component } from '@angular/core';\nimport { PipelinePropertiesPanelComponent } from '@provoly/dashboard/pipeline';\n\n@Component({\n  selector: 'pry-pipeline-graph-panel',\n  template: ``\n})\nexport class EmptyComponent extends PipelinePropertiesPanelComponent {\n  constructor() {\n    super();\n  }\n}\n","import { BaseNode } from '@provoly/dashboard/pipeline';\nimport { v4 } from 'uuid';\n\nexport class SubGraphInput extends BaseNode {\n  constructor(title?: string, ...other: any) {\n    super();\n    this.properties['id'] = v4();\n    this.title = title ?? '';\n    this.color = '#a7f6fd';\n    this.titleColor = '#000000';\n    const offset = parseInt(title?.split('-')[title?.split('-').length - 1] ?? '1', 10) + 1;\n    this.pos = [50, offset * 100];\n    this.addOutput('items', 'items');\n  }\n}\n","import { BaseNode } from '@provoly/dashboard/pipeline';\nimport { v4 } from 'uuid';\n\nexport class SubGraphOutput extends BaseNode {\n  constructor(title?: string, ...other: any) {\n    super();\n    this.properties['id'] = v4();\n    this.title = title ?? '';\n    this.color = '#a7f6fd';\n    this.titleColor = '#000000';\n    const offset = parseInt(title?.split('-')[title?.split('-').length - 1] ?? '1', 10) + 1;\n    this.pos = [600, offset * 100];\n    this.addInput('items', 'items');\n  }\n}\n","import { BaseNode, PipelineActions } from '@provoly/dashboard/pipeline';\nimport { LGraph, LiteGraph, SerializedLGraphNode } from 'litegraph.js';\nimport { v4 } from 'uuid';\nimport { SubGraphInput } from './sub-graph-input.class';\nimport { SubGraphOutput } from './sub-graph-output.class';\n\nexport class SubGraphNode extends BaseNode {\n  subGraph: LGraph;\n  private inputWidget: any;\n  private outputWidget: any;\n\n  constructor(title?: string, ...other: any) {\n    super();\n    this.properties['id'] = v4();\n    this.properties['type'] = 'SubGraphNode';\n    this.color = SubGraphNode.getNodeTitleColor();\n    this.titleColor = '#000000';\n    this.shape = LiteGraph.BOX_SHAPE;\n    this.subGraph = new LGraph();\n    this.inputWidget = this.addWidget(\n      'combo',\n      'inputs',\n      0,\n      (value) => {\n        while (this.inputs.length > value) {\n          this.destroyInput();\n        }\n        while (this.inputs.length < value) {\n          this.createInput();\n        }\n      },\n      { values: [0, 1, 2, 3, 4, 5] }\n    );\n    this.outputWidget = this.addWidget(\n      'combo',\n      'outputs',\n      0,\n      (value) => {\n        while (this.outputs.length > value) {\n          this.destroyOutput();\n        }\n        while (this.outputs.length < value) {\n          this.createOutput();\n        }\n      },\n      { values: [0, 1, 2, 3, 4, 5] }\n    );\n  }\n\n  override onSelected() {\n    BaseNode.store.dispatch(PipelineActions.select({ id: this.properties['id'] }));\n  }\n\n  static override getNodeTitleColor() {\n    return '#a7f6fd';\n  }\n\n  createInput(id?: string) {\n    const nextInputId = this.inputs.length;\n    this.addInput(`input-items-${nextInputId}`, 'items');\n    if (!id) {\n      const node_const = LiteGraph.createNode('SubGraphInput', `input-items-${nextInputId}`, {});\n      this.subGraph.add(node_const);\n    }\n    this.properties['inputs'] = this.inputs.length;\n    this.inputWidget.value = this.inputs.length;\n    BaseNode.check();\n  }\n\n  destroyInput() {\n    this.removeInput(this.inputs.length - 1);\n    const nodeInSubgraphToRemove = this.subGraph\n      .findNodesByClass(SubGraphInput)\n      .find((input) => input.title === `input-items-${this.inputs.length}`);\n    if (nodeInSubgraphToRemove) {\n      this.subGraph.remove(nodeInSubgraphToRemove);\n    }\n    this.properties['inputs'] = this.inputs.length;\n    BaseNode.check();\n  }\n\n  createOutput(id?: string) {\n    const nextOutputId = this.outputs.length;\n    this.addOutput(`output-items-${nextOutputId}`, 'items');\n    if (!id) {\n      const node_const = LiteGraph.createNode('SubGraphOutput', `output-items-${nextOutputId}`, {});\n      this.subGraph.add(node_const);\n    }\n    this.properties['outputs'] = this.outputs.length;\n    this.outputWidget.value = this.outputs.length;\n    BaseNode.check();\n  }\n\n  destroyOutput() {\n    this.removeOutput(this.outputs.length - 1);\n    const nodeInSubgraphToRemove = this.subGraph\n      .findNodesByClass(SubGraphOutput)\n      .find((output) => output.title === `output-items-${this.outputs.length}`);\n    if (nodeInSubgraphToRemove) {\n      this.subGraph.remove(nodeInSubgraphToRemove);\n    }\n    this.properties['outputs'] = this.outputs.length;\n    BaseNode.check();\n  }\n\n  override onSerialize(o: SerializedLGraphNode) {\n    if (o && o.properties) {\n      o.properties['inputs'] = this.inputs.length;\n      o.properties['outputs'] = this.outputs.length;\n      o.properties['subgraph'] = this.subGraph?.serialize() ?? undefined;\n    }\n  }\n\n  override onPropertyChanged(property: string, value: any, prevValue: any): void | boolean {\n    BaseNode.check();\n  }\n\n  override onConnectionsChange() {\n    BaseNode.check();\n  }\n}\n","import { OverlayModule } from '@angular/cdk/overlay';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { PryCoreModule, PryDashboardModule, PryI18nModule, PrySelectModule } from '@provoly/dashboard';\nimport { PipelineComponentFactoryService } from '@provoly/dashboard/pipeline';\nimport { EmptyComponent } from './component/empty.component';\nimport { SubGraphInput } from './node-class/sub-graph-input.class';\nimport { SubGraphNode } from './node-class/sub-graph-node.class';\nimport { SubGraphOutput } from './node-class/sub-graph-output.class';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FormsModule,\n    OverlayModule,\n    PryCoreModule,\n    PryDashboardModule,\n    PrySelectModule,\n    PryI18nModule\n  ],\n  declarations: [EmptyComponent],\n  exports: [EmptyComponent]\n})\nexport class PryPipelineSubgraphModule {\n  constructor(pipelineComponentFactoryService: PipelineComponentFactoryService) {\n    pipelineComponentFactoryService.addType('SubGraphNode', EmptyComponent, SubGraphNode);\n    pipelineComponentFactoryService.addType('SubGraphInput', EmptyComponent, SubGraphInput, 'operation', '', false);\n    pipelineComponentFactoryService.addType('SubGraphOutput', EmptyComponent, SubGraphOutput, 'operation', '', false);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/provoly-dashboard-pipeline.mjs

@@ -164,10 +164,10 @@ class PryPipelineDetailsComponent extends SubscriptionnerDirective {
             active: !this.pipeline.active
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryPipelineDetailsComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PryPipelineDetailsComponent, selector: "pry-pipeline-details", inputs: { pipeline: "pipeline" }, outputs: { goToList: "goToList", goToConsult: "goToConsult", goToEditor: "goToEditor", executeConfirm: "executeConfirm" }, usesInheritance: true, ngImport: i0, template: "<div class=\"o-pipeline-layout__toolbox\">\n  <button\n    class=\"a-btn a-btn--primary a-btn--icon-text\"\n    type=\"button\"\n    [disabled]=\"!(isSaved$ | async) || !pipeline.active\"\n    (click)=\"executeConfirm.emit()\"\n  >\n    {{ '@pry.pipeline.execute' | i18n }}\n  </button>\n  <button class=\"a-btn a-btn--secondary a-btn--icon-text\" type=\"button\" (click)=\"goToList.emit()\">\n    {{ '@pry.pipeline.goBack' | i18n }}\n  </button>\n  <div class=\"\" *ngIf=\"isSaved$ | async\">\n    <pry-toggle [ngModel]=\"pipeline.active\" (ngModelChange)=\"toggleActivation()\" dir=\"ltr\" mode=\"action\">{{\n      '@pry.pipeline.activated' | i18n\n    }}</pry-toggle>\n  </div>\n</div>\n<div class=\"o-pipeline-layout__details\">\n  <h2>{{ '@pry.pipeline.details.transformation' | i18n }} {{ pipeline.title }}</h2>\n  <div class=\"row\">\n    <form id=\"detailForm\" [formGroup]=\"form\" (ngSubmit)=\"save()\">\n      <label for=\"title\" class=\"a-label\">{{ '@pry.pipeline.details.title' | i18n }}</label>\n      <input type=\"text\" id=\"title\" name=\"title\" class=\"a-form-field\" formControlName=\"title\" />\n      <label\n        for=\"title\"\n        *ngIf=\"form.get('title')?.touched && form.get('title')?.hasError('required')\"\n        class=\"a-label a-label--help -error\"\n      >\n        {{ '@pry.pipeline.details.required' | i18n }}\n      </label>\n      <label for=\"title\" *ngIf=\"form.get('title')?.hasError('maxlength')\" class=\"a-label a-label--help -error\">\n        {{ '@pry.pipeline.details.maxLength' | i18n: { len: '30' } }}\n      </label>\n      <label for=\"description\" class=\"a-label\">{{ '@pry.pipeline.details.description' | i18n }}</label>\n      <textarea id=\"description\" name=\"description\" class=\"a-form-field\" formControlName=\"description\"></textarea>\n      <label\n        for=\"description\"\n        *ngIf=\"form.get('description')?.hasError('maxlength')\"\n        class=\"a-label a-label--help -error\"\n      >\n        {{ '@pry.pipeline.details.maxLength' | i18n: { len: '200' } }}\n      </label>\n    </form>\n    <div>\n      <h4 class=\"a-h4\">\n        {{ '@pry.pipeline.details.creation_date' | i18n }} :\n        <span class=\"property-value\"> {{ pipeline.creationDate | sinceDate }}</span>\n      </h4>\n      <div *ngIf=\"pipeline.lastJobExecution\">\n        <h4 class=\"a-h4\">\n          {{ '@pry.pipeline.details.execution_status' | i18n }} :\n          <span class=\"property-value\"> {{ '@pry.pipeline.status.' + pipeline.lastJobExecution.status | i18n }}</span>\n        </h4>\n        <h4 class=\"a-h4\">\n          {{ '@pry.pipeline.details.last_execution_date' | i18n }} :\n          <span class=\"property-value\"> {{ pipeline.lastJobExecution.executionDate | sinceDate }}</span>\n        </h4>\n      </div>\n    </div>\n  </div>\n</div>\n<div class=\"o-pipeline-layout__toolbox\">\n  <button\n    type=\"submit\"\n    form=\"detailForm\"\n    [disabled]=\"form.invalid || (isSavingDisabled$ | async)\"\n    class=\"a-btn a-btn--primary a-btn--icon-text\"\n  >\n    {{ '@pry.pipeline.save' | i18n }}\n  </button>\n  <button (click)=\"openEditor()\" [disabled]=\"form.invalid\" class=\"a-btn a-btn--secondary\">\n    {{ '@pry.pipeline.editor' | i18n }}\n  </button>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3$2.PryToggleComponent, selector: "pry-toggle", inputs: ["alwaysActive", "disabled", "mode", "size", "dir", "leftword", "rightword"] }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i5.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$2.I18nPipe, name: "i18n" }, { kind: "pipe", type: i6.PrySinceDatePipe, name: "sinceDate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryPipelineDetailsComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PryPipelineDetailsComponent, selector: "pry-pipeline-details", inputs: { pipeline: "pipeline" }, outputs: { goToList: "goToList", goToConsult: "goToConsult", goToEditor: "goToEditor", executeConfirm: "executeConfirm" }, usesInheritance: true, ngImport: i0, template: "<div class=\"o-pipeline-layout__toolbox\">\n  <button\n    class=\"a-btn a-btn--primary a-btn--icon-text\"\n    type=\"button\"\n    [disabled]=\"!(isSaved$ | async) || !pipeline.active\"\n    (click)=\"executeConfirm.emit()\"\n  >\n    {{ '@pry.pipeline.execute' | i18n }}\n  </button>\n  <button class=\"a-btn a-btn--secondary a-btn--icon-text\" type=\"button\" (click)=\"goToList.emit()\">\n    {{ '@pry.pipeline.goBack' | i18n }}\n  </button>\n  <div class=\"\" *ngIf=\"isSaved$ | async\">\n    <pry-toggle [ngModel]=\"pipeline.active\" (ngModelChange)=\"toggleActivation()\" dir=\"ltr\" mode=\"action\">{{\n      '@pry.pipeline.activated' | i18n\n    }}</pry-toggle>\n  </div>\n</div>\n<div class=\"o-pipeline-layout__details\">\n  <h2>{{ '@pry.pipeline.details.transformation' | i18n }} {{ pipeline.title }}</h2>\n  <div class=\"row\">\n    <form id=\"detailForm\" [formGroup]=\"form\" (ngSubmit)=\"save()\">\n      <label for=\"title\" class=\"a-label\">{{ '@pry.pipeline.details.title' | i18n }}</label>\n      <input type=\"text\" id=\"title\" name=\"title\" class=\"a-form-field\" formControlName=\"title\" />\n      <label\n        for=\"title\"\n        *ngIf=\"form.get('title')?.touched && form.get('title')?.hasError('required')\"\n        class=\"a-label a-label--help -error\"\n      >\n        {{ '@pry.pipeline.details.required' | i18n }}\n      </label>\n      <label for=\"title\" *ngIf=\"form.get('title')?.hasError('maxlength')\" class=\"a-label a-label--help -error\">\n        {{ '@pry.pipeline.details.maxLength' | i18n: { len: '30' } }}\n      </label>\n      <label for=\"description\" class=\"a-label\">{{ '@pry.pipeline.details.description' | i18n }}</label>\n      <textarea id=\"description\" name=\"description\" class=\"a-form-field\" formControlName=\"description\"></textarea>\n      <label\n        for=\"description\"\n        *ngIf=\"form.get('description')?.hasError('maxlength')\"\n        class=\"a-label a-label--help -error\"\n      >\n        {{ '@pry.pipeline.details.maxLength' | i18n: { len: '200' } }}\n      </label>\n    </form>\n    <div>\n      <h4 class=\"a-h4\">\n        {{ '@pry.pipeline.details.creation_date' | i18n }} :\n        <span class=\"property-value\"> {{ pipeline.creationDate | sinceDate }}</span>\n      </h4>\n      <div *ngIf=\"pipeline.lastJobExecution\">\n        <h4 class=\"a-h4\">\n          {{ '@pry.pipeline.details.execution_status' | i18n }} :\n          <span class=\"property-value\"> {{ '@pry.pipeline.status.' + pipeline.lastJobExecution.status | i18n }}</span>\n        </h4>\n        <h4 class=\"a-h4\">\n          {{ '@pry.pipeline.details.last_execution_date' | i18n }} :\n          <span class=\"property-value\"> {{ pipeline.lastJobExecution.executionDate | sinceDate }}</span>\n        </h4>\n      </div>\n    </div>\n  </div>\n</div>\n<div class=\"o-pipeline-layout__toolbox\">\n  <button\n    type=\"submit\"\n    form=\"detailForm\"\n    [disabled]=\"form.invalid || (isSavingDisabled$ | async)\"\n    class=\"a-btn a-btn--primary a-btn--icon-text\"\n  >\n    {{ '@pry.pipeline.save' | i18n }}\n  </button>\n  <button (click)=\"openEditor()\" [disabled]=\"form.invalid\" class=\"a-btn a-btn--secondary\">\n    {{ '@pry.pipeline.editor' | i18n }}\n  </button>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3$2.PryToggleComponent, selector: "pry-toggle", inputs: ["alwaysActive", "disabled", "mode", "size", "dir", "leftword", "rightword"] }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i5.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$2.I18nPipe, name: "i18n" }, { kind: "pipe", type: i6.PrySinceDatePipe, name: "sinceDate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryPipelineDetailsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryPipelineDetailsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-pipeline-details', template: "<div class=\"o-pipeline-layout__toolbox\">\n  <button\n    class=\"a-btn a-btn--primary a-btn--icon-text\"\n    type=\"button\"\n    [disabled]=\"!(isSaved$ | async) || !pipeline.active\"\n    (click)=\"executeConfirm.emit()\"\n  >\n    {{ '@pry.pipeline.execute' | i18n }}\n  </button>\n  <button class=\"a-btn a-btn--secondary a-btn--icon-text\" type=\"button\" (click)=\"goToList.emit()\">\n    {{ '@pry.pipeline.goBack' | i18n }}\n  </button>\n  <div class=\"\" *ngIf=\"isSaved$ | async\">\n    <pry-toggle [ngModel]=\"pipeline.active\" (ngModelChange)=\"toggleActivation()\" dir=\"ltr\" mode=\"action\">{{\n      '@pry.pipeline.activated' | i18n\n    }}</pry-toggle>\n  </div>\n</div>\n<div class=\"o-pipeline-layout__details\">\n  <h2>{{ '@pry.pipeline.details.transformation' | i18n }} {{ pipeline.title }}</h2>\n  <div class=\"row\">\n    <form id=\"detailForm\" [formGroup]=\"form\" (ngSubmit)=\"save()\">\n      <label for=\"title\" class=\"a-label\">{{ '@pry.pipeline.details.title' | i18n }}</label>\n      <input type=\"text\" id=\"title\" name=\"title\" class=\"a-form-field\" formControlName=\"title\" />\n      <label\n        for=\"title\"\n        *ngIf=\"form.get('title')?.touched && form.get('title')?.hasError('required')\"\n        class=\"a-label a-label--help -error\"\n      >\n        {{ '@pry.pipeline.details.required' | i18n }}\n      </label>\n      <label for=\"title\" *ngIf=\"form.get('title')?.hasError('maxlength')\" class=\"a-label a-label--help -error\">\n        {{ '@pry.pipeline.details.maxLength' | i18n: { len: '30' } }}\n      </label>\n      <label for=\"description\" class=\"a-label\">{{ '@pry.pipeline.details.description' | i18n }}</label>\n      <textarea id=\"description\" name=\"description\" class=\"a-form-field\" formControlName=\"description\"></textarea>\n      <label\n        for=\"description\"\n        *ngIf=\"form.get('description')?.hasError('maxlength')\"\n        class=\"a-label a-label--help -error\"\n      >\n        {{ '@pry.pipeline.details.maxLength' | i18n: { len: '200' } }}\n      </label>\n    </form>\n    <div>\n      <h4 class=\"a-h4\">\n        {{ '@pry.pipeline.details.creation_date' | i18n }} :\n        <span class=\"property-value\"> {{ pipeline.creationDate | sinceDate }}</span>\n      </h4>\n      <div *ngIf=\"pipeline.lastJobExecution\">\n        <h4 class=\"a-h4\">\n          {{ '@pry.pipeline.details.execution_status' | i18n }} :\n          <span class=\"property-value\"> {{ '@pry.pipeline.status.' + pipeline.lastJobExecution.status | i18n }}</span>\n        </h4>\n        <h4 class=\"a-h4\">\n          {{ '@pry.pipeline.details.last_execution_date' | i18n }} :\n          <span class=\"property-value\"> {{ pipeline.lastJobExecution.executionDate | sinceDate }}</span>\n        </h4>\n      </div>\n    </div>\n  </div>\n</div>\n<div class=\"o-pipeline-layout__toolbox\">\n  <button\n    type=\"submit\"\n    form=\"detailForm\"\n    [disabled]=\"form.invalid || (isSavingDisabled$ | async)\"\n    class=\"a-btn a-btn--primary a-btn--icon-text\"\n  >\n    {{ '@pry.pipeline.save' | i18n }}\n  </button>\n  <button (click)=\"openEditor()\" [disabled]=\"form.invalid\" class=\"a-btn a-btn--secondary\">\n    {{ '@pry.pipeline.editor' | i18n }}\n  </button>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }]; }, propDecorators: { pipeline: [{
@@ -366,10 +366,10 @@ class PipelineComponentFactoryService {
     get(type) {
         return this.referential$.getValue().find((component) => component.type === type);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PipelineComponentFactoryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PipelineComponentFactoryService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipelineComponentFactoryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipelineComponentFactoryService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PipelineComponentFactoryService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipelineComponentFactoryService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -377,10 +377,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
         }], ctorParameters: function () { return []; } });
 
 class PryPipelineCssComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryPipelineCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PryPipelineCssComponent, selector: "pry-pipeline-css", ngImport: i0, template: '', isInline: true, styles: [".o-pipeline-layout{height:100%}.o-pipeline-layout__toolbox{display:flex;align-items:center;gap:1.25rem;padding:.8125rem 1.25rem;margin-bottom:1.25rem}.o-pipeline-layout__toolbox:first-of-type{padding-top:1.25rem;min-height:4.625rem}.o-pipeline-layout__toolbox .a-label{margin:0}.o-pipeline-layout__details{padding:1.25rem}.o-pipeline-layout__details .row{gap:2.8125rem}.o-pipeline-layout__details :first-child{flex:0 1 50%}.o-pipeline-layout__details .a-form-field{margin-bottom:.9375rem}.o-pipeline-layout__details .property-value{font-weight:400;font-size:1rem}.o-pipeline-layout .a-h1{margin:0 1.25rem}.o-pipeline-layout .a-table{margin-left:20px;width:calc(100% - 40px)}.o-pipeline-layout .a-table,.o-pipeline-layout .a-table td{cursor:default}.o-pipeline-layout .a-table .a-btn--secondary.-size-sm,.o-pipeline-layout .a-table td .a-btn--secondary.-size-sm{font-size:.875rem}.o-pipeline-layout .canvas{flex:1 1 auto}.o-pipeline-layout .litegraph.dialog{display:none}.o-pipeline{display:flex;flex-direction:row;height:100%}.o-pipeline__menu{min-width:16.875rem;overflow-y:auto}.o-pipeline__menu .o-accordion{min-width:16.875rem}.o-pipeline__workspace{flex:1;display:flex;flex-direction:column;overflow:auto}.o-pipeline .o-pipeline-editor{flex:1;display:flex;flex-direction:row;margin:0 1.25rem;background-color:#fff}.o-pipeline .o-pipeline-editor__grid{flex:1}.o-pipeline .o-pipeline-editor__properties{display:flex;flex-direction:column;width:16.875rem;padding:1.5625rem 1.25rem}.o-pipeline .o-pipeline-editor__properties__node .a-h3{margin-bottom:.9375rem}.o-pipeline .o-pipeline-editor__properties__node .a-h4{margin-bottom:0;padding-bottom:.3125rem;text-transform:uppercase;font-size:.875rem;line-height:1.125rem}.o-pipeline .o-pipeline-editor__properties__node .a-p--type{padding-bottom:.625rem;font-size:.875rem;line-height:1.125rem;overflow-wrap:break-word}.o-pipeline .o-pipeline-editor__properties .a-label{font-weight:700;overflow-wrap:break-word}.o-pipeline .o-pipeline-editor__properties__detail{display:flex;flex-direction:column}.o-pipeline .o-pipeline-editor__properties__errors__title{display:flex;align-items:flex-end;gap:.625rem;margin-bottom:.9375rem}.o-pipeline .o-pipeline-editor__properties__errors__title .a-p{margin-bottom:0;font-weight:700;text-transform:uppercase}.o-pipeline .o-pipeline-editor__properties__errors ul li .type{display:inline-block;padding:.0625rem .3125rem;border-radius:.3125rem}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryPipelineCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PryPipelineCssComponent, selector: "pry-pipeline-css", ngImport: i0, template: '', isInline: true, styles: [".o-pipeline-layout{height:100%}.o-pipeline-layout__toolbox{display:flex;align-items:center;gap:1.25rem;padding:.8125rem 1.25rem;margin-bottom:1.25rem}.o-pipeline-layout__toolbox:first-of-type{padding-top:1.25rem;min-height:4.625rem}.o-pipeline-layout__toolbox .a-label{margin:0}.o-pipeline-layout__details{padding:1.25rem}.o-pipeline-layout__details .row{gap:2.8125rem}.o-pipeline-layout__details :first-child{flex:0 1 50%}.o-pipeline-layout__details .a-form-field{margin-bottom:.9375rem}.o-pipeline-layout__details .property-value{font-weight:400;font-size:1rem}.o-pipeline-layout .a-h1{margin:0 1.25rem}.o-pipeline-layout .a-table{margin-left:20px;width:calc(100% - 40px)}.o-pipeline-layout .a-table,.o-pipeline-layout .a-table td{cursor:default}.o-pipeline-layout .a-table .a-btn--secondary.-size-sm,.o-pipeline-layout .a-table td .a-btn--secondary.-size-sm{font-size:.875rem}.o-pipeline-layout .canvas{flex:1 1 auto}.o-pipeline-layout .litegraph.dialog{display:none}.o-pipeline{display:flex;flex-direction:row;height:100%}.o-pipeline__menu{min-width:16.875rem;overflow-y:auto}.o-pipeline__menu .o-accordion{min-width:16.875rem}.o-pipeline__workspace{flex:1;display:flex;flex-direction:column;overflow:auto}.o-pipeline .o-pipeline-editor{flex:1;display:flex;flex-direction:row;margin:0 1.25rem;background-color:#fff}.o-pipeline .o-pipeline-editor__grid{flex:1}.o-pipeline .o-pipeline-editor__properties{display:flex;flex-direction:column;width:16.875rem;padding:1.5625rem 1.25rem}.o-pipeline .o-pipeline-editor__properties__node .a-h3{margin-bottom:.9375rem}.o-pipeline .o-pipeline-editor__properties__node .a-h4{margin-bottom:0;padding-bottom:.3125rem;text-transform:uppercase;font-size:.875rem;line-height:1.125rem}.o-pipeline .o-pipeline-editor__properties__node .a-p--type{padding-bottom:.625rem;font-size:.875rem;line-height:1.125rem;overflow-wrap:break-word}.o-pipeline .o-pipeline-editor__properties .a-label{font-weight:700;overflow-wrap:break-word}.o-pipeline .o-pipeline-editor__properties__detail{display:flex;flex-direction:column}.o-pipeline .o-pipeline-editor__properties__errors__title{display:flex;align-items:flex-end;gap:.625rem;margin-bottom:.9375rem}.o-pipeline .o-pipeline-editor__properties__errors__title .a-p{margin-bottom:0;font-weight:700;text-transform:uppercase}.o-pipeline .o-pipeline-editor__properties__errors ul li .type{display:inline-block;padding:.0625rem .3125rem;border-radius:.3125rem}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryPipelineCssComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryPipelineCssComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-pipeline-css', template: '', encapsulation: ViewEncapsulation.None, styles: [".o-pipeline-layout{height:100%}.o-pipeline-layout__toolbox{display:flex;align-items:center;gap:1.25rem;padding:.8125rem 1.25rem;margin-bottom:1.25rem}.o-pipeline-layout__toolbox:first-of-type{padding-top:1.25rem;min-height:4.625rem}.o-pipeline-layout__toolbox .a-label{margin:0}.o-pipeline-layout__details{padding:1.25rem}.o-pipeline-layout__details .row{gap:2.8125rem}.o-pipeline-layout__details :first-child{flex:0 1 50%}.o-pipeline-layout__details .a-form-field{margin-bottom:.9375rem}.o-pipeline-layout__details .property-value{font-weight:400;font-size:1rem}.o-pipeline-layout .a-h1{margin:0 1.25rem}.o-pipeline-layout .a-table{margin-left:20px;width:calc(100% - 40px)}.o-pipeline-layout .a-table,.o-pipeline-layout .a-table td{cursor:default}.o-pipeline-layout .a-table .a-btn--secondary.-size-sm,.o-pipeline-layout .a-table td .a-btn--secondary.-size-sm{font-size:.875rem}.o-pipeline-layout .canvas{flex:1 1 auto}.o-pipeline-layout .litegraph.dialog{display:none}.o-pipeline{display:flex;flex-direction:row;height:100%}.o-pipeline__menu{min-width:16.875rem;overflow-y:auto}.o-pipeline__menu .o-accordion{min-width:16.875rem}.o-pipeline__workspace{flex:1;display:flex;flex-direction:column;overflow:auto}.o-pipeline .o-pipeline-editor{flex:1;display:flex;flex-direction:row;margin:0 1.25rem;background-color:#fff}.o-pipeline .o-pipeline-editor__grid{flex:1}.o-pipeline .o-pipeline-editor__properties{display:flex;flex-direction:column;width:16.875rem;padding:1.5625rem 1.25rem}.o-pipeline .o-pipeline-editor__properties__node .a-h3{margin-bottom:.9375rem}.o-pipeline .o-pipeline-editor__properties__node .a-h4{margin-bottom:0;padding-bottom:.3125rem;text-transform:uppercase;font-size:.875rem;line-height:1.125rem}.o-pipeline .o-pipeline-editor__properties__node .a-p--type{padding-bottom:.625rem;font-size:.875rem;line-height:1.125rem;overflow-wrap:break-word}.o-pipeline .o-pipeline-editor__properties .a-label{font-weight:700;overflow-wrap:break-word}.o-pipeline .o-pipeline-editor__properties__detail{display:flex;flex-direction:column}.o-pipeline .o-pipeline-editor__properties__errors__title{display:flex;align-items:flex-end;gap:.625rem;margin-bottom:.9375rem}.o-pipeline .o-pipeline-editor__properties__errors__title .a-p{margin-bottom:0;font-weight:700;text-transform:uppercase}.o-pipeline .o-pipeline-editor__properties__errors ul li .type{display:inline-block;padding:.0625rem .3125rem;border-radius:.3125rem}\n"] }]
         }] });
@@ -649,10 +649,10 @@ class PryPipelineEditorComponent extends SubscriptionnerDirective {
     search($event) {
         this.search$.next({ ...$event });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", 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.1.6", 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.ɵ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" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryPipelineEditorComponent, decorators: [{
+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" }]
         }], ctorParameters: function () { return [{ type: i1.Store }, { type: PipelineComponentFactoryService }, { type: i3$2.PryI18nService }]; }, propDecorators: { pipeline: [{
@@ -808,10 +808,10 @@ class PryPipelineListComponent {
             button.tabIndex = -1;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryPipelineListComponent, 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: PryPipelineListComponent, selector: "pry-pipeline-list", viewQueries: [{ propertyName: "templateDropdown", first: true, predicate: ["dropdown"], descendants: true, read: TemplateRef }, { propertyName: "templateModal", first: true, predicate: ["templateModal"], descendants: true, read: TemplateRef }, { propertyName: "actions", first: true, predicate: ["actions"], descendants: true }, { propertyName: "toggleActions", first: true, predicate: ["toggleActions"], descendants: true }, { propertyName: "cancel", first: true, predicate: ["cancel"], descendants: true }, { propertyName: "cross", first: true, predicate: ["cross"], descendants: true }, { propertyName: "confirm", first: true, predicate: ["confirm"], descendants: true }], ngImport: i0, template: "<pry-pipeline-css></pry-pipeline-css>\n<div class=\"o-pipeline-layout\" [ngSwitch]=\"selectedMode\">\n  <ng-container *ngSwitchCase=\"ViewMode.CATALOG\">\n    <div class=\"o-pipeline-layout__toolbox\">\n      <button class=\"a-btn a-btn--primary a-btn--icon-text\" type=\"button\" (click)=\"create()\">\n        {{ '@pry.pipeline.create' | i18n }}\n      </button>\n    </div>\n    <h1 class=\"a-h1\">{{ '@pry.pipeline.transformation_catalog' | i18n }}</h1>\n    <table\n      class=\"a-table\"\n      prySortTable\n      prySortActive=\"date\"\n      prySortDirection=\"desc\"\n      (prySortChange)=\"sortActive = $event.active; sortDirection = $event.direction\"\n    >\n      <caption>\n        {{\n          '@pry.pipeline.transformation_catalog' | i18n\n        }}\n      </caption>\n      <thead>\n        <tr>\n          <th prySortHeader=\"state\">{{ '@pry.pipeline.details.state' | i18n }}</th>\n          <th prySortHeader=\"title\">{{ '@pry.pipeline.details.title' | i18n }}</th>\n          <th prySortHeader=\"date\">{{ '@pry.pipeline.details.last_execution_date' | i18n }}</th>\n          <th>\n            <div class=\"u-display-flex -align-center -column\">\n              {{ '@pry.pipeline.details.execution_status' | i18n }}\n            </div>\n          </th>\n          <th>{{ '@pry.pipeline.action' | i18n }}</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr\n          *ngFor=\"let transfo of transformation$ | async | prySortData : sortActive : sortDirection; let index = index\"\n        >\n          <td>\n            <div *ngIf=\"transfo.active; else deactivated\" class=\"container-state\">\n              <pry-icon [height]=\"15\" [width]=\"15\" iconSvg=\"check\" class=\"check\"></pry-icon>\n              <span> {{ '@pry.pipeline.activated' | i18n }}</span>\n            </div>\n            <ng-template #deactivated>\n              <div class=\"container-state\">\n                <pry-icon [height]=\"15\" [width]=\"15\" iconSvg=\"stop\" class=\"stop\"></pry-icon>\n                <span>{{ '@pry.pipeline.deactivated' | i18n }}</span>\n              </div>\n            </ng-template>\n          </td>\n          <td>{{ transfo.title }}</td>\n          <td>{{ transfo?.lastJobExecution?.executionDate | sinceDate }}</td>\n          <td *ngIf=\"transfo.lastJobExecution\" class=\"u-display-flex -align-center -column\">\n            <div [ngSwitch]=\"transfo.lastJobExecution.status\">\n              <ng-container *ngSwitchCase=\"ExecutionState.TERMINATED\">\n                <pry-icon iconSvg=\"check\" [height]=\"25\" [width]=\"25\" class=\"check\"></pry-icon>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"ExecutionState.STARTED\">\n                <pry-icon iconSvg=\"synchro\" [height]=\"25\" [width]=\"25\" class=\"warning\"></pry-icon>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"ExecutionState.ERROR\">\n                <pry-icon iconSvg=\"close\" [height]=\"25\" [width]=\"25\" class=\"danger\"></pry-icon>\n              </ng-container>\n            </div>\n          </td>\n          <td>\n            <button type=\"button\" class=\"a-btn a-btn--secondary -size-sm\" (click)=\"consult(transfo)\">\n              {{ '@pry.pipeline.consult' | i18n }}\n              <span class=\"u-visually-hidden\"> {{ transfo.title }} </span>\n            </button>\n          </td>\n          <td>\n            <button\n              class=\"a-btn a-btn--more\"\n              type=\"button\"\n              id=\"actions-{{ index }}\"\n              #actions\n              aria-controls=\"panelActions\"\n              [attr.aria-expanded]=\"!!overlayRef\"\n              (click)=\"toggleMoreDropdown($event, index, transfo)\"\n            >\n              <pry-icon iconSvg=\"more_horiz\"></pry-icon>\n            </button>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"ViewMode.CONSULT\">\n    <ng-container *ngIf=\"selectedTransfo\">\n      <pry-pipeline-details\n        [pipeline]=\"selectedTransfo\"\n        (goToList)=\"list()\"\n        (goToEditor)=\"savePipeline($event)\"\n        (executeConfirm)=\"toggleExecuteConfirm()\"\n      ></pry-pipeline-details>\n    </ng-container>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"ViewMode.CREATION\">\n    <pry-pipeline-details (goToList)=\"list()\" (goToEditor)=\"savePipeline($event)\"></pry-pipeline-details>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"ViewMode.EDITOR\">\n    <pry-pipeline-editor [pipeline]=\"selectedTransfo\" (goToConsult)=\"consult($event)\"></pry-pipeline-editor>\n  </ng-container>\n</div>\n<ng-template #noExecution>\n  <div class=\"container-state\">\n    <span>{{ '@pry.pipeline.ko' | i18n }}</span>\n    <pry-icon [height]=\"15\" [width]=\"15\" iconSvg=\"danger\" class=\"danger\"></pry-icon>\n  </div>\n</ng-template>\n\n<ng-template #dropdown>\n  <div\n    class=\"m-context-menu\"\n    id=\"panelActions\"\n    *ngIf=\"selectedTransfo\"\n    (click)=\"$event.stopPropagation()\"\n    (keydown.escape)=\"closeDropdown()\"\n    cdkTrapFocus\n    [cdkTrapFocusAutoCapture]=\"true\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog panelActions\"\n  >\n    <ul class=\"m-context-menu__list\">\n      <li class=\"m-context-menu__list__item\" role=\"none\">\n        <button\n          #toggleActions\n          type=\"button\"\n          class=\"a-btn\"\n          role=\"menuitem\"\n          (click)=\"toggleState(selectedTransfo)\"\n          (keydown.arrowDown)=\"navigateContextMenu(activate, execute)\"\n          (keydown.arrowUp)=\"navigateContextMenu(activate, execute)\"\n          tabindex=\"0\"\n          #activate\n        >\n          <span>{{ (selectedTransfo.active ? '@pry.pipeline.deactivate' : '@pry.pipeline.activate') | i18n }}</span>\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\" role=\"none\">\n        <button\n          #execute\n          type=\"button\"\n          role=\"menuitem\"\n          id=\"execute\"\n          class=\"a-btn\"\n          tabindex=\"-1\"\n          (keydown.arrowDown)=\"navigateContextMenu(execute, activate)\"\n          (keydown.arrowUp)=\"navigateContextMenu(execute, activate)\"\n          [disabled]=\"!selectedTransfo.active\"\n          (click)=\"toggleExecuteConfirm()\"\n        >\n          <span>{{ '@pry.pipeline.execute' | i18n }}</span>\n        </button>\n      </li>\n    </ul>\n  </div>\n</ng-template>\n<ng-template #templateModal>\n  <div\n    class=\"o-modal\"\n    *ngIf=\"selectedTransfo\"\n    (keydown.escape)=\"toggleExecuteConfirm()\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog confirm delete presentation\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">\n          {{ '@pry.widget.modalTitle' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button\n          class=\"a-btn a-btn--icon-only\"\n          #cross\n          (keydown.shift.tab)=\"focusElement(confirm)\"\n          (click)=\"cancelRemoveConfirm()\"\n        >\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    <div class=\"m-btn-group\">\n      <button type=\"button\" #cancel (click)=\"cancelRemoveConfirm()\" class=\"a-btn a-btn--secondary\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button\n        type=\"submit\"\n        #confirm\n        id=\"confirm\"\n        class=\"a-btn a-btn--primary\"\n        (click)=\"confirmExecution(selectedTransfo)\"\n        (keydown.tab)=\"focusElement(cross)\"\n      >\n        {{ '@pry.toolbox.manifest.validate' | i18n }}\n      </button>\n    </div>\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: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i3$2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i3$2.PrySortHeaderComponent, selector: "th[prySortHeader]", inputs: ["prySortHeader"], outputs: ["sortChange"] }, { kind: "directive", type: i3$2.PrySortHeaderDirective, selector: "[prySortHeader]" }, { kind: "directive", type: i3$2.PrySortTableDirective, selector: "[prySortTable]", inputs: ["prySortActive", "prySortDirection"], outputs: ["prySortChange"] }, { kind: "directive", type: i5$1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: PryPipelineEditorComponent, selector: "pry-pipeline-editor", inputs: ["pipeline"], outputs: ["goToConsult"] }, { kind: "component", type: PryPipelineCssComponent, selector: "pry-pipeline-css" }, { kind: "component", type: PryPipelineDetailsComponent, selector: "pry-pipeline-details", inputs: ["pipeline"], outputs: ["goToList", "goToConsult", "goToEditor", "executeConfirm"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$2.I18nPipe, name: "i18n" }, { kind: "pipe", type: i3$2.PrySortDataPipe, name: "prySortData" }, { kind: "pipe", type: i6.PrySinceDatePipe, name: "sinceDate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryPipelineListComponent, 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.2.12", type: PryPipelineListComponent, selector: "pry-pipeline-list", viewQueries: [{ propertyName: "templateDropdown", first: true, predicate: ["dropdown"], descendants: true, read: TemplateRef }, { propertyName: "templateModal", first: true, predicate: ["templateModal"], descendants: true, read: TemplateRef }, { propertyName: "actions", first: true, predicate: ["actions"], descendants: true }, { propertyName: "toggleActions", first: true, predicate: ["toggleActions"], descendants: true }, { propertyName: "cancel", first: true, predicate: ["cancel"], descendants: true }, { propertyName: "cross", first: true, predicate: ["cross"], descendants: true }, { propertyName: "confirm", first: true, predicate: ["confirm"], descendants: true }], ngImport: i0, template: "<pry-pipeline-css></pry-pipeline-css>\n<div class=\"o-pipeline-layout\" [ngSwitch]=\"selectedMode\">\n  <ng-container *ngSwitchCase=\"ViewMode.CATALOG\">\n    <div class=\"o-pipeline-layout__toolbox\">\n      <button class=\"a-btn a-btn--primary a-btn--icon-text\" type=\"button\" (click)=\"create()\">\n        {{ '@pry.pipeline.create' | i18n }}\n      </button>\n    </div>\n    <h1 class=\"a-h1\">{{ '@pry.pipeline.transformation_catalog' | i18n }}</h1>\n    <table\n      class=\"a-table\"\n      prySortTable\n      prySortActive=\"date\"\n      prySortDirection=\"desc\"\n      (prySortChange)=\"sortActive = $event.active; sortDirection = $event.direction\"\n    >\n      <caption>\n        {{\n          '@pry.pipeline.transformation_catalog' | i18n\n        }}\n      </caption>\n      <thead>\n        <tr>\n          <th prySortHeader=\"state\">{{ '@pry.pipeline.details.state' | i18n }}</th>\n          <th prySortHeader=\"title\">{{ '@pry.pipeline.details.title' | i18n }}</th>\n          <th prySortHeader=\"date\">{{ '@pry.pipeline.details.last_execution_date' | i18n }}</th>\n          <th>\n            <div class=\"u-display-flex -align-center -column\">\n              {{ '@pry.pipeline.details.execution_status' | i18n }}\n            </div>\n          </th>\n          <th>{{ '@pry.pipeline.action' | i18n }}</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr\n          *ngFor=\"let transfo of transformation$ | async | prySortData : sortActive : sortDirection; let index = index\"\n        >\n          <td>\n            <div *ngIf=\"transfo.active; else deactivated\" class=\"container-state\">\n              <pry-icon [height]=\"15\" [width]=\"15\" iconSvg=\"check\" class=\"check\"></pry-icon>\n              <span> {{ '@pry.pipeline.activated' | i18n }}</span>\n            </div>\n            <ng-template #deactivated>\n              <div class=\"container-state\">\n                <pry-icon [height]=\"15\" [width]=\"15\" iconSvg=\"stop\" class=\"stop\"></pry-icon>\n                <span>{{ '@pry.pipeline.deactivated' | i18n }}</span>\n              </div>\n            </ng-template>\n          </td>\n          <td>{{ transfo.title }}</td>\n          <td>{{ transfo?.lastJobExecution?.executionDate | sinceDate }}</td>\n          <td *ngIf=\"transfo.lastJobExecution\" class=\"u-display-flex -align-center -column\">\n            <div [ngSwitch]=\"transfo.lastJobExecution.status\">\n              <ng-container *ngSwitchCase=\"ExecutionState.TERMINATED\">\n                <pry-icon iconSvg=\"check\" [height]=\"25\" [width]=\"25\" class=\"check\"></pry-icon>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"ExecutionState.STARTED\">\n                <pry-icon iconSvg=\"synchro\" [height]=\"25\" [width]=\"25\" class=\"warning\"></pry-icon>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"ExecutionState.ERROR\">\n                <pry-icon iconSvg=\"close\" [height]=\"25\" [width]=\"25\" class=\"danger\"></pry-icon>\n              </ng-container>\n            </div>\n          </td>\n          <td>\n            <button type=\"button\" class=\"a-btn a-btn--secondary -size-sm\" (click)=\"consult(transfo)\">\n              {{ '@pry.pipeline.consult' | i18n }}\n              <span class=\"u-visually-hidden\"> {{ transfo.title }} </span>\n            </button>\n          </td>\n          <td>\n            <button\n              class=\"a-btn a-btn--more\"\n              type=\"button\"\n              id=\"actions-{{ index }}\"\n              #actions\n              aria-controls=\"panelActions\"\n              [attr.aria-expanded]=\"!!overlayRef\"\n              (click)=\"toggleMoreDropdown($event, index, transfo)\"\n            >\n              <pry-icon iconSvg=\"more_horiz\"></pry-icon>\n            </button>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"ViewMode.CONSULT\">\n    <ng-container *ngIf=\"selectedTransfo\">\n      <pry-pipeline-details\n        [pipeline]=\"selectedTransfo\"\n        (goToList)=\"list()\"\n        (goToEditor)=\"savePipeline($event)\"\n        (executeConfirm)=\"toggleExecuteConfirm()\"\n      ></pry-pipeline-details>\n    </ng-container>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"ViewMode.CREATION\">\n    <pry-pipeline-details (goToList)=\"list()\" (goToEditor)=\"savePipeline($event)\"></pry-pipeline-details>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"ViewMode.EDITOR\">\n    <pry-pipeline-editor [pipeline]=\"selectedTransfo\" (goToConsult)=\"consult($event)\"></pry-pipeline-editor>\n  </ng-container>\n</div>\n<ng-template #noExecution>\n  <div class=\"container-state\">\n    <span>{{ '@pry.pipeline.ko' | i18n }}</span>\n    <pry-icon [height]=\"15\" [width]=\"15\" iconSvg=\"danger\" class=\"danger\"></pry-icon>\n  </div>\n</ng-template>\n\n<ng-template #dropdown>\n  <div\n    class=\"m-context-menu\"\n    id=\"panelActions\"\n    *ngIf=\"selectedTransfo\"\n    (click)=\"$event.stopPropagation()\"\n    (keydown.escape)=\"closeDropdown()\"\n    cdkTrapFocus\n    [cdkTrapFocusAutoCapture]=\"true\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog panelActions\"\n  >\n    <ul class=\"m-context-menu__list\">\n      <li class=\"m-context-menu__list__item\" role=\"none\">\n        <button\n          #toggleActions\n          type=\"button\"\n          class=\"a-btn\"\n          role=\"menuitem\"\n          (click)=\"toggleState(selectedTransfo)\"\n          (keydown.arrowDown)=\"navigateContextMenu(activate, execute)\"\n          (keydown.arrowUp)=\"navigateContextMenu(activate, execute)\"\n          tabindex=\"0\"\n          #activate\n        >\n          <span>{{ (selectedTransfo.active ? '@pry.pipeline.deactivate' : '@pry.pipeline.activate') | i18n }}</span>\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\" role=\"none\">\n        <button\n          #execute\n          type=\"button\"\n          role=\"menuitem\"\n          id=\"execute\"\n          class=\"a-btn\"\n          tabindex=\"-1\"\n          (keydown.arrowDown)=\"navigateContextMenu(execute, activate)\"\n          (keydown.arrowUp)=\"navigateContextMenu(execute, activate)\"\n          [disabled]=\"!selectedTransfo.active\"\n          (click)=\"toggleExecuteConfirm()\"\n        >\n          <span>{{ '@pry.pipeline.execute' | i18n }}</span>\n        </button>\n      </li>\n    </ul>\n  </div>\n</ng-template>\n<ng-template #templateModal>\n  <div\n    class=\"o-modal\"\n    *ngIf=\"selectedTransfo\"\n    (keydown.escape)=\"toggleExecuteConfirm()\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog confirm delete presentation\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">\n          {{ '@pry.widget.modalTitle' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button\n          class=\"a-btn a-btn--icon-only\"\n          #cross\n          (keydown.shift.tab)=\"focusElement(confirm)\"\n          (click)=\"cancelRemoveConfirm()\"\n        >\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    <div class=\"m-btn-group\">\n      <button type=\"button\" #cancel (click)=\"cancelRemoveConfirm()\" class=\"a-btn a-btn--secondary\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button\n        type=\"submit\"\n        #confirm\n        id=\"confirm\"\n        class=\"a-btn a-btn--primary\"\n        (click)=\"confirmExecution(selectedTransfo)\"\n        (keydown.tab)=\"focusElement(cross)\"\n      >\n        {{ '@pry.toolbox.manifest.validate' | i18n }}\n      </button>\n    </div>\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: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i3$2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i3$2.PrySortHeaderComponent, selector: "th[prySortHeader]", inputs: ["prySortHeader"], outputs: ["sortChange"] }, { kind: "directive", type: i3$2.PrySortHeaderDirective, selector: "[prySortHeader]" }, { kind: "directive", type: i3$2.PrySortTableDirective, selector: "[prySortTable]", inputs: ["prySortActive", "prySortDirection"], outputs: ["prySortChange"] }, { kind: "directive", type: i5$1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: PryPipelineEditorComponent, selector: "pry-pipeline-editor", inputs: ["pipeline"], outputs: ["goToConsult"] }, { kind: "component", type: PryPipelineCssComponent, selector: "pry-pipeline-css" }, { kind: "component", type: PryPipelineDetailsComponent, selector: "pry-pipeline-details", inputs: ["pipeline"], outputs: ["goToList", "goToConsult", "goToEditor", "executeConfirm"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$2.I18nPipe, name: "i18n" }, { kind: "pipe", type: i3$2.PrySortDataPipe, name: "prySortData" }, { kind: "pipe", type: i6.PrySinceDatePipe, name: "sinceDate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryPipelineListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryPipelineListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-pipeline-list', template: "<pry-pipeline-css></pry-pipeline-css>\n<div class=\"o-pipeline-layout\" [ngSwitch]=\"selectedMode\">\n  <ng-container *ngSwitchCase=\"ViewMode.CATALOG\">\n    <div class=\"o-pipeline-layout__toolbox\">\n      <button class=\"a-btn a-btn--primary a-btn--icon-text\" type=\"button\" (click)=\"create()\">\n        {{ '@pry.pipeline.create' | i18n }}\n      </button>\n    </div>\n    <h1 class=\"a-h1\">{{ '@pry.pipeline.transformation_catalog' | i18n }}</h1>\n    <table\n      class=\"a-table\"\n      prySortTable\n      prySortActive=\"date\"\n      prySortDirection=\"desc\"\n      (prySortChange)=\"sortActive = $event.active; sortDirection = $event.direction\"\n    >\n      <caption>\n        {{\n          '@pry.pipeline.transformation_catalog' | i18n\n        }}\n      </caption>\n      <thead>\n        <tr>\n          <th prySortHeader=\"state\">{{ '@pry.pipeline.details.state' | i18n }}</th>\n          <th prySortHeader=\"title\">{{ '@pry.pipeline.details.title' | i18n }}</th>\n          <th prySortHeader=\"date\">{{ '@pry.pipeline.details.last_execution_date' | i18n }}</th>\n          <th>\n            <div class=\"u-display-flex -align-center -column\">\n              {{ '@pry.pipeline.details.execution_status' | i18n }}\n            </div>\n          </th>\n          <th>{{ '@pry.pipeline.action' | i18n }}</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr\n          *ngFor=\"let transfo of transformation$ | async | prySortData : sortActive : sortDirection; let index = index\"\n        >\n          <td>\n            <div *ngIf=\"transfo.active; else deactivated\" class=\"container-state\">\n              <pry-icon [height]=\"15\" [width]=\"15\" iconSvg=\"check\" class=\"check\"></pry-icon>\n              <span> {{ '@pry.pipeline.activated' | i18n }}</span>\n            </div>\n            <ng-template #deactivated>\n              <div class=\"container-state\">\n                <pry-icon [height]=\"15\" [width]=\"15\" iconSvg=\"stop\" class=\"stop\"></pry-icon>\n                <span>{{ '@pry.pipeline.deactivated' | i18n }}</span>\n              </div>\n            </ng-template>\n          </td>\n          <td>{{ transfo.title }}</td>\n          <td>{{ transfo?.lastJobExecution?.executionDate | sinceDate }}</td>\n          <td *ngIf=\"transfo.lastJobExecution\" class=\"u-display-flex -align-center -column\">\n            <div [ngSwitch]=\"transfo.lastJobExecution.status\">\n              <ng-container *ngSwitchCase=\"ExecutionState.TERMINATED\">\n                <pry-icon iconSvg=\"check\" [height]=\"25\" [width]=\"25\" class=\"check\"></pry-icon>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"ExecutionState.STARTED\">\n                <pry-icon iconSvg=\"synchro\" [height]=\"25\" [width]=\"25\" class=\"warning\"></pry-icon>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"ExecutionState.ERROR\">\n                <pry-icon iconSvg=\"close\" [height]=\"25\" [width]=\"25\" class=\"danger\"></pry-icon>\n              </ng-container>\n            </div>\n          </td>\n          <td>\n            <button type=\"button\" class=\"a-btn a-btn--secondary -size-sm\" (click)=\"consult(transfo)\">\n              {{ '@pry.pipeline.consult' | i18n }}\n              <span class=\"u-visually-hidden\"> {{ transfo.title }} </span>\n            </button>\n          </td>\n          <td>\n            <button\n              class=\"a-btn a-btn--more\"\n              type=\"button\"\n              id=\"actions-{{ index }}\"\n              #actions\n              aria-controls=\"panelActions\"\n              [attr.aria-expanded]=\"!!overlayRef\"\n              (click)=\"toggleMoreDropdown($event, index, transfo)\"\n            >\n              <pry-icon iconSvg=\"more_horiz\"></pry-icon>\n            </button>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"ViewMode.CONSULT\">\n    <ng-container *ngIf=\"selectedTransfo\">\n      <pry-pipeline-details\n        [pipeline]=\"selectedTransfo\"\n        (goToList)=\"list()\"\n        (goToEditor)=\"savePipeline($event)\"\n        (executeConfirm)=\"toggleExecuteConfirm()\"\n      ></pry-pipeline-details>\n    </ng-container>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"ViewMode.CREATION\">\n    <pry-pipeline-details (goToList)=\"list()\" (goToEditor)=\"savePipeline($event)\"></pry-pipeline-details>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"ViewMode.EDITOR\">\n    <pry-pipeline-editor [pipeline]=\"selectedTransfo\" (goToConsult)=\"consult($event)\"></pry-pipeline-editor>\n  </ng-container>\n</div>\n<ng-template #noExecution>\n  <div class=\"container-state\">\n    <span>{{ '@pry.pipeline.ko' | i18n }}</span>\n    <pry-icon [height]=\"15\" [width]=\"15\" iconSvg=\"danger\" class=\"danger\"></pry-icon>\n  </div>\n</ng-template>\n\n<ng-template #dropdown>\n  <div\n    class=\"m-context-menu\"\n    id=\"panelActions\"\n    *ngIf=\"selectedTransfo\"\n    (click)=\"$event.stopPropagation()\"\n    (keydown.escape)=\"closeDropdown()\"\n    cdkTrapFocus\n    [cdkTrapFocusAutoCapture]=\"true\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog panelActions\"\n  >\n    <ul class=\"m-context-menu__list\">\n      <li class=\"m-context-menu__list__item\" role=\"none\">\n        <button\n          #toggleActions\n          type=\"button\"\n          class=\"a-btn\"\n          role=\"menuitem\"\n          (click)=\"toggleState(selectedTransfo)\"\n          (keydown.arrowDown)=\"navigateContextMenu(activate, execute)\"\n          (keydown.arrowUp)=\"navigateContextMenu(activate, execute)\"\n          tabindex=\"0\"\n          #activate\n        >\n          <span>{{ (selectedTransfo.active ? '@pry.pipeline.deactivate' : '@pry.pipeline.activate') | i18n }}</span>\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\" role=\"none\">\n        <button\n          #execute\n          type=\"button\"\n          role=\"menuitem\"\n          id=\"execute\"\n          class=\"a-btn\"\n          tabindex=\"-1\"\n          (keydown.arrowDown)=\"navigateContextMenu(execute, activate)\"\n          (keydown.arrowUp)=\"navigateContextMenu(execute, activate)\"\n          [disabled]=\"!selectedTransfo.active\"\n          (click)=\"toggleExecuteConfirm()\"\n        >\n          <span>{{ '@pry.pipeline.execute' | i18n }}</span>\n        </button>\n      </li>\n    </ul>\n  </div>\n</ng-template>\n<ng-template #templateModal>\n  <div\n    class=\"o-modal\"\n    *ngIf=\"selectedTransfo\"\n    (keydown.escape)=\"toggleExecuteConfirm()\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog confirm delete presentation\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">\n          {{ '@pry.widget.modalTitle' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button\n          class=\"a-btn a-btn--icon-only\"\n          #cross\n          (keydown.shift.tab)=\"focusElement(confirm)\"\n          (click)=\"cancelRemoveConfirm()\"\n        >\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    <div class=\"m-btn-group\">\n      <button type=\"button\" #cancel (click)=\"cancelRemoveConfirm()\" class=\"a-btn a-btn--secondary\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button\n        type=\"submit\"\n        #confirm\n        id=\"confirm\"\n        class=\"a-btn a-btn--primary\"\n        (click)=\"confirmExecution(selectedTransfo)\"\n        (keydown.tab)=\"focusElement(cross)\"\n      >\n        {{ '@pry.toolbox.manifest.validate' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }, { type: i2.Overlay }, { type: i0.ViewContainerRef }]; }, propDecorators: { templateDropdown: [{
@@ -1020,10 +1020,10 @@ class PipelineService {
             .select(ConfigSelectors.execUrl)
             .pipe(mergeMap((url) => this.httpClient.put(encodeURI(`${url}/job/instances/id/${id}/start`), null)));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PipelineService, deps: [{ token: i1$1.HttpClient }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PipelineService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipelineService, deps: [{ token: i1$1.HttpClient }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipelineService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PipelineService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipelineService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -1085,10 +1085,10 @@ class PipelineEffects {
             .get(action.id)
             .pipe(map$1((transfo) => PipelineActions.getTransformationSuccess({ transfo }))))));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PipelineEffects, deps: [{ token: i1$2.Actions }, { token: PipelineService }, { token: i3$2.PrySnackbarService }, { token: i3$2.PryI18nService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PipelineEffects }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipelineEffects, deps: [{ token: i1$2.Actions }, { token: PipelineService }, { token: i3$2.PrySnackbarService }, { token: i3$2.PryI18nService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipelineEffects }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PipelineEffects, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipelineEffects, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1$2.Actions }, { type: PipelineService }, { type: i3$2.PrySnackbarService }, { type: i3$2.PryI18nService }]; } });
 
@@ -1104,8 +1104,8 @@ class PryPipelineModule {
         this.pryTranslateService.addLangObject('fr', 'pipeline', frTranslations);
         this.pryTranslateService.addLangObject('en', 'pipeline', enTranslations);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryPipelineModule, deps: [{ token: i3$2.PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: PryPipelineModule, declarations: [PryPipelineEditorComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryPipelineModule, deps: [{ token: i3$2.PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PryPipelineModule, declarations: [PryPipelineEditorComponent,
             PryPipelineCssComponent,
             PryPipelineListComponent,
             PryPipelineDetailsComponent], imports: [CommonModule,
@@ -1121,7 +1121,7 @@ class PryPipelineModule {
             PryPipelineCssComponent,
             PryPipelineListComponent,
             PryPipelineDetailsComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryPipelineModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryPipelineModule, imports: [CommonModule,
             PryCoreModule,
             StoreModule.forFeature(pipelineFeatureKey, pipelineReducer),
             EffectsModule.forFeature([PipelineEffects]),
@@ -1135,7 +1135,7 @@ class PryPipelineModule {
             OverlayModule,
             A11yModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryPipelineModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryPipelineModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -1162,10 +1162,10 @@ class PipelinePropertiesPanelComponent {
     constructor() {
         this.disabled = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PipelinePropertiesPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PipelinePropertiesPanelComponent, selector: "pry-properties-panel", inputs: { node: "node", checkFn: "checkFn", model: "model", disabled: "disabled" }, ngImport: i0, template: '', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipelinePropertiesPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PipelinePropertiesPanelComponent, selector: "pry-properties-panel", inputs: { node: "node", checkFn: "checkFn", model: "model", disabled: "disabled" }, ngImport: i0, template: '', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PipelinePropertiesPanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipelinePropertiesPanelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-properties-panel', template: '' }]
         }], propDecorators: { node: [{