@symphony-talent/component-library 3.22.0 → 3.24.1

package/esm2020/projects/component-library/lib/molecules/file-upload-v2/file-upload-v2.component.mjs

@@ -0,0 +1,17 @@
+import { Component, ViewEncapsulation, } from '@angular/core';
+import { FileUploadComponent } from '../file-upload/file-upload.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../file-upload-status/file-upload-status.component";
+import * as i2 from "@angular/common";
+export class FileUploadV2Component extends FileUploadComponent {
+    constructor() {
+        super();
+    }
+}
+FileUploadV2Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FileUploadV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FileUploadV2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FileUploadV2Component, selector: "symphony-file-upload-v2", usesInheritance: true, ngImport: i0, template: "<div\n  *ngIf=\"fileUploadModel\"\n  class=\"sfx-v-h-center sfx-min-height sfx-bg-light-gray3 sfx-mb-20 sfx-ml-5 sfx-mr-5 sfx-mt-20\"\n>\n  <!-- File Upload -->\n  <label\n    *ngIf=\"fileUploadModel.navigation.showUploadFile\"\n    class=\"sfx-file-upload sfx-cursor-pointer text-center\"\n    for=\"Upload\"\n  >\n    <span class=\"symbol\">+</span>\n    <p>Please click here and select a file to upload</p>\n    <input\n      type=\"file\"\n      id=\"Upload\"\n      name=\"Upload\"\n      accept=\"{{ filetypeAccepted }}\"\n      (change)=\"onFileSelect($event)\"\n      class=\"hide\"\n    />\n  </label>\n  <!-- File Upload -->\n\n  <!-- File Upload In Progress -->\n  <symphony-file-upload-status\n    *ngIf=\"fileUploadModel.navigation.showUploadProgress\"\n    [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n    [uploadStatus]=\"'Uploading...'\"\n    class=\"hidefiledetail\"\n  ></symphony-file-upload-status>\n  <!-- File Upload In Progress -->\n\n  <!-- File Upload Complete -->\n  <symphony-file-upload-status\n    *ngIf=\"fileUploadModel.navigation.showUploadComplete\"\n    [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n    [uploadStatus]=\"'File succesfully uploaded'\"\n  ></symphony-file-upload-status>\n  <!-- File Upload Complete -->\n\n  <!-- Selected File -->\n  <symphony-file-upload-status\n    *ngIf=\"fileUploadModel.navigation.showSelectedFile\"\n    [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n    [uploadStatus]=\"'Selected File'\"\n  ></symphony-file-upload-status>\n  <!-- Selected File  -->\n\n  <!-- File Upload Error -->\n  <symphony-file-upload-status\n    *ngIf=\"fileUploadModel.navigation.showUploadError\"\n    [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n    [uploadStatus]=\"'Upload failed. File exceeds 2MB'\"\n  ></symphony-file-upload-status>\n  <!-- File Upload Error -->\n\n  <!-- File Upload Incomplete -->\n  <symphony-file-upload-status\n    *ngIf=\"fileUploadModel.navigation.showUploadIncomplete\"\n    [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n    [uploadStatus]=\"'Upload failed. Please try again'\"\n  ></symphony-file-upload-status>\n  <!-- File Upload Incomplete -->\n</div>\n", styles: [".sfx-bg-light-gray3{background:#f1f1f1}.sfx-v-h-center{display:flex;justify-content:center;align-items:center;flex-direction:column}.sfx-min-height{min-height:256px}.sfx-file-upload{display:contents}.sfx-file-upload .symbol{border:1px dashed #000;width:80px;height:80px;display:inline-block;border-radius:50%;text-align:center;line-height:85px;margin-bottom:50px;font-style:normal;font-size:24px}.sfx-file-uploaded{min-width:496px;max-width:496px}.sfx-file-uploaded p .sfx-icon-Close_Outlined{position:absolute;right:0;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%)}.sfx-file-uploaded symphony-paragraph{display:inline-block}.sfx-file-uploaded symphony-paragraph:first-child{font-weight:700}.sfx-word-break{word-break:break-word}.sfx-progressBar.progress{background-color:#fff;border-radius:10px}.sfx-progressBar.progress .progress-bar{background-color:#00bb5b}.hidefiledetail .sfx-position-relative{display:none}.hidefiledetail .sfx-file-uploaded{margin-top:15px}.hidefiledetail .progress{height:10px}\n"], components: [{ type: i1.FileUploadStatusComponent, selector: "symphony-file-upload-status", inputs: ["fileUploadStatusModel", "uploadStatus"], outputs: ["closeUploadComplete"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FileUploadV2Component, decorators: [{
+            type: Component,
+            args: [{ selector: 'symphony-file-upload-v2', encapsulation: ViewEncapsulation.None, template: "<div\n  *ngIf=\"fileUploadModel\"\n  class=\"sfx-v-h-center sfx-min-height sfx-bg-light-gray3 sfx-mb-20 sfx-ml-5 sfx-mr-5 sfx-mt-20\"\n>\n  <!-- File Upload -->\n  <label\n    *ngIf=\"fileUploadModel.navigation.showUploadFile\"\n    class=\"sfx-file-upload sfx-cursor-pointer text-center\"\n    for=\"Upload\"\n  >\n    <span class=\"symbol\">+</span>\n    <p>Please click here and select a file to upload</p>\n    <input\n      type=\"file\"\n      id=\"Upload\"\n      name=\"Upload\"\n      accept=\"{{ filetypeAccepted }}\"\n      (change)=\"onFileSelect($event)\"\n      class=\"hide\"\n    />\n  </label>\n  <!-- File Upload -->\n\n  <!-- File Upload In Progress -->\n  <symphony-file-upload-status\n    *ngIf=\"fileUploadModel.navigation.showUploadProgress\"\n    [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n    [uploadStatus]=\"'Uploading...'\"\n    class=\"hidefiledetail\"\n  ></symphony-file-upload-status>\n  <!-- File Upload In Progress -->\n\n  <!-- File Upload Complete -->\n  <symphony-file-upload-status\n    *ngIf=\"fileUploadModel.navigation.showUploadComplete\"\n    [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n    [uploadStatus]=\"'File succesfully uploaded'\"\n  ></symphony-file-upload-status>\n  <!-- File Upload Complete -->\n\n  <!-- Selected File -->\n  <symphony-file-upload-status\n    *ngIf=\"fileUploadModel.navigation.showSelectedFile\"\n    [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n    [uploadStatus]=\"'Selected File'\"\n  ></symphony-file-upload-status>\n  <!-- Selected File  -->\n\n  <!-- File Upload Error -->\n  <symphony-file-upload-status\n    *ngIf=\"fileUploadModel.navigation.showUploadError\"\n    [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n    [uploadStatus]=\"'Upload failed. File exceeds 2MB'\"\n  ></symphony-file-upload-status>\n  <!-- File Upload Error -->\n\n  <!-- File Upload Incomplete -->\n  <symphony-file-upload-status\n    *ngIf=\"fileUploadModel.navigation.showUploadIncomplete\"\n    [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n    [uploadStatus]=\"'Upload failed. Please try again'\"\n  ></symphony-file-upload-status>\n  <!-- File Upload Incomplete -->\n</div>\n", styles: [".sfx-bg-light-gray3{background:#f1f1f1}.sfx-v-h-center{display:flex;justify-content:center;align-items:center;flex-direction:column}.sfx-min-height{min-height:256px}.sfx-file-upload{display:contents}.sfx-file-upload .symbol{border:1px dashed #000;width:80px;height:80px;display:inline-block;border-radius:50%;text-align:center;line-height:85px;margin-bottom:50px;font-style:normal;font-size:24px}.sfx-file-uploaded{min-width:496px;max-width:496px}.sfx-file-uploaded p .sfx-icon-Close_Outlined{position:absolute;right:0;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%)}.sfx-file-uploaded symphony-paragraph{display:inline-block}.sfx-file-uploaded symphony-paragraph:first-child{font-weight:700}.sfx-word-break{word-break:break-word}.sfx-progressBar.progress{background-color:#fff;border-radius:10px}.sfx-progressBar.progress .progress-bar{background-color:#00bb5b}.hidefiledetail .sfx-position-relative{display:none}.hidefiledetail .sfx-file-uploaded{margin-top:15px}.hidefiledetail .progress{height:10px}\n"] }]
+        }], ctorParameters: function () { return []; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS11cGxvYWQtdjIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmlsZS11cGxvYWQtdjIvZmlsZS11cGxvYWQtdjIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmlsZS11cGxvYWQtdjIvZmlsZS11cGxvYWQtdjIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFLVCxpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7Ozs7QUFRM0UsTUFBTSxPQUFPLHFCQUNYLFNBQVEsbUJBQW1CO0lBRzNCO1FBQ0UsS0FBSyxFQUFFLENBQUM7SUFDVixDQUFDOztrSEFOVSxxQkFBcUI7c0dBQXJCLHFCQUFxQixzRkNoQmxDLCtvRUFnRUE7MkZEaERhLHFCQUFxQjtrQkFOakMsU0FBUzsrQkFDRSx5QkFBeUIsaUJBR3BCLGlCQUFpQixDQUFDLElBQUkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIEV2ZW50RW1pdHRlcixcbiAgT25Jbml0LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGaWxlVXBsb2FkQ29tcG9uZW50IH0gZnJvbSAnLi4vZmlsZS11cGxvYWQvZmlsZS11cGxvYWQuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktZmlsZS11cGxvYWQtdjInLFxuICB0ZW1wbGF0ZVVybDogJy4vZmlsZS11cGxvYWQtdjIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9maWxlLXVwbG9hZC12Mi5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBGaWxlVXBsb2FkVjJDb21wb25lbnRcbiAgZXh0ZW5kcyBGaWxlVXBsb2FkQ29tcG9uZW50XG4gIGltcGxlbWVudHMgT25Jbml0XG57XG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gIH1cbn1cbiIsIjxkaXZcbiAgKm5nSWY9XCJmaWxlVXBsb2FkTW9kZWxcIlxuICBjbGFzcz1cInNmeC12LWgtY2VudGVyIHNmeC1taW4taGVpZ2h0IHNmeC1iZy1saWdodC1ncmF5MyBzZngtbWItMjAgc2Z4LW1sLTUgc2Z4LW1yLTUgc2Z4LW10LTIwXCJcbj5cbiAgPCEtLSBGaWxlIFVwbG9hZCAtLT5cbiAgPGxhYmVsXG4gICAgKm5nSWY9XCJmaWxlVXBsb2FkTW9kZWwubmF2aWdhdGlvbi5zaG93VXBsb2FkRmlsZVwiXG4gICAgY2xhc3M9XCJzZngtZmlsZS11cGxvYWQgc2Z4LWN1cnNvci1wb2ludGVyIHRleHQtY2VudGVyXCJcbiAgICBmb3I9XCJVcGxvYWRcIlxuICA+XG4gICAgPHNwYW4gY2xhc3M9XCJzeW1ib2xcIj4rPC9zcGFuPlxuICAgIDxwPlBsZWFzZSBjbGljayBoZXJlIGFuZCBzZWxlY3QgYSBmaWxlIHRvIHVwbG9hZDwvcD5cbiAgICA8aW5wdXRcbiAgICAgIHR5cGU9XCJmaWxlXCJcbiAgICAgIGlkPVwiVXBsb2FkXCJcbiAgICAgIG5hbWU9XCJVcGxvYWRcIlxuICAgICAgYWNjZXB0PVwie3sgZmlsZXR5cGVBY2NlcHRlZCB9fVwiXG4gICAgICAoY2hhbmdlKT1cIm9uRmlsZVNlbGVjdCgkZXZlbnQpXCJcbiAgICAgIGNsYXNzPVwiaGlkZVwiXG4gICAgLz5cbiAgPC9sYWJlbD5cbiAgPCEtLSBGaWxlIFVwbG9hZCAtLT5cblxuICA8IS0tIEZpbGUgVXBsb2FkIEluIFByb2dyZXNzIC0tPlxuICA8c3ltcGhvbnktZmlsZS11cGxvYWQtc3RhdHVzXG4gICAgKm5nSWY9XCJmaWxlVXBsb2FkTW9kZWwubmF2aWdhdGlvbi5zaG93VXBsb2FkUHJvZ3Jlc3NcIlxuICAgIFtmaWxlVXBsb2FkU3RhdHVzTW9kZWxdPVwiZmlsZVVwbG9hZE1vZGVsLmZpbGVTdGF0dXNcIlxuICAgIFt1cGxvYWRTdGF0dXNdPVwiJ1VwbG9hZGluZy4uLidcIlxuICAgIGNsYXNzPVwiaGlkZWZpbGVkZXRhaWxcIlxuICA+PC9zeW1waG9ueS1maWxlLXVwbG9hZC1zdGF0dXM+XG4gIDwhLS0gRmlsZSBVcGxvYWQgSW4gUHJvZ3Jlc3MgLS0+XG5cbiAgPCEtLSBGaWxlIFVwbG9hZCBDb21wbGV0ZSAtLT5cbiAgPHN5bXBob255LWZpbGUtdXBsb2FkLXN0YXR1c1xuICAgICpuZ0lmPVwiZmlsZVVwbG9hZE1vZGVsLm5hdmlnYXRpb24uc2hvd1VwbG9hZENvbXBsZXRlXCJcbiAgICBbZmlsZVVwbG9hZFN0YXR1c01vZGVsXT1cImZpbGVVcGxvYWRNb2RlbC5maWxlU3RhdHVzXCJcbiAgICBbdXBsb2FkU3RhdHVzXT1cIidGaWxlIHN1Y2Nlc2Z1bGx5IHVwbG9hZGVkJ1wiXG4gID48L3N5bXBob255LWZpbGUtdXBsb2FkLXN0YXR1cz5cbiAgPCEtLSBGaWxlIFVwbG9hZCBDb21wbGV0ZSAtLT5cblxuICA8IS0tIFNlbGVjdGVkIEZpbGUgLS0+XG4gIDxzeW1waG9ueS1maWxlLXVwbG9hZC1zdGF0dXNcbiAgICAqbmdJZj1cImZpbGVVcGxvYWRNb2RlbC5uYXZpZ2F0aW9uLnNob3dTZWxlY3RlZEZpbGVcIlxuICAgIFtmaWxlVXBsb2FkU3RhdHVzTW9kZWxdPVwiZmlsZVVwbG9hZE1vZGVsLmZpbGVTdGF0dXNcIlxuICAgIFt1cGxvYWRTdGF0dXNdPVwiJ1NlbGVjdGVkIEZpbGUnXCJcbiAgPjwvc3ltcGhvbnktZmlsZS11cGxvYWQtc3RhdHVzPlxuICA8IS0tIFNlbGVjdGVkIEZpbGUgIC0tPlxuXG4gIDwhLS0gRmlsZSBVcGxvYWQgRXJyb3IgLS0+XG4gIDxzeW1waG9ueS1maWxlLXVwbG9hZC1zdGF0dXNcbiAgICAqbmdJZj1cImZpbGVVcGxvYWRNb2RlbC5uYXZpZ2F0aW9uLnNob3dVcGxvYWRFcnJvclwiXG4gICAgW2ZpbGVVcGxvYWRTdGF0dXNNb2RlbF09XCJmaWxlVXBsb2FkTW9kZWwuZmlsZVN0YXR1c1wiXG4gICAgW3VwbG9hZFN0YXR1c109XCInVXBsb2FkIGZhaWxlZC4gRmlsZSBleGNlZWRzIDJNQidcIlxuICA+PC9zeW1waG9ueS1maWxlLXVwbG9hZC1zdGF0dXM+XG4gIDwhLS0gRmlsZSBVcGxvYWQgRXJyb3IgLS0+XG5cbiAgPCEtLSBGaWxlIFVwbG9hZCBJbmNvbXBsZXRlIC0tPlxuICA8c3ltcGhvbnktZmlsZS11cGxvYWQtc3RhdHVzXG4gICAgKm5nSWY9XCJmaWxlVXBsb2FkTW9kZWwubmF2aWdhdGlvbi5zaG93VXBsb2FkSW5jb21wbGV0ZVwiXG4gICAgW2ZpbGVVcGxvYWRTdGF0dXNNb2RlbF09XCJmaWxlVXBsb2FkTW9kZWwuZmlsZVN0YXR1c1wiXG4gICAgW3VwbG9hZFN0YXR1c109XCInVXBsb2FkIGZhaWxlZC4gUGxlYXNlIHRyeSBhZ2FpbidcIlxuICA+PC9zeW1waG9ueS1maWxlLXVwbG9hZC1zdGF0dXM+XG4gIDwhLS0gRmlsZSBVcGxvYWQgSW5jb21wbGV0ZSAtLT5cbjwvZGl2PlxuIl19

package/esm2020/projects/component-library/lib/molecules/file-upload-v2/file-upload-v2.module.mjs

@@ -0,0 +1,38 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FileUploadV2Component } from './file-upload-v2.component';
+import { H3Module } from '../../atoms/h3/h3.module';
+import { IconModule } from '../../atoms/icon/icon.module';
+import { ParagraphModule } from '../../atoms/paragraph/paragraph.module';
+import { FileUploadStatusModule } from '../file-upload-status/file-upload-status.module';
+import * as i0 from "@angular/core";
+export class FileUploadV2Module {
+}
+FileUploadV2Module.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FileUploadV2Module, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FileUploadV2Module.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FileUploadV2Module, declarations: [FileUploadV2Component], imports: [CommonModule,
+        H3Module,
+        IconModule,
+        ParagraphModule,
+        FileUploadStatusModule], exports: [FileUploadV2Component] });
+FileUploadV2Module.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FileUploadV2Module, imports: [[
+            CommonModule,
+            H3Module,
+            IconModule,
+            ParagraphModule,
+            FileUploadStatusModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FileUploadV2Module, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [FileUploadV2Component],
+                    imports: [
+                        CommonModule,
+                        H3Module,
+                        IconModule,
+                        ParagraphModule,
+                        FileUploadStatusModule,
+                    ],
+                    exports: [FileUploadV2Component],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS11cGxvYWQtdjIubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmlsZS11cGxvYWQtdjIvZmlsZS11cGxvYWQtdjIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ25FLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDMUQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQ3pFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLGlEQUFpRCxDQUFDOztBQWF6RixNQUFNLE9BQU8sa0JBQWtCOzsrR0FBbEIsa0JBQWtCO2dIQUFsQixrQkFBa0IsaUJBVmQscUJBQXFCLGFBRWxDLFlBQVk7UUFDWixRQUFRO1FBQ1IsVUFBVTtRQUNWLGVBQWU7UUFDZixzQkFBc0IsYUFFZCxxQkFBcUI7Z0hBRXBCLGtCQUFrQixZQVRwQjtZQUNQLFlBQVk7WUFDWixRQUFRO1lBQ1IsVUFBVTtZQUNWLGVBQWU7WUFDZixzQkFBc0I7U0FDdkI7MkZBR1Usa0JBQWtCO2tCQVg5QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLHFCQUFxQixDQUFDO29CQUNyQyxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixRQUFRO3dCQUNSLFVBQVU7d0JBQ1YsZUFBZTt3QkFDZixzQkFBc0I7cUJBQ3ZCO29CQUNELE9BQU8sRUFBRSxDQUFDLHFCQUFxQixDQUFDO2lCQUNqQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgRmlsZVVwbG9hZFYyQ29tcG9uZW50IH0gZnJvbSAnLi9maWxlLXVwbG9hZC12Mi5jb21wb25lbnQnO1xuaW1wb3J0IHsgSDNNb2R1bGUgfSBmcm9tICcuLi8uLi9hdG9tcy9oMy9oMy5tb2R1bGUnO1xuaW1wb3J0IHsgSWNvbk1vZHVsZSB9IGZyb20gJy4uLy4uL2F0b21zL2ljb24vaWNvbi5tb2R1bGUnO1xuaW1wb3J0IHsgUGFyYWdyYXBoTW9kdWxlIH0gZnJvbSAnLi4vLi4vYXRvbXMvcGFyYWdyYXBoL3BhcmFncmFwaC5tb2R1bGUnO1xuaW1wb3J0IHsgRmlsZVVwbG9hZFN0YXR1c01vZHVsZSB9IGZyb20gJy4uL2ZpbGUtdXBsb2FkLXN0YXR1cy9maWxlLXVwbG9hZC1zdGF0dXMubW9kdWxlJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbRmlsZVVwbG9hZFYyQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBIM01vZHVsZSxcbiAgICBJY29uTW9kdWxlLFxuICAgIFBhcmFncmFwaE1vZHVsZSxcbiAgICBGaWxlVXBsb2FkU3RhdHVzTW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbRmlsZVVwbG9hZFYyQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgRmlsZVVwbG9hZFYyTW9kdWxlIHt9XG4iXX0=

package/esm2020/projects/component-library/lib/molecules/icon-swatch/icon-swatch.component.mjs

@@ -14,7 +14,7 @@ export class IconSwatchComponent {
     }
 }
 IconSwatchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: IconSwatchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IconSwatchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: IconSwatchComponent, selector: "symphony-icon-swatch", inputs: { iconSwatchModel: "iconSwatchModel", isInverse: "isInverse" }, ngImport: i0, template: "<div class=\"sfx-icon-swatch\">\n  <div\n    class=\"sfx-icon-wrapper\"\n    [ngClass]=\"{\n      'mt-0': iconSwatchModel.hasBorder\n    }\"\n  >\n    <symphony-icon-wrapper\n      *ngIf=\"iconSwatchModel.hasBorder\"\n      [isInverse]=\"isInverse\"\n    >\n      <symphony-icon [icon]=\"iconSwatchModel.icon\"></symphony-icon>\n    </symphony-icon-wrapper>\n    <symphony-icon\n      *ngIf=\"!iconSwatchModel.hasBorder\"\n      [icon]=\"iconSwatchModel.icon\"\n    ></symphony-icon>\n  </div>\n  <div class=\"sfx-icon-description-wrapper\">\n    <symphony-h5 [text]=\"iconSwatchModel.iconName\"></symphony-h5>\n\n    <symphony-paragraph [text]=\"iconSwatchModel.iconClass\"></symphony-paragraph>\n  </div>\n</div>\n", styles: ["*{font-family:neuzeit-grotesk,sans-serif!important}.sfx-icon-wrapper{display:inline-block;vertical-align:top;margin-top:10px;margin-right:10px;text-align:center}.mt-0{margin-top:0}.sfx-icon-description-wrapper{display:inline-block}\n"], components: [{ type: i1.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse"], outputs: ["clicked"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i4.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }], directives: [{ type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+IconSwatchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: IconSwatchComponent, selector: "symphony-icon-swatch", inputs: { iconSwatchModel: "iconSwatchModel", isInverse: "isInverse" }, ngImport: i0, template: "<div class=\"sfx-icon-swatch\">\n  <div\n    class=\"sfx-icon-wrapper\"\n    [ngClass]=\"{\n      'mt-0': iconSwatchModel.hasBorder\n    }\"\n  >\n    <symphony-icon-wrapper\n      *ngIf=\"iconSwatchModel.hasBorder\"\n      [isInverse]=\"isInverse\"\n    >\n      <symphony-icon [icon]=\"iconSwatchModel.icon\"></symphony-icon>\n    </symphony-icon-wrapper>\n    <symphony-icon\n      *ngIf=\"!iconSwatchModel.hasBorder\"\n      [icon]=\"iconSwatchModel.icon\"\n    ></symphony-icon>\n  </div>\n  <div class=\"sfx-icon-description-wrapper\">\n    <symphony-h5 [text]=\"iconSwatchModel.iconName\"></symphony-h5>\n\n    <symphony-paragraph [text]=\"iconSwatchModel.iconClass\"></symphony-paragraph>\n  </div>\n</div>\n", styles: ["*{font-family:neuzeit-grotesk,sans-serif!important}.sfx-icon-wrapper{display:inline-block;vertical-align:top;margin-top:10px;margin-right:10px;text-align:center}.mt-0{margin-top:0}.sfx-icon-description-wrapper{display:inline-block}\n"], components: [{ type: i1.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i4.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }], directives: [{ type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: IconSwatchComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-icon-swatch', template: "<div class=\"sfx-icon-swatch\">\n  <div\n    class=\"sfx-icon-wrapper\"\n    [ngClass]=\"{\n      'mt-0': iconSwatchModel.hasBorder\n    }\"\n  >\n    <symphony-icon-wrapper\n      *ngIf=\"iconSwatchModel.hasBorder\"\n      [isInverse]=\"isInverse\"\n    >\n      <symphony-icon [icon]=\"iconSwatchModel.icon\"></symphony-icon>\n    </symphony-icon-wrapper>\n    <symphony-icon\n      *ngIf=\"!iconSwatchModel.hasBorder\"\n      [icon]=\"iconSwatchModel.icon\"\n    ></symphony-icon>\n  </div>\n  <div class=\"sfx-icon-description-wrapper\">\n    <symphony-h5 [text]=\"iconSwatchModel.iconName\"></symphony-h5>\n\n    <symphony-paragraph [text]=\"iconSwatchModel.iconClass\"></symphony-paragraph>\n  </div>\n</div>\n", styles: ["*{font-family:neuzeit-grotesk,sans-serif!important}.sfx-icon-wrapper{display:inline-block;vertical-align:top;margin-top:10px;margin-right:10px;text-align:center}.mt-0{margin-top:0}.sfx-icon-description-wrapper{display:inline-block}\n"] }]

package/esm2020/projects/component-library/lib/organisms/action-bar/action-bar.component.mjs

@@ -14,7 +14,7 @@ export class ActionBarComponent {
     }
 }
 ActionBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ActionBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ActionBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ActionBarComponent, selector: "symphony-action-bar", inputs: { isToggled: "isToggled" }, outputs: { toggleClick: "toggleClick" }, ngImport: i0, template: "<div class=\"sfx-title-wrap sfx-pb-30 sfx-action-bar\">\n  <div class=\"col-xs-12 col-sm-6 col-md-4 col-lg-3 sfx-p-0 sfx-action-button\">\n    <div class=\"max-contentwidth\" (click)=\"toggleClicked()\">\n      <symphony-icon-wrapper\n        [ngClass]=\"{ 'action-arrow-down': isToggled }\"\n        class=\"sfx-d-inline-block\"\n        ><symphony-icon [icon]=\"'si-arrow-bold-next'\"></symphony-icon>\n      </symphony-icon-wrapper>\n      <symphony-h5 class=\"sfx-d-inline-block sfx-ml-20\">Actions</symphony-h5>\n    </div>\n  </div>\n  <div class=\"col-xs-12 col-sm-6 col-md-8 col-lg-9 sfx-p-0\">\n    <div class=\"pull-right sfx-actions-controls\">\n      <ng-content select=\"[grid-controls]\"></ng-content>\n    </div>\n  </div>\n</div>\n<div\n  *ngIf=\"isToggled\"\n  class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-border-bottom-gray-1 sfx-pr-0\"\n>\n  <div\n    class=\"col-xs-11 col-sm-11 col-md-11 col-lg-11 sfx-actions-items\"\n  >\n    <ng-content select=\"[grid-actions]\"></ng-content>\n  </div>\n</div>\n", styles: [".sfx-action-bar{display:inline-block;width:100%;border-bottom:5px solid #000000}.sfx-action-bar .sfx-action-button .max-contentwidth{width:max-content}.sfx-action-bar .sfx-action-button .icon-wrapper i{font-weight:600}.sfx-action-bar .sfx-action-button .action-arrow-down{transform:rotate(90deg)}.sfx-actions-items{margin-top:1.875rem;padding-bottom:1.25rem}\n"], components: [{ type: i1.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse"], outputs: ["clicked"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+ActionBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ActionBarComponent, selector: "symphony-action-bar", inputs: { isToggled: "isToggled" }, outputs: { toggleClick: "toggleClick" }, ngImport: i0, template: "<div class=\"sfx-title-wrap sfx-pb-30 sfx-action-bar\">\n  <div class=\"col-xs-12 col-sm-6 col-md-4 col-lg-3 sfx-p-0 sfx-action-button\">\n    <div class=\"max-contentwidth\" (click)=\"toggleClicked()\">\n      <symphony-icon-wrapper\n        [ngClass]=\"{ 'action-arrow-down': isToggled }\"\n        class=\"sfx-d-inline-block\"\n        ><symphony-icon [icon]=\"'si-arrow-bold-next'\"></symphony-icon>\n      </symphony-icon-wrapper>\n      <symphony-h5 class=\"sfx-d-inline-block sfx-ml-20\">Actions</symphony-h5>\n    </div>\n  </div>\n  <div class=\"col-xs-12 col-sm-6 col-md-8 col-lg-9 sfx-p-0\">\n    <div class=\"pull-right sfx-actions-controls\">\n      <ng-content select=\"[grid-controls]\"></ng-content>\n    </div>\n  </div>\n</div>\n<div\n  *ngIf=\"isToggled\"\n  class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-border-bottom-gray-1 sfx-pr-0\"\n>\n  <div\n    class=\"col-xs-11 col-sm-11 col-md-11 col-lg-11 sfx-actions-items\"\n  >\n    <ng-content select=\"[grid-actions]\"></ng-content>\n  </div>\n</div>\n", styles: [".sfx-action-bar{display:inline-block;width:100%;border-bottom:5px solid #000000}.sfx-action-bar .sfx-action-button .max-contentwidth{width:max-content}.sfx-action-bar .sfx-action-button .icon-wrapper i{font-weight:600}.sfx-action-bar .sfx-action-button .action-arrow-down{transform:rotate(90deg)}.sfx-actions-items{margin-top:1.875rem;padding-bottom:1.25rem}\n"], components: [{ type: i1.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ActionBarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-action-bar', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-title-wrap sfx-pb-30 sfx-action-bar\">\n  <div class=\"col-xs-12 col-sm-6 col-md-4 col-lg-3 sfx-p-0 sfx-action-button\">\n    <div class=\"max-contentwidth\" (click)=\"toggleClicked()\">\n      <symphony-icon-wrapper\n        [ngClass]=\"{ 'action-arrow-down': isToggled }\"\n        class=\"sfx-d-inline-block\"\n        ><symphony-icon [icon]=\"'si-arrow-bold-next'\"></symphony-icon>\n      </symphony-icon-wrapper>\n      <symphony-h5 class=\"sfx-d-inline-block sfx-ml-20\">Actions</symphony-h5>\n    </div>\n  </div>\n  <div class=\"col-xs-12 col-sm-6 col-md-8 col-lg-9 sfx-p-0\">\n    <div class=\"pull-right sfx-actions-controls\">\n      <ng-content select=\"[grid-controls]\"></ng-content>\n    </div>\n  </div>\n</div>\n<div\n  *ngIf=\"isToggled\"\n  class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-border-bottom-gray-1 sfx-pr-0\"\n>\n  <div\n    class=\"col-xs-11 col-sm-11 col-md-11 col-lg-11 sfx-actions-items\"\n  >\n    <ng-content select=\"[grid-actions]\"></ng-content>\n  </div>\n</div>\n", styles: [".sfx-action-bar{display:inline-block;width:100%;border-bottom:5px solid #000000}.sfx-action-bar .sfx-action-button .max-contentwidth{width:max-content}.sfx-action-bar .sfx-action-button .icon-wrapper i{font-weight:600}.sfx-action-bar .sfx-action-button .action-arrow-down{transform:rotate(90deg)}.sfx-actions-items{margin-top:1.875rem;padding-bottom:1.25rem}\n"] }]

package/esm2020/projects/component-library/lib/organisms/document-management-list/document-management-list.component.mjs

@@ -16,22 +16,24 @@ export class DocumentManagementListComponent {
     ngOnInit() {
         this.isLoading = false;
     }
-    onMoreClick(documentManagementItemModel) {
-        this.moreOptionClick.emit(documentManagementItemModel);
+    onMoreClick(optionClickEvent, documentManagementItemModel) {
+        this.moreOptionClick.emit({ optionClicked: optionClickEvent, item: documentManagementItemModel });
     }
-    onPreviewClick(documentManagementItemModel) {
-        this.previewClick.emit(documentManagementItemModel);
+    onPreviewClick(optionClickEvent, documentManagementItemModel) {
+        this.previewClick.emit({ optionClicked: optionClickEvent, item: documentManagementItemModel });
     }
     onUploadClick() {
         this.uploadClick.emit();
     }
 }
 DocumentManagementListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DocumentManagementListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DocumentManagementListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: DocumentManagementListComponent, selector: "symphony-document-management-list", inputs: { documentManagementList: "documentManagementList" }, outputs: { moreOptionClick: "moreOptionClick", previewClick: "previewClick", uploadClick: "uploadClick" }, ngImport: i0, template: "<section class=\"sf-d-block sfx-pb-20 sfx-border-bottom-black-5\">\n  <div class=\"dml-title-wrap\">\n    <symphony-h3 class=\"sfx-d-block sfx-pt-5\">Documents</symphony-h3>\n    <symphony-icon-wrapper (click)=\"onUploadClick()\"\n    class=\"dml-title-icon-right\"\n  >\n    <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n  </symphony-icon-wrapper>\n  </div>\n  <ul *ngIf=\"!isLoading\" class=\"list-unstyled dml-wrap\">\n    <li *ngFor=\"let dmItem of documentManagementList\">\n      <symphony-document-management-item\n        [documentManagementItemModel]=\"dmItem\"\n        (moreOptionClicked)=\"onMoreClick($event)\"\n        (previewClicked)=\"onPreviewClick($event)\"\n      ></symphony-document-management-item>\n    </li>\n  </ul>\n  <div *ngIf=\"isLoading\">\n    <symphony-sfx-loader></symphony-sfx-loader>\n  </div>\n</section>\n", styles: [".dml-wrap{max-height:245px;overflow-y:auto;overflow-x:hidden}.dml-wrap li{border-bottom:1px solid #bababa}.dml-wrap li:last-child{border-color:transparent}.dml-title-wrap{position:relative;margin-bottom:20px}.dml-title-wrap .dml-title-icon-right{position:absolute;top:0;right:0}\n"], components: [{ type: i1.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i2.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse"], outputs: ["clicked"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.DocumentManagementItemComponent, selector: "symphony-document-management-item", inputs: ["documentManagementItemModel"], outputs: ["previewClicked", "moreOptionClicked"] }, { type: i5.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+DocumentManagementListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: DocumentManagementListComponent, selector: "symphony-document-management-list", inputs: { isLoading: "isLoading", documentManagementList: "documentManagementList" }, outputs: { moreOptionClick: "moreOptionClick", previewClick: "previewClick", uploadClick: "uploadClick" }, ngImport: i0, template: "<section class=\"sf-d-block sfx-pb-20 sfx-border-bottom-black-5\">\n  <div class=\"dml-title-wrap\">\n    <symphony-h3 class=\"sfx-d-block sfx-pt-5\">Documents</symphony-h3>\n    <symphony-icon-wrapper (click)=\"onUploadClick()\"\n    class=\"dml-title-icon-right\"\n  >\n    <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n  </symphony-icon-wrapper>\n  </div>\n  <ul *ngIf=\"!isLoading\" class=\"list-unstyled dml-wrap\">\n    <li *ngFor=\"let dmItem of documentManagementList\">\n      <symphony-document-management-item\n        [documentManagementItemModel]=\"dmItem\"\n        (moreOptionClicked)=\"onMoreClick($event, dmItem)\"\n        (previewClicked)=\"onPreviewClick($event, dmItem)\"\n      ></symphony-document-management-item>\n    </li>\n  </ul>\n  <div *ngIf=\"isLoading\">\n    <symphony-sfx-loader></symphony-sfx-loader>\n  </div>\n</section>\n", styles: [".dml-wrap{max-height:245px;overflow-y:auto;overflow-x:hidden}.dml-wrap::-webkit-scrollbar{width:12px}.dml-wrap::-webkit-scrollbar-track{box-shadow:inset 0 0 3px transparent;border-radius:30px}.dml-wrap::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:30px}.dml-wrap::-webkit-scrollbar-thumb:hover{cursor:pointer}.dml-wrap li{border-bottom:1px solid #bababa}.dml-wrap li:last-child{border-color:transparent}.dml-title-wrap{position:relative;margin-bottom:20px}.dml-title-wrap .dml-title-icon-right{position:absolute;top:0;right:0}\n"], components: [{ type: i1.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i2.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.DocumentManagementItemComponent, selector: "symphony-document-management-item", inputs: ["documentManagementItemModel"], outputs: ["previewClicked", "moreOptionClicked"] }, { type: i5.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DocumentManagementListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-document-management-list', template: "<section class=\"sf-d-block sfx-pb-20 sfx-border-bottom-black-5\">\n  <div class=\"dml-title-wrap\">\n    <symphony-h3 class=\"sfx-d-block sfx-pt-5\">Documents</symphony-h3>\n    <symphony-icon-wrapper (click)=\"onUploadClick()\"\n    class=\"dml-title-icon-right\"\n  >\n    <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n  </symphony-icon-wrapper>\n  </div>\n  <ul *ngIf=\"!isLoading\" class=\"list-unstyled dml-wrap\">\n    <li *ngFor=\"let dmItem of documentManagementList\">\n      <symphony-document-management-item\n        [documentManagementItemModel]=\"dmItem\"\n        (moreOptionClicked)=\"onMoreClick($event)\"\n        (previewClicked)=\"onPreviewClick($event)\"\n      ></symphony-document-management-item>\n    </li>\n  </ul>\n  <div *ngIf=\"isLoading\">\n    <symphony-sfx-loader></symphony-sfx-loader>\n  </div>\n</section>\n", styles: [".dml-wrap{max-height:245px;overflow-y:auto;overflow-x:hidden}.dml-wrap li{border-bottom:1px solid #bababa}.dml-wrap li:last-child{border-color:transparent}.dml-title-wrap{position:relative;margin-bottom:20px}.dml-title-wrap .dml-title-icon-right{position:absolute;top:0;right:0}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { documentManagementList: [{
+            args: [{ selector: 'symphony-document-management-list', template: "<section class=\"sf-d-block sfx-pb-20 sfx-border-bottom-black-5\">\n  <div class=\"dml-title-wrap\">\n    <symphony-h3 class=\"sfx-d-block sfx-pt-5\">Documents</symphony-h3>\n    <symphony-icon-wrapper (click)=\"onUploadClick()\"\n    class=\"dml-title-icon-right\"\n  >\n    <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n  </symphony-icon-wrapper>\n  </div>\n  <ul *ngIf=\"!isLoading\" class=\"list-unstyled dml-wrap\">\n    <li *ngFor=\"let dmItem of documentManagementList\">\n      <symphony-document-management-item\n        [documentManagementItemModel]=\"dmItem\"\n        (moreOptionClicked)=\"onMoreClick($event, dmItem)\"\n        (previewClicked)=\"onPreviewClick($event, dmItem)\"\n      ></symphony-document-management-item>\n    </li>\n  </ul>\n  <div *ngIf=\"isLoading\">\n    <symphony-sfx-loader></symphony-sfx-loader>\n  </div>\n</section>\n", styles: [".dml-wrap{max-height:245px;overflow-y:auto;overflow-x:hidden}.dml-wrap::-webkit-scrollbar{width:12px}.dml-wrap::-webkit-scrollbar-track{box-shadow:inset 0 0 3px transparent;border-radius:30px}.dml-wrap::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:30px}.dml-wrap::-webkit-scrollbar-thumb:hover{cursor:pointer}.dml-wrap li{border-bottom:1px solid #bababa}.dml-wrap li:last-child{border-color:transparent}.dml-title-wrap{position:relative;margin-bottom:20px}.dml-title-wrap .dml-title-icon-right{position:absolute;top:0;right:0}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { isLoading: [{
+                type: Input
+            }], documentManagementList: [{
                 type: Input
             }], moreOptionClick: [{
                 type: Output
@@ -40,4 +42,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
             }], uploadClick: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9jdW1lbnQtbWFuYWdlbWVudC1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvb3JnYW5pc21zL2RvY3VtZW50LW1hbmFnZW1lbnQtbGlzdC9kb2N1bWVudC1tYW5hZ2VtZW50LWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvZG9jdW1lbnQtbWFuYWdlbWVudC1saXN0L2RvY3VtZW50LW1hbmFnZW1lbnQtbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7OztBQVEvRSxNQUFNLE9BQU8sK0JBQStCO0lBTTFDO1FBTEEsY0FBUyxHQUFZLElBQUksQ0FBQztRQUVoQixvQkFBZSxHQUFHLElBQUksWUFBWSxFQUErQixDQUFDO1FBQ2xFLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQStCLENBQUM7UUFDL0QsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0lBQ3BDLENBQUM7SUFFaEIsUUFBUTtRQUNOLElBQUksQ0FBQyxTQUFTLEdBQUUsS0FBSyxDQUFDO0lBQ3hCLENBQUM7SUFDRCxXQUFXLENBQUMsMkJBQTJCO1FBQ3JDLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLDJCQUEyQixDQUFDLENBQUM7SUFDekQsQ0FBQztJQUVELGNBQWMsQ0FBQywyQkFBMkI7UUFDeEMsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsMkJBQTJCLENBQUMsQ0FBQztJQUN0RCxDQUFDO0lBRUQsYUFBYTtRQUNYLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDMUIsQ0FBQzs7NEhBckJVLCtCQUErQjtnSEFBL0IsK0JBQStCLGtQQ1I1QyxvMUJBc0JBOzJGRGRhLCtCQUErQjtrQkFMM0MsU0FBUzsrQkFDRSxtQ0FBbUM7MEVBTXBDLHNCQUFzQjtzQkFBOUIsS0FBSztnQkFDSSxlQUFlO3NCQUF4QixNQUFNO2dCQUNHLFlBQVk7c0JBQXJCLE1BQU07Z0JBQ0csV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2RlbCB9IGZyb20gJy4uLy4uL21vbGVjdWxlcy9kb2N1bWVudC1tYW5hZ2VtZW50LWl0ZW0vZG9jdW1lbnQtbWFuYWdlbWVudC1pdGVtLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktZG9jdW1lbnQtbWFuYWdlbWVudC1saXN0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2RvY3VtZW50LW1hbmFnZW1lbnQtbGlzdC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2RvY3VtZW50LW1hbmFnZW1lbnQtbGlzdC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBEb2N1bWVudE1hbmFnZW1lbnRMaXN0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgaXNMb2FkaW5nOiBib29sZWFuID0gdHJ1ZTtcbiAgQElucHV0KCkgZG9jdW1lbnRNYW5hZ2VtZW50TGlzdDogRG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsW107XG4gIEBPdXRwdXQoKSBtb3JlT3B0aW9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPERvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2RlbD4oKTtcbiAgQE91dHB1dCgpIHByZXZpZXdDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8RG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsPigpO1xuICBAT3V0cHV0KCkgdXBsb2FkQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuaXNMb2FkaW5nPSBmYWxzZTtcbiAgfVxuICBvbk1vcmVDbGljayhkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwpIHtcbiAgICB0aGlzLm1vcmVPcHRpb25DbGljay5lbWl0KGRvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2RlbCk7XG4gIH1cblxuICBvblByZXZpZXdDbGljayhkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwpIHtcbiAgICB0aGlzLnByZXZpZXdDbGljay5lbWl0KGRvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2RlbCk7XG4gIH1cblxuICBvblVwbG9hZENsaWNrKCl7XG4gICAgdGhpcy51cGxvYWRDbGljay5lbWl0KCk7XG4gIH1cblxufVxuIiwiPHNlY3Rpb24gY2xhc3M9XCJzZi1kLWJsb2NrIHNmeC1wYi0yMCBzZngtYm9yZGVyLWJvdHRvbS1ibGFjay01XCI+XG4gIDxkaXYgY2xhc3M9XCJkbWwtdGl0bGUtd3JhcFwiPlxuICAgIDxzeW1waG9ueS1oMyBjbGFzcz1cInNmeC1kLWJsb2NrIHNmeC1wdC01XCI+RG9jdW1lbnRzPC9zeW1waG9ueS1oMz5cbiAgICA8c3ltcGhvbnktaWNvbi13cmFwcGVyIChjbGljayk9XCJvblVwbG9hZENsaWNrKClcIlxuICAgIGNsYXNzPVwiZG1sLXRpdGxlLWljb24tcmlnaHRcIlxuICA+XG4gICAgPHN5bXBob255LWljb24gW2ljb25dPVwiJ3NpLWFkZCdcIj48L3N5bXBob255LWljb24+XG4gIDwvc3ltcGhvbnktaWNvbi13cmFwcGVyPlxuICA8L2Rpdj5cbiAgPHVsICpuZ0lmPVwiIWlzTG9hZGluZ1wiIGNsYXNzPVwibGlzdC11bnN0eWxlZCBkbWwtd3JhcFwiPlxuICAgIDxsaSAqbmdGb3I9XCJsZXQgZG1JdGVtIG9mIGRvY3VtZW50TWFuYWdlbWVudExpc3RcIj5cbiAgICAgIDxzeW1waG9ueS1kb2N1bWVudC1tYW5hZ2VtZW50LWl0ZW1cbiAgICAgICAgW2RvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2RlbF09XCJkbUl0ZW1cIlxuICAgICAgICAobW9yZU9wdGlvbkNsaWNrZWQpPVwib25Nb3JlQ2xpY2soJGV2ZW50KVwiXG4gICAgICAgIChwcmV2aWV3Q2xpY2tlZCk9XCJvblByZXZpZXdDbGljaygkZXZlbnQpXCJcbiAgICAgID48L3N5bXBob255LWRvY3VtZW50LW1hbmFnZW1lbnQtaXRlbT5cbiAgICA8L2xpPlxuICA8L3VsPlxuICA8ZGl2ICpuZ0lmPVwiaXNMb2FkaW5nXCI+XG4gICAgPHN5bXBob255LXNmeC1sb2FkZXI+PC9zeW1waG9ueS1zZngtbG9hZGVyPlxuICA8L2Rpdj5cbjwvc2VjdGlvbj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9jdW1lbnQtbWFuYWdlbWVudC1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvb3JnYW5pc21zL2RvY3VtZW50LW1hbmFnZW1lbnQtbGlzdC9kb2N1bWVudC1tYW5hZ2VtZW50LWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvZG9jdW1lbnQtbWFuYWdlbWVudC1saXN0L2RvY3VtZW50LW1hbmFnZW1lbnQtbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7OztBQVEvRSxNQUFNLE9BQU8sK0JBQStCO0lBTTFDO1FBTFMsY0FBUyxHQUFZLElBQUksQ0FBQztRQUV6QixvQkFBZSxHQUFHLElBQUksWUFBWSxFQUFnQyxDQUFDO1FBQ25FLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQWdDLENBQUM7UUFDaEUsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0lBQ3BDLENBQUM7SUFFaEIsUUFBUTtRQUNOLElBQUksQ0FBQyxTQUFTLEdBQUUsS0FBSyxDQUFDO0lBQ3hCLENBQUM7SUFDRCxXQUFXLENBQUMsZ0JBQWdCLEVBQUUsMkJBQTJCO1FBQ3ZELElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLEVBQUMsYUFBYSxFQUFFLGdCQUFnQixFQUFFLElBQUksRUFBRSwyQkFBMkIsRUFBQyxDQUFDLENBQUM7SUFDbEcsQ0FBQztJQUVELGNBQWMsQ0FBQyxnQkFBZ0IsRUFBRSwyQkFBMkI7UUFDMUQsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsRUFBQyxhQUFhLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxFQUFFLDJCQUEyQixFQUFDLENBQUMsQ0FBQztJQUMvRixDQUFDO0lBRUQsYUFBYTtRQUNYLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDMUIsQ0FBQzs7NEhBckJVLCtCQUErQjtnSEFBL0IsK0JBQStCLDBRQ1I1QyxvMkJBc0JBOzJGRGRhLCtCQUErQjtrQkFMM0MsU0FBUzsrQkFDRSxtQ0FBbUM7MEVBS3BDLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csc0JBQXNCO3NCQUE5QixLQUFLO2dCQUNJLGVBQWU7c0JBQXhCLE1BQU07Z0JBQ0csWUFBWTtzQkFBckIsTUFBTTtnQkFDRyxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsIH0gZnJvbSAnLi4vLi4vbW9sZWN1bGVzL2RvY3VtZW50LW1hbmFnZW1lbnQtaXRlbS9kb2N1bWVudC1tYW5hZ2VtZW50LWl0ZW0ubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1kb2N1bWVudC1tYW5hZ2VtZW50LWxpc3QnLFxuICB0ZW1wbGF0ZVVybDogJy4vZG9jdW1lbnQtbWFuYWdlbWVudC1saXN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZG9jdW1lbnQtbWFuYWdlbWVudC1saXN0LmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIERvY3VtZW50TWFuYWdlbWVudExpc3RDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBpc0xvYWRpbmc6IGJvb2xlYW4gPSB0cnVlO1xuICBASW5wdXQoKSBkb2N1bWVudE1hbmFnZW1lbnRMaXN0OiBEb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWxbXTtcbiAgQE91dHB1dCgpIG1vcmVPcHRpb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8RG9jdW1lbnRNYW5hZ2VtZW50Q2xpY2tNb2RlbD4oKTtcbiAgQE91dHB1dCgpIHByZXZpZXdDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8RG9jdW1lbnRNYW5hZ2VtZW50Q2xpY2tNb2RlbD4oKTtcbiAgQE91dHB1dCgpIHVwbG9hZENsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmlzTG9hZGluZz0gZmFsc2U7XG4gIH1cbiAgb25Nb3JlQ2xpY2sob3B0aW9uQ2xpY2tFdmVudCwgZG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsKSB7XG4gICAgdGhpcy5tb3JlT3B0aW9uQ2xpY2suZW1pdCh7b3B0aW9uQ2xpY2tlZDogb3B0aW9uQ2xpY2tFdmVudCwgaXRlbTogZG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsfSk7XG4gIH1cblxuICBvblByZXZpZXdDbGljayhvcHRpb25DbGlja0V2ZW50LCBkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwpIHtcbiAgICB0aGlzLnByZXZpZXdDbGljay5lbWl0KHtvcHRpb25DbGlja2VkOiBvcHRpb25DbGlja0V2ZW50LCBpdGVtOiBkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWx9KTtcbiAgfVxuXG4gIG9uVXBsb2FkQ2xpY2soKXtcbiAgICB0aGlzLnVwbG9hZENsaWNrLmVtaXQoKTtcbiAgfVxuXG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgRG9jdW1lbnRNYW5hZ2VtZW50Q2xpY2tNb2RlbCB7XG4gIG9wdGlvbkNsaWNrZWQ6IHN0cmluZyxcbiAgaXRlbTogRG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsW11cbn1cbiIsIjxzZWN0aW9uIGNsYXNzPVwic2YtZC1ibG9jayBzZngtcGItMjAgc2Z4LWJvcmRlci1ib3R0b20tYmxhY2stNVwiPlxuICA8ZGl2IGNsYXNzPVwiZG1sLXRpdGxlLXdyYXBcIj5cbiAgICA8c3ltcGhvbnktaDMgY2xhc3M9XCJzZngtZC1ibG9jayBzZngtcHQtNVwiPkRvY3VtZW50czwvc3ltcGhvbnktaDM+XG4gICAgPHN5bXBob255LWljb24td3JhcHBlciAoY2xpY2spPVwib25VcGxvYWRDbGljaygpXCJcbiAgICBjbGFzcz1cImRtbC10aXRsZS1pY29uLXJpZ2h0XCJcbiAgPlxuICAgIDxzeW1waG9ueS1pY29uIFtpY29uXT1cIidzaS1hZGQnXCI+PC9zeW1waG9ueS1pY29uPlxuICA8L3N5bXBob255LWljb24td3JhcHBlcj5cbiAgPC9kaXY+XG4gIDx1bCAqbmdJZj1cIiFpc0xvYWRpbmdcIiBjbGFzcz1cImxpc3QtdW5zdHlsZWQgZG1sLXdyYXBcIj5cbiAgICA8bGkgKm5nRm9yPVwibGV0IGRtSXRlbSBvZiBkb2N1bWVudE1hbmFnZW1lbnRMaXN0XCI+XG4gICAgICA8c3ltcGhvbnktZG9jdW1lbnQtbWFuYWdlbWVudC1pdGVtXG4gICAgICAgIFtkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWxdPVwiZG1JdGVtXCJcbiAgICAgICAgKG1vcmVPcHRpb25DbGlja2VkKT1cIm9uTW9yZUNsaWNrKCRldmVudCwgZG1JdGVtKVwiXG4gICAgICAgIChwcmV2aWV3Q2xpY2tlZCk9XCJvblByZXZpZXdDbGljaygkZXZlbnQsIGRtSXRlbSlcIlxuICAgICAgPjwvc3ltcGhvbnktZG9jdW1lbnQtbWFuYWdlbWVudC1pdGVtPlxuICAgIDwvbGk+XG4gIDwvdWw+XG4gIDxkaXYgKm5nSWY9XCJpc0xvYWRpbmdcIj5cbiAgICA8c3ltcGhvbnktc2Z4LWxvYWRlcj48L3N5bXBob255LXNmeC1sb2FkZXI+XG4gIDwvZGl2PlxuPC9zZWN0aW9uPlxuIl19

package/esm2020/projects/component-library/lib/organisms/feedback-detail-header/feedback-detail-header.component.mjs

@@ -14,7 +14,7 @@ export class FeedbackDetailHeaderComponent {
     }
 }
 FeedbackDetailHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FeedbackDetailHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailHeaderComponent, selector: "symphony-feedback-detail-header", inputs: { model: "model" }, outputs: { previewClicked: "previewClicked" }, ngImport: i0, template: "<div *ngIf=\"model\" class=\"sfx-d-inline-block\">\n  <symphony-h3 [text]=\"model.name\"></symphony-h3>\n\n  <ul class=\"candidate-details sfx-mt-10 sfx-mb-20 list-unstyled\">\n    <li>{{ model.location }}</li>\n    <li>{{ model.email }}</li>\n    <li>{{ model.phone }}</li>\n  </ul>\n</div>\n\n<div class=\"sfx-d-inline-block align-text-bottom\">\n  <symphony-icon-wrapper (clicked)=\"onClick()\">\n    <symphony-icon [icon]=\"'si-preview'\"></symphony-icon\n  ></symphony-icon-wrapper>\n</div>\n\n<a href=\"#review\">\n  <symphony-button\n    sfx-button-secondary\n    [text]=\"'Review'\"\n    [isSecondary]=\"true\"\n    class=\"sfx-d-none visible-xs-inline-block sfx-ml-20 align-text-bottom review-button\"\n  >\n  </symphony-button>\n</a>\n", styles: [".candidate-details{min-width:435px}.candidate-details li{display:inline-block}.candidate-details li:nth-child(2):before,.candidate-details li:nth-child(2):after{content:\"\\a\";width:4px;height:4px;border-radius:50%;background:#000;display:inline-block;margin:2px 6px}.align-text-bottom{vertical-align:text-bottom}.review-button .btn.btn-secondary{min-width:100px;height:40px;padding-left:25px;padding-right:25px}@media (max-width: 320px){.candidate-details li:nth-child(2):after{display:none}}\n"], components: [{ type: i1.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i2.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse"], outputs: ["clicked"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+FeedbackDetailHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailHeaderComponent, selector: "symphony-feedback-detail-header", inputs: { model: "model" }, outputs: { previewClicked: "previewClicked" }, ngImport: i0, template: "<div *ngIf=\"model\" class=\"sfx-d-inline-block\">\n  <symphony-h3 [text]=\"model.name\"></symphony-h3>\n\n  <ul class=\"candidate-details sfx-mt-10 sfx-mb-20 list-unstyled\">\n    <li>{{ model.location }}</li>\n    <li>{{ model.email }}</li>\n    <li>{{ model.phone }}</li>\n  </ul>\n</div>\n\n<div class=\"sfx-d-inline-block align-text-bottom\">\n  <symphony-icon-wrapper (clicked)=\"onClick()\">\n    <symphony-icon [icon]=\"'si-preview'\"></symphony-icon\n  ></symphony-icon-wrapper>\n</div>\n\n<a href=\"#review\">\n  <symphony-button\n    sfx-button-secondary\n    [text]=\"'Review'\"\n    [isSecondary]=\"true\"\n    class=\"sfx-d-none visible-xs-inline-block sfx-ml-20 align-text-bottom review-button\"\n  >\n  </symphony-button>\n</a>\n", styles: [".candidate-details{min-width:435px}.candidate-details li{display:inline-block}.candidate-details li:nth-child(2):before,.candidate-details li:nth-child(2):after{content:\"\\a\";width:4px;height:4px;border-radius:50%;background:#000;display:inline-block;margin:2px 6px}.align-text-bottom{vertical-align:text-bottom}.review-button .btn.btn-secondary{min-width:100px;height:40px;padding-left:25px;padding-right:25px}@media (max-width: 320px){.candidate-details li:nth-child(2):after{display:none}}\n"], components: [{ type: i1.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i2.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-feedback-detail-header', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"model\" class=\"sfx-d-inline-block\">\n  <symphony-h3 [text]=\"model.name\"></symphony-h3>\n\n  <ul class=\"candidate-details sfx-mt-10 sfx-mb-20 list-unstyled\">\n    <li>{{ model.location }}</li>\n    <li>{{ model.email }}</li>\n    <li>{{ model.phone }}</li>\n  </ul>\n</div>\n\n<div class=\"sfx-d-inline-block align-text-bottom\">\n  <symphony-icon-wrapper (clicked)=\"onClick()\">\n    <symphony-icon [icon]=\"'si-preview'\"></symphony-icon\n  ></symphony-icon-wrapper>\n</div>\n\n<a href=\"#review\">\n  <symphony-button\n    sfx-button-secondary\n    [text]=\"'Review'\"\n    [isSecondary]=\"true\"\n    class=\"sfx-d-none visible-xs-inline-block sfx-ml-20 align-text-bottom review-button\"\n  >\n  </symphony-button>\n</a>\n", styles: [".candidate-details{min-width:435px}.candidate-details li{display:inline-block}.candidate-details li:nth-child(2):before,.candidate-details li:nth-child(2):after{content:\"\\a\";width:4px;height:4px;border-radius:50%;background:#000;display:inline-block;margin:2px 6px}.align-text-bottom{vertical-align:text-bottom}.review-button .btn.btn-secondary{min-width:100px;height:40px;padding-left:25px;padding-right:25px}@media (max-width: 320px){.candidate-details li:nth-child(2):after{display:none}}\n"] }]

package/esm2020/projects/component-library/lib/organisms/grid-actions-job-list/grid-actions-job-list.component.mjs

@@ -1,7 +1,8 @@
 import { Component, EventEmitter, Input, Output, ViewEncapsulation, } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "../../molecules/button-with-icon/button-with-icon.component";
-import * as i2 from "@angular/common";
+import * as i2 from "../../atoms/tooltip-wrapper/tooltip-wrapper.component";
+import * as i3 from "@angular/common";
 export class GridActionsJobListComponent {
     constructor() {
         this.buttonClicked = new EventEmitter();
@@ -11,10 +12,10 @@ export class GridActionsJobListComponent {
     }
 }
 GridActionsJobListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionsJobListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-GridActionsJobListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridActionsJobListComponent, selector: "symphony-grid-actions-job-list", inputs: { model: "model", isInverse: "isInverse" }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<div class=\"sfx-d-inline-block\" *ngFor=\"let actionButton of model\">\n  <symphony-button-with-icon\n    (clicked)=\"onButtonClick($event)\"\n    [icon]=\"actionButton.icon\"\n    [text]=\"actionButton.text\"\n    [showActionButton]=\"actionButton.showActionButton\"\n  ></symphony-button-with-icon>\n</div>\n", styles: [""], components: [{ type: i1.ButtonWithIconComponent, selector: "symphony-button-with-icon", inputs: ["text", "icon", "showActionButton"], outputs: ["clicked"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None });
+GridActionsJobListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridActionsJobListComponent, selector: "symphony-grid-actions-job-list", inputs: { model: "model", isInverse: "isInverse" }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<div class=\"sfx-d-inline-block\" *ngFor=\"let actionButton of model\">\n  <symphony-button-with-icon *ngIf=\"!actionButton.showPopover\"\n      (clicked)=\"onButtonClick($event)\"\n      [icon]=\"actionButton.icon\"\n      [text]=\"actionButton.text\"\n      [showActionButton]=\"actionButton.showActionButton\"\n    ></symphony-button-with-icon>\n  <symphony-tooltip-wrapper *ngIf=\"actionButton.showPopover\" \n  [tooltipHtml]=\"actionButton.tooltip\"\n  [placement]=\"'top'\"\n  containerClass=\"sfx-info-tooltip item-tooltip\"\n  class=\"actionButton-tooltip\">\n    <symphony-button-with-icon\n      (clicked)=\"onButtonClick($event)\"\n      [icon]=\"actionButton.icon\"\n      [text]=\"actionButton.text\"\n      [showActionButton]=\"actionButton.showActionButton\"\n      [showPopover]=\"actionButton.showPopover\"\n    ></symphony-button-with-icon>\n  </symphony-tooltip-wrapper>\n</div>", styles: [".actionButton-tooltip .tooltip{min-width:160px}.actionButton-tooltip .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.right{left:5px!important}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"], components: [{ type: i1.ButtonWithIconComponent, selector: "symphony-button-with-icon", inputs: ["text", "icon", "showActionButton", "showPopover"], outputs: ["clicked"] }, { type: i2.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionsJobListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-grid-actions-job-list', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-d-inline-block\" *ngFor=\"let actionButton of model\">\n  <symphony-button-with-icon\n    (clicked)=\"onButtonClick($event)\"\n    [icon]=\"actionButton.icon\"\n    [text]=\"actionButton.text\"\n    [showActionButton]=\"actionButton.showActionButton\"\n  ></symphony-button-with-icon>\n</div>\n", styles: [""] }]
+            args: [{ selector: 'symphony-grid-actions-job-list', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-d-inline-block\" *ngFor=\"let actionButton of model\">\n  <symphony-button-with-icon *ngIf=\"!actionButton.showPopover\"\n      (clicked)=\"onButtonClick($event)\"\n      [icon]=\"actionButton.icon\"\n      [text]=\"actionButton.text\"\n      [showActionButton]=\"actionButton.showActionButton\"\n    ></symphony-button-with-icon>\n  <symphony-tooltip-wrapper *ngIf=\"actionButton.showPopover\" \n  [tooltipHtml]=\"actionButton.tooltip\"\n  [placement]=\"'top'\"\n  containerClass=\"sfx-info-tooltip item-tooltip\"\n  class=\"actionButton-tooltip\">\n    <symphony-button-with-icon\n      (clicked)=\"onButtonClick($event)\"\n      [icon]=\"actionButton.icon\"\n      [text]=\"actionButton.text\"\n      [showActionButton]=\"actionButton.showActionButton\"\n      [showPopover]=\"actionButton.showPopover\"\n    ></symphony-button-with-icon>\n  </symphony-tooltip-wrapper>\n</div>", styles: [".actionButton-tooltip .tooltip{min-width:160px}.actionButton-tooltip .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.right{left:5px!important}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { model: [{
                 type: Input
             }], buttonClicked: [{
@@ -22,4 +23,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
             }], isInverse: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC1hY3Rpb25zLWpvYi1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvb3JnYW5pc21zL2dyaWQtYWN0aW9ucy1qb2ItbGlzdC9ncmlkLWFjdGlvbnMtam9iLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvZ3JpZC1hY3Rpb25zLWpvYi1saXN0L2dyaWQtYWN0aW9ucy1qb2ItbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQzs7OztBQVN2QixNQUFNLE9BQU8sMkJBQTJCO0lBS3RDO1FBRlUsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0lBRXRDLENBQUM7SUFFaEIsYUFBYSxDQUFDLElBQVk7UUFDeEIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDaEMsQ0FBQzs7d0hBVFUsMkJBQTJCOzRHQUEzQiwyQkFBMkIsdUtDZnhDLHlUQVFBOzJGRE9hLDJCQUEyQjtrQkFOdkMsU0FBUzsrQkFDRSxnQ0FBZ0MsaUJBRzNCLGlCQUFpQixDQUFDLElBQUk7MEVBRzVCLEtBQUs7c0JBQWIsS0FBSztnQkFFSSxhQUFhO3NCQUF0QixNQUFNO2dCQUNFLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgR3JpZEFjdGlvbnNKb2JMaXN0TW9kZWwgfSBmcm9tICcuL2dyaWQtYWN0aW9ucy1qb2ItbGlzdC5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWdyaWQtYWN0aW9ucy1qb2ItbGlzdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9ncmlkLWFjdGlvbnMtam9iLWxpc3QuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9ncmlkLWFjdGlvbnMtam9iLWxpc3QuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgR3JpZEFjdGlvbnNKb2JMaXN0Q29tcG9uZW50IHtcbiAgQElucHV0KCkgbW9kZWw6IEdyaWRBY3Rpb25zSm9iTGlzdE1vZGVsW107XG5cbiAgQE91dHB1dCgpIGJ1dHRvbkNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgQElucHV0KCkgaXNJbnZlcnNlOiBib29sZWFuO1xuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgb25CdXR0b25DbGljayh0ZXh0OiBzdHJpbmcpIHtcbiAgICB0aGlzLmJ1dHRvbkNsaWNrZWQuZW1pdCh0ZXh0KTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInNmeC1kLWlubGluZS1ibG9ja1wiICpuZ0Zvcj1cImxldCBhY3Rpb25CdXR0b24gb2YgbW9kZWxcIj5cbiAgPHN5bXBob255LWJ1dHRvbi13aXRoLWljb25cbiAgICAoY2xpY2tlZCk9XCJvbkJ1dHRvbkNsaWNrKCRldmVudClcIlxuICAgIFtpY29uXT1cImFjdGlvbkJ1dHRvbi5pY29uXCJcbiAgICBbdGV4dF09XCJhY3Rpb25CdXR0b24udGV4dFwiXG4gICAgW3Nob3dBY3Rpb25CdXR0b25dPVwiYWN0aW9uQnV0dG9uLnNob3dBY3Rpb25CdXR0b25cIlxuICA+PC9zeW1waG9ueS1idXR0b24td2l0aC1pY29uPlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC1hY3Rpb25zLWpvYi1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvb3JnYW5pc21zL2dyaWQtYWN0aW9ucy1qb2ItbGlzdC9ncmlkLWFjdGlvbnMtam9iLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvZ3JpZC1hY3Rpb25zLWpvYi1saXN0L2dyaWQtYWN0aW9ucy1qb2ItbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFTdkIsTUFBTSxPQUFPLDJCQUEyQjtJQUt0QztRQUZVLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUV0QyxDQUFDO0lBRWhCLGFBQWEsQ0FBQyxJQUFZO1FBQ3hCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2hDLENBQUM7O3dIQVRVLDJCQUEyQjs0R0FBM0IsMkJBQTJCLHVLQ2Z4QyxtNEJBb0JNOzJGRExPLDJCQUEyQjtrQkFOdkMsU0FBUzsrQkFDRSxnQ0FBZ0MsaUJBRzNCLGlCQUFpQixDQUFDLElBQUk7MEVBRzVCLEtBQUs7c0JBQWIsS0FBSztnQkFFSSxhQUFhO3NCQUF0QixNQUFNO2dCQUNFLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgR3JpZEFjdGlvbnNKb2JMaXN0TW9kZWwgfSBmcm9tICcuL2dyaWQtYWN0aW9ucy1qb2ItbGlzdC5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWdyaWQtYWN0aW9ucy1qb2ItbGlzdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9ncmlkLWFjdGlvbnMtam9iLWxpc3QuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9ncmlkLWFjdGlvbnMtam9iLWxpc3QuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgR3JpZEFjdGlvbnNKb2JMaXN0Q29tcG9uZW50IHtcbiAgQElucHV0KCkgbW9kZWw6IEdyaWRBY3Rpb25zSm9iTGlzdE1vZGVsW107XG5cbiAgQE91dHB1dCgpIGJ1dHRvbkNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgQElucHV0KCkgaXNJbnZlcnNlOiBib29sZWFuO1xuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgb25CdXR0b25DbGljayh0ZXh0OiBzdHJpbmcpIHtcbiAgICB0aGlzLmJ1dHRvbkNsaWNrZWQuZW1pdCh0ZXh0KTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInNmeC1kLWlubGluZS1ibG9ja1wiICpuZ0Zvcj1cImxldCBhY3Rpb25CdXR0b24gb2YgbW9kZWxcIj5cbiAgPHN5bXBob255LWJ1dHRvbi13aXRoLWljb24gKm5nSWY9XCIhYWN0aW9uQnV0dG9uLnNob3dQb3BvdmVyXCJcbiAgICAgIChjbGlja2VkKT1cIm9uQnV0dG9uQ2xpY2soJGV2ZW50KVwiXG4gICAgICBbaWNvbl09XCJhY3Rpb25CdXR0b24uaWNvblwiXG4gICAgICBbdGV4dF09XCJhY3Rpb25CdXR0b24udGV4dFwiXG4gICAgICBbc2hvd0FjdGlvbkJ1dHRvbl09XCJhY3Rpb25CdXR0b24uc2hvd0FjdGlvbkJ1dHRvblwiXG4gICAgPjwvc3ltcGhvbnktYnV0dG9uLXdpdGgtaWNvbj5cbiAgPHN5bXBob255LXRvb2x0aXAtd3JhcHBlciAqbmdJZj1cImFjdGlvbkJ1dHRvbi5zaG93UG9wb3ZlclwiIFxuICBbdG9vbHRpcEh0bWxdPVwiYWN0aW9uQnV0dG9uLnRvb2x0aXBcIlxuICBbcGxhY2VtZW50XT1cIid0b3AnXCJcbiAgY29udGFpbmVyQ2xhc3M9XCJzZngtaW5mby10b29sdGlwIGl0ZW0tdG9vbHRpcFwiXG4gIGNsYXNzPVwiYWN0aW9uQnV0dG9uLXRvb2x0aXBcIj5cbiAgICA8c3ltcGhvbnktYnV0dG9uLXdpdGgtaWNvblxuICAgICAgKGNsaWNrZWQpPVwib25CdXR0b25DbGljaygkZXZlbnQpXCJcbiAgICAgIFtpY29uXT1cImFjdGlvbkJ1dHRvbi5pY29uXCJcbiAgICAgIFt0ZXh0XT1cImFjdGlvbkJ1dHRvbi50ZXh0XCJcbiAgICAgIFtzaG93QWN0aW9uQnV0dG9uXT1cImFjdGlvbkJ1dHRvbi5zaG93QWN0aW9uQnV0dG9uXCJcbiAgICAgIFtzaG93UG9wb3Zlcl09XCJhY3Rpb25CdXR0b24uc2hvd1BvcG92ZXJcIlxuICAgID48L3N5bXBob255LWJ1dHRvbi13aXRoLWljb24+XG4gIDwvc3ltcGhvbnktdG9vbHRpcC13cmFwcGVyPlxuPC9kaXY+Il19

package/esm2020/projects/component-library/lib/organisms/grid-actions-job-list/grid-actions-job-list.model.mjs

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC1hY3Rpb25zLWpvYi1saXN0Lm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvZ3JpZC1hY3Rpb25zLWpvYi1saXN0L2dyaWQtYWN0aW9ucy1qb2ItbGlzdC5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSWNvbnMgfSBmcm9tICcuLi8uLi9hdG9tcy9pY29uL2ljb24uZW51bSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgR3JpZEFjdGlvbnNKb2JMaXN0TW9kZWwge1xuICBpY29uOiBJY29ucztcbiAgdGV4dDogc3RyaW5nO1xuICBzaG93QWN0aW9uQnV0dG9uPzogYm9vbGVhbjtcbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC1hY3Rpb25zLWpvYi1saXN0Lm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvZ3JpZC1hY3Rpb25zLWpvYi1saXN0L2dyaWQtYWN0aW9ucy1qb2ItbGlzdC5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSWNvbnMgfSBmcm9tICcuLi8uLi9hdG9tcy9pY29uL2ljb24uZW51bSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgR3JpZEFjdGlvbnNKb2JMaXN0TW9kZWwge1xuICBpY29uOiBJY29ucztcbiAgdGV4dDogc3RyaW5nO1xuICBzaG93QWN0aW9uQnV0dG9uPzogYm9vbGVhbjtcbiAgc2hvd1BvcG92ZXI/OiBib29sZWFuO1xuICB0b29sdGlwPzogc3RyaW5nO1xufVxuIl19

package/esm2020/projects/component-library/lib/organisms/grid-actions-job-list/grid-actions-job-list.module.mjs

@@ -2,18 +2,19 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { GridActionsJobListComponent } from './grid-actions-job-list.component';
 import { ButtonWithIconModule } from '../../molecules/button-with-icon/button-with-icon.module';
+import { TooltipWrapperModule } from '../../atoms/tooltip-wrapper/tooltip-wrapper.module';
 import * as i0 from "@angular/core";
 export class GridActionsJobListModule {
 }
 GridActionsJobListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionsJobListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-GridActionsJobListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionsJobListModule, declarations: [GridActionsJobListComponent], imports: [CommonModule, ButtonWithIconModule], exports: [GridActionsJobListComponent] });
-GridActionsJobListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionsJobListModule, imports: [[CommonModule, ButtonWithIconModule]] });
+GridActionsJobListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionsJobListModule, declarations: [GridActionsJobListComponent], imports: [CommonModule, ButtonWithIconModule, TooltipWrapperModule], exports: [GridActionsJobListComponent] });
+GridActionsJobListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionsJobListModule, imports: [[CommonModule, ButtonWithIconModule, TooltipWrapperModule]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionsJobListModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [GridActionsJobListComponent],
-                    imports: [CommonModule, ButtonWithIconModule],
+                    imports: [CommonModule, ButtonWithIconModule, TooltipWrapperModule],
                     exports: [GridActionsJobListComponent],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC1hY3Rpb25zLWpvYi1saXN0Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvb3JnYW5pc21zL2dyaWQtYWN0aW9ucy1qb2ItbGlzdC9ncmlkLWFjdGlvbnMtam9iLWxpc3QubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDBEQUEwRCxDQUFDOztBQU9oRyxNQUFNLE9BQU8sd0JBQXdCOztxSEFBeEIsd0JBQXdCO3NIQUF4Qix3QkFBd0IsaUJBSnBCLDJCQUEyQixhQUNoQyxZQUFZLEVBQUUsb0JBQW9CLGFBQ2xDLDJCQUEyQjtzSEFFMUIsd0JBQXdCLFlBSDFCLENBQUMsWUFBWSxFQUFFLG9CQUFvQixDQUFDOzJGQUdsQyx3QkFBd0I7a0JBTHBDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsMkJBQTJCLENBQUM7b0JBQzNDLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxvQkFBb0IsQ0FBQztvQkFDN0MsT0FBTyxFQUFFLENBQUMsMkJBQTJCLENBQUM7aUJBQ3ZDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBHcmlkQWN0aW9uc0pvYkxpc3RDb21wb25lbnQgfSBmcm9tICcuL2dyaWQtYWN0aW9ucy1qb2ItbGlzdC5jb21wb25lbnQnO1xuaW1wb3J0IHsgQnV0dG9uV2l0aEljb25Nb2R1bGUgfSBmcm9tICcuLi8uLi9tb2xlY3VsZXMvYnV0dG9uLXdpdGgtaWNvbi9idXR0b24td2l0aC1pY29uLm1vZHVsZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0dyaWRBY3Rpb25zSm9iTGlzdENvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEJ1dHRvbldpdGhJY29uTW9kdWxlXSxcbiAgZXhwb3J0czogW0dyaWRBY3Rpb25zSm9iTGlzdENvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIEdyaWRBY3Rpb25zSm9iTGlzdE1vZHVsZSB7fVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC1hY3Rpb25zLWpvYi1saXN0Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvb3JnYW5pc21zL2dyaWQtYWN0aW9ucy1qb2ItbGlzdC9ncmlkLWFjdGlvbnMtam9iLWxpc3QubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDBEQUEwRCxDQUFDO0FBQ2hHLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLG9EQUFvRCxDQUFDOztBQU8xRixNQUFNLE9BQU8sd0JBQXdCOztxSEFBeEIsd0JBQXdCO3NIQUF4Qix3QkFBd0IsaUJBSnBCLDJCQUEyQixhQUNoQyxZQUFZLEVBQUUsb0JBQW9CLEVBQUMsb0JBQW9CLGFBQ3ZELDJCQUEyQjtzSEFFMUIsd0JBQXdCLFlBSDFCLENBQUMsWUFBWSxFQUFFLG9CQUFvQixFQUFDLG9CQUFvQixDQUFDOzJGQUd2RCx3QkFBd0I7a0JBTHBDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsMkJBQTJCLENBQUM7b0JBQzNDLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxvQkFBb0IsRUFBQyxvQkFBb0IsQ0FBQztvQkFDbEUsT0FBTyxFQUFFLENBQUMsMkJBQTJCLENBQUM7aUJBQ3ZDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBHcmlkQWN0aW9uc0pvYkxpc3RDb21wb25lbnQgfSBmcm9tICcuL2dyaWQtYWN0aW9ucy1qb2ItbGlzdC5jb21wb25lbnQnO1xuaW1wb3J0IHsgQnV0dG9uV2l0aEljb25Nb2R1bGUgfSBmcm9tICcuLi8uLi9tb2xlY3VsZXMvYnV0dG9uLXdpdGgtaWNvbi9idXR0b24td2l0aC1pY29uLm1vZHVsZSc7XG5pbXBvcnQgeyBUb29sdGlwV3JhcHBlck1vZHVsZSB9IGZyb20gJy4uLy4uL2F0b21zL3Rvb2x0aXAtd3JhcHBlci90b29sdGlwLXdyYXBwZXIubW9kdWxlJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbR3JpZEFjdGlvbnNKb2JMaXN0Q29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgQnV0dG9uV2l0aEljb25Nb2R1bGUsVG9vbHRpcFdyYXBwZXJNb2R1bGVdLFxuICBleHBvcnRzOiBbR3JpZEFjdGlvbnNKb2JMaXN0Q29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgR3JpZEFjdGlvbnNKb2JMaXN0TW9kdWxlIHt9XG4iXX0=

package/esm2020/projects/component-library/lib/organisms/grid-controls-job-list/grid-controls-job-list.component.mjs

@@ -25,7 +25,7 @@ export class GridControlsJobListComponent {
     }
 }
 GridControlsJobListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridControlsJobListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-GridControlsJobListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridControlsJobListComponent, selector: "symphony-grid-controls-job-list", inputs: { model: "model" }, outputs: { Clicked: "Clicked", menuClicked: "menuClicked" }, ngImport: i0, template: "<div class=\"sfx-action\">\n  <div\n    class=\"sfx-d-inline-block pull-left sfx-mt-10 sfx-pr-30\"\n    *ngIf=\"model.gridRowCount\"\n  >\n    <strong class=\"text-label\">{{ model.gridRowCount }}</strong>\n  </div>\n  <div\n    class=\"sfx-d-inline-block pull-left sfx-pr-20\"\n    *ngIf=\"model.showCustomiseColumns\"\n  >\n    <symphony-tooltip-wrapper\n      [tooltipHtml]=\"'Customise Columns'\"\n      [placement]=\"'top'\"\n      class=\"actionIcon-tooltip\"\n    >\n      <symphony-icon-wrapper (click)=\"onClick()\"\n        ><symphony-icon [icon]=\"'si-organize-columns'\"></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n  </div>\n  <div class=\"sfx-d-inline-block pull-left\">\n    <symphony-contextual-menu\n      class=\"task-more-option\"\n      *ngIf=\"gridMoreActions && gridMoreActions.items.length > 0\"\n      [model]=\"gridMoreActions\"\n      (itemClick)=\"onItemClick($event)\"\n    >\n    </symphony-contextual-menu>\n  </div>\n</div>\n", styles: [".task-more-option .btn-group .dropdown-menu{min-width:200px!important}.actionIcon-tooltip .tooltip{min-width:160px}.actionIcon-tooltip .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right{left:5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: i2.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse"], outputs: ["clicked"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+GridControlsJobListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridControlsJobListComponent, selector: "symphony-grid-controls-job-list", inputs: { model: "model" }, outputs: { Clicked: "Clicked", menuClicked: "menuClicked" }, ngImport: i0, template: "<div class=\"sfx-action\">\n  <div\n    class=\"sfx-d-inline-block pull-left sfx-mt-10 sfx-pr-30\"\n    *ngIf=\"model.gridRowCount\"\n  >\n    <strong class=\"text-label\">{{ model.gridRowCount }}</strong>\n  </div>\n  <div\n    class=\"sfx-d-inline-block pull-left sfx-pr-20\"\n    *ngIf=\"model.showCustomiseColumns\"\n  >\n    <symphony-tooltip-wrapper\n      [tooltipHtml]=\"'Customise Columns'\"\n      [placement]=\"'top'\"\n      class=\"actionIcon-tooltip\"\n    >\n      <symphony-icon-wrapper (click)=\"onClick()\"\n        ><symphony-icon [icon]=\"'si-organize-columns'\"></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n  </div>\n  <div class=\"sfx-d-inline-block pull-left\">\n    <symphony-contextual-menu\n      class=\"task-more-option\"\n      *ngIf=\"gridMoreActions && gridMoreActions.items.length > 0\"\n      [model]=\"gridMoreActions\"\n      (itemClick)=\"onItemClick($event)\"\n    >\n    </symphony-contextual-menu>\n  </div>\n</div>\n", styles: [".task-more-option .btn-group .dropdown-menu{min-width:200px!important}.actionIcon-tooltip .tooltip{min-width:160px}.actionIcon-tooltip .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right{left:5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: i2.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridControlsJobListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-grid-controls-job-list', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-action\">\n  <div\n    class=\"sfx-d-inline-block pull-left sfx-mt-10 sfx-pr-30\"\n    *ngIf=\"model.gridRowCount\"\n  >\n    <strong class=\"text-label\">{{ model.gridRowCount }}</strong>\n  </div>\n  <div\n    class=\"sfx-d-inline-block pull-left sfx-pr-20\"\n    *ngIf=\"model.showCustomiseColumns\"\n  >\n    <symphony-tooltip-wrapper\n      [tooltipHtml]=\"'Customise Columns'\"\n      [placement]=\"'top'\"\n      class=\"actionIcon-tooltip\"\n    >\n      <symphony-icon-wrapper (click)=\"onClick()\"\n        ><symphony-icon [icon]=\"'si-organize-columns'\"></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n  </div>\n  <div class=\"sfx-d-inline-block pull-left\">\n    <symphony-contextual-menu\n      class=\"task-more-option\"\n      *ngIf=\"gridMoreActions && gridMoreActions.items.length > 0\"\n      [model]=\"gridMoreActions\"\n      (itemClick)=\"onItemClick($event)\"\n    >\n    </symphony-contextual-menu>\n  </div>\n</div>\n", styles: [".task-more-option .btn-group .dropdown-menu{min-width:200px!important}.actionIcon-tooltip .tooltip{min-width:160px}.actionIcon-tooltip .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right{left:5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"] }]

package/esm2020/projects/component-library/lib/organisms/sidebar-navigation/sidebar-navigation.component.mjs

@@ -0,0 +1,37 @@
+import { Component, Output, EventEmitter, Input, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../atoms/tooltip-wrapper/tooltip-wrapper.component";
+import * as i2 from "../../atoms/icon/icon.component";
+import * as i3 from "../../atoms/navigation-link/navigation-link.component";
+import * as i4 from "@angular/common";
+export class SidebarNavigationComponent {
+    constructor(cdRef) {
+        this.cdRef = cdRef;
+        this.linkClick = new EventEmitter();
+        this.isMenuOpen = false;
+    }
+    onLinkClick(activeLink) {
+        this.linkClick.emit(activeLink.linkText);
+    }
+    onMenuClick() {
+        if (!this.isMenuOpen) {
+            this.isMenuOpen = true;
+        }
+        else {
+            this.isMenuOpen = false;
+        }
+    }
+}
+SidebarNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+SidebarNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SidebarNavigationComponent, selector: "symphony-sidebar-navigation", inputs: { navLinks: "navLinks", isMenuOpen: "isMenuOpen" }, outputs: { linkClick: "linkClick" }, ngImport: i0, template: "<nav\n  class=\"sfx-sidebar-parent sfx-bg-white\"\n  [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n  role=\"navigation\"\n>\n  <div class=\"menu-collapse\" (click)=\"onMenuClick()\">\n    <div class=\"menu-btn\" *ngIf=\"!isMenuOpen\">\n      <symphony-tooltip-wrapper [placement]=\"'right'\" [tooltipHtml]=\"'Menu'\">\n        <symphony-icon [icon]=\"'si-menu-all'\" [size]=\"'22px'\"></symphony-icon>\n      </symphony-tooltip-wrapper>\n    </div>\n\n    <div class=\"back-btn\" *ngIf=\"isMenuOpen\">\n      <symphony-icon\n        *ngIf=\"isMenuOpen\"\n        [icon]=\"'si-menu-return'\"\n        [size]=\"'22px'\"\n      ></symphony-icon>\n      <span class=\"back-button-text\">Back</span>\n    </div>\n  </div>\n  <div class=\"nav-link-list\">\n    <symphony-navigation-link\n      *ngFor=\"let navLink of navLinks; index as i\"\n      [navigationLinkModel]=\"navLink\"\n      [isMenuOpen]=\"isMenuOpen\"\n      (linkClick)=\"onLinkClick($event)\"\n    ></symphony-navigation-link>\n  </div>\n</nav>\n", styles: [".sfx-sidebar-parent{z-index:99999999;top:0;left:0;width:110px;height:100%;position:fixed;transition:width .5s;z-index:9;padding-top:.625rem}.sfx-sidebar-parent .menu-collapse{cursor:pointer}.sfx-sidebar-parent .back-btn{display:flex}.sfx-sidebar-parent .back-button-text{padding-top:20px;margin-left:20px;font-size:12px;text-transform:uppercase;vertical-align:middle;font-weight:600;font-family:neuzeit_groteskbold,sans-serif;animation:fade-in .5s forwards}.sfx-sidebar-parent .nav-link-list{overflow:hidden}.sfx-sidebar-parent .nav-link-list symphony-navigation-link{display:block}.sfx-sidebar-parent symphony-icon{display:inline-block;line-height:.6;vertical-align:middle;padding:17px 10px 17px 46px}.sfx-sidebar-parent.sfx-menu-open{width:280px}.sfx-sidebar-parent.sfx-menu-open .menu-collapse:hover{background:#eb0d8b;color:#fff;border-left-color:#eb0d8b}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.NavigationLinkComponent, selector: "symphony-navigation-link", inputs: ["navigationLinkModel", "isMenuOpen"], outputs: ["linkClick"] }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'symphony-sidebar-navigation', template: "<nav\n  class=\"sfx-sidebar-parent sfx-bg-white\"\n  [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n  role=\"navigation\"\n>\n  <div class=\"menu-collapse\" (click)=\"onMenuClick()\">\n    <div class=\"menu-btn\" *ngIf=\"!isMenuOpen\">\n      <symphony-tooltip-wrapper [placement]=\"'right'\" [tooltipHtml]=\"'Menu'\">\n        <symphony-icon [icon]=\"'si-menu-all'\" [size]=\"'22px'\"></symphony-icon>\n      </symphony-tooltip-wrapper>\n    </div>\n\n    <div class=\"back-btn\" *ngIf=\"isMenuOpen\">\n      <symphony-icon\n        *ngIf=\"isMenuOpen\"\n        [icon]=\"'si-menu-return'\"\n        [size]=\"'22px'\"\n      ></symphony-icon>\n      <span class=\"back-button-text\">Back</span>\n    </div>\n  </div>\n  <div class=\"nav-link-list\">\n    <symphony-navigation-link\n      *ngFor=\"let navLink of navLinks; index as i\"\n      [navigationLinkModel]=\"navLink\"\n      [isMenuOpen]=\"isMenuOpen\"\n      (linkClick)=\"onLinkClick($event)\"\n    ></symphony-navigation-link>\n  </div>\n</nav>\n", styles: [".sfx-sidebar-parent{z-index:99999999;top:0;left:0;width:110px;height:100%;position:fixed;transition:width .5s;z-index:9;padding-top:.625rem}.sfx-sidebar-parent .menu-collapse{cursor:pointer}.sfx-sidebar-parent .back-btn{display:flex}.sfx-sidebar-parent .back-button-text{padding-top:20px;margin-left:20px;font-size:12px;text-transform:uppercase;vertical-align:middle;font-weight:600;font-family:neuzeit_groteskbold,sans-serif;animation:fade-in .5s forwards}.sfx-sidebar-parent .nav-link-list{overflow:hidden}.sfx-sidebar-parent .nav-link-list symphony-navigation-link{display:block}.sfx-sidebar-parent symphony-icon{display:inline-block;line-height:.6;vertical-align:middle;padding:17px 10px 17px 46px}.sfx-sidebar-parent.sfx-menu-open{width:280px}.sfx-sidebar-parent.sfx-menu-open .menu-collapse:hover{background:#eb0d8b;color:#fff;border-left-color:#eb0d8b}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { navLinks: [{
+                type: Input
+            }], linkClick: [{
+                type: Output
+            }], isMenuOpen: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci1uYXZpZ2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvb3JnYW5pc21zL3NpZGViYXItbmF2aWdhdGlvbi9zaWRlYmFyLW5hdmlnYXRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvc2lkZWJhci1uYXZpZ2F0aW9uL3NpZGViYXItbmF2aWdhdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULE1BQU0sRUFDTixZQUFZLEVBQ1osS0FBSyxHQUVOLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFRdkIsTUFBTSxPQUFPLDBCQUEwQjtJQU9yQyxZQUFtQixLQUF3QjtRQUF4QixVQUFLLEdBQUwsS0FBSyxDQUFtQjtRQUxqQyxjQUFTLEdBQXlCLElBQUksWUFBWSxFQUFFLENBQUM7UUFHdEQsZUFBVSxHQUFZLEtBQUssQ0FBQztJQUVTLENBQUM7SUFFL0MsV0FBVyxDQUFDLFVBQStCO1FBQ3pDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUMzQyxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQ3BCLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDO1NBQ3hCO2FBQU07WUFDTCxJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztTQUN6QjtJQUNILENBQUM7O3VIQW5CVSwwQkFBMEI7MkdBQTFCLDBCQUEwQixvS0NkdkMsay9CQThCQTsyRkRoQmEsMEJBQTBCO2tCQUx0QyxTQUFTOytCQUNFLDZCQUE2Qjt3R0FLOUIsUUFBUTtzQkFBaEIsS0FBSztnQkFDSSxTQUFTO3NCQUFsQixNQUFNO2dCQUdFLFVBQVU7c0JBQWxCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIE91dHB1dCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmF2aWdhdGlvbkxpbmtNb2RlbCB9IGZyb20gJy4uLy4uL2F0b21zL25hdmlnYXRpb24tbGluay9uYXZpZ2F0aW9uLWxpbmsubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1zaWRlYmFyLW5hdmlnYXRpb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vc2lkZWJhci1uYXZpZ2F0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc2lkZWJhci1uYXZpZ2F0aW9uLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFNpZGViYXJOYXZpZ2F0aW9uQ29tcG9uZW50IHtcbiAgQElucHV0KCkgbmF2TGlua3M6IE5hdmlnYXRpb25MaW5rTW9kZWxbXTtcbiAgQE91dHB1dCgpIGxpbmtDbGljazogRXZlbnRFbWl0dGVyPHN0cmluZz4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgYWN0aXZlTGluazogTmF2aWdhdGlvbkxpbmtNb2RlbDtcbiAgQElucHV0KCkgaXNNZW51T3BlbjogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBjZFJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHt9XG5cbiAgb25MaW5rQ2xpY2soYWN0aXZlTGluazogTmF2aWdhdGlvbkxpbmtNb2RlbCkge1xuICAgIHRoaXMubGlua0NsaWNrLmVtaXQoYWN0aXZlTGluay5saW5rVGV4dCk7XG4gIH1cblxuICBvbk1lbnVDbGljaygpIHtcbiAgICBpZiAoIXRoaXMuaXNNZW51T3Blbikge1xuICAgICAgdGhpcy5pc01lbnVPcGVuID0gdHJ1ZTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5pc01lbnVPcGVuID0gZmFsc2U7XG4gICAgfVxuICB9XG59XG4iLCI8bmF2XG4gIGNsYXNzPVwic2Z4LXNpZGViYXItcGFyZW50IHNmeC1iZy13aGl0ZVwiXG4gIFtuZ0NsYXNzXT1cInsgJ3NmeC1tZW51LW9wZW4nOiBpc01lbnVPcGVuIH1cIlxuICByb2xlPVwibmF2aWdhdGlvblwiXG4+XG4gIDxkaXYgY2xhc3M9XCJtZW51LWNvbGxhcHNlXCIgKGNsaWNrKT1cIm9uTWVudUNsaWNrKClcIj5cbiAgICA8ZGl2IGNsYXNzPVwibWVudS1idG5cIiAqbmdJZj1cIiFpc01lbnVPcGVuXCI+XG4gICAgICA8c3ltcGhvbnktdG9vbHRpcC13cmFwcGVyIFtwbGFjZW1lbnRdPVwiJ3JpZ2h0J1wiIFt0b29sdGlwSHRtbF09XCInTWVudSdcIj5cbiAgICAgICAgPHN5bXBob255LWljb24gW2ljb25dPVwiJ3NpLW1lbnUtYWxsJ1wiIFtzaXplXT1cIicyMnB4J1wiPjwvc3ltcGhvbnktaWNvbj5cbiAgICAgIDwvc3ltcGhvbnktdG9vbHRpcC13cmFwcGVyPlxuICAgIDwvZGl2PlxuXG4gICAgPGRpdiBjbGFzcz1cImJhY2stYnRuXCIgKm5nSWY9XCJpc01lbnVPcGVuXCI+XG4gICAgICA8c3ltcGhvbnktaWNvblxuICAgICAgICAqbmdJZj1cImlzTWVudU9wZW5cIlxuICAgICAgICBbaWNvbl09XCInc2ktbWVudS1yZXR1cm4nXCJcbiAgICAgICAgW3NpemVdPVwiJzIycHgnXCJcbiAgICAgID48L3N5bXBob255LWljb24+XG4gICAgICA8c3BhbiBjbGFzcz1cImJhY2stYnV0dG9uLXRleHRcIj5CYWNrPC9zcGFuPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cIm5hdi1saW5rLWxpc3RcIj5cbiAgICA8c3ltcGhvbnktbmF2aWdhdGlvbi1saW5rXG4gICAgICAqbmdGb3I9XCJsZXQgbmF2TGluayBvZiBuYXZMaW5rczsgaW5kZXggYXMgaVwiXG4gICAgICBbbmF2aWdhdGlvbkxpbmtNb2RlbF09XCJuYXZMaW5rXCJcbiAgICAgIFtpc01lbnVPcGVuXT1cImlzTWVudU9wZW5cIlxuICAgICAgKGxpbmtDbGljayk9XCJvbkxpbmtDbGljaygkZXZlbnQpXCJcbiAgICA+PC9zeW1waG9ueS1uYXZpZ2F0aW9uLWxpbms+XG4gIDwvZGl2PlxuPC9uYXY+XG4iXX0=

package/esm2020/projects/component-library/lib/organisms/sidebar-navigation/sidebar-navigation.module.mjs

@@ -0,0 +1,34 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { NavigationLinkModule } from '../../atoms/navigation-link/navigation-link.module';
+import { SidebarNavigationComponent } from './sidebar-navigation.component';
+import { IconModule } from '../../atoms/icon/icon.module';
+import { TooltipWrapperModule } from '../../atoms/tooltip-wrapper/tooltip-wrapper.module';
+import * as i0 from "@angular/core";
+export class SidebarNavigationModule {
+}
+SidebarNavigationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SidebarNavigationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationModule, declarations: [SidebarNavigationComponent], imports: [CommonModule,
+        NavigationLinkModule,
+        IconModule,
+        TooltipWrapperModule], exports: [SidebarNavigationComponent] });
+SidebarNavigationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationModule, imports: [[
+            CommonModule,
+            NavigationLinkModule,
+            IconModule,
+            TooltipWrapperModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [SidebarNavigationComponent],
+                    imports: [
+                        CommonModule,
+                        NavigationLinkModule,
+                        IconModule,
+                        TooltipWrapperModule,
+                    ],
+                    exports: [SidebarNavigationComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci1uYXZpZ2F0aW9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvb3JnYW5pc21zL3NpZGViYXItbmF2aWdhdGlvbi9zaWRlYmFyLW5hdmlnYXRpb24ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLG9EQUFvRCxDQUFDO0FBQzFGLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzVFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxvREFBb0QsQ0FBQzs7QUFZMUYsTUFBTSxPQUFPLHVCQUF1Qjs7b0hBQXZCLHVCQUF1QjtxSEFBdkIsdUJBQXVCLGlCQVRuQiwwQkFBMEIsYUFFdkMsWUFBWTtRQUNaLG9CQUFvQjtRQUNwQixVQUFVO1FBQ1Ysb0JBQW9CLGFBRVosMEJBQTBCO3FIQUV6Qix1QkFBdUIsWUFSekI7WUFDUCxZQUFZO1lBQ1osb0JBQW9CO1lBQ3BCLFVBQVU7WUFDVixvQkFBb0I7U0FDckI7MkZBR1UsdUJBQXVCO2tCQVZuQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLDBCQUEwQixDQUFDO29CQUMxQyxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixvQkFBb0I7d0JBQ3BCLFVBQVU7d0JBQ1Ysb0JBQW9CO3FCQUNyQjtvQkFDRCxPQUFPLEVBQUUsQ0FBQywwQkFBMEIsQ0FBQztpQkFDdEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5hdmlnYXRpb25MaW5rTW9kdWxlIH0gZnJvbSAnLi4vLi4vYXRvbXMvbmF2aWdhdGlvbi1saW5rL25hdmlnYXRpb24tbGluay5tb2R1bGUnO1xuaW1wb3J0IHsgU2lkZWJhck5hdmlnYXRpb25Db21wb25lbnQgfSBmcm9tICcuL3NpZGViYXItbmF2aWdhdGlvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgSWNvbk1vZHVsZSB9IGZyb20gJy4uLy4uL2F0b21zL2ljb24vaWNvbi5tb2R1bGUnO1xuaW1wb3J0IHsgVG9vbHRpcFdyYXBwZXJNb2R1bGUgfSBmcm9tICcuLi8uLi9hdG9tcy90b29sdGlwLXdyYXBwZXIvdG9vbHRpcC13cmFwcGVyLm1vZHVsZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1NpZGViYXJOYXZpZ2F0aW9uQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBOYXZpZ2F0aW9uTGlua01vZHVsZSxcbiAgICBJY29uTW9kdWxlLFxuICAgIFRvb2x0aXBXcmFwcGVyTW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbU2lkZWJhck5hdmlnYXRpb25Db21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBTaWRlYmFyTmF2aWdhdGlvbk1vZHVsZSB7fVxuIl19