@flexem/fc-gui 3.0.0-alpha.16 → 3.0.0-alpha.160

package/logger/console-logger.service.js

@@ -1,38 +1,38 @@
-export class ConsoleLoggerService {
-    constructor() {
-        this.isErrorEnabled = () => true;
-        this.isWarnEnabled = () => true;
-        this.isInfoEnabled = () => true;
-        this.isDebugEnabled = () => true;
-        this.isLogEnabled = () => true;
-    }
-    error(message, optionalParams) {
-        if (this.isErrorEnabled()) {
-            console.error.apply(console, optionalParams ? [message, optionalParams] : [message]);
-        }
-    }
-    warn(message, optionalParams) {
-        if (this.isWarnEnabled()) {
-            console.warn.apply(console, optionalParams ? [message, optionalParams] : [message]);
-        }
-    }
-    info(message, optionalParams) {
-        // eslint-disable-next-line no-console
-        if (this.isInfoEnabled()) {
-            console.info.apply(console, optionalParams ? [message, optionalParams] : [message]);
-        }
-    }
-    debug(message, optionalParams) {
-        if (!this.isDebugEnabled()) {
-            return;
-        }
-        // For browsers that don't implement the debug method, log will be used instead.
-        // eslint-disable-next-line no-console
-        console[console['debug'] ? 'debug' : 'log'].apply(console, optionalParams ? [message, optionalParams] : [message]);
-    }
-    log(message, optionalParams) {
-        if (this.isLogEnabled()) {
-            console.log.apply(console, optionalParams ? [message, optionalParams] : [message]);
-        }
-    }
-}
+export class ConsoleLoggerService {
+    constructor() {
+        this.isErrorEnabled = () => true;
+        this.isWarnEnabled = () => true;
+        this.isInfoEnabled = () => true;
+        this.isDebugEnabled = () => true;
+        this.isLogEnabled = () => true;
+    }
+    error(message, optionalParams) {
+        if (this.isErrorEnabled()) {
+            console.error.apply(console, optionalParams ? [message, optionalParams] : [message]);
+        }
+    }
+    warn(message, optionalParams) {
+        if (this.isWarnEnabled()) {
+            console.warn.apply(console, optionalParams ? [message, optionalParams] : [message]);
+        }
+    }
+    info(message, optionalParams) {
+        // eslint-disable-next-line no-console
+        if (this.isInfoEnabled()) {
+            console.info.apply(console, optionalParams ? [message, optionalParams] : [message]);
+        }
+    }
+    debug(message, optionalParams) {
+        if (!this.isDebugEnabled()) {
+            return;
+        }
+        // For browsers that don't implement the debug method, log will be used instead.
+        // eslint-disable-next-line no-console
+        console[console['debug'] ? 'debug' : 'log'].apply(console, optionalParams ? [message, optionalParams] : [message]);
+    }
+    log(message, optionalParams) {
+        if (this.isLogEnabled()) {
+            console.log.apply(console, optionalParams ? [message, optionalParams] : [message]);
+        }
+    }
+}

package/logger/index.d.ts

@@ -1,2 +1,2 @@
-export { LoggerService, LOGGER_SERVICE_TOKEN } from './logger.service';
-export { ConsoleLoggerService } from './console-logger.service';
+export { LoggerService, LOGGER_SERVICE_TOKEN } from './logger.service';
+export { ConsoleLoggerService } from './console-logger.service';

package/logger/index.js

@@ -1,2 +1,2 @@
-export { LOGGER_SERVICE_TOKEN } from './logger.service';
-export { ConsoleLoggerService } from './console-logger.service';
+export { LOGGER_SERVICE_TOKEN } from './logger.service';
+export { ConsoleLoggerService } from './console-logger.service';

package/logger/logger.service.d.ts

