@symphony-talent/component-library 3.23.0 → 3.25.0

package/esm2020/projects/component-library/lib/molecules/document-management-item/document-management-item.component.mjs

@@ -3,8 +3,9 @@ import * as i0 from "@angular/core";
 import * as i1 from "../../atoms/icon/icon.component";
 import * as i2 from "../../atoms/h5/h5.component";
 import * as i3 from "../../atoms/paragraph/paragraph.component";
-import * as i4 from "../../atoms/contextual-menu/contextual-menu.component";
-import * as i5 from "@angular/common";
+import * as i4 from "../../atoms/icon-wrapper/icon-wrapper.component";
+import * as i5 from "../../atoms/contextual-menu/contextual-menu.component";
+import * as i6 from "@angular/common";
 export class DocumentManagementItemComponent {
     constructor() {
         this.previewClicked = new EventEmitter();
@@ -18,10 +19,10 @@ export class DocumentManagementItemComponent {
     }
 }
 DocumentManagementItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DocumentManagementItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DocumentManagementItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: DocumentManagementItemComponent, selector: "symphony-document-management-item", inputs: { documentManagementItemModel: "documentManagementItemModel" }, outputs: { previewClicked: "previewClicked", moreOptionClicked: "moreOptionClicked" }, ngImport: i0, template: "<div class=\"sfx-dm-item\">\n  <div class=\"dm-icon-wrap\">\n    <symphony-icon class=\"dm-icon\" [icon]=\"'si-document'\"></symphony-icon>\n  </div>\n  <div class=\"dm-content\">\n    <symphony-h5\n      title=\"{{ documentManagementItemModel.fileName }} [{{\n        documentManagementItemModel.fileType\n      }}]\"\n      >{{ documentManagementItemModel.fileName }}&nbsp;<span\n        *ngIf=\"documentManagementItemModel.fileType\"\n        >[{{ documentManagementItemModel.fileType }}]</span\n      ></symphony-h5\n    >\n    <symphony-paragraph\n      title=\"Added on {{ documentManagementItemModel.addedDate }} by {{\n        documentManagementItemModel.uploadedBy\n      }}\"\n      *ngIf=\"documentManagementItemModel.addedDate\"\n      ><span class=\"sfx-txt-gray\"\n        >Added on&nbsp;<span>{{\n          documentManagementItemModel.addedDate\n        }}</span></span\n      >&nbsp;<span\n        ><span\n          *ngIf=\"documentManagementItemModel.uploadedBy\"\n          class=\"sfx-txt-gray\"\n          >by&nbsp;</span\n        >{{ documentManagementItemModel.uploadedBy }}</span\n      >\n    </symphony-paragraph>\n  </div>\n  <div class=\"dm-action\">\n    <symphony-icon\n      class=\"sfx-d-inline-block pull-left sfx-ml-10 sfx-mt-12\"\n      *ngIf=\"documentManagementItemModel.hasPreview\"\n      [icon]=\"'si-preview'\"\n      (clicked)=\"onPreviewClicked()\"\n    ></symphony-icon>\n    <symphony-contextual-menu\n      (itemClick)=\"onMoreOptionClicked($event)\"\n      *ngIf=\"documentManagementItemModel.moreActions.items.length > 0\"\n      class=\"dm-more-option sfx-d-inline-block pull-left sfx-ml-10\"\n      [model]=\"documentManagementItemModel.moreActions\"\n    >\n    </symphony-contextual-menu>\n  </div>\n</div>\n", styles: [".sfx-dm-item{position:relative;padding-block:20px;margin-right:15px}.sfx-dm-item .dm-icon-wrap{position:absolute;left:0;top:20px}.sfx-dm-item .dm-icon-wrap .dm-icon{display:block;width:40px;height:40px;background:#000;text-align:center;color:#fff;border-radius:50%;line-height:46px}.sfx-dm-item .dm-content{padding-left:60px;padding-right:100px}.sfx-dm-item .dm-content h5,.sfx-dm-item .dm-content p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sfx-dm-item .dm-action{position:absolute;right:0;top:20px;display:none}.sfx-dm-item .dm-action .sfx-mt-12{margin-top:12px}.sfx-dm-item:hover .dm-action{display:block}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i2.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { 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 });
+DocumentManagementItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: DocumentManagementItemComponent, selector: "symphony-document-management-item", inputs: { documentManagementItemModel: "documentManagementItemModel" }, outputs: { previewClicked: "previewClicked", moreOptionClicked: "moreOptionClicked" }, ngImport: i0, template: "<div class=\"sfx-dm-item\">\n  <div class=\"dm-icon-wrap\">\n    <symphony-icon class=\"dm-icon\" [icon]=\"'si-document'\"></symphony-icon>\n  </div>\n  <div class=\"dm-content\">\n    <symphony-h5\n      title=\"{{ documentManagementItemModel.fileName }} [{{\n        documentManagementItemModel.fileType\n      }}]\"\n      >{{ documentManagementItemModel.fileName }}&nbsp;<span\n        *ngIf=\"documentManagementItemModel.fileType\"\n        >[{{ documentManagementItemModel.fileType }}]</span\n      ></symphony-h5\n    >\n    <symphony-paragraph\n      title=\"Added on {{ documentManagementItemModel.addedDate }} by {{\n        documentManagementItemModel.uploadedBy\n      }}\"\n      *ngIf=\"documentManagementItemModel.addedDate\"\n      ><span\n        >Added on&nbsp;<span>{{\n          documentManagementItemModel.addedDate\n        }}</span></span\n      >&nbsp;<span\n        ><span\n          *ngIf=\"documentManagementItemModel.uploadedBy\"\n          >by&nbsp;</span\n        >{{ documentManagementItemModel.uploadedBy }}</span\n      >\n    </symphony-paragraph>\n  </div>\n  <div class=\"dm-action\">\n    <symphony-icon-wrapper\n    (click)=\"onPreviewClicked()\"\n    *ngIf=\"documentManagementItemModel.hasPreview\"\n    class=\"sfx-d-inline-block pull-left\"\n    [hasHoverWithoutBorder]=\"true\"\n  >\n    <symphony-icon [icon]=\"'si-preview'\"></symphony-icon>\n  </symphony-icon-wrapper>\n    <symphony-contextual-menu\n      (itemClick)=\"onMoreOptionClicked($event)\"\n      *ngIf=\"documentManagementItemModel.moreActions.items.length > 0\"\n      class=\"dm-more-option sfx-d-inline-block pull-left sfx-ml-10\"\n      [model]=\"documentManagementItemModel.moreActions\"\n    >\n    </symphony-contextual-menu>\n  </div>\n</div>\n", styles: [".sfx-dm-item{position:relative;padding-block:20px;margin-right:15px}.sfx-dm-item .dm-icon-wrap{position:absolute;left:0;top:20px}.sfx-dm-item .dm-icon-wrap .dm-icon{display:block;width:40px;height:40px;background:#000;text-align:center;color:#fff;border-radius:50%;line-height:46px}.sfx-dm-item .dm-content{padding-left:60px;padding-right:100px}.sfx-dm-item .dm-content h5,.sfx-dm-item .dm-content p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sfx-dm-item .dm-action{position:absolute;right:0;top:20px;display:none}.sfx-dm-item:hover .dm-action{display:block}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i2.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: i4.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i5.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DocumentManagementItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-document-management-item', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-dm-item\">\n  <div class=\"dm-icon-wrap\">\n    <symphony-icon class=\"dm-icon\" [icon]=\"'si-document'\"></symphony-icon>\n  </div>\n  <div class=\"dm-content\">\n    <symphony-h5\n      title=\"{{ documentManagementItemModel.fileName }} [{{\n        documentManagementItemModel.fileType\n      }}]\"\n      >{{ documentManagementItemModel.fileName }}&nbsp;<span\n        *ngIf=\"documentManagementItemModel.fileType\"\n        >[{{ documentManagementItemModel.fileType }}]</span\n      ></symphony-h5\n    >\n    <symphony-paragraph\n      title=\"Added on {{ documentManagementItemModel.addedDate }} by {{\n        documentManagementItemModel.uploadedBy\n      }}\"\n      *ngIf=\"documentManagementItemModel.addedDate\"\n      ><span class=\"sfx-txt-gray\"\n        >Added on&nbsp;<span>{{\n          documentManagementItemModel.addedDate\n        }}</span></span\n      >&nbsp;<span\n        ><span\n          *ngIf=\"documentManagementItemModel.uploadedBy\"\n          class=\"sfx-txt-gray\"\n          >by&nbsp;</span\n        >{{ documentManagementItemModel.uploadedBy }}</span\n      >\n    </symphony-paragraph>\n  </div>\n  <div class=\"dm-action\">\n    <symphony-icon\n      class=\"sfx-d-inline-block pull-left sfx-ml-10 sfx-mt-12\"\n      *ngIf=\"documentManagementItemModel.hasPreview\"\n      [icon]=\"'si-preview'\"\n      (clicked)=\"onPreviewClicked()\"\n    ></symphony-icon>\n    <symphony-contextual-menu\n      (itemClick)=\"onMoreOptionClicked($event)\"\n      *ngIf=\"documentManagementItemModel.moreActions.items.length > 0\"\n      class=\"dm-more-option sfx-d-inline-block pull-left sfx-ml-10\"\n      [model]=\"documentManagementItemModel.moreActions\"\n    >\n    </symphony-contextual-menu>\n  </div>\n</div>\n", styles: [".sfx-dm-item{position:relative;padding-block:20px;margin-right:15px}.sfx-dm-item .dm-icon-wrap{position:absolute;left:0;top:20px}.sfx-dm-item .dm-icon-wrap .dm-icon{display:block;width:40px;height:40px;background:#000;text-align:center;color:#fff;border-radius:50%;line-height:46px}.sfx-dm-item .dm-content{padding-left:60px;padding-right:100px}.sfx-dm-item .dm-content h5,.sfx-dm-item .dm-content p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sfx-dm-item .dm-action{position:absolute;right:0;top:20px;display:none}.sfx-dm-item .dm-action .sfx-mt-12{margin-top:12px}.sfx-dm-item:hover .dm-action{display:block}\n"] }]
+            args: [{ selector: 'symphony-document-management-item', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-dm-item\">\n  <div class=\"dm-icon-wrap\">\n    <symphony-icon class=\"dm-icon\" [icon]=\"'si-document'\"></symphony-icon>\n  </div>\n  <div class=\"dm-content\">\n    <symphony-h5\n      title=\"{{ documentManagementItemModel.fileName }} [{{\n        documentManagementItemModel.fileType\n      }}]\"\n      >{{ documentManagementItemModel.fileName }}&nbsp;<span\n        *ngIf=\"documentManagementItemModel.fileType\"\n        >[{{ documentManagementItemModel.fileType }}]</span\n      ></symphony-h5\n    >\n    <symphony-paragraph\n      title=\"Added on {{ documentManagementItemModel.addedDate }} by {{\n        documentManagementItemModel.uploadedBy\n      }}\"\n      *ngIf=\"documentManagementItemModel.addedDate\"\n      ><span\n        >Added on&nbsp;<span>{{\n          documentManagementItemModel.addedDate\n        }}</span></span\n      >&nbsp;<span\n        ><span\n          *ngIf=\"documentManagementItemModel.uploadedBy\"\n          >by&nbsp;</span\n        >{{ documentManagementItemModel.uploadedBy }}</span\n      >\n    </symphony-paragraph>\n  </div>\n  <div class=\"dm-action\">\n    <symphony-icon-wrapper\n    (click)=\"onPreviewClicked()\"\n    *ngIf=\"documentManagementItemModel.hasPreview\"\n    class=\"sfx-d-inline-block pull-left\"\n    [hasHoverWithoutBorder]=\"true\"\n  >\n    <symphony-icon [icon]=\"'si-preview'\"></symphony-icon>\n  </symphony-icon-wrapper>\n    <symphony-contextual-menu\n      (itemClick)=\"onMoreOptionClicked($event)\"\n      *ngIf=\"documentManagementItemModel.moreActions.items.length > 0\"\n      class=\"dm-more-option sfx-d-inline-block pull-left sfx-ml-10\"\n      [model]=\"documentManagementItemModel.moreActions\"\n    >\n    </symphony-contextual-menu>\n  </div>\n</div>\n", styles: [".sfx-dm-item{position:relative;padding-block:20px;margin-right:15px}.sfx-dm-item .dm-icon-wrap{position:absolute;left:0;top:20px}.sfx-dm-item .dm-icon-wrap .dm-icon{display:block;width:40px;height:40px;background:#000;text-align:center;color:#fff;border-radius:50%;line-height:46px}.sfx-dm-item .dm-content{padding-left:60px;padding-right:100px}.sfx-dm-item .dm-content h5,.sfx-dm-item .dm-content p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sfx-dm-item .dm-action{position:absolute;right:0;top:20px;display:none}.sfx-dm-item:hover .dm-action{display:block}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { documentManagementItemModel: [{
                 type: Input
             }], previewClicked: [{
@@ -29,4 +30,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
             }], moreOptionClicked: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9jdW1lbnQtbWFuYWdlbWVudC1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvbW9sZWN1bGVzL2RvY3VtZW50LW1hbmFnZW1lbnQtaXRlbS9kb2N1bWVudC1tYW5hZ2VtZW50LWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZG9jdW1lbnQtbWFuYWdlbWVudC1pdGVtL2RvY3VtZW50LW1hbmFnZW1lbnQtaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0FBUzFGLE1BQU0sT0FBTywrQkFBK0I7SUFJMUM7UUFGVSxtQkFBYyxHQUFHLElBQUksWUFBWSxFQUErQixDQUFDO1FBQ2pFLHNCQUFpQixHQUFHLElBQUksWUFBWSxFQUFxQyxDQUFDO0lBQ3JFLENBQUM7SUFFaEIsZ0JBQWdCO1FBQ2QsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUM3QixDQUFDO0lBRUQsbUJBQW1CLENBQUMsaUNBQWlDO1FBQ25ELElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsaUNBQWlDLENBQUMsQ0FBQztJQUNqRSxDQUFDOzs0SEFaVSwrQkFBK0I7Z0hBQS9CLCtCQUErQix3T0NUNUMsaXVEQWdEQTsyRkR2Q2EsK0JBQStCO2tCQU4zQyxTQUFTOytCQUNFLG1DQUFtQyxpQkFHOUIsaUJBQWlCLENBQUMsSUFBSTswRUFHNUIsMkJBQTJCO3NCQUFuQyxLQUFLO2dCQUNJLGNBQWM7c0JBQXZCLE1BQU07Z0JBQ0csaUJBQWlCO3NCQUExQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwsIERvY3VtZW50TWFuYWdlbWVudE1vcmVPcHRpb25FdmVudCB9IGZyb20gJy4vZG9jdW1lbnQtbWFuYWdlbWVudC1pdGVtLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktZG9jdW1lbnQtbWFuYWdlbWVudC1pdGVtJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2RvY3VtZW50LW1hbmFnZW1lbnQtaXRlbS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2RvY3VtZW50LW1hbmFnZW1lbnQtaXRlbS5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIERvY3VtZW50TWFuYWdlbWVudEl0ZW1Db21wb25lbnQge1xuICBASW5wdXQoKSBkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWw6IERvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2RlbDtcbiAgQE91dHB1dCgpIHByZXZpZXdDbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxEb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWw+KCk7XG4gIEBPdXRwdXQoKSBtb3JlT3B0aW9uQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8RG9jdW1lbnRNYW5hZ2VtZW50TW9yZU9wdGlvbkV2ZW50PigpO1xuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgb25QcmV2aWV3Q2xpY2tlZCgpIHtcbiAgICB0aGlzLnByZXZpZXdDbGlja2VkLmVtaXQoKTtcbiAgfVxuXG4gIG9uTW9yZU9wdGlvbkNsaWNrZWQoRG9jdW1lbnRNYW5hZ2VtZW50TW9yZU9wdGlvbkV2ZW50KSB7XG4gICAgdGhpcy5tb3JlT3B0aW9uQ2xpY2tlZC5lbWl0KERvY3VtZW50TWFuYWdlbWVudE1vcmVPcHRpb25FdmVudCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJzZngtZG0taXRlbVwiPlxuICA8ZGl2IGNsYXNzPVwiZG0taWNvbi13cmFwXCI+XG4gICAgPHN5bXBob255LWljb24gY2xhc3M9XCJkbS1pY29uXCIgW2ljb25dPVwiJ3NpLWRvY3VtZW50J1wiPjwvc3ltcGhvbnktaWNvbj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJkbS1jb250ZW50XCI+XG4gICAgPHN5bXBob255LWg1XG4gICAgICB0aXRsZT1cInt7IGRvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2RlbC5maWxlTmFtZSB9fSBbe3tcbiAgICAgICAgZG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsLmZpbGVUeXBlXG4gICAgICB9fV1cIlxuICAgICAgPnt7IGRvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2RlbC5maWxlTmFtZSB9fSZuYnNwOzxzcGFuXG4gICAgICAgICpuZ0lmPVwiZG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsLmZpbGVUeXBlXCJcbiAgICAgICAgPlt7eyBkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwuZmlsZVR5cGUgfX1dPC9zcGFuXG4gICAgICA+PC9zeW1waG9ueS1oNVxuICAgID5cbiAgICA8c3ltcGhvbnktcGFyYWdyYXBoXG4gICAgICB0aXRsZT1cIkFkZGVkIG9uIHt7IGRvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2RlbC5hZGRlZERhdGUgfX0gYnkge3tcbiAgICAgICAgZG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsLnVwbG9hZGVkQnlcbiAgICAgIH19XCJcbiAgICAgICpuZ0lmPVwiZG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsLmFkZGVkRGF0ZVwiXG4gICAgICA+PHNwYW4gY2xhc3M9XCJzZngtdHh0LWdyYXlcIlxuICAgICAgICA+QWRkZWQgb24mbmJzcDs8c3Bhbj57e1xuICAgICAgICAgIGRvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2RlbC5hZGRlZERhdGVcbiAgICAgICAgfX08L3NwYW4+PC9zcGFuXG4gICAgICA+Jm5ic3A7PHNwYW5cbiAgICAgICAgPjxzcGFuXG4gICAgICAgICAgKm5nSWY9XCJkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwudXBsb2FkZWRCeVwiXG4gICAgICAgICAgY2xhc3M9XCJzZngtdHh0LWdyYXlcIlxuICAgICAgICAgID5ieSZuYnNwOzwvc3BhblxuICAgICAgICA+e3sgZG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsLnVwbG9hZGVkQnkgfX08L3NwYW5cbiAgICAgID5cbiAgICA8L3N5bXBob255LXBhcmFncmFwaD5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJkbS1hY3Rpb25cIj5cbiAgICA8c3ltcGhvbnktaWNvblxuICAgICAgY2xhc3M9XCJzZngtZC1pbmxpbmUtYmxvY2sgcHVsbC1sZWZ0IHNmeC1tbC0xMCBzZngtbXQtMTJcIlxuICAgICAgKm5nSWY9XCJkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwuaGFzUHJldmlld1wiXG4gICAgICBbaWNvbl09XCInc2ktcHJldmlldydcIlxuICAgICAgKGNsaWNrZWQpPVwib25QcmV2aWV3Q2xpY2tlZCgpXCJcbiAgICA+PC9zeW1waG9ueS1pY29uPlxuICAgIDxzeW1waG9ueS1jb250ZXh0dWFsLW1lbnVcbiAgICAgIChpdGVtQ2xpY2spPVwib25Nb3JlT3B0aW9uQ2xpY2tlZCgkZXZlbnQpXCJcbiAgICAgICpuZ0lmPVwiZG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsLm1vcmVBY3Rpb25zLml0ZW1zLmxlbmd0aCA+IDBcIlxuICAgICAgY2xhc3M9XCJkbS1tb3JlLW9wdGlvbiBzZngtZC1pbmxpbmUtYmxvY2sgcHVsbC1sZWZ0IHNmeC1tbC0xMFwiXG4gICAgICBbbW9kZWxdPVwiZG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsLm1vcmVBY3Rpb25zXCJcbiAgICA+XG4gICAgPC9zeW1waG9ueS1jb250ZXh0dWFsLW1lbnU+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9jdW1lbnQtbWFuYWdlbWVudC1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvbW9sZWN1bGVzL2RvY3VtZW50LW1hbmFnZW1lbnQtaXRlbS9kb2N1bWVudC1tYW5hZ2VtZW50LWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZG9jdW1lbnQtbWFuYWdlbWVudC1pdGVtL2RvY3VtZW50LW1hbmFnZW1lbnQtaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7OztBQVMxRixNQUFNLE9BQU8sK0JBQStCO0lBSTFDO1FBRlUsbUJBQWMsR0FBRyxJQUFJLFlBQVksRUFBK0IsQ0FBQztRQUNqRSxzQkFBaUIsR0FBRyxJQUFJLFlBQVksRUFBcUMsQ0FBQztJQUNyRSxDQUFDO0lBRWhCLGdCQUFnQjtRQUNkLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUVELG1CQUFtQixDQUFDLGlDQUFpQztRQUNuRCxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLGlDQUFpQyxDQUFDLENBQUM7SUFDakUsQ0FBQzs7NEhBWlUsK0JBQStCO2dIQUEvQiwrQkFBK0Isd09DVDVDLGt1REFpREE7MkZEeENhLCtCQUErQjtrQkFOM0MsU0FBUzsrQkFDRSxtQ0FBbUMsaUJBRzlCLGlCQUFpQixDQUFDLElBQUk7MEVBRzVCLDJCQUEyQjtzQkFBbkMsS0FBSztnQkFDSSxjQUFjO3NCQUF2QixNQUFNO2dCQUNHLGlCQUFpQjtzQkFBMUIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsLCBEb2N1bWVudE1hbmFnZW1lbnRNb3JlT3B0aW9uRXZlbnQgfSBmcm9tICcuL2RvY3VtZW50LW1hbmFnZW1lbnQtaXRlbS5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWRvY3VtZW50LW1hbmFnZW1lbnQtaXRlbScsXG4gIHRlbXBsYXRlVXJsOiAnLi9kb2N1bWVudC1tYW5hZ2VtZW50LWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9kb2N1bWVudC1tYW5hZ2VtZW50LWl0ZW0uY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBEb2N1bWVudE1hbmFnZW1lbnRJdGVtQ29tcG9uZW50IHtcbiAgQElucHV0KCkgZG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsOiBEb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWw7XG4gIEBPdXRwdXQoKSBwcmV2aWV3Q2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8RG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsPigpO1xuICBAT3V0cHV0KCkgbW9yZU9wdGlvbkNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPERvY3VtZW50TWFuYWdlbWVudE1vcmVPcHRpb25FdmVudD4oKTtcbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG9uUHJldmlld0NsaWNrZWQoKSB7XG4gICAgdGhpcy5wcmV2aWV3Q2xpY2tlZC5lbWl0KCk7XG4gIH1cblxuICBvbk1vcmVPcHRpb25DbGlja2VkKERvY3VtZW50TWFuYWdlbWVudE1vcmVPcHRpb25FdmVudCkge1xuICAgIHRoaXMubW9yZU9wdGlvbkNsaWNrZWQuZW1pdChEb2N1bWVudE1hbmFnZW1lbnRNb3JlT3B0aW9uRXZlbnQpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic2Z4LWRtLWl0ZW1cIj5cbiAgPGRpdiBjbGFzcz1cImRtLWljb24td3JhcFwiPlxuICAgIDxzeW1waG9ueS1pY29uIGNsYXNzPVwiZG0taWNvblwiIFtpY29uXT1cIidzaS1kb2N1bWVudCdcIj48L3N5bXBob255LWljb24+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiZG0tY29udGVudFwiPlxuICAgIDxzeW1waG9ueS1oNVxuICAgICAgdGl0bGU9XCJ7eyBkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwuZmlsZU5hbWUgfX0gW3t7XG4gICAgICAgIGRvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2RlbC5maWxlVHlwZVxuICAgICAgfX1dXCJcbiAgICAgID57eyBkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwuZmlsZU5hbWUgfX0mbmJzcDs8c3BhblxuICAgICAgICAqbmdJZj1cImRvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2RlbC5maWxlVHlwZVwiXG4gICAgICAgID5be3sgZG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsLmZpbGVUeXBlIH19XTwvc3BhblxuICAgICAgPjwvc3ltcGhvbnktaDVcbiAgICA+XG4gICAgPHN5bXBob255LXBhcmFncmFwaFxuICAgICAgdGl0bGU9XCJBZGRlZCBvbiB7eyBkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwuYWRkZWREYXRlIH19IGJ5IHt7XG4gICAgICAgIGRvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2RlbC51cGxvYWRlZEJ5XG4gICAgICB9fVwiXG4gICAgICAqbmdJZj1cImRvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2RlbC5hZGRlZERhdGVcIlxuICAgICAgPjxzcGFuXG4gICAgICAgID5BZGRlZCBvbiZuYnNwOzxzcGFuPnt7XG4gICAgICAgICAgZG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsLmFkZGVkRGF0ZVxuICAgICAgICB9fTwvc3Bhbj48L3NwYW5cbiAgICAgID4mbmJzcDs8c3BhblxuICAgICAgICA+PHNwYW5cbiAgICAgICAgICAqbmdJZj1cImRvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2RlbC51cGxvYWRlZEJ5XCJcbiAgICAgICAgICA+YnkmbmJzcDs8L3NwYW5cbiAgICAgICAgPnt7IGRvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2RlbC51cGxvYWRlZEJ5IH19PC9zcGFuXG4gICAgICA+XG4gICAgPC9zeW1waG9ueS1wYXJhZ3JhcGg+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiZG0tYWN0aW9uXCI+XG4gICAgPHN5bXBob255LWljb24td3JhcHBlclxuICAgIChjbGljayk9XCJvblByZXZpZXdDbGlja2VkKClcIlxuICAgICpuZ0lmPVwiZG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsLmhhc1ByZXZpZXdcIlxuICAgIGNsYXNzPVwic2Z4LWQtaW5saW5lLWJsb2NrIHB1bGwtbGVmdFwiXG4gICAgW2hhc0hvdmVyV2l0aG91dEJvcmRlcl09XCJ0cnVlXCJcbiAgPlxuICAgIDxzeW1waG9ueS1pY29uIFtpY29uXT1cIidzaS1wcmV2aWV3J1wiPjwvc3ltcGhvbnktaWNvbj5cbiAgPC9zeW1waG9ueS1pY29uLXdyYXBwZXI+XG4gICAgPHN5bXBob255LWNvbnRleHR1YWwtbWVudVxuICAgICAgKGl0ZW1DbGljayk9XCJvbk1vcmVPcHRpb25DbGlja2VkKCRldmVudClcIlxuICAgICAgKm5nSWY9XCJkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwubW9yZUFjdGlvbnMuaXRlbXMubGVuZ3RoID4gMFwiXG4gICAgICBjbGFzcz1cImRtLW1vcmUtb3B0aW9uIHNmeC1kLWlubGluZS1ibG9jayBwdWxsLWxlZnQgc2Z4LW1sLTEwXCJcbiAgICAgIFttb2RlbF09XCJkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwubW9yZUFjdGlvbnNcIlxuICAgID5cbiAgICA8L3N5bXBob255LWNvbnRleHR1YWwtbWVudT5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2020/projects/component-library/lib/molecules/document-management-item/document-management-item.module.mjs

@@ -5,6 +5,7 @@ import { ContextualMenuModule } from '../../atoms/contextual-menu/contextual-men
 import { ParagraphModule } from '../../atoms/paragraph/paragraph.module';
 import { IconModule } from '../../atoms/icon/icon.module';
 import { H5Module } from '../../atoms/h5/h5.module';
+import { IconWrapperModule } from '../../atoms/icon-wrapper/icon-wrapper.module';
 import * as i0 from "@angular/core";
 export class DocumentManagementItemModule {
 }
@@ -13,13 +14,15 @@ DocumentManagementItemModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.
         ContextualMenuModule,
         H5Module,
         IconModule,
-        ParagraphModule], exports: [DocumentManagementItemComponent] });
+        ParagraphModule,
+        IconWrapperModule], exports: [DocumentManagementItemComponent] });
 DocumentManagementItemModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DocumentManagementItemModule, imports: [[
             CommonModule,
             ContextualMenuModule,
             H5Module,
             IconModule,
             ParagraphModule,
+            IconWrapperModule
         ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DocumentManagementItemModule, decorators: [{
             type: NgModule,
@@ -31,8 +34,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                         H5Module,
                         IconModule,
                         ParagraphModule,
+                        IconWrapperModule
                     ],
                     exports: [DocumentManagementItemComponent],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9jdW1lbnQtbWFuYWdlbWVudC1pdGVtLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvbW9sZWN1bGVzL2RvY3VtZW50LW1hbmFnZW1lbnQtaXRlbS9kb2N1bWVudC1tYW5hZ2VtZW50LWl0ZW0ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSwrQkFBK0IsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3ZGLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLG9EQUFvRCxDQUFDO0FBQzFGLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUN6RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDMUQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLDBCQUEwQixDQUFDOztBQWFwRCxNQUFNLE9BQU8sNEJBQTRCOzt5SEFBNUIsNEJBQTRCOzBIQUE1Qiw0QkFBNEIsaUJBVnhCLCtCQUErQixhQUU1QyxZQUFZO1FBQ1osb0JBQW9CO1FBQ3BCLFFBQVE7UUFDUixVQUFVO1FBQ1YsZUFBZSxhQUVQLCtCQUErQjswSEFFOUIsNEJBQTRCLFlBVDlCO1lBQ1AsWUFBWTtZQUNaLG9CQUFvQjtZQUNwQixRQUFRO1lBQ1IsVUFBVTtZQUNWLGVBQWU7U0FDaEI7MkZBR1UsNEJBQTRCO2tCQVh4QyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLCtCQUErQixDQUFDO29CQUMvQyxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixvQkFBb0I7d0JBQ3BCLFFBQVE7d0JBQ1IsVUFBVTt3QkFDVixlQUFlO3FCQUNoQjtvQkFDRCxPQUFPLEVBQUUsQ0FBQywrQkFBK0IsQ0FBQztpQkFDM0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IERvY3VtZW50TWFuYWdlbWVudEl0ZW1Db21wb25lbnQgfSBmcm9tICcuL2RvY3VtZW50LW1hbmFnZW1lbnQtaXRlbS5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ29udGV4dHVhbE1lbnVNb2R1bGUgfSBmcm9tICcuLi8uLi9hdG9tcy9jb250ZXh0dWFsLW1lbnUvY29udGV4dHVhbC1tZW51Lm1vZHVsZSc7XG5pbXBvcnQgeyBQYXJhZ3JhcGhNb2R1bGUgfSBmcm9tICcuLi8uLi9hdG9tcy9wYXJhZ3JhcGgvcGFyYWdyYXBoLm1vZHVsZSc7XG5pbXBvcnQgeyBJY29uTW9kdWxlIH0gZnJvbSAnLi4vLi4vYXRvbXMvaWNvbi9pY29uLm1vZHVsZSc7XG5pbXBvcnQgeyBINU1vZHVsZSB9IGZyb20gJy4uLy4uL2F0b21zL2g1L2g1Lm1vZHVsZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0RvY3VtZW50TWFuYWdlbWVudEl0ZW1Db21wb25lbnRdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIENvbnRleHR1YWxNZW51TW9kdWxlLFxuICAgIEg1TW9kdWxlLFxuICAgIEljb25Nb2R1bGUsXG4gICAgUGFyYWdyYXBoTW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbRG9jdW1lbnRNYW5hZ2VtZW50SXRlbUNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIERvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2R1bGUge31cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9jdW1lbnQtbWFuYWdlbWVudC1pdGVtLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvbW9sZWN1bGVzL2RvY3VtZW50LW1hbmFnZW1lbnQtaXRlbS9kb2N1bWVudC1tYW5hZ2VtZW50LWl0ZW0ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSwrQkFBK0IsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3ZGLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLG9EQUFvRCxDQUFDO0FBQzFGLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUN6RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDMUQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3BELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDhDQUE4QyxDQUFDOztBQWNqRixNQUFNLE9BQU8sNEJBQTRCOzt5SEFBNUIsNEJBQTRCOzBIQUE1Qiw0QkFBNEIsaUJBWHhCLCtCQUErQixhQUU1QyxZQUFZO1FBQ1osb0JBQW9CO1FBQ3BCLFFBQVE7UUFDUixVQUFVO1FBQ1YsZUFBZTtRQUNmLGlCQUFpQixhQUVULCtCQUErQjswSEFFOUIsNEJBQTRCLFlBVjlCO1lBQ1AsWUFBWTtZQUNaLG9CQUFvQjtZQUNwQixRQUFRO1lBQ1IsVUFBVTtZQUNWLGVBQWU7WUFDZixpQkFBaUI7U0FDbEI7MkZBR1UsNEJBQTRCO2tCQVp4QyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLCtCQUErQixDQUFDO29CQUMvQyxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixvQkFBb0I7d0JBQ3BCLFFBQVE7d0JBQ1IsVUFBVTt3QkFDVixlQUFlO3dCQUNmLGlCQUFpQjtxQkFDbEI7b0JBQ0QsT0FBTyxFQUFFLENBQUMsK0JBQStCLENBQUM7aUJBQzNDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBEb2N1bWVudE1hbmFnZW1lbnRJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9kb2N1bWVudC1tYW5hZ2VtZW50LWl0ZW0uY29tcG9uZW50JztcbmltcG9ydCB7IENvbnRleHR1YWxNZW51TW9kdWxlIH0gZnJvbSAnLi4vLi4vYXRvbXMvY29udGV4dHVhbC1tZW51L2NvbnRleHR1YWwtbWVudS5tb2R1bGUnO1xuaW1wb3J0IHsgUGFyYWdyYXBoTW9kdWxlIH0gZnJvbSAnLi4vLi4vYXRvbXMvcGFyYWdyYXBoL3BhcmFncmFwaC5tb2R1bGUnO1xuaW1wb3J0IHsgSWNvbk1vZHVsZSB9IGZyb20gJy4uLy4uL2F0b21zL2ljb24vaWNvbi5tb2R1bGUnO1xuaW1wb3J0IHsgSDVNb2R1bGUgfSBmcm9tICcuLi8uLi9hdG9tcy9oNS9oNS5tb2R1bGUnO1xuaW1wb3J0IHsgSWNvbldyYXBwZXJNb2R1bGUgfSBmcm9tICcuLi8uLi9hdG9tcy9pY29uLXdyYXBwZXIvaWNvbi13cmFwcGVyLm1vZHVsZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0RvY3VtZW50TWFuYWdlbWVudEl0ZW1Db21wb25lbnRdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIENvbnRleHR1YWxNZW51TW9kdWxlLFxuICAgIEg1TW9kdWxlLFxuICAgIEljb25Nb2R1bGUsXG4gICAgUGFyYWdyYXBoTW9kdWxlLFxuICAgIEljb25XcmFwcGVyTW9kdWxlXG4gIF0sXG4gIGV4cG9ydHM6IFtEb2N1bWVudE1hbmFnZW1lbnRJdGVtQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgRG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZHVsZSB7fVxuIl19

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

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS11cGxvYWQubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL21vbGVjdWxlcy9maWxlLXVwbG9hZC9maWxlLXVwbG9hZC5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRmlsZVVwbG9hZFN0YXR1c01vZGVsIH0gZnJvbSAnLi4vZmlsZS11cGxvYWQtc3RhdHVzL2ZpbGUtdXBsb2FkLXN0YXR1cy5tb2RlbCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgRmlsZVVwbG9hZE1vZGVsIHtcbiAgZmlsZVN0YXR1czogRmlsZVVwbG9hZFN0YXR1c01vZGVsO1xuICBuYXZpZ2F0aW9uOiBGaWxlVXBsb2FkTmF2aWdhdGlvbk1vZGVsO1xuICBmaWxlRm9ybWF0QWNjZXB0ZWQ6IHN0cmluZ1tdO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEZpbGVVcGxvYWROYXZpZ2F0aW9uTW9kZWwge1xuICBzaG93VXBsb2FkRmlsZTogYm9vbGVhbjtcbiAgc2hvd1NlbGVjdGVkRmlsZTogYm9vbGVhbjtcbiAgc2hvd1VwbG9hZFByb2dyZXNzOiBib29sZWFuO1xuICBzaG93VXBsb2FkQ29tcGxldGU6IGJvb2xlYW47XG4gIHNob3dVcGxvYWRFcnJvcjogYm9vbGVhbjtcbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS11cGxvYWQubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL21vbGVjdWxlcy9maWxlLXVwbG9hZC9maWxlLXVwbG9hZC5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRmlsZVVwbG9hZFN0YXR1c01vZGVsIH0gZnJvbSAnLi4vZmlsZS11cGxvYWQtc3RhdHVzL2ZpbGUtdXBsb2FkLXN0YXR1cy5tb2RlbCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgRmlsZVVwbG9hZE1vZGVsIHtcbiAgZmlsZVN0YXR1czogRmlsZVVwbG9hZFN0YXR1c01vZGVsO1xuICBuYXZpZ2F0aW9uOiBGaWxlVXBsb2FkTmF2aWdhdGlvbk1vZGVsO1xuICBmaWxlRm9ybWF0QWNjZXB0ZWQ6IHN0cmluZ1tdO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEZpbGVVcGxvYWROYXZpZ2F0aW9uTW9kZWwge1xuICBzaG93VXBsb2FkRmlsZTogYm9vbGVhbjtcbiAgc2hvd1NlbGVjdGVkRmlsZTogYm9vbGVhbjtcbiAgc2hvd1VwbG9hZFByb2dyZXNzOiBib29sZWFuO1xuICBzaG93VXBsb2FkQ29tcGxldGU6IGJvb2xlYW47XG4gIHNob3dVcGxvYWRFcnJvcjogYm9vbGVhbjtcbiAgc2hvd1VwbG9hZEluY29tcGxldGU/OiBib29sZWFuO1xufVxuIl19

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

@@ -1,8 +1,8 @@
 import { Component, EventEmitter, Input, Output } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "../../atoms/h3/h3.component";
-import * as i2 from "../../atoms/paragraph/paragraph.component";
-import * as i3 from "../../atoms/icon/icon.component";
+import * as i2 from "../../atoms/icon/icon.component";
+import * as i3 from "../../atoms/paragraph/paragraph.component";
 import * as i4 from "../../atoms/sfx-progress-bar/sfx-progress-bar.component";
 import * as i5 from "@angular/common";
 export class FileUploadStatusComponent {
@@ -14,10 +14,10 @@ export class FileUploadStatusComponent {
     }
 }
 FileUploadStatusComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FileUploadStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FileUploadStatusComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FileUploadStatusComponent, selector: "symphony-file-upload-status", inputs: { fileUploadStatusModel: "fileUploadStatusModel", uploadStatus: "uploadStatus" }, outputs: { closeUploadComplete: "closeUploadComplete" }, ngImport: i0, template: "<!-- File Upload In Progress -->\n<div class=\"sfx-file-uploaded\" *ngIf=\"fileUploadStatusModel\">\n  <symphony-h3\n    class=\"sfx-mt-0 sfx-mb-15 sfx-font24\"\n    [text]=\"uploadStatus\"\n  ></symphony-h3>\n  <div class=\"sfx-position-relative sfx-mt-10\">\n    <symphony-paragraph\n      class=\"sfx-mr-40 sfx-font-bold file-name\"\n      [text]=\"fileUploadStatusModel.fileName\"\n    ></symphony-paragraph>\n    <symphony-paragraph\n      class=\"sfx-ml-40\"\n      [text]=\"fileUploadStatusModel.fileSize\"\n    ></symphony-paragraph>\n    <symphony-icon\n      class=\"pull-right\"\n      [icon]=\"'si-close-modal'\"\n      (clicked)=\"oncloseUploadComplete()\"\n    ></symphony-icon>\n  </div>\n  <div class=\"sfx-file-uploaded\">\n    <symphony-sfx-progress-bar\n      *ngIf=\"fileUploadStatusModel.showProgressBar\"\n      [progress]=\"fileUploadStatusModel.progress\"\n    ></symphony-sfx-progress-bar>\n    <div\n      *ngIf=\"!fileUploadStatusModel.showProgressBar\"\n      class=\"progress-bar-spacer\"\n    ></div>\n  </div>\n</div>\n<!-- (clicked)=\"closeUploadComplete()\" -->", 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:450px;max-width:450px}.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}.progress-bar-spacer{height:20px}\n"], components: [{ type: i1.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i2.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.SfxProgressBarComponent, selector: "symphony-sfx-progress-bar", inputs: ["progress"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+FileUploadStatusComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FileUploadStatusComponent, selector: "symphony-file-upload-status", inputs: { fileUploadStatusModel: "fileUploadStatusModel", uploadStatus: "uploadStatus" }, outputs: { closeUploadComplete: "closeUploadComplete" }, ngImport: i0, template: "<!-- File Upload In Progress -->\n<div class=\"sfx-file-uploaded\" *ngIf=\"fileUploadStatusModel\">\n  <symphony-h3\n    class=\"sfx-mt-0 sfx-mb-15 sfx-font24\"\n    [text]=\"uploadStatus\"\n  ></symphony-h3>\n  <div class=\"sfx-position-relative sfx-mt-15\">\n    <symphony-icon\n      *ngIf=\"fileUploadStatusModel.showSelectedfile\"\n      class=\"sfx-mr-10 sfx-txt-green fileuploadicon\"\n      [icon]=\"'si-confirmation'\"\n      (clicked)=\"oncloseUploadComplete()\"\n    ></symphony-icon>\n    <symphony-icon\n      *ngIf=\"fileUploadStatusModel.showUploadFailed\"\n      class=\"sfx-mr-10 sfx-txt-red fileuploadicon\"\n      [icon]=\"'si-pending-incomplete'\"\n      (clicked)=\"oncloseUploadComplete()\"\n    ></symphony-icon>\n    <symphony-paragraph\n      class=\"sfx-mr-40 sfx-font-bold file-name\"\n      [text]=\"fileUploadStatusModel.fileName\"\n    ></symphony-paragraph>\n    <symphony-paragraph\n      class=\"sfx-ml-40\"\n      [text]=\"fileUploadStatusModel.fileSize\"\n    ></symphony-paragraph>\n    <symphony-icon\n      *ngIf=\"fileUploadStatusModel.showClose\"\n      class=\"pull-right\"\n      [icon]=\"'si-close-modal'\"\n      (clicked)=\"oncloseUploadComplete()\"\n    ></symphony-icon>\n  </div>\n  <div class=\"sfx-file-uploaded\">\n    <symphony-sfx-progress-bar\n      *ngIf=\"fileUploadStatusModel.showProgressBar\"\n      [progress]=\"fileUploadStatusModel.progress\"\n    ></symphony-sfx-progress-bar>\n    <div\n      *ngIf=\"!fileUploadStatusModel.showProgressBar\"\n      class=\"progress-bar-spacer\"\n    ></div>\n  </div>\n</div>\n<!-- (clicked)=\"closeUploadComplete()\" -->\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:450px;max-width:450px}.sfx-file-uploaded .fileuploadicon{top:2px;position:relative}.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}.progress-bar-spacer{height:20px}\n"], components: [{ type: i1.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: i4.SfxProgressBarComponent, selector: "symphony-sfx-progress-bar", inputs: ["progress"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FileUploadStatusComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-file-upload-status', template: "<!-- File Upload In Progress -->\n<div class=\"sfx-file-uploaded\" *ngIf=\"fileUploadStatusModel\">\n  <symphony-h3\n    class=\"sfx-mt-0 sfx-mb-15 sfx-font24\"\n    [text]=\"uploadStatus\"\n  ></symphony-h3>\n  <div class=\"sfx-position-relative sfx-mt-10\">\n    <symphony-paragraph\n      class=\"sfx-mr-40 sfx-font-bold file-name\"\n      [text]=\"fileUploadStatusModel.fileName\"\n    ></symphony-paragraph>\n    <symphony-paragraph\n      class=\"sfx-ml-40\"\n      [text]=\"fileUploadStatusModel.fileSize\"\n    ></symphony-paragraph>\n    <symphony-icon\n      class=\"pull-right\"\n      [icon]=\"'si-close-modal'\"\n      (clicked)=\"oncloseUploadComplete()\"\n    ></symphony-icon>\n  </div>\n  <div class=\"sfx-file-uploaded\">\n    <symphony-sfx-progress-bar\n      *ngIf=\"fileUploadStatusModel.showProgressBar\"\n      [progress]=\"fileUploadStatusModel.progress\"\n    ></symphony-sfx-progress-bar>\n    <div\n      *ngIf=\"!fileUploadStatusModel.showProgressBar\"\n      class=\"progress-bar-spacer\"\n    ></div>\n  </div>\n</div>\n<!-- (clicked)=\"closeUploadComplete()\" -->", 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:450px;max-width:450px}.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}.progress-bar-spacer{height:20px}\n"] }]
+            args: [{ selector: 'symphony-file-upload-status', template: "<!-- File Upload In Progress -->\n<div class=\"sfx-file-uploaded\" *ngIf=\"fileUploadStatusModel\">\n  <symphony-h3\n    class=\"sfx-mt-0 sfx-mb-15 sfx-font24\"\n    [text]=\"uploadStatus\"\n  ></symphony-h3>\n  <div class=\"sfx-position-relative sfx-mt-15\">\n    <symphony-icon\n      *ngIf=\"fileUploadStatusModel.showSelectedfile\"\n      class=\"sfx-mr-10 sfx-txt-green fileuploadicon\"\n      [icon]=\"'si-confirmation'\"\n      (clicked)=\"oncloseUploadComplete()\"\n    ></symphony-icon>\n    <symphony-icon\n      *ngIf=\"fileUploadStatusModel.showUploadFailed\"\n      class=\"sfx-mr-10 sfx-txt-red fileuploadicon\"\n      [icon]=\"'si-pending-incomplete'\"\n      (clicked)=\"oncloseUploadComplete()\"\n    ></symphony-icon>\n    <symphony-paragraph\n      class=\"sfx-mr-40 sfx-font-bold file-name\"\n      [text]=\"fileUploadStatusModel.fileName\"\n    ></symphony-paragraph>\n    <symphony-paragraph\n      class=\"sfx-ml-40\"\n      [text]=\"fileUploadStatusModel.fileSize\"\n    ></symphony-paragraph>\n    <symphony-icon\n      *ngIf=\"fileUploadStatusModel.showClose\"\n      class=\"pull-right\"\n      [icon]=\"'si-close-modal'\"\n      (clicked)=\"oncloseUploadComplete()\"\n    ></symphony-icon>\n  </div>\n  <div class=\"sfx-file-uploaded\">\n    <symphony-sfx-progress-bar\n      *ngIf=\"fileUploadStatusModel.showProgressBar\"\n      [progress]=\"fileUploadStatusModel.progress\"\n    ></symphony-sfx-progress-bar>\n    <div\n      *ngIf=\"!fileUploadStatusModel.showProgressBar\"\n      class=\"progress-bar-spacer\"\n    ></div>\n  </div>\n</div>\n<!-- (clicked)=\"closeUploadComplete()\" -->\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:450px;max-width:450px}.sfx-file-uploaded .fileuploadicon{top:2px;position:relative}.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}.progress-bar-spacer{height:20px}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { fileUploadStatusModel: [{
                 type: Input
             }], uploadStatus: [{
@@ -25,4 +25,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
             }], closeUploadComplete: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS11cGxvYWQtc3RhdHVzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvbW9sZWN1bGVzL2ZpbGUtdXBsb2FkLXN0YXR1cy9maWxlLXVwbG9hZC1zdGF0dXMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmlsZS11cGxvYWQtc3RhdHVzL2ZpbGUtdXBsb2FkLXN0YXR1cy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0FBUXZFLE1BQU0sT0FBTyx5QkFBeUI7SUFNcEM7UUFGVSx3QkFBbUIsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0lBRTFDLENBQUM7SUFFaEIscUJBQXFCO1FBQ25CLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNsQyxDQUFDOztzSEFWVSx5QkFBeUI7MEdBQXpCLHlCQUF5QixzTkNSdEMsd2tDQWdDMEM7MkZEeEI3Qix5QkFBeUI7a0JBTHJDLFNBQVM7K0JBQ0UsNkJBQTZCOzBFQUs5QixxQkFBcUI7c0JBQTdCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFFSSxtQkFBbUI7c0JBQTVCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRmlsZVVwbG9hZFN0YXR1c01vZGVsIH0gZnJvbSAnLi9maWxlLXVwbG9hZC1zdGF0dXMubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1maWxlLXVwbG9hZC1zdGF0dXMnLFxuICB0ZW1wbGF0ZVVybDogJy4vZmlsZS11cGxvYWQtc3RhdHVzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZmlsZS11cGxvYWQtc3RhdHVzLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEZpbGVVcGxvYWRTdGF0dXNDb21wb25lbnQge1xuICBASW5wdXQoKSBmaWxlVXBsb2FkU3RhdHVzTW9kZWw6IEZpbGVVcGxvYWRTdGF0dXNNb2RlbDtcbiAgQElucHV0KCkgdXBsb2FkU3RhdHVzOiBzdHJpbmc7XG5cbiAgQE91dHB1dCgpIGNsb3NlVXBsb2FkQ29tcGxldGUgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG9uY2xvc2VVcGxvYWRDb21wbGV0ZSgpIHtcbiAgICB0aGlzLmNsb3NlVXBsb2FkQ29tcGxldGUuZW1pdCgpO1xuICB9XG59XG4iLCI8IS0tIEZpbGUgVXBsb2FkIEluIFByb2dyZXNzIC0tPlxuPGRpdiBjbGFzcz1cInNmeC1maWxlLXVwbG9hZGVkXCIgKm5nSWY9XCJmaWxlVXBsb2FkU3RhdHVzTW9kZWxcIj5cbiAgPHN5bXBob255LWgzXG4gICAgY2xhc3M9XCJzZngtbXQtMCBzZngtbWItMTUgc2Z4LWZvbnQyNFwiXG4gICAgW3RleHRdPVwidXBsb2FkU3RhdHVzXCJcbiAgPjwvc3ltcGhvbnktaDM+XG4gIDxkaXYgY2xhc3M9XCJzZngtcG9zaXRpb24tcmVsYXRpdmUgc2Z4LW10LTEwXCI+XG4gICAgPHN5bXBob255LXBhcmFncmFwaFxuICAgICAgY2xhc3M9XCJzZngtbXItNDAgc2Z4LWZvbnQtYm9sZCBmaWxlLW5hbWVcIlxuICAgICAgW3RleHRdPVwiZmlsZVVwbG9hZFN0YXR1c01vZGVsLmZpbGVOYW1lXCJcbiAgICA+PC9zeW1waG9ueS1wYXJhZ3JhcGg+XG4gICAgPHN5bXBob255LXBhcmFncmFwaFxuICAgICAgY2xhc3M9XCJzZngtbWwtNDBcIlxuICAgICAgW3RleHRdPVwiZmlsZVVwbG9hZFN0YXR1c01vZGVsLmZpbGVTaXplXCJcbiAgICA+PC9zeW1waG9ueS1wYXJhZ3JhcGg+XG4gICAgPHN5bXBob255LWljb25cbiAgICAgIGNsYXNzPVwicHVsbC1yaWdodFwiXG4gICAgICBbaWNvbl09XCInc2ktY2xvc2UtbW9kYWwnXCJcbiAgICAgIChjbGlja2VkKT1cIm9uY2xvc2VVcGxvYWRDb21wbGV0ZSgpXCJcbiAgICA+PC9zeW1waG9ueS1pY29uPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInNmeC1maWxlLXVwbG9hZGVkXCI+XG4gICAgPHN5bXBob255LXNmeC1wcm9ncmVzcy1iYXJcbiAgICAgICpuZ0lmPVwiZmlsZVVwbG9hZFN0YXR1c01vZGVsLnNob3dQcm9ncmVzc0JhclwiXG4gICAgICBbcHJvZ3Jlc3NdPVwiZmlsZVVwbG9hZFN0YXR1c01vZGVsLnByb2dyZXNzXCJcbiAgICA+PC9zeW1waG9ueS1zZngtcHJvZ3Jlc3MtYmFyPlxuICAgIDxkaXZcbiAgICAgICpuZ0lmPVwiIWZpbGVVcGxvYWRTdGF0dXNNb2RlbC5zaG93UHJvZ3Jlc3NCYXJcIlxuICAgICAgY2xhc3M9XCJwcm9ncmVzcy1iYXItc3BhY2VyXCJcbiAgICA+PC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG48IS0tIChjbGlja2VkKT1cImNsb3NlVXBsb2FkQ29tcGxldGUoKVwiIC0tPiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS11cGxvYWQtc3RhdHVzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvbW9sZWN1bGVzL2ZpbGUtdXBsb2FkLXN0YXR1cy9maWxlLXVwbG9hZC1zdGF0dXMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmlsZS11cGxvYWQtc3RhdHVzL2ZpbGUtdXBsb2FkLXN0YXR1cy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0FBUXZFLE1BQU0sT0FBTyx5QkFBeUI7SUFNcEM7UUFGVSx3QkFBbUIsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0lBRTFDLENBQUM7SUFFaEIscUJBQXFCO1FBQ25CLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNsQyxDQUFDOztzSEFWVSx5QkFBeUI7MEdBQXpCLHlCQUF5QixzTkNSdEMsdWxEQThDQTsyRkR0Q2EseUJBQXlCO2tCQUxyQyxTQUFTOytCQUNFLDZCQUE2QjswRUFLOUIscUJBQXFCO3NCQUE3QixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBRUksbUJBQW1CO3NCQUE1QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZpbGVVcGxvYWRTdGF0dXNNb2RlbCB9IGZyb20gJy4vZmlsZS11cGxvYWQtc3RhdHVzLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktZmlsZS11cGxvYWQtc3RhdHVzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ZpbGUtdXBsb2FkLXN0YXR1cy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2ZpbGUtdXBsb2FkLXN0YXR1cy5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBGaWxlVXBsb2FkU3RhdHVzQ29tcG9uZW50IHtcbiAgQElucHV0KCkgZmlsZVVwbG9hZFN0YXR1c01vZGVsOiBGaWxlVXBsb2FkU3RhdHVzTW9kZWw7XG4gIEBJbnB1dCgpIHVwbG9hZFN0YXR1czogc3RyaW5nO1xuXG4gIEBPdXRwdXQoKSBjbG9zZVVwbG9hZENvbXBsZXRlID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBvbmNsb3NlVXBsb2FkQ29tcGxldGUoKSB7XG4gICAgdGhpcy5jbG9zZVVwbG9hZENvbXBsZXRlLmVtaXQoKTtcbiAgfVxufVxuIiwiPCEtLSBGaWxlIFVwbG9hZCBJbiBQcm9ncmVzcyAtLT5cbjxkaXYgY2xhc3M9XCJzZngtZmlsZS11cGxvYWRlZFwiICpuZ0lmPVwiZmlsZVVwbG9hZFN0YXR1c01vZGVsXCI+XG4gIDxzeW1waG9ueS1oM1xuICAgIGNsYXNzPVwic2Z4LW10LTAgc2Z4LW1iLTE1IHNmeC1mb250MjRcIlxuICAgIFt0ZXh0XT1cInVwbG9hZFN0YXR1c1wiXG4gID48L3N5bXBob255LWgzPlxuICA8ZGl2IGNsYXNzPVwic2Z4LXBvc2l0aW9uLXJlbGF0aXZlIHNmeC1tdC0xNVwiPlxuICAgIDxzeW1waG9ueS1pY29uXG4gICAgICAqbmdJZj1cImZpbGVVcGxvYWRTdGF0dXNNb2RlbC5zaG93U2VsZWN0ZWRmaWxlXCJcbiAgICAgIGNsYXNzPVwic2Z4LW1yLTEwIHNmeC10eHQtZ3JlZW4gZmlsZXVwbG9hZGljb25cIlxuICAgICAgW2ljb25dPVwiJ3NpLWNvbmZpcm1hdGlvbidcIlxuICAgICAgKGNsaWNrZWQpPVwib25jbG9zZVVwbG9hZENvbXBsZXRlKClcIlxuICAgID48L3N5bXBob255LWljb24+XG4gICAgPHN5bXBob255LWljb25cbiAgICAgICpuZ0lmPVwiZmlsZVVwbG9hZFN0YXR1c01vZGVsLnNob3dVcGxvYWRGYWlsZWRcIlxuICAgICAgY2xhc3M9XCJzZngtbXItMTAgc2Z4LXR4dC1yZWQgZmlsZXVwbG9hZGljb25cIlxuICAgICAgW2ljb25dPVwiJ3NpLXBlbmRpbmctaW5jb21wbGV0ZSdcIlxuICAgICAgKGNsaWNrZWQpPVwib25jbG9zZVVwbG9hZENvbXBsZXRlKClcIlxuICAgID48L3N5bXBob255LWljb24+XG4gICAgPHN5bXBob255LXBhcmFncmFwaFxuICAgICAgY2xhc3M9XCJzZngtbXItNDAgc2Z4LWZvbnQtYm9sZCBmaWxlLW5hbWVcIlxuICAgICAgW3RleHRdPVwiZmlsZVVwbG9hZFN0YXR1c01vZGVsLmZpbGVOYW1lXCJcbiAgICA+PC9zeW1waG9ueS1wYXJhZ3JhcGg+XG4gICAgPHN5bXBob255LXBhcmFncmFwaFxuICAgICAgY2xhc3M9XCJzZngtbWwtNDBcIlxuICAgICAgW3RleHRdPVwiZmlsZVVwbG9hZFN0YXR1c01vZGVsLmZpbGVTaXplXCJcbiAgICA+PC9zeW1waG9ueS1wYXJhZ3JhcGg+XG4gICAgPHN5bXBob255LWljb25cbiAgICAgICpuZ0lmPVwiZmlsZVVwbG9hZFN0YXR1c01vZGVsLnNob3dDbG9zZVwiXG4gICAgICBjbGFzcz1cInB1bGwtcmlnaHRcIlxuICAgICAgW2ljb25dPVwiJ3NpLWNsb3NlLW1vZGFsJ1wiXG4gICAgICAoY2xpY2tlZCk9XCJvbmNsb3NlVXBsb2FkQ29tcGxldGUoKVwiXG4gICAgPjwvc3ltcGhvbnktaWNvbj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJzZngtZmlsZS11cGxvYWRlZFwiPlxuICAgIDxzeW1waG9ueS1zZngtcHJvZ3Jlc3MtYmFyXG4gICAgICAqbmdJZj1cImZpbGVVcGxvYWRTdGF0dXNNb2RlbC5zaG93UHJvZ3Jlc3NCYXJcIlxuICAgICAgW3Byb2dyZXNzXT1cImZpbGVVcGxvYWRTdGF0dXNNb2RlbC5wcm9ncmVzc1wiXG4gICAgPjwvc3ltcGhvbnktc2Z4LXByb2dyZXNzLWJhcj5cbiAgICA8ZGl2XG4gICAgICAqbmdJZj1cIiFmaWxlVXBsb2FkU3RhdHVzTW9kZWwuc2hvd1Byb2dyZXNzQmFyXCJcbiAgICAgIGNsYXNzPVwicHJvZ3Jlc3MtYmFyLXNwYWNlclwiXG4gICAgPjwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuPCEtLSAoY2xpY2tlZCk9XCJjbG9zZVVwbG9hZENvbXBsZXRlKClcIiAtLT5cbiJdfQ==

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

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS11cGxvYWQtc3RhdHVzLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmlsZS11cGxvYWQtc3RhdHVzL2ZpbGUtdXBsb2FkLXN0YXR1cy5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBGaWxlVXBsb2FkU3RhdHVzTW9kZWwge1xuICBmaWxlTmFtZTogc3RyaW5nO1xuICBmaWxlU2l6ZTogc3RyaW5nO1xuICBzaG93UHJvZ3Jlc3NCYXI6IGJvb2xlYW47XG4gIHByb2dyZXNzOiBudW1iZXI7XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS11cGxvYWQtc3RhdHVzLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmlsZS11cGxvYWQtc3RhdHVzL2ZpbGUtdXBsb2FkLXN0YXR1cy5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBGaWxlVXBsb2FkU3RhdHVzTW9kZWwge1xuICBmaWxlTmFtZTogc3RyaW5nO1xuICBmaWxlU2l6ZTogc3RyaW5nO1xuICBzaG93UHJvZ3Jlc3NCYXI6IGJvb2xlYW47XG4gIHByb2dyZXNzOiBudW1iZXI7XG4gIHNob3dTZWxlY3RlZGZpbGU6IGJvb2xlYW47XG4gIHNob3dVcGxvYWRGYWlsZWQ6IGJvb2xlYW47XG4gIHNob3dDbG9zZTogYm9vbGVhbjtcbn1cbiJdfQ==

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/molecules/icon-with-tooltip/icon-with-tooltip.component.mjs

@@ -0,0 +1,17 @@
+import { Component, ViewEncapsulation, 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 "@angular/common";
+export class IconWithTooltipComponent {
+    constructor() { }
+}
+IconWithTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: IconWithTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+IconWithTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: IconWithTooltipComponent, selector: "symphony-icon-with-tooltip", inputs: { model: "model" }, ngImport: i0, template: "<div *ngIf=\"model\" class=\"sfx-d-inline-block tooltip-grey\">\n  <symphony-tooltip-wrapper\n    [placement]=\"model.placement\"\n    [tooltipHtml]=\"model.tooltipHtml\"\n  >\n    <symphony-icon [icon]=\"model.icon\"></symphony-icon>\n  </symphony-tooltip-wrapper>\n</div>\n", styles: [".tooltip-grey .tooltip{min-width:160px}.tooltip-grey .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.tooltip-grey .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.tooltip-grey .sfx-info-tooltip.item-tooltip.right{left:5px!important}.tooltip-grey .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.tooltip-grey .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.tooltip-grey .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.tooltip-grey .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.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ 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: IconWithTooltipComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'symphony-icon-with-tooltip', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"model\" class=\"sfx-d-inline-block tooltip-grey\">\n  <symphony-tooltip-wrapper\n    [placement]=\"model.placement\"\n    [tooltipHtml]=\"model.tooltipHtml\"\n  >\n    <symphony-icon [icon]=\"model.icon\"></symphony-icon>\n  </symphony-tooltip-wrapper>\n</div>\n", styles: [".tooltip-grey .tooltip{min-width:160px}.tooltip-grey .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.tooltip-grey .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.tooltip-grey .sfx-info-tooltip.item-tooltip.right{left:5px!important}.tooltip-grey .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.tooltip-grey .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.tooltip-grey .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.tooltip-grey .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { model: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi13aXRoLXRvb2x0aXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvaWNvbi13aXRoLXRvb2x0aXAvaWNvbi13aXRoLXRvb2x0aXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvaWNvbi13aXRoLXRvb2x0aXAvaWNvbi13aXRoLXRvb2x0aXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBU3BFLE1BQU0sT0FBTyx3QkFBd0I7SUFHbkMsZ0JBQWUsQ0FBQzs7cUhBSEwsd0JBQXdCO3lHQUF4Qix3QkFBd0IsOEZDVHJDLHFSQVFBOzJGRENhLHdCQUF3QjtrQkFOcEMsU0FBUzsrQkFDRSw0QkFBNEIsaUJBR3ZCLGlCQUFpQixDQUFDLElBQUk7MEVBRzVCLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24sIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJY29uV2l0aFRvb2x0aXBNb2RlbCB9IGZyb20gJy4vaWNvbi13aXRoLXRvb2x0aXAubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1pY29uLXdpdGgtdG9vbHRpcCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9pY29uLXdpdGgtdG9vbHRpcC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2ljb24td2l0aC10b29sdGlwLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgSWNvbldpdGhUb29sdGlwQ29tcG9uZW50IHtcbiAgQElucHV0KCkgbW9kZWw6IEljb25XaXRoVG9vbHRpcE1vZGVsO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cbn1cbiIsIjxkaXYgKm5nSWY9XCJtb2RlbFwiIGNsYXNzPVwic2Z4LWQtaW5saW5lLWJsb2NrIHRvb2x0aXAtZ3JleVwiPlxuICA8c3ltcGhvbnktdG9vbHRpcC13cmFwcGVyXG4gICAgW3BsYWNlbWVudF09XCJtb2RlbC5wbGFjZW1lbnRcIlxuICAgIFt0b29sdGlwSHRtbF09XCJtb2RlbC50b29sdGlwSHRtbFwiXG4gID5cbiAgICA8c3ltcGhvbnktaWNvbiBbaWNvbl09XCJtb2RlbC5pY29uXCI+PC9zeW1waG9ueS1pY29uPlxuICA8L3N5bXBob255LXRvb2x0aXAtd3JhcHBlcj5cbjwvZGl2PlxuIl19

package/esm2020/projects/component-library/lib/molecules/icon-with-tooltip/icon-with-tooltip.model.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi13aXRoLXRvb2x0aXAubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL21vbGVjdWxlcy9pY29uLXdpdGgtdG9vbHRpcC9pY29uLXdpdGgtdG9vbHRpcC5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSWNvbnMgfSBmcm9tICcuLi8uLi9hdG9tcy9pY29uL2ljb24uZW51bSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSWNvbldpdGhUb29sdGlwTW9kZWwge1xuICBpY29uOiBJY29ucztcbiAgdG9vbHRpcEh0bWw6IHN0cmluZztcbiAgcGxhY2VtZW50Pzogc3RyaW5nO1xufVxuIl19

package/esm2020/projects/component-library/lib/molecules/icon-with-tooltip/icon-with-tooltip.module.mjs

@@ -0,0 +1,20 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { IconWithTooltipComponent } from './icon-with-tooltip.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 IconWithTooltipModule {
+}
+IconWithTooltipModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: IconWithTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+IconWithTooltipModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: IconWithTooltipModule, declarations: [IconWithTooltipComponent], imports: [CommonModule, IconModule, TooltipWrapperModule], exports: [IconWithTooltipComponent] });
+IconWithTooltipModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: IconWithTooltipModule, imports: [[CommonModule, IconModule, TooltipWrapperModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: IconWithTooltipModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [IconWithTooltipComponent],
+                    imports: [CommonModule, IconModule, TooltipWrapperModule],
+                    exports: [IconWithTooltipComponent]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi13aXRoLXRvb2x0aXAubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvaWNvbi13aXRoLXRvb2x0aXAvaWNvbi13aXRoLXRvb2x0aXAubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ3pFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxvREFBb0QsQ0FBQzs7QUFPMUYsTUFBTSxPQUFPLHFCQUFxQjs7a0hBQXJCLHFCQUFxQjttSEFBckIscUJBQXFCLGlCQUpqQix3QkFBd0IsYUFDN0IsWUFBWSxFQUFFLFVBQVUsRUFBRSxvQkFBb0IsYUFDOUMsd0JBQXdCO21IQUV2QixxQkFBcUIsWUFIdkIsQ0FBQyxZQUFZLEVBQUUsVUFBVSxFQUFFLG9CQUFvQixDQUFDOzJGQUc5QyxxQkFBcUI7a0JBTGpDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsd0JBQXdCLENBQUM7b0JBQ3hDLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxVQUFVLEVBQUUsb0JBQW9CLENBQUM7b0JBQ3pELE9BQU8sRUFBRSxDQUFDLHdCQUF3QixDQUFDO2lCQUNwQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgSWNvbldpdGhUb29sdGlwQ29tcG9uZW50IH0gZnJvbSAnLi9pY29uLXdpdGgtdG9vbHRpcC5jb21wb25lbnQnO1xuaW1wb3J0IHsgSWNvbk1vZHVsZSB9IGZyb20gJy4uLy4uL2F0b21zL2ljb24vaWNvbi5tb2R1bGUnO1xuaW1wb3J0IHsgVG9vbHRpcFdyYXBwZXJNb2R1bGUgfSBmcm9tICcuLi8uLi9hdG9tcy90b29sdGlwLXdyYXBwZXIvdG9vbHRpcC13cmFwcGVyLm1vZHVsZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0ljb25XaXRoVG9vbHRpcENvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEljb25Nb2R1bGUsIFRvb2x0aXBXcmFwcGVyTW9kdWxlXSxcbiAgZXhwb3J0czogW0ljb25XaXRoVG9vbHRpcENvbXBvbmVudF1cbn0pXG5leHBvcnQgY2xhc3MgSWNvbldpdGhUb29sdGlwTW9kdWxlIHt9XG4iXX0=

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

@@ -13,6 +13,7 @@ import { SfxAccordionHeaderModule } from './sfx-accordion-header/sfx-accordion-h
 import { FileUploadModule } from './file-upload/file-upload.module';
 import { FileUploadStatusModule } from './file-upload-status/file-upload-status.module';
 import { ButtonWithIconModule } from './button-with-icon/button-with-icon.module';
+import { IconWithTooltipModule } from './icon-with-tooltip/icon-with-tooltip.module';
 import { DocumentManagementItemModule } from './document-management-item/document-management-item.module';
 import * as i0 from "@angular/core";
 export class MoleculesModule {
@@ -33,7 +34,11 @@ MoleculesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version
         FileUploadStatusModule,
         FeedbackCardModule,
         ButtonWithIconModule,
-        DocumentManagementItemModule], exports: [PillsModule, BreadcrumbModule, FeedbackCardModule, DocumentManagementItemModule] });
+        IconWithTooltipModule,
+        DocumentManagementItemModule], exports: [PillsModule,
+        BreadcrumbModule,
+        FeedbackCardModule,
+        DocumentManagementItemModule] });
 MoleculesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MoleculesModule, imports: [[
             CommonModule,
             AvatarModule,
@@ -50,8 +55,12 @@ MoleculesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
             FileUploadStatusModule,
             FeedbackCardModule,
             ButtonWithIconModule,
+            IconWithTooltipModule,
             DocumentManagementItemModule
-        ], PillsModule, BreadcrumbModule, FeedbackCardModule, DocumentManagementItemModule] });
+        ], PillsModule,
+        BreadcrumbModule,
+        FeedbackCardModule,
+        DocumentManagementItemModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MoleculesModule, decorators: [{
             type: NgModule,
             args: [{
@@ -72,9 +81,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                         FileUploadStatusModule,
                         FeedbackCardModule,
                         ButtonWithIconModule,
+                        IconWithTooltipModule,
                         DocumentManagementItemModule
                     ],
-                    exports: [PillsModule, BreadcrumbModule, FeedbackCardModule, DocumentManagementItemModule]
+                    exports: [
+                        PillsModule,
+                        BreadcrumbModule,
+                        FeedbackCardModule,
+                        DocumentManagementItemModule
+                    ]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9sZWN1bGVzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvbW9sZWN1bGVzL21vbGVjdWxlcy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQzdELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNuRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUN2RSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNwRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNsRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxpREFBaUQsQ0FBQztBQUN2RixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUN0RSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQztBQUNyRixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUMxRSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxvREFBb0QsQ0FBQztBQUM5RixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNwRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQztBQUN4RixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUNsRixPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSw0REFBNEQsQ0FBQzs7QUF3QjFHLE1BQU0sT0FBTyxlQUFlOzs0R0FBZixlQUFlOzZHQUFmLGVBQWUsWUFuQnhCLFlBQVk7UUFDWixZQUFZO1FBQ1osb0JBQW9CO1FBQ3BCLFdBQVc7UUFDWCxpQkFBaUI7UUFDakIsZ0JBQWdCO1FBQ2hCLGdCQUFnQjtRQUNoQixnQkFBZ0I7UUFDaEIscUJBQXFCO1FBQ3JCLGtCQUFrQjtRQUNsQix3QkFBd0I7UUFDeEIsZ0JBQWdCO1FBQ2hCLHNCQUFzQjtRQUN0QixrQkFBa0I7UUFDbEIsb0JBQW9CO1FBQ3BCLDRCQUE0QixhQUVwQixXQUFXLEVBQUUsZ0JBQWdCLEVBQUUsa0JBQWtCLEVBQUUsNEJBQTRCOzZHQUU5RSxlQUFlLFlBcEJqQjtZQUNQLFlBQVk7WUFDWixZQUFZO1lBQ1osb0JBQW9CO1lBQ3BCLFdBQVc7WUFDWCxpQkFBaUI7WUFDakIsZ0JBQWdCO1lBQ2hCLGdCQUFnQjtZQUNoQixnQkFBZ0I7WUFDaEIscUJBQXFCO1lBQ3JCLGtCQUFrQjtZQUNsQix3QkFBd0I7WUFDeEIsZ0JBQWdCO1lBQ2hCLHNCQUFzQjtZQUN0QixrQkFBa0I7WUFDbEIsb0JBQW9CO1lBQ3BCLDRCQUE0QjtTQUM3QixFQUNTLFdBQVcsRUFBRSxnQkFBZ0IsRUFBRSxrQkFBa0IsRUFBRSw0QkFBNEI7MkZBRTlFLGVBQWU7a0JBdEIzQixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxFQUFFO29CQUNoQixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixZQUFZO3dCQUNaLG9CQUFvQjt3QkFDcEIsV0FBVzt3QkFDWCxpQkFBaUI7d0JBQ2pCLGdCQUFnQjt3QkFDaEIsZ0JBQWdCO3dCQUNoQixnQkFBZ0I7d0JBQ2hCLHFCQUFxQjt3QkFDckIsa0JBQWtCO3dCQUNsQix3QkFBd0I7d0JBQ3hCLGdCQUFnQjt3QkFDaEIsc0JBQXNCO3dCQUN0QixrQkFBa0I7d0JBQ2xCLG9CQUFvQjt3QkFDcEIsNEJBQTRCO3FCQUM3QjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxXQUFXLEVBQUUsZ0JBQWdCLEVBQUUsa0JBQWtCLEVBQUUsNEJBQTRCLENBQUM7aUJBQzNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBBdmF0YXJNb2R1bGUgfSBmcm9tICcuLi9hdG9tcy9hdmF0YXIvYXZhdGFyLm1vZHVsZSc7XG5pbXBvcnQgeyBQaWxsc01vZHVsZSB9IGZyb20gJy4vcGlsbHMvcGlsbHMubW9kdWxlJztcbmltcG9ydCB7IENvbG9yU3dhdGNoTW9kdWxlIH0gZnJvbSAnLi9jb2xvci1zd2F0Y2gvY29sb3Itc3dhdGNoLm1vZHVsZSc7XG5pbXBvcnQgeyBJY29uU3dhdGNoTW9kdWxlIH0gZnJvbSAnLi9pY29uLXN3YXRjaC9pY29uLXN3YXRjaC5tb2R1bGUnO1xuaW1wb3J0IHsgQnJlYWRjcnVtYk1vZHVsZSB9IGZyb20gJy4vYnJlYWRjcnVtYi9icmVhZGNydW1iLm1vZHVsZSc7XG5pbXBvcnQgeyBDb250ZXh0dWFsTWVudU1vZHVsZSB9IGZyb20gJy4uL2F0b21zL2NvbnRleHR1YWwtbWVudS9jb250ZXh0dWFsLW1lbnUubW9kdWxlJztcbmltcG9ydCB7IEg1V2l0aEljb25Nb2R1bGUgfSBmcm9tICcuL2g1LXdpdGgtaWNvbi9oNS13aXRoLWljb24ubW9kdWxlJztcbmltcG9ydCB7IEludm9pY2VMaW5lSXRlbU1vZHVsZSB9IGZyb20gJy4vaW52b2ljZS1saW5lLWl0ZW0vaW52b2ljZS1saW5lLWl0ZW0ubW9kdWxlJztcbmltcG9ydCB7IEZlZWRiYWNrQ2FyZE1vZHVsZSB9IGZyb20gJy4vZmVlZGJhY2stY2FyZC9mZWVkYmFjay1jYXJkLm1vZHVsZSc7XG5pbXBvcnQgeyBTZnhBY2NvcmRpb25IZWFkZXJNb2R1bGUgfSBmcm9tICcuL3NmeC1hY2NvcmRpb24taGVhZGVyL3NmeC1hY2NvcmRpb24taGVhZGVyLm1vZHVsZSc7XG5pbXBvcnQgeyBGaWxlVXBsb2FkTW9kdWxlIH0gZnJvbSAnLi9maWxlLXVwbG9hZC9maWxlLXVwbG9hZC5tb2R1bGUnO1xuaW1wb3J0IHsgRmlsZVVwbG9hZFN0YXR1c01vZHVsZSB9IGZyb20gJy4vZmlsZS11cGxvYWQtc3RhdHVzL2ZpbGUtdXBsb2FkLXN0YXR1cy5tb2R1bGUnO1xuaW1wb3J0IHsgQnV0dG9uV2l0aEljb25Nb2R1bGUgfSBmcm9tICcuL2J1dHRvbi13aXRoLWljb24vYnV0dG9uLXdpdGgtaWNvbi5tb2R1bGUnO1xuaW1wb3J0IHsgRG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZHVsZSB9IGZyb20gJy4vZG9jdW1lbnQtbWFuYWdlbWVudC1pdGVtL2RvY3VtZW50LW1hbmFnZW1lbnQtaXRlbS5tb2R1bGUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEF2YXRhck1vZHVsZSxcbiAgICBDb250ZXh0dWFsTWVudU1vZHVsZSxcbiAgICBQaWxsc01vZHVsZSxcbiAgICBDb2xvclN3YXRjaE1vZHVsZSxcbiAgICBJY29uU3dhdGNoTW9kdWxlLFxuICAgIEJyZWFkY3J1bWJNb2R1bGUsXG4gICAgSDVXaXRoSWNvbk1vZHVsZSxcbiAgICBJbnZvaWNlTGluZUl0ZW1Nb2R1bGUsXG4gICAgRmVlZGJhY2tDYXJkTW9kdWxlLFxuICAgIFNmeEFjY29yZGlvbkhlYWRlck1vZHVsZSxcbiAgICBGaWxlVXBsb2FkTW9kdWxlLFxuICAgIEZpbGVVcGxvYWRTdGF0dXNNb2R1bGUsXG4gICAgRmVlZGJhY2tDYXJkTW9kdWxlLFxuICAgIEJ1dHRvbldpdGhJY29uTW9kdWxlLFxuICAgIERvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2R1bGVcbiAgXSxcbiAgZXhwb3J0czogW1BpbGxzTW9kdWxlLCBCcmVhZGNydW1iTW9kdWxlLCBGZWVkYmFja0NhcmRNb2R1bGUsIERvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2R1bGVdXG59KVxuZXhwb3J0IGNsYXNzIE1vbGVjdWxlc01vZHVsZSB7fVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9sZWN1bGVzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvbW9sZWN1bGVzL21vbGVjdWxlcy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQzdELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNuRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUN2RSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNwRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNsRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxpREFBaUQsQ0FBQztBQUN2RixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUN0RSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQztBQUNyRixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUMxRSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxvREFBb0QsQ0FBQztBQUM5RixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNwRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQztBQUN4RixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUNsRixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQztBQUNyRixPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSw0REFBNEQsQ0FBQzs7QUE4QjFHLE1BQU0sT0FBTyxlQUFlOzs0R0FBZixlQUFlOzZHQUFmLGVBQWUsWUF6QnhCLFlBQVk7UUFDWixZQUFZO1FBQ1osb0JBQW9CO1FBQ3BCLFdBQVc7UUFDWCxpQkFBaUI7UUFDakIsZ0JBQWdCO1FBQ2hCLGdCQUFnQjtRQUNoQixnQkFBZ0I7UUFDaEIscUJBQXFCO1FBQ3JCLGtCQUFrQjtRQUNsQix3QkFBd0I7UUFDeEIsZ0JBQWdCO1FBQ2hCLHNCQUFzQjtRQUN0QixrQkFBa0I7UUFDbEIsb0JBQW9CO1FBQ3BCLHFCQUFxQjtRQUNyQiw0QkFBNEIsYUFHNUIsV0FBVztRQUNYLGdCQUFnQjtRQUNoQixrQkFBa0I7UUFDbEIsNEJBQTRCOzZHQUduQixlQUFlLFlBMUJqQjtZQUNQLFlBQVk7WUFDWixZQUFZO1lBQ1osb0JBQW9CO1lBQ3BCLFdBQVc7WUFDWCxpQkFBaUI7WUFDakIsZ0JBQWdCO1lBQ2hCLGdCQUFnQjtZQUNoQixnQkFBZ0I7WUFDaEIscUJBQXFCO1lBQ3JCLGtCQUFrQjtZQUNsQix3QkFBd0I7WUFDeEIsZ0JBQWdCO1lBQ2hCLHNCQUFzQjtZQUN0QixrQkFBa0I7WUFDbEIsb0JBQW9CO1lBQ3BCLHFCQUFxQjtZQUNyQiw0QkFBNEI7U0FDN0IsRUFFQyxXQUFXO1FBQ1gsZ0JBQWdCO1FBQ2hCLGtCQUFrQjtRQUNsQiw0QkFBNEI7MkZBR25CLGVBQWU7a0JBNUIzQixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxFQUFFO29CQUNoQixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixZQUFZO3dCQUNaLG9CQUFvQjt3QkFDcEIsV0FBVzt3QkFDWCxpQkFBaUI7d0JBQ2pCLGdCQUFnQjt3QkFDaEIsZ0JBQWdCO3dCQUNoQixnQkFBZ0I7d0JBQ2hCLHFCQUFxQjt3QkFDckIsa0JBQWtCO3dCQUNsQix3QkFBd0I7d0JBQ3hCLGdCQUFnQjt3QkFDaEIsc0JBQXNCO3dCQUN0QixrQkFBa0I7d0JBQ2xCLG9CQUFvQjt3QkFDcEIscUJBQXFCO3dCQUNyQiw0QkFBNEI7cUJBQzdCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxXQUFXO3dCQUNYLGdCQUFnQjt3QkFDaEIsa0JBQWtCO3dCQUNsQiw0QkFBNEI7cUJBQzdCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBBdmF0YXJNb2R1bGUgfSBmcm9tICcuLi9hdG9tcy9hdmF0YXIvYXZhdGFyLm1vZHVsZSc7XG5pbXBvcnQgeyBQaWxsc01vZHVsZSB9IGZyb20gJy4vcGlsbHMvcGlsbHMubW9kdWxlJztcbmltcG9ydCB7IENvbG9yU3dhdGNoTW9kdWxlIH0gZnJvbSAnLi9jb2xvci1zd2F0Y2gvY29sb3Itc3dhdGNoLm1vZHVsZSc7XG5pbXBvcnQgeyBJY29uU3dhdGNoTW9kdWxlIH0gZnJvbSAnLi9pY29uLXN3YXRjaC9pY29uLXN3YXRjaC5tb2R1bGUnO1xuaW1wb3J0IHsgQnJlYWRjcnVtYk1vZHVsZSB9IGZyb20gJy4vYnJlYWRjcnVtYi9icmVhZGNydW1iLm1vZHVsZSc7XG5pbXBvcnQgeyBDb250ZXh0dWFsTWVudU1vZHVsZSB9IGZyb20gJy4uL2F0b21zL2NvbnRleHR1YWwtbWVudS9jb250ZXh0dWFsLW1lbnUubW9kdWxlJztcbmltcG9ydCB7IEg1V2l0aEljb25Nb2R1bGUgfSBmcm9tICcuL2g1LXdpdGgtaWNvbi9oNS13aXRoLWljb24ubW9kdWxlJztcbmltcG9ydCB7IEludm9pY2VMaW5lSXRlbU1vZHVsZSB9IGZyb20gJy4vaW52b2ljZS1saW5lLWl0ZW0vaW52b2ljZS1saW5lLWl0ZW0ubW9kdWxlJztcbmltcG9ydCB7IEZlZWRiYWNrQ2FyZE1vZHVsZSB9IGZyb20gJy4vZmVlZGJhY2stY2FyZC9mZWVkYmFjay1jYXJkLm1vZHVsZSc7XG5pbXBvcnQgeyBTZnhBY2NvcmRpb25IZWFkZXJNb2R1bGUgfSBmcm9tICcuL3NmeC1hY2NvcmRpb24taGVhZGVyL3NmeC1hY2NvcmRpb24taGVhZGVyLm1vZHVsZSc7XG5pbXBvcnQgeyBGaWxlVXBsb2FkTW9kdWxlIH0gZnJvbSAnLi9maWxlLXVwbG9hZC9maWxlLXVwbG9hZC5tb2R1bGUnO1xuaW1wb3J0IHsgRmlsZVVwbG9hZFN0YXR1c01vZHVsZSB9IGZyb20gJy4vZmlsZS11cGxvYWQtc3RhdHVzL2ZpbGUtdXBsb2FkLXN0YXR1cy5tb2R1bGUnO1xuaW1wb3J0IHsgQnV0dG9uV2l0aEljb25Nb2R1bGUgfSBmcm9tICcuL2J1dHRvbi13aXRoLWljb24vYnV0dG9uLXdpdGgtaWNvbi5tb2R1bGUnO1xuaW1wb3J0IHsgSWNvbldpdGhUb29sdGlwTW9kdWxlIH0gZnJvbSAnLi9pY29uLXdpdGgtdG9vbHRpcC9pY29uLXdpdGgtdG9vbHRpcC5tb2R1bGUnO1xuaW1wb3J0IHsgRG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZHVsZSB9IGZyb20gJy4vZG9jdW1lbnQtbWFuYWdlbWVudC1pdGVtL2RvY3VtZW50LW1hbmFnZW1lbnQtaXRlbS5tb2R1bGUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEF2YXRhck1vZHVsZSxcbiAgICBDb250ZXh0dWFsTWVudU1vZHVsZSxcbiAgICBQaWxsc01vZHVsZSxcbiAgICBDb2xvclN3YXRjaE1vZHVsZSxcbiAgICBJY29uU3dhdGNoTW9kdWxlLFxuICAgIEJyZWFkY3J1bWJNb2R1bGUsXG4gICAgSDVXaXRoSWNvbk1vZHVsZSxcbiAgICBJbnZvaWNlTGluZUl0ZW1Nb2R1bGUsXG4gICAgRmVlZGJhY2tDYXJkTW9kdWxlLFxuICAgIFNmeEFjY29yZGlvbkhlYWRlck1vZHVsZSxcbiAgICBGaWxlVXBsb2FkTW9kdWxlLFxuICAgIEZpbGVVcGxvYWRTdGF0dXNNb2R1bGUsXG4gICAgRmVlZGJhY2tDYXJkTW9kdWxlLFxuICAgIEJ1dHRvbldpdGhJY29uTW9kdWxlLFxuICAgIEljb25XaXRoVG9vbHRpcE1vZHVsZSxcbiAgICBEb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kdWxlXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBQaWxsc01vZHVsZSxcbiAgICBCcmVhZGNydW1iTW9kdWxlLFxuICAgIEZlZWRiYWNrQ2FyZE1vZHVsZSxcbiAgICBEb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kdWxlXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgTW9sZWN1bGVzTW9kdWxlIHt9XG4iXX0=

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/action-bar-advertise-job-list/action-bar-advertise-job-list.component.mjs

@@ -0,0 +1,32 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../action-bar/action-bar.component";
+import * as i2 from "../grid-controls/grid-controls.component";
+import * as i3 from "../grid-actions/grid-actions.component";
+export class ActionBarAdvertiseJobListComponent {
+    constructor() {
+        this.gridControlClick = new EventEmitter();
+        this.gridActionClick = new EventEmitter();
+    }
+    onGridControlClick(gridControlsModel) {
+        this.gridControlClick.emit(gridControlsModel);
+    }
+    onGridActionClick(gridActionModel) {
+        this.gridActionClick.emit(gridActionModel);
+    }
+}
+ActionBarAdvertiseJobListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ActionBarAdvertiseJobListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ActionBarAdvertiseJobListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ActionBarAdvertiseJobListComponent, selector: "symphony-action-bar-advertise-job-list", inputs: { gridActionModel: "gridActionModel", gridControlsModel: "gridControlsModel" }, outputs: { gridControlClick: "gridControlClick", gridActionClick: "gridActionClick" }, ngImport: i0, template: "<symphony-action-bar>\n  <symphony-grid-controls\n    (Clicked)=\"onGridControlClick($event)\"\n    (menuClicked)=\"onGridControlClick($event)\"\n    [model]=\"gridControlsModel\"\n    grid-controls\n  ></symphony-grid-controls>\n  <symphony-grid-actions\n    (buttonClicked)=\"onGridActionClick($event)\"\n    [model]=\"gridActionModel\"\n    grid-actions\n  ></symphony-grid-actions>\n</symphony-action-bar>\n", styles: [""], components: [{ type: i1.ActionBarComponent, selector: "symphony-action-bar", inputs: ["isToggled"], outputs: ["toggleClick"] }, { type: i2.GridControlsComponent, selector: "symphony-grid-controls", inputs: ["model"], outputs: ["Clicked", "menuClicked"] }, { type: i3.GridActionsComponent, selector: "symphony-grid-actions", inputs: ["model", "isInverse"], outputs: ["buttonClicked"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ActionBarAdvertiseJobListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'symphony-action-bar-advertise-job-list', template: "<symphony-action-bar>\n  <symphony-grid-controls\n    (Clicked)=\"onGridControlClick($event)\"\n    (menuClicked)=\"onGridControlClick($event)\"\n    [model]=\"gridControlsModel\"\n    grid-controls\n  ></symphony-grid-controls>\n  <symphony-grid-actions\n    (buttonClicked)=\"onGridActionClick($event)\"\n    [model]=\"gridActionModel\"\n    grid-actions\n  ></symphony-grid-actions>\n</symphony-action-bar>\n", styles: [""] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { gridActionModel: [{
+                type: Input
+            }], gridControlsModel: [{
+                type: Input
+            }], gridControlClick: [{
+                type: Output
+            }], gridActionClick: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJhci1hZHZlcnRpc2Utam9iLWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvYWN0aW9uLWJhci1hZHZlcnRpc2Utam9iLWxpc3QvYWN0aW9uLWJhci1hZHZlcnRpc2Utam9iLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvYWN0aW9uLWJhci1hZHZlcnRpc2Utam9iLWxpc3QvYWN0aW9uLWJhci1hZHZlcnRpc2Utam9iLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFTdkUsTUFBTSxPQUFPLGtDQUFrQztJQUs3QztRQUZVLHFCQUFnQixHQUFHLElBQUksWUFBWSxFQUFxQixDQUFDO1FBQ3pELG9CQUFlLEdBQUcsSUFBSSxZQUFZLEVBQW9CLENBQUM7SUFDbEQsQ0FBQztJQUNoQixrQkFBa0IsQ0FBQyxpQkFBaUI7UUFDbEMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO0lBQ2hELENBQUM7SUFDRCxpQkFBaUIsQ0FBQyxlQUFlO1FBQy9CLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDO0lBQzdDLENBQUM7OytIQVhVLGtDQUFrQzttSEFBbEMsa0NBQWtDLDZQQ1QvQyw2WkFhQTsyRkRKYSxrQ0FBa0M7a0JBTDlDLFNBQVM7K0JBQ0Usd0NBQXdDOzBFQUt6QyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFDSSxnQkFBZ0I7c0JBQXpCLE1BQU07Z0JBQ0csZUFBZTtzQkFBeEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBHcmlkQWN0aW9uc01vZGVsIH0gZnJvbSAnLi4vZ3JpZC1hY3Rpb25zL2dyaWQtYWN0aW9ucy5tb2RlbCc7XG5pbXBvcnQgeyBHcmlkQ29udHJvbHNNb2RlbCB9IGZyb20gJy4uL2dyaWQtY29udHJvbHMvZ3JpZC1jb250cm9scy5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWFjdGlvbi1iYXItYWR2ZXJ0aXNlLWpvYi1saXN0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FjdGlvbi1iYXItYWR2ZXJ0aXNlLWpvYi1saXN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYWN0aW9uLWJhci1hZHZlcnRpc2Utam9iLWxpc3QuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBBY3Rpb25CYXJBZHZlcnRpc2VKb2JMaXN0Q29tcG9uZW50IHtcbiAgQElucHV0KCkgZ3JpZEFjdGlvbk1vZGVsOiBHcmlkQWN0aW9uc01vZGVsW107XG4gIEBJbnB1dCgpIGdyaWRDb250cm9sc01vZGVsOiBHcmlkQ29udHJvbHNNb2RlbDtcbiAgQE91dHB1dCgpIGdyaWRDb250cm9sQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPEdyaWRDb250cm9sc01vZGVsPigpO1xuICBAT3V0cHV0KCkgZ3JpZEFjdGlvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxHcmlkQWN0aW9uc01vZGVsPigpO1xuICBjb25zdHJ1Y3RvcigpIHt9XG4gIG9uR3JpZENvbnRyb2xDbGljayhncmlkQ29udHJvbHNNb2RlbCkge1xuICAgIHRoaXMuZ3JpZENvbnRyb2xDbGljay5lbWl0KGdyaWRDb250cm9sc01vZGVsKTtcbiAgfVxuICBvbkdyaWRBY3Rpb25DbGljayhncmlkQWN0aW9uTW9kZWwpIHtcbiAgICB0aGlzLmdyaWRBY3Rpb25DbGljay5lbWl0KGdyaWRBY3Rpb25Nb2RlbCk7XG4gIH1cbn1cbiIsIjxzeW1waG9ueS1hY3Rpb24tYmFyPlxuICA8c3ltcGhvbnktZ3JpZC1jb250cm9sc1xuICAgIChDbGlja2VkKT1cIm9uR3JpZENvbnRyb2xDbGljaygkZXZlbnQpXCJcbiAgICAobWVudUNsaWNrZWQpPVwib25HcmlkQ29udHJvbENsaWNrKCRldmVudClcIlxuICAgIFttb2RlbF09XCJncmlkQ29udHJvbHNNb2RlbFwiXG4gICAgZ3JpZC1jb250cm9sc1xuICA+PC9zeW1waG9ueS1ncmlkLWNvbnRyb2xzPlxuICA8c3ltcGhvbnktZ3JpZC1hY3Rpb25zXG4gICAgKGJ1dHRvbkNsaWNrZWQpPVwib25HcmlkQWN0aW9uQ2xpY2soJGV2ZW50KVwiXG4gICAgW21vZGVsXT1cImdyaWRBY3Rpb25Nb2RlbFwiXG4gICAgZ3JpZC1hY3Rpb25zXG4gID48L3N5bXBob255LWdyaWQtYWN0aW9ucz5cbjwvc3ltcGhvbnktYWN0aW9uLWJhcj5cbiJdfQ==

package/esm2020/projects/component-library/lib/organisms/action-bar-advertise-job-list/action-bar-advertise-job-list.module.mjs

@@ -0,0 +1,34 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ActionBarAdvertiseJobListComponent } from './action-bar-advertise-job-list.component';
+import { GridActionsModule } from '../grid-actions/grid-actions.module';
+import { ActionBarModule } from '../action-bar/action-bar.module';
+import { GridControlsModule } from '../grid-controls/grid-controls.module';
+import * as i0 from "@angular/core";
+export class ActionBarAdvertiseJobListModule {
+}
+ActionBarAdvertiseJobListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ActionBarAdvertiseJobListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ActionBarAdvertiseJobListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ActionBarAdvertiseJobListModule, declarations: [ActionBarAdvertiseJobListComponent], imports: [CommonModule,
+        GridActionsModule,
+        ActionBarModule,
+        GridControlsModule], exports: [ActionBarAdvertiseJobListComponent] });
+ActionBarAdvertiseJobListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ActionBarAdvertiseJobListModule, imports: [[
+            CommonModule,
+            GridActionsModule,
+            ActionBarModule,
+            GridControlsModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ActionBarAdvertiseJobListModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ActionBarAdvertiseJobListComponent],
+                    imports: [
+                        CommonModule,
+                        GridActionsModule,
+                        ActionBarModule,
+                        GridControlsModule
+                    ],
+                    exports: [ActionBarAdvertiseJobListComponent]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJhci1hZHZlcnRpc2Utam9iLWxpc3QubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvYWN0aW9uLWJhci1hZHZlcnRpc2Utam9iLWxpc3QvYWN0aW9uLWJhci1hZHZlcnRpc2Utam9iLWxpc3QubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxrQ0FBa0MsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQy9GLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ3hFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUNsRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQzs7QUFZM0UsTUFBTSxPQUFPLCtCQUErQjs7NEhBQS9CLCtCQUErQjs2SEFBL0IsK0JBQStCLGlCQVQzQixrQ0FBa0MsYUFFL0MsWUFBWTtRQUNaLGlCQUFpQjtRQUNqQixlQUFlO1FBQ2Ysa0JBQWtCLGFBRVYsa0NBQWtDOzZIQUVqQywrQkFBK0IsWUFSakM7WUFDUCxZQUFZO1lBQ1osaUJBQWlCO1lBQ2pCLGVBQWU7WUFDZixrQkFBa0I7U0FDbkI7MkZBR1UsK0JBQStCO2tCQVYzQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLGtDQUFrQyxDQUFDO29CQUNsRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixpQkFBaUI7d0JBQ2pCLGVBQWU7d0JBQ2Ysa0JBQWtCO3FCQUNuQjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxrQ0FBa0MsQ0FBQztpQkFDOUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEFjdGlvbkJhckFkdmVydGlzZUpvYkxpc3RDb21wb25lbnQgfSBmcm9tICcuL2FjdGlvbi1iYXItYWR2ZXJ0aXNlLWpvYi1saXN0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBHcmlkQWN0aW9uc01vZHVsZSB9IGZyb20gJy4uL2dyaWQtYWN0aW9ucy9ncmlkLWFjdGlvbnMubW9kdWxlJztcbmltcG9ydCB7IEFjdGlvbkJhck1vZHVsZSB9IGZyb20gJy4uL2FjdGlvbi1iYXIvYWN0aW9uLWJhci5tb2R1bGUnO1xuaW1wb3J0IHsgR3JpZENvbnRyb2xzTW9kdWxlIH0gZnJvbSAnLi4vZ3JpZC1jb250cm9scy9ncmlkLWNvbnRyb2xzLm1vZHVsZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0FjdGlvbkJhckFkdmVydGlzZUpvYkxpc3RDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEdyaWRBY3Rpb25zTW9kdWxlLFxuICAgIEFjdGlvbkJhck1vZHVsZSxcbiAgICBHcmlkQ29udHJvbHNNb2R1bGVcbiAgXSxcbiAgZXhwb3J0czogW0FjdGlvbkJhckFkdmVydGlzZUpvYkxpc3RDb21wb25lbnRdXG59KVxuZXhwb3J0IGNsYXNzIEFjdGlvbkJhckFkdmVydGlzZUpvYkxpc3RNb2R1bGUge31cbiJdfQ==