@dev-tcloud/tcloud-ui 2.0.3 → 2.1.4

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

@@ -4624,13 +4624,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; } });
 
-class TCloudcurrencyDirective {
+class TCloudCurrencyDirective {
     constructor(el, renderer) {
         this.el = el;
         this.renderer = renderer;
         this.onChange = () => { };
         this.onTouch = () => { };
     }
+    // ngAfterViewInit() {
+    //   setTimeout(() => {
+    //     let unmaskedValue = this.unmask( this.el.nativeElement.value );
+    //     console.log('Valor do input:', unmaskedValue);
+    //     this.onChange(Number(unmaskedValue));
+    //     this.writeValue(unmaskedValue);
+    //   });    
+    // }
     writeValue(value) {
         this.renderer.setProperty(this.el.nativeElement, 'type', 'text');
         this.renderer.setStyle(this.el.nativeElement, 'text-align', 'right');
@@ -4655,15 +4663,29 @@ class TCloudcurrencyDirective {
         const length = nativeInput.value.length;
         nativeInput.setSelectionRange(length, length);
     }
+    setInInput() {
+    }
     onInput(value) {
         const unmaskedValue = this.unmask(value);
         this.onChange(Number(unmaskedValue));
         this.writeValue(unmaskedValue);
     }
     formatCurrency(value) {
+        const posicaoPonto = `${value}`.indexOf('.');
+        if (posicaoPonto !== -1) {
+            let part = `${value}`.split('.');
+            let decimalPart = (part && part[1]) ? part[1] : '';
+            if ((decimalPart).length < 2) {
+                value = value + '0';
+            }
+        }
+        else {
+            value = value + '.00';
+        }
         return 'R$ ' + this.formatReal(value);
     }
     unmask(value) {
+        console.log('unmask 1', value);
         if (value === undefined || value === null || value === "") {
             return "";
         }
@@ -4675,6 +4697,7 @@ class TCloudcurrencyDirective {
             }
         }
         value = this.toDecimal(value);
+        console.log('unmask 2', value);
         return value;
     }
     formatarNumero(numero) {
@@ -4700,6 +4723,7 @@ class TCloudcurrencyDirective {
             }
             return _value;
         }
+        console.log('inner formatReal 1', value);
         let integerPart = cleanValue.slice(0, -2) || '0';
         const decimalPart = cleanValue.slice(-2).padStart(2, '0');
         if ((integerPart).length > 3) {
@@ -4711,11 +4735,12 @@ class TCloudcurrencyDirective {
                 _value = '0' + _value;
             }
         }
+        console.log('inner formatReal 2', value);
         return _value;
     }
     toDecimal(numero) {
         const numeroStr = numero.toString();
-        const parteInteira = numeroStr.slice(0, -2) || '0';
+        let parteInteira = numeroStr.slice(0, -2) || '0';
         let parteDecimal = numeroStr.slice(-2);
         if (Number(parteDecimal) > 0 && Number(parteDecimal) < 10) {
             parteDecimal = `0${Number(parteDecimal)}`;
@@ -4735,20 +4760,20 @@ class TCloudcurrencyDirective {
         }
         return _value;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TCloudcurrencyDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TCloudcurrencyDirective, selector: "[TCcurrency]", host: { listeners: { "focus": "onFocus()", "input": "onInput($event.target.value)" } }, providers: [{
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TCloudCurrencyDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TCloudCurrencyDirective, selector: "[TCcurrency]", host: { listeners: { "focus": "onFocus()", "input": "onInput($event.target.value)" } }, providers: [{
                 provide: NG_VALUE_ACCESSOR,
-                useExisting: TCloudcurrencyDirective,
+                useExisting: TCloudCurrencyDirective,
                 multi: true
             }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TCloudcurrencyDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TCloudCurrencyDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[TCcurrency]',
                     providers: [{
                             provide: NG_VALUE_ACCESSOR,
-                            useExisting: TCloudcurrencyDirective,
+                            useExisting: TCloudCurrencyDirective,
                             multi: true
                         }]
                 }]
@@ -4766,11 +4791,11 @@ class TCloudUiDirectiveModule {
             TCloudUiAlignDirective,
             TCloudUiHoverParentDirective,
             TCloudUiElCopyDirective,
-            TCloudcurrencyDirective], exports: [TCloudUiTooltipDirective,
+            TCloudCurrencyDirective], exports: [TCloudUiTooltipDirective,
             TCloudUiAlignDirective,
             TCloudUiHoverParentDirective,
             TCloudUiElCopyDirective,
-            TCloudcurrencyDirective] }); }
+            TCloudCurrencyDirective] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TCloudUiDirectiveModule }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TCloudUiDirectiveModule, decorators: [{
@@ -4781,14 +4806,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         TCloudUiAlignDirective,
                         TCloudUiHoverParentDirective,
                         TCloudUiElCopyDirective,
-                        TCloudcurrencyDirective
+                        TCloudCurrencyDirective
                     ],
                     exports: [
                         TCloudUiTooltipDirective,
                         TCloudUiAlignDirective,
                         TCloudUiHoverParentDirective,
                         TCloudUiElCopyDirective,
-                        TCloudcurrencyDirective
+                        TCloudCurrencyDirective
                     ],
                 }]
         }] });
