ps-toolkit-ui 0.0.1

package/esm2015/lib/components/login/login.component.js

@@ -0,0 +1,145 @@
+import { Component, Input } from '@angular/core';
+import { LangClass } from '../../classes/lang.class';
+import { LoginStepClass } from '../../classes/login.class';
+import { FormClass, InputClass, Progress } from '../../classes/form.class';
+import { InputError, InputType, Method } from '../../classes/enum.class';
+import { RequestClass } from '../../classes/request.class';
+import { HelperClass } from '../../classes/helper.class';
+import { PsToolkitUiConfigService } from '../../services/config.service';
+export class LoginComponent {
+    constructor(config) {
+        this.config = config;
+        const lang = new LangClass(config.currentLang, config.strings);
+        this.l = (key, v = null) => {
+            return lang.get('Public', 'Login', key, v);
+        };
+    }
+    ngOnInit() {
+        if (this.login.type === 'Sms') {
+            const sendCodeForm = new FormClass(this.config.environment, this.l, 'SendCode', true, this.login.sendCodeUrl, 'p-h-50');
+            const sendCode = new InputClass(this.config.environment, this.l, 'SendCode', 'fad fa-paper-plane', InputType.Submit);
+            sendCodeForm.subName = 'SendCodeSubTitle';
+            this.mobile = new InputClass(this.config.environment, this.l, 'Mobile', 'fad fa-mobile-alt', InputType.Mobile, 'm-b-10 h-45', '', true, 4, 50);
+            sendCodeForm.onSuccess = () => {
+                loginForm.subName = this.l('LoginSmsSubTitle', this.mobile.data());
+                this.mobile.type = InputType.Hidden;
+                code.progress.start();
+                this.login.steps[1].show();
+                setTimeout(() => {
+                    code.focus();
+                }, 100);
+            };
+            sendCodeForm.inputs = [
+                this.mobile,
+                sendCode
+            ];
+            const loginForm = new FormClass(this.config.environment, this.l, 'LoginSms', true, this.login.loginUrl, 'p-h-50');
+            loginForm.subName = this.l('LoginSmsSubTitle', '');
+            loginForm.onSuccess = (result) => {
+                this.login.setCookie(result);
+                if (this.login.steps.length > 2 && result.CurrentUser === null) {
+                    this.login.steps[2].show(result.StepData);
+                }
+                else {
+                    this.login.onSuccess(result);
+                }
+            };
+            loginForm.onFailed = (msg) => {
+                code.clear();
+                this.mobile.error = InputError.NotExist;
+                this.mobile.type = InputType.Mobile;
+                setTimeout(() => {
+                    this.mobile.focus();
+                }, 100);
+                this.login.steps[0].show();
+            };
+            const code = new InputClass(this.config.environment, this.l, 'Code', 'fad fa-unlock-alt', InputType.Number, 'm-b-10 h-45', null, true, 1111, 9999);
+            const labelResend = new InputClass(this.config.environment, this.l, 'ReSendCodeDes', null, InputType.Label, 'yellow resend-code');
+            code.progress = new Progress(120);
+            code.progress.onStart = () => {
+                labelResend.value = null;
+            };
+            code.progress.onEnd = () => {
+                labelResend.value = 'ReSendCodeDes';
+            };
+            labelResend.onClick = () => {
+                labelResend.name = '(' + this.l('LoadingYellow', 'Send') + ')';
+                new RequestClass(this.config.environment).send(this.login.reSendCodeUrl, Method.Post, loginForm.data(), null, () => {
+                    labelResend.name = 'ReSendCodeDes';
+                    code.progress.start();
+                }, (error) => {
+                    HelperClass.addNotification(this.l(error));
+                    labelResend.name = 'ReSendCodeDes';
+                });
+            };
+            const login = new InputClass(this.config.environment, this.l, 'LoginSms', 'fad fa-sign-in-alt', InputType.Submit);
+            loginForm.inputs = [
+                this.mobile,
+                code,
+                labelResend,
+                login
+            ];
+            login.onClick = () => {
+                loginForm.submit();
+            };
+            const loginStep = new LoginStepClass(loginForm);
+            loginStep.show = () => {
+                this.login.active = 0;
+            };
+            const sendCodeStep = new LoginStepClass(sendCodeForm);
+            sendCodeStep.show = () => {
+                this.login.active = 1;
+            };
+            this.login.steps.unshift(loginStep);
+            this.login.steps.unshift(sendCodeStep);
+            setTimeout(() => {
+                this.mobile.focus();
+            }, 100);
+        }
+        else if (this.login.type === 'Password') {
+            const loginForm = new FormClass(this.config.environment, this.l, 'LoginPassword', true, this.login.loginUrl, 'p-h-50');
+            loginForm.subName = 'LoginPasswordSubTitle';
+            const login = new InputClass(this.config.environment, this.l, 'LoginPassword', 'fad fa-sign-in-alt', InputType.Submit);
+            loginForm.onSuccess = (result) => {
+                this.login.setCookie(result);
+                if (this.login.steps.length > 1 && result.CurrentUser === null) {
+                    this.login.steps[1].show(result.StepData);
+                }
+                else {
+                    this.login.onSuccess(result);
+                }
+            };
+            this.username = new InputClass(this.config.environment, this.l, 'Username', 'fad fa-user', InputType.Text, 'm-b-10 h-45', '', true, 4, 50);
+            loginForm.inputs = [
+                this.username,
+                new InputClass(this.config.environment, this.l, 'Password', 'fad fa-key', InputType.Password, 'm-b-10 h-45', '', true, 5, 50),
+                login
+            ];
+            login.onClick = () => {
+                loginForm.submit();
+            };
+            const loginStep = new LoginStepClass(loginForm);
+            loginStep.show = () => {
+                this.login.active = 0;
+            };
+            this.login.steps.unshift(loginStep);
+            setTimeout(() => {
+                this.username.focus();
+            }, 100);
+        }
+    }
+}
+LoginComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'lib-login',
+                template: "<div id=\"Login\">\r\n  <div class=\"triangles\">\r\n    <i class=\"triangle triangle-1 fas fa-caret-left\"></i>\r\n    <i class=\"triangle triangle-2 fas fa-caret-left\"></i>\r\n    <i class=\"triangle triangle-3 fas fa-caret-left\"></i>\r\n  </div>\r\n  <div class=\"about-c\">\r\n    <div class=\"about\">\r\n      <div class=\"info\">\r\n        <div class=\"logo\"></div>\r\n        <div class=\"title\">\r\n          {{ l('Base') }}\r\n        </div>\r\n        <div class=\"sub-title\">\r\n          {{ l('BaseDesc') }}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"form-c\">\r\n    <ng-container *ngFor=\"let step of login.steps; let i = index\">\r\n      <div class=\"form\" *ngIf=\"i === login.active\">\r\n        <lib-form [form]=step.form></lib-form>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n</div>\r\n",
+                styles: ["#Login{background-color:#fff;border-radius:5px;display:table;float:right;height:100vh;position:relative;width:100%}#Login .form-c{box-shadow:19px 0 35px -7px rgba(0,0,0,.05);position:relative;z-index:2}#Login .about-c,#Login .form-c{display:table-cell;vertical-align:middle;width:50%}#Login .about-c{height:100%}#Login .form{margin:0 auto;width:70%}#Login .about,#Login .about .info{border-radius:0 5px 5px 0;float:right;position:relative;width:100%}#Login .about .info{z-index:2}#Login .triangles{border-radius:0 5px 5px 0;height:100%;overflow:hidden;position:absolute;width:100%;z-index:1}#Login .triangles .triangle{color:var(--base);opacity:.2;position:absolute}#Login .triangles .triangle-1{font-size:656px;right:-50px;top:-10px}#Login .triangles .triangle-2{font-size:1000px;right:-60px;top:80px}#Login .triangles .triangle-3{font-size:900px;right:-46px;top:-347px}#Login .about .logo{background-position:50%;background-repeat:no-repeat;background-size:cover;height:200px;margin:0 auto;position:relative;width:200px}#Login .about .title{font-family:VazirBold;font-size:25px;font-weight:bolder;height:40px;line-height:40px;margin-top:20px;width:100%}#Login .about .sub-title,#Login .about .title{float:right;position:relative;text-align:center}#Login .about .sub-title{font-family:VazirLight;font-size:12px;line-height:30px;margin-right:10%;padding:20px;width:80%}#Login .form .title{float:right;font-family:VazirBold;font-size:25px;height:50px;line-height:50px;margin-bottom:10px;margin-top:30px;text-align:center;width:100%}#Login .form .sub-title{color:var(--black-88);float:right;font-family:VazirLight;font-size:12px;height:30px;line-height:30px;text-align:center;width:100%}#Login .form .title i{color:var(--base);font-size:30px;left:5px;margin-left:5px;position:relative;top:7px}::ng-deep #Login .form .title{float:right;font-family:VazirBold;font-size:25px;height:50px;line-height:50px;margin-bottom:10px;margin-top:30px;text-align:center;width:100%}::ng-deep #Login .form .sub-title{margin-bottom:20px;text-align:center}::ng-deep #Login .form .sub-title:after{background-image:none!important}@media (max-width:399.98px){#Login{display:unset;margin-right:5%;padding:20px 0;width:90%}#Login .about-c,#Login .form-c{display:unset;width:100%}#Login .about-c{float:right;height:80px}#Login .about,#Login .about .info,#Login .triangles{border-radius:5px 5px 0 0}#Login .form{width:90%}#Login .about .info{padding:10px 5px 5px}#Login .about .logo{display:inline-block;float:right;height:80px;margin:unset;margin-right:10%;width:80px}#Login .about .title{display:inline-block;height:80px;line-height:80px;width:calc(80% - 80px)}}@media (min-width:400px) and (max-width:499.98px){#Login{display:unset;margin-right:10%;padding:50px 0;width:80%}#Login .about-c,#Login .form-c{display:unset;float:right;width:100%}#Login .about-c{height:100px}#Login .about,#Login .about .info,#Login .triangles{border-radius:5px 5px 0 0}#Login .form{float:right;margin-right:10%;width:80%}#Login .about .info{padding:10px}#Login .about .logo{display:inline-block;float:right;height:100px;margin:unset;margin-right:10%;width:100px}#Login .about .title{display:inline-block;height:100px;line-height:100px;width:calc(80% - 100px)}}@media (min-width:500px) and (max-width:599.98px){#Login{display:unset;margin-right:10%;padding:50px 0;width:80%}#Login .about-c,#Login .form-c{display:unset;float:right;width:100%}#Login .about-c{height:100px}#Login .about,#Login .about .info,#Login .triangles{border-radius:5px 5px 0 0}#Login .form{float:right;margin-right:15%;width:70%}#Login .about .info{padding:10px}#Login .about .logo{display:inline-block;float:right;height:100px;margin:unset;margin-right:10%;width:100px}#Login .about .title{display:inline-block;height:100px;line-height:100px;width:calc(80% - 100px)}}@media (min-width:600px) and (max-width:699.98px){#Login{display:unset;margin-right:10%;padding:50px 0;width:80%}#Login .about-c,#Login .form-c{display:unset;float:right;width:100%}#Login .about-c{height:100px}#Login .about,#Login .about .info,#Login .triangles{border-radius:5px 5px 0 0}#Login .form{float:right;margin-right:15%;width:70%}#Login .about .info{padding:10px}#Login .about .logo{display:inline-block;float:right;height:100px;margin:unset;margin-right:10%;width:100px}#Login .about .title{display:inline-block;height:100px;line-height:100px;width:calc(80% - 100px)}}@media (min-width:700px) and (max-width:799.98px){#Login{margin-right:5%;padding:50px 0;width:90%}}@media (min-width:800px) and (max-width:899.98px){#Login{margin-right:10%;width:80%}}@media (min-width:900px) and (max-width:999.98px){#Login{margin-right:10%;width:80%}}@media (min-width:1000px) and (max-width:1099.98px){#Login{margin-right:15%;width:70%}}@media (min-width:1100px) and (max-width:1199.98px){#Login{margin-right:15%;width:70%}}"]
+            },] }
+];
+LoginComponent.ctorParameters = () => [
+    { type: PsToolkitUiConfigService }
+];
+LoginComponent.propDecorators = {
+    login: [{ type: Input }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9naW4uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IkQ6L1Byb2plY3RzL1BzVG9vbGtpdC9VSS9wcm9qZWN0cy9wcy10b29sa2l0LXVpL3NyYy8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL2xvZ2luL2xvZ2luLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLEtBQUssRUFBUyxNQUFNLGVBQWUsQ0FBQztBQUN2RCxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFDbkQsT0FBTyxFQUFhLGNBQWMsRUFBQyxNQUFNLDJCQUEyQixDQUFDO0FBQ3JFLE9BQU8sRUFBQyxTQUFTLEVBQUUsVUFBVSxFQUFFLFFBQVEsRUFBQyxNQUFNLDBCQUEwQixDQUFDO0FBQ3pFLE9BQU8sRUFBQyxVQUFVLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBQyxNQUFNLDBCQUEwQixDQUFDO0FBQ3ZFLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSw2QkFBNkIsQ0FBQztBQUN6RCxPQUFPLEVBQUMsV0FBVyxFQUFDLE1BQU0sNEJBQTRCLENBQUM7QUFDdkQsT0FBTyxFQUFDLHdCQUF3QixFQUFDLE1BQU0sK0JBQStCLENBQUM7QUFPdkUsTUFBTSxPQUFPLGNBQWM7SUFNekIsWUFBbUIsTUFBZ0M7UUFBaEMsV0FBTSxHQUFOLE1BQU0sQ0FBMEI7UUFDakQsTUFBTSxJQUFJLEdBQUcsSUFBSSxTQUFTLENBQUMsTUFBTSxDQUFDLFdBQVcsRUFBRSxNQUFNLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDL0QsSUFBSSxDQUFDLENBQUMsR0FBRyxDQUFDLEdBQVcsRUFBRSxDQUFDLEdBQUcsSUFBSSxFQUFVLEVBQUU7WUFDekMsT0FBTyxJQUFJLENBQUMsR0FBRyxDQUFDLFFBQVEsRUFBRSxPQUFPLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBQzdDLENBQUMsQ0FBQztJQUNKLENBQUM7SUFDRCxR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QUFVLENBQUMsR0FBRyxFQUFFO2dCQUNkLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDeEIsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDO1NBQ1Q7SUFDSCxDQUFDOzs7WUFuSUYsU0FBUyxTQUFDO2dCQUNQLFFBQVEsRUFBRSxXQUFXO2dCQUNyQix3MkJBQXFDOzthQUV4Qzs7O1lBTk8sd0JBQXdCOzs7b0JBUTdCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5wdXQsIE9uSW5pdH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7TGFuZ0NsYXNzfSBmcm9tICcuLi8uLi9jbGFzc2VzL2xhbmcuY2xhc3MnO1xyXG5pbXBvcnQge0xvZ2luQ2xhc3MsIExvZ2luU3RlcENsYXNzfSBmcm9tICcuLi8uLi9jbGFzc2VzL2xvZ2luLmNsYXNzJztcclxuaW1wb3J0IHtGb3JtQ2xhc3MsIElucHV0Q2xhc3MsIFByb2dyZXNzfSBmcm9tICcuLi8uLi9jbGFzc2VzL2Zvcm0uY2xhc3MnO1xyXG5pbXBvcnQge0lucHV0RXJyb3IsIElucHV0VHlwZSwgTWV0aG9kfSBmcm9tICcuLi8uLi9jbGFzc2VzL2VudW0uY2xhc3MnO1xyXG5pbXBvcnQge1JlcXVlc3RDbGFzc30gZnJvbSAnLi4vLi4vY2xhc3Nlcy9yZXF1ZXN0LmNsYXNzJztcclxuaW1wb3J0IHtIZWxwZXJDbGFzc30gZnJvbSAnLi4vLi4vY2xhc3Nlcy9oZWxwZXIuY2xhc3MnO1xyXG5pbXBvcnQge1BzVG9vbGtpdFVpQ29uZmlnU2VydmljZX0gZnJvbSAnLi4vLi4vc2VydmljZXMvY29uZmlnLnNlcnZpY2UnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ2xpYi1sb2dpbicsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vbG9naW4uY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vbG9naW4uY29tcG9uZW50LmNzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBMb2dpbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdHtcclxuICBASW5wdXQoKVxyXG4gIGxvZ2luOiBMb2dpbkNsYXNzO1xyXG4gIG1vYmlsZTogSW5wdXRDbGFzcztcclxuICB1c2VybmFtZTogSW5wdXRDbGFzcztcclxuICBsOiAoaywgdj8pID0+IHN0cmluZztcclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgY29uZmlnOiBQc1Rvb2xraXRVaUNvbmZpZ1NlcnZpY2Upe1xyXG4gICAgY29uc3QgbGFuZyA9IG5ldyBMYW5nQ2xhc3MoY29uZmlnLmN1cnJlbnRMYW5nLCBjb25maWcuc3RyaW5ncyk7XHJcbiAgICB0aGlzLmwgPSAoa2V5OiBzdHJpbmcsIHYgPSBudWxsKTogc3RyaW5nID0+IHtcclxuICAgICAgcmV0dXJuIGxhbmcuZ2V0KCdQdWJsaWMnLCAnTG9naW4nLCBrZXksIHYpO1xyXG4gICAgfTtcclxuICB9XHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5sb2dpbi50eXBlID09PSAnU21zJyl7XHJcbiAgICAgIGNvbnN0IHNlbmRDb2RlRm9ybSA9IG5ldyBGb3JtQ2xhc3ModGhpcy5jb25maWcuZW52aXJvbm1lbnQsIHRoaXMubCwgJ1NlbmRDb2RlJywgdHJ1ZSwgdGhpcy5sb2dpbi5zZW5kQ29kZVVybCwgJ3AtaC01MCcpO1xyXG4gICAgICBjb25zdCBzZW5kQ29kZSA9IG5ldyBJbnB1dENsYXNzKHRoaXMuY29uZmlnLmVudmlyb25tZW50LCB0aGlzLmwsICdTZW5kQ29kZScsICdmYWQgZmEtcGFwZXItcGxhbmUnLCBJbnB1dFR5cGUuU3VibWl0KTtcclxuICAgICAgc2VuZENvZGVGb3JtLnN1Yk5hbWUgPSAnU2VuZENvZGVTdWJUaXRsZSc7XHJcbiAgICAgIHRoaXMubW9iaWxlID0gbmV3IElucHV0Q2xhc3ModGhpcy5jb25maWcuZW52aXJvbm1lbnQsIHRoaXMubCwgJ01vYmlsZScsXHJcbiAgICAgICAgJ2ZhZCBmYS1tb2JpbGUtYWx0JywgSW5wdXRUeXBlLk1vYmlsZSwgJ20tYi0xMCBoLTQ1JywgJycsIHRydWUsIDQsIDUwKTtcclxuICAgICAgc2VuZENvZGVGb3JtLm9uU3VjY2VzcyA9ICgpID0+IHtcclxuICAgICAgICBsb2dpbkZvcm0uc3ViTmFtZSA9IHRoaXMubCgnTG9naW5TbXNTdWJUaXRsZScsIHRoaXMubW9iaWxlLmRhdGEoKSk7XHJcbiAgICAgICAgdGhpcy5tb2JpbGUudHlwZSA9IElucHV0VHlwZS5IaWRkZW47XHJcbiAgICAgICAgY29kZS5wcm9ncmVzcy5zdGFydCgpO1xyXG4gICAgICAgIHRoaXMubG9naW4uc3RlcHNbMV0uc2hvdygpO1xyXG4gICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xyXG4gICAgICAgICAgY29kZS5mb2N1cygpO1xyXG4gICAgICAgIH0sIDEwMCk7XHJcbiAgICAgIH07XHJcbiAgICAgIHNlbmRDb2RlRm9ybS5pbnB1dHMgPSBbXHJcbiAgICAgICAgdGhpcy5tb2JpbGUsXHJcbiAgICAgICAgc2VuZENvZGVcclxuICAgICAgXTtcclxuICAgICAgY29uc3QgbG9naW5Gb3JtID0gbmV3IEZvcm1DbGFzcyh0aGlzLmNvbmZpZy5lbnZpcm9ubWVudCwgdGhpcy5sLCAnTG9naW5TbXMnLCB0cnVlLCB0aGlzLmxvZ2luLmxvZ2luVXJsLCAncC1oLTUwJyk7XHJcbiAgICAgIGxvZ2luRm9ybS5zdWJOYW1lID0gdGhpcy5sKCdMb2dpblNtc1N1YlRpdGxlJywgJycpO1xyXG4gICAgICBsb2dpbkZvcm0ub25TdWNjZXNzID0gKHJlc3VsdCkgPT4ge1xyXG4gICAgICAgIHRoaXMubG9naW4uc2V0Q29va2llKHJlc3VsdCk7XHJcbiAgICAgICAgaWYgKHRoaXMubG9naW4uc3RlcHMubGVuZ3RoID4gMiAmJiByZXN1bHQuQ3VycmVudFVzZXIgPT09IG51bGwpe1xyXG4gICAgICAgICAgdGhpcy5sb2dpbi5zdGVwc1syXS5zaG93KHJlc3VsdC5TdGVwRGF0YSk7XHJcbiAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgIHRoaXMubG9naW4ub25TdWNjZXNzKHJlc3VsdCk7XHJcbiAgICAgICAgfVxyXG4gICAgICB9O1xyXG4gICAgICBsb2dpbkZvcm0ub25GYWlsZWQgPSAobXNnKSA9PiB7XHJcbiAgICAgICAgY29kZS5jbGVhcigpO1xyXG4gICAgICAgIHRoaXMubW9iaWxlLmVycm9yID0gSW5wdXRFcnJvci5Ob3RFeGlzdDtcclxuICAgICAgICB0aGlzLm1vYmlsZS50eXBlID0gSW5wdXRUeXBlLk1vYmlsZTtcclxuICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgICAgIHRoaXMubW9iaWxlLmZvY3VzKCk7XHJcbiAgICAgICAgfSwgMTAwKTtcclxuICAgICAgICB0aGlzLmxvZ2luLnN0ZXBzWzBdLnNob3coKTtcclxuICAgICAgfTtcclxuICAgICAgY29uc3QgY29kZSA9IG5ldyBJbnB1dENsYXNzKHRoaXMuY29uZmlnLmVudmlyb25tZW50LCB0aGlzLmwsICdDb2RlJyxcclxuICAgICAgICAnZmFkIGZhLXVubG9jay1hbHQnLCBJbnB1dFR5cGUuTnVtYmVyLCAnbS1iLTEwIGgtNDUnLCBudWxsLCB0cnVlLCAxMTExLCA5OTk5KTtcclxuICAgICAgY29uc3QgbGFiZWxSZXNlbmQgPSBuZXcgSW5wdXRDbGFzcyh0aGlzLmNvbmZpZy5lbnZpcm9ubWVudCwgdGhpcy5sLCAnUmVTZW5kQ29kZURlcycsXHJcbiAgICAgICAgbnVsbCwgSW5wdXRUeXBlLkxhYmVsLCAneWVsbG93IHJlc2VuZC1jb2RlJyk7XHJcbiAgICAgIGNvZGUucHJvZ3Jlc3MgPSBuZXcgUHJvZ3Jlc3MoMTIwKTtcclxuICAgICAgY29kZS5wcm9ncmVzcy5vblN0YXJ0ID0gKCkgPT4ge1xyXG4gICAgICAgIGxhYmVsUmVzZW5kLnZhbHVlID0gbnVsbDtcclxuICAgICAgfTtcclxuICAgICAgY29kZS5wcm9ncmVzcy5vbkVuZCA9ICgpID0+IHtcclxuICAgICAgICBsYWJlbFJlc2VuZC52YWx1ZSA9ICdSZVNlbmRDb2RlRGVzJztcclxuICAgICAgfTtcclxuICAgICAgbGFiZWxSZXNlbmQub25DbGljayA9ICgpID0+IHtcclxuICAgICAgICBsYWJlbFJlc2VuZC5uYW1lID0gJygnICsgdGhpcy5sKCdMb2FkaW5nWWVsbG93JywgJ1NlbmQnKSArICcpJztcclxuICAgICAgICBuZXcgUmVxdWVzdENsYXNzKHRoaXMuY29uZmlnLmVudmlyb25tZW50KS5zZW5kKHRoaXMubG9naW4ucmVTZW5kQ29kZVVybCwgTWV0aG9kLlBvc3QsIGxvZ2luRm9ybS5kYXRhKCksIG51bGwsICgpID0+IHtcclxuICAgICAgICAgIGxhYmVsUmVzZW5kLm5hbWUgPSAnUmVTZW5kQ29kZURlcyc7XHJcbiAgICAgICAgICBjb2RlLnByb2dyZXNzLnN0YXJ0KCk7XHJcbiAgICAgICAgfSwgKGVycm9yKSA9PiB7XHJcbiAgICAgICAgICBIZWxwZXJDbGFzcy5hZGROb3RpZmljYXRpb24odGhpcy5sKGVycm9yKSk7XHJcbiAgICAgICAgICBsYWJlbFJlc2VuZC5uYW1lID0gJ1JlU2VuZENvZGVEZXMnO1xyXG4gICAgICAgIH0pO1xyXG4gICAgICB9O1xyXG4gICAgICBjb25zdCBsb2dpbiA9IG5ldyBJbnB1dENsYXNzKHRoaXMuY29uZmlnLmVudmlyb25tZW50LCB0aGlzLmwsICdMb2dpblNtcycsICdmYWQgZmEtc2lnbi1pbi1hbHQnLCBJbnB1dFR5cGUuU3VibWl0KTtcclxuICAgICAgbG9naW5Gb3JtLmlucHV0cyA9IFtcclxuICAgICAgICB0aGlzLm1vYmlsZSxcclxuICAgICAgICBjb2RlLFxyXG4gICAgICAgIGxhYmVsUmVzZW5kLFxyXG4gICAgICAgIGxvZ2luXHJcbiAgICAgIF07XHJcbiAgICAgIGxvZ2luLm9uQ2xpY2sgPSAoKSA9PiB7XHJcbiAgICAgICAgbG9naW5Gb3JtLnN1Ym1pdCgpO1xyXG4gICAgICB9O1xyXG4gICAgICBjb25zdCBsb2dpblN0ZXAgPSBuZXcgTG9naW5TdGVwQ2xhc3MobG9naW5Gb3JtKTtcclxuICAgICAgbG9naW5TdGVwLnNob3cgPSAoKSA9PiB7XHJcbiAgICAgICAgdGhpcy5sb2dpbi5hY3RpdmUgPSAwO1xyXG4gICAgICB9O1xyXG4gICAgICBjb25zdCBzZW5kQ29kZVN0ZXAgPSBuZXcgTG9naW5TdGVwQ2xhc3Moc2VuZENvZGVGb3JtKTtcclxuICAgICAgc2VuZENvZGVTdGVwLnNob3cgPSAoKSA9PiB7XHJcbiAgICAgICAgdGhpcy5sb2dpbi5hY3RpdmUgPSAxO1xyXG4gICAgICB9O1xyXG4gICAgICB0aGlzLmxvZ2luLnN0ZXBzLnVuc2hpZnQobG9naW5TdGVwKTtcclxuICAgICAgdGhpcy5sb2dpbi5zdGVwcy51bnNoaWZ0KHNlbmRDb2RlU3RlcCk7XHJcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xyXG4gICAgICAgIHRoaXMubW9iaWxlLmZvY3VzKCk7XHJcbiAgICAgIH0sIDEwMCk7XHJcbiAgICB9IGVsc2UgaWYgKHRoaXMubG9naW4udHlwZSA9PT0gJ1Bhc3N3b3JkJyl7XHJcbiAgICAgIGNvbnN0IGxvZ2luRm9ybSA9IG5ldyBGb3JtQ2xhc3ModGhpcy5jb25maWcuZW52aXJvbm1lbnQsIHRoaXMubCwgJ0xvZ2luUGFzc3dvcmQnLCB0cnVlLCB0aGlzLmxvZ2luLmxvZ2luVXJsLCAncC1oLTUwJyk7XHJcbiAgICAgIGxvZ2luRm9ybS5zdWJOYW1lID0gJ0xvZ2luUGFzc3dvcmRTdWJUaXRsZSc7XHJcbiAgICAgIGNvbnN0IGxvZ2luID0gbmV3IElucHV0Q2xhc3ModGhpcy5jb25maWcuZW52aXJvbm1lbnQsIHRoaXMubCwgJ0xvZ2luUGFzc3dvcmQnLCAnZmFkIGZhLXNpZ24taW4tYWx0JywgSW5wdXRUeXBlLlN1Ym1pdCk7XHJcbiAgICAgIGxvZ2luRm9ybS5vblN1Y2Nlc3MgPSAocmVzdWx0KSA9PiB7XHJcbiAgICAgICAgdGhpcy5sb2dpbi5zZXRDb29raWUocmVzdWx0KTtcclxuICAgICAgICBpZiAodGhpcy5sb2dpbi5zdGVwcy5sZW5ndGggPiAxICYmIHJlc3VsdC5DdXJyZW50VXNlciA9PT0gbnVsbCl7XHJcbiAgICAgICAgICB0aGlzLmxvZ2luLnN0ZXBzWzFdLnNob3cocmVzdWx0LlN0ZXBEYXRhKTtcclxuICAgICAgICB9IGVsc2Uge1xyXG4gICAgICAgICAgdGhpcy5sb2dpbi5vblN1Y2Nlc3MocmVzdWx0KTtcclxuICAgICAgICB9XHJcbiAgICAgIH07XHJcbiAgICAgIHRoaXMudXNlcm5hbWUgPSBuZXcgSW5wdXRDbGFzcyh0aGlzLmNvbmZpZy5lbnZpcm9ubWVudCwgdGhpcy5sLCAnVXNlcm5hbWUnLFxyXG4gICAgICAgICdmYWQgZmEtdXNlcicsIElucHV0VHlwZS5UZXh0LCAnbS1iLTEwIGgtNDUnLCAnJywgdHJ1ZSwgNCwgNTApO1xyXG4gICAgICBsb2dpbkZvcm0uaW5wdXRzID0gW1xyXG4gICAgICAgIHRoaXMudXNlcm5hbWUsXHJcbiAgICAgICAgbmV3IElucHV0Q2xhc3ModGhpcy5jb25maWcuZW52aXJvbm1lbnQsIHRoaXMubCwgJ1Bhc3N3b3JkJywgJ2ZhZCBmYS1rZXknLCBJbnB1dFR5cGUuUGFzc3dvcmQsICdtLWItMTAgaC00NScsICcnLCB0cnVlLCA1LCA1MCksXHJcbiAgICAgICAgbG9naW5cclxuICAgICAgXTtcclxuICAgICAgbG9naW4ub25DbGljayA9ICgpID0+IHtcclxuICAgICAgICBsb2dpbkZvcm0uc3VibWl0KCk7XHJcbiAgICAgIH07XHJcbiAgICAgIGNvbnN0IGxvZ2luU3RlcCA9IG5ldyBMb2dpblN0ZXBDbGFzcyhsb2dpbkZvcm0pO1xyXG4gICAgICBsb2dpblN0ZXAuc2hvdyA9ICgpID0+IHtcclxuICAgICAgICB0aGlzLmxvZ2luLmFjdGl2ZSA9IDA7XHJcbiAgICAgIH07XHJcbiAgICAgIHRoaXMubG9naW4uc3RlcHMudW5zaGlmdChsb2dpblN0ZXApO1xyXG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgICB0aGlzLnVzZXJuYW1lLmZvY3VzKCk7XHJcbiAgICAgIH0sIDEwMCk7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiJdfQ==

package/esm2015/lib/components/modal/modal.component.js

@@ -0,0 +1,25 @@
+import { Component, Input } from '@angular/core';
+import { InputClass } from '../../classes/form.class';
+import { InputType } from '../../classes/enum.class';
+export class ModalComponent {
+    constructor() {
+    }
+    ngOnInit() {
+        this.close = new InputClass(this.modal.environment, this.modal.l, null, 'fad fa-times', InputType.Icon, 'w-u h-30 red');
+        this.close.onClick = () => {
+            this.modal.hide();
+        };
+    }
+}
+ModalComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'lib-modal',
+                template: "<div [id]=\"modal.id + 'Modal'\" class=\"modal\">\r\n  <div [className]=\"(modal.class ? modal.class : '') + ' content'\">\r\n    <lib-form-button [inp]=\"close\"></lib-form-button>\r\n    <div class=\"body\">\r\n      <ng-content></ng-content>\r\n      <lib-form *ngIf=\"modal.form != null && modal.firstForm\" [form]=\"modal.form\"></lib-form>\r\n      <lib-table *ngIf=\"modal.table != null\" [table]=\"modal.table\"></lib-table>\r\n      <lib-form *ngIf=\"modal.form != null && !modal.firstForm\" [form]=\"modal.form\"></lib-form>\r\n      <lib-accordion *ngIf=\"modal.accordion != null\" [accordion]=\"modal.accordion\"></lib-accordion>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
+                styles: [".modal{background-color:var(--black-t-44);display:none;height:100%;overflow-y:auto;position:fixed;right:0;top:0;width:100%;z-index:999}.modal .content{background-color:#fff;border-radius:5px;box-shadow:var(--box-shadow-modal);float:right;margin:50px 30%;position:relative;width:40%;z-index:2}.modal .content .header{float:right;position:relative;text-align:center;width:100%}.modal .content .header .title{float:left;font-family:VazirBold;font-size:18px;height:40px;line-height:40px;width:100%}::ng-deep .modal .content>lib-form-button .form-input-con.button{left:-25px;position:absolute;top:-10px;z-index:5}.modal .content .body{float:right;position:relative;width:100%}.modal .content .footer{background-color:var(--base-22);float:right;height:50px;width:100%}.modal .content .footer:before{background-image:linear-gradient(90deg,rgba(51,51,51,0),rgba(51,51,51,.25),rgba(51,51,51,0));border:0;content:\"\";float:right;height:1px;width:100%}"]
+            },] }
+];
+ModalComponent.ctorParameters = () => [];
+ModalComponent.propDecorators = {
+    modal: [{ type: Input }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IkQ6L1Byb2plY3RzL1BzVG9vbGtpdC9VSS9wcm9qZWN0cy9wcy10b29sa2l0LXVpL3NyYy8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL21vZGFsL21vZGFsLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLEtBQUssRUFBUyxNQUFNLGVBQWUsQ0FBQztBQUV2RCxPQUFPLEVBQUMsVUFBVSxFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFDcEQsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLDBCQUEwQixDQUFDO0FBT25ELE1BQU0sT0FBTyxjQUFjO0lBSXpCO0lBQ0EsQ0FBQztJQUNELFFBQVE7UUFDTixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksVUFBVSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsV0FBVyxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLElBQUksRUFBRSxjQUFjLEVBQUUsU0FBUyxDQUFDLElBQUksRUFBRSxjQUFjLENBQUMsQ0FBQztRQUN4SCxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sR0FBRyxHQUFHLEVBQUU7WUFDeEIsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNwQixDQUFDLENBQUM7SUFDSixDQUFDOzs7WUFoQkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxXQUFXO2dCQUNyQixxckJBQXFDOzthQUV0Qzs7OztvQkFFRSxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0LCBPbkluaXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge01vZGFsQ2xhc3N9IGZyb20gJy4uLy4uL2NsYXNzZXMvbW9kYWwuY2xhc3MnO1xyXG5pbXBvcnQge0lucHV0Q2xhc3N9IGZyb20gJy4uLy4uL2NsYXNzZXMvZm9ybS5jbGFzcyc7XHJcbmltcG9ydCB7SW5wdXRUeXBlfSBmcm9tICcuLi8uLi9jbGFzc2VzL2VudW0uY2xhc3MnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItbW9kYWwnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9tb2RhbC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vbW9kYWwuY29tcG9uZW50LmNzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNb2RhbENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdHtcclxuICBASW5wdXQoKVxyXG4gIG1vZGFsOiBNb2RhbENsYXNzO1xyXG4gIGNsb3NlOiBJbnB1dENsYXNzO1xyXG4gIGNvbnN0cnVjdG9yKCl7XHJcbiAgfVxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5jbG9zZSA9IG5ldyBJbnB1dENsYXNzKHRoaXMubW9kYWwuZW52aXJvbm1lbnQsIHRoaXMubW9kYWwubCwgbnVsbCwgJ2ZhZCBmYS10aW1lcycsIElucHV0VHlwZS5JY29uLCAndy11IGgtMzAgcmVkJyk7XHJcbiAgICB0aGlzLmNsb3NlLm9uQ2xpY2sgPSAoKSA9PiB7XHJcbiAgICAgIHRoaXMubW9kYWwuaGlkZSgpO1xyXG4gICAgfTtcclxuICB9XHJcbn1cclxuIl19

package/esm2015/lib/components/notfound/notfound.component.js

@@ -0,0 +1,29 @@
+import { Component } from '@angular/core';
+import { PsToolkitUiConfigService } from '../../services/config.service';
+import { LangClass } from '../../classes/lang.class';
+import { InputClass } from '../../classes/form.class';
+import { InputType } from '../../classes/enum.class';
+export class NotfoundComponent {
+    constructor(config) {
+        this.config = config;
+        const lang = new LangClass(config.currentLang, config.strings);
+        const l = (key, v = null) => {
+            return lang.get('Public', 'Notfound', key, v);
+        };
+        this.back = new InputClass(config.environment, l, 'Back', 'fad fa-arrow-right', InputType.Button, '');
+        this.back.onClick = () => {
+            window.history.back();
+        };
+    }
+}
+NotfoundComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'lib-notfound',
+                template: "<div id=\"Notfound\">\r\n  <div class=\"notfound-con\">\r\n    <i class=\"far fa-frown notfound-icon\"></i>\r\n    <div class=\"notfound\">404</div>\r\n    <div class=\"notfound-text\">{{l(\"Text\")}}</div>\r\n    <div class=\"notfound-btn\">\r\n      <lib-form-button [inp]=\"back\"></lib-form-button>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
+                styles: ["#Notfound{align-items:center;background-color:#fff;display:flex;float:right;justify-content:center;min-height:calc(100vh - 90px);position:relative;width:100%}#Notfound .notfound-con{border-radius:5px;float:right;height:100%;width:100%}#Notfound .notfound-con .notfound{float:right;font-family:VazirBold;font-size:60px;height:100px;line-height:120px;position:relative;text-align:center;width:100%;z-index:2}#Notfound .notfound-con .notfound-text{float:right;font-family:VazirLight;font-size:16px;height:40px;line-height:40px;position:relative;text-align:center;width:100%;z-index:2}#Notfound .notfound-con .notfound-btn{float:right;margin-right:40%;margin-top:15px;position:relative;width:20%;z-index:2}#Notfound .notfound-con .notfound-icon{color:var(--base-33);float:right;font-size:150px;text-align:center;width:100%}@media (max-width:399.99px){#Notfound .notfound-con{right:5%;width:90%}#Notfound .notfound-con .notfound{font-size:90px}#Notfound .notfound-con .notfound-text{font-size:14px}#Notfound .notfound-con .notfound-icon{font-size:300px;left:-90px}}@media (min-width:400px) and (max-width:499.99px){#Notfound .notfound-con{right:5%;width:90%}#Notfound .notfound-con .notfound{font-size:110px}#Notfound .notfound-con .notfound-text{font-size:16px}#Notfound .notfound-con .notfound-icon{font-size:380px}}@media (min-width:500px) and (max-width:599.99px){#Notfound .notfound-con{right:5%;width:90%}#Notfound .notfound-con .notfound{font-size:110px}#Notfound .notfound-con .notfound-text{font-size:16px}#Notfound .notfound-con .notfound-icon{font-size:380px}}@media (min-width:600px) and (max-width:699.99px){#Notfound .notfound-con{right:10%;width:80%}#Notfound .notfound-con .notfound{font-size:120px}#Notfound .notfound-con .notfound-text{font-size:17px}}"]
+            },] }
+];
+NotfoundComponent.ctorParameters = () => [
+    { type: PsToolkitUiConfigService }
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90Zm91bmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IkQ6L1Byb2plY3RzL1BzVG9vbGtpdC9VSS9wcm9qZWN0cy9wcy10b29sa2l0LXVpL3NyYy8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL25vdGZvdW5kL25vdGZvdW5kLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3hDLE9BQU8sRUFBQyx3QkFBd0IsRUFBQyxNQUFNLCtCQUErQixDQUFDO0FBQ3ZFLE9BQU8sRUFBQyxTQUFTLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQztBQUNuRCxPQUFPLEVBQUMsVUFBVSxFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFDcEQsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLDBCQUEwQixDQUFDO0FBUW5ELE1BQU0sT0FBTyxpQkFBaUI7SUFFNUIsWUFBbUIsTUFBZ0M7UUFBaEMsV0FBTSxHQUFOLE1BQU0sQ0FBMEI7UUFDakQsTUFBTSxJQUFJLEdBQUcsSUFBSSxTQUFTLENBQUMsTUFBTSxDQUFDLFdBQVcsRUFBRSxNQUFNLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDL0QsTUFBTSxDQUFDLEdBQUcsQ0FBQyxHQUFXLEVBQUUsQ0FBQyxHQUFHLElBQUksRUFBVSxFQUFFO1lBQzFDLE9BQU8sSUFBSSxDQUFDLEdBQUcsQ0FBQyxRQUFRLEVBQUUsVUFBVSxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUMsQ0FBQztRQUNoRCxDQUFDLENBQUM7UUFDRixJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksVUFBVSxDQUFDLE1BQU0sQ0FBQyxXQUFXLEVBQUUsQ0FBQyxFQUFFLE1BQU0sRUFBRSxvQkFBb0IsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQ3RHLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxHQUFHLEdBQUcsRUFBRTtZQUN2QixNQUFNLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3hCLENBQUMsQ0FBQztJQUNKLENBQUM7OztZQWhCRixTQUFTLFNBQUM7Z0JBQ1AsUUFBUSxFQUFFLGNBQWM7Z0JBQ3hCLGtXQUF3Qzs7YUFFM0M7OztZQVZPLHdCQUF3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50fSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtQc1Rvb2xraXRVaUNvbmZpZ1NlcnZpY2V9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2NvbmZpZy5zZXJ2aWNlJztcclxuaW1wb3J0IHtMYW5nQ2xhc3N9IGZyb20gJy4uLy4uL2NsYXNzZXMvbGFuZy5jbGFzcyc7XHJcbmltcG9ydCB7SW5wdXRDbGFzc30gZnJvbSAnLi4vLi4vY2xhc3Nlcy9mb3JtLmNsYXNzJztcclxuaW1wb3J0IHtJbnB1dFR5cGV9IGZyb20gJy4uLy4uL2NsYXNzZXMvZW51bS5jbGFzcyc7XHJcbmltcG9ydCB7c3RyaW5nc30gZnJvbSAnLi4vLi4vY2xhc3Nlcy9zdHJpbmcuY2xhc3MnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ2xpYi1ub3Rmb3VuZCcsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vbm90Zm91bmQuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vbm90Zm91bmQuY29tcG9uZW50LmNzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBOb3Rmb3VuZENvbXBvbmVudHtcclxuICBiYWNrOiBJbnB1dENsYXNzO1xyXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBjb25maWc6IFBzVG9vbGtpdFVpQ29uZmlnU2VydmljZSl7XHJcbiAgICBjb25zdCBsYW5nID0gbmV3IExhbmdDbGFzcyhjb25maWcuY3VycmVudExhbmcsIGNvbmZpZy5zdHJpbmdzKTtcclxuICAgIGNvbnN0IGwgPSAoa2V5OiBzdHJpbmcsIHYgPSBudWxsKTogc3RyaW5nID0+IHtcclxuICAgICAgcmV0dXJuIGxhbmcuZ2V0KCdQdWJsaWMnLCAnTm90Zm91bmQnLCBrZXksIHYpO1xyXG4gICAgfTtcclxuICAgIHRoaXMuYmFjayA9IG5ldyBJbnB1dENsYXNzKGNvbmZpZy5lbnZpcm9ubWVudCwgbCwgJ0JhY2snLCAnZmFkIGZhLWFycm93LXJpZ2h0JywgSW5wdXRUeXBlLkJ1dHRvbiwgJycpO1xyXG4gICAgdGhpcy5iYWNrLm9uQ2xpY2sgPSAoKSA9PiB7XHJcbiAgICAgIHdpbmRvdy5oaXN0b3J5LmJhY2soKTtcclxuICAgIH07XHJcbiAgfVxyXG59XHJcbiJdfQ==

package/esm2015/lib/components/notification/notification.component.js

@@ -0,0 +1,14 @@
+import { Component } from '@angular/core';
+export class NotificationComponent {
+    constructor() {
+    }
+}
+NotificationComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'lib-notification',
+                template: "<div id=\"Notifications\">\r\n</div>\r\n",
+                styles: ["#Notifications{bottom:20px;position:fixed;right:0;width:350px;z-index:9999}::ng-deep #Notifications .con{float:right;padding:5px 20px;width:calc(100% - 40px)}::ng-deep #Notifications .item{background-color:var(--red);border-radius:5px;box-shadow:var(--box-shadow);color:#fff;float:right;position:relative;text-align:center;width:100%}::ng-deep #Notifications .item i{cursor:pointer;float:right;height:30px;line-height:30px;width:30px}::ng-deep #Notifications .item i:hover{background-color:var(--red-dark)}::ng-deep #Notifications .item div{float:right;font-size:12px;line-height:20px;padding:10px;width:calc(100% - 30px)}"]
+            },] }
+];
+NotificationComponent.ctorParameters = () => [];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJEOi9Qcm9qZWN0cy9Qc1Rvb2xraXQvVUkvcHJvamVjdHMvcHMtdG9vbGtpdC11aS9zcmMvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9ub3RpZmljYXRpb24vbm90aWZpY2F0aW9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBT3hDLE1BQU0sT0FBTyxxQkFBcUI7SUFDaEM7SUFDQSxDQUFDOzs7WUFQRixTQUFTLFNBQUM7Z0JBQ1AsUUFBUSxFQUFFLGtCQUFrQjtnQkFDNUIsb0RBQTRDOzthQUUvQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50fSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdsaWItbm90aWZpY2F0aW9uJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9ub3RpZmljYXRpb24uY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vbm90aWZpY2F0aW9uLmNvbXBvbmVudC5jc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgTm90aWZpY2F0aW9uQ29tcG9uZW50IHtcclxuICBjb25zdHJ1Y3Rvcigpe1xyXG4gIH1cclxufVxyXG4iXX0=

