[{"__symbolic":"module","version":4,"metadata":{"template":"\n<div class=\"modal-background\" [@toggleBackground]=\"modalVisible\" ></div>\n<div class=\"sdc-modal {{size}}\">\n    <div class=\"sdc-modal__wrapper sdc-modal-type-{{type}}\" [@toggleModal]=\"modalVisible\" (@toggleModal.done)=\"modalToggled($event)\">\n\n        <div class=\"sdc-modal__header sdc-{{type}}__header\">\n            <div class=\"sdc-modal__icon\" *ngIf=\"type!='custom'\" [innerHtml]=\"svgIconContentSafeHtml\"></div>\n\n            <div *ngIf=\"title\" class=\"title\" >\n            {{ title }}\n            <svg-icon\n              *ngIf=\"titleIcon\"\n              [name]=\"titleIcon.iconName\"\n              [mode]=\"titleIcon.iconMode\"\n              [size]=\"titleIcon.iconSize\">\n            </svg-icon>\n            </div>\n            <sdc-modal-close-button #modalCloseButton [testId]=\"'close' | calculateTestId : testId\" [modalInstanceRef]=\"instanceRef\"></sdc-modal-close-button>\n        </div>\n\n        <div class=\"sdc-modal__content\">\n                <div *ngIf=\"message\" [innerHtml]=\"message\"></div>\n                <div #dynamicContentContainer></div>\n                <div class=\"disabled-modal\" *ngIf=\"isDisabled\"></div>\n        </div>\n\n        <div class=\"sdc-modal__footer\">\n            <sdc-modal-button *ngFor=\"let button of buttons\"\n                [text]=\"button.text\"\n                [type]=\"button.type || 'primary'\"\n                [disabled]=\"button.disabled\"\n                [size] = \"button.size ? button.size : 'default'\"\n                [closeModal]=\"button.closeModal\"\n                [spinner_position]=\"button.spinner_position\"\n                [show_spinner]=\"button.show_spinner\"\n                [callback]=\"button.callback\"\n                [testId]=\"'button-' + button.text | calculateTestId : testId\"\n                (closeModalEvent)=\"closeModal(button.text)\"\n                >\n            </sdc-modal-button>\n        </div>\n\n    </div>\n</div>\n"}}]