@dev-tcloud/tcloud-ui 0.1.17 → 0.1.18

package/fesm2020/dev-tcloud-tcloud-ui.mjs

@@ -5265,6 +5265,115 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                 }]
         }] });
 
+class TCloudUiProgressBarComponent {
+    constructor() {
+        /*
+        status
+        */
+        this._status = '0';
+        /*
+        mode
+        */
+        this._mode = 'primary';
+        /*
+        height
+        */
+        this._height = 'normal';
+        this.progress_class = '';
+        this.height_class = '';
+    }
+    set status(status) {
+        let value = `${status}`;
+        if (value) {
+            setTimeout(() => {
+                this._status = value;
+            });
+        }
+    }
+    get status() { return this._status; }
+    set mode(mode) {
+        if (mode) {
+            this._mode = mode;
+            this.setMode();
+        }
+    }
+    get mode() { return this._mode; }
+    set height(height) {
+        if (height) {
+            this._height = height;
+            this.setheight();
+        }
+    }
+    get height() { return this._height; }
+    ngOnInit() {
+        this.setMode();
+        this.setheight();
+    }
+    setMode() {
+        const mode = this.mode;
+        let progress_class = 'progress-primary';
+        switch (mode) {
+            case 'primary':
+                progress_class = 'progress-primary';
+                break;
+            case 'danger':
+                progress_class = 'progress-danger';
+                break;
+            case 'warning':
+                progress_class = 'progress-warning';
+                break;
+            case 'info':
+                progress_class = 'progress-info';
+                break;
+        }
+        this.progress_class = progress_class;
+    }
+    setheight() {
+        const height = this.height;
+        let height_class = 'height-normal';
+        switch (height) {
+            case 'normal':
+                height_class = 'height-normal';
+                break;
+            case 'slim':
+                height_class = 'height-slim';
+                break;
+            case 'fat':
+                height_class = 'height-fat';
+                break;
+        }
+        this.height_class = height_class;
+    }
+}
+TCloudUiProgressBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TCloudUiProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: TCloudUiProgressBarComponent, selector: "tcloud-ui-progress-bar", inputs: { status: "status", mode: "mode", height: "height" }, ngImport: i0, template: "<div class=\"tc-ui-progress-bar\">\n    <div class=\"tc-progress-bar {{ height_class }}\">\n        <div class=\"tc-progress-bar-status {{ progress_class }} {{ height_class }}\" [style]=\"'width: ' + status + '%'\"></div>\n    </div>\n</div>", styles: [".tc-ui-progress-bar{border:1px solid #ccc;border-radius:9px}.tc-ui-progress-bar .height-slim{height:10px;border-radius:5px}.tc-ui-progress-bar .height-normal{height:15px;border-radius:8px}.tc-ui-progress-bar .height-fat{height:20px;border-radius:10px}.tc-ui-progress-bar .tc-progress-bar{border:1px solid #fff;background-color:var(--tc-gray-200);overflow:hidden}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status{transition:width 2s ease;position:relative;bottom:1px}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-primary{background-color:var(--tc-primary)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-danger{background-color:var(--red)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-warning{background-color:var(--orange)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-info{background-color:var(--azul)}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiProgressBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tcloud-ui-progress-bar', template: "<div class=\"tc-ui-progress-bar\">\n    <div class=\"tc-progress-bar {{ height_class }}\">\n        <div class=\"tc-progress-bar-status {{ progress_class }} {{ height_class }}\" [style]=\"'width: ' + status + '%'\"></div>\n    </div>\n</div>", styles: [".tc-ui-progress-bar{border:1px solid #ccc;border-radius:9px}.tc-ui-progress-bar .height-slim{height:10px;border-radius:5px}.tc-ui-progress-bar .height-normal{height:15px;border-radius:8px}.tc-ui-progress-bar .height-fat{height:20px;border-radius:10px}.tc-ui-progress-bar .tc-progress-bar{border:1px solid #fff;background-color:var(--tc-gray-200);overflow:hidden}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status{transition:width 2s ease;position:relative;bottom:1px}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-primary{background-color:var(--tc-primary)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-danger{background-color:var(--red)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-warning{background-color:var(--orange)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-info{background-color:var(--azul)}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { status: [{
+                type: Input
+            }], mode: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }] } });
+
+class TCloudUiProgressBarModule {
+}
+TCloudUiProgressBarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TCloudUiProgressBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiProgressBarModule, declarations: [TCloudUiProgressBarComponent], imports: [CommonModule], exports: [TCloudUiProgressBarComponent] });
+TCloudUiProgressBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiProgressBarModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiProgressBarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TCloudUiProgressBarComponent],
+                    exports: [TCloudUiProgressBarComponent],
+                    imports: [
+                        CommonModule
+                    ]
+                }]
+        }] });
+
 class TCloudUiModule {
 }
 TCloudUiModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -5288,6 +5397,7 @@ TCloudUiModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version:
         TCloudUiMultiplesValuesModule,
         TCloudUiWelcomeModule,
         TCloudUiInputPasswordModule,