@@ -1,14 +1,14 @@
-import { InjectionToken } from '@angular/core';
-export declare const LOGGER_SERVICE_TOKEN: InjectionToken<LoggerService>;
-export interface LoggerService {
-    isErrorEnabled(): boolean;
-    error(message?: any, optionalParams?: any[]): any;
-    isWarnEnabled(): boolean;
-    warn(message?: any, optionalParams?: any[]): any;
-    isInfoEnabled(): boolean;
-    info(message?: any, optionalParams?: any[]): any;
-    isDebugEnabled(): boolean;
-    debug(message?: any, optionalParams?: any[]): any;
-    isLogEnabled(): boolean;
-    log(message?: any, optionalParams?: any[]): any;
-}
+import { InjectionToken } from '@angular/core';
+export declare const LOGGER_SERVICE_TOKEN: InjectionToken<LoggerService>;
+export interface LoggerService {
+    isErrorEnabled(): boolean;
+    error(message?: any, optionalParams?: any[]): any;
+    isWarnEnabled(): boolean;
+    warn(message?: any, optionalParams?: any[]): any;
+    isInfoEnabled(): boolean;
+    info(message?: any, optionalParams?: any[]): any;
+    isDebugEnabled(): boolean;
+    debug(message?: any, optionalParams?: any[]): any;
+    isLogEnabled(): boolean;
+    log(message?: any, optionalParams?: any[]): any;
+}

package/logger/logger.service.js

@@ -1,2 +1,2 @@
-import { InjectionToken } from '@angular/core';
-export const LOGGER_SERVICE_TOKEN = new InjectionToken('fc.gui.log');
+import { InjectionToken } from '@angular/core';
+export const LOGGER_SERVICE_TOKEN = new InjectionToken('fc.gui.log');

package/modal/alert/alert-modal.component.d.ts

@@ -1,10 +1,10 @@
-import { Localization } from '../../localization/localization.service';
-import { Observable } from 'rxjs/internal/Observable';
-export declare class AlertModalComponent {
-    localization: Localization;
-    private _onClosed;
-    get onClosed(): Observable<void>;
-    alermMessage: string;
-    constructor(localization: Localization);
-    close(): void;
-}
+import { Localization } from '../../localization/localization.service';
+import { Observable } from 'rxjs/internal/Observable';
+export declare class AlertModalComponent {
+    localization: Localization;
+    private _onClosed;
+    get onClosed(): Observable<void>;
+    alermMessage: string;
+    constructor(localization: Localization);
+    close(): void;
+}

package/modal/alert/alert-modal.component.html

@@ -1,11 +1,11 @@
-<div class="modal-body">
-  <div style="text-align:center">
-    <div class="alertIcon"></div>
-    <h3 class="alert-h3">{{alermMessage}}</h3>
-  </div>
-</div>
-<div class="modal-footer form-group confirm-btn">
-  <button type="button" class="sweet-alert-btn" (click)="close()">
-    {{localization.confirm}}
-  </button>
-</div>
+<div class="modal-body">
+  <div style="text-align:center">
+    <div class="alertIcon"></div>
+    <h3 class="alert-h3">{{alermMessage}}</h3>
+  </div>
+</div>
+<div class="modal-footer form-group confirm-btn">
+  <button type="button" class="sweet-alert-btn" (click)="close()">
+    {{localization.confirm}}
+  </button>
+</div>

package/modal/alert/alert-modal.component.js

