@dev-tcloud/tcloud-ui 6.8.2 → 6.8.3
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.
|
@@ -4644,6 +4644,7 @@ class TCloudUiLoadingComponent {
|
|
|
4644
4644
|
}
|
|
4645
4645
|
get loading() { return this._loading; }
|
|
4646
4646
|
constructor() {
|
|
4647
|
+
this.gif = 'totvs';
|
|
4647
4648
|
this._mode = '';
|
|
4648
4649
|
this.onlyInline = false;
|
|
4649
4650
|
this.onlyIcon = false;
|
|
@@ -4653,12 +4654,14 @@ class TCloudUiLoadingComponent {
|
|
|
4653
4654
|
ngOnInit() {
|
|
4654
4655
|
}
|
|
4655
4656
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TCloudUiLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4656
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: TCloudUiLoadingComponent, isStandalone: true, selector: "tcloud-ui-loading", inputs: { mode: "mode", onlyInline: "onlyInline", onlyIcon: "onlyIcon", full: "full", loading: "loading" }, ngImport: i0, template: "<ng-container *ngIf=\"onlyIcon || onlyInline\">\n <div *ngIf=\"onlyIcon && loading\" class=\"tcloud-ui-loading-only-icon\" [class.tc-mini-inline-block]=\"onlyIcon\">\n
|
|
4657
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: TCloudUiLoadingComponent, isStandalone: true, selector: "tcloud-ui-loading", inputs: { gif: "gif", mode: "mode", onlyInline: "onlyInline", onlyIcon: "onlyIcon", full: "full", loading: "loading" }, ngImport: i0, template: "<ng-container *ngIf=\"onlyIcon || onlyInline\">\n <div *ngIf=\"onlyIcon && loading\" class=\"tcloud-ui-loading-only-icon\" [class.tc-mini-inline-block]=\"onlyIcon\">\n <tcloud-ui-circle *ngIf=\"gif === 'circle'\" [onlyIcon]=\"onlyIcon\"></tcloud-ui-circle>\n <tcloud-ui-totvs *ngIf=\"gif === 'totvs'\" [onlyIcon]=\"onlyIcon\"></tcloud-ui-totvs>\n </div>\n\n <div *ngIf=\"onlyInline && loading\" class=\"tc-loading-box\">\n <div class=\"tcloud-ui-loading-only-icon tc-mini-inline-block\">\n <tcloud-ui-circle *ngIf=\"gif === 'circle'\" [onlyIcon]=\"true\"></tcloud-ui-circle>\n <tcloud-ui-totvs *ngIf=\"gif === 'totvs'\" [onlyIcon]=\"true\"></tcloud-ui-totvs>\n </div>\n </div>\n</ng-container>\n\n\n<ng-container *ngIf=\"!onlyIcon && !onlyInline\">\n <div *ngIf=\"full && loading\" class=\"tc-loading-full\">\n <div class=\"tc-state-loading-backdrop\"></div>\n <div class=\"tc-state-loading-main\">\n <div class=\"tc-state-loading-artifact\">\n\n <tcloud-ui-circle *ngIf=\"gif === 'circle'\" [full]=\"full\"></tcloud-ui-circle>\n <tcloud-ui-totvs *ngIf=\"gif === 'totvs'\" [full]=\"full\"></tcloud-ui-totvs>\n\n </div>\n </div>\n </div>\n\n <ng-container *ngIf=\"!full && loading\">\n <div class=\"tc-state-loading-backdrop\"></div>\n <div class=\"tc-state-loading-main\">\n <div class=\"tc-state-loading-artifact\">\n\n <tcloud-ui-circle *ngIf=\"gif === 'circle'\"></tcloud-ui-circle>\n <tcloud-ui-totvs *ngIf=\"gif === 'totvs'\"></tcloud-ui-totvs>\n\n </div>\n </div>\n </ng-container>\n</ng-container>", styles: [".tc-loading-full{width:100%;height:100%;position:fixed;background-color:#8b8d8e4d;left:0;top:0;z-index:1999;cursor:progress!important}.tc-state-loading-backdrop{z-index:1999;position:absolute;inset:0;background-color:#8b8d8e4d;cursor:progress!important}.tc-state-loading-artifact{width:80px;height:80px;position:absolute;inset:0;margin:auto;z-index:2000;cursor:progress!important}.tc-progress-loading{height:100vh;opacity:.1}.tc-mini-inline-block{display:inline-block}.tc-mini-inline-block tcloud-ui-circle{display:inline-block}.tc-loading-box{text-align:center;padding-top:.5rem;padding-bottom:.2rem}.tcloud-ui-loading-only-icon{cursor:progress!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TCloudUiCircleComponent, selector: "tcloud-ui-circle", inputs: ["full", "onlyIcon", "onlyInline"] }, { kind: "component", type: TCloudUiTotvsComponent, selector: "tcloud-ui-totvs", inputs: ["full", "onlyIcon", "onlyInline"] }] }); }
|
|
4657
4658
|
}
|
|
4658
4659
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TCloudUiLoadingComponent, decorators: [{
|
|
4659
4660
|
type: Component,
|
|
4660
|
-
args: [{ selector: 'tcloud-ui-loading', standalone: true, imports: [CommonModule, TCloudUiCubesComponent, TCloudUiCircleComponent, TCloudUiTotvsComponent], template: "<ng-container *ngIf=\"onlyIcon || onlyInline\">\n <div *ngIf=\"onlyIcon && loading\" class=\"tcloud-ui-loading-only-icon\" [class.tc-mini-inline-block]=\"onlyIcon\">\n
|
|
4661
|
-
}], ctorParameters: () => [], propDecorators: {
|
|
4661
|
+
args: [{ selector: 'tcloud-ui-loading', standalone: true, imports: [CommonModule, TCloudUiCubesComponent, TCloudUiCircleComponent, TCloudUiTotvsComponent], template: "<ng-container *ngIf=\"onlyIcon || onlyInline\">\n <div *ngIf=\"onlyIcon && loading\" class=\"tcloud-ui-loading-only-icon\" [class.tc-mini-inline-block]=\"onlyIcon\">\n <tcloud-ui-circle *ngIf=\"gif === 'circle'\" [onlyIcon]=\"onlyIcon\"></tcloud-ui-circle>\n <tcloud-ui-totvs *ngIf=\"gif === 'totvs'\" [onlyIcon]=\"onlyIcon\"></tcloud-ui-totvs>\n </div>\n\n <div *ngIf=\"onlyInline && loading\" class=\"tc-loading-box\">\n <div class=\"tcloud-ui-loading-only-icon tc-mini-inline-block\">\n <tcloud-ui-circle *ngIf=\"gif === 'circle'\" [onlyIcon]=\"true\"></tcloud-ui-circle>\n <tcloud-ui-totvs *ngIf=\"gif === 'totvs'\" [onlyIcon]=\"true\"></tcloud-ui-totvs>\n </div>\n </div>\n</ng-container>\n\n\n<ng-container *ngIf=\"!onlyIcon && !onlyInline\">\n <div *ngIf=\"full && loading\" class=\"tc-loading-full\">\n <div class=\"tc-state-loading-backdrop\"></div>\n <div class=\"tc-state-loading-main\">\n <div class=\"tc-state-loading-artifact\">\n\n <tcloud-ui-circle *ngIf=\"gif === 'circle'\" [full]=\"full\"></tcloud-ui-circle>\n <tcloud-ui-totvs *ngIf=\"gif === 'totvs'\" [full]=\"full\"></tcloud-ui-totvs>\n\n </div>\n </div>\n </div>\n\n <ng-container *ngIf=\"!full && loading\">\n <div class=\"tc-state-loading-backdrop\"></div>\n <div class=\"tc-state-loading-main\">\n <div class=\"tc-state-loading-artifact\">\n\n <tcloud-ui-circle *ngIf=\"gif === 'circle'\"></tcloud-ui-circle>\n <tcloud-ui-totvs *ngIf=\"gif === 'totvs'\"></tcloud-ui-totvs>\n\n </div>\n </div>\n </ng-container>\n</ng-container>", styles: [".tc-loading-full{width:100%;height:100%;position:fixed;background-color:#8b8d8e4d;left:0;top:0;z-index:1999;cursor:progress!important}.tc-state-loading-backdrop{z-index:1999;position:absolute;inset:0;background-color:#8b8d8e4d;cursor:progress!important}.tc-state-loading-artifact{width:80px;height:80px;position:absolute;inset:0;margin:auto;z-index:2000;cursor:progress!important}.tc-progress-loading{height:100vh;opacity:.1}.tc-mini-inline-block{display:inline-block}.tc-mini-inline-block tcloud-ui-circle{display:inline-block}.tc-loading-box{text-align:center;padding-top:.5rem;padding-bottom:.2rem}.tcloud-ui-loading-only-icon{cursor:progress!important}\n"] }]
|
|
4662
|
+
}], ctorParameters: () => [], propDecorators: { gif: [{
|
|
4663
|
+
type: Input
|
|
4664
|
+
}], mode: [{
|
|
4662
4665
|
type: Input
|
|
4663
4666
|
}], onlyInline: [{
|
|
4664
4667
|
type: Input
|