@@ -5572,6 +5597,56 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }] });
 
+class TCloudUiCubesComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TCloudUiCubesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TCloudUiCubesComponent, selector: "tcloud-ui-cubes", ngImport: i0, template: "<div class=\"loadingio-spinner-cube\"><div class=\"tc-cube-loading\">\r\n  <div></div><div></div><div></div><div></div></div>\r\n</div>", styles: ["@keyframes tc-cube-loading{0%{transform:scale(1.15)}to{transform:scale(1)}}.tc-cube-loading div{position:absolute;width:34px;height:34px;top:10.6666666667px;left:10.6666666667px;background:#5e5e5e;animation:tc-cube-loading .7s cubic-bezier(0,.5,.5,1) infinite;animation-delay:-.3s}.tc-cube-loading div:nth-child(2){top:10.6666666667px;left:55.3333333333px;background:#5e5e5e;animation-delay:-.2s}.tc-cube-loading div:nth-child(3){top:55.3333333333px;left:10.6666666667px;background:#5e5e5e;animation-delay:0s}.tc-cube-loading div:nth-child(4){top:55.3333333333px;left:55.3333333333px;background:#5e5e5e;animation-delay:-.1s}.loadingio-spinner-cube-duylqtw8i9b{width:48px;height:48px;display:inline-block;overflow:hidden;background:#ffffff}.tc-cube-loading{width:100%;height:100%;position:relative;transform:translateZ(0) scale(.44);backface-visibility:hidden;transform-origin:0 0}.tc-cube-loading div{box-sizing:content-box}.tc-loading-full,.tc-state-loading-backdrop,.tc-state-loading-main{cursor:progress}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TCloudUiCubesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tcloud-ui-cubes', template: "<div class=\"loadingio-spinner-cube\"><div class=\"tc-cube-loading\">\r\n  <div></div><div></div><div></div><div></div></div>\r\n</div>", styles: ["@keyframes tc-cube-loading{0%{transform:scale(1.15)}to{transform:scale(1)}}.tc-cube-loading div{position:absolute;width:34px;height:34px;top:10.6666666667px;left:10.6666666667px;background:#5e5e5e;animation:tc-cube-loading .7s cubic-bezier(0,.5,.5,1) infinite;animation-delay:-.3s}.tc-cube-loading div:nth-child(2){top:10.6666666667px;left:55.3333333333px;background:#5e5e5e;animation-delay:-.2s}.tc-cube-loading div:nth-child(3){top:55.3333333333px;left:10.6666666667px;background:#5e5e5e;animation-delay:0s}.tc-cube-loading div:nth-child(4){top:55.3333333333px;left:55.3333333333px;background:#5e5e5e;animation-delay:-.1s}.loadingio-spinner-cube-duylqtw8i9b{width:48px;height:48px;display:inline-block;overflow:hidden;background:#ffffff}.tc-cube-loading{width:100%;height:100%;position:relative;transform:translateZ(0) scale(.44);backface-visibility:hidden;transform-origin:0 0}.tc-cube-loading div{box-sizing:content-box}.tc-loading-full,.tc-state-loading-backdrop,.tc-state-loading-main{cursor:progress}\n"] }]
+        }] });
+
+class TCloudUiLoadingComponent {
+    set loading(loading) {
+        if (this._loading !== loading) {
+            this._loading = loading;
+        }
+    }
+    get loading() { return this._loading; }
+    constructor() {
+        this.full = false;
+        this._loading = false;
+    }
+    ngOnInit() {
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TCloudUiLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TCloudUiLoadingComponent, selector: "tcloud-ui-loading", inputs: { full: "full", loading: "loading" }, ngImport: i0, template: "<div *ngIf=\"full && loading\" class=\"tc-loading-full\">\r\n    <div class=\"tc-state-loading-backdrop\"></div>\r\n    <div class=\"tc-state-loading-main\">\r\n      <div class=\"tc-state-loading-artifact\">\r\n  \r\n        <tcloud-ui-cubes></tcloud-ui-cubes>\r\n  \r\n      </div>\r\n    </div>\r\n  </div>\r\n  \r\n  <ng-container *ngIf=\"!full && loading\">\r\n    <div class=\"tc-state-loading-backdrop\"></div>\r\n    <div class=\"tc-state-loading-main\">\r\n      <div class=\"tc-state-loading-artifact\">\r\n  \r\n        <tcloud-ui-cubes></tcloud-ui-cubes>\r\n  \r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n  ", styles: [".tc-loading-full{width:100%;height:100%;position:fixed;background-color:var(--tc-gray-400);left:0;top:0;z-index:5000;cursor:progress!important}.tc-state-loading-backdrop{cursor:progress!important}.tc-state-loading-backdrop{z-index:4998;position:absolute;inset:0;background-color:#1920224d}.tc-state-loading-main{min-height:50px}.tc-state-loading-artifact{width:40px;height:40px;position:absolute;inset:0;margin:auto;z-index:4999}.tc-progress-loading{height:100vh;opacity:.1}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TCloudUiCubesComponent, selector: "tcloud-ui-cubes" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TCloudUiLoadingComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tcloud-ui-loading', template: "<div *ngIf=\"full && loading\" class=\"tc-loading-full\">\r\n    <div class=\"tc-state-loading-backdrop\"></div>\r\n    <div class=\"tc-state-loading-main\">\r\n      <div class=\"tc-state-loading-artifact\">\r\n  \r\n        <tcloud-ui-cubes></tcloud-ui-cubes>\r\n  \r\n      </div>\r\n    </div>\r\n  </div>\r\n  \r\n  <ng-container *ngIf=\"!full && loading\">\r\n    <div class=\"tc-state-loading-backdrop\"></div>\r\n    <div class=\"tc-state-loading-main\">\r\n      <div class=\"tc-state-loading-artifact\">\r\n  \r\n        <tcloud-ui-cubes></tcloud-ui-cubes>\r\n  \r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n  ", styles: [".tc-loading-full{width:100%;height:100%;position:fixed;background-color:var(--tc-gray-400);left:0;top:0;z-index:5000;cursor:progress!important}.tc-state-loading-backdrop{cursor:progress!important}.tc-state-loading-backdrop{z-index:4998;position:absolute;inset:0;background-color:#1920224d}.tc-state-loading-main{min-height:50px}.tc-state-loading-artifact{width:40px;height:40px;position:absolute;inset:0;margin:auto;z-index:4999}.tc-progress-loading{height:100vh;opacity:.1}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { full: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }] } });
+
+class TCloudUiLoadingModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TCloudUiLoadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TCloudUiLoadingModule, declarations: [TCloudUiLoadingComponent, TCloudUiCubesComponent], imports: [CommonModule], exports: [TCloudUiLoadingComponent, TCloudUiCubesComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TCloudUiLoadingModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TCloudUiLoadingModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TCloudUiLoadingComponent, TCloudUiCubesComponent],
+                    exports: [TCloudUiLoadingComponent, TCloudUiCubesComponent],
+                    imports: [
+                        CommonModule
+                    ]
+                }]
+        }] });
+
 class TCloudUiModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TCloudUiModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TCloudUiModule, imports: [TCloudUiModalModule,
@@ -5595,6 +5670,7 @@ class TCloudUiModule {
             TCloudUiWelcomeModule,
             TCloudUiInputPasswordModule,
             TCloudUiProgressBarModule,
+            TCloudUiLoadingModule,
             // Directives
             TCloudUiDirectiveModule,
             // Pipes
@@ -5619,6 +5695,7 @@ class TCloudUiModule {
             TCloudUiWelcomeModule,
             TCloudUiInputPasswordModule,
             TCloudUiProgressBarModule,
+            TCloudUiLoadingModule,
             // Directives
             TCloudUiDirectiveModule,
             // Pipes
@@ -5647,6 +5724,7 @@ class TCloudUiModule {
             TCloudUiWelcomeModule,
             TCloudUiInputPasswordModule,
             TCloudUiProgressBarModule,
+            TCloudUiLoadingModule,
             // Directives
             TCloudUiDirectiveModule,
             // Pipes
@@ -5671,6 +5749,7 @@ class TCloudUiModule {
             TCloudUiWelcomeModule,
             TCloudUiInputPasswordModule,
             TCloudUiProgressBarModule,
+            TCloudUiLoadingModule,
             // Directives
             TCloudUiDirectiveModule,
             // Pipes
@@ -5701,6 +5780,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         TCloudUiWelcomeModule,
                         TCloudUiInputPasswordModule,
                         TCloudUiProgressBarModule,
+                        TCloudUiLoadingModule,
                         // Directives
                         TCloudUiDirectiveModule,
                         // Pipes
@@ -5728,6 +5808,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         TCloudUiWelcomeModule,
                         TCloudUiInputPasswordModule,
                         TCloudUiProgressBarModule,
+                        TCloudUiLoadingModule,
                         // Directives
                         TCloudUiDirectiveModule,
                         // Pipes
@@ -5748,5 +5829,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.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, TCloudUiProgressBarComponent, TCloudUiProgressBarModule, TCloudUiRangeDateComponent, TCloudUiScrollBoxComponent, TCloudUiScrollBoxModule, TCloudUiSearchInObjectService, TCloudUiTabContentComponent, TCloudUiTabHeadComponent, TCloudUiTabMenuComponent, TCloudUiTabMenuModule, TCloudUiTabSubtitleComponent, TCloudUiTabTitleComponent, TCloudUiTableComponent, TCloudUiTableModule, TCloudUiTooltipDirective, TCloudUiWelcomeComponent, TCloudUiWelcomeModule, TCloudcurrencyDirective, ToTextPipe };
+export { BytesPipe, CNPJPipe, CPFPipe, CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR, DateBRPipe, MonthNamePipe, RespectivePipe, StatusInfoPipe, TCCondition, TCFiltersType, TCloudCurrencyDirective, TCloudUiAccordionBodyComponent, TCloudUiAccordionComponent, TCloudUiAccordionModule, TCloudUiAccordionTitleComponent, TCloudUiAlignDirective, TCloudUiChoiceIssuesComponent, TCloudUiChoiceIssuesModule, TCloudUiCubesComponent, TCloudUiDataListComponent, TCloudUiDataListModule, TCloudUiDataListOptionComponent, TCloudUiDatepickerComponent, TCloudUiDatepickerModule, TCloudUiDatepickerTimeComponent, TCloudUiDatepickerTimeModule, TCloudUiDirectiveModule, TCloudUiElCopyDirective, TCloudUiFiltersComponent, TCloudUiFiltersModule, TCloudUiHoverParentDirective, TCloudUiInputPasswordComponent, TCloudUiInputPasswordModule, TCloudUiInputSearchComponent, TCloudUiInputSearchModule, TCloudUiLineStepCircleComponent, TCloudUiLineStepCircleModule, TCloudUiLinhaLogoComponent, TCloudUiLinhaLogoModule, TCloudUiLoadingComponent, TCloudUiLoadingModule, 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