+        TCloudUiProgressBarModule,
         // Directives
         TCloudUiDirectiveModule,
         // Pipes
@@ -5311,6 +5421,7 @@ TCloudUiModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version:
         TCloudUiMultiplesValuesModule,
         TCloudUiWelcomeModule,
         TCloudUiInputPasswordModule,
+        TCloudUiProgressBarModule,
         // Directives
         TCloudUiDirectiveModule,
         // Pipes
@@ -5338,6 +5449,7 @@ TCloudUiModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version:
         TCloudUiMultiplesValuesModule,
         TCloudUiWelcomeModule,
         TCloudUiInputPasswordModule,
+        TCloudUiProgressBarModule,
         // Directives
         TCloudUiDirectiveModule,
         // Pipes
@@ -5361,6 +5473,7 @@ TCloudUiModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version:
         TCloudUiMultiplesValuesModule,
         TCloudUiWelcomeModule,
         TCloudUiInputPasswordModule,
+        TCloudUiProgressBarModule,
         // Directives
         TCloudUiDirectiveModule,
         // Pipes
@@ -5389,6 +5502,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                         TCloudUiMultiplesValuesModule,
                         TCloudUiWelcomeModule,
                         TCloudUiInputPasswordModule,
+                        TCloudUiProgressBarModule,
                         // Directives
                         TCloudUiDirectiveModule,
                         // Pipes
@@ -5415,6 +5529,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                         TCloudUiMultiplesValuesModule,
                         TCloudUiWelcomeModule,
                         TCloudUiInputPasswordModule,
+                        TCloudUiProgressBarModule,
                         // Directives
                         TCloudUiDirectiveModule,
                         // Pipes
