@symphony-talent/component-library 4.57.0 → 4.59.0

package/esm2020/lib/atoms/button-v2/button.component.mjs

@@ -8,9 +8,9 @@ export class ButtonV2Component extends ButtonComponent {
     }
 }
 ButtonV2Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ButtonV2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ButtonV2Component, selector: "symphony-button-v2", usesInheritance: true, ngImport: i0, template: "<div class=\"v2\">\n  <button\n    class=\"btn sb-sfx-btn\"\n    [ngClass]=\"{\n      'btn-secondary': isSecondary,\n      'btn-primary': !isSecondary,\n      'is-inverse': isInverse\n    }\"\n    (click)=\"onClick()\"\n    [disabled]=\"disabled\"\n  >\n    {{ text }}\n  </button>\n</div>\n", styles: [".v2 button{outline:none}.v2 .btn{padding-left:35px;padding-right:35px;border-radius:30px;height:40px;font-family:runda,sans-serif;letter-spacing:.4px}.v2 .btn.sb-sfx-btn{border-radius:30px!important;font-weight:700!important}.v2 .btn:focus{outline:none}.v2 .btn:disabled{cursor:not-allowed;opacity:70%}.v2 .btn:disabled:hover{opacity:70%}.v2 .btn-primary{background:#2B8FF3!important;color:#fff;border:1px solid #FFF}.v2 .btn-primary:hover{opacity:90%}.v2 .btn-secondary{background:#fff;color:#2b8ff3;border:1px solid #2B8FF3}.v2 .btn-secondary:hover{opacity:90%}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+ButtonV2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ButtonV2Component, selector: "symphony-button-v2", usesInheritance: true, ngImport: i0, template: "<div class=\"v2\">\n  <button\n    class=\"btn sb-sfx-btn\"\n    [ngClass]=\"{\n      'btn-secondary': isSecondary,\n      'btn-primary': !isSecondary,\n      'is-inverse': isInverse\n    }\"\n    (click)=\"onClick()\"\n    [disabled]=\"disabled\"\n  >\n    {{ text }}\n  </button>\n</div>\n", styles: [".v2 button{outline:none}.v2 .btn{padding-left:35px;padding-right:35px;border-radius:30px;height:40px;font-family:runda,sans-serif;letter-spacing:.4px}.v2 .btn.sb-sfx-btn{border-radius:30px!important;font-weight:700!important}.v2 .btn:focus{outline:none}.v2 .btn:disabled{cursor:not-allowed;opacity:70%}.v2 .btn:disabled:hover{opacity:70%}.v2 .btn-primary{background:#2B8FF3!important;color:#fff;border:1px solid #FFF}.v2 .btn-primary:hover{opacity:90%}.v2 .btn-secondary{background:#fff;color:#000;border:2px solid #000000}.v2 .btn-secondary:hover{opacity:90%}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonV2Component, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-button-v2', template: "<div class=\"v2\">\n  <button\n    class=\"btn sb-sfx-btn\"\n    [ngClass]=\"{\n      'btn-secondary': isSecondary,\n      'btn-primary': !isSecondary,\n      'is-inverse': isInverse\n    }\"\n    (click)=\"onClick()\"\n    [disabled]=\"disabled\"\n  >\n    {{ text }}\n  </button>\n</div>\n", styles: [".v2 button{outline:none}.v2 .btn{padding-left:35px;padding-right:35px;border-radius:30px;height:40px;font-family:runda,sans-serif;letter-spacing:.4px}.v2 .btn.sb-sfx-btn{border-radius:30px!important;font-weight:700!important}.v2 .btn:focus{outline:none}.v2 .btn:disabled{cursor:not-allowed;opacity:70%}.v2 .btn:disabled:hover{opacity:70%}.v2 .btn-primary{background:#2B8FF3!important;color:#fff;border:1px solid #FFF}.v2 .btn-primary:hover{opacity:90%}.v2 .btn-secondary{background:#fff;color:#2b8ff3;border:1px solid #2B8FF3}.v2 .btn-secondary:hover{opacity:90%}\n"] }]
+            args: [{ selector: 'symphony-button-v2', template: "<div class=\"v2\">\n  <button\n    class=\"btn sb-sfx-btn\"\n    [ngClass]=\"{\n      'btn-secondary': isSecondary,\n      'btn-primary': !isSecondary,\n      'is-inverse': isInverse\n    }\"\n    (click)=\"onClick()\"\n    [disabled]=\"disabled\"\n  >\n    {{ text }}\n  </button>\n</div>\n", styles: [".v2 button{outline:none}.v2 .btn{padding-left:35px;padding-right:35px;border-radius:30px;height:40px;font-family:runda,sans-serif;letter-spacing:.4px}.v2 .btn.sb-sfx-btn{border-radius:30px!important;font-weight:700!important}.v2 .btn:focus{outline:none}.v2 .btn:disabled{cursor:not-allowed;opacity:70%}.v2 .btn:disabled:hover{opacity:70%}.v2 .btn-primary{background:#2B8FF3!important;color:#fff;border:1px solid #FFF}.v2 .btn-primary:hover{opacity:90%}.v2 .btn-secondary{background:#fff;color:#000;border:2px solid #000000}.v2 .btn-secondary:hover{opacity:90%}\n"] }]
         }], ctorParameters: function () { return []; } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvYnV0dG9uLXYyL2J1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2J1dHRvbi12Mi9idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBK0IsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDRCQUE0QixDQUFDOzs7QUFPN0QsTUFBTSxPQUFPLGlCQUFrQixTQUFRLGVBQWU7SUFDcEQ7UUFDRSxLQUFLLEVBQUUsQ0FBQztJQUNWLENBQUM7OzhHQUhVLGlCQUFpQjtrR0FBakIsaUJBQWlCLGlGQ1I5QixxU0FjQTsyRkROYSxpQkFBaUI7a0JBTDdCLFNBQVM7K0JBQ0Usb0JBQW9CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4uL2J1dHRvbi9idXR0b24uY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktYnV0dG9uLXYyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2J1dHRvbi5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBCdXR0b25WMkNvbXBvbmVudCBleHRlbmRzIEJ1dHRvbkNvbXBvbmVudCB7XG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJ2MlwiPlxuICA8YnV0dG9uXG4gICAgY2xhc3M9XCJidG4gc2Itc2Z4LWJ0blwiXG4gICAgW25nQ2xhc3NdPVwie1xuICAgICAgJ2J0bi1zZWNvbmRhcnknOiBpc1NlY29uZGFyeSxcbiAgICAgICdidG4tcHJpbWFyeSc6ICFpc1NlY29uZGFyeSxcbiAgICAgICdpcy1pbnZlcnNlJzogaXNJbnZlcnNlXG4gICAgfVwiXG4gICAgKGNsaWNrKT1cIm9uQ2xpY2soKVwiXG4gICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgPlxuICAgIHt7IHRleHQgfX1cbiAgPC9idXR0b24+XG48L2Rpdj5cbiJdfQ==

package/esm2020/lib/pages/modals/assign-to-user-modal/assign-to-user-modal.component.mjs

