@dev-tcloud/tcloud-ui 0.0.12 → 0.0.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +11 -1
- package/esm2020/lib/_services/loading-transitions.service.mjs +3 -2
- package/fesm2015/dev-tcloud-tcloud-ui.mjs +2 -1
- package/fesm2015/dev-tcloud-tcloud-ui.mjs.map +1 -1
- package/fesm2020/dev-tcloud-tcloud-ui.mjs +2 -1
- package/fesm2020/dev-tcloud-tcloud-ui.mjs.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -5,7 +5,7 @@ In order to facilitate the development of TCloud features in Angular. The module
|
|
|
5
5
|
|
|
6
6
|
## Installation instructions
|
|
7
7
|
|
|
8
|
-
Install dev-tcloud/
|
|
8
|
+
Install dev-tcloud/tcloud-ui from npm
|
|
9
9
|
|
|
10
10
|
```bash
|
|
11
11
|
npm install @dev-tcloud/tcloud-ui --save
|
|
@@ -48,6 +48,16 @@ import { TCloudUiModule } from '@dev-tcloud/tcloud-ui';
|
|
|
48
48
|
})
|
|
49
49
|
```
|
|
50
50
|
|
|
51
|
+
## Add TCloud-ui style
|
|
52
|
+
|
|
53
|
+
angular.json
|
|
54
|
+
|
|
55
|
+
```javascript
|
|
56
|
+
"styles": [
|
|
57
|
+
"node_modules/@dev-tcloud/tcloud-ui/assets/scss/styles.scss"
|
|
58
|
+
],
|
|
59
|
+
```
|
|
60
|
+
|
|
51
61
|
# TcloudUi
|
|
52
62
|
|
|
53
63
|
This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.1.1.
|
|
@@ -34,10 +34,11 @@ export class TCloudUiLoadingTransitionsService {
|
|
|
34
34
|
box = document.createElement("div");
|
|
35
35
|
box.setAttribute('id', this.ID);
|
|
36
36
|
}
|
|
37
|
+
box.style.display = 'none';
|
|
38
|
+
box.innerHTML = `<div class="tc-loading-icon"><i class="fas fa-spinner fa-spin"></i></div>`;
|
|
37
39
|
const body = document.getElementsByTagName('body')[0];
|
|
38
40
|
body.appendChild(box);
|
|
39
41
|
body.classList.add('tcloud-ui-body-loading-transitions');
|
|
40
|
-
// element.classList.remove('bar', 'baz');
|
|
41
42
|
}
|
|
42
43
|
}
|
|
43
44
|
TCloudUiLoadingTransitionsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiLoadingTransitionsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
@@ -48,4 +49,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
|
|
|
48
49
|
providedIn: 'root',
|
|
49
50
|
}]
|
|
50
51
|
}], ctorParameters: function () { return []; } });
|
|
51
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy10cmFuc2l0aW9ucy5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGNsb3VkLXVpL3NyYy9saWIvX3NlcnZpY2VzL2xvYWRpbmctdHJhbnNpdGlvbnMuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUszQyxNQUFNLE9BQU8saUNBQWlDO0lBTTFDO1FBRlEsT0FBRSxHQUFXLCtCQUErQixDQUFDO0lBR2xELENBQUM7SUFFSjs7T0FFRztJQUNILEtBQUs7UUFDRCxJQUFJLENBQUMseUJBQXlCLEVBQUUsQ0FBQztRQUNqQyxJQUFJLFFBQVEsQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxFQUFFO1lBQ2xDLE1BQU0sR0FBRyxHQUFHLFFBQVEsQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1lBQzdDLEdBQUcsRUFBRSxTQUFTLENBQUMsR0FBRyxDQUFDLHlCQUF5QixDQUFDLENBQUM7U0FDakQ7SUFDTCxDQUFDO0lBRUQ7O09BRUc7SUFDSCxJQUFJO1FBQ0EsSUFBSSxRQUFRLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsRUFBRTtZQUNsQyxNQUFNLEdBQUcsR0FBRyxRQUFRLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztZQUM3QyxHQUFHLEVBQUUsU0FBUyxDQUFDLE1BQU0sQ0FBQyx5QkFBeUIsQ0FBQyxDQUFDO1lBRWpELE1BQU0sSUFBSSxHQUFHLFFBQVEsQ0FBQyxvQkFBb0IsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUN0RCxJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxvQ0FBb0MsQ0FBQyxDQUFDO1NBQy9EO0lBQ0wsQ0FBQztJQUVPLHlCQUF5QjtRQUM3QixJQUFJLEdBQUcsR0FBRyxJQUFXLENBQUM7UUFDdEIsSUFBSSxRQUFRLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsRUFBRTtZQUNsQyxHQUFHLEdBQUcsUUFBUSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7U0FDMUM7YUFBSTtZQUNELEdBQUcsR0FBRyxRQUFRLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQ3BDLEdBQUcsQ0FBQyxZQUFZLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztTQUVuQztRQUVELEdBQUcsQ0FBQyxLQUFLLENBQUMsT0FBTyxHQUFHLE1BQU0sQ0FBQztRQUMzQixHQUFHLENBQUMsU0FBUyxHQUFHLDJFQUEyRSxDQUFDO1FBRTVGLE1BQU0sSUFBSSxHQUFHLFFBQVEsQ0FBQyxvQkFBb0IsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUN0RCxJQUFJLENBQUMsV0FBVyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQ3RCLElBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLG9DQUFvQyxDQUFDLENBQUM7SUFDN0QsQ0FBQzs7K0hBakRRLGlDQUFpQzttSUFBakMsaUNBQWlDLGNBRmhDLE1BQU07NEZBRVAsaUNBQWlDO2tCQUg3QyxVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBJbmplY3RhYmxlKHtcclxuICBwcm92aWRlZEluOiAncm9vdCcsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUQ2xvdWRVaUxvYWRpbmdUcmFuc2l0aW9uc1NlcnZpY2Uge1xyXG5cclxuICAgIFxyXG5cclxuICAgIHByaXZhdGUgSUQ6IHN0cmluZyA9ICd0Y2xvdWQtdWktbG9hZGluZy10cmFuc2l0aW9ucyc7XHJcblxyXG4gICAgY29uc3RydWN0b3IoXHJcbiAgICApIHt9XHJcblxyXG4gICAgLyoqXHJcbiAgICAgKiBJbmljaWEgYSB0ZWxhIGRlIGJsb3F1ZWlvIHBhcmEgY2FycmVnYW1lbnRvIGRlIHRhcmVmYVxyXG4gICAgICovXHJcbiAgICBzdGFydCgpe1xyXG4gICAgICAgIHRoaXMuY3JlYXRlX2xvYWRpbmdfdHJhbnNpdGlvbigpO1xyXG4gICAgICAgIGlmKCBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCh0aGlzLklEKSApe1xyXG4gICAgICAgICAgICBjb25zdCBib3ggPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCh0aGlzLklEKTtcclxuICAgICAgICAgICAgYm94Py5jbGFzc0xpc3QuYWRkKCd0Y2xvdWQtdWktc3RhcnQtbG9hZGluZycpO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICAvKipcclxuICAgICAqIEVuY2VycmEgYSB0ZWxhIGRlIGJsb3F1ZWlvXHJcbiAgICAgKi9cclxuICAgIHN0b3AoKXtcclxuICAgICAgICBpZiggZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQodGhpcy5JRCkgKXtcclxuICAgICAgICAgICAgY29uc3QgYm94ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQodGhpcy5JRCk7XHJcbiAgICAgICAgICAgIGJveD8uY2xhc3NMaXN0LnJlbW92ZSgndGNsb3VkLXVpLXN0YXJ0LWxvYWRpbmcnKTtcclxuXHJcbiAgICAgICAgICAgIGNvbnN0IGJvZHkgPSBkb2N1bWVudC5nZXRFbGVtZW50c0J5VGFnTmFtZSgnYm9keScpWzBdO1xyXG4gICAgICAgICAgICBib2R5LmNsYXNzTGlzdC5yZW1vdmUoJ3RjbG91ZC11aS1ib2R5LWxvYWRpbmctdHJhbnNpdGlvbnMnKTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgcHJpdmF0ZSBjcmVhdGVfbG9hZGluZ190cmFuc2l0aW9uKCl7XHJcbiAgICAgICAgbGV0IGJveCA9IG51bGwgYXMgYW55O1xyXG4gICAgICAgIGlmKCBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCh0aGlzLklEKSApe1xyXG4gICAgICAgICAgICBib3ggPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCh0aGlzLklEKTtcclxuICAgICAgICB9ZWxzZXtcclxuICAgICAgICAgICAgYm94ID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudChcImRpdlwiKTtcclxuICAgICAgICAgICAgYm94LnNldEF0dHJpYnV0ZSgnaWQnLCB0aGlzLklEKTtcclxuICAgICAgICAgICAgXHJcbiAgICAgICAgfSAgXHJcblxyXG4gICAgICAgIGJveC5zdHlsZS5kaXNwbGF5ID0gJ25vbmUnO1xyXG4gICAgICAgIGJveC5pbm5lckhUTUwgPSBgPGRpdiBjbGFzcz1cInRjLWxvYWRpbmctaWNvblwiPjxpIGNsYXNzPVwiZmFzIGZhLXNwaW5uZXIgZmEtc3BpblwiPjwvaT48L2Rpdj5gO1xyXG5cclxuICAgICAgICBjb25zdCBib2R5ID0gZG9jdW1lbnQuZ2V0RWxlbWVudHNCeVRhZ05hbWUoJ2JvZHknKVswXTtcclxuICAgICAgICBib2R5LmFwcGVuZENoaWxkKGJveCk7XHJcbiAgICAgICAgYm9keS5jbGFzc0xpc3QuYWRkKCd0Y2xvdWQtdWktYm9keS1sb2FkaW5nLXRyYW5zaXRpb25zJyk7XHJcbiAgICB9XHJcblxyXG5cclxuXHJcbn0iXX0=
|
|
@@ -2505,10 +2505,11 @@ class TCloudUiLoadingTransitionsService {
|
|
|
2505
2505
|
box = document.createElement("div");
|
|
2506
2506
|
box.setAttribute('id', this.ID);
|
|
2507
2507
|
}
|
|
2508
|
+
box.style.display = 'none';
|
|
2509
|
+
box.innerHTML = `<div class="tc-loading-icon"><i class="fas fa-spinner fa-spin"></i></div>`;
|
|
2508
2510
|
const body = document.getElementsByTagName('body')[0];
|
|
2509
2511
|
body.appendChild(box);
|
|
2510
2512
|
body.classList.add('tcloud-ui-body-loading-transitions');
|
|
2511
|
-
// element.classList.remove('bar', 'baz');
|
|
2512
2513
|
}
|
|
2513
2514
|
}
|
|
2514
2515
|
TCloudUiLoadingTransitionsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiLoadingTransitionsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|