@dev-tcloud/tcloud-ui 0.1.17 → 0.1.19

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

@@ -4410,38 +4410,41 @@ class TCloudUiTooltipDirective {
             }
         };
         hoverOutCallback;
-        const scrollTop = window.scrollY || window.pageYOffset;
-        const tooltip = this.renderer.createElement('div');
-        const rect = this.el.nativeElement?.getBoundingClientRect();
-        const direction = this.el.nativeElement?.attributes['ng-reflect--t-cdirection']?.value || 'top';
-        const el_position_x = (rect?.left) ? parseInt(rect?.left) : 0;
-        const el_position_y = (rect?.top) ? parseInt(rect?.top + scrollTop) : 0;
-        let width = 0;
-        let height = 0;
-        if (event && event.target) {
-            const _event = event.target;
-            height = _event.offsetHeight;
-            width = _event.offsetWidth;
-        }
-        const top = `${(el_position_y - ((height / 2) + 10))}px`;
-        const left = `${el_position_x + (width / 2)}px`;
-        this.renderer.setStyle(tooltip, 'top', '0px');
-        this.renderer.setStyle(tooltip, 'left', '0px');
-        this.renderer.setStyle(tooltip, 'opacity', '0');
-        this.renderer.addClass(tooltip, 'tc-directive-tooltip');
-        this.renderer.addClass(tooltip, `tc-directive-tooltip-${direction}`);
-        const id = this.generateID();
-        this.renderer.setAttribute(tooltip, 'id', id);
-        const textNode = this.info_text;
-        if (textNode !== undefined && textNode !== null && textNode !== '') {
-            tooltip.innerHTML = textNode;
-            this.renderer.appendChild(document.body, tooltip);
-            this.start_tooltip(id, height, width, el_position_x, el_position_y, direction);
-            if (tooltip) {
-                tooltip.addEventListener('mouseenter', hoverInCallback);
-                tooltip.addEventListener('mouseleave', hoverOutCallback);
+        setTimeout(() => {
+            const scrollTop = window.scrollY || window.pageYOffset;
+            const tooltip = this.renderer.createElement('div');
+            const rect = this.el.nativeElement?.getBoundingClientRect();
+            // const direction = this.el.nativeElement?.attributes['ng-reflect--t-cdirection']?.value || 'top';
+            const direction = this._direction || 'top';
+            const el_position_x = (rect?.left) ? parseInt(rect?.left) : 0;
+            const el_position_y = (rect?.top) ? parseInt(rect?.top + scrollTop) : 0;
+            let width = 0;
+            let height = 0;
+            if (event && event.target) {
+                const _event = event.target;
+                height = _event.offsetHeight;
+                width = _event.offsetWidth;
             }
-        }
+            const top = `${(el_position_y - ((height / 2) + 10))}px`;
+            const left = `${el_position_x + (width / 2)}px`;
+            this.renderer.setStyle(tooltip, 'top', '0px');
+            this.renderer.setStyle(tooltip, 'left', '0px');
+            this.renderer.setStyle(tooltip, 'opacity', '0');
+            this.renderer.addClass(tooltip, 'tc-directive-tooltip');
+            this.renderer.addClass(tooltip, `tc-directive-tooltip-${direction}`);
+            const id = this.generateID();
+            this.renderer.setAttribute(tooltip, 'id', id);
+            const textNode = this.info_text;
+            if (textNode !== undefined && textNode !== null && textNode !== '') {
+                tooltip.innerHTML = textNode;
+                this.renderer.appendChild(document.body, tooltip);
+                this.start_tooltip(id, height, width, el_position_x, el_position_y, direction);
+                if (tooltip) {
+                    tooltip.addEventListener('mouseenter', hoverInCallback);
+                    tooltip.addEventListener('mouseleave', hoverOutCallback);
+                }
+            }
+        });
     }
     onMouseOut(event) {
         this.remove = true;
@@ -5265,6 +5268,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 +5400,7 @@ TCloudUiModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version:
         TCloudUiMultiplesValuesModule,
         TCloudUiWelcomeModule,
         TCloudUiInputPasswordModule,
+        TCloudUiProgressBarModule,
         // Directives
         TCloudUiDirectiveModule,
         // Pipes
@@ -5311,6 +5424,7 @@ TCloudUiModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version:
         TCloudUiMultiplesValuesModule,
         TCloudUiWelcomeModule,
         TCloudUiInputPasswordModule,
+        TCloudUiProgressBarModule,
         // Directives
         TCloudUiDirectiveModule,
         // Pipes
@@ -5338,6 +5452,7 @@ TCloudUiModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version:
         TCloudUiMultiplesValuesModule,
         TCloudUiWelcomeModule,
         TCloudUiInputPasswordModule,
+        TCloudUiProgressBarModule,
         // Directives
         TCloudUiDirectiveModule,
         // Pipes
@@ -5361,6 +5476,7 @@ TCloudUiModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version:
         TCloudUiMultiplesValuesModule,
         TCloudUiWelcomeModule,
         TCloudUiInputPasswordModule,
+        TCloudUiProgressBarModule,
         // Directives
         TCloudUiDirectiveModule,
         // Pipes
@@ -5389,6 +5505,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                         TCloudUiMultiplesValuesModule,
                         TCloudUiWelcomeModule,
                         TCloudUiInputPasswordModule,
+                        TCloudUiProgressBarModule,
                         // Directives
                         TCloudUiDirectiveModule,
                         // Pipes
@@ -5415,6 +5532,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                         TCloudUiMultiplesValuesModule,
                         TCloudUiWelcomeModule,
                         TCloudUiInputPasswordModule,
+                        TCloudUiProgressBarModule,
                         // Directives
                         TCloudUiDirectiveModule,
                         // Pipes
@@ -5435,5 +5553,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