package/esm2015/lib/components/sidebar/item/sidebar.item.component.js

@@ -0,0 +1,53 @@
+import { Component, Input } from '@angular/core';
+import * as $ from 'jquery';
+import { LangClass } from '../../../classes/lang.class';
+import { PsToolkitUiConfigService } from '../../../services/config.service';
+export class SidebarItemComponent {
+    constructor(config) {
+        this.config = config;
+        const lang = new LangClass(config.currentLang, config.strings);
+        this.l = (key, v = null) => {
+            return lang.get('Public', 'Sidebar', key, v);
+        };
+    }
+    openClose(e) {
+        const op = $(e.target).closest('.user-sidebar-item');
+        if (op.hasClass('open')) {
+            op.removeClass('open');
+            op.find(' > .children').slideUp();
+        }
+        else {
+            op.addClass('open');
+            op.find(' > .children').slideDown();
+        }
+    }
+    isActive(item) {
+        if (item.children.length === 0) {
+            return this.currentSidebar && item.name === this.currentSidebar.name;
+        }
+        for (const c of item.children) {
+            if (this.isActive(c)) {
+                return true;
+            }
+        }
+        return false;
+    }
+}
+SidebarItemComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'lib-sidebar-item',
+                template: "<div [className]=\"(isActive(item) ? 'parent-active open ' : '') + 'user-sidebar-item'\">\r\n  <a [style]=\"{paddingRight: (i * 25) + 'px'}\" *ngIf=\"item.children.length == 0\" [className]=\"(currentSidebar && item.name == currentSidebar.name ? 'active ' : '') + 'content'\" [routerLink]=\"(area ? '/' + area : '') + '/' + (item.controller == 'Dashboard' ? '' : (item.controller + (item.action ? '/' + item.action : '')))\">\r\n    <i [className]=\"item.icon + ' icon'\"></i>\r\n    <div class=\"title\">{{ l(item.name) }}</div>\r\n  </a>\r\n  <div [style]=\"{paddingRight: (i * 25) + 'px'}\" *ngIf=\"item.children.length > 0\" (click)=\"openClose($event)\" class=\"content parent\">\r\n    <i [className]=\"item.icon + ' icon'\"></i>\r\n    <div class=\"title\">{{ l(item.name) }}</div>\r\n    <i [className]=\"'fad fa-angle-left arrow'\"></i>\r\n  </div>\r\n  <div *ngIf=\"item.children.length > 0\" class=\"children\">\r\n    <div class=\"items\">\r\n      <lib-sidebar-item [i]=\"i + 1\" [item]=\"child\" [currentSidebar]=\"currentSidebar\" [area]=\"area\" *ngFor=\"let child of item.children\"></lib-sidebar-item>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
+                styles: [".user-sidebar-item{float:left;position:relative;text-align:center;width:100%}.user-sidebar-item .content{cursor:pointer;float:right;position:relative;transition:all .3s;width:260px}.user-sidebar-item .dot{background-color:var(--base);border:2px solid hsla(0,0%,93.3%,.4);border-radius:50%;height:10px;position:absolute;right:-15px;top:15px;width:10px;z-index:2}.user-sidebar-item .dot.active{background-color:var(--base-11);border:2px solid var(--base-11)}.user-sidebar-item.parent-active>.dot.parent{background-color:hsla(0,0%,93.3%,.4);border:none}.user-sidebar-item .dot.back{background-color:var(--base);border:none;z-index:1}.user-sidebar-item .children{display:none;float:left;position:relative;width:100%}.user-sidebar-item .children .items{float:left;width:100%}.user-sidebar-item .children .line{background-color:hsla(0,0%,93.3%,.4);height:calc(100% - 20px);left:calc(85% + 10px);position:absolute;top:0;width:1px}.user-sidebar-item .content .title{color:hsla(0,0%,100%,.8);float:right;font-family:VazirLight;font-size:12px;height:45px;line-height:45px;overflow:hidden;transition:all .3s;width:0}.user-sidebar-item .content .icon{color:hsla(0,0%,100%,.6666666666666666);float:right;font-size:18px;height:45px;line-height:45px;width:78px}.user-sidebar-item .content .arrow{color:hsla(0,0%,100%,.8);font-size:13px;height:45px;left:0;line-height:45px;opacity:0;overflow:hidden;position:absolute;top:0;transition:all .3s;width:40px}::ng-deep #Layout .panel.open-sidebar .sidebar .user-sidebar-item .content .arrow{opacity:1}::ng-deep #Layout .panel.open-sidebar .sidebar .user-sidebar-item .content .title{width:calc(100% - 110px)}::ng-deep #Layout .panel.close-sidebar .sidebar .user-sidebar-item .content{padding:0!important}.user-sidebar-item.open .content .arrow{transform:rotate(-90deg)}.user-sidebar-item>.children .content .icon{font-size:11px}.user-sidebar-item.parent-active>.content,.user-sidebar-item:hover>.content{background-color:var(--base-dark)}.user-sidebar-item.parent-active>.content .title,.user-sidebar-item:hover>.content .title{color:#fff;font-family:VazirBold}.user-sidebar-item.parent-active>.content .icon,.user-sidebar-item:hover>.content .icon{color:var(--icon)}.user-sidebar-item.parent-active>.content .arrow,.user-sidebar-item:hover>.content .arrow{color:#fff}.user-sidebar-item.parent-active>.children{display:block}@media (max-width:399.98px){.user-sidebar-item .content .title{font-size:11px;width:calc(100% - 30px)}.user-sidebar-item .content .icon{font-size:13px;width:30px}}@media (min-width:400px) and (max-width:499.98px){.user-sidebar-item .content .title{font-size:11px;width:calc(100% - 30px)}.user-sidebar-item .content .icon{font-size:13px;width:30px}}@media (min-width:500px) and (max-width:599.98px){.user-sidebar-item .content .title{font-size:11px;width:calc(100% - 30px)}.user-sidebar-item .content .icon{font-size:13px;width:30px}}@media (min-width:600px) and (max-width:699.98px){.user-sidebar-item .content .title{font-size:11px;width:calc(100% - 30px)}.user-sidebar-item .content .icon{font-size:13px;width:30px}}@media (min-width:700px) and (max-width:799.98px){.user-sidebar-item .content .title{font-size:11px;width:calc(100% - 30px)}.user-sidebar-item .content .icon{font-size:13px;width:30px}}@media (min-width:800px) and (max-width:899.98px){.user-sidebar-item .content .title{font-size:11px;width:calc(100% - 30px)}.user-sidebar-item .content .icon{font-size:13px;width:30px}}@media (min-width:900px) and (max-width:999.98px){.user-sidebar-item .content .title{font-size:11px;width:calc(100% - 30px)}.user-sidebar-item .content .icon{font-size:13px;width:30px}}"]
+            },] }
+];
+SidebarItemComponent.ctorParameters = () => [
+    { type: PsToolkitUiConfigService }
+];
+SidebarItemComponent.propDecorators = {
+    item: [{ type: Input }],
+    i: [{ type: Input }],
+    base: [{ type: Input }],
+    currentSidebar: [{ type: Input }],
+    area: [{ type: Input }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci5pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJEOi9Qcm9qZWN0cy9Qc1Rvb2xraXQvVUkvcHJvamVjdHMvcHMtdG9vbGtpdC11aS9zcmMvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9zaWRlYmFyL2l0ZW0vc2lkZWJhci5pdGVtLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUMvQyxPQUFPLEtBQUssQ0FBQyxNQUFNLFFBQVEsQ0FBQztBQUU1QixPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sNkJBQTZCLENBQUM7QUFDdEQsT0FBTyxFQUFDLHdCQUF3QixFQUFDLE1BQU0sa0NBQWtDLENBQUM7QUFRMUUsTUFBTSxPQUFPLG9CQUFvQjtJQVkvQixZQUFtQixNQUFnQztRQUFoQyxXQUFNLEdBQU4sTUFBTSxDQUEwQjtRQUNqRCxNQUFNLElBQUksR0FBRyxJQUFJLFNBQVMsQ0FBQyxNQUFNLENBQUMsV0FBVyxFQUFFLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUMvRCxJQUFJLENBQUMsQ0FBQyxHQUFHLENBQUMsR0FBVyxFQUFFLENBQUMsR0FBRyxJQUFJLEVBQVUsRUFBRTtZQUN6QyxPQUFPLElBQUksQ0FBQyxHQUFHLENBQUMsUUFBUSxFQUFFLFNBQVMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDLENBQUM7UUFDL0MsQ0FBQyxDQUFDO0lBQ0osQ0FBQztJQUVELFNBQVMsQ0FBQyxDQUFDO1FBQ1QsTUFBTSxFQUFFLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxPQUFPLENBQUMsb0JBQW9CLENBQUMsQ0FBQztRQUNyRCxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLEVBQUM7WUFDdEIsRUFBRSxDQUFDLFdBQVcsQ0FBQyxNQUFNLENBQUMsQ0FBQztZQUN2QixFQUFFLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDLE9BQU8sRUFBRSxDQUFDO1NBQ25DO2FBQUk7WUFDSCxFQUFFLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1lBQ3BCLEVBQUUsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUMsU0FBUyxFQUFFLENBQUM7U0FDckM7SUFDSCxDQUFDO0lBRUQsUUFBUSxDQUFDLElBQWtCO1FBQ3pCLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEtBQUssQ0FBQyxFQUFDO1lBQzdCLE9BQU8sSUFBSSxDQUFDLGNBQWMsSUFBSSxJQUFJLENBQUMsSUFBSSxLQUFLLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDO1NBQ3RFO1FBQ0QsS0FBSyxNQUFNLENBQUMsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFDO1lBQzVCLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsRUFBQztnQkFDbkIsT0FBTyxJQUFJLENBQUM7YUFDYjtTQUNGO1FBQ0QsT0FBTyxLQUFLLENBQUM7SUFDZixDQUFDOzs7WUE3Q0YsU0FBUyxTQUFDO2dCQUNQLFFBQVEsRUFBRSxrQkFBa0I7Z0JBQzVCLG1wQ0FBNEM7O2FBRS9DOzs7WUFQTyx3QkFBd0I7OzttQkFTN0IsS0FBSztnQkFFTCxLQUFLO21CQUVMLEtBQUs7NkJBRUwsS0FBSzttQkFFTCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0ICogYXMgJCBmcm9tICdqcXVlcnknO1xyXG5pbXBvcnQge1NpZGViYXJDbGFzc30gZnJvbSAnLi4vLi4vLi4vY2xhc3Nlcy9zaWRlYmFyLmNsYXNzJztcclxuaW1wb3J0IHtMYW5nQ2xhc3N9IGZyb20gJy4uLy4uLy4uL2NsYXNzZXMvbGFuZy5jbGFzcyc7XHJcbmltcG9ydCB7UHNUb29sa2l0VWlDb25maWdTZXJ2aWNlfSBmcm9tICcuLi8uLi8uLi9zZXJ2aWNlcy9jb25maWcuc2VydmljZSc7XHJcbmltcG9ydCB7c3RyaW5nc30gZnJvbSAnLi4vLi4vLi4vY2xhc3Nlcy9zdHJpbmcuY2xhc3MnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ2xpYi1zaWRlYmFyLWl0ZW0nLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL3NpZGViYXIuaXRlbS5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi9zaWRlYmFyLml0ZW0uY29tcG9uZW50LmNzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTaWRlYmFySXRlbUNvbXBvbmVudCB7XHJcbiAgQElucHV0KClcclxuICBpdGVtOiBTaWRlYmFyQ2xhc3M7XHJcbiAgQElucHV0KClcclxuICBpOiBudW1iZXI7XHJcbiAgQElucHV0KClcclxuICBiYXNlOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpXHJcbiAgY3VycmVudFNpZGViYXI7XHJcbiAgQElucHV0KClcclxuICBhcmVhOiBzdHJpbmc7XHJcbiAgbDogKGssIHY/KSA9PiBzdHJpbmc7XHJcbiAgY29uc3RydWN0b3IocHVibGljIGNvbmZpZzogUHNUb29sa2l0VWlDb25maWdTZXJ2aWNlKXtcclxuICAgIGNvbnN0IGxhbmcgPSBuZXcgTGFuZ0NsYXNzKGNvbmZpZy5jdXJyZW50TGFuZywgY29uZmlnLnN0cmluZ3MpO1xyXG4gICAgdGhpcy5sID0gKGtleTogc3RyaW5nLCB2ID0gbnVsbCk6IHN0cmluZyA9PiB7XHJcbiAgICAgIHJldHVybiBsYW5nLmdldCgnUHVibGljJywgJ1NpZGViYXInLCBrZXksIHYpO1xyXG4gICAgfTtcclxuICB9XHJcblxyXG4gIG9wZW5DbG9zZShlKTogdm9pZHtcclxuICAgIGNvbnN0IG9wID0gJChlLnRhcmdldCkuY2xvc2VzdCgnLnVzZXItc2lkZWJhci1pdGVtJyk7XHJcbiAgICBpZiAob3AuaGFzQ2xhc3MoJ29wZW4nKSl7XHJcbiAgICAgIG9wLnJlbW92ZUNsYXNzKCdvcGVuJyk7XHJcbiAgICAgIG9wLmZpbmQoJyA+IC5jaGlsZHJlbicpLnNsaWRlVXAoKTtcclxuICAgIH1lbHNle1xyXG4gICAgICBvcC5hZGRDbGFzcygnb3BlbicpO1xyXG4gICAgICBvcC5maW5kKCcgPiAuY2hpbGRyZW4nKS5zbGlkZURvd24oKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIGlzQWN0aXZlKGl0ZW06IFNpZGViYXJDbGFzcyk6IGJvb2xlYW57XHJcbiAgICBpZiAoaXRlbS5jaGlsZHJlbi5sZW5ndGggPT09IDApe1xyXG4gICAgICByZXR1cm4gdGhpcy5jdXJyZW50U2lkZWJhciAmJiBpdGVtLm5hbWUgPT09IHRoaXMuY3VycmVudFNpZGViYXIubmFtZTtcclxuICAgIH1cclxuICAgIGZvciAoY29uc3QgYyBvZiBpdGVtLmNoaWxkcmVuKXtcclxuICAgICAgaWYgKHRoaXMuaXNBY3RpdmUoYykpe1xyXG4gICAgICAgIHJldHVybiB0cnVlO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgICByZXR1cm4gZmFsc2U7XHJcbiAgfVxyXG59XHJcbiJdfQ==

package/esm2015/lib/components/sidebar/sidebar.component.js

@@ -0,0 +1,65 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { PsToolkitUiConfigService } from '../../services/config.service';
+import { LangClass } from '../../classes/lang.class';
+import { SidebarClass } from '../../classes/sidebar.class';
+import { NavigationEnd, Router } from '@angular/router';
+import { HelperClass } from '../../classes/helper.class';
+export class SidebarComponent {
+    constructor(config, router) {
+        this.config = config;
+        this.router = router;
+        this.permissions = [];
+        this.toggleSidebar = new EventEmitter();
+        this.sidebar = [];
+        const lang = new LangClass(config.currentLang, config.strings);
+        this.l = (key, v = null) => {
+            return lang.get('Public', 'Sidebar', key, v);
+        };
+        router.events.subscribe(event => {
+            if (event instanceof NavigationEnd) {
+                this.setActive();
+            }
+        });
+    }
+    setActive() {
+        const active = HelperClass.getData('active', this.router.routerState, this.router.routerState.root)[0];
+        this.currentSidebar = this.getSidebarActive(this.sidebar, active);
+    }
+    ngOnInit() {
+        this.sidebar = this.permissions.map((s) => {
+            return new SidebarClass(this.l, s.Name, s.Controller, s.Action, s.Icon, s.Children ? s.Children.map((c) => {
+                return new SidebarClass(this.l, c.Name, c.Controller, c.Action, c.Icon, []);
+            }) : []);
+        });
+        this.setActive();
+    }
+    getSidebarActive(item, active) {
+        for (const i of item) {
+            if (i.controller + (i.action ? i.action : '') === active) {
+                return i;
+            }
+            const ca = this.getSidebarActive(i.children, active);
+            if (ca) {
+                return ca;
+            }
+        }
+        return null;
+    }
+}
+SidebarComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'lib-sidebar',
+                template: "<div id=\"Sidebar\">\r\n  <div class=\"toggle-con\">\r\n    <i (click)=\"toggleSidebar.emit()\" class=\"toggle fad fa-angle-double-right\"></i>\r\n  </div>\r\n  <div class=\"sidebar-con\" id=\"sidebar-con\">\r\n    <span *ngFor=\"let item of sidebar\">\r\n      <lib-sidebar-item [i]=\"0\" [item]=\"item\" [base]=\"true\" [currentSidebar]=\"currentSidebar\" [area]=\"area\"></lib-sidebar-item>\r\n    </span>\r\n  </div>\r\n</div>\r\n",
+                styles: ["#Sidebar,#Sidebar .sidebar-con{float:right;width:100%}#Sidebar .sidebar-con{direction:rtl;height:calc(100vh - 85px);overflow-x:hidden;overflow-y:auto}#Sidebar .toggle-con{background-color:var(--base-dark);float:right;height:50px;width:100%}#Sidebar .toggle-con .toggle{color:hsla(0,0%,100%,.8);cursor:pointer;float:left;font-size:18px;height:50px;line-height:50px;text-align:center;transition:all .3s;width:78px}::ng-deep #Layout .panel.close-sidebar .sidebar .toggle-con .toggle{transform:scaleX(-1)}#Sidebar .toggle-con .toggle:hover{color:#fff}"]
+            },] }
+];
+SidebarComponent.ctorParameters = () => [
+    { type: PsToolkitUiConfigService },
+    { type: Router }
+];
+SidebarComponent.propDecorators = {
+    permissions: [{ type: Input }],
+    area: [{ type: Input }],
+    toggleSidebar: [{ type: Output }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiRDovUHJvamVjdHMvUHNUb29sa2l0L1VJL3Byb2plY3RzL3BzLXRvb2xraXQtdWkvc3JjLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvc2lkZWJhci9zaWRlYmFyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQzdFLE9BQU8sRUFBQyx3QkFBd0IsRUFBQyxNQUFNLCtCQUErQixDQUFDO0FBQ3ZFLE9BQU8sRUFBQyxTQUFTLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQztBQUNuRCxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0sNkJBQTZCLENBQUM7QUFDekQsT0FBTyxFQUFDLGFBQWEsRUFBRSxNQUFNLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUN0RCxPQUFPLEVBQUMsV0FBVyxFQUFDLE1BQU0sNEJBQTRCLENBQUM7QUFPdkQsTUFBTSxPQUFPLGdCQUFnQjtJQVUzQixZQUFtQixNQUFnQyxFQUFVLE1BQWM7UUFBeEQsV0FBTSxHQUFOLE1BQU0sQ0FBMEI7UUFBVSxXQUFNLEdBQU4sTUFBTSxDQUFRO1FBUjNFLGdCQUFXLEdBQVUsRUFBRSxDQUFDO1FBSXhCLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUMzQyxZQUFPLEdBQW1CLEVBQUUsQ0FBQztRQUkzQixNQUFNLElBQUksR0FBRyxJQUFJLFNBQVMsQ0FBQyxNQUFNLENBQUMsV0FBVyxFQUFFLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUMvRCxJQUFJLENBQUMsQ0FBQyxHQUFHLENBQUMsR0FBVyxFQUFFLENBQUMsR0FBRyxJQUFJLEVBQVUsRUFBRTtZQUN6QyxPQUFPLElBQUksQ0FBQyxHQUFHLENBQUMsUUFBUSxFQUFFLFNBQVMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDLENBQUM7UUFDL0MsQ0FBQyxDQUFDO1FBQ0YsTUFBTSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLEVBQUU7WUFDOUIsSUFBSSxLQUFLLFlBQVksYUFBYSxFQUFFO2dCQUNsQyxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7YUFDbEI7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFDRCxTQUFTO1FBQ1AsTUFBTSxNQUFNLEdBQUcsV0FBVyxDQUFDLE9BQU8sQ0FBQyxRQUFRLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxXQUFXLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDdkcsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxNQUFNLENBQUMsQ0FBQztJQUNwRSxDQUFDO0lBQ0QsUUFBUTtRQUNOLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRTtZQUN4QyxPQUFPLElBQUksWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLElBQUksRUFBRSxDQUFDLENBQUMsVUFBVSxFQUFFLENBQUMsQ0FBQyxNQUFNLEVBQUUsQ0FBQyxDQUFDLElBQUksRUFDcEUsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRTtnQkFDaEMsT0FBTyxJQUFJLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDLFVBQVUsRUFBRSxDQUFDLENBQUMsTUFBTSxFQUFFLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLENBQUM7WUFDOUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ2IsQ0FBQyxDQUFDLENBQUM7UUFDSCxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7SUFDbkIsQ0FBQztJQUNELGdCQUFnQixDQUFDLElBQW9CLEVBQUUsTUFBTTtRQUMzQyxLQUFLLE1BQU0sQ0FBQyxJQUFJLElBQUksRUFBQztZQUNuQixJQUFJLENBQUMsQ0FBQyxVQUFVLEdBQUcsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsS0FBSyxNQUFNLEVBQUM7Z0JBQ3ZELE9BQU8sQ0FBQyxDQUFDO2FBQ1Y7WUFDRCxNQUFNLEVBQUUsR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxDQUFDLFFBQVEsRUFBRSxNQUFNLENBQUMsQ0FBQztZQUNyRCxJQUFJLEVBQUUsRUFBQztnQkFDTCxPQUFPLEVBQUUsQ0FBQzthQUNYO1NBQ0Y7UUFDRCxPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7OztZQWxERixTQUFTLFNBQUM7Z0JBQ1AsUUFBUSxFQUFFLGFBQWE7Z0JBQ3ZCLDhiQUF1Qzs7YUFFMUM7OztZQVZPLHdCQUF3QjtZQUdULE1BQU07OzswQkFTMUIsS0FBSzttQkFFTCxLQUFLOzRCQUVMLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge1BzVG9vbGtpdFVpQ29uZmlnU2VydmljZX0gZnJvbSAnLi4vLi4vc2VydmljZXMvY29uZmlnLnNlcnZpY2UnO1xyXG5pbXBvcnQge0xhbmdDbGFzc30gZnJvbSAnLi4vLi4vY2xhc3Nlcy9sYW5nLmNsYXNzJztcclxuaW1wb3J0IHtTaWRlYmFyQ2xhc3N9IGZyb20gJy4uLy4uL2NsYXNzZXMvc2lkZWJhci5jbGFzcyc7XHJcbmltcG9ydCB7TmF2aWdhdGlvbkVuZCwgUm91dGVyfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xyXG5pbXBvcnQge0hlbHBlckNsYXNzfSBmcm9tICcuLi8uLi9jbGFzc2VzL2hlbHBlci5jbGFzcyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnbGliLXNpZGViYXInLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL3NpZGViYXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vc2lkZWJhci5jb21wb25lbnQuY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFNpZGViYXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXR7XHJcbiAgQElucHV0KClcclxuICBwZXJtaXNzaW9uczogYW55W10gPSBbXTtcclxuICBASW5wdXQoKVxyXG4gIGFyZWE6IHN0cmluZztcclxuICBAT3V0cHV0KClcclxuICB0b2dnbGVTaWRlYmFyID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XHJcbiAgc2lkZWJhcjogU2lkZWJhckNsYXNzW10gPSBbXTtcclxuICBjdXJyZW50U2lkZWJhcjtcclxuICBsOiAoaywgdj8pID0+IHN0cmluZztcclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgY29uZmlnOiBQc1Rvb2xraXRVaUNvbmZpZ1NlcnZpY2UsIHByaXZhdGUgcm91dGVyOiBSb3V0ZXIpe1xyXG4gICAgY29uc3QgbGFuZyA9IG5ldyBMYW5nQ2xhc3MoY29uZmlnLmN1cnJlbnRMYW5nLCBjb25maWcuc3RyaW5ncyk7XHJcbiAgICB0aGlzLmwgPSAoa2V5OiBzdHJpbmcsIHYgPSBudWxsKTogc3RyaW5nID0+IHtcclxuICAgICAgcmV0dXJuIGxhbmcuZ2V0KCdQdWJsaWMnLCAnU2lkZWJhcicsIGtleSwgdik7XHJcbiAgICB9O1xyXG4gICAgcm91dGVyLmV2ZW50cy5zdWJzY3JpYmUoZXZlbnQgPT4ge1xyXG4gICAgICBpZiAoZXZlbnQgaW5zdGFuY2VvZiBOYXZpZ2F0aW9uRW5kKSB7XHJcbiAgICAgICAgdGhpcy5zZXRBY3RpdmUoKTtcclxuICAgICAgfVxyXG4gICAgfSk7XHJcbiAgfVxyXG4gIHNldEFjdGl2ZSgpOiB2b2lke1xyXG4gICAgY29uc3QgYWN0aXZlID0gSGVscGVyQ2xhc3MuZ2V0RGF0YSgnYWN0aXZlJywgdGhpcy5yb3V0ZXIucm91dGVyU3RhdGUsIHRoaXMucm91dGVyLnJvdXRlclN0YXRlLnJvb3QpWzBdO1xyXG4gICAgdGhpcy5jdXJyZW50U2lkZWJhciA9IHRoaXMuZ2V0U2lkZWJhckFjdGl2ZSh0aGlzLnNpZGViYXIsIGFjdGl2ZSk7XHJcbiAgfVxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5zaWRlYmFyID0gdGhpcy5wZXJtaXNzaW9ucy5tYXAoKHMpID0+IHtcclxuICAgICAgcmV0dXJuIG5ldyBTaWRlYmFyQ2xhc3ModGhpcy5sLCBzLk5hbWUsIHMuQ29udHJvbGxlciwgcy5BY3Rpb24sIHMuSWNvbixcclxuICAgICAgICBzLkNoaWxkcmVuID8gcy5DaGlsZHJlbi5tYXAoKGMpID0+IHtcclxuICAgICAgICAgIHJldHVybiBuZXcgU2lkZWJhckNsYXNzKHRoaXMubCwgYy5OYW1lLCBjLkNvbnRyb2xsZXIsIGMuQWN0aW9uLCBjLkljb24sIFtdKTtcclxuICAgICAgICB9KSA6IFtdKTtcclxuICAgIH0pO1xyXG4gICAgdGhpcy5zZXRBY3RpdmUoKTtcclxuICB9XHJcbiAgZ2V0U2lkZWJhckFjdGl2ZShpdGVtOiBTaWRlYmFyQ2xhc3NbXSwgYWN0aXZlKTogU2lkZWJhckNsYXNze1xyXG4gICAgZm9yIChjb25zdCBpIG9mIGl0ZW0pe1xyXG4gICAgICBpZiAoaS5jb250cm9sbGVyICsgKGkuYWN0aW9uID8gaS5hY3Rpb24gOiAnJykgPT09IGFjdGl2ZSl7XHJcbiAgICAgICAgcmV0dXJuIGk7XHJcbiAgICAgIH1cclxuICAgICAgY29uc3QgY2EgPSB0aGlzLmdldFNpZGViYXJBY3RpdmUoaS5jaGlsZHJlbiwgYWN0aXZlKTtcclxuICAgICAgaWYgKGNhKXtcclxuICAgICAgICByZXR1cm4gY2E7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICAgIHJldHVybiBudWxsO1xyXG4gIH1cclxufVxyXG4iXX0=

package/esm2015/lib/components/steps/steps.component.js

@@ -0,0 +1,51 @@
+import { Component, Input } from '@angular/core';
+import { Router } from '@angular/router';
+export class StepsComponent {
+    constructor(router) {
+        this.router = router;
+    }
+    getActive() {
+        return this.steps.items.findIndex(x => x.active);
+    }
+    changeStep(i, s) {
+        if (s.url != null) {
+            if (this.getActive() !== 0 || this.steps.activeAll) {
+                this.router.navigate([s.url]);
+            }
+        }
+        else {
+            if (s.onClick) {
+                s.onClick(s);
+            }
+            else {
+                const a = this.steps.items.findIndex(x => x.active);
+                if (a > i || this.steps.activeAll) {
+                    this.steps.items[a].active = false;
+                    this.steps.items[i].active = true;
+                }
+            }
+        }
+    }
+    onDelete(s) {
+        const a = this.steps.items.findIndex(x => x.name === s.name);
+        if (this.steps.items[a].active) {
+            this.steps.items[a - 1].active = true;
+        }
+        this.steps.items = this.steps.items.filter(x => x.name !== s.name);
+        s.onDelete(s);
+    }
+}
+StepsComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'lib-steps',
+                template: "<div class=\"steps\">\r\n  <div class=\"header\">\r\n    <div *ngFor=\"let s of steps.items; let i = index\" [className]=\"(getActive() === i ? 'process ' : getActive() > i ? 'done ' : steps.activeAll ? 'next ' : '') + 'step-con'\">\r\n      <div [className]=\"(s.description ? 'with-description ' : '') + 'step'\" (click)=\"changeStep(i, s)\">\r\n        <div [className]=\"s.icon + ' icon fa svg'\"></div>\r\n        <div class=\"title o-h-d\">{{steps.l(s.title)}}</div>\r\n        <div *ngIf=\"s.description\" class=\"description o-h-d\">({{steps.l(s.description)}})</div>\r\n        <i *ngIf=\"s.onDelete\" (click)=\"onDelete(s)\" class=\"delete fas fa-times\"></i>\r\n        <i class=\"dot fas fa-dot-circle\"></i>\r\n        <i class=\"dot dot-done fas fa-circle\"></i>\r\n        <i class=\"dot dot-process fas fa-spinner\"></i>\r\n        <div class=\"line-r\"></div>\r\n        <div class=\"line-l\"></div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <ng-content></ng-content>\r\n</div>\r\n",
+                styles: [".steps{background-color:#fff;border-radius:5px;padding:20px}.steps,.steps>.header{float:right;width:100%}.steps>.header{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;align-items:center;display:flex;justify-content:center}.steps>.header>.step-con{float:right;padding:10px;position:relative;width:160px}.steps>.header>.step-con .step{border-radius:5px;cursor:default;float:right;padding:10px;pointer-events:none;position:relative;width:100%}.steps>.header>.step-con.done .step,.steps>.header>.step-con.next .step,.steps>.header>.step-con.process .step{cursor:pointer;pointer-events:unset}.steps>.header>.step-con.done .step:hover,.steps>.header>.step-con.next .step:hover,.steps>.header>.step-con.process .step{background-color:var(--base-11)}.steps>.header>.step-con .step .icon{float:right;font-size:25px;height:40px;line-height:40px;margin-right:calc(50% - 20px);text-align:center;width:40px}.steps>.header>.step-con .step .icon i{line-height:35px}.steps>.header>.step-con .step .title{float:right;font-size:13px;height:50px;line-height:50px;text-align:center;width:100%}.steps>.header>.step-con .step.with-description .title{float:right;font-size:13px;height:25px;line-height:32px;text-align:center;width:100%}.steps>.header>.step-con .step .description{float:right;font-size:11px;height:25px;line-height:20px;text-align:center;width:100%}.steps>.header>.step-con .step .dot{border-radius:50%;float:right;height:15px;line-height:15px;margin-right:calc(50% - 7.5px);width:15px}.steps>.header>.step-con .step .delete{color:var(--red);cursor:pointer;display:none;font-size:25px;height:20px;line-height:20px;position:absolute;right:-10px;text-align:center;top:-10px;width:20px}.steps>.header>.step-con .step .delete:hover{color:var(--red-dark)}.steps>.header>.step-con.process .step .delete{display:block}.steps>.header>.step-con .step .dot.dot-done{color:var(--icon);display:none}.steps>.header>.step-con .step .dot.dot-process{color:var(--icon);display:none;font-size:20px}.steps>.header>.step-con.done .step .dot,.steps>.header>.step-con.process .step .dot{display:none}.steps>.header>.step-con.done .step .dot.dot-done,.steps>.header>.step-con.process .step .dot.dot-process{display:block}.steps>.header>.step-con .step .line-r{background-image:linear-gradient(90deg,rgba(51,51,51,.1),rgba(51,51,51,.4));bottom:16px;height:2px;position:absolute;right:-10px;width:calc(50% - 2.5px)}.steps>.header>.step-con .step .line-l{background-image:linear-gradient(270deg,rgba(51,51,51,.1),rgba(51,51,51,.4));bottom:16px;height:2px;left:-10px;position:absolute;width:calc(50% - 2.5px)}.steps>.header>.step-con:first-of-type .step .line-r,.steps>.header>.step-con:last-of-type .step .line-l{display:none}@media (max-width:399.99px){.steps{margin:20px 2%;margin:0;padding:10px;width:96%;width:100%}.steps .steps{margin-right:0;width:100%}.steps>.header>.step-con .step .icon{font-size:18px;height:30px;margin-right:calc(50% - 15px);width:30px}.steps>.header>.step-con .step .icon i{line-height:25px}.steps>.header>.step-con .step .title{align-items:center;display:flex;font-size:10px;justify-content:center;line-height:13px}}@media (min-width:400px) and (max-width:499.99px){.steps{margin:20px 2%;margin:0;padding:10px;width:96%;width:100%}.steps .steps{margin-right:0;width:100%}.steps>.header>.step-con .step .icon{font-size:18px;height:30px;margin-right:calc(50% - 15px);width:30px}.steps>.header>.step-con .step .icon i{line-height:25px}.steps>.header>.step-con .step .title{align-items:center;display:flex;font-size:10px;justify-content:center;line-height:13px}}@media (min-width:500px) and (max-width:599.99px){.steps{margin:20px 2%;margin:0;width:96%;width:100%}.steps .steps{margin-right:0;width:100%}.steps>.header>.step-con .step .icon{font-size:20px;height:35px;margin-right:calc(50% - 17.5px);width:35px}.steps>.header>.step-con .step .icon i{line-height:30px}.steps>.header>.step-con .step .title{align-items:center;display:flex;font-size:11px;justify-content:center;line-height:13px}}@media (min-width:600px) and (max-width:699.99px){.steps{margin:20px 2%;margin:0;width:96%;width:100%}.steps .steps{margin-right:0;width:100%}.steps>.header>.step-con .step .icon{font-size:20px;height:35px;margin-right:calc(50% - 17.5px);width:35px}.steps>.header>.step-con .step .icon i{line-height:30px}.steps>.header>.step-con .step .title{font-size:11px}}@media (min-width:700px) and (max-width:799.99px){.steps{margin:20px 2%;margin:0;width:96%;width:100%}}@media (min-width:800px) and (max-width:899.99px){.steps{margin:0;width:100%}}@media (min-width:900px) and (max-width:999.99px){.steps{margin:0 5%;width:90%}}@media (min-width:1000px) and (max-width:1099.99px){.steps{margin:0 10%;width:80%}}@media (min-width:1100px) and (max-width:1199.99px){.steps{margin:0 15%;width:70%}}@media (min-width:1200px) and (max-width:1299.99px){.steps{margin:0 15%;width:70%}}"]
+            },] }
+];
+StepsComponent.ctorParameters = () => [
+    { type: Router }
+];
+StepsComponent.propDecorators = {
+    steps: [{ type: Input }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IkQ6L1Byb2plY3RzL1BzVG9vbGtpdC9VSS9wcm9qZWN0cy9wcy10b29sa2l0LXVpL3NyYy8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL3N0ZXBzL3N0ZXBzLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLEtBQUssRUFBUyxNQUFNLGVBQWUsQ0FBQztBQUN2RCxPQUFPLEVBQUMsTUFBTSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFRdkMsTUFBTSxPQUFPLGNBQWM7SUFJekIsWUFBb0IsTUFBYztRQUFkLFdBQU0sR0FBTixNQUFNLENBQVE7SUFDbEMsQ0FBQztJQUNELFNBQVM7UUFDUCxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNuRCxDQUFDO0lBQ0QsVUFBVSxDQUFDLENBQVMsRUFBRSxDQUFpQjtRQUNyQyxJQUFJLENBQUMsQ0FBQyxHQUFHLElBQUksSUFBSSxFQUFDO1lBQ2hCLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRSxLQUFLLENBQUMsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVMsRUFBRTtnQkFDbEQsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQzthQUMvQjtTQUNGO2FBQUk7WUFDSCxJQUFJLENBQUMsQ0FBQyxPQUFPLEVBQUM7Z0JBQ1osQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQzthQUNkO2lCQUFJO2dCQUNILE1BQU0sQ0FBQyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQztnQkFDcEQsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsU0FBUyxFQUFDO29CQUNoQyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO29CQUNuQyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDO2lCQUNuQzthQUNGO1NBQ0Y7SUFDSCxDQUFDO0lBQ0QsUUFBUSxDQUFDLENBQWlCO1FBQ3hCLE1BQU0sQ0FBQyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLEtBQUssQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQzdELElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxFQUFDO1lBQzdCLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDO1NBQ3ZDO1FBQ0QsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksS0FBSyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDbkUsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNoQixDQUFDOzs7WUF0Q0YsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxXQUFXO2dCQUNyQix1L0JBQXFDOzthQUV0Qzs7O1lBUE8sTUFBTTs7O29CQVNYLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5wdXQsIE9uSW5pdH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7Um91dGVyfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xyXG5pbXBvcnQge1N0ZXBzQ2xhc3MsIFN0ZXBzSXRlbUNsYXNzfSBmcm9tICcuLi8uLi9jbGFzc2VzL3N0ZXBzLmNsYXNzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLXN0ZXBzJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vc3RlcHMuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3N0ZXBzLmNvbXBvbmVudC5jc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU3RlcHNDb21wb25lbnR7XHJcbiAgQElucHV0KClcclxuICBzdGVwczogU3RlcHNDbGFzcztcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSByb3V0ZXI6IFJvdXRlcikge1xyXG4gIH1cclxuICBnZXRBY3RpdmUoKTogbnVtYmVyIHtcclxuICAgIHJldHVybiB0aGlzLnN0ZXBzLml0ZW1zLmZpbmRJbmRleCh4ID0+IHguYWN0aXZlKTtcclxuICB9XHJcbiAgY2hhbmdlU3RlcChpOiBudW1iZXIsIHM6IFN0ZXBzSXRlbUNsYXNzKTogdm9pZHtcclxuICAgIGlmIChzLnVybCAhPSBudWxsKXtcclxuICAgICAgaWYgKHRoaXMuZ2V0QWN0aXZlKCkgIT09IDAgfHwgdGhpcy5zdGVwcy5hY3RpdmVBbGwpIHtcclxuICAgICAgICB0aGlzLnJvdXRlci5uYXZpZ2F0ZShbcy51cmxdKTtcclxuICAgICAgfVxyXG4gICAgfWVsc2V7XHJcbiAgICAgIGlmIChzLm9uQ2xpY2spe1xyXG4gICAgICAgIHMub25DbGljayhzKTtcclxuICAgICAgfWVsc2V7XHJcbiAgICAgICAgY29uc3QgYSA9IHRoaXMuc3RlcHMuaXRlbXMuZmluZEluZGV4KHggPT4geC5hY3RpdmUpO1xyXG4gICAgICAgIGlmIChhID4gaSB8fCB0aGlzLnN0ZXBzLmFjdGl2ZUFsbCl7XHJcbiAgICAgICAgICB0aGlzLnN0ZXBzLml0ZW1zW2FdLmFjdGl2ZSA9IGZhbHNlO1xyXG4gICAgICAgICAgdGhpcy5zdGVwcy5pdGVtc1tpXS5hY3RpdmUgPSB0cnVlO1xyXG4gICAgICAgIH1cclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH1cclxuICBvbkRlbGV0ZShzOiBTdGVwc0l0ZW1DbGFzcyk6IHZvaWR7XHJcbiAgICBjb25zdCBhID0gdGhpcy5zdGVwcy5pdGVtcy5maW5kSW5kZXgoeCA9PiB4Lm5hbWUgPT09IHMubmFtZSk7XHJcbiAgICBpZiAodGhpcy5zdGVwcy5pdGVtc1thXS5hY3RpdmUpe1xyXG4gICAgICB0aGlzLnN0ZXBzLml0ZW1zW2EgLSAxXS5hY3RpdmUgPSB0cnVlO1xyXG4gICAgfVxyXG4gICAgdGhpcy5zdGVwcy5pdGVtcyA9IHRoaXMuc3RlcHMuaXRlbXMuZmlsdGVyKHggPT4geC5uYW1lICE9PSBzLm5hbWUpO1xyXG4gICAgcy5vbkRlbGV0ZShzKTtcclxuICB9XHJcbn1cclxuIl19

package/esm2015/lib/components/table/loading/table.loading.component.js

@@ -0,0 +1,17 @@
+import { Component, Input } from '@angular/core';
+export class TableLoadingComponent {
+    constructor() {
+    }
+}
+TableLoadingComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'lib-table-loading',
+                template: "<div *ngIf=\"table.loading\" class=\"loading\">\r\n  <div class=\"text\" [innerHTML]=\"table.l('LoadingTable', 'Processing')\"></div>\r\n</div>\r\n<div *ngIf=\"!table.permission\" class=\"loading\">\r\n  <div class=\"text\"><i class=\"fas fa-shield-alt icon\"></i>{{ table.l(\"PermissionDenied\") }}</div>\r\n</div>\r\n<div *ngIf=\"!table.loading && table.permission && table.rows.length == 0\" class=\"loading\">\r\n  <div class=\"text\"><i class=\"fas fa-exclamation icon\"></i>{{ table.l(\"NotfoundTitle\") }}</div>\r\n</div>\r\n",
+                styles: [".loading{background-color:#fff;border-radius:5px;bottom:0;height:100%;right:0;z-index:101}.loading,.loading .text{position:absolute;text-align:center;width:100%}.loading .text{font-family:VazirBold;height:35px;line-height:35px;top:calc(50% - 20px)}::ng-deep .loading .text .icon{font-size:20px!important;line-height:30px;margin-left:5px;position:relative;top:5px}"]
+            },] }
+];
+TableLoadingComponent.ctorParameters = () => [];
+TableLoadingComponent.propDecorators = {
+    table: [{ type: Input }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUubG9hZGluZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiRDovUHJvamVjdHMvUHNUb29sa2l0L1VJL3Byb2plY3RzL3BzLXRvb2xraXQtdWkvc3JjLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvdGFibGUvbG9hZGluZy90YWJsZS5sb2FkaW5nLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLEtBQUssRUFBUyxNQUFNLGVBQWUsQ0FBQztBQVF2RCxNQUFNLE9BQU8scUJBQXFCO0lBR2hDO0lBQ0EsQ0FBQzs7O1lBVEYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxtQkFBbUI7Z0JBQzdCLGdpQkFBNkM7O2FBRTlDOzs7O29CQUVFLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5wdXQsIE9uSW5pdH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7VGFibGVDbGFzc30gZnJvbSAnLi4vLi4vLi4vY2xhc3Nlcy90YWJsZS5jbGFzcyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi10YWJsZS1sb2FkaW5nJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdGFibGUubG9hZGluZy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdGFibGUubG9hZGluZy5jb21wb25lbnQuY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFRhYmxlTG9hZGluZ0NvbXBvbmVudHtcclxuICBASW5wdXQoKVxyXG4gIHRhYmxlOiBUYWJsZUNsYXNzO1xyXG4gIGNvbnN0cnVjdG9yKCkge1xyXG4gIH1cclxufVxyXG4iXX0=