@@ -1,38 +1,38 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-var __param = (this && this.__param) || function (paramIndex, decorator) {
-    return function (target, key) { decorator(target, key, paramIndex); }
-};
-import { Component, Inject } from '@angular/core';
-import { LOCALIZATION } from '../../localization/localization.service';
-import { Subject } from 'rxjs/internal/Subject';
-let AlertModalComponent = class AlertModalComponent {
-    constructor(localization) {
-        this.localization = localization;
-        this._onClosed = new Subject();
-    }
-    get onClosed() {
-        return this._onClosed;
-    }
-    close() {
-        this._onClosed.next();
-        this._onClosed.complete();
-    }
-};
-AlertModalComponent = __decorate([
-    Component({
-        selector: 'alertModal',
-        template: "<div class=\"modal-body\"> <div style=\"text-align:center\"> <div class=\"alertIcon\"></div> <h3 class=\"alert-h3\">{{alermMessage}}</h3> </div> </div> <div class=\"modal-footer form-group confirm-btn\"> <button type=\"button\" class=\"sweet-alert-btn\" (click)=\"close()\"> {{localization.confirm}} </button> </div> ",
-        styles: [".modal-header { padding: 17px; border-color: transparent; } .modal-body { padding: 17px; position: relative; text-align: center; } .modal-footer { padding: 10px 5px; text-align: center; border-color: transparent; } .alert-modal { max-width: 478px; } .alert-modal>.modal-content { padding: 17px; } h3.alert-h3 { font-size: 20px; font-weight: bold; } .alert-btn { padding: 0; margin-bottom: 0; } .alert-btn button { display: inline-block; } .alertIcon { background: url(assets/img/alert.svg); width: 88px; height: 88px; display: inline-block; } .sweet-alert-btn { color: #fff; border: none; background: #ddd; font-size: 17px; font-weight: 500; border-radius: 5px; padding: 10px 32px; margin: 26px 5px 0; cursor: point; background-color: rgb(221, 107, 85); box-shadow: rgba(221, 107, 85, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px; } "]
-    }),
-    __param(0, Inject(LOCALIZATION)),
-    __metadata("design:paramtypes", [Object])
-], AlertModalComponent);
-export { AlertModalComponent };
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var __param = (this && this.__param) || function (paramIndex, decorator) {
+    return function (target, key) { decorator(target, key, paramIndex); }
+};
+import { Component, Inject } from '@angular/core';
+import { LOCALIZATION } from '../../localization/localization.service';
+import { Subject } from 'rxjs/internal/Subject';
+let AlertModalComponent = class AlertModalComponent {
+    constructor(localization) {
+        this.localization = localization;
+        this._onClosed = new Subject();
+    }
+    get onClosed() {
+        return this._onClosed;
+    }
+    close() {
+        this._onClosed.next();
+        this._onClosed.complete();
+    }
+};
+AlertModalComponent = __decorate([
+    Component({
+        selector: 'alertModal',
+        template: "<div class=\"modal-body\"> <div style=\"text-align:center\"> <div class=\"alertIcon\"></div> <h3 class=\"alert-h3\">{{alermMessage}}</h3> </div> </div> <div class=\"modal-footer form-group confirm-btn\"> <button type=\"button\" class=\"sweet-alert-btn\" (click)=\"close()\"> {{localization.confirm}} </button> </div> ",
+        styles: [".modal-header { padding: 17px; border-color: transparent; } .modal-body { padding: 17px; position: relative; text-align: center; } .modal-footer { padding: 10px 5px; text-align: center; border-color: transparent; } .alert-modal { max-width: 478px; } .alert-modal>.modal-content { padding: 17px; } h3.alert-h3 { font-size: 20px; font-weight: bold; } .alert-btn { padding: 0; margin-bottom: 0; } .alert-btn button { display: inline-block; } .alertIcon { background: url(assets/img/alert.svg); width: 88px; height: 88px; display: inline-block; } .sweet-alert-btn { color: #fff; border: none; background: #ddd; font-size: 17px; font-weight: 500; border-radius: 5px; padding: 10px 32px; margin: 26px 5px 0; cursor: point; background-color: rgb(221, 107, 85); box-shadow: rgba(221, 107, 85, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px; } "]
+    }),
+    __param(0, Inject(LOCALIZATION)),
+    __metadata("design:paramtypes", [Object])
+], AlertModalComponent);
+export { AlertModalComponent };

package/modal/alert/alert-modal.component.less