@@ -5435,5 +5550,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { BytesPipe, CNPJPipe, CPFPipe, CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR, DateBRPipe, MonthNamePipe, RespectivePipe, StatusInfoPipe, TCCondition, TCFiltersType, TCloudUiAccordionBodyComponent, TCloudUiAccordionComponent, TCloudUiAccordionModule, TCloudUiAccordionTitleComponent, TCloudUiAlignDirective, TCloudUiChoiceIssuesComponent, TCloudUiChoiceIssuesModule, TCloudUiDataListComponent, TCloudUiDataListModule, TCloudUiDataListOptionComponent, TCloudUiDatepickerComponent, TCloudUiDatepickerModule, TCloudUiDatepickerTimeComponent, TCloudUiDatepickerTimeModule, TCloudUiDirectiveModule, TCloudUiElCopyDirective, TCloudUiFiltersComponent, TCloudUiFiltersModule, TCloudUiHoverParentDirective, TCloudUiInputPasswordComponent, TCloudUiInputPasswordModule, TCloudUiInputSearchComponent, TCloudUiInputSearchModule, TCloudUiLineStepCircleComponent, TCloudUiLineStepCircleModule, TCloudUiLinhaLogoComponent, TCloudUiLinhaLogoModule, TCloudUiLoadingTransitionsService, TCloudUiModalBodyComponent, TCloudUiModalComponent, TCloudUiModalFooterComponent, TCloudUiModalHeaderComponent, TCloudUiModalModule, TCloudUiModule, TCloudUiMultiInputComponent, TCloudUiMultiInputModule, TCloudUiMultiSelectComponent, TCloudUiMultiSelectModule, TCloudUiMultiplesValuesComponent, TCloudUiMultiplesValuesModule, TCloudUiNotFoundComponent, TCloudUiNotFoundModule, TCloudUiNumberStepComponent, TCloudUiNumberStepModule, TCloudUiPipesModule, TCloudUiRangeDateComponent, TCloudUiScrollBoxComponent, TCloudUiScrollBoxModule, TCloudUiSearchInObjectService, TCloudUiTabContentComponent, TCloudUiTabHeadComponent, TCloudUiTabMenuComponent, TCloudUiTabMenuModule, TCloudUiTabSubtitleComponent, TCloudUiTabTitleComponent, TCloudUiTableComponent, TCloudUiTableModule, TCloudUiTooltipDirective, TCloudUiWelcomeComponent, TCloudUiWelcomeModule, ToTextPipe };
+export { BytesPipe, CNPJPipe, CPFPipe, CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR, DateBRPipe, MonthNamePipe, RespectivePipe, StatusInfoPipe, TCCondition, TCFiltersType, TCloudUiAccordionBodyComponent, TCloudUiAccordionComponent, TCloudUiAccordionModule, TCloudUiAccordionTitleComponent, TCloudUiAlignDirective, TCloudUiChoiceIssuesComponent, TCloudUiChoiceIssuesModule, TCloudUiDataListComponent, TCloudUiDataListModule, TCloudUiDataListOptionComponent, TCloudUiDatepickerComponent, TCloudUiDatepickerModule, TCloudUiDatepickerTimeComponent, TCloudUiDatepickerTimeModule, TCloudUiDirectiveModule, TCloudUiElCopyDirective, TCloudUiFiltersComponent, TCloudUiFiltersModule, TCloudUiHoverParentDirective, TCloudUiInputPasswordComponent, TCloudUiInputPasswordModule, TCloudUiInputSearchComponent, TCloudUiInputSearchModule, TCloudUiLineStepCircleComponent, TCloudUiLineStepCircleModule, TCloudUiLinhaLogoComponent, TCloudUiLinhaLogoModule, TCloudUiLoadingTransitionsService, TCloudUiModalBodyComponent, TCloudUiModalComponent, TCloudUiModalFooterComponent, TCloudUiModalHeaderComponent, TCloudUiModalModule, TCloudUiModule, TCloudUiMultiInputComponent, TCloudUiMultiInputModule, TCloudUiMultiSelectComponent, TCloudUiMultiSelectModule, TCloudUiMultiplesValuesComponent, TCloudUiMultiplesValuesModule, TCloudUiNotFoundComponent, TCloudUiNotFoundModule, TCloudUiNumberStepComponent, TCloudUiNumberStepModule, TCloudUiPipesModule, TCloudUiProgressBarComponent, TCloudUiProgressBarModule, TCloudUiRangeDateComponent, TCloudUiScrollBoxComponent, TCloudUiScrollBoxModule, TCloudUiSearchInObjectService, TCloudUiTabContentComponent, TCloudUiTabHeadComponent, TCloudUiTabMenuComponent, TCloudUiTabMenuModule, TCloudUiTabSubtitleComponent, TCloudUiTabTitleComponent, TCloudUiTableComponent, TCloudUiTableModule, TCloudUiTooltipDirective, TCloudUiWelcomeComponent, TCloudUiWelcomeModule, ToTextPipe };
 //# sourceMappingURL=dev-tcloud-tcloud-ui.mjs.map