@@ -0,0 +1,37 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../templates/modal-templates/two-column-modal-template/two-column-modal-template.component";
+import * as i2 from "../../../atoms/h4/h4.component";
+import * as i3 from "../../../atoms/paragraph/paragraph.component";
+import * as i4 from "../../../atoms/icon/icon.component";
+import * as i5 from "../../../atoms/sfx-loader/sfx-loader.component";
+import * as i6 from "../../../atoms/button-v2/button.component";
+import * as i7 from "@angular/common";
+export class AssignToUserModalComponent {
+    constructor() {
+        this.buttonClicked = new EventEmitter();
+        this.reloadClicked = new EventEmitter();
+        this.closeButtonClicked = new EventEmitter();
+    }
+    onButtonClick(pageModel) {
+        this.buttonClicked.emit(pageModel);
+    }
+    onCloseButtonClick() {
+        this.closeButtonClicked.emit();
+    }
+}
+AssignToUserModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AssignToUserModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AssignToUserModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AssignToUserModalComponent, selector: "symphony-assign-to-user-modal", inputs: { pageModel: "pageModel" }, outputs: { buttonClicked: "buttonClicked", reloadClicked: "reloadClicked", closeButtonClicked: "closeButtonClicked" }, ngImport: i0, template: "<symphony-two-column-modal-template *ngIf=\"pageModel\">\n    <symphony-h4 sfx-modal-title>{{pageModel.modelTitle}}</symphony-h4>\n    <symphony-paragraph sfx-modal-subtitle\n        >{{pageModel.modelSubTitle}}</symphony-paragraph\n    >\n    <symphony-icon\n        sfx-close-button\n        [icon]=\"'si-close-modal'\"\n        (clicked)=\"onCloseButtonClick()\"\n    ></symphony-icon>\n\n    <section class=\"row sfx-p-30\"  *ngIf=\"!pageModel.isLoading && !pageModel.errorState\" sfx-modal-body-area>\n        <symphony-paragraph class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-20\">{{pageModel.modelDescription}}</symphony-paragraph>\n        <div class=\"col-xs-12 col-sm-12 col-md-6 col-lg-6\">\n            <ng-content select=\"[dropdown-dropzone-1]\"></ng-content>\n        </div>\n        <div class=\"col-xs-12 col-sm-12 col-md-6 col-lg-6\">\n              <ng-content select=\"[dropdown-dropzone-2]\"></ng-content>\n        </div>\n        \n    </section>  \n    <section *ngIf=\"pageModel.errorState && !pageModel.isLoading \" class=\"sfx-pt-40 sfx-pb-40\"  sfx-modal-body-area>\n        <symphony-paragraph class=\"sfx-txt-center\"\n        >{{pageModel.errorText}}</symphony-paragraph\n    >\n    </section>  \n    <section *ngIf=\"pageModel.isLoading\" class=\"sfx-pt-40 sfx-pb-40\"  sfx-modal-body-area>\n        <symphony-sfx-loader \n        >\n        </symphony-sfx-loader>\n    </section> \n    <symphony-button-v2\n      sfx-button-secondary\n      id=\"button-modal-cancel\"\n      class=\"pull-right sfx-d-flex\"\n      text=\"CANCEL\"\n      [isSecondary]=\"true\"\n      (clicked)=\"onButtonClick(pageModel)\"\n    ></symphony-button-v2>\n    <symphony-button-v2\n      sfx-button-primary\n      id=\"button-modal-assign\"\n      class=\"pull-right sfx-d-flex\"\n      text=\"ASSIGN\"\n      [disabled]=\"pageModel.assignBtnDisabled\"\n      (clicked)=\"onButtonClick(pageModel)\"\n    ></symphony-button-v2>\n</symphony-two-column-modal-template>", styles: [""], components: [{ type: i1.TwoColumnModalTemplateComponent, selector: "symphony-two-column-modal-template", inputs: ["hideFooter", "hideSubtitle"] }, { type: i2.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i4.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i5.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }, { type: i6.ButtonV2Component, selector: "symphony-button-v2" }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AssignToUserModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'symphony-assign-to-user-modal', template: "<symphony-two-column-modal-template *ngIf=\"pageModel\">\n    <symphony-h4 sfx-modal-title>{{pageModel.modelTitle}}</symphony-h4>\n    <symphony-paragraph sfx-modal-subtitle\n        >{{pageModel.modelSubTitle}}</symphony-paragraph\n    >\n    <symphony-icon\n        sfx-close-button\n        [icon]=\"'si-close-modal'\"\n        (clicked)=\"onCloseButtonClick()\"\n    ></symphony-icon>\n\n    <section class=\"row sfx-p-30\"  *ngIf=\"!pageModel.isLoading && !pageModel.errorState\" sfx-modal-body-area>\n        <symphony-paragraph class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-20\">{{pageModel.modelDescription}}</symphony-paragraph>\n        <div class=\"col-xs-12 col-sm-12 col-md-6 col-lg-6\">\n            <ng-content select=\"[dropdown-dropzone-1]\"></ng-content>\n        </div>\n        <div class=\"col-xs-12 col-sm-12 col-md-6 col-lg-6\">\n              <ng-content select=\"[dropdown-dropzone-2]\"></ng-content>\n        </div>\n        \n    </section>  \n    <section *ngIf=\"pageModel.errorState && !pageModel.isLoading \" class=\"sfx-pt-40 sfx-pb-40\"  sfx-modal-body-area>\n        <symphony-paragraph class=\"sfx-txt-center\"\n        >{{pageModel.errorText}}</symphony-paragraph\n    >\n    </section>  \n    <section *ngIf=\"pageModel.isLoading\" class=\"sfx-pt-40 sfx-pb-40\"  sfx-modal-body-area>\n        <symphony-sfx-loader \n        >\n        </symphony-sfx-loader>\n    </section> \n    <symphony-button-v2\n      sfx-button-secondary\n      id=\"button-modal-cancel\"\n      class=\"pull-right sfx-d-flex\"\n      text=\"CANCEL\"\n      [isSecondary]=\"true\"\n      (clicked)=\"onButtonClick(pageModel)\"\n    ></symphony-button-v2>\n    <symphony-button-v2\n      sfx-button-primary\n      id=\"button-modal-assign\"\n      class=\"pull-right sfx-d-flex\"\n      text=\"ASSIGN\"\n      [disabled]=\"pageModel.assignBtnDisabled\"\n      (clicked)=\"onButtonClick(pageModel)\"\n    ></symphony-button-v2>\n</symphony-two-column-modal-template>", styles: [""] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { pageModel: [{
+                type: Input
+            }], buttonClicked: [{
+                type: Output
+            }], reloadClicked: [{
+                type: Output
+            }], closeButtonClicked: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNzaWduLXRvLXVzZXItbW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9wYWdlcy9tb2RhbHMvYXNzaWduLXRvLXVzZXItbW9kYWwvYXNzaWduLXRvLXVzZXItbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9wYWdlcy9tb2RhbHMvYXNzaWduLXRvLXVzZXItbW9kYWwvYXNzaWduLXRvLXVzZXItbW9kYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7O0FBUS9FLE1BQU0sT0FBTywwQkFBMEI7SUFLckM7UUFIVSxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUF5QixDQUFDO1FBQzFELGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNuQyx1QkFBa0IsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0lBQzFDLENBQUM7SUFFakIsYUFBYSxDQUFDLFNBQWdDO1FBQzVDLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ3JDLENBQUM7SUFDRCxrQkFBa0I7UUFDaEIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksRUFBRSxDQUFDO0lBQ2pDLENBQUM7O3VIQVpVLDBCQUEwQjsyR0FBMUIsMEJBQTBCLGdPQ1J2QyxpOERBK0NxQzsyRkR2Q3hCLDBCQUEwQjtrQkFMdEMsU0FBUzsrQkFDRSwrQkFBK0I7MEVBS2hDLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0ksYUFBYTtzQkFBdEIsTUFBTTtnQkFDRyxhQUFhO3NCQUF0QixNQUFNO2dCQUNHLGtCQUFrQjtzQkFBM0IsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFzc2lnblRvVXNlclBhZ2VNb2RlbCB9IGZyb20gJy4vYXNzaWduLXRvLXVzZXItbW9kYWwubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1hc3NpZ24tdG8tdXNlci1tb2RhbCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9hc3NpZ24tdG8tdXNlci1tb2RhbC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2Fzc2lnbi10by11c2VyLW1vZGFsLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQXNzaWduVG9Vc2VyTW9kYWxDb21wb25lbnQge1xuICBASW5wdXQoKSBwYWdlTW9kZWw6IEFzc2lnblRvVXNlclBhZ2VNb2RlbDtcbiAgQE91dHB1dCgpIGJ1dHRvbkNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPEFzc2lnblRvVXNlclBhZ2VNb2RlbD4oKTtcbiAgQE91dHB1dCgpIHJlbG9hZENsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBPdXRwdXQoKSBjbG9zZUJ1dHRvbkNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBvbkJ1dHRvbkNsaWNrKHBhZ2VNb2RlbDogQXNzaWduVG9Vc2VyUGFnZU1vZGVsKSB7XG4gICAgdGhpcy5idXR0b25DbGlja2VkLmVtaXQocGFnZU1vZGVsKTtcbiAgfVxuICBvbkNsb3NlQnV0dG9uQ2xpY2soKSB7XG4gICAgdGhpcy5jbG9zZUJ1dHRvbkNsaWNrZWQuZW1pdCgpO1xuICB9XG5cbn0iLCI8c3ltcGhvbnktdHdvLWNvbHVtbi1tb2RhbC10ZW1wbGF0ZSAqbmdJZj1cInBhZ2VNb2RlbFwiPlxuICAgIDxzeW1waG9ueS1oNCBzZngtbW9kYWwtdGl0bGU+e3twYWdlTW9kZWwubW9kZWxUaXRsZX19PC9zeW1waG9ueS1oND5cbiAgICA8c3ltcGhvbnktcGFyYWdyYXBoIHNmeC1tb2RhbC1zdWJ0aXRsZVxuICAgICAgICA+e3twYWdlTW9kZWwubW9kZWxTdWJUaXRsZX19PC9zeW1waG9ueS1wYXJhZ3JhcGhcbiAgICA+XG4gICAgPHN5bXBob255LWljb25cbiAgICAgICAgc2Z4LWNsb3NlLWJ1dHRvblxuICAgICAgICBbaWNvbl09XCInc2ktY2xvc2UtbW9kYWwnXCJcbiAgICAgICAgKGNsaWNrZWQpPVwib25DbG9zZUJ1dHRvbkNsaWNrKClcIlxuICAgID48L3N5bXBob255LWljb24+XG5cbiAgICA8c2VjdGlvbiBjbGFzcz1cInJvdyBzZngtcC0zMFwiICAqbmdJZj1cIiFwYWdlTW9kZWwuaXNMb2FkaW5nICYmICFwYWdlTW9kZWwuZXJyb3JTdGF0ZVwiIHNmeC1tb2RhbC1ib2R5LWFyZWE+XG4gICAgICAgIDxzeW1waG9ueS1wYXJhZ3JhcGggY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTEyIGNvbC1tZC0xMiBjb2wtbGctMTIgc2Z4LW1iLTIwXCI+e3twYWdlTW9kZWwubW9kZWxEZXNjcmlwdGlvbn19PC9zeW1waG9ueS1wYXJhZ3JhcGg+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTEyIGNvbC1tZC02IGNvbC1sZy02XCI+XG4gICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbZHJvcGRvd24tZHJvcHpvbmUtMV1cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0xMiBjb2wtbWQtNiBjb2wtbGctNlwiPlxuICAgICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbZHJvcGRvd24tZHJvcHpvbmUtMl1cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICBcbiAgICA8L3NlY3Rpb24+ICBcbiAgICA8c2VjdGlvbiAqbmdJZj1cInBhZ2VNb2RlbC5lcnJvclN0YXRlICYmICFwYWdlTW9kZWwuaXNMb2FkaW5nIFwiIGNsYXNzPVwic2Z4LXB0LTQwIHNmeC1wYi00MFwiICBzZngtbW9kYWwtYm9keS1hcmVhPlxuICAgICAgICA8c3ltcGhvbnktcGFyYWdyYXBoIGNsYXNzPVwic2Z4LXR4dC1jZW50ZXJcIlxuICAgICAgICA+e3twYWdlTW9kZWwuZXJyb3JUZXh0fX08L3N5bXBob255LXBhcmFncmFwaFxuICAgID5cbiAgICA8L3NlY3Rpb24+ICBcbiAgICA8c2VjdGlvbiAqbmdJZj1cInBhZ2VNb2RlbC5pc0xvYWRpbmdcIiBjbGFzcz1cInNmeC1wdC00MCBzZngtcGItNDBcIiAgc2Z4LW1vZGFsLWJvZHktYXJlYT5cbiAgICAgICAgPHN5bXBob255LXNmeC1sb2FkZXIgXG4gICAgICAgID5cbiAgICAgICAgPC9zeW1waG9ueS1zZngtbG9hZGVyPlxuICAgIDwvc2VjdGlvbj4gXG4gICAgPHN5bXBob255LWJ1dHRvbi12MlxuICAgICAgc2Z4LWJ1dHRvbi1zZWNvbmRhcnlcbiAgICAgIGlkPVwiYnV0dG9uLW1vZGFsLWNhbmNlbFwiXG4gICAgICBjbGFzcz1cInB1bGwtcmlnaHQgc2Z4LWQtZmxleFwiXG4gICAgICB0ZXh0PVwiQ0FOQ0VMXCJcbiAgICAgIFtpc1NlY29uZGFyeV09XCJ0cnVlXCJcbiAgICAgIChjbGlja2VkKT1cIm9uQnV0dG9uQ2xpY2socGFnZU1vZGVsKVwiXG4gICAgPjwvc3ltcGhvbnktYnV0dG9uLXYyPlxuICAgIDxzeW1waG9ueS1idXR0b24tdjJcbiAgICAgIHNmeC1idXR0b24tcHJpbWFyeVxuICAgICAgaWQ9XCJidXR0b24tbW9kYWwtYXNzaWduXCJcbiAgICAgIGNsYXNzPVwicHVsbC1yaWdodCBzZngtZC1mbGV4XCJcbiAgICAgIHRleHQ9XCJBU1NJR05cIlxuICAgICAgW2Rpc2FibGVkXT1cInBhZ2VNb2RlbC5hc3NpZ25CdG5EaXNhYmxlZFwiXG4gICAgICAoY2xpY2tlZCk9XCJvbkJ1dHRvbkNsaWNrKHBhZ2VNb2RlbClcIlxuICAgID48L3N5bXBob255LWJ1dHRvbi12Mj5cbjwvc3ltcGhvbnktdHdvLWNvbHVtbi1tb2RhbC10ZW1wbGF0ZT4iXX0=

package/esm2020/lib/pages/modals/assign-to-user-modal/assign-to-user-modal.model.mjs

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

package/esm2020/lib/pages/modals/assign-to-user-modal/assign-to-user-modal.module.mjs

@@ -0,0 +1,62 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { AssignToUserModalComponent } from './assign-to-user-modal.component';
+import { TwoColumnModalModule } from '../../../templates/modal-templates/two-column-modal-template/two-column-modal-template.module';
+import { TwoColumnBodyTemplateModule } from '../../../templates/modal-templates/two-column-body-template/two-column-body-template.module';
+import { IconModule } from '../../../atoms/icon/icon.module';
+import { ButtonModule } from '../../../atoms/button/button.module';
+import { ParagraphModule } from '../../../atoms/paragraph/paragraph.module';
+import { H4Module } from '../../../atoms/h4/h4.module';
+import { ButtonV2Module } from '../../../atoms/button-v2/button.module';
+import { PlaceholderModule } from '../../../templates/placeholder/placeholder.module';
+import { SfxLoaderModule } from '../../../atoms/sfx-loader/sfx-loader.module';
+import * as i0 from "@angular/core";
+export class AssignToUserModalModule {
+}
+AssignToUserModalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AssignToUserModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AssignToUserModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AssignToUserModalModule, declarations: [AssignToUserModalComponent], imports: [CommonModule,
+        TwoColumnModalModule,
+        TwoColumnBodyTemplateModule,
+        ButtonModule,
+        ParagraphModule,
+        IconModule,
+        H4Module,
+        ButtonV2Module,
+        PlaceholderModule,
+        SfxLoaderModule], exports: [AssignToUserModalComponent] });
+AssignToUserModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AssignToUserModalModule, imports: [[
+            CommonModule,
+            TwoColumnModalModule,
+            TwoColumnBodyTemplateModule,
+            ButtonModule,
+            ParagraphModule,
+            IconModule,
+            H4Module,
+            ButtonV2Module,
+            PlaceholderModule,
+            SfxLoaderModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AssignToUserModalModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        AssignToUserModalComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        TwoColumnModalModule,
+                        TwoColumnBodyTemplateModule,
+                        ButtonModule,
+                        ParagraphModule,
+                        IconModule,
+                        H4Module,
+                        ButtonV2Module,
+                        PlaceholderModule,
+                        SfxLoaderModule
+                    ],
+                    exports: [
+                        AssignToUserModalComponent
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNzaWduLXRvLXVzZXItbW9kYWwubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9wYWdlcy9tb2RhbHMvYXNzaWduLXRvLXVzZXItbW9kYWwvYXNzaWduLXRvLXVzZXItbW9kYWwubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQzlFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLCtGQUErRixDQUFDO0FBQ3JJLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLDZGQUE2RixDQUFDO0FBQzFJLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUM3RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDbkUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQzVFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDeEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sbURBQW1ELENBQUM7QUFDdEYsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDZDQUE2QyxDQUFDOztBQXdCOUUsTUFBTSxPQUFPLHVCQUF1Qjs7b0hBQXZCLHVCQUF1QjtxSEFBdkIsdUJBQXVCLGlCQWxCaEMsMEJBQTBCLGFBRzFCLFlBQVk7UUFDWixvQkFBb0I7UUFDcEIsMkJBQTJCO1FBQzNCLFlBQVk7UUFDWixlQUFlO1FBQ2YsVUFBVTtRQUNWLFFBQVE7UUFDUixjQUFjO1FBQ2QsaUJBQWlCO1FBQ2pCLGVBQWUsYUFHZiwwQkFBMEI7cUhBR2pCLHVCQUF1QixZQWhCekI7WUFDUCxZQUFZO1lBQ1osb0JBQW9CO1lBQ3BCLDJCQUEyQjtZQUMzQixZQUFZO1lBQ1osZUFBZTtZQUNmLFVBQVU7WUFDVixRQUFRO1lBQ1IsY0FBYztZQUNkLGlCQUFpQjtZQUNqQixlQUFlO1NBQ2hCOzJGQUtVLHVCQUF1QjtrQkFwQm5DLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLDBCQUEwQjtxQkFDM0I7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osb0JBQW9CO3dCQUNwQiwyQkFBMkI7d0JBQzNCLFlBQVk7d0JBQ1osZUFBZTt3QkFDZixVQUFVO3dCQUNWLFFBQVE7d0JBQ1IsY0FBYzt3QkFDZCxpQkFBaUI7d0JBQ2pCLGVBQWU7cUJBQ2hCO29CQUNELE9BQU8sRUFBRTt3QkFDUCwwQkFBMEI7cUJBQzNCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBBc3NpZ25Ub1VzZXJNb2RhbENvbXBvbmVudCB9IGZyb20gJy4vYXNzaWduLXRvLXVzZXItbW9kYWwuY29tcG9uZW50JztcbmltcG9ydCB7IFR3b0NvbHVtbk1vZGFsTW9kdWxlIH0gZnJvbSAnLi4vLi4vLi4vdGVtcGxhdGVzL21vZGFsLXRlbXBsYXRlcy90d28tY29sdW1uLW1vZGFsLXRlbXBsYXRlL3R3by1jb2x1bW4tbW9kYWwtdGVtcGxhdGUubW9kdWxlJztcbmltcG9ydCB7IFR3b0NvbHVtbkJvZHlUZW1wbGF0ZU1vZHVsZSB9IGZyb20gJy4uLy4uLy4uL3RlbXBsYXRlcy9tb2RhbC10ZW1wbGF0ZXMvdHdvLWNvbHVtbi1ib2R5LXRlbXBsYXRlL3R3by1jb2x1bW4tYm9keS10ZW1wbGF0ZS5tb2R1bGUnO1xuaW1wb3J0IHsgSWNvbk1vZHVsZSB9IGZyb20gJy4uLy4uLy4uL2F0b21zL2ljb24vaWNvbi5tb2R1bGUnO1xuaW1wb3J0IHsgQnV0dG9uTW9kdWxlIH0gZnJvbSAnLi4vLi4vLi4vYXRvbXMvYnV0dG9uL2J1dHRvbi5tb2R1bGUnO1xuaW1wb3J0IHsgUGFyYWdyYXBoTW9kdWxlIH0gZnJvbSAnLi4vLi4vLi4vYXRvbXMvcGFyYWdyYXBoL3BhcmFncmFwaC5tb2R1bGUnO1xuaW1wb3J0IHsgSDRNb2R1bGUgfSBmcm9tICcuLi8uLi8uLi9hdG9tcy9oNC9oNC5tb2R1bGUnO1xuaW1wb3J0IHsgQnV0dG9uVjJNb2R1bGUgfSBmcm9tICcuLi8uLi8uLi9hdG9tcy9idXR0b24tdjIvYnV0dG9uLm1vZHVsZSc7XG5pbXBvcnQgeyBQbGFjZWhvbGRlck1vZHVsZSB9IGZyb20gJy4uLy4uLy4uL3RlbXBsYXRlcy9wbGFjZWhvbGRlci9wbGFjZWhvbGRlci5tb2R1bGUnO1xuaW1wb3J0IHsgU2Z4TG9hZGVyTW9kdWxlIH0gZnJvbSAnLi4vLi4vLi4vYXRvbXMvc2Z4LWxvYWRlci9zZngtbG9hZGVyLm1vZHVsZSc7XG5cblxuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBBc3NpZ25Ub1VzZXJNb2RhbENvbXBvbmVudFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIFR3b0NvbHVtbk1vZGFsTW9kdWxlLFxuICAgIFR3b0NvbHVtbkJvZHlUZW1wbGF0ZU1vZHVsZSxcbiAgICBCdXR0b25Nb2R1bGUsXG4gICAgUGFyYWdyYXBoTW9kdWxlLFxuICAgIEljb25Nb2R1bGUsXG4gICAgSDRNb2R1bGUsXG4gICAgQnV0dG9uVjJNb2R1bGUsXG4gICAgUGxhY2Vob2xkZXJNb2R1bGUsXG4gICAgU2Z4TG9hZGVyTW9kdWxlXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBBc3NpZ25Ub1VzZXJNb2RhbENvbXBvbmVudFxuICBdXG59KVxuZXhwb3J0IGNsYXNzIEFzc2lnblRvVXNlck1vZGFsTW9kdWxlIHsgfVxuIl19

package/esm2020/lib/pages/toggle-list-partial-page/toggle-list-partial-page.component.mjs

@@ -2,9 +2,9 @@ import { Component, EventEmitter, Input, Output } from '@angular/core';
 import { Icons } from '../../atoms/icon/icon.enum';
 import * as i0 from "@angular/core";
 import * as i1 from "../../molecules/labelled-toggle-list/labelled-toggle-list.component";
-import * as i2 from "../../molecules/button-with-icon/button-with-icon.component";
-import * as i3 from "../../atoms/sfx-loader/sfx-loader.component";
-import * as i4 from "../../atoms/paragraph/paragraph.component";
+import * as i2 from "../../atoms/paragraph/paragraph.component";
+import * as i3 from "../../molecules/button-with-icon/button-with-icon.component";
+import * as i4 from "../../atoms/sfx-loader/sfx-loader.component";
 import * as i5 from "@angular/common";
 export class ToggleListPartialPageComponent {
     constructor() {
@@ -20,10 +20,10 @@ export class ToggleListPartialPageComponent {
     }
 }
 ToggleListPartialPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ToggleListPartialPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ToggleListPartialPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ToggleListPartialPageComponent, selector: "symphony-toggle-list-partial-page", inputs: { model: "model" }, outputs: { updateSettingToggle: "updateSettingToggle", addButtonClick: "addButtonClick" }, ngImport: i0, template: "<div *ngIf=\"model\">\n  <h3 sfx-header>{{ model.PageLabel }}</h3>\n  <symphony-labelled-toggle-list\n    [modelList]=\"model.toggleModels\"\n    (toggleListItemValue)=\"updateSettingValue($event)\"\n  >\n  </symphony-labelled-toggle-list>\n  <symphony-button-with-icon *ngIf=\"model.enableAddButton\"\n    class=\"add-button sfx-font-bold\"\n    (clicked)=\"onAddButtonClick()\"\n    [icon]=\"icon\"\n    [text]=\"model.addButtonText\"\n    [showActionButton]=\"true\"\n    [showPopover]=\"true\"\n    [isDisabled]=\"false\"\n  ></symphony-button-with-icon>\n\n  <div\n    *ngIf=\"model.isLoading\"\n    class=\"sfx-mt-80 sfx-mb-40\"\n    feedback-card-list\n  >\n    <symphony-sfx-loader [message]=\"model.loadingMessage\"></symphony-sfx-loader>\n  </div>\n  <div\n    *ngIf=\"!model.toggleModels.length && !model.isLoading\"\n    class=\"sfx-mt-80 sfx-mb-40\"\n    feedback-card-list\n  >\n    <symphony-paragraph class=\"text-center\">{{\n      model.message\n    }}</symphony-paragraph>\n  </div>\n</div>\n", styles: [".add-button{color:#712ace}\n"], components: [{ type: i1.LabelledToggleListComponent, selector: "symphony-labelled-toggle-list", inputs: ["modelList"], outputs: ["toggleListItemValue"] }, { type: i2.ButtonWithIconComponent, selector: "symphony-button-with-icon", inputs: ["text", "icon", "showActionButton", "showPopover", "isDisabled"], outputs: ["clicked"] }, { type: i3.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }, { type: i4.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+ToggleListPartialPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ToggleListPartialPageComponent, selector: "symphony-toggle-list-partial-page", inputs: { model: "model" }, outputs: { updateSettingToggle: "updateSettingToggle", addButtonClick: "addButtonClick" }, ngImport: i0, template: "<div *ngIf=\"model\">\n  <h3 sfx-header>{{ model.PageLabel }}</h3>\n  <symphony-labelled-toggle-list\n    [modelList]=\"model.toggleModels\"\n    (toggleListItemValue)=\"updateSettingValue($event)\"\n  >\n  </symphony-labelled-toggle-list>\n  <div\n    *ngIf=\"!model.toggleModels.length && !model.isLoading\"\n    class=\"sfx-mt-80 sfx-mb-40\"\n    feedback-card-list\n  >\n    <symphony-paragraph class=\"text-center\">{{\n      model.message\n    }}</symphony-paragraph>\n  </div>\n  \n  <symphony-button-with-icon *ngIf=\"model.enableAddButton\"\n    class=\"add-button sfx-font-bold\"\n    (clicked)=\"onAddButtonClick()\"\n    [icon]=\"icon\"\n    [text]=\"model.addButtonText\"\n    [showActionButton]=\"true\"\n    [showPopover]=\"true\"\n    [isDisabled]=\"false\"\n  ></symphony-button-with-icon>\n\n  <div\n    *ngIf=\"model.isLoading\"\n    class=\"sfx-mt-80 sfx-mb-40\"\n    feedback-card-list\n  >\n    <symphony-sfx-loader [message]=\"model.loadingMessage\"></symphony-sfx-loader>\n  </div>\n</div>\n", styles: [".add-button{color:#712ace}\n"], components: [{ type: i1.LabelledToggleListComponent, selector: "symphony-labelled-toggle-list", inputs: ["modelList"], outputs: ["toggleListItemValue"] }, { type: i2.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i3.ButtonWithIconComponent, selector: "symphony-button-with-icon", inputs: ["text", "icon", "showActionButton", "showPopover", "isDisabled"], outputs: ["clicked"] }, { type: i4.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ToggleListPartialPageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-toggle-list-partial-page', template: "<div *ngIf=\"model\">\n  <h3 sfx-header>{{ model.PageLabel }}</h3>\n  <symphony-labelled-toggle-list\n    [modelList]=\"model.toggleModels\"\n    (toggleListItemValue)=\"updateSettingValue($event)\"\n  >\n  </symphony-labelled-toggle-list>\n  <symphony-button-with-icon *ngIf=\"model.enableAddButton\"\n    class=\"add-button sfx-font-bold\"\n    (clicked)=\"onAddButtonClick()\"\n    [icon]=\"icon\"\n    [text]=\"model.addButtonText\"\n    [showActionButton]=\"true\"\n    [showPopover]=\"true\"\n    [isDisabled]=\"false\"\n  ></symphony-button-with-icon>\n\n  <div\n    *ngIf=\"model.isLoading\"\n    class=\"sfx-mt-80 sfx-mb-40\"\n    feedback-card-list\n  >\n    <symphony-sfx-loader [message]=\"model.loadingMessage\"></symphony-sfx-loader>\n  </div>\n  <div\n    *ngIf=\"!model.toggleModels.length && !model.isLoading\"\n    class=\"sfx-mt-80 sfx-mb-40\"\n    feedback-card-list\n  >\n    <symphony-paragraph class=\"text-center\">{{\n      model.message\n    }}</symphony-paragraph>\n  </div>\n</div>\n", styles: [".add-button{color:#712ace}\n"] }]
+            args: [{ selector: 'symphony-toggle-list-partial-page', template: "<div *ngIf=\"model\">\n  <h3 sfx-header>{{ model.PageLabel }}</h3>\n  <symphony-labelled-toggle-list\n    [modelList]=\"model.toggleModels\"\n    (toggleListItemValue)=\"updateSettingValue($event)\"\n  >\n  </symphony-labelled-toggle-list>\n  <div\n    *ngIf=\"!model.toggleModels.length && !model.isLoading\"\n    class=\"sfx-mt-80 sfx-mb-40\"\n    feedback-card-list\n  >\n    <symphony-paragraph class=\"text-center\">{{\n      model.message\n    }}</symphony-paragraph>\n  </div>\n  \n  <symphony-button-with-icon *ngIf=\"model.enableAddButton\"\n    class=\"add-button sfx-font-bold\"\n    (clicked)=\"onAddButtonClick()\"\n    [icon]=\"icon\"\n    [text]=\"model.addButtonText\"\n    [showActionButton]=\"true\"\n    [showPopover]=\"true\"\n    [isDisabled]=\"false\"\n  ></symphony-button-with-icon>\n\n  <div\n    *ngIf=\"model.isLoading\"\n    class=\"sfx-mt-80 sfx-mb-40\"\n    feedback-card-list\n  >\n    <symphony-sfx-loader [message]=\"model.loadingMessage\"></symphony-sfx-loader>\n  </div>\n</div>\n", styles: [".add-button{color:#712ace}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { model: [{
                 type: Input
             }], updateSettingToggle: [{
@@ -31,4 +31,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
             }], addButtonClick: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLWxpc3QtcGFydGlhbC1wYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvcGFnZXMvdG9nZ2xlLWxpc3QtcGFydGlhbC1wYWdlL3RvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3BhZ2VzL3RvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZS90b2dnbGUtbGlzdC1wYXJ0aWFsLXBhZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUd2RSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7Ozs7QUFPbkQsTUFBTSxPQUFPLDhCQUE4QjtJQU96QztRQUxVLHdCQUFtQixHQUFHLElBQUksWUFBWSxFQUE0QixDQUFDO1FBQ25FLG1CQUFjLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUVwRCxTQUFJLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQztJQUVOLENBQUM7SUFFaEIsa0JBQWtCLENBQUMsS0FBSztRQUN0QixJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7SUFFRCxnQkFBZ0I7UUFDZCxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzdCLENBQUM7OzJIQWZVLDhCQUE4QjsrR0FBOUIsOEJBQThCLGdNQ1YzQyxxL0JBa0NBOzJGRHhCYSw4QkFBOEI7a0JBTDFDLFNBQVM7K0JBQ0UsbUNBQW1DOzBFQUtwQyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0ksbUJBQW1CO3NCQUE1QixNQUFNO2dCQUNHLGNBQWM7c0JBQXZCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVG9nZ2xlTGlzdFBhcnRpYWxQYWdlTW9kZWwgfSBmcm9tICcuL3RvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZS5tb2RlbCc7XG5pbXBvcnQgeyBMYWJlbGxlZElucHV0VG9nZ2xlTW9kZWwgfSBmcm9tICcuLi8uLi9tb2xlY3VsZXMvbGFiZWxsZWQtaW5wdXQtdG9nZ2xlL2xhYmVsbGVkLWlucHV0LXRvZ2dsZS5tb2RlbCc7XG5pbXBvcnQgeyBJY29ucyB9IGZyb20gJy4uLy4uL2F0b21zL2ljb24vaWNvbi5lbnVtJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktdG9nZ2xlLWxpc3QtcGFydGlhbC1wYWdlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3RvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZS5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBUb2dnbGVMaXN0UGFydGlhbFBhZ2VDb21wb25lbnQge1xuICBASW5wdXQoKSBtb2RlbDogVG9nZ2xlTGlzdFBhcnRpYWxQYWdlTW9kZWw7XG4gIEBPdXRwdXQoKSB1cGRhdGVTZXR0aW5nVG9nZ2xlID0gbmV3IEV2ZW50RW1pdHRlcjxMYWJlbGxlZElucHV0VG9nZ2xlTW9kZWw+KCk7XG4gIEBPdXRwdXQoKSBhZGRCdXR0b25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBpY29uID0gSWNvbnMuSU5DTFVERTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgdXBkYXRlU2V0dGluZ1ZhbHVlKGV2ZW50KSB7XG4gICAgdGhpcy51cGRhdGVTZXR0aW5nVG9nZ2xlLmVtaXQoZXZlbnQpO1xuICB9XG5cbiAgb25BZGRCdXR0b25DbGljaygpIHtcbiAgICB0aGlzLmFkZEJ1dHRvbkNsaWNrLmVtaXQoKTtcbiAgfVxufVxuIiwiPGRpdiAqbmdJZj1cIm1vZGVsXCI+XG4gIDxoMyBzZngtaGVhZGVyPnt7IG1vZGVsLlBhZ2VMYWJlbCB9fTwvaDM+XG4gIDxzeW1waG9ueS1sYWJlbGxlZC10b2dnbGUtbGlzdFxuICAgIFttb2RlbExpc3RdPVwibW9kZWwudG9nZ2xlTW9kZWxzXCJcbiAgICAodG9nZ2xlTGlzdEl0ZW1WYWx1ZSk9XCJ1cGRhdGVTZXR0aW5nVmFsdWUoJGV2ZW50KVwiXG4gID5cbiAgPC9zeW1waG9ueS1sYWJlbGxlZC10b2dnbGUtbGlzdD5cbiAgPHN5bXBob255LWJ1dHRvbi13aXRoLWljb24gKm5nSWY9XCJtb2RlbC5lbmFibGVBZGRCdXR0b25cIlxuICAgIGNsYXNzPVwiYWRkLWJ1dHRvbiBzZngtZm9udC1ib2xkXCJcbiAgICAoY2xpY2tlZCk9XCJvbkFkZEJ1dHRvbkNsaWNrKClcIlxuICAgIFtpY29uXT1cImljb25cIlxuICAgIFt0ZXh0XT1cIm1vZGVsLmFkZEJ1dHRvblRleHRcIlxuICAgIFtzaG93QWN0aW9uQnV0dG9uXT1cInRydWVcIlxuICAgIFtzaG93UG9wb3Zlcl09XCJ0cnVlXCJcbiAgICBbaXNEaXNhYmxlZF09XCJmYWxzZVwiXG4gID48L3N5bXBob255LWJ1dHRvbi13aXRoLWljb24+XG5cbiAgPGRpdlxuICAgICpuZ0lmPVwibW9kZWwuaXNMb2FkaW5nXCJcbiAgICBjbGFzcz1cInNmeC1tdC04MCBzZngtbWItNDBcIlxuICAgIGZlZWRiYWNrLWNhcmQtbGlzdFxuICA+XG4gICAgPHN5bXBob255LXNmeC1sb2FkZXIgW21lc3NhZ2VdPVwibW9kZWwubG9hZGluZ01lc3NhZ2VcIj48L3N5bXBob255LXNmeC1sb2FkZXI+XG4gIDwvZGl2PlxuICA8ZGl2XG4gICAgKm5nSWY9XCIhbW9kZWwudG9nZ2xlTW9kZWxzLmxlbmd0aCAmJiAhbW9kZWwuaXNMb2FkaW5nXCJcbiAgICBjbGFzcz1cInNmeC1tdC04MCBzZngtbWItNDBcIlxuICAgIGZlZWRiYWNrLWNhcmQtbGlzdFxuICA+XG4gICAgPHN5bXBob255LXBhcmFncmFwaCBjbGFzcz1cInRleHQtY2VudGVyXCI+e3tcbiAgICAgIG1vZGVsLm1lc3NhZ2VcbiAgICB9fTwvc3ltcGhvbnktcGFyYWdyYXBoPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLWxpc3QtcGFydGlhbC1wYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvcGFnZXMvdG9nZ2xlLWxpc3QtcGFydGlhbC1wYWdlL3RvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3BhZ2VzL3RvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZS90b2dnbGUtbGlzdC1wYXJ0aWFsLXBhZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUd2RSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7Ozs7QUFPbkQsTUFBTSxPQUFPLDhCQUE4QjtJQU96QztRQUxVLHdCQUFtQixHQUFHLElBQUksWUFBWSxFQUE0QixDQUFDO1FBQ25FLG1CQUFjLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUVwRCxTQUFJLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQztJQUVOLENBQUM7SUFFaEIsa0JBQWtCLENBQUMsS0FBSztRQUN0QixJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7SUFFRCxnQkFBZ0I7UUFDZCxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzdCLENBQUM7OzJIQWZVLDhCQUE4QjsrR0FBOUIsOEJBQThCLGdNQ1YzQyx5L0JBbUNBOzJGRHpCYSw4QkFBOEI7a0JBTDFDLFNBQVM7K0JBQ0UsbUNBQW1DOzBFQUtwQyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0ksbUJBQW1CO3NCQUE1QixNQUFNO2dCQUNHLGNBQWM7c0JBQXZCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVG9nZ2xlTGlzdFBhcnRpYWxQYWdlTW9kZWwgfSBmcm9tICcuL3RvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZS5tb2RlbCc7XG5pbXBvcnQgeyBMYWJlbGxlZElucHV0VG9nZ2xlTW9kZWwgfSBmcm9tICcuLi8uLi9tb2xlY3VsZXMvbGFiZWxsZWQtaW5wdXQtdG9nZ2xlL2xhYmVsbGVkLWlucHV0LXRvZ2dsZS5tb2RlbCc7XG5pbXBvcnQgeyBJY29ucyB9IGZyb20gJy4uLy4uL2F0b21zL2ljb24vaWNvbi5lbnVtJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktdG9nZ2xlLWxpc3QtcGFydGlhbC1wYWdlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3RvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZS5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBUb2dnbGVMaXN0UGFydGlhbFBhZ2VDb21wb25lbnQge1xuICBASW5wdXQoKSBtb2RlbDogVG9nZ2xlTGlzdFBhcnRpYWxQYWdlTW9kZWw7XG4gIEBPdXRwdXQoKSB1cGRhdGVTZXR0aW5nVG9nZ2xlID0gbmV3IEV2ZW50RW1pdHRlcjxMYWJlbGxlZElucHV0VG9nZ2xlTW9kZWw+KCk7XG4gIEBPdXRwdXQoKSBhZGRCdXR0b25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBpY29uID0gSWNvbnMuSU5DTFVERTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgdXBkYXRlU2V0dGluZ1ZhbHVlKGV2ZW50KSB7XG4gICAgdGhpcy51cGRhdGVTZXR0aW5nVG9nZ2xlLmVtaXQoZXZlbnQpO1xuICB9XG5cbiAgb25BZGRCdXR0b25DbGljaygpIHtcbiAgICB0aGlzLmFkZEJ1dHRvbkNsaWNrLmVtaXQoKTtcbiAgfVxufVxuIiwiPGRpdiAqbmdJZj1cIm1vZGVsXCI+XG4gIDxoMyBzZngtaGVhZGVyPnt7IG1vZGVsLlBhZ2VMYWJlbCB9fTwvaDM+XG4gIDxzeW1waG9ueS1sYWJlbGxlZC10b2dnbGUtbGlzdFxuICAgIFttb2RlbExpc3RdPVwibW9kZWwudG9nZ2xlTW9kZWxzXCJcbiAgICAodG9nZ2xlTGlzdEl0ZW1WYWx1ZSk9XCJ1cGRhdGVTZXR0aW5nVmFsdWUoJGV2ZW50KVwiXG4gID5cbiAgPC9zeW1waG9ueS1sYWJlbGxlZC10b2dnbGUtbGlzdD5cbiAgPGRpdlxuICAgICpuZ0lmPVwiIW1vZGVsLnRvZ2dsZU1vZGVscy5sZW5ndGggJiYgIW1vZGVsLmlzTG9hZGluZ1wiXG4gICAgY2xhc3M9XCJzZngtbXQtODAgc2Z4LW1iLTQwXCJcbiAgICBmZWVkYmFjay1jYXJkLWxpc3RcbiAgPlxuICAgIDxzeW1waG9ueS1wYXJhZ3JhcGggY2xhc3M9XCJ0ZXh0LWNlbnRlclwiPnt7XG4gICAgICBtb2RlbC5tZXNzYWdlXG4gICAgfX08L3N5bXBob255LXBhcmFncmFwaD5cbiAgPC9kaXY+XG4gIFxuICA8c3ltcGhvbnktYnV0dG9uLXdpdGgtaWNvbiAqbmdJZj1cIm1vZGVsLmVuYWJsZUFkZEJ1dHRvblwiXG4gICAgY2xhc3M9XCJhZGQtYnV0dG9uIHNmeC1mb250LWJvbGRcIlxuICAgIChjbGlja2VkKT1cIm9uQWRkQnV0dG9uQ2xpY2soKVwiXG4gICAgW2ljb25dPVwiaWNvblwiXG4gICAgW3RleHRdPVwibW9kZWwuYWRkQnV0dG9uVGV4dFwiXG4gICAgW3Nob3dBY3Rpb25CdXR0b25dPVwidHJ1ZVwiXG4gICAgW3Nob3dQb3BvdmVyXT1cInRydWVcIlxuICAgIFtpc0Rpc2FibGVkXT1cImZhbHNlXCJcbiAgPjwvc3ltcGhvbnktYnV0dG9uLXdpdGgtaWNvbj5cblxuICA8ZGl2XG4gICAgKm5nSWY9XCJtb2RlbC5pc0xvYWRpbmdcIlxuICAgIGNsYXNzPVwic2Z4LW10LTgwIHNmeC1tYi00MFwiXG4gICAgZmVlZGJhY2stY2FyZC1saXN0XG4gID5cbiAgICA8c3ltcGhvbnktc2Z4LWxvYWRlciBbbWVzc2FnZV09XCJtb2RlbC5sb2FkaW5nTWVzc2FnZVwiPjwvc3ltcGhvbnktc2Z4LWxvYWRlcj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2020/lib/templates/modal-templates/two-column-modal-template/two-column-modal-template.component.mjs

@@ -5,13 +5,13 @@ export class TwoColumnModalTemplateComponent {
     constructor() { }
 }
 TwoColumnModalTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TwoColumnModalTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TwoColumnModalTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TwoColumnModalTemplateComponent, selector: "symphony-two-column-modal-template", inputs: { hideFooter: "hideFooter", hideSubtitle: "hideSubtitle" }, ngImport: i0, template: "<div class=\"sfx sfx-modal\">\n  <!-- main title -->\n  <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n    <div class=\"modal-title\" [ngClass]=\"{ 'sfx-pb-20': !hideSubtitle }\">\n      <div class=\"row\">\n        <div class=\"col-xs-12 col-sm-6 col-md-6 sfx-pr-30\">\n          <ng-content select=\"[sfx-modal-title]\"></ng-content>\n        </div>\n        <span class=\"pull-right sfx-pr-15\" style=\"padding-top: 1px\">\n          <ng-content select=\"[sfx-close-button]\"></ng-content>\n        </span>\n      </div>\n    </div>\n    <div *ngIf=\"!hideSubtitle\" class=\"modal-subtitle\">\n      <div class=\"row\">\n        <div class=\"col-xs-12 col-sm-6 col-md-6 sfx-pr-30\">\n          <ng-content select=\"[sfx-modal-subtitle]\"></ng-content>\n        </div>\n      </div>\n    </div>\n  </section>\n  <section class=\"modal-body-area sfx-pt-0\">\n    <ng-content select=\"[sfx-modal-body-area]\"></ng-content>\n  </section>\n  <!-- footer -->\n  <section\n    *ngIf=\"!hideFooter\"\n    class=\"modal-footer sfx-bg-black sfx-pt-30 sfx-pb-40 sfx-pr-30 sfx-pl-30\"\n  >\n    <div class=\"row\">\n      <div class=\"col-xs-6\">\n        <span class=\"sfx-pr-10 pull-left\">\n          <ng-content select=\"[sfx-button-back]\"></ng-content>\n        </span>\n      </div>\n      <div class=\"col-xs-6\">\n        <div class=\"sfx-d-flex pull-right\">\n          <span>\n            <ng-content select=\"[sfx-button-secondary]\"></ng-content>\n          </span>\n          <span class=\"sfx-pl-10\">\n            <ng-content select=\"[sfx-button-primary]\"></ng-content>\n          </span>\n        </div>\n      </div>\n    </div>\n  </section>\n</div>\n", styles: [".pull-left{float:left}.modal-footer{min-height:130px}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+TwoColumnModalTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TwoColumnModalTemplateComponent, selector: "symphony-two-column-modal-template", inputs: { hideFooter: "hideFooter", hideSubtitle: "hideSubtitle" }, ngImport: i0, template: "<div class=\"sfx sfx-modal\">\n  <!-- main title -->\n  <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n    <div class=\"modal-title\" [ngClass]=\"{ 'sfx-pb-20': !hideSubtitle }\">\n      <div class=\"row\">\n        <div class=\"col-xs-12 col-sm-6 col-md-6 sfx-pr-30\">\n          <ng-content select=\"[sfx-modal-title]\"></ng-content>\n        </div>\n        <span class=\"pull-right sfx-pr-15\" style=\"padding-top: 1px\">\n          <ng-content select=\"[sfx-close-button]\"></ng-content>\n        </span>\n      </div>\n    </div>\n    <div *ngIf=\"!hideSubtitle\" class=\"modal-subtitle\">\n      <div class=\"row\">\n        <div class=\"col-xs-12 col-sm-6 col-md-6 sfx-pr-30\">\n          <ng-content select=\"[sfx-modal-subtitle]\"></ng-content>\n        </div>\n      </div>\n    </div>\n  </section>\n  <section class=\"modal-body-area sfx-pt-0\">\n    <ng-content select=\"[sfx-modal-body-area]\"></ng-content>\n  </section>\n  <!-- footer -->\n  <section\n    *ngIf=\"!hideFooter\"\n    class=\"modal-footer sfx-pt-30 sfx-pb-40 sfx-pr-30 sfx-pl-30\"\n  >\n    <div class=\"row\">\n      <div class=\"col-xs-6\">\n        <span class=\"sfx-pr-10 pull-left\">\n          <ng-content select=\"[sfx-button-back]\"></ng-content>\n        </span>\n      </div>\n      <div class=\"col-xs-6\">\n        <div class=\"sfx-d-flex pull-right\">\n          <span>\n            <ng-content select=\"[sfx-button-secondary]\"></ng-content>\n          </span>\n          <span class=\"sfx-pl-10\">\n            <ng-content select=\"[sfx-button-primary]\"></ng-content>\n          </span>\n        </div>\n      </div>\n    </div>\n  </section>\n</div>\n", styles: [".pull-left{float:left}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TwoColumnModalTemplateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-two-column-modal-template', template: "<div class=\"sfx sfx-modal\">\n  <!-- main title -->\n  <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n    <div class=\"modal-title\" [ngClass]=\"{ 'sfx-pb-20': !hideSubtitle }\">\n      <div class=\"row\">\n        <div class=\"col-xs-12 col-sm-6 col-md-6 sfx-pr-30\">\n          <ng-content select=\"[sfx-modal-title]\"></ng-content>\n        </div>\n        <span class=\"pull-right sfx-pr-15\" style=\"padding-top: 1px\">\n          <ng-content select=\"[sfx-close-button]\"></ng-content>\n        </span>\n      </div>\n    </div>\n    <div *ngIf=\"!hideSubtitle\" class=\"modal-subtitle\">\n      <div class=\"row\">\n        <div class=\"col-xs-12 col-sm-6 col-md-6 sfx-pr-30\">\n          <ng-content select=\"[sfx-modal-subtitle]\"></ng-content>\n        </div>\n      </div>\n    </div>\n  </section>\n  <section class=\"modal-body-area sfx-pt-0\">\n    <ng-content select=\"[sfx-modal-body-area]\"></ng-content>\n  </section>\n  <!-- footer -->\n  <section\n    *ngIf=\"!hideFooter\"\n    class=\"modal-footer sfx-bg-black sfx-pt-30 sfx-pb-40 sfx-pr-30 sfx-pl-30\"\n  >\n    <div class=\"row\">\n      <div class=\"col-xs-6\">\n        <span class=\"sfx-pr-10 pull-left\">\n          <ng-content select=\"[sfx-button-back]\"></ng-content>\n        </span>\n      </div>\n      <div class=\"col-xs-6\">\n        <div class=\"sfx-d-flex pull-right\">\n          <span>\n            <ng-content select=\"[sfx-button-secondary]\"></ng-content>\n          </span>\n          <span class=\"sfx-pl-10\">\n            <ng-content select=\"[sfx-button-primary]\"></ng-content>\n          </span>\n        </div>\n      </div>\n    </div>\n  </section>\n</div>\n", styles: [".pull-left{float:left}.modal-footer{min-height:130px}\n"] }]
+            args: [{ selector: 'symphony-two-column-modal-template', template: "<div class=\"sfx sfx-modal\">\n  <!-- main title -->\n  <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n    <div class=\"modal-title\" [ngClass]=\"{ 'sfx-pb-20': !hideSubtitle }\">\n      <div class=\"row\">\n        <div class=\"col-xs-12 col-sm-6 col-md-6 sfx-pr-30\">\n          <ng-content select=\"[sfx-modal-title]\"></ng-content>\n        </div>\n        <span class=\"pull-right sfx-pr-15\" style=\"padding-top: 1px\">\n          <ng-content select=\"[sfx-close-button]\"></ng-content>\n        </span>\n      </div>\n    </div>\n    <div *ngIf=\"!hideSubtitle\" class=\"modal-subtitle\">\n      <div class=\"row\">\n        <div class=\"col-xs-12 col-sm-6 col-md-6 sfx-pr-30\">\n          <ng-content select=\"[sfx-modal-subtitle]\"></ng-content>\n        </div>\n      </div>\n    </div>\n  </section>\n  <section class=\"modal-body-area sfx-pt-0\">\n    <ng-content select=\"[sfx-modal-body-area]\"></ng-content>\n  </section>\n  <!-- footer -->\n  <section\n    *ngIf=\"!hideFooter\"\n    class=\"modal-footer sfx-pt-30 sfx-pb-40 sfx-pr-30 sfx-pl-30\"\n  >\n    <div class=\"row\">\n      <div class=\"col-xs-6\">\n        <span class=\"sfx-pr-10 pull-left\">\n          <ng-content select=\"[sfx-button-back]\"></ng-content>\n        </span>\n      </div>\n      <div class=\"col-xs-6\">\n        <div class=\"sfx-d-flex pull-right\">\n          <span>\n            <ng-content select=\"[sfx-button-secondary]\"></ng-content>\n          </span>\n          <span class=\"sfx-pl-10\">\n            <ng-content select=\"[sfx-button-primary]\"></ng-content>\n          </span>\n        </div>\n      </div>\n    </div>\n  </section>\n</div>\n", styles: [".pull-left{float:left}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { hideFooter: [{
                 type: Input
             }], hideSubtitle: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHdvLWNvbHVtbi1tb2RhbC10ZW1wbGF0ZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3RlbXBsYXRlcy9tb2RhbC10ZW1wbGF0ZXMvdHdvLWNvbHVtbi1tb2RhbC10ZW1wbGF0ZS90d28tY29sdW1uLW1vZGFsLXRlbXBsYXRlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvdGVtcGxhdGVzL21vZGFsLXRlbXBsYXRlcy90d28tY29sdW1uLW1vZGFsLXRlbXBsYXRlL3R3by1jb2x1bW4tbW9kYWwtdGVtcGxhdGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQU9qRCxNQUFNLE9BQU8sK0JBQStCO0lBRzFDLGdCQUFlLENBQUM7OzRIQUhMLCtCQUErQjtnSEFBL0IsK0JBQStCLDhJQ1A1Qyx1b0RBZ0RBOzJGRHpDYSwrQkFBK0I7a0JBTDNDLFNBQVM7K0JBQ0Usb0NBQW9DOzBFQUtyQyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LXR3by1jb2x1bW4tbW9kYWwtdGVtcGxhdGUnLFxuICB0ZW1wbGF0ZVVybDogJy4vdHdvLWNvbHVtbi1tb2RhbC10ZW1wbGF0ZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3R3by1jb2x1bW4tbW9kYWwtdGVtcGxhdGUuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgVHdvQ29sdW1uTW9kYWxUZW1wbGF0ZUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGhpZGVGb290ZXI6IGJvb2xlYW47XG4gIEBJbnB1dCgpIGhpZGVTdWJ0aXRsZTogYm9vbGVhbjtcbiAgY29uc3RydWN0b3IoKSB7fVxufVxuIiwiPGRpdiBjbGFzcz1cInNmeCBzZngtbW9kYWxcIj5cbiAgPCEtLSBtYWluIHRpdGxlIC0tPlxuICA8c2VjdGlvbiBjbGFzcz1cIm1vZGFsLWhlYWRlciBzZngtcC0zMCBzZngtcHQtNDBcIj5cbiAgICA8ZGl2IGNsYXNzPVwibW9kYWwtdGl0bGVcIiBbbmdDbGFzc109XCJ7ICdzZngtcGItMjAnOiAhaGlkZVN1YnRpdGxlIH1cIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJyb3dcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tNiBjb2wtbWQtNiBzZngtcHItMzBcIj5cbiAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2Z4LW1vZGFsLXRpdGxlXVwiPjwvbmctY29udGVudD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwicHVsbC1yaWdodCBzZngtcHItMTVcIiBzdHlsZT1cInBhZGRpbmctdG9wOiAxcHhcIj5cbiAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2Z4LWNsb3NlLWJ1dHRvbl1cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgKm5nSWY9XCIhaGlkZVN1YnRpdGxlXCIgY2xhc3M9XCJtb2RhbC1zdWJ0aXRsZVwiPlxuICAgICAgPGRpdiBjbGFzcz1cInJvd1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS02IGNvbC1tZC02IHNmeC1wci0zMFwiPlxuICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzZngtbW9kYWwtc3VidGl0bGVdXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L3NlY3Rpb24+XG4gIDxzZWN0aW9uIGNsYXNzPVwibW9kYWwtYm9keS1hcmVhIHNmeC1wdC0wXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1tb2RhbC1ib2R5LWFyZWFdXCI+PC9uZy1jb250ZW50PlxuICA8L3NlY3Rpb24+XG4gIDwhLS0gZm9vdGVyIC0tPlxuICA8c2VjdGlvblxuICAgICpuZ0lmPVwiIWhpZGVGb290ZXJcIlxuICAgIGNsYXNzPVwibW9kYWwtZm9vdGVyIHNmeC1iZy1ibGFjayBzZngtcHQtMzAgc2Z4LXBiLTQwIHNmeC1wci0zMCBzZngtcGwtMzBcIlxuICA+XG4gICAgPGRpdiBjbGFzcz1cInJvd1wiPlxuICAgICAgPGRpdiBjbGFzcz1cImNvbC14cy02XCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2Z4LXByLTEwIHB1bGwtbGVmdFwiPlxuICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzZngtYnV0dG9uLWJhY2tdXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtNlwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwic2Z4LWQtZmxleCBwdWxsLXJpZ2h0XCI+XG4gICAgICAgICAgPHNwYW4+XG4gICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2Z4LWJ1dHRvbi1zZWNvbmRhcnldXCI+PC9uZy1jb250ZW50PlxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInNmeC1wbC0xMFwiPlxuICAgICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1idXR0b24tcHJpbWFyeV1cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L3NlY3Rpb24+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHdvLWNvbHVtbi1tb2RhbC10ZW1wbGF0ZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3RlbXBsYXRlcy9tb2RhbC10ZW1wbGF0ZXMvdHdvLWNvbHVtbi1tb2RhbC10ZW1wbGF0ZS90d28tY29sdW1uLW1vZGFsLXRlbXBsYXRlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvdGVtcGxhdGVzL21vZGFsLXRlbXBsYXRlcy90d28tY29sdW1uLW1vZGFsLXRlbXBsYXRlL3R3by1jb2x1bW4tbW9kYWwtdGVtcGxhdGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQU9qRCxNQUFNLE9BQU8sK0JBQStCO0lBRzFDLGdCQUFlLENBQUM7OzRIQUhMLCtCQUErQjtnSEFBL0IsK0JBQStCLDhJQ1A1QywwbkRBZ0RBOzJGRHpDYSwrQkFBK0I7a0JBTDNDLFNBQVM7K0JBQ0Usb0NBQW9DOzBFQUtyQyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LXR3by1jb2x1bW4tbW9kYWwtdGVtcGxhdGUnLFxuICB0ZW1wbGF0ZVVybDogJy4vdHdvLWNvbHVtbi1tb2RhbC10ZW1wbGF0ZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3R3by1jb2x1bW4tbW9kYWwtdGVtcGxhdGUuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgVHdvQ29sdW1uTW9kYWxUZW1wbGF0ZUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGhpZGVGb290ZXI6IGJvb2xlYW47XG4gIEBJbnB1dCgpIGhpZGVTdWJ0aXRsZTogYm9vbGVhbjtcbiAgY29uc3RydWN0b3IoKSB7fVxufVxuIiwiPGRpdiBjbGFzcz1cInNmeCBzZngtbW9kYWxcIj5cbiAgPCEtLSBtYWluIHRpdGxlIC0tPlxuICA8c2VjdGlvbiBjbGFzcz1cIm1vZGFsLWhlYWRlciBzZngtcC0zMCBzZngtcHQtNDBcIj5cbiAgICA8ZGl2IGNsYXNzPVwibW9kYWwtdGl0bGVcIiBbbmdDbGFzc109XCJ7ICdzZngtcGItMjAnOiAhaGlkZVN1YnRpdGxlIH1cIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJyb3dcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tNiBjb2wtbWQtNiBzZngtcHItMzBcIj5cbiAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2Z4LW1vZGFsLXRpdGxlXVwiPjwvbmctY29udGVudD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwicHVsbC1yaWdodCBzZngtcHItMTVcIiBzdHlsZT1cInBhZGRpbmctdG9wOiAxcHhcIj5cbiAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2Z4LWNsb3NlLWJ1dHRvbl1cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgKm5nSWY9XCIhaGlkZVN1YnRpdGxlXCIgY2xhc3M9XCJtb2RhbC1zdWJ0aXRsZVwiPlxuICAgICAgPGRpdiBjbGFzcz1cInJvd1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS02IGNvbC1tZC02IHNmeC1wci0zMFwiPlxuICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzZngtbW9kYWwtc3VidGl0bGVdXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L3NlY3Rpb24+XG4gIDxzZWN0aW9uIGNsYXNzPVwibW9kYWwtYm9keS1hcmVhIHNmeC1wdC0wXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1tb2RhbC1ib2R5LWFyZWFdXCI+PC9uZy1jb250ZW50PlxuICA8L3NlY3Rpb24+XG4gIDwhLS0gZm9vdGVyIC0tPlxuICA8c2VjdGlvblxuICAgICpuZ0lmPVwiIWhpZGVGb290ZXJcIlxuICAgIGNsYXNzPVwibW9kYWwtZm9vdGVyIHNmeC1wdC0zMCBzZngtcGItNDAgc2Z4LXByLTMwIHNmeC1wbC0zMFwiXG4gID5cbiAgICA8ZGl2IGNsYXNzPVwicm93XCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTZcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzZngtcHItMTAgcHVsbC1sZWZ0XCI+XG4gICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1idXR0b24tYmFja11cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cImNvbC14cy02XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzZngtZC1mbGV4IHB1bGwtcmlnaHRcIj5cbiAgICAgICAgICA8c3Bhbj5cbiAgICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzZngtYnV0dG9uLXNlY29uZGFyeV1cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2Z4LXBsLTEwXCI+XG4gICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2Z4LWJ1dHRvbi1wcmltYXJ5XVwiPjwvbmctY29udGVudD5cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvc2VjdGlvbj5cbjwvZGl2PlxuIl19

package/esm2020/projects/component-library/lib/atoms/button-v2/button.component.mjs

@@ -8,9 +8,9 @@ export class ButtonV2Component extends ButtonComponent {
     }
 }
 ButtonV2Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ButtonV2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ButtonV2Component, selector: "symphony-button-v2", usesInheritance: true, ngImport: i0, template: "<div class=\"v2\">\n  <button\n    class=\"btn sb-sfx-btn\"\n    [ngClass]=\"{\n      'btn-secondary': isSecondary,\n      'btn-primary': !isSecondary,\n      'is-inverse': isInverse\n    }\"\n    (click)=\"onClick()\"\n    [disabled]=\"disabled\"\n  >\n    {{ text }}\n  </button>\n</div>\n", styles: [".v2 button{outline:none}.v2 .btn{padding-left:35px;padding-right:35px;border-radius:30px;height:40px;font-family:runda,sans-serif;letter-spacing:.4px}.v2 .btn.sb-sfx-btn{border-radius:30px!important;font-weight:700!important}.v2 .btn:focus{outline:none}.v2 .btn:disabled{cursor:not-allowed;opacity:70%}.v2 .btn:disabled:hover{opacity:70%}.v2 .btn-primary{background:#2B8FF3!important;color:#fff;border:1px solid #FFF}.v2 .btn-primary:hover{opacity:90%}.v2 .btn-secondary{background:#fff;color:#2b8ff3;border:1px solid #2B8FF3}.v2 .btn-secondary:hover{opacity:90%}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+ButtonV2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ButtonV2Component, selector: "symphony-button-v2", usesInheritance: true, ngImport: i0, template: "<div class=\"v2\">\n  <button\n    class=\"btn sb-sfx-btn\"\n    [ngClass]=\"{\n      'btn-secondary': isSecondary,\n      'btn-primary': !isSecondary,\n      'is-inverse': isInverse\n    }\"\n    (click)=\"onClick()\"\n    [disabled]=\"disabled\"\n  >\n    {{ text }}\n  </button>\n</div>\n", styles: [".v2 button{outline:none}.v2 .btn{padding-left:35px;padding-right:35px;border-radius:30px;height:40px;font-family:runda,sans-serif;letter-spacing:.4px}.v2 .btn.sb-sfx-btn{border-radius:30px!important;font-weight:700!important}.v2 .btn:focus{outline:none}.v2 .btn:disabled{cursor:not-allowed;opacity:70%}.v2 .btn:disabled:hover{opacity:70%}.v2 .btn-primary{background:#2B8FF3!important;color:#fff;border:1px solid #FFF}.v2 .btn-primary:hover{opacity:90%}.v2 .btn-secondary{background:#fff;color:#000;border:2px solid #000000}.v2 .btn-secondary:hover{opacity:90%}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonV2Component, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-button-v2', template: "<div class=\"v2\">\n  <button\n    class=\"btn sb-sfx-btn\"\n    [ngClass]=\"{\n      'btn-secondary': isSecondary,\n      'btn-primary': !isSecondary,\n      'is-inverse': isInverse\n    }\"\n    (click)=\"onClick()\"\n    [disabled]=\"disabled\"\n  >\n    {{ text }}\n  </button>\n</div>\n", styles: [".v2 button{outline:none}.v2 .btn{padding-left:35px;padding-right:35px;border-radius:30px;height:40px;font-family:runda,sans-serif;letter-spacing:.4px}.v2 .btn.sb-sfx-btn{border-radius:30px!important;font-weight:700!important}.v2 .btn:focus{outline:none}.v2 .btn:disabled{cursor:not-allowed;opacity:70%}.v2 .btn:disabled:hover{opacity:70%}.v2 .btn-primary{background:#2B8FF3!important;color:#fff;border:1px solid #FFF}.v2 .btn-primary:hover{opacity:90%}.v2 .btn-secondary{background:#fff;color:#2b8ff3;border:1px solid #2B8FF3}.v2 .btn-secondary:hover{opacity:90%}\n"] }]
+            args: [{ selector: 'symphony-button-v2', template: "<div class=\"v2\">\n  <button\n    class=\"btn sb-sfx-btn\"\n    [ngClass]=\"{\n      'btn-secondary': isSecondary,\n      'btn-primary': !isSecondary,\n      'is-inverse': isInverse\n    }\"\n    (click)=\"onClick()\"\n    [disabled]=\"disabled\"\n  >\n    {{ text }}\n  </button>\n</div>\n", styles: [".v2 button{outline:none}.v2 .btn{padding-left:35px;padding-right:35px;border-radius:30px;height:40px;font-family:runda,sans-serif;letter-spacing:.4px}.v2 .btn.sb-sfx-btn{border-radius:30px!important;font-weight:700!important}.v2 .btn:focus{outline:none}.v2 .btn:disabled{cursor:not-allowed;opacity:70%}.v2 .btn:disabled:hover{opacity:70%}.v2 .btn-primary{background:#2B8FF3!important;color:#fff;border:1px solid #FFF}.v2 .btn-primary:hover{opacity:90%}.v2 .btn-secondary{background:#fff;color:#000;border:2px solid #000000}.v2 .btn-secondary:hover{opacity:90%}\n"] }]
         }], ctorParameters: function () { return []; } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvYnV0dG9uLXYyL2J1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2J1dHRvbi12Mi9idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBK0IsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDRCQUE0QixDQUFDOzs7QUFPN0QsTUFBTSxPQUFPLGlCQUFrQixTQUFRLGVBQWU7SUFDcEQ7UUFDRSxLQUFLLEVBQUUsQ0FBQztJQUNWLENBQUM7OzhHQUhVLGlCQUFpQjtrR0FBakIsaUJBQWlCLGlGQ1I5QixxU0FjQTsyRkROYSxpQkFBaUI7a0JBTDdCLFNBQVM7K0JBQ0Usb0JBQW9CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4uL2J1dHRvbi9idXR0b24uY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktYnV0dG9uLXYyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2J1dHRvbi5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBCdXR0b25WMkNvbXBvbmVudCBleHRlbmRzIEJ1dHRvbkNvbXBvbmVudCB7XG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJ2MlwiPlxuICA8YnV0dG9uXG4gICAgY2xhc3M9XCJidG4gc2Itc2Z4LWJ0blwiXG4gICAgW25nQ2xhc3NdPVwie1xuICAgICAgJ2J0bi1zZWNvbmRhcnknOiBpc1NlY29uZGFyeSxcbiAgICAgICdidG4tcHJpbWFyeSc6ICFpc1NlY29uZGFyeSxcbiAgICAgICdpcy1pbnZlcnNlJzogaXNJbnZlcnNlXG4gICAgfVwiXG4gICAgKGNsaWNrKT1cIm9uQ2xpY2soKVwiXG4gICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgPlxuICAgIHt7IHRleHQgfX1cbiAgPC9idXR0b24+XG48L2Rpdj5cbiJdfQ==

package/esm2020/projects/component-library/lib/pages/modals/assign-to-user-modal/assign-to-user-modal.component.mjs

@@ -0,0 +1,37 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../templates/modal-templates/two-column-modal-template/two-column-modal-template.component";
+import * as i2 from "../../../atoms/h4/h4.component";
+import * as i3 from "../../../atoms/paragraph/paragraph.component";
+import * as i4 from "../../../atoms/icon/icon.component";
+import * as i5 from "../../../atoms/sfx-loader/sfx-loader.component";
+import * as i6 from "../../../atoms/button-v2/button.component";
+import * as i7 from "@angular/common";
+export class AssignToUserModalComponent {
+    constructor() {
+        this.buttonClicked = new EventEmitter();
+        this.reloadClicked = new EventEmitter();
+        this.closeButtonClicked = new EventEmitter();
+    }
+    onButtonClick(pageModel) {
+        this.buttonClicked.emit(pageModel);
+    }
+    onCloseButtonClick() {
+        this.closeButtonClicked.emit();
+    }
+}
+AssignToUserModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AssignToUserModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AssignToUserModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AssignToUserModalComponent, selector: "symphony-assign-to-user-modal", inputs: { pageModel: "pageModel" }, outputs: { buttonClicked: "buttonClicked", reloadClicked: "reloadClicked", closeButtonClicked: "closeButtonClicked" }, ngImport: i0, template: "<symphony-two-column-modal-template *ngIf=\"pageModel\">\n    <symphony-h4 sfx-modal-title>{{pageModel.modelTitle}}</symphony-h4>\n    <symphony-paragraph sfx-modal-subtitle\n        >{{pageModel.modelSubTitle}}</symphony-paragraph\n    >\n    <symphony-icon\n        sfx-close-button\n        [icon]=\"'si-close-modal'\"\n        (clicked)=\"onCloseButtonClick()\"\n    ></symphony-icon>\n\n    <section class=\"row sfx-p-30\"  *ngIf=\"!pageModel.isLoading && !pageModel.errorState\" sfx-modal-body-area>\n        <symphony-paragraph class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-20\">{{pageModel.modelDescription}}</symphony-paragraph>\n        <div class=\"col-xs-12 col-sm-12 col-md-6 col-lg-6\">\n            <ng-content select=\"[dropdown-dropzone-1]\"></ng-content>\n        </div>\n        <div class=\"col-xs-12 col-sm-12 col-md-6 col-lg-6\">\n              <ng-content select=\"[dropdown-dropzone-2]\"></ng-content>\n        </div>\n        \n    </section>  \n    <section *ngIf=\"pageModel.errorState && !pageModel.isLoading \" class=\"sfx-pt-40 sfx-pb-40\"  sfx-modal-body-area>\n        <symphony-paragraph class=\"sfx-txt-center\"\n        >{{pageModel.errorText}}</symphony-paragraph\n    >\n    </section>  \n    <section *ngIf=\"pageModel.isLoading\" class=\"sfx-pt-40 sfx-pb-40\"  sfx-modal-body-area>\n        <symphony-sfx-loader \n        >\n        </symphony-sfx-loader>\n    </section> \n    <symphony-button-v2\n      sfx-button-secondary\n      id=\"button-modal-cancel\"\n      class=\"pull-right sfx-d-flex\"\n      text=\"CANCEL\"\n      [isSecondary]=\"true\"\n      (clicked)=\"onButtonClick(pageModel)\"\n    ></symphony-button-v2>\n    <symphony-button-v2\n      sfx-button-primary\n      id=\"button-modal-assign\"\n      class=\"pull-right sfx-d-flex\"\n      text=\"ASSIGN\"\n      [disabled]=\"pageModel.assignBtnDisabled\"\n      (clicked)=\"onButtonClick(pageModel)\"\n    ></symphony-button-v2>\n</symphony-two-column-modal-template>", styles: [""], components: [{ type: i1.TwoColumnModalTemplateComponent, selector: "symphony-two-column-modal-template", inputs: ["hideFooter", "hideSubtitle"] }, { type: i2.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i4.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i5.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }, { type: i6.ButtonV2Component, selector: "symphony-button-v2" }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AssignToUserModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'symphony-assign-to-user-modal', template: "<symphony-two-column-modal-template *ngIf=\"pageModel\">\n    <symphony-h4 sfx-modal-title>{{pageModel.modelTitle}}</symphony-h4>\n    <symphony-paragraph sfx-modal-subtitle\n        >{{pageModel.modelSubTitle}}</symphony-paragraph\n    >\n    <symphony-icon\n        sfx-close-button\n        [icon]=\"'si-close-modal'\"\n        (clicked)=\"onCloseButtonClick()\"\n    ></symphony-icon>\n\n    <section class=\"row sfx-p-30\"  *ngIf=\"!pageModel.isLoading && !pageModel.errorState\" sfx-modal-body-area>\n        <symphony-paragraph class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-20\">{{pageModel.modelDescription}}</symphony-paragraph>\n        <div class=\"col-xs-12 col-sm-12 col-md-6 col-lg-6\">\n            <ng-content select=\"[dropdown-dropzone-1]\"></ng-content>\n        </div>\n        <div class=\"col-xs-12 col-sm-12 col-md-6 col-lg-6\">\n              <ng-content select=\"[dropdown-dropzone-2]\"></ng-content>\n        </div>\n        \n    </section>  \n    <section *ngIf=\"pageModel.errorState && !pageModel.isLoading \" class=\"sfx-pt-40 sfx-pb-40\"  sfx-modal-body-area>\n        <symphony-paragraph class=\"sfx-txt-center\"\n        >{{pageModel.errorText}}</symphony-paragraph\n    >\n    </section>  \n    <section *ngIf=\"pageModel.isLoading\" class=\"sfx-pt-40 sfx-pb-40\"  sfx-modal-body-area>\n        <symphony-sfx-loader \n        >\n        </symphony-sfx-loader>\n    </section> \n    <symphony-button-v2\n      sfx-button-secondary\n      id=\"button-modal-cancel\"\n      class=\"pull-right sfx-d-flex\"\n      text=\"CANCEL\"\n      [isSecondary]=\"true\"\n      (clicked)=\"onButtonClick(pageModel)\"\n    ></symphony-button-v2>\n    <symphony-button-v2\n      sfx-button-primary\n      id=\"button-modal-assign\"\n      class=\"pull-right sfx-d-flex\"\n      text=\"ASSIGN\"\n      [disabled]=\"pageModel.assignBtnDisabled\"\n      (clicked)=\"onButtonClick(pageModel)\"\n    ></symphony-button-v2>\n</symphony-two-column-modal-template>", styles: [""] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { pageModel: [{
+                type: Input
+            }], buttonClicked: [{
+                type: Output
+            }], reloadClicked: [{
+                type: Output
+            }], closeButtonClicked: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNzaWduLXRvLXVzZXItbW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9wYWdlcy9tb2RhbHMvYXNzaWduLXRvLXVzZXItbW9kYWwvYXNzaWduLXRvLXVzZXItbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9wYWdlcy9tb2RhbHMvYXNzaWduLXRvLXVzZXItbW9kYWwvYXNzaWduLXRvLXVzZXItbW9kYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7O0FBUS9FLE1BQU0sT0FBTywwQkFBMEI7SUFLckM7UUFIVSxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUF5QixDQUFDO1FBQzFELGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNuQyx1QkFBa0IsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0lBQzFDLENBQUM7SUFFakIsYUFBYSxDQUFDLFNBQWdDO1FBQzVDLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ3JDLENBQUM7SUFDRCxrQkFBa0I7UUFDaEIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksRUFBRSxDQUFDO0lBQ2pDLENBQUM7O3VIQVpVLDBCQUEwQjsyR0FBMUIsMEJBQTBCLGdPQ1J2QyxpOERBK0NxQzsyRkR2Q3hCLDBCQUEwQjtrQkFMdEMsU0FBUzsrQkFDRSwrQkFBK0I7MEVBS2hDLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0ksYUFBYTtzQkFBdEIsTUFBTTtnQkFDRyxhQUFhO3NCQUF0QixNQUFNO2dCQUNHLGtCQUFrQjtzQkFBM0IsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFzc2lnblRvVXNlclBhZ2VNb2RlbCB9IGZyb20gJy4vYXNzaWduLXRvLXVzZXItbW9kYWwubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1hc3NpZ24tdG8tdXNlci1tb2RhbCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9hc3NpZ24tdG8tdXNlci1tb2RhbC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2Fzc2lnbi10by11c2VyLW1vZGFsLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQXNzaWduVG9Vc2VyTW9kYWxDb21wb25lbnQge1xuICBASW5wdXQoKSBwYWdlTW9kZWw6IEFzc2lnblRvVXNlclBhZ2VNb2RlbDtcbiAgQE91dHB1dCgpIGJ1dHRvbkNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPEFzc2lnblRvVXNlclBhZ2VNb2RlbD4oKTtcbiAgQE91dHB1dCgpIHJlbG9hZENsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBPdXRwdXQoKSBjbG9zZUJ1dHRvbkNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBvbkJ1dHRvbkNsaWNrKHBhZ2VNb2RlbDogQXNzaWduVG9Vc2VyUGFnZU1vZGVsKSB7XG4gICAgdGhpcy5idXR0b25DbGlja2VkLmVtaXQocGFnZU1vZGVsKTtcbiAgfVxuICBvbkNsb3NlQnV0dG9uQ2xpY2soKSB7XG4gICAgdGhpcy5jbG9zZUJ1dHRvbkNsaWNrZWQuZW1pdCgpO1xuICB9XG5cbn0iLCI8c3ltcGhvbnktdHdvLWNvbHVtbi1tb2RhbC10ZW1wbGF0ZSAqbmdJZj1cInBhZ2VNb2RlbFwiPlxuICAgIDxzeW1waG9ueS1oNCBzZngtbW9kYWwtdGl0bGU+e3twYWdlTW9kZWwubW9kZWxUaXRsZX19PC9zeW1waG9ueS1oND5cbiAgICA8c3ltcGhvbnktcGFyYWdyYXBoIHNmeC1tb2RhbC1zdWJ0aXRsZVxuICAgICAgICA+e3twYWdlTW9kZWwubW9kZWxTdWJUaXRsZX19PC9zeW1waG9ueS1wYXJhZ3JhcGhcbiAgICA+XG4gICAgPHN5bXBob255LWljb25cbiAgICAgICAgc2Z4LWNsb3NlLWJ1dHRvblxuICAgICAgICBbaWNvbl09XCInc2ktY2xvc2UtbW9kYWwnXCJcbiAgICAgICAgKGNsaWNrZWQpPVwib25DbG9zZUJ1dHRvbkNsaWNrKClcIlxuICAgID48L3N5bXBob255LWljb24+XG5cbiAgICA8c2VjdGlvbiBjbGFzcz1cInJvdyBzZngtcC0zMFwiICAqbmdJZj1cIiFwYWdlTW9kZWwuaXNMb2FkaW5nICYmICFwYWdlTW9kZWwuZXJyb3JTdGF0ZVwiIHNmeC1tb2RhbC1ib2R5LWFyZWE+XG4gICAgICAgIDxzeW1waG9ueS1wYXJhZ3JhcGggY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTEyIGNvbC1tZC0xMiBjb2wtbGctMTIgc2Z4LW1iLTIwXCI+e3twYWdlTW9kZWwubW9kZWxEZXNjcmlwdGlvbn19PC9zeW1waG9ueS1wYXJhZ3JhcGg+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTEyIGNvbC1tZC02IGNvbC1sZy02XCI+XG4gICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbZHJvcGRvd24tZHJvcHpvbmUtMV1cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0xMiBjb2wtbWQtNiBjb2wtbGctNlwiPlxuICAgICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbZHJvcGRvd24tZHJvcHpvbmUtMl1cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICBcbiAgICA8L3NlY3Rpb24+ICBcbiAgICA8c2VjdGlvbiAqbmdJZj1cInBhZ2VNb2RlbC5lcnJvclN0YXRlICYmICFwYWdlTW9kZWwuaXNMb2FkaW5nIFwiIGNsYXNzPVwic2Z4LXB0LTQwIHNmeC1wYi00MFwiICBzZngtbW9kYWwtYm9keS1hcmVhPlxuICAgICAgICA8c3ltcGhvbnktcGFyYWdyYXBoIGNsYXNzPVwic2Z4LXR4dC1jZW50ZXJcIlxuICAgICAgICA+e3twYWdlTW9kZWwuZXJyb3JUZXh0fX08L3N5bXBob255LXBhcmFncmFwaFxuICAgID5cbiAgICA8L3NlY3Rpb24+ICBcbiAgICA8c2VjdGlvbiAqbmdJZj1cInBhZ2VNb2RlbC5pc0xvYWRpbmdcIiBjbGFzcz1cInNmeC1wdC00MCBzZngtcGItNDBcIiAgc2Z4LW1vZGFsLWJvZHktYXJlYT5cbiAgICAgICAgPHN5bXBob255LXNmeC1sb2FkZXIgXG4gICAgICAgID5cbiAgICAgICAgPC9zeW1waG9ueS1zZngtbG9hZGVyPlxuICAgIDwvc2VjdGlvbj4gXG4gICAgPHN5bXBob255LWJ1dHRvbi12MlxuICAgICAgc2Z4LWJ1dHRvbi1zZWNvbmRhcnlcbiAgICAgIGlkPVwiYnV0dG9uLW1vZGFsLWNhbmNlbFwiXG4gICAgICBjbGFzcz1cInB1bGwtcmlnaHQgc2Z4LWQtZmxleFwiXG4gICAgICB0ZXh0PVwiQ0FOQ0VMXCJcbiAgICAgIFtpc1NlY29uZGFyeV09XCJ0cnVlXCJcbiAgICAgIChjbGlja2VkKT1cIm9uQnV0dG9uQ2xpY2socGFnZU1vZGVsKVwiXG4gICAgPjwvc3ltcGhvbnktYnV0dG9uLXYyPlxuICAgIDxzeW1waG9ueS1idXR0b24tdjJcbiAgICAgIHNmeC1idXR0b24tcHJpbWFyeVxuICAgICAgaWQ9XCJidXR0b24tbW9kYWwtYXNzaWduXCJcbiAgICAgIGNsYXNzPVwicHVsbC1yaWdodCBzZngtZC1mbGV4XCJcbiAgICAgIHRleHQ9XCJBU1NJR05cIlxuICAgICAgW2Rpc2FibGVkXT1cInBhZ2VNb2RlbC5hc3NpZ25CdG5EaXNhYmxlZFwiXG4gICAgICAoY2xpY2tlZCk9XCJvbkJ1dHRvbkNsaWNrKHBhZ2VNb2RlbClcIlxuICAgID48L3N5bXBob255LWJ1dHRvbi12Mj5cbjwvc3ltcGhvbnktdHdvLWNvbHVtbi1tb2RhbC10ZW1wbGF0ZT4iXX0=

package/esm2020/projects/component-library/lib/pages/modals/assign-to-user-modal/assign-to-user-modal.model.mjs

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

package/esm2020/projects/component-library/lib/pages/modals/assign-to-user-modal/assign-to-user-modal.module.mjs

@@ -0,0 +1,62 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { AssignToUserModalComponent } from './assign-to-user-modal.component';
+import { TwoColumnModalModule } from '../../../templates/modal-templates/two-column-modal-template/two-column-modal-template.module';
+import { TwoColumnBodyTemplateModule } from '../../../templates/modal-templates/two-column-body-template/two-column-body-template.module';
+import { IconModule } from '../../../atoms/icon/icon.module';
+import { ButtonModule } from '../../../atoms/button/button.module';
+import { ParagraphModule } from '../../../atoms/paragraph/paragraph.module';
+import { H4Module } from '../../../atoms/h4/h4.module';
+import { ButtonV2Module } from '../../../atoms/button-v2/button.module';
+import { PlaceholderModule } from '../../../templates/placeholder/placeholder.module';
+import { SfxLoaderModule } from '../../../atoms/sfx-loader/sfx-loader.module';
+import * as i0 from "@angular/core";
+export class AssignToUserModalModule {
+}
+AssignToUserModalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AssignToUserModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AssignToUserModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AssignToUserModalModule, declarations: [AssignToUserModalComponent], imports: [CommonModule,
+        TwoColumnModalModule,
+        TwoColumnBodyTemplateModule,
+        ButtonModule,
+        ParagraphModule,
+        IconModule,
+        H4Module,
+        ButtonV2Module,
+        PlaceholderModule,
+        SfxLoaderModule], exports: [AssignToUserModalComponent] });
+AssignToUserModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AssignToUserModalModule, imports: [[
+            CommonModule,
+            TwoColumnModalModule,
+            TwoColumnBodyTemplateModule,
+            ButtonModule,
+            ParagraphModule,
+            IconModule,
+            H4Module,
+            ButtonV2Module,
+            PlaceholderModule,
+            SfxLoaderModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AssignToUserModalModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        AssignToUserModalComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        TwoColumnModalModule,
+                        TwoColumnBodyTemplateModule,
+                        ButtonModule,
+                        ParagraphModule,
+                        IconModule,
+                        H4Module,
+                        ButtonV2Module,
+                        PlaceholderModule,
+                        SfxLoaderModule
+                    ],
+                    exports: [
+                        AssignToUserModalComponent
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNzaWduLXRvLXVzZXItbW9kYWwubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9wYWdlcy9tb2RhbHMvYXNzaWduLXRvLXVzZXItbW9kYWwvYXNzaWduLXRvLXVzZXItbW9kYWwubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQzlFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLCtGQUErRixDQUFDO0FBQ3JJLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLDZGQUE2RixDQUFDO0FBQzFJLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUM3RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDbkUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQzVFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDeEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sbURBQW1ELENBQUM7QUFDdEYsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDZDQUE2QyxDQUFDOztBQXdCOUUsTUFBTSxPQUFPLHVCQUF1Qjs7b0hBQXZCLHVCQUF1QjtxSEFBdkIsdUJBQXVCLGlCQWxCaEMsMEJBQTBCLGFBRzFCLFlBQVk7UUFDWixvQkFBb0I7UUFDcEIsMkJBQTJCO1FBQzNCLFlBQVk7UUFDWixlQUFlO1FBQ2YsVUFBVTtRQUNWLFFBQVE7UUFDUixjQUFjO1FBQ2QsaUJBQWlCO1FBQ2pCLGVBQWUsYUFHZiwwQkFBMEI7cUhBR2pCLHVCQUF1QixZQWhCekI7WUFDUCxZQUFZO1lBQ1osb0JBQW9CO1lBQ3BCLDJCQUEyQjtZQUMzQixZQUFZO1lBQ1osZUFBZTtZQUNmLFVBQVU7WUFDVixRQUFRO1lBQ1IsY0FBYztZQUNkLGlCQUFpQjtZQUNqQixlQUFlO1NBQ2hCOzJGQUtVLHVCQUF1QjtrQkFwQm5DLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLDBCQUEwQjtxQkFDM0I7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osb0JBQW9CO3dCQUNwQiwyQkFBMkI7d0JBQzNCLFlBQVk7d0JBQ1osZUFBZTt3QkFDZixVQUFVO3dCQUNWLFFBQVE7d0JBQ1IsY0FBYzt3QkFDZCxpQkFBaUI7d0JBQ2pCLGVBQWU7cUJBQ2hCO29CQUNELE9BQU8sRUFBRTt3QkFDUCwwQkFBMEI7cUJBQzNCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBBc3NpZ25Ub1VzZXJNb2RhbENvbXBvbmVudCB9IGZyb20gJy4vYXNzaWduLXRvLXVzZXItbW9kYWwuY29tcG9uZW50JztcbmltcG9ydCB7IFR3b0NvbHVtbk1vZGFsTW9kdWxlIH0gZnJvbSAnLi4vLi4vLi4vdGVtcGxhdGVzL21vZGFsLXRlbXBsYXRlcy90d28tY29sdW1uLW1vZGFsLXRlbXBsYXRlL3R3by1jb2x1bW4tbW9kYWwtdGVtcGxhdGUubW9kdWxlJztcbmltcG9ydCB7IFR3b0NvbHVtbkJvZHlUZW1wbGF0ZU1vZHVsZSB9IGZyb20gJy4uLy4uLy4uL3RlbXBsYXRlcy9tb2RhbC10ZW1wbGF0ZXMvdHdvLWNvbHVtbi1ib2R5LXRlbXBsYXRlL3R3by1jb2x1bW4tYm9keS10ZW1wbGF0ZS5tb2R1bGUnO1xuaW1wb3J0IHsgSWNvbk1vZHVsZSB9IGZyb20gJy4uLy4uLy4uL2F0b21zL2ljb24vaWNvbi5tb2R1bGUnO1xuaW1wb3J0IHsgQnV0dG9uTW9kdWxlIH0gZnJvbSAnLi4vLi4vLi4vYXRvbXMvYnV0dG9uL2J1dHRvbi5tb2R1bGUnO1xuaW1wb3J0IHsgUGFyYWdyYXBoTW9kdWxlIH0gZnJvbSAnLi4vLi4vLi4vYXRvbXMvcGFyYWdyYXBoL3BhcmFncmFwaC5tb2R1bGUnO1xuaW1wb3J0IHsgSDRNb2R1bGUgfSBmcm9tICcuLi8uLi8uLi9hdG9tcy9oNC9oNC5tb2R1bGUnO1xuaW1wb3J0IHsgQnV0dG9uVjJNb2R1bGUgfSBmcm9tICcuLi8uLi8uLi9hdG9tcy9idXR0b24tdjIvYnV0dG9uLm1vZHVsZSc7XG5pbXBvcnQgeyBQbGFjZWhvbGRlck1vZHVsZSB9IGZyb20gJy4uLy4uLy4uL3RlbXBsYXRlcy9wbGFjZWhvbGRlci9wbGFjZWhvbGRlci5tb2R1bGUnO1xuaW1wb3J0IHsgU2Z4TG9hZGVyTW9kdWxlIH0gZnJvbSAnLi4vLi4vLi4vYXRvbXMvc2Z4LWxvYWRlci9zZngtbG9hZGVyLm1vZHVsZSc7XG5cblxuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBBc3NpZ25Ub1VzZXJNb2RhbENvbXBvbmVudFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIFR3b0NvbHVtbk1vZGFsTW9kdWxlLFxuICAgIFR3b0NvbHVtbkJvZHlUZW1wbGF0ZU1vZHVsZSxcbiAgICBCdXR0b25Nb2R1bGUsXG4gICAgUGFyYWdyYXBoTW9kdWxlLFxuICAgIEljb25Nb2R1bGUsXG4gICAgSDRNb2R1bGUsXG4gICAgQnV0dG9uVjJNb2R1bGUsXG4gICAgUGxhY2Vob2xkZXJNb2R1bGUsXG4gICAgU2Z4TG9hZGVyTW9kdWxlXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBBc3NpZ25Ub1VzZXJNb2RhbENvbXBvbmVudFxuICBdXG59KVxuZXhwb3J0IGNsYXNzIEFzc2lnblRvVXNlck1vZGFsTW9kdWxlIHsgfVxuIl19

package/esm2020/projects/component-library/lib/pages/toggle-list-partial-page/toggle-list-partial-page.component.mjs

@@ -2,9 +2,9 @@ import { Component, EventEmitter, Input, Output } from '@angular/core';
 import { Icons } from '../../atoms/icon/icon.enum';
 import * as i0 from "@angular/core";
 import * as i1 from "../../molecules/labelled-toggle-list/labelled-toggle-list.component";
-import * as i2 from "../../molecules/button-with-icon/button-with-icon.component";
-import * as i3 from "../../atoms/sfx-loader/sfx-loader.component";
-import * as i4 from "../../atoms/paragraph/paragraph.component";
+import * as i2 from "../../atoms/paragraph/paragraph.component";
+import * as i3 from "../../molecules/button-with-icon/button-with-icon.component";
+import * as i4 from "../../atoms/sfx-loader/sfx-loader.component";
 import * as i5 from "@angular/common";
 export class ToggleListPartialPageComponent {
     constructor() {
@@ -20,10 +20,10 @@ export class ToggleListPartialPageComponent {
     }
 }
 ToggleListPartialPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ToggleListPartialPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ToggleListPartialPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ToggleListPartialPageComponent, selector: "symphony-toggle-list-partial-page", inputs: { model: "model" }, outputs: { updateSettingToggle: "updateSettingToggle", addButtonClick: "addButtonClick" }, ngImport: i0, template: "<div *ngIf=\"model\">\n  <h3 sfx-header>{{ model.PageLabel }}</h3>\n  <symphony-labelled-toggle-list\n    [modelList]=\"model.toggleModels\"\n    (toggleListItemValue)=\"updateSettingValue($event)\"\n  >\n  </symphony-labelled-toggle-list>\n  <symphony-button-with-icon *ngIf=\"model.enableAddButton\"\n    class=\"add-button sfx-font-bold\"\n    (clicked)=\"onAddButtonClick()\"\n    [icon]=\"icon\"\n    [text]=\"model.addButtonText\"\n    [showActionButton]=\"true\"\n    [showPopover]=\"true\"\n    [isDisabled]=\"false\"\n  ></symphony-button-with-icon>\n\n  <div\n    *ngIf=\"model.isLoading\"\n    class=\"sfx-mt-80 sfx-mb-40\"\n    feedback-card-list\n  >\n    <symphony-sfx-loader [message]=\"model.loadingMessage\"></symphony-sfx-loader>\n  </div>\n  <div\n    *ngIf=\"!model.toggleModels.length && !model.isLoading\"\n    class=\"sfx-mt-80 sfx-mb-40\"\n    feedback-card-list\n  >\n    <symphony-paragraph class=\"text-center\">{{\n      model.message\n    }}</symphony-paragraph>\n  </div>\n</div>\n", styles: [".add-button{color:#712ace}\n"], components: [{ type: i1.LabelledToggleListComponent, selector: "symphony-labelled-toggle-list", inputs: ["modelList"], outputs: ["toggleListItemValue"] }, { type: i2.ButtonWithIconComponent, selector: "symphony-button-with-icon", inputs: ["text", "icon", "showActionButton", "showPopover", "isDisabled"], outputs: ["clicked"] }, { type: i3.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }, { type: i4.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+ToggleListPartialPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ToggleListPartialPageComponent, selector: "symphony-toggle-list-partial-page", inputs: { model: "model" }, outputs: { updateSettingToggle: "updateSettingToggle", addButtonClick: "addButtonClick" }, ngImport: i0, template: "<div *ngIf=\"model\">\n  <h3 sfx-header>{{ model.PageLabel }}</h3>\n  <symphony-labelled-toggle-list\n    [modelList]=\"model.toggleModels\"\n    (toggleListItemValue)=\"updateSettingValue($event)\"\n  >\n  </symphony-labelled-toggle-list>\n  <div\n    *ngIf=\"!model.toggleModels.length && !model.isLoading\"\n    class=\"sfx-mt-80 sfx-mb-40\"\n    feedback-card-list\n  >\n    <symphony-paragraph class=\"text-center\">{{\n      model.message\n    }}</symphony-paragraph>\n  </div>\n  \n  <symphony-button-with-icon *ngIf=\"model.enableAddButton\"\n    class=\"add-button sfx-font-bold\"\n    (clicked)=\"onAddButtonClick()\"\n    [icon]=\"icon\"\n    [text]=\"model.addButtonText\"\n    [showActionButton]=\"true\"\n    [showPopover]=\"true\"\n    [isDisabled]=\"false\"\n  ></symphony-button-with-icon>\n\n  <div\n    *ngIf=\"model.isLoading\"\n    class=\"sfx-mt-80 sfx-mb-40\"\n    feedback-card-list\n  >\n    <symphony-sfx-loader [message]=\"model.loadingMessage\"></symphony-sfx-loader>\n  </div>\n</div>\n", styles: [".add-button{color:#712ace}\n"], components: [{ type: i1.LabelledToggleListComponent, selector: "symphony-labelled-toggle-list", inputs: ["modelList"], outputs: ["toggleListItemValue"] }, { type: i2.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i3.ButtonWithIconComponent, selector: "symphony-button-with-icon", inputs: ["text", "icon", "showActionButton", "showPopover", "isDisabled"], outputs: ["clicked"] }, { type: i4.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ToggleListPartialPageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-toggle-list-partial-page', template: "<div *ngIf=\"model\">\n  <h3 sfx-header>{{ model.PageLabel }}</h3>\n  <symphony-labelled-toggle-list\n    [modelList]=\"model.toggleModels\"\n    (toggleListItemValue)=\"updateSettingValue($event)\"\n  >\n  </symphony-labelled-toggle-list>\n  <symphony-button-with-icon *ngIf=\"model.enableAddButton\"\n    class=\"add-button sfx-font-bold\"\n    (clicked)=\"onAddButtonClick()\"\n    [icon]=\"icon\"\n    [text]=\"model.addButtonText\"\n    [showActionButton]=\"true\"\n    [showPopover]=\"true\"\n    [isDisabled]=\"false\"\n  ></symphony-button-with-icon>\n\n  <div\n    *ngIf=\"model.isLoading\"\n    class=\"sfx-mt-80 sfx-mb-40\"\n    feedback-card-list\n  >\n    <symphony-sfx-loader [message]=\"model.loadingMessage\"></symphony-sfx-loader>\n  </div>\n  <div\n    *ngIf=\"!model.toggleModels.length && !model.isLoading\"\n    class=\"sfx-mt-80 sfx-mb-40\"\n    feedback-card-list\n  >\n    <symphony-paragraph class=\"text-center\">{{\n      model.message\n    }}</symphony-paragraph>\n  </div>\n</div>\n", styles: [".add-button{color:#712ace}\n"] }]
+            args: [{ selector: 'symphony-toggle-list-partial-page', template: "<div *ngIf=\"model\">\n  <h3 sfx-header>{{ model.PageLabel }}</h3>\n  <symphony-labelled-toggle-list\n    [modelList]=\"model.toggleModels\"\n    (toggleListItemValue)=\"updateSettingValue($event)\"\n  >\n  </symphony-labelled-toggle-list>\n  <div\n    *ngIf=\"!model.toggleModels.length && !model.isLoading\"\n    class=\"sfx-mt-80 sfx-mb-40\"\n    feedback-card-list\n  >\n    <symphony-paragraph class=\"text-center\">{{\n      model.message\n    }}</symphony-paragraph>\n  </div>\n  \n  <symphony-button-with-icon *ngIf=\"model.enableAddButton\"\n    class=\"add-button sfx-font-bold\"\n    (clicked)=\"onAddButtonClick()\"\n    [icon]=\"icon\"\n    [text]=\"model.addButtonText\"\n    [showActionButton]=\"true\"\n    [showPopover]=\"true\"\n    [isDisabled]=\"false\"\n  ></symphony-button-with-icon>\n\n  <div\n    *ngIf=\"model.isLoading\"\n    class=\"sfx-mt-80 sfx-mb-40\"\n    feedback-card-list\n  >\n    <symphony-sfx-loader [message]=\"model.loadingMessage\"></symphony-sfx-loader>\n  </div>\n</div>\n", styles: [".add-button{color:#712ace}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { model: [{
                 type: Input
             }], updateSettingToggle: [{
@@ -31,4 +31,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
             }], addButtonClick: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLWxpc3QtcGFydGlhbC1wYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvcGFnZXMvdG9nZ2xlLWxpc3QtcGFydGlhbC1wYWdlL3RvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3BhZ2VzL3RvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZS90b2dnbGUtbGlzdC1wYXJ0aWFsLXBhZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUd2RSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7Ozs7QUFPbkQsTUFBTSxPQUFPLDhCQUE4QjtJQU96QztRQUxVLHdCQUFtQixHQUFHLElBQUksWUFBWSxFQUE0QixDQUFDO1FBQ25FLG1CQUFjLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUVwRCxTQUFJLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQztJQUVOLENBQUM7SUFFaEIsa0JBQWtCLENBQUMsS0FBSztRQUN0QixJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7SUFFRCxnQkFBZ0I7UUFDZCxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzdCLENBQUM7OzJIQWZVLDhCQUE4QjsrR0FBOUIsOEJBQThCLGdNQ1YzQyxxL0JBa0NBOzJGRHhCYSw4QkFBOEI7a0JBTDFDLFNBQVM7K0JBQ0UsbUNBQW1DOzBFQUtwQyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0ksbUJBQW1CO3NCQUE1QixNQUFNO2dCQUNHLGNBQWM7c0JBQXZCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVG9nZ2xlTGlzdFBhcnRpYWxQYWdlTW9kZWwgfSBmcm9tICcuL3RvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZS5tb2RlbCc7XG5pbXBvcnQgeyBMYWJlbGxlZElucHV0VG9nZ2xlTW9kZWwgfSBmcm9tICcuLi8uLi9tb2xlY3VsZXMvbGFiZWxsZWQtaW5wdXQtdG9nZ2xlL2xhYmVsbGVkLWlucHV0LXRvZ2dsZS5tb2RlbCc7XG5pbXBvcnQgeyBJY29ucyB9IGZyb20gJy4uLy4uL2F0b21zL2ljb24vaWNvbi5lbnVtJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktdG9nZ2xlLWxpc3QtcGFydGlhbC1wYWdlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3RvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZS5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBUb2dnbGVMaXN0UGFydGlhbFBhZ2VDb21wb25lbnQge1xuICBASW5wdXQoKSBtb2RlbDogVG9nZ2xlTGlzdFBhcnRpYWxQYWdlTW9kZWw7XG4gIEBPdXRwdXQoKSB1cGRhdGVTZXR0aW5nVG9nZ2xlID0gbmV3IEV2ZW50RW1pdHRlcjxMYWJlbGxlZElucHV0VG9nZ2xlTW9kZWw+KCk7XG4gIEBPdXRwdXQoKSBhZGRCdXR0b25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBpY29uID0gSWNvbnMuSU5DTFVERTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgdXBkYXRlU2V0dGluZ1ZhbHVlKGV2ZW50KSB7XG4gICAgdGhpcy51cGRhdGVTZXR0aW5nVG9nZ2xlLmVtaXQoZXZlbnQpO1xuICB9XG5cbiAgb25BZGRCdXR0b25DbGljaygpIHtcbiAgICB0aGlzLmFkZEJ1dHRvbkNsaWNrLmVtaXQoKTtcbiAgfVxufVxuIiwiPGRpdiAqbmdJZj1cIm1vZGVsXCI+XG4gIDxoMyBzZngtaGVhZGVyPnt7IG1vZGVsLlBhZ2VMYWJlbCB9fTwvaDM+XG4gIDxzeW1waG9ueS1sYWJlbGxlZC10b2dnbGUtbGlzdFxuICAgIFttb2RlbExpc3RdPVwibW9kZWwudG9nZ2xlTW9kZWxzXCJcbiAgICAodG9nZ2xlTGlzdEl0ZW1WYWx1ZSk9XCJ1cGRhdGVTZXR0aW5nVmFsdWUoJGV2ZW50KVwiXG4gID5cbiAgPC9zeW1waG9ueS1sYWJlbGxlZC10b2dnbGUtbGlzdD5cbiAgPHN5bXBob255LWJ1dHRvbi13aXRoLWljb24gKm5nSWY9XCJtb2RlbC5lbmFibGVBZGRCdXR0b25cIlxuICAgIGNsYXNzPVwiYWRkLWJ1dHRvbiBzZngtZm9udC1ib2xkXCJcbiAgICAoY2xpY2tlZCk9XCJvbkFkZEJ1dHRvbkNsaWNrKClcIlxuICAgIFtpY29uXT1cImljb25cIlxuICAgIFt0ZXh0XT1cIm1vZGVsLmFkZEJ1dHRvblRleHRcIlxuICAgIFtzaG93QWN0aW9uQnV0dG9uXT1cInRydWVcIlxuICAgIFtzaG93UG9wb3Zlcl09XCJ0cnVlXCJcbiAgICBbaXNEaXNhYmxlZF09XCJmYWxzZVwiXG4gID48L3N5bXBob255LWJ1dHRvbi13aXRoLWljb24+XG5cbiAgPGRpdlxuICAgICpuZ0lmPVwibW9kZWwuaXNMb2FkaW5nXCJcbiAgICBjbGFzcz1cInNmeC1tdC04MCBzZngtbWItNDBcIlxuICAgIGZlZWRiYWNrLWNhcmQtbGlzdFxuICA+XG4gICAgPHN5bXBob255LXNmeC1sb2FkZXIgW21lc3NhZ2VdPVwibW9kZWwubG9hZGluZ01lc3NhZ2VcIj48L3N5bXBob255LXNmeC1sb2FkZXI+XG4gIDwvZGl2PlxuICA8ZGl2XG4gICAgKm5nSWY9XCIhbW9kZWwudG9nZ2xlTW9kZWxzLmxlbmd0aCAmJiAhbW9kZWwuaXNMb2FkaW5nXCJcbiAgICBjbGFzcz1cInNmeC1tdC04MCBzZngtbWItNDBcIlxuICAgIGZlZWRiYWNrLWNhcmQtbGlzdFxuICA+XG4gICAgPHN5bXBob255LXBhcmFncmFwaCBjbGFzcz1cInRleHQtY2VudGVyXCI+e3tcbiAgICAgIG1vZGVsLm1lc3NhZ2VcbiAgICB9fTwvc3ltcGhvbnktcGFyYWdyYXBoPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLWxpc3QtcGFydGlhbC1wYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvcGFnZXMvdG9nZ2xlLWxpc3QtcGFydGlhbC1wYWdlL3RvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3BhZ2VzL3RvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZS90b2dnbGUtbGlzdC1wYXJ0aWFsLXBhZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUd2RSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7Ozs7QUFPbkQsTUFBTSxPQUFPLDhCQUE4QjtJQU96QztRQUxVLHdCQUFtQixHQUFHLElBQUksWUFBWSxFQUE0QixDQUFDO1FBQ25FLG1CQUFjLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUVwRCxTQUFJLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQztJQUVOLENBQUM7SUFFaEIsa0JBQWtCLENBQUMsS0FBSztRQUN0QixJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7SUFFRCxnQkFBZ0I7UUFDZCxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzdCLENBQUM7OzJIQWZVLDhCQUE4QjsrR0FBOUIsOEJBQThCLGdNQ1YzQyx5L0JBbUNBOzJGRHpCYSw4QkFBOEI7a0JBTDFDLFNBQVM7K0JBQ0UsbUNBQW1DOzBFQUtwQyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0ksbUJBQW1CO3NCQUE1QixNQUFNO2dCQUNHLGNBQWM7c0JBQXZCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVG9nZ2xlTGlzdFBhcnRpYWxQYWdlTW9kZWwgfSBmcm9tICcuL3RvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZS5tb2RlbCc7XG5pbXBvcnQgeyBMYWJlbGxlZElucHV0VG9nZ2xlTW9kZWwgfSBmcm9tICcuLi8uLi9tb2xlY3VsZXMvbGFiZWxsZWQtaW5wdXQtdG9nZ2xlL2xhYmVsbGVkLWlucHV0LXRvZ2dsZS5tb2RlbCc7XG5pbXBvcnQgeyBJY29ucyB9IGZyb20gJy4uLy4uL2F0b21zL2ljb24vaWNvbi5lbnVtJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktdG9nZ2xlLWxpc3QtcGFydGlhbC1wYWdlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3RvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZS5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBUb2dnbGVMaXN0UGFydGlhbFBhZ2VDb21wb25lbnQge1xuICBASW5wdXQoKSBtb2RlbDogVG9nZ2xlTGlzdFBhcnRpYWxQYWdlTW9kZWw7XG4gIEBPdXRwdXQoKSB1cGRhdGVTZXR0aW5nVG9nZ2xlID0gbmV3IEV2ZW50RW1pdHRlcjxMYWJlbGxlZElucHV0VG9nZ2xlTW9kZWw+KCk7XG4gIEBPdXRwdXQoKSBhZGRCdXR0b25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBpY29uID0gSWNvbnMuSU5DTFVERTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgdXBkYXRlU2V0dGluZ1ZhbHVlKGV2ZW50KSB7XG4gICAgdGhpcy51cGRhdGVTZXR0aW5nVG9nZ2xlLmVtaXQoZXZlbnQpO1xuICB9XG5cbiAgb25BZGRCdXR0b25DbGljaygpIHtcbiAgICB0aGlzLmFkZEJ1dHRvbkNsaWNrLmVtaXQoKTtcbiAgfVxufVxuIiwiPGRpdiAqbmdJZj1cIm1vZGVsXCI+XG4gIDxoMyBzZngtaGVhZGVyPnt7IG1vZGVsLlBhZ2VMYWJlbCB9fTwvaDM+XG4gIDxzeW1waG9ueS1sYWJlbGxlZC10b2dnbGUtbGlzdFxuICAgIFttb2RlbExpc3RdPVwibW9kZWwudG9nZ2xlTW9kZWxzXCJcbiAgICAodG9nZ2xlTGlzdEl0ZW1WYWx1ZSk9XCJ1cGRhdGVTZXR0aW5nVmFsdWUoJGV2ZW50KVwiXG4gID5cbiAgPC9zeW1waG9ueS1sYWJlbGxlZC10b2dnbGUtbGlzdD5cbiAgPGRpdlxuICAgICpuZ0lmPVwiIW1vZGVsLnRvZ2dsZU1vZGVscy5sZW5ndGggJiYgIW1vZGVsLmlzTG9hZGluZ1wiXG4gICAgY2xhc3M9XCJzZngtbXQtODAgc2Z4LW1iLTQwXCJcbiAgICBmZWVkYmFjay1jYXJkLWxpc3RcbiAgPlxuICAgIDxzeW1waG9ueS1wYXJhZ3JhcGggY2xhc3M9XCJ0ZXh0LWNlbnRlclwiPnt7XG4gICAgICBtb2RlbC5tZXNzYWdlXG4gICAgfX08L3N5bXBob255LXBhcmFncmFwaD5cbiAgPC9kaXY+XG4gIFxuICA8c3ltcGhvbnktYnV0dG9uLXdpdGgtaWNvbiAqbmdJZj1cIm1vZGVsLmVuYWJsZUFkZEJ1dHRvblwiXG4gICAgY2xhc3M9XCJhZGQtYnV0dG9uIHNmeC1mb250LWJvbGRcIlxuICAgIChjbGlja2VkKT1cIm9uQWRkQnV0dG9uQ2xpY2soKVwiXG4gICAgW2ljb25dPVwiaWNvblwiXG4gICAgW3RleHRdPVwibW9kZWwuYWRkQnV0dG9uVGV4dFwiXG4gICAgW3Nob3dBY3Rpb25CdXR0b25dPVwidHJ1ZVwiXG4gICAgW3Nob3dQb3BvdmVyXT1cInRydWVcIlxuICAgIFtpc0Rpc2FibGVkXT1cImZhbHNlXCJcbiAgPjwvc3ltcGhvbnktYnV0dG9uLXdpdGgtaWNvbj5cblxuICA8ZGl2XG4gICAgKm5nSWY9XCJtb2RlbC5pc0xvYWRpbmdcIlxuICAgIGNsYXNzPVwic2Z4LW10LTgwIHNmeC1tYi00MFwiXG4gICAgZmVlZGJhY2stY2FyZC1saXN0XG4gID5cbiAgICA8c3ltcGhvbnktc2Z4LWxvYWRlciBbbWVzc2FnZV09XCJtb2RlbC5sb2FkaW5nTWVzc2FnZVwiPjwvc3ltcGhvbnktc2Z4LWxvYWRlcj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2020/projects/component-library/lib/templates/modal-templates/two-column-modal-template/two-column-modal-template.component.mjs

@@ -5,13 +5,13 @@ export class TwoColumnModalTemplateComponent {
     constructor() { }
 }
 TwoColumnModalTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TwoColumnModalTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TwoColumnModalTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TwoColumnModalTemplateComponent, selector: "symphony-two-column-modal-template", inputs: { hideFooter: "hideFooter", hideSubtitle: "hideSubtitle" }, ngImport: i0, template: "<div class=\"sfx sfx-modal\">\n  <!-- main title -->\n  <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n    <div class=\"modal-title\" [ngClass]=\"{ 'sfx-pb-20': !hideSubtitle }\">\n      <div class=\"row\">\n        <div class=\"col-xs-12 col-sm-6 col-md-6 sfx-pr-30\">\n          <ng-content select=\"[sfx-modal-title]\"></ng-content>\n        </div>\n        <span class=\"pull-right sfx-pr-15\" style=\"padding-top: 1px\">\n          <ng-content select=\"[sfx-close-button]\"></ng-content>\n        </span>\n      </div>\n    </div>\n    <div *ngIf=\"!hideSubtitle\" class=\"modal-subtitle\">\n      <div class=\"row\">\n        <div class=\"col-xs-12 col-sm-6 col-md-6 sfx-pr-30\">\n          <ng-content select=\"[sfx-modal-subtitle]\"></ng-content>\n        </div>\n      </div>\n    </div>\n  </section>\n  <section class=\"modal-body-area sfx-pt-0\">\n    <ng-content select=\"[sfx-modal-body-area]\"></ng-content>\n  </section>\n  <!-- footer -->\n  <section\n    *ngIf=\"!hideFooter\"\n    class=\"modal-footer sfx-bg-black sfx-pt-30 sfx-pb-40 sfx-pr-30 sfx-pl-30\"\n  >\n    <div class=\"row\">\n      <div class=\"col-xs-6\">\n        <span class=\"sfx-pr-10 pull-left\">\n          <ng-content select=\"[sfx-button-back]\"></ng-content>\n        </span>\n      </div>\n      <div class=\"col-xs-6\">\n        <div class=\"sfx-d-flex pull-right\">\n          <span>\n            <ng-content select=\"[sfx-button-secondary]\"></ng-content>\n          </span>\n          <span class=\"sfx-pl-10\">\n            <ng-content select=\"[sfx-button-primary]\"></ng-content>\n          </span>\n        </div>\n      </div>\n    </div>\n  </section>\n</div>\n", styles: [".pull-left{float:left}.modal-footer{min-height:130px}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+TwoColumnModalTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TwoColumnModalTemplateComponent, selector: "symphony-two-column-modal-template", inputs: { hideFooter: "hideFooter", hideSubtitle: "hideSubtitle" }, ngImport: i0, template: "<div class=\"sfx sfx-modal\">\n  <!-- main title -->\n  <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n    <div class=\"modal-title\" [ngClass]=\"{ 'sfx-pb-20': !hideSubtitle }\">\n      <div class=\"row\">\n        <div class=\"col-xs-12 col-sm-6 col-md-6 sfx-pr-30\">\n          <ng-content select=\"[sfx-modal-title]\"></ng-content>\n        </div>\n        <span class=\"pull-right sfx-pr-15\" style=\"padding-top: 1px\">\n          <ng-content select=\"[sfx-close-button]\"></ng-content>\n        </span>\n      </div>\n    </div>\n    <div *ngIf=\"!hideSubtitle\" class=\"modal-subtitle\">\n      <div class=\"row\">\n        <div class=\"col-xs-12 col-sm-6 col-md-6 sfx-pr-30\">\n          <ng-content select=\"[sfx-modal-subtitle]\"></ng-content>\n        </div>\n      </div>\n    </div>\n  </section>\n  <section class=\"modal-body-area sfx-pt-0\">\n    <ng-content select=\"[sfx-modal-body-area]\"></ng-content>\n  </section>\n  <!-- footer -->\n  <section\n    *ngIf=\"!hideFooter\"\n    class=\"modal-footer sfx-pt-30 sfx-pb-40 sfx-pr-30 sfx-pl-30\"\n  >\n    <div class=\"row\">\n      <div class=\"col-xs-6\">\n        <span class=\"sfx-pr-10 pull-left\">\n          <ng-content select=\"[sfx-button-back]\"></ng-content>\n        </span>\n      </div>\n      <div class=\"col-xs-6\">\n        <div class=\"sfx-d-flex pull-right\">\n          <span>\n            <ng-content select=\"[sfx-button-secondary]\"></ng-content>\n          </span>\n          <span class=\"sfx-pl-10\">\n            <ng-content select=\"[sfx-button-primary]\"></ng-content>\n          </span>\n        </div>\n      </div>\n    </div>\n  </section>\n</div>\n", styles: [".pull-left{float:left}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TwoColumnModalTemplateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-two-column-modal-template', template: "<div class=\"sfx sfx-modal\">\n  <!-- main title -->\n  <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n    <div class=\"modal-title\" [ngClass]=\"{ 'sfx-pb-20': !hideSubtitle }\">\n      <div class=\"row\">\n        <div class=\"col-xs-12 col-sm-6 col-md-6 sfx-pr-30\">\n          <ng-content select=\"[sfx-modal-title]\"></ng-content>\n        </div>\n        <span class=\"pull-right sfx-pr-15\" style=\"padding-top: 1px\">\n          <ng-content select=\"[sfx-close-button]\"></ng-content>\n        </span>\n      </div>\n    </div>\n    <div *ngIf=\"!hideSubtitle\" class=\"modal-subtitle\">\n      <div class=\"row\">\n        <div class=\"col-xs-12 col-sm-6 col-md-6 sfx-pr-30\">\n          <ng-content select=\"[sfx-modal-subtitle]\"></ng-content>\n        </div>\n      </div>\n    </div>\n  </section>\n  <section class=\"modal-body-area sfx-pt-0\">\n    <ng-content select=\"[sfx-modal-body-area]\"></ng-content>\n  </section>\n  <!-- footer -->\n  <section\n    *ngIf=\"!hideFooter\"\n    class=\"modal-footer sfx-bg-black sfx-pt-30 sfx-pb-40 sfx-pr-30 sfx-pl-30\"\n  >\n    <div class=\"row\">\n      <div class=\"col-xs-6\">\n        <span class=\"sfx-pr-10 pull-left\">\n          <ng-content select=\"[sfx-button-back]\"></ng-content>\n        </span>\n      </div>\n      <div class=\"col-xs-6\">\n        <div class=\"sfx-d-flex pull-right\">\n          <span>\n            <ng-content select=\"[sfx-button-secondary]\"></ng-content>\n          </span>\n          <span class=\"sfx-pl-10\">\n            <ng-content select=\"[sfx-button-primary]\"></ng-content>\n          </span>\n        </div>\n      </div>\n    </div>\n  </section>\n</div>\n", styles: [".pull-left{float:left}.modal-footer{min-height:130px}\n"] }]
+            args: [{ selector: 'symphony-two-column-modal-template', template: "<div class=\"sfx sfx-modal\">\n  <!-- main title -->\n  <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n    <div class=\"modal-title\" [ngClass]=\"{ 'sfx-pb-20': !hideSubtitle }\">\n      <div class=\"row\">\n        <div class=\"col-xs-12 col-sm-6 col-md-6 sfx-pr-30\">\n          <ng-content select=\"[sfx-modal-title]\"></ng-content>\n        </div>\n        <span class=\"pull-right sfx-pr-15\" style=\"padding-top: 1px\">\n          <ng-content select=\"[sfx-close-button]\"></ng-content>\n        </span>\n      </div>\n    </div>\n    <div *ngIf=\"!hideSubtitle\" class=\"modal-subtitle\">\n      <div class=\"row\">\n        <div class=\"col-xs-12 col-sm-6 col-md-6 sfx-pr-30\">\n          <ng-content select=\"[sfx-modal-subtitle]\"></ng-content>\n        </div>\n      </div>\n    </div>\n  </section>\n  <section class=\"modal-body-area sfx-pt-0\">\n    <ng-content select=\"[sfx-modal-body-area]\"></ng-content>\n  </section>\n  <!-- footer -->\n  <section\n    *ngIf=\"!hideFooter\"\n    class=\"modal-footer sfx-pt-30 sfx-pb-40 sfx-pr-30 sfx-pl-30\"\n  >\n    <div class=\"row\">\n      <div class=\"col-xs-6\">\n        <span class=\"sfx-pr-10 pull-left\">\n          <ng-content select=\"[sfx-button-back]\"></ng-content>\n        </span>\n      </div>\n      <div class=\"col-xs-6\">\n        <div class=\"sfx-d-flex pull-right\">\n          <span>\n            <ng-content select=\"[sfx-button-secondary]\"></ng-content>\n          </span>\n          <span class=\"sfx-pl-10\">\n            <ng-content select=\"[sfx-button-primary]\"></ng-content>\n          </span>\n        </div>\n      </div>\n    </div>\n  </section>\n</div>\n", styles: [".pull-left{float:left}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { hideFooter: [{
                 type: Input
             }], hideSubtitle: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHdvLWNvbHVtbi1tb2RhbC10ZW1wbGF0ZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3RlbXBsYXRlcy9tb2RhbC10ZW1wbGF0ZXMvdHdvLWNvbHVtbi1tb2RhbC10ZW1wbGF0ZS90d28tY29sdW1uLW1vZGFsLXRlbXBsYXRlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvdGVtcGxhdGVzL21vZGFsLXRlbXBsYXRlcy90d28tY29sdW1uLW1vZGFsLXRlbXBsYXRlL3R3by1jb2x1bW4tbW9kYWwtdGVtcGxhdGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQU9qRCxNQUFNLE9BQU8sK0JBQStCO0lBRzFDLGdCQUFlLENBQUM7OzRIQUhMLCtCQUErQjtnSEFBL0IsK0JBQStCLDhJQ1A1Qyx1b0RBZ0RBOzJGRHpDYSwrQkFBK0I7a0JBTDNDLFNBQVM7K0JBQ0Usb0NBQW9DOzBFQUtyQyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LXR3by1jb2x1bW4tbW9kYWwtdGVtcGxhdGUnLFxuICB0ZW1wbGF0ZVVybDogJy4vdHdvLWNvbHVtbi1tb2RhbC10ZW1wbGF0ZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3R3by1jb2x1bW4tbW9kYWwtdGVtcGxhdGUuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgVHdvQ29sdW1uTW9kYWxUZW1wbGF0ZUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGhpZGVGb290ZXI6IGJvb2xlYW47XG4gIEBJbnB1dCgpIGhpZGVTdWJ0aXRsZTogYm9vbGVhbjtcbiAgY29uc3RydWN0b3IoKSB7fVxufVxuIiwiPGRpdiBjbGFzcz1cInNmeCBzZngtbW9kYWxcIj5cbiAgPCEtLSBtYWluIHRpdGxlIC0tPlxuICA8c2VjdGlvbiBjbGFzcz1cIm1vZGFsLWhlYWRlciBzZngtcC0zMCBzZngtcHQtNDBcIj5cbiAgICA8ZGl2IGNsYXNzPVwibW9kYWwtdGl0bGVcIiBbbmdDbGFzc109XCJ7ICdzZngtcGItMjAnOiAhaGlkZVN1YnRpdGxlIH1cIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJyb3dcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tNiBjb2wtbWQtNiBzZngtcHItMzBcIj5cbiAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2Z4LW1vZGFsLXRpdGxlXVwiPjwvbmctY29udGVudD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwicHVsbC1yaWdodCBzZngtcHItMTVcIiBzdHlsZT1cInBhZGRpbmctdG9wOiAxcHhcIj5cbiAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2Z4LWNsb3NlLWJ1dHRvbl1cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgKm5nSWY9XCIhaGlkZVN1YnRpdGxlXCIgY2xhc3M9XCJtb2RhbC1zdWJ0aXRsZVwiPlxuICAgICAgPGRpdiBjbGFzcz1cInJvd1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS02IGNvbC1tZC02IHNmeC1wci0zMFwiPlxuICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzZngtbW9kYWwtc3VidGl0bGVdXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L3NlY3Rpb24+XG4gIDxzZWN0aW9uIGNsYXNzPVwibW9kYWwtYm9keS1hcmVhIHNmeC1wdC0wXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1tb2RhbC1ib2R5LWFyZWFdXCI+PC9uZy1jb250ZW50PlxuICA8L3NlY3Rpb24+XG4gIDwhLS0gZm9vdGVyIC0tPlxuICA8c2VjdGlvblxuICAgICpuZ0lmPVwiIWhpZGVGb290ZXJcIlxuICAgIGNsYXNzPVwibW9kYWwtZm9vdGVyIHNmeC1iZy1ibGFjayBzZngtcHQtMzAgc2Z4LXBiLTQwIHNmeC1wci0zMCBzZngtcGwtMzBcIlxuICA+XG4gICAgPGRpdiBjbGFzcz1cInJvd1wiPlxuICAgICAgPGRpdiBjbGFzcz1cImNvbC14cy02XCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2Z4LXByLTEwIHB1bGwtbGVmdFwiPlxuICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzZngtYnV0dG9uLWJhY2tdXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtNlwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwic2Z4LWQtZmxleCBwdWxsLXJpZ2h0XCI+XG4gICAgICAgICAgPHNwYW4+XG4gICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2Z4LWJ1dHRvbi1zZWNvbmRhcnldXCI+PC9uZy1jb250ZW50PlxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInNmeC1wbC0xMFwiPlxuICAgICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1idXR0b24tcHJpbWFyeV1cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L3NlY3Rpb24+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHdvLWNvbHVtbi1tb2RhbC10ZW1wbGF0ZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3RlbXBsYXRlcy9tb2RhbC10ZW1wbGF0ZXMvdHdvLWNvbHVtbi1tb2RhbC10ZW1wbGF0ZS90d28tY29sdW1uLW1vZGFsLXRlbXBsYXRlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvdGVtcGxhdGVzL21vZGFsLXRlbXBsYXRlcy90d28tY29sdW1uLW1vZGFsLXRlbXBsYXRlL3R3by1jb2x1bW4tbW9kYWwtdGVtcGxhdGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQU9qRCxNQUFNLE9BQU8sK0JBQStCO0lBRzFDLGdCQUFlLENBQUM7OzRIQUhMLCtCQUErQjtnSEFBL0IsK0JBQStCLDhJQ1A1QywwbkRBZ0RBOzJGRHpDYSwrQkFBK0I7a0JBTDNDLFNBQVM7K0JBQ0Usb0NBQW9DOzBFQUtyQyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LXR3by1jb2x1bW4tbW9kYWwtdGVtcGxhdGUnLFxuICB0ZW1wbGF0ZVVybDogJy4vdHdvLWNvbHVtbi1tb2RhbC10ZW1wbGF0ZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3R3by1jb2x1bW4tbW9kYWwtdGVtcGxhdGUuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgVHdvQ29sdW1uTW9kYWxUZW1wbGF0ZUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGhpZGVGb290ZXI6IGJvb2xlYW47XG4gIEBJbnB1dCgpIGhpZGVTdWJ0aXRsZTogYm9vbGVhbjtcbiAgY29uc3RydWN0b3IoKSB7fVxufVxuIiwiPGRpdiBjbGFzcz1cInNmeCBzZngtbW9kYWxcIj5cbiAgPCEtLSBtYWluIHRpdGxlIC0tPlxuICA8c2VjdGlvbiBjbGFzcz1cIm1vZGFsLWhlYWRlciBzZngtcC0zMCBzZngtcHQtNDBcIj5cbiAgICA8ZGl2IGNsYXNzPVwibW9kYWwtdGl0bGVcIiBbbmdDbGFzc109XCJ7ICdzZngtcGItMjAnOiAhaGlkZVN1YnRpdGxlIH1cIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJyb3dcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tNiBjb2wtbWQtNiBzZngtcHItMzBcIj5cbiAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2Z4LW1vZGFsLXRpdGxlXVwiPjwvbmctY29udGVudD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwicHVsbC1yaWdodCBzZngtcHItMTVcIiBzdHlsZT1cInBhZGRpbmctdG9wOiAxcHhcIj5cbiAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2Z4LWNsb3NlLWJ1dHRvbl1cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgKm5nSWY9XCIhaGlkZVN1YnRpdGxlXCIgY2xhc3M9XCJtb2RhbC1zdWJ0aXRsZVwiPlxuICAgICAgPGRpdiBjbGFzcz1cInJvd1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS02IGNvbC1tZC02IHNmeC1wci0zMFwiPlxuICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzZngtbW9kYWwtc3VidGl0bGVdXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L3NlY3Rpb24+XG4gIDxzZWN0aW9uIGNsYXNzPVwibW9kYWwtYm9keS1hcmVhIHNmeC1wdC0wXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1tb2RhbC1ib2R5LWFyZWFdXCI+PC9uZy1jb250ZW50PlxuICA8L3NlY3Rpb24+XG4gIDwhLS0gZm9vdGVyIC0tPlxuICA8c2VjdGlvblxuICAgICpuZ0lmPVwiIWhpZGVGb290ZXJcIlxuICAgIGNsYXNzPVwibW9kYWwtZm9vdGVyIHNmeC1wdC0zMCBzZngtcGItNDAgc2Z4LXByLTMwIHNmeC1wbC0zMFwiXG4gID5cbiAgICA8ZGl2IGNsYXNzPVwicm93XCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTZcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzZngtcHItMTAgcHVsbC1sZWZ0XCI+XG4gICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1idXR0b24tYmFja11cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cImNvbC14cy02XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzZngtZC1mbGV4IHB1bGwtcmlnaHRcIj5cbiAgICAgICAgICA8c3Bhbj5cbiAgICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzZngtYnV0dG9uLXNlY29uZGFyeV1cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2Z4LXBsLTEwXCI+XG4gICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2Z4LWJ1dHRvbi1wcmltYXJ5XVwiPjwvbmctY29udGVudD5cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvc2VjdGlvbj5cbjwvZGl2PlxuIl19