@@ -1,59 +1,59 @@
-.modal-header {
-  padding: 17px;
-  border-color: transparent;
-}
-
-.modal-body {
-  padding: 17px;
-  position: relative;
-  text-align: center;
-}
-
-.modal-footer {
-  padding: 10px 5px;
-  text-align: center;
-  border-color: transparent;
-}
-
-.alert-modal {
-  max-width: 478px;
-}
-
-.alert-modal>.modal-content {
-  padding: 17px;
-}
-
-h3.alert-h3 {
-  font-size: 20px;
-  font-weight: bold;
-}
-
-.alert-btn {
-  padding: 0;
-  margin-bottom: 0;
-}
-
-.alert-btn button {
-  display: inline-block;
-}
-
-.alertIcon {
-  background: url(assets/img/alert.svg);
-  width: 88px;
-  height: 88px;
-  display: inline-block;
-}
-
-.sweet-alert-btn {
-  color: #fff;
-  border: none;
-  background: #ddd;
-  font-size: 17px;
-  font-weight: 500;
-  border-radius: 5px;
-  padding: 10px 32px;
-  margin: 26px 5px 0;
-  cursor: point;
-  background-color: rgb(221, 107, 85);
-  box-shadow: rgba(221, 107, 85, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
-}
+.modal-header {
+  padding: 17px;
+  border-color: transparent;
+}
+
+.modal-body {
+  padding: 17px;
+  position: relative;
+  text-align: center;
+}
+
+.modal-footer {
+  padding: 10px 5px;
+  text-align: center;
+  border-color: transparent;
+}
+
+.alert-modal {
+  max-width: 478px;
+}
+
+.alert-modal>.modal-content {
+  padding: 17px;
+}
+
+h3.alert-h3 {
+  font-size: 20px;
+  font-weight: bold;
+}
+
+.alert-btn {
+  padding: 0;
+  margin-bottom: 0;
+}
+
+.alert-btn button {
+  display: inline-block;
+}
+
+.alertIcon {
+  background: url(assets/img/alert.svg);
+  width: 88px;
+  height: 88px;
+  display: inline-block;
+}
+
+.sweet-alert-btn {
+  color: #fff;
+  border: none;
+  background: #ddd;
+  font-size: 17px;
+  font-weight: 500;
+  border-radius: 5px;
+  padding: 10px 32px;
+  margin: 26px 5px 0;
+  cursor: point;
+  background-color: rgb(221, 107, 85);
+  box-shadow: rgba(221, 107, 85, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
+}

package/modal/confirm-operation/confirm-operation-modal.component.d.ts

@@ -1,10 +1,10 @@
-import { Observable } from 'rxjs';
-import { Localization } from '../../localization/localization.service';
-export declare class ConfirmOperationModalComponent {
-    localization: Localization;
-    private _onClosed;
-    get onClosed(): Observable<Boolean>;
-    constructor(localization: Localization);
-    close(modalResult?: boolean): void;
-    confirm(): void;
-}
+import { Observable } from 'rxjs';
+import { Localization } from '../../localization/localization.service';
+export declare class ConfirmOperationModalComponent {
+    localization: Localization;
+    private _onClosed;
+    get onClosed(): Observable<Boolean>;
+    constructor(localization: Localization);
+    close(modalResult?: boolean): void;
+    confirm(): void;
+}

package/modal/confirm-operation/confirm-operation-modal.component.html

@@ -1,16 +1,16 @@
-<form novalidate (ngSubmit)="confirm()" bs-modal-drag>
-  <div class="modal-body">
-    <div style="text-align:center;margin-top:20px;">
-      <div class="alertIcon"></div>
-      <h3 class="confirm-h3">{{localization.confirmOperationPrompt}}</h3>
-    </div>
-  </div>
-  <div class="modal-footer form-group confirm-btn-group">
-    <button type="button" class="sweet-alert-btn" (click)="close()">
-      {{localization.cancel}}
-    </button>
-    <button type="submit" class="sweet-alert-btn">
-      {{localization.confirm}}
-    </button>
-  </div>
-</form>
+<form novalidate (ngSubmit)="confirm()" bs-modal-drag>
+  <div class="modal-body">
+    <div style="text-align:center;margin-top:20px;">
+      <div class="alertIcon"></div>
+      <h3 class="confirm-h3">{{localization.confirmOperationPrompt}}</h3>
+    </div>
+  </div>
+  <div class="modal-footer form-group confirm-btn-group">
+    <button type="button" class="sweet-alert-btn" (click)="close()">
+      {{localization.cancel}}
+    </button>
+    <button type="submit" class="sweet-alert-btn">
+      {{localization.confirm}}
+    </button>
+  </div>
+</form>

package/modal/confirm-operation/confirm-operation-modal.component.js

@@ -1,41 +1,41 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-var __param = (this && this.__param) || function (paramIndex, decorator) {
-    return function (target, key) { decorator(target, key, paramIndex); }
-};
-import { Component, Inject } from '@angular/core';
-import { Subject } from 'rxjs';
-import { LOCALIZATION } from '../../localization/localization.service';
-let ConfirmOperationModalComponent = class ConfirmOperationModalComponent {
-    constructor(localization) {
-        this.localization = localization;
-        this._onClosed = new Subject();
-    }
-    get onClosed() {
-        return this._onClosed;
-    }
-    close(modalResult) {
-        this._onClosed.next(modalResult);
-        this._onClosed.complete();
-    }
-    confirm() {
-        this.close(true);
-    }
-};
-ConfirmOperationModalComponent = __decorate([
-    Component({
-        selector: 'confirmOperationModal',
-        template: "<form novalidate (ngSubmit)=\"confirm()\" bs-modal-drag> <div class=\"modal-body\"> <div style=\"text-align:center;margin-top:20px;\"> <div class=\"alertIcon\"></div> <h3 class=\"confirm-h3\">{{localization.confirmOperationPrompt}}</h3> </div> </div> <div class=\"modal-footer form-group confirm-btn-group\"> <button type=\"button\" class=\"sweet-alert-btn\" (click)=\"close()\"> {{localization.cancel}} </button> <button type=\"submit\" class=\"sweet-alert-btn\"> {{localization.confirm}} </button> </div> </form> ",
-        styles: [".modal-body { padding: 17px; position: relative; text-align: center; } .modal-footer { padding: 10px 5px; text-align: center; border-color: transparent; } .confirm-modal { max-width: 478px; } .confirm-modal>.modal-content { padding: 17px; } h3.confirm-h3 { font-size: 20px; font-weight: bold; } .confirm-btn-group { padding: 0; margin-bottom: 28px; margin-right: 50px; } .confirm-btn-group button { display: inline-block; } .confirm-btn-group button:last-child { background-color: rgb(221, 107, 85); box-shadow: rgba(221, 107, 85, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px; } .alertIcon { background: url(assets/img/alert.svg); width: 88px; height: 88px; display: inline-block; } .sweet-alert-btn { color: #fff; border: none; background: #ddd; font-size: 17px; font-weight: 500; border-radius: 5px; padding: 10px 32px; margin: 26px 5px 0; cursor: pointer } "]
-    }),
-    __param(0, Inject(LOCALIZATION)),
-    __metadata("design:paramtypes", [Object])
-], ConfirmOperationModalComponent);
-export { ConfirmOperationModalComponent };
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var __param = (this && this.__param) || function (paramIndex, decorator) {
+    return function (target, key) { decorator(target, key, paramIndex); }
+};
+import { Component, Inject } from '@angular/core';
+import { Subject } from 'rxjs';
+import { LOCALIZATION } from '../../localization/localization.service';
+let ConfirmOperationModalComponent = class ConfirmOperationModalComponent {
+    constructor(localization) {
+        this.localization = localization;
+        this._onClosed = new Subject();
+    }
+    get onClosed() {
+        return this._onClosed;
+    }
+    close(modalResult) {
+        this._onClosed.next(modalResult);
+        this._onClosed.complete();
+    }
+    confirm() {
+        this.close(true);
+    }
+};
+ConfirmOperationModalComponent = __decorate([
+    Component({
+        selector: 'confirmOperationModal',
+        template: "<form novalidate (ngSubmit)=\"confirm()\" bs-modal-drag> <div class=\"modal-body\"> <div style=\"text-align:center;margin-top:20px;\"> <div class=\"alertIcon\"></div> <h3 class=\"confirm-h3\">{{localization.confirmOperationPrompt}}</h3> </div> </div> <div class=\"modal-footer form-group confirm-btn-group\"> <button type=\"button\" class=\"sweet-alert-btn\" (click)=\"close()\"> {{localization.cancel}} </button> <button type=\"submit\" class=\"sweet-alert-btn\"> {{localization.confirm}} </button> </div> </form> ",
+        styles: [".modal-body { padding: 17px; position: relative; text-align: center; } .modal-footer { padding: 10px 5px; text-align: center; border-color: transparent; } .confirm-modal { max-width: 478px; } .confirm-modal>.modal-content { padding: 17px; } h3.confirm-h3 { font-size: 20px; font-weight: bold; } .confirm-btn-group { padding: 0; margin-bottom: 28px; margin-right: 50px; } .confirm-btn-group button { display: inline-block; } .confirm-btn-group button:last-child { background-color: rgb(221, 107, 85); box-shadow: rgba(221, 107, 85, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px; } .alertIcon { background: url(assets/img/alert.svg); width: 88px; height: 88px; display: inline-block; } .sweet-alert-btn { color: #fff; border: none; background: #ddd; font-size: 17px; font-weight: 500; border-radius: 5px; padding: 10px 32px; margin: 26px 5px 0; cursor: pointer } "]
+    }),
+    __param(0, Inject(LOCALIZATION)),
+    __metadata("design:paramtypes", [Object])
+], ConfirmOperationModalComponent);
+export { ConfirmOperationModalComponent };

package/modal/confirm-operation/confirm-operation-modal.component.less

@@ -1,58 +1,58 @@
-.modal-body {
-    padding: 17px;
-    position: relative;
-    text-align: center;
-}
-
-.modal-footer {
-    padding: 10px 5px;
-    text-align: center;
-    border-color: transparent;
-}
-
-.confirm-modal {
-    max-width: 478px;
-}
-
-.confirm-modal>.modal-content {
-    padding: 17px;
-}
-
-h3.confirm-h3 {
-    font-size: 20px;
-    font-weight: bold;
-}
-
-.confirm-btn-group {
-    padding: 0;
-    margin-bottom: 28px;
-    margin-right: 50px;
-}
-
-.confirm-btn-group button {
-    display: inline-block;
-}
-
-.confirm-btn-group button:last-child {
-    background-color: rgb(221, 107, 85);
-    box-shadow: rgba(221, 107, 85, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
-}
-
-.alertIcon {
-    background: url(assets/img/alert.svg);
-    width: 88px;
-    height: 88px;
-    display: inline-block;
-}
-
-.sweet-alert-btn {
-    color: #fff;
-    border: none;
-    background: #ddd;
-    font-size: 17px;
-    font-weight: 500;
-    border-radius: 5px;
-    padding: 10px 32px;
-    margin: 26px 5px 0;
-    cursor: pointer
-}
+.modal-body {
+    padding: 17px;
+    position: relative;
+    text-align: center;
+}
+
+.modal-footer {
+    padding: 10px 5px;
+    text-align: center;
+    border-color: transparent;
+}
+
+.confirm-modal {
+    max-width: 478px;
+}
+
+.confirm-modal>.modal-content {
+    padding: 17px;
+}
+
+h3.confirm-h3 {
+    font-size: 20px;
+    font-weight: bold;
+}
+
+.confirm-btn-group {
+    padding: 0;
+    margin-bottom: 28px;
+    margin-right: 50px;
+}
+
+.confirm-btn-group button {
+    display: inline-block;
+}
+
+.confirm-btn-group button:last-child {
+    background-color: rgb(221, 107, 85);
+    box-shadow: rgba(221, 107, 85, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
+}
+
+.alertIcon {
+    background: url(assets/img/alert.svg);
+    width: 88px;
+    height: 88px;
+    display: inline-block;
+}
+
+.sweet-alert-btn {
+    color: #fff;
+    border: none;
+    background: #ddd;
+    font-size: 17px;
+    font-weight: 500;
+    border-radius: 5px;
+    padding: 10px 32px;
+    margin: 26px 5px 0;
+    cursor: pointer
+}