diff --git a/README.md b/README.md
index c6cabb4..3769660 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,5 @@
-[](https://badge.fury.io/js/ngx-ui-loader)
+[](https://www.npmjs.com/package/ngx-ui-loader)
+[](https://github.com/t-ho/ngx-ui-loader/stargazers)
[](https://stackblitz.com/edit/ngx-ui-loader)
[](https://travis-ci.org/t-ho/ngx-ui-loader)
[](https://codecov.io/gh/t-ho/ngx-ui-loader)
diff --git a/package-lock.json b/package-lock.json
index c738337..48aec35 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -303,9 +303,9 @@
"integrity": "sha512-LNtzUrrjqLTlZyhuAEV0sdEV0yi52Ih/p+ozCr/ivhTSSemcPbniTBbJlFZO4NJ2BuS2iEXkXwZs3mm8Fvx5Sg=="
},
"@angular/cdk": {
- "version": "9.1.2",
- "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-9.1.2.tgz",
- "integrity": "sha512-x5niyE0iYrbVtLYjJFw2MoS+OoSbJn6y/G2pNScviDwyjBBgqRh4YgUox2kMhdPumkvuh+eA6blZoE9qpvSo2w==",
+ "version": "9.1.3",
+ "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-9.1.3.tgz",
+ "integrity": "sha512-K6XJzfqP+PE0ahyBUYrnoW+3ocwDpPN3dE9a+XRtZ0vM4P/FElweWj5zjNwWktb+uF9yal6oMPWXJNOAfonpPw==",
"requires": {
"parse5": "^5.0.0"
}
@@ -611,9 +611,9 @@
}
},
"yargs-parser": {
- "version": "13.1.1",
- "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-13.1.1.tgz",
- "integrity": "sha512-oVAVsHz6uFrg3XQheFII8ESO2ssAf9luWuAd6Wexsu4F3OtIW0o8IribPXYrD4WC24LWtPrJlGy87y5udK+dxQ==",
+ "version": "13.1.2",
+ "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-13.1.2.tgz",
+ "integrity": "sha512-3lbsNRf/j+A4QuSZfDRA7HRSfWrzO0YjqTJd5kjAq37Zep1CEgaYmrH9Q3GwPiB9cHyd1Y1UwggGhJGoxipbzg==",
"dev": true,
"requires": {
"camelcase": "^5.0.0",
@@ -644,9 +644,9 @@
"dev": true
},
"@angular/material": {
- "version": "9.1.2",
- "resolved": "https://registry.npmjs.org/@angular/material/-/material-9.1.2.tgz",
- "integrity": "sha512-8uwwkSnsg/YlhqxD/+0Cj+1S97Xf5WUcgxSEXmC1r0/AD+o6PGL5ImIk4n+3tdgYqm7MoJZQthlIB2J0EVLjVw=="
+ "version": "9.1.3",
+ "resolved": "https://registry.npmjs.org/@angular/material/-/material-9.1.3.tgz",
+ "integrity": "sha512-tRdd5+z9XwsbN+4WCuH3goyEjqw1Q6vKeURCdas8bh5AVOrCt8pcFlj3yA3P/u4fdhfTeFc67PJRz8Zm0n3moQ=="
},
"@angular/platform-browser": {
"version": "9.0.6",
@@ -704,12 +704,12 @@
}
},
"json5": {
- "version": "2.1.1",
- "resolved": "https://registry.npmjs.org/json5/-/json5-2.1.1.tgz",
- "integrity": "sha512-l+3HXD0GEI3huGq1njuqtzYK8OYJyXMkOLtQ53pjWh89tvWS2h6l+1zMkYWqlb57+SiQodKZyvMEFb2X+KrFhQ==",
+ "version": "2.1.2",
+ "resolved": "https://registry.npmjs.org/json5/-/json5-2.1.2.tgz",
+ "integrity": "sha512-MoUOQ4WdiN3yxhm7NEVJSJrieAo5hNSLQ5sj05OTRHPL9HOBy8u4Bu88jsC1jvqAdN+E1bJmsUcZH+1HQxliqQ==",
"dev": true,
"requires": {
- "minimist": "^1.2.0"
+ "minimist": "^1.2.5"
}
},
"ms": {
@@ -783,14 +783,14 @@
}
},
"@babel/helper-create-regexp-features-plugin": {
- "version": "7.8.6",
- "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.8.6.tgz",
- "integrity": "sha512-bPyujWfsHhV/ztUkwGHz/RPV1T1TDEsSZDsN42JPehndA+p1KKTh3npvTadux0ZhCrytx9tvjpWNowKby3tM6A==",
+ "version": "7.8.8",
+ "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.8.8.tgz",
+ "integrity": "sha512-LYVPdwkrQEiX9+1R29Ld/wTrmQu1SSKYnuOk3g0CkcZMA1p0gsNxJFj/3gBdaJ7Cg0Fnek5z0DsMULePP7Lrqg==",
"dev": true,
"requires": {
"@babel/helper-annotate-as-pure": "^7.8.3",
"@babel/helper-regex": "^7.8.3",
- "regexpu-core": "^4.6.0"
+ "regexpu-core": "^4.7.0"
}
},
"@babel/helper-define-map": {
@@ -979,9 +979,9 @@
}
},
"@babel/parser": {
- "version": "7.8.7",
- "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.8.7.tgz",
- "integrity": "sha512-9JWls8WilDXFGxs0phaXAZgpxTZhSk/yOYH2hTHC0X1yC7Z78IJfvR1vJ+rmJKq3I35td2XzXzN6ZLYlna+r/A==",
+ "version": "7.8.8",
+ "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.8.8.tgz",
+ "integrity": "sha512-mO5GWzBPsPf6865iIbzNE0AvkKF3NE+2S3eRUpE+FE07BOAkXh6G+GW/Pj01hhXjve1WScbaIO4UlY1JKeqCcA==",
"dev": true
},
"@babel/plugin-proposal-async-generator-functions": {
@@ -1036,12 +1036,12 @@
}
},
"@babel/plugin-proposal-unicode-property-regex": {
- "version": "7.8.3",
- "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-unicode-property-regex/-/plugin-proposal-unicode-property-regex-7.8.3.tgz",
- "integrity": "sha512-1/1/rEZv2XGweRwwSkLpY+s60za9OZ1hJs4YDqFHCw0kYWYwL5IFljVY1MYBL+weT1l9pokDO2uhSTLVxzoHkQ==",
+ "version": "7.8.8",
+ "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-unicode-property-regex/-/plugin-proposal-unicode-property-regex-7.8.8.tgz",
+ "integrity": "sha512-EVhjVsMpbhLw9ZfHWSx2iy13Q8Z/eg8e8ccVWt23sWQK5l1UdkoLJPN5w69UA4uITGBnEZD2JOe4QOHycYKv8A==",
"dev": true,
"requires": {
- "@babel/helper-create-regexp-features-plugin": "^7.8.3",
+ "@babel/helper-create-regexp-features-plugin": "^7.8.8",
"@babel/helper-plugin-utils": "^7.8.3"
}
},
@@ -1164,9 +1164,9 @@
}
},
"@babel/plugin-transform-destructuring": {
- "version": "7.8.3",
- "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.8.3.tgz",
- "integrity": "sha512-H4X646nCkiEcHZUZaRkhE2XVsoz0J/1x3VVujnn96pSoGCtKPA99ZZA+va+gK+92Zycd6OBKCD8tDb/731bhgQ==",
+ "version": "7.8.8",
+ "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.8.8.tgz",
+ "integrity": "sha512-eRJu4Vs2rmttFCdhPUM3bV0Yo/xPSdPw6ML9KHs/bjB4bLA5HXlbvYXPOD5yASodGod+krjYx21xm1QmL8dCJQ==",
"dev": true,
"requires": {
"@babel/helper-plugin-utils": "^7.8.3"
@@ -1312,9 +1312,9 @@
}
},
"@babel/plugin-transform-parameters": {
- "version": "7.8.7",
- "resolved": "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.8.7.tgz",
- "integrity": "sha512-brYWaEPTRimOctz2NDA3jnBbDi7SVN2T4wYuu0aqSzxC3nozFZngGaw29CJ9ZPweB7k+iFmZuoG3IVPIcXmD2g==",
+ "version": "7.8.8",
+ "resolved": "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.8.8.tgz",
+ "integrity": "sha512-hC4Ld/Ulpf1psQciWWwdnUspQoQco2bMzSrwU6TmzRlvoYQe4rQFy9vnCZDTlVeCQj0JPfL+1RX0V8hCJvkgBA==",
"dev": true,
"requires": {
"@babel/helper-call-delegate": "^7.8.7",
@@ -1483,9 +1483,9 @@
},
"dependencies": {
"regenerator-runtime": {
- "version": "0.13.4",
- "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.4.tgz",
- "integrity": "sha512-plpwicqEzfEyTQohIKktWigcLzmNStMGwbOUbykx51/29Z3JOGYldaaNGK7ngNXV+UcoqvIMmloZ48Sr74sd+g==",
+ "version": "0.13.5",
+ "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.5.tgz",
+ "integrity": "sha512-ZS5w8CpKFinUzOwW3c83oPeVXoNsrLsaCoLtJvAClH135j/R77RuymhiSErhm2lKcwSCIpmvIWSbDkIfAqKQlA==",
"dev": true
}
}
@@ -1519,9 +1519,9 @@
},
"dependencies": {
"@babel/generator": {
- "version": "7.8.7",
- "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.8.7.tgz",
- "integrity": "sha512-DQwjiKJqH4C3qGiyQCAExJHoZssn49JTMJgZ8SANGgVFdkupcUhLOdkAeoC6kmHZCPfoDG5M0b6cFlSN5wW7Ew==",
+ "version": "7.8.8",
+ "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.8.8.tgz",
+ "integrity": "sha512-HKyUVu69cZoclptr8t8U5b6sx6zoWjh8jiUhnuj3MpZuKT2dJ8zPTuiy31luq32swhI0SpwItCIlU8XW7BZeJg==",
"dev": true,
"requires": {
"@babel/types": "^7.8.7",
@@ -1902,9 +1902,9 @@
"dev": true
},
"@types/node": {
- "version": "12.12.29",
- "resolved": "https://registry.npmjs.org/@types/node/-/node-12.12.29.tgz",
- "integrity": "sha512-yo8Qz0ygADGFptISDj3pOC9wXfln/5pQaN/ysDIzOaAWXt73cNHmtEC8zSO2Y+kse/txmwIAJzkYZ5fooaS5DQ==",
+ "version": "12.12.30",
+ "resolved": "https://registry.npmjs.org/@types/node/-/node-12.12.30.tgz",
+ "integrity": "sha512-sz9MF/zk6qVr3pAnM0BSQvYIBK44tS75QC5N+VbWSE4DjCV/pJ+UzCW/F+vVnl7TkOPcuwQureKNtSSwjBTaMg==",
"dev": true
},
"@types/normalize-package-data": {
@@ -4730,9 +4730,9 @@
"dev": true
},
"electron-to-chromium": {
- "version": "1.3.376",
- "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.376.tgz",
- "integrity": "sha512-cv/PYVz5szeMz192ngilmezyPNFkUjuynuL2vNdiqIrio440nfTDdc0JJU0TS2KHLSVCs9gBbt4CFqM+HcBnjw==",
+ "version": "1.3.378",
+ "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.378.tgz",
+ "integrity": "sha512-nBp/AfhaVIOnfwgL1CZxt80IcqWcyYXiX6v5gflAksxy+SzBVz7A7UWR1Nos92c9ofXW74V9PoapzRb0jJfYXw==",
"dev": true
},
"elegant-spinner": {
@@ -9030,9 +9030,9 @@
}
},
"minimist": {
- "version": "1.2.4",
- "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.4.tgz",
- "integrity": "sha512-wTiNDqe4D2rbTJGZk1qcdZgFtY0/r+iuE6GDT7V0/+Gu5MLpIDm4+CssDECR79OJs/OxLPXMzdxy153b5Qy3hg==",
+ "version": "1.2.5",
+ "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz",
+ "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==",
"dev": true
},
"minipass": {
@@ -9136,20 +9136,12 @@
}
},
"mkdirp": {
- "version": "0.5.1",
- "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz",
- "integrity": "sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=",
+ "version": "0.5.3",
+ "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.3.tgz",
+ "integrity": "sha512-P+2gwrFqx8lhew375MQHHeTlY8AuOJSrGf0R5ddkEndUkmwpgUob/vQuBD1V22/Cw1/lJr4x+EjllSezBThzBg==",
"dev": true,
"requires": {
- "minimist": "0.0.8"
- },
- "dependencies": {
- "minimist": {
- "version": "0.0.8",
- "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz",
- "integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=",
- "dev": true
- }
+ "minimist": "^1.2.5"
}
},
"move-concurrently": {
@@ -9545,9 +9537,9 @@
}
},
"node-releases": {
- "version": "1.1.51",
- "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.51.tgz",
- "integrity": "sha512-1eQEs6HFYY1kMXQPOLzCf7HdjReErmvn85tZESMczdCNVWP3Y7URYLBAyYynuI7yef1zj4HN5q+oB2x67QU0lw==",
+ "version": "1.1.52",
+ "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.52.tgz",
+ "integrity": "sha512-snSiT1UypkgGt2wxPqS6ImEUICbNCMb31yaxWrOLXjhlt2z2/IBpaOxzONExqSm4y5oLnAqjjRWu+wsDzK5yNQ==",
"dev": true,
"requires": {
"semver": "^6.3.0"
@@ -11668,9 +11660,9 @@
"dev": true
},
"regenerator-transform": {
- "version": "0.14.2",
- "resolved": "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.14.2.tgz",
- "integrity": "sha512-V4+lGplCM/ikqi5/mkkpJ06e9Bujq1NFmNLvsCs56zg3ZbzrnUzAtizZ24TXxtRX/W2jcdScwQCnbL0CICTFkQ==",
+ "version": "0.14.3",
+ "resolved": "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.14.3.tgz",
+ "integrity": "sha512-zXHNKJspmONxBViAb3ZUmFoFPnTBs3zFhCEZJiwp/gkNzxVbTqNJVjYKx6Qk1tQ1P4XLf4TbH9+KBB7wGoAaUw==",
"dev": true,
"requires": {
"@babel/runtime": "^7.8.4",
@@ -14808,9 +14800,9 @@
"dev": true
},
"zone.js": {
- "version": "0.10.2",
- "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.10.2.tgz",
- "integrity": "sha512-UAYfiuvxLN4oyuqhJwd21Uxb4CNawrq6fPS/05Su5L4G+1TN+HVDJMUHNMobVQDFJRir2cLAODXwluaOKB7HFg=="
+ "version": "0.10.3",
+ "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.10.3.tgz",
+ "integrity": "sha512-LXVLVEq0NNOqK/fLJo3d0kfzd4sxwn2/h67/02pjCjfKDxgx1i9QqpvtHD8CrBnSSwMw5+dy11O7FRX5mkO7Cg=="
}
}
}
diff --git a/package.json b/package.json
index 2f99aa8..5449ee3 100644
--- a/package.json
+++ b/package.json
@@ -15,13 +15,13 @@
"private": true,
"dependencies": {
"@angular/animations": "~9.0.4",
- "@angular/cdk": "~9.1.0",
+ "@angular/cdk": "^9.1.3",
"@angular/common": "~9.0.4",
"@angular/compiler": "~9.0.4",
"@angular/core": "~9.0.4",
"@angular/flex-layout": "^9.0.0-beta.29",
"@angular/forms": "~9.0.4",
- "@angular/material": "^9.1.0",
+ "@angular/material": "^9.1.3",
"@angular/platform-browser": "~9.0.4",
"@angular/platform-browser-dynamic": "~9.0.4",
"@angular/router": "~9.0.4",
@@ -29,7 +29,7 @@
"ngx-color-picker": "^9.0.0",
"rxjs": "~6.5.4",
"tslib": "^1.10.0",
- "zone.js": "~0.10.2"
+ "zone.js": "~0.10.3"
},
"devDependencies": {
"@angular-devkit/build-angular": "~0.900.4",
@@ -39,7 +39,7 @@
"@angular/language-service": "~9.0.4",
"@types/jasmine": "~3.5.0",
"@types/jasminewd2": "~2.0.3",
- "@types/node": "^12.11.1",
+ "@types/node": "^12.12.30",
"codelyzer": "^5.1.2",
"husky": "^4.2.3",
"jasmine-core": "~3.5.0",
diff --git a/projects/ngx-ui-loader/src/lib/core/ngx-ui-loader.service.spec.ts b/projects/ngx-ui-loader/src/lib/core/ngx-ui-loader.service.spec.ts
index 8a407f5..88dbfe0 100644
--- a/projects/ngx-ui-loader/src/lib/core/ngx-ui-loader.service.spec.ts
+++ b/projects/ngx-ui-loader/src/lib/core/ngx-ui-loader.service.spec.ts
@@ -17,7 +17,7 @@ const FOREGROUND = true;
const IS_BOUND = true;
const IS_MASTER = true;
const LOADER_ID_01 = 'loader-id-01';
-const MIN_TIME = 300;
+const MIN_TIME = 0;
const MAX_TIME = 8000;
const NOT_EXISTING_LOADER_ID = 'not-existing-loader-id';
const NOT_EXISTING_TASK_ID = 'not-existing-task-id';
@@ -927,7 +927,7 @@ describe(`NgxUiLoaderService (loaderId == ${DEFAULT_MASTER_LOADER_ID})`, () => {
}).not.toThrowError(`[ngx-ui-loader] - taskId "${DUPLICATED_TASK_ID}" is duplicated.`);
});
- it(`#check duplicate task id - 2 - should not throw any error`, () => {
+ it(`#check duplicate task id - 2 - should throw an error`, () => {
loaderService.startBackgroundLoader(DEFAULT_MASTER_LOADER_ID, DUPLICATED_TASK_ID);
expect(() => {
loaderService.startLoader(DEFAULT_MASTER_LOADER_ID, DUPLICATED_TASK_ID);
@@ -941,7 +941,7 @@ describe(`NgxUiLoaderService (loaderId == ${DEFAULT_MASTER_LOADER_ID})`, () => {
}).not.toThrowError(`[ngx-ui-loader] - taskId "${DUPLICATED_TASK_ID}" is duplicated.`);
});
- it(`#check duplicate task id - 4 - should not throw any error`, () => {
+ it(`#check duplicate task id - 4 - should throw an error`, () => {
loaderService.startBackground(DUPLICATED_TASK_ID);
expect(() => {
loaderService.start(DUPLICATED_TASK_ID);
diff --git a/projects/ngx-ui-loader/src/lib/core/ngx-ui-loader.service.ts b/projects/ngx-ui-loader/src/lib/core/ngx-ui-loader.service.ts
index 2f0d0ad..2cbd618 100644
--- a/projects/ngx-ui-loader/src/lib/core/ngx-ui-loader.service.ts
+++ b/projects/ngx-ui-loader/src/lib/core/ngx-ui-loader.service.ts
@@ -330,15 +330,9 @@ export class NgxUiLoaderService {
* @docs-private
*/
private clearTimers(task: Task): void {
- if (task.delayTimer) {
- clearTimeout(task.delayTimer);
- }
- if (task.maxTimer) {
- clearTimeout(task.maxTimer);
- }
- if (task.minTimer) {
- clearTimeout(task.minTimer);
- }
+ clearTimeout(task.delayTimer);
+ clearTimeout(task.maxTimer);
+ clearTimeout(task.minTimer);
}
/**
@@ -465,9 +459,7 @@ export class NgxUiLoaderService {
private setMaxTimer(task: Task, loaderId: string): void {
if (task.maxTime > task.minTime) {
// restart the task, reset maxTimer
- if (task.maxTimer) {
- clearTimeout(task.maxTimer);
- }
+ clearTimeout(task.maxTimer);
task.maxTimer = setTimeout(() => {
if (task.isForeground) {
this.stopLoader(loaderId, task.taskId);
diff --git a/projects/ngx-ui-loader/src/lib/utils/constants.ts b/projects/ngx-ui-loader/src/lib/utils/constants.ts
index b270433..6abe209 100644
--- a/projects/ngx-ui-loader/src/lib/utils/constants.ts
+++ b/projects/ngx-ui-loader/src/lib/utils/constants.ts
@@ -20,7 +20,7 @@ export const DEFAULT_TIME: Time = {};
export const MIN_DELAY = 0;
-export const MIN_TIME = 300;
+export const MIN_TIME = 0;
export const CLOSING_TIME = 1001;
@@ -169,5 +169,5 @@ export const DEFAULT_CONFIG: NgxUiLoaderConfig = {
textColor: '#FFFFFF',
textPosition: POSITION.centerCenter,
maxTime: -1,
- minTime: 500
+ minTime: 300
};
diff --git a/src/app/app.component.html b/src/app/app.component.html
index 44d3a51..f23708b 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -40,7 +40,10 @@
NGX-UI-LOADER
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index dca4ddd..1d28782 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -38,21 +38,31 @@ import { CustomTemplateComponent } from './custom-template/custom-template.compo
const ngxUiLoaderConfig: NgxUiLoaderConfig = {
bgsColor: 'red',
// bgsOpacity: 0.5,
- // bgsPosition: POSITION.bottomCenter,
+ // bgsPosition: POSITION.bottomLeft,
// bgsSize: 60,
- // bgsType: SPINNER.rectangleBounce,
+ // bgsType: SPINNER.chasingDots,
+ // blur: 5,
+ // delay: 0,
+ fastFadeOut: true,
fgsColor: 'red',
// fgsPosition: POSITION.centerCenter,
// fgsSize: 60,
// fgsType: SPINNER.chasingDots,
+ // gap: 24,
+ // logoPosition: POSITION.centerCenter,
+ // logoSize: 120,
// logoUrl: 'assets/angular.png',
- pbColor: 'red',
+ // overlayBorderRadius: '0',
+ // overlayColor: 'rgba(40, 40, 40, 0.8)',
+ pbColor: 'red'
// pbDirection: PB_DIRECTION.leftToRight,
// pbThickness: 5,
+ // hasProgressBar: false,
// text: 'Welcome to ngx-ui-loader',
// textColor: '#FFFFFF',
- // textPosition: POSITION.centerCenter
- fastFadeOut: true
+ // textPosition: POSITION.centerCenter,
+ // maxTime: -1,
+ // minTime: 500
};
const routes: Routes = [
diff --git a/src/app/master-configuration/master-configuration.component.html b/src/app/master-configuration/master-configuration.component.html
index f2ab4ac..533eff1 100644
--- a/src/app/master-configuration/master-configuration.component.html
+++ b/src/app/master-configuration/master-configuration.component.html
@@ -75,7 +75,7 @@
- Add logo
+ Add logo
+ 
+
+
+ 
@@ -48,16 +51,16 @@ 
-
- 
-
+
+
