[{"__symbolic":"module","version":3,"metadata":{"ModalContainerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"adm-modal-container","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"styles":["@keyframes animate-success-tip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @keyframes animate-success-long { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @keyframes showSweetAlert { 0% { transform: scale(0.7); } 45% { transform: scale(1.05); } 80% { transform: scale(0.95); } 100% { transform: scale(1); } } @keyframes animate-error-icon { 0% { transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); opacity: 1; } } @keyframes rotatePlaceholder { 0% { transform: rotate(-45deg); } 5% { transform: rotate(-45deg); } 12% { transform: rotate(-405deg); } 100% { transform: rotate(-405deg); } } adm-modal-container { position: fixed; top: 0; bottom: 0; left: 0; right: 0; display: flex; justify-content: center; align-items: center; height: 100%; z-index: 99999; } adm-modal-container:before { content: ''; display: inline-block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: rgba(0, 0, 0, 0.5); } adm-modal-container.inactive { display: none; } .adm-modal { background: #fff; border-radius: 5px; overflow: hidden; font-size: 14px; color: #333; max-width: 600px; } .adm-modal__wrap { z-index: 1; box-shadow: 0 6px 40px rgba(0, 0, 0, 0.35); animation: showSweetAlert 0.3s; max-height: 96%; overflow: auto; border-radius: 5px; } .adm-modal.is__success .adm-modal__header { background: #e5fbf4; } .adm-modal.is__success .adm-modal__footer .adm-modal__btn.is__positive { background: #4bd396; border-color: #4bd396; } .adm-modal.is__info .adm-modal__header { background: #e6fafa; } .adm-modal.is__warning .adm-modal__header { background: #fff5e5; } .adm-modal.is__warning .adm-modal__footer .adm-modal__btn.is__positive { background: #f8bb86; border-color: #f8bb86; } .adm-modal.is__error .adm-modal__header { background: #fde9ea; } .adm-modal.is__error .adm-modal__footer .adm-modal__btn.is__positive { background: #d54c48; border-color: #d54c48; } .adm-modal.with-type .adm-modal__header { padding-top: 10px; padding-bottom: 10px; } .adm-modal.without-type .adm-modal__header__text { margin-bottom: 0; text-align: left; } .adm-modal.without-type .adm-modal__close-btn { top: 17px; } .adm-modal-icon { width: 80px; height: 80px; border: 4px solid transparent; border-radius: 50%; margin: 20px auto 30px; padding: 0; position: relative; box-sizing: content-box; cursor: default; user-select: none; } .adm-modal-icon.is__success { border-color: #00d48b; } .adm-modal-icon.is__success [class^='swal2-success-circular-line'] { border-radius: 50%; position: absolute; width: 60px; height: 120px; transform: rotate(45deg); background: #e5fbf4; } .adm-modal-icon.is__success [class^='swal2-success-circular-line'][class$='left'] { border-radius: 120px 0 0 120px; top: -7px; left: -33px; transform: rotate(-45deg); transform-origin: 60px 60px; } .adm-modal-icon.is__success [class^='swal2-success-circular-line'][class$='right'] { border-radius: 0 120px 120px 0; top: -11px; left: 30px; transform: rotate(-45deg); transform-origin: 0 60px; animation: rotatePlaceholder 4.25s ease-in; } .adm-modal-icon.is__success .swal2-success-ring { width: 80px; height: 80px; border: 4px solid rgba(0, 212, 139, 0.2); border-radius: 50%; box-sizing: content-box; position: absolute; left: -4px; top: -4px; z-index: 2; } .adm-modal-icon.is__success .swal2-success-fix { width: 7px; height: 90px; position: absolute; left: 28px; top: 8px; z-index: 1; transform: rotate(-45deg); background: #e5fbf4; } .adm-modal-icon.is__success [class^='swal2-success-line'] { height: 5px; background-color: #00d48b; display: block; border-radius: 2px; position: absolute; z-index: 2; } .adm-modal-icon.is__success [class^='swal2-success-line'][class$='tip'] { width: 25px; left: 14px; top: 46px; transform: rotate(45deg); animation: animate-success-tip 0.75s; } .adm-modal-icon.is__success [class^='swal2-success-line'][class$='long'] { width: 47px; right: 8px; top: 38px; transform: rotate(-45deg); animation: animate-success-long 0.75s; } .adm-modal-icon.is__info { font-family: 'Open Sans', sans-serif; color: #3fc3ee; border-color: #9de0f6; font-size: 60px; line-height: 80px; text-align: center; } .adm-modal-icon.is__warning { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #f8bb86; border-color: #facea8; font-size: 60px; line-height: 80px; text-align: center; } .adm-modal-icon.is__error { border-color: #f27474; animation: animate-error-icon 0.5s; } .adm-modal-icon.is__error .swal2-x-mark { position: relative; display: block; } .adm-modal-icon.is__error [class^='swal2-x-mark-line'] { position: absolute; height: 5px; width: 47px; background-color: #f27474; display: block; top: 37px; border-radius: 2px; } .adm-modal-icon.is__error [class^='swal2-x-mark-line'][class$='left'] { transform: rotate(45deg); left: 17px; } .adm-modal-icon.is__error [class^='swal2-x-mark-line'][class$='right'] { transform: rotate(-45deg); right: 16px; } .adm-modal__header, .adm-modal__content, .adm-modal__footer { padding: 20px 30px; min-width: 500px; box-sizing: border-box; } .adm-modal__close-btn { position: absolute; right: 8px; top: 8px; background: transparent; border: none; cursor: pointer; padding: 0; margin: 0; color: #ababab; opacity: .8; } .adm-modal__close-btn:hover { opacity: 1; } .adm-modal__close-btn i { font-size: 26px; } .adm-modal__header { position: relative; } .adm-modal__header__text { text-align: center; margin-bottom: 20px; font-size: 22px; line-height: 1; } .adm-modal__content { padding-top: 25px; padding-bottom: 25px; line-height: 1.5; } .adm-modal__footer { text-align: right; padding-top: 10px; } .adm-modal__footer .adm-modal__btn { border: 0; padding: 0; box-shadow: none; outline: none !important; background: transparent; border-radius: 0; color: inherit; font-family: inherit; font-size: inherit; cursor: pointer; padding: 9px 22px; color: #444; border: 1px solid; border-radius: 3px; margin: 0 5px; min-width: 90px; } .adm-modal__footer .adm-modal__btn:last-child { margin-right: 0; } .adm-modal__footer .adm-modal__btn:first-child { margin-left: 0; } .adm-modal__footer .adm-modal__btn.is__positive { background: #00beef; color: #fff; border-color: #00beef; } "],"host":{"[class.inactive]":"!modal","(click)":"onCancelClick($event)","$quoted$":["[class.inactive]","(click)"]},"template":"\n        <ng-template [ngIf]=\"modal\">\n            <div class=\"adm-modal__wrap\" (click)=\"preventPropagation($event);\">\n                <div class=\"adm-modal\"\n                     [ngClass]=\"{'is__success':iconTypeExist && modal.type === 'success', 'is__info':iconTypeExist && modal.type === 'info', 'is__warning':iconTypeExist && modal.type === 'warning', 'is__error':iconTypeExist && modal.type === 'error', 'without-type':!modal.type || !iconTypeExist, 'with-type':modal.type && iconTypeExist}\">\n                    <ng-template [ngIf]=\"modal.title && modal.title.length\">\n                        <div class=\"adm-modal__header\">\n                            <ng-template [ngIf]=\"!!modal.type && iconTypeExist\">\n                                <div class=\"adm-modal-icon is__success\" *ngIf=\"modal.type === 'success'\">\n                                    <div class=\"swal2-success-circular-line-left\"></div>\n                                    <span class=\"swal2-success-line-tip swal2-animate-success-line-tip\"></span> <span\n                                        class=\"swal2-success-line-long swal2-animate-success-line-long\"></span>\n                                    <div class=\"swal2-success-ring\"></div>\n                                    <div class=\"swal2-success-fix\"></div>\n                                    <div class=\"swal2-success-circular-line-right\"></div>\n                                </div>\n                                <div class=\"adm-modal-icon is__info\" *ngIf=\"modal.type === 'info'\">i</div>\n                                <div class=\"adm-modal-icon is__warning\" *ngIf=\"modal.type === 'warning'\">!</div>\n                                <div class=\"adm-modal-icon is__error\" *ngIf=\"modal.type === 'error'\">\n                                    <span class=\"swal2-x-mark swal2-animate-x-mark\">\n                                        <span class=\"swal2-x-mark-line-left\"></span>\n                                        <span class=\"swal2-x-mark-line-right\"></span>\n                                    </span>\n                                </div>\n                            </ng-template>\n                            <div class=\"adm-modal__header__text\">\n                                {{ modal.title }}\n                                <button (click)=\"onCancelClick($event);\" class=\"adm-modal__close-btn\"><i\n                                        class=\"material-icons\">close</i></button>\n                            </div>\n                        </div>\n                    </ng-template>\n                    <ng-template [ngIf]=\"modal.content\">\n                        <div class=\"adm-modal__content\">\n                            <ng-template [ngIf]=\"modal.content.length\">\n                                <div [innerHtml]=\"modal.content\"></div>\n                            </ng-template>\n                            <ng-template [ngIf]=\"renderTemplate\">\n                                <adm-dynamic-render-component [template]=\"modal.content\"></adm-dynamic-render-component>\n                            </ng-template>\n                        </div>\n                    </ng-template>\n                    <ng-template [ngIf]=\"!hideActionBar\">\n                        <div class=\"adm-modal__footer\">\n                            <button class=\"adm-modal__btn is__negative\" *ngIf=\"modal.btns.negative\"\n                                    (click)=\"onCancelClick($event);\">{{ modal.btns.negative }}\n                            </button>\n                            <button class=\"adm-modal__btn is__positive\" *ngIf=\"modal.btns.positive\"\n                                    (click)=\"onApplyClick($event);\">{{ modal.btns.positive }}\n                            </button>\n                        </div>\n                    </ng-template>\n                </div>\n            </div>\n        </ng-template>\n    "}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone"},{"__symbolic":"reference","module":"@angular/router","name":"Router"},{"__symbolic":"reference","module":"./service","name":"ModalManagerService"}]}],"showModal":[{"__symbolic":"method"}],"onEnter":[{"__symbolic":"method"}],"onExit":[{"__symbolic":"method"}],"onApply":[{"__symbolic":"method"}],"onApplyClick":[{"__symbolic":"method"}],"onCancelClick":[{"__symbolic":"method"}],"_ngExit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"preventPropagation":[{"__symbolic":"method"}],"onSubscribeFromNavigationStart":[{"__symbolic":"method"}]}},"DynamicRenderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"adm-dynamic-render-component","template":""}]}],"members":{"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef"}]}],"ngOnInit":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"ModalContainerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"adm-modal-container","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"styles":["@keyframes animate-success-tip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @keyframes animate-success-long { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @keyframes showSweetAlert { 0% { transform: scale(0.7); } 45% { transform: scale(1.05); } 80% { transform: scale(0.95); } 100% { transform: scale(1); } } @keyframes animate-error-icon { 0% { transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); opacity: 1; } } @keyframes rotatePlaceholder { 0% { transform: rotate(-45deg); } 5% { transform: rotate(-45deg); } 12% { transform: rotate(-405deg); } 100% { transform: rotate(-405deg); } } adm-modal-container { position: fixed; top: 0; bottom: 0; left: 0; right: 0; display: flex; justify-content: center; align-items: center; height: 100%; z-index: 99999; } adm-modal-container:before { content: ''; display: inline-block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: rgba(0, 0, 0, 0.5); } adm-modal-container.inactive { display: none; } .adm-modal { background: #fff; border-radius: 5px; overflow: hidden; font-size: 14px; color: #333; max-width: 600px; } .adm-modal__wrap { z-index: 1; box-shadow: 0 6px 40px rgba(0, 0, 0, 0.35); animation: showSweetAlert 0.3s; max-height: 96%; overflow: auto; border-radius: 5px; } .adm-modal.is__success .adm-modal__header { background: #e5fbf4; } .adm-modal.is__success .adm-modal__footer .adm-modal__btn.is__positive { background: #4bd396; border-color: #4bd396; } .adm-modal.is__info .adm-modal__header { background: #e6fafa; } .adm-modal.is__warning .adm-modal__header { background: #fff5e5; } .adm-modal.is__warning .adm-modal__footer .adm-modal__btn.is__positive { background: #f8bb86; border-color: #f8bb86; } .adm-modal.is__error .adm-modal__header { background: #fde9ea; } .adm-modal.is__error .adm-modal__footer .adm-modal__btn.is__positive { background: #d54c48; border-color: #d54c48; } .adm-modal.with-type .adm-modal__header { padding-top: 10px; padding-bottom: 10px; } .adm-modal.without-type .adm-modal__header__text { margin-bottom: 0; text-align: left; } .adm-modal.without-type .adm-modal__close-btn { top: 17px; } .adm-modal-icon { width: 80px; height: 80px; border: 4px solid transparent; border-radius: 50%; margin: 20px auto 30px; padding: 0; position: relative; box-sizing: content-box; cursor: default; user-select: none; } .adm-modal-icon.is__success { border-color: #00d48b; } .adm-modal-icon.is__success [class^='swal2-success-circular-line'] { border-radius: 50%; position: absolute; width: 60px; height: 120px; transform: rotate(45deg); background: #e5fbf4; } .adm-modal-icon.is__success [class^='swal2-success-circular-line'][class$='left'] { border-radius: 120px 0 0 120px; top: -7px; left: -33px; transform: rotate(-45deg); transform-origin: 60px 60px; } .adm-modal-icon.is__success [class^='swal2-success-circular-line'][class$='right'] { border-radius: 0 120px 120px 0; top: -11px; left: 30px; transform: rotate(-45deg); transform-origin: 0 60px; animation: rotatePlaceholder 4.25s ease-in; } .adm-modal-icon.is__success .swal2-success-ring { width: 80px; height: 80px; border: 4px solid rgba(0, 212, 139, 0.2); border-radius: 50%; box-sizing: content-box; position: absolute; left: -4px; top: -4px; z-index: 2; } .adm-modal-icon.is__success .swal2-success-fix { width: 7px; height: 90px; position: absolute; left: 28px; top: 8px; z-index: 1; transform: rotate(-45deg); background: #e5fbf4; } .adm-modal-icon.is__success [class^='swal2-success-line'] { height: 5px; background-color: #00d48b; display: block; border-radius: 2px; position: absolute; z-index: 2; } .adm-modal-icon.is__success [class^='swal2-success-line'][class$='tip'] { width: 25px; left: 14px; top: 46px; transform: rotate(45deg); animation: animate-success-tip 0.75s; } .adm-modal-icon.is__success [class^='swal2-success-line'][class$='long'] { width: 47px; right: 8px; top: 38px; transform: rotate(-45deg); animation: animate-success-long 0.75s; } .adm-modal-icon.is__info { font-family: 'Open Sans', sans-serif; color: #3fc3ee; border-color: #9de0f6; font-size: 60px; line-height: 80px; text-align: center; } .adm-modal-icon.is__warning { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #f8bb86; border-color: #facea8; font-size: 60px; line-height: 80px; text-align: center; } .adm-modal-icon.is__error { border-color: #f27474; animation: animate-error-icon 0.5s; } .adm-modal-icon.is__error .swal2-x-mark { position: relative; display: block; } .adm-modal-icon.is__error [class^='swal2-x-mark-line'] { position: absolute; height: 5px; width: 47px; background-color: #f27474; display: block; top: 37px; border-radius: 2px; } .adm-modal-icon.is__error [class^='swal2-x-mark-line'][class$='left'] { transform: rotate(45deg); left: 17px; } .adm-modal-icon.is__error [class^='swal2-x-mark-line'][class$='right'] { transform: rotate(-45deg); right: 16px; } .adm-modal__header, .adm-modal__content, .adm-modal__footer { padding: 20px 30px; min-width: 500px; box-sizing: border-box; } .adm-modal__close-btn { position: absolute; right: 8px; top: 8px; background: transparent; border: none; cursor: pointer; padding: 0; margin: 0; color: #ababab; opacity: .8; } .adm-modal__close-btn:hover { opacity: 1; } .adm-modal__close-btn i { font-size: 26px; } .adm-modal__header { position: relative; } .adm-modal__header__text { text-align: center; margin-bottom: 20px; font-size: 22px; line-height: 1; } .adm-modal__content { padding-top: 25px; padding-bottom: 25px; line-height: 1.5; } .adm-modal__footer { text-align: right; padding-top: 10px; } .adm-modal__footer .adm-modal__btn { border: 0; padding: 0; box-shadow: none; outline: none !important; background: transparent; border-radius: 0; color: inherit; font-family: inherit; font-size: inherit; cursor: pointer; padding: 9px 22px; color: #444; border: 1px solid; border-radius: 3px; margin: 0 5px; min-width: 90px; } .adm-modal__footer .adm-modal__btn:last-child { margin-right: 0; } .adm-modal__footer .adm-modal__btn:first-child { margin-left: 0; } .adm-modal__footer .adm-modal__btn.is__positive { background: #00beef; color: #fff; border-color: #00beef; } "],"host":{"[class.inactive]":"!modal","(click)":"onCancelClick($event)"},"template":"\n        <ng-template [ngIf]=\"modal\">\n            <div class=\"adm-modal__wrap\" (click)=\"preventPropagation($event);\">\n                <div class=\"adm-modal\"\n                     [ngClass]=\"{'is__success':iconTypeExist && modal.type === 'success', 'is__info':iconTypeExist && modal.type === 'info', 'is__warning':iconTypeExist && modal.type === 'warning', 'is__error':iconTypeExist && modal.type === 'error', 'without-type':!modal.type || !iconTypeExist, 'with-type':modal.type && iconTypeExist}\">\n                    <ng-template [ngIf]=\"modal.title && modal.title.length\">\n                        <div class=\"adm-modal__header\">\n                            <ng-template [ngIf]=\"!!modal.type && iconTypeExist\">\n                                <div class=\"adm-modal-icon is__success\" *ngIf=\"modal.type === 'success'\">\n                                    <div class=\"swal2-success-circular-line-left\"></div>\n                                    <span class=\"swal2-success-line-tip swal2-animate-success-line-tip\"></span> <span\n                                        class=\"swal2-success-line-long swal2-animate-success-line-long\"></span>\n                                    <div class=\"swal2-success-ring\"></div>\n                                    <div class=\"swal2-success-fix\"></div>\n                                    <div class=\"swal2-success-circular-line-right\"></div>\n                                </div>\n                                <div class=\"adm-modal-icon is__info\" *ngIf=\"modal.type === 'info'\">i</div>\n                                <div class=\"adm-modal-icon is__warning\" *ngIf=\"modal.type === 'warning'\">!</div>\n                                <div class=\"adm-modal-icon is__error\" *ngIf=\"modal.type === 'error'\">\n                                    <span class=\"swal2-x-mark swal2-animate-x-mark\">\n                                        <span class=\"swal2-x-mark-line-left\"></span>\n                                        <span class=\"swal2-x-mark-line-right\"></span>\n                                    </span>\n                                </div>\n                            </ng-template>\n                            <div class=\"adm-modal__header__text\">\n                                {{ modal.title }}\n                                <button (click)=\"onCancelClick($event);\" class=\"adm-modal__close-btn\"><i\n                                        class=\"material-icons\">close</i></button>\n                            </div>\n                        </div>\n                    </ng-template>\n                    <ng-template [ngIf]=\"modal.content\">\n                        <div class=\"adm-modal__content\">\n                            <ng-template [ngIf]=\"modal.content.length\">\n                                <div [innerHtml]=\"modal.content\"></div>\n                            </ng-template>\n                            <ng-template [ngIf]=\"renderTemplate\">\n                                <adm-dynamic-render-component [template]=\"modal.content\"></adm-dynamic-render-component>\n                            </ng-template>\n                        </div>\n                    </ng-template>\n                    <ng-template [ngIf]=\"!hideActionBar\">\n                        <div class=\"adm-modal__footer\">\n                            <button class=\"adm-modal__btn is__negative\" *ngIf=\"modal.btns.negative\"\n                                    (click)=\"onCancelClick($event);\">{{ modal.btns.negative }}\n                            </button>\n                            <button class=\"adm-modal__btn is__positive\" *ngIf=\"modal.btns.positive\"\n                                    (click)=\"onApplyClick($event);\">{{ modal.btns.positive }}\n                            </button>\n                        </div>\n                    </ng-template>\n                </div>\n            </div>\n        </ng-template>\n    "}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone"},{"__symbolic":"reference","module":"@angular/router","name":"Router"},{"__symbolic":"reference","module":"./service","name":"ModalManagerService"}]}],"showModal":[{"__symbolic":"method"}],"onEnter":[{"__symbolic":"method"}],"onExit":[{"__symbolic":"method"}],"onApply":[{"__symbolic":"method"}],"onApplyClick":[{"__symbolic":"method"}],"onCancelClick":[{"__symbolic":"method"}],"_ngExit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"preventPropagation":[{"__symbolic":"method"}],"onSubscribeFromNavigationStart":[{"__symbolic":"method"}]}},"DynamicRenderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"adm-dynamic-render-component","template":""}]}],"members":{"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef"}]}],"ngOnInit":[{"__symbolic":"method"}]}}}}]