@dev-tcloud/tcloud-ui 0.1.16 → 0.1.18

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

@@ -101,6 +101,8 @@ class TabMenuService {
         this.tabState$ = this.tabSubject.asObservable();
         this.loadingSubject = new Subject();
         this.loadingState$ = this.loadingSubject.asObservable();
+        this.fullSubject = new Subject();
+        this.fullState$ = this.fullSubject.asObservable();
     }
     setTabScroll(scroll) {
         this._scroll = scroll;
@@ -116,6 +118,13 @@ class TabMenuService {
     getTabLoading() {
         return this._loading;
     }
+    setTabfull(full) {
+        this._full = full;
+        this.fullSubject.next(full);
+    }
+    getTabFull() {
+        return this._full;
+    }
     setTabState(tab, registerInUrl) {
         this._tab = tab;
         if (registerInUrl) {
@@ -178,6 +187,7 @@ class TCloudUiTabMenuComponent {
         this.registerInUrl = false;
         this._loading = false;
         this._active = '';
+        this._full = false;
         this.onChange = new EventEmitter();
     }
     set loading(loading) {
@@ -194,6 +204,11 @@ class TCloudUiTabMenuComponent {
         }
     }
     get active() { return this._active; }
+    set full(full) {
+        this._full = full;
+        this.tabMenuService.setTabfull(this.full);
+    }
+    get full() { return this._full; }
     ngOnInit() {
         const tab = this.tabMenuService.getTabState();
         if (tab === this._active) {
@@ -210,16 +225,18 @@ class TCloudUiTabMenuComponent {
     }
 }
 TCloudUiTabMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiTabMenuComponent, deps: [{ token: TabMenuService }], target: i0.ɵɵFactoryTarget.Component });
-TCloudUiTabMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: TCloudUiTabMenuComponent, selector: "tcloud-ui-tab-menu", inputs: { registerInUrl: "registerInUrl", loading: "loading", active: "active" }, outputs: { onChange: "onChange" }, providers: [TabMenuService], ngImport: i0, template: "<div class=\"tcloud-ui-tab-menu tc-tab-menu\" [class.loading]=\"loading\" >\r\n  <ng-content></ng-content>\r\n</div>", styles: [".tc-tab-menu{width:100%;overflow-x:hidden}.tc-tab-menu .fas{color:var(--tc-primary);margin:0}.loading{opacity:.7;cursor:progress!important}\n"] });
+TCloudUiTabMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: TCloudUiTabMenuComponent, selector: "tcloud-ui-tab-menu", inputs: { registerInUrl: "registerInUrl", loading: "loading", active: "active", full: "full" }, outputs: { onChange: "onChange" }, providers: [TabMenuService], ngImport: i0, template: "<div class=\"tcloud-ui-tab-menu tc-tab-menu\" [class.loading]=\"loading\" [class.tcloud-ui-tab-block-full]=\"full\" >\r\n  <ng-content></ng-content>\r\n</div>", styles: [".tc-tab-menu{width:100%;overflow-x:hidden}.tc-tab-menu .fas{color:var(--tc-primary);margin:0}.loading{opacity:.7;cursor:progress!important}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiTabMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tcloud-ui-tab-menu', providers: [TabMenuService], template: "<div class=\"tcloud-ui-tab-menu tc-tab-menu\" [class.loading]=\"loading\" >\r\n  <ng-content></ng-content>\r\n</div>", styles: [".tc-tab-menu{width:100%;overflow-x:hidden}.tc-tab-menu .fas{color:var(--tc-primary);margin:0}.loading{opacity:.7;cursor:progress!important}\n"] }]
+            args: [{ selector: 'tcloud-ui-tab-menu', providers: [TabMenuService], template: "<div class=\"tcloud-ui-tab-menu tc-tab-menu\" [class.loading]=\"loading\" [class.tcloud-ui-tab-block-full]=\"full\" >\r\n  <ng-content></ng-content>\r\n</div>", styles: [".tc-tab-menu{width:100%;overflow-x:hidden}.tc-tab-menu .fas{color:var(--tc-primary);margin:0}.loading{opacity:.7;cursor:progress!important}\n"] }]
         }], ctorParameters: function () { return [{ type: TabMenuService }]; }, propDecorators: { registerInUrl: [{
                 type: Input
             }], loading: [{
                 type: Input
             }], active: [{
                 type: Input
+            }], full: [{
+                type: Input
             }], onChange: [{
                 type: Output
             }] } });
@@ -5248,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 });
@@ -5271,6 +5397,7 @@ TCloudUiModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version:
         TCloudUiMultiplesValuesModule,
         TCloudUiWelcomeModule,
         TCloudUiInputPasswordModule,
+        TCloudUiProgressBarModule,
         // Directives
         TCloudUiDirectiveModule,
         // Pipes
@@ -5294,6 +5421,7 @@ TCloudUiModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version:
         TCloudUiMultiplesValuesModule,
         TCloudUiWelcomeModule,
         TCloudUiInputPasswordModule,
+        TCloudUiProgressBarModule,
         // Directives
         TCloudUiDirectiveModule,
         // Pipes
@@ -5321,6 +5449,7 @@ TCloudUiModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version:
         TCloudUiMultiplesValuesModule,
         TCloudUiWelcomeModule,
         TCloudUiInputPasswordModule,
+        TCloudUiProgressBarModule,
         // Directives
         TCloudUiDirectiveModule,
         // Pipes
@@ -5344,6 +5473,7 @@ TCloudUiModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version:
         TCloudUiMultiplesValuesModule,
         TCloudUiWelcomeModule,
         TCloudUiInputPasswordModule,
+        TCloudUiProgressBarModule,
         // Directives
         TCloudUiDirectiveModule,
         // Pipes
@@ -5372,6 +5502,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                         TCloudUiMultiplesValuesModule,
                         TCloudUiWelcomeModule,
                         TCloudUiInputPasswordModule,
+                        TCloudUiProgressBarModule,
                         // Directives
                         TCloudUiDirectiveModule,
                         // Pipes
@@ -5398,6 +5529,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                         TCloudUiMultiplesValuesModule,
                         TCloudUiWelcomeModule,
                         TCloudUiInputPasswordModule,
+                        TCloudUiProgressBarModule,
                         // Directives
                         TCloudUiDirectiveModule,
                         // Pipes
@@ -5418,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