@dev-tcloud/tcloud-ui 4.0.1 → 4.1.0

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, Input, NgModule, CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA, Injectable, EventEmitter, Output, ViewChild, forwardRef, Pipe, ViewEncapsulation, Directive, HostListener } from '@angular/core';
+import { Component, Input, NgModule, CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA, Injectable, EventEmitter, Output, ViewChild, forwardRef, Pipe, ViewEncapsulation, Directive, HostListener, Optional, Inject } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule, DatePipe } from '@angular/common';
 import { Subject, Subscription } from 'rxjs';
@@ -2715,7 +2715,7 @@ class TCloudUiScrollBoxComponent {
         if (`${this.maxHeight}`) {
             und = this.retirarNumeros(`${this.maxHeight}`);
         }
-        console.log("und", und);
+        // console.log("und",und);
         if (((und) && (und).trim() === '') || !und) {
             this.unidade = 'px';
         }
@@ -4896,7 +4896,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImpor
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
 
-class TCloudCurrencyDirective {
+class TCloudUiCurrencyDirective {
     constructor(el, renderer) {
         this.el = el;
         this.renderer = renderer;
@@ -5028,20 +5028,20 @@ class TCloudCurrencyDirective {
         }
         return _value;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", 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: "18.1.0", type: TCloudCurrencyDirective, selector: "[TCcurrency]", host: { listeners: { "focus": "onFocus()", "input": "onInput($event.target.value)" } }, providers: [{
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiCurrencyDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0", type: TCloudUiCurrencyDirective, selector: "[TCcurrency]", host: { listeners: { "focus": "onFocus()", "input": "onInput($event.target.value)" } }, providers: [{
                 provide: NG_VALUE_ACCESSOR,
-                useExisting: TCloudCurrencyDirective,
+                useExisting: TCloudUiCurrencyDirective,
                 multi: true
             }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudCurrencyDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiCurrencyDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[TCcurrency]',
                     providers: [{
                             provide: NG_VALUE_ACCESSOR,
-                            useExisting: TCloudCurrencyDirective,
+                            useExisting: TCloudUiCurrencyDirective,
                             multi: true
                         }]
                 }]
@@ -5053,18 +5053,499 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImpor
                 args: ['input', ['$event.target.value']]
             }] } });
 
+class TCloudUiCheckAccessService {
+    constructor(_UserService) {
+        this._UserService = _UserService;
+        this.userService = {};
+        this.userService = this._UserService;
+    }
+    check(checkAccess) {
+        const temp_user = this.getImpersonalizeUserInfo();
+        if (temp_user) {
+            // Para uso com impersonalização - Visualização do T-Cloud por outro usuário
+            return this.checkImpersonalizeMode(checkAccess, temp_user);
+        }
+        // Utilização para usuário logado
+        return this.checkDefaultMode(checkAccess);
+    }
+    checkDefaultMode(checkAccess) {
+        let hasAccess = false;
+        if (Array.isArray(checkAccess[0])) {
+            if (checkAccess[1]) {
+                let features = checkAccess[1].ui_topology;
+                if (features) {
+                    checkAccess[0].forEach((rule) => {
+                        hasAccess = hasAccess || ((features.findIndex((feature) => feature === rule) != -1) ? true : false);
+                    });
+                }
+            }
+        }
+        else {
+            let features = this.userService?.getCurrentEnv()?.ui;
+            console.log('features ui', features);
+            checkAccess.forEach((rule) => {
+                hasAccess = hasAccess || ((features && features.findIndex((feature) => feature === rule) != -1) ? true : false);
+            });
+        }
+        return hasAccess;
+    }
+    checkImpersonalizeMode(checkAccess, temp_user) {
+        let hasAccess = false;
+        if (Array.isArray(checkAccess[0])) {
+            if (checkAccess[1]) {
+                let features = checkAccess[1].ui_topology;
+                if (features) {
+                    checkAccess[0].forEach((rule) => {
+                        hasAccess = hasAccess || ((features.findIndex((feature) => feature === rule) != -1) ? true : false);
+                    });
+                }
+            }
+        }
+        else {
+            let features = temp_user.ui;
+            checkAccess.forEach((rule) => {
+                hasAccess = hasAccess || ((features && features.findIndex((feature) => feature === rule) != -1) ? true : false);
+            });
+        }
+        return hasAccess;
+    }
+    checkFeatureFlags(_feature) {
+        let enable = false;
+        let isEnabled = [];
+        // tcloud_features - features do componente tcloud
+        let tcloud_features = [];
+        if (_feature) {
+            if (typeof _feature === 'string') {
+                (tcloud_features).push(_feature);
+            }
+            else if (_feature && (_feature).length > 0) {
+                tcloud_features = _feature;
+            }
+            let feature_flags_topology = undefined;
+            if (Array.isArray(_feature[0])) {
+                if (_feature[1]) {
+                    tcloud_features = _feature[0];
+                    if (_feature[1] && _feature[1].feature_flags_topology && (_feature[1]?.feature_flags_topology).length >= 0) {
+                        feature_flags_topology = _feature[1].feature_flags_topology;
+                    }
+                }
+            }
+            let feature_flags = [];
+            if (feature_flags_topology && (feature_flags_topology).length >= 0) {
+                // feature_flags - obtendo de topology (infProduto) -> feature_flags_topology
+                feature_flags = feature_flags_topology;
+            }
+            else {
+                // feature_flags - obtendo de user info
+                feature_flags = this.userService?.getCurrentEnv()?.feature_flags || [];
+            }
+            console.log('feature_flags', feature_flags);
+            for (let i = 0; i < (tcloud_features).length; i++) {
+                const tcloud_feature = tcloud_features[i];
+                if (tcloud_feature[0] === '!') {
+                    let qtd_exist = 0;
+                    for (let j = 0; j < (feature_flags).length; j++) {
+                        const feature_flag = feature_flags[j];
+                        if (tcloud_feature === '!' + feature_flag) {
+                            (isEnabled).push(false);
+                            qtd_exist++;
+                        }
+                    }
+                    if (qtd_exist === 0) {
+                        (isEnabled).push(true);
+                    }
+                }
+                else {
+                    let qtd_exist = 0;
+                    for (let j = 0; j < (feature_flags).length; j++) {
+                        const feature_flag = feature_flags[j];
+                        if (tcloud_feature === feature_flag) {
+                            (isEnabled).push(true);
+                            qtd_exist++;
+                        }
+                    }
+                    if (qtd_exist === 0) {
+                        (isEnabled).push(false);
+                    }
+                }
+            }
+            if (isEnabled && (isEnabled).length > 0) {
+                enable = true;
+                for (let i = 0; i < (isEnabled).length; i++) {
+                    if (isEnabled[i] === false) {
+                        enable = false;
+                        break;
+                    }
+                }
+            }
+        }
+        return enable;
+    }
+    /* */
+    getImpersonalizeUserInfo() {
+        // return this.getLocalStorage();
+        // remover do localstorage se não existir cCode ????
+        const cCode = this.userService?.getCurrentEnv()?.currentCloudID?.cloud_id || '';
+        if (cCode && cCode !== '') {
+            return this.getLocalStorage();
+        }
+        this.removeLocalStorage();
+        return undefined;
+    }
+    getLocalStorage() {
+        let info = localStorage.getItem('temp_user_info');
+        let user_info = {};
+        try {
+            user_info = JSON.parse(info);
+        }
+        catch (error) {
+            user_info = undefined;
+        }
+        return user_info;
+    }
+    removeLocalStorage() {
+        localStorage.removeItem('temp_user_info');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiCheckAccessService, deps: [{ token: 'UserService', optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiCheckAccessService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiCheckAccessService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: ['UserService']
+                }] }] });
+
+class TCloudUiCheckAccessDirective {
+    set TCCheckAccess(checkAccess) {
+        if (checkAccess) {
+            this.check(checkAccess);
+        }
+    }
+    ;
+    constructor(el, renderer, checkAccessService) {
+        this.el = el;
+        this.renderer = renderer;
+        this.checkAccessService = checkAccessService;
+    }
+    ngOnInit() { }
+    check(checkAccess) {
+        let hasAccess = false;
+        hasAccess = this.checkAccessService.check(checkAccess);
+        let elemento = this.el.nativeElement;
+        if (elemento) {
+            if (!hasAccess) {
+                this.setStyle(elemento);
+            }
+            else {
+                this.normalStyle(elemento);
+            }
+        }
+        else {
+            // console.log("TCL: checkAccessDirective -> elemento", this.el.nativeElement)
+        }
+    }
+    setStyle(el) {
+        this.renderer.setStyle(el, 'background-color', 'rgb(255, 219, 94)');
+        // this.renderer.setStyle(el, 'display', 'none');
+        this.renderer.setAttribute(el, 'style', 'display:none !important');
+        this.removeElement(el);
+    }
+    normalStyle(el) {
+        // this.renderer.setStyle(el, 'color', '');
+        // this.renderer.setStyle(el, 'border', '1px solid darkorange');
+        // this.renderer.setStyle(el, 'padding', '');
+        this.renderer.setStyle(el, 'background-color', '');
+        this.renderer.setStyle(el, 'display', '');
+        // el.innerHTML = "Sem acesso";
+    }
+    removeElement(el) {
+        if (el) {
+            try {
+                this.renderer.removeChild(el.parentNode, el);
+            }
+            catch (error) { }
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiCheckAccessDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: TCloudUiCheckAccessService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0", type: TCloudUiCheckAccessDirective, selector: "[TCCheckAccess]", inputs: { TCCheckAccess: "TCCheckAccess" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiCheckAccessDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[TCCheckAccess]'
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: TCloudUiCheckAccessService }], propDecorators: { TCCheckAccess: [{
+                type: Input
+            }] } });
+
+/*
+// Verificação checkAccess
+<ng-container *ngTCCheckAccess="[[features.backup], topologie?.infProduto]" >
+  Conteudo protegido
+</ng-container>
+
+// Verificação checkAccess com condição adicional
+<ng-container *ngTCCheckAccess="[[features.backup], topologie?.infProduto]; ngIf: topologie?.product == 'winthor'" >
+  Conteudo protegido
+</ng-container>
+*/
+class TCloudUiNgCheckAccessDirective {
+    constructor(templateRef, viewContainer, checkAccessService) {
+        this.templateRef = templateRef;
+        this.viewContainer = viewContainer;
+        this.checkAccessService = checkAccessService;
+        this.isCondition = true;
+    }
+    set ngTCCheckAccess(checkAccess) {
+        const isCheckAccess = (typeof checkAccess === 'boolean') ? checkAccess : this.checkAccessService.check(checkAccess);
+        setTimeout(() => { this.check_view(isCheckAccess); });
+    }
+    set ngTCCheckAccessNgIf(check) {
+        this.isCondition = check;
+    }
+    check_view(isView) {
+        if (isView && this.isCondition) {
+            this.viewContainer.createEmbeddedView(this.templateRef);
+        }
+        else {
+            this.viewContainer.clear();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiNgCheckAccessDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: TCloudUiCheckAccessService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0", type: TCloudUiNgCheckAccessDirective, selector: "[ngTCCheckAccess]", inputs: { ngTCCheckAccess: "ngTCCheckAccess", ngTCCheckAccessNgIf: "ngTCCheckAccessNgIf" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiNgCheckAccessDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngTCCheckAccess]'
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }, { type: TCloudUiCheckAccessService }], propDecorators: { ngTCCheckAccess: [{
+                type: Input
+            }], ngTCCheckAccessNgIf: [{
+                type: Input
+            }] } });
+
+/*
+  <div *ngTCFeatureFlags="['pipeline_flow_pusher']">
+        Tem pipeline_flow_pusher
+    </div>
+*/
+class TCloudUiNgFeatureFlagsDirective {
+    constructor(templateRef, viewContainer, checkAccessService) {
+        this.templateRef = templateRef;
+        this.viewContainer = viewContainer;
+        this.checkAccessService = checkAccessService;
+        this.isCondition = true;
+    }
+    set ngTCFeatureFlags(FeatureFlags) {
+        const isFeatureFlags = (typeof FeatureFlags === 'boolean') ? FeatureFlags : this.checkAccessService.checkFeatureFlags(FeatureFlags);
+        setTimeout(() => { this.check_view(isFeatureFlags); });
+    }
+    set TCNgFeatureFlagsNgIf(check) {
+        this.isCondition = check;
+    }
+    check_view(isView) {
+        if (isView && this.isCondition) {
+            this.viewContainer.createEmbeddedView(this.templateRef);
+        }
+        else {
+            this.viewContainer.clear();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiNgFeatureFlagsDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: TCloudUiCheckAccessService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0", type: TCloudUiNgFeatureFlagsDirective, selector: "[ngTCFeatureFlags]", inputs: { ngTCFeatureFlags: "ngTCFeatureFlags", TCNgFeatureFlagsNgIf: "TCNgFeatureFlagsNgIf" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiNgFeatureFlagsDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngTCFeatureFlags]'
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }, { type: TCloudUiCheckAccessService }], propDecorators: { ngTCFeatureFlags: [{
+                type: Input
+            }], TCNgFeatureFlagsNgIf: [{
+                type: Input
+            }] } });
+
+class TCloudUiDigitOnlyDirective {
+    constructor(el) {
+        this.el = el;
+        this.inputElement = el.nativeElement;
+    }
+    onKeyDown(e) {
+        if ([46, 8, 9, 27, 13].indexOf(e.keyCode) !== -1 || // Allow: Delete, Backspace, Tab, Escape, Enter
+            (e.keyCode === 65 && e.ctrlKey === true) || // Allow: Ctrl+A
+            (e.keyCode === 67 && e.ctrlKey === true) || // Allow: Ctrl+C
+            (e.keyCode === 86 && e.ctrlKey === true) || // Allow: Ctrl+V
+            (e.keyCode === 88 && e.ctrlKey === true) || // Allow: Ctrl+X
+            (e.keyCode === 65 && e.metaKey === true) || // Allow: Cmd+A (Mac)
+            (e.keyCode === 67 && e.metaKey === true) || // Allow: Cmd+C (Mac)
+            (e.keyCode === 86 && e.metaKey === true) || // Allow: Cmd+V (Mac)
+            (e.keyCode === 88 && e.metaKey === true) || // Allow: Cmd+X (Mac)
+            (e.keyCode >= 35 && e.keyCode <= 39) // Allow: Home, End, Left, Right
+        ) {
+            // let it happen, don't do anything
+            return;
+        }
+        // Ensure that it is a number and stop the keypress
+        if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) &&
+            (e.keyCode < 96 || e.keyCode > 105)) {
+            e.preventDefault();
+        }
+    }
+    onPaste(event) {
+        event.preventDefault();
+        if (event && event.clipboardData) {
+            const pastedInput = event.clipboardData
+                .getData('text/plain')
+                .replace(/\D/g, ''); // get a digit-only string
+            document?.execCommand('insertText', false, pastedInput);
+        }
+    }
+    onDrop(event) {
+        event.preventDefault();
+        if (event && event.dataTransfer) {
+            const textData = event.dataTransfer.getData('text').replace(/\D/g, '');
+            this.inputElement.focus();
+            document?.execCommand('insertText', false, textData);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiDigitOnlyDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0", type: TCloudUiDigitOnlyDirective, selector: "[TCDigitOnly]", host: { listeners: { "keydown": "onKeyDown($event)", "paste": "onPaste($event)", "drop": "onDrop($event)" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiDigitOnlyDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[TCDigitOnly]'
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { onKeyDown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }], onPaste: [{
+                type: HostListener,
+                args: ['paste', ['$event']]
+            }], onDrop: [{
+                type: HostListener,
+                args: ['drop', ['$event']]
+            }] } });
+
+class TCloudUiHighLightDirective {
+    constructor(el) {
+        this.el = el;
+        this.inputElement = el.nativeElement;
+    }
+    ngOnInit() {
+        let block = document.createElement('div');
+        if (!this.TCHighlight) {
+            block.appendChild(document.createTextNode('PRECISA FINALIZAR IMPLEMENTAÇÃO!!'));
+        }
+        else {
+            block.appendChild(document.createTextNode(this.TCHighlight));
+        }
+        if (block && block.style) {
+            block.style.backgroundColor = '#F00';
+            block.style.color = '#FFF';
+            block.style.padding = '15px';
+            block.style.textAlign = 'center';
+            block.style.fontWeight = '600';
+        }
+        this.inputElement.insertBefore(block, this.inputElement.firstChild);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiHighLightDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0", type: TCloudUiHighLightDirective, selector: "[TCHighlight]", inputs: { TCHighlight: "TCHighlight" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiHighLightDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[TCHighlight]'
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { TCHighlight: [{
+                type: Input
+            }] } });
+
+class TCloudUiIpMaskDirective {
+    constructor(el) {
+        this.el = el;
+    }
+    onKeyDown(e) {
+        // console.log("IpMaskDirective -> onKeyDown -> e.keyCode", e.keyCode);
+        if ([190, 108, 191, 110, 111].indexOf(e.keyCode) !== -1 || // Allow: ponto(.), ponto(.) Teclado numérico, barra(/) , barra(/) Teclado numérico
+            [46, 8, 9, 27, 13].indexOf(e.keyCode) !== -1 || // Allow: Delete, Backspace, Tab, Escape, Enter
+            (e.keyCode === 65 && e.ctrlKey === true) || // Allow: Ctrl+A
+            (e.keyCode === 67 && e.ctrlKey === true) || // Allow: Ctrl+C
+            (e.keyCode === 86 && e.ctrlKey === true) || // Allow: Ctrl+V
+            (e.keyCode === 88 && e.ctrlKey === true) || // Allow: Ctrl+X
+            (e.keyCode === 65 && e.metaKey === true) || // Allow: Cmd+A (Mac)
+            (e.keyCode === 67 && e.metaKey === true) || // Allow: Cmd+C (Mac)
+            (e.keyCode === 86 && e.metaKey === true) || // Allow: Cmd+V (Mac)
+            (e.keyCode === 88 && e.metaKey === true) || // Allow: Cmd+X (Mac)
+            (e.keyCode >= 35 && e.keyCode <= 39) // Allow: Home, End, Left, Right
+        ) {
+            // let it happen, don't do anything
+            return;
+        }
+        // Ensure that it is a number and stop the keypress
+        if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) &&
+            (e.keyCode < 96 || e.keyCode > 105)) {
+            e.preventDefault();
+        }
+    }
+    onPaste(event) {
+        event.preventDefault();
+        if (event && event.clipboardData) {
+            const pastedInput = event.clipboardData
+                .getData('text/plain')
+                .replace(/\D/g, ''); // get a digit-only string
+            document?.execCommand('insertText', false, pastedInput);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiIpMaskDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0", type: TCloudUiIpMaskDirective, selector: "[TCIpMask]", host: { listeners: { "keydown": "onKeyDown($event)", "paste": "onPaste($event)" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiIpMaskDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[TCIpMask]'
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { onKeyDown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }], onPaste: [{
+                type: HostListener,
+                args: ['paste', ['$event']]
+            }] } });
+
 class TCloudUiDirectiveModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiDirectiveModule, declarations: [TCloudUiTooltipDirective,
             TCloudUiAlignDirective,
             TCloudUiHoverParentDirective,
             TCloudUiElCopyDirective,
-            TCloudCurrencyDirective], exports: [TCloudUiTooltipDirective,
+            TCloudUiCurrencyDirective,
+            TCloudUiCheckAccessDirective,
+            TCloudUiNgCheckAccessDirective,
+            TCloudUiNgFeatureFlagsDirective,
+            TCloudUiDigitOnlyDirective,
+            TCloudUiHighLightDirective,
+            TCloudUiIpMaskDirective], exports: [TCloudUiTooltipDirective,
             TCloudUiAlignDirective,
             TCloudUiHoverParentDirective,
             TCloudUiElCopyDirective,
-            TCloudCurrencyDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiDirectiveModule }); }
+            TCloudUiCurrencyDirective,
+            TCloudUiCheckAccessDirective,
+            TCloudUiNgCheckAccessDirective,
+            TCloudUiNgFeatureFlagsDirective,
+            TCloudUiDigitOnlyDirective,
+            TCloudUiHighLightDirective,
+            TCloudUiIpMaskDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiDirectiveModule, providers: [
+            TCloudUiCheckAccessService
+        ] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiDirectiveModule, decorators: [{
             type: NgModule,
@@ -5074,15 +5555,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImpor
                         TCloudUiAlignDirective,
                         TCloudUiHoverParentDirective,
                         TCloudUiElCopyDirective,
-                        TCloudCurrencyDirective
+                        TCloudUiCurrencyDirective,
+                        TCloudUiCheckAccessDirective,
+                        TCloudUiNgCheckAccessDirective,
+                        TCloudUiNgFeatureFlagsDirective,
+                        TCloudUiDigitOnlyDirective,
+                        TCloudUiHighLightDirective,
+                        TCloudUiIpMaskDirective
                     ],
                     exports: [
                         TCloudUiTooltipDirective,
                         TCloudUiAlignDirective,
                         TCloudUiHoverParentDirective,
                         TCloudUiElCopyDirective,
-                        TCloudCurrencyDirective
+                        TCloudUiCurrencyDirective,
+                        TCloudUiCheckAccessDirective,
+                        TCloudUiNgCheckAccessDirective,
+                        TCloudUiNgFeatureFlagsDirective,
+                        TCloudUiDigitOnlyDirective,
+                        TCloudUiHighLightDirective,
+                        TCloudUiIpMaskDirective
                     ],
+                    providers: [
+                        TCloudUiCheckAccessService
+                    ]
                 }]
         }] });
 
@@ -5937,7 +6433,7 @@ class TCloudUiProgressBarComponent {
         // Calcula o valor correspondente ao percentual do valor base
         let resultado = valorBase / (percentual / 100);
         this.new_status = resultado;
-        console.log('new_status', this.new_status);
+        // console.log('new_status', this.new_status);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: TCloudUiProgressBarComponent, selector: "tcloud-ui-progress-bar", inputs: { limit: "limit", status: "status", mode: "mode", height: "height", useDefaultBackground: "useDefaultBackground", showValue: "showValue" }, ngImport: i0, template: "<div class=\"tc-ui-progress-bar tc-background-{{ progress_class }}\">        \r\n    <div class=\"tc-progress-bar {{ height_class }}\" [class.use-background]=\"useDefaultBackground\" >\r\n\r\n        <div *ngIf=\"!limit\" class=\"tc-progress-bar-status {{ progress_class }} {{ height_class }}\" [style]=\"'width: ' + status + '%'\"></div>\r\n        <div *ngIf=\"limit\" class=\"tc-progress-bar-status {{ progress_class }} {{ height_class }}\" [style]=\"'width: ' + new_status + '%'\"></div>\r\n\r\n        <label *ngIf=\"( height_class === 'height-normal' || height_class === 'height-fat' || height_class === 'height-very-fat' ) && showValue\" \r\n            [class.fixed-left]=\"(+status >= 12)\" \r\n            [style]=\"'left: '+ (70) +'px'\" \r\n            class=\"indicative-value info-{{ progress_class }}\">{{ status }}%\r\n        </label>\r\n    </div>\r\n</div>\r\n<div *ngIf=\"limit && (+limit > 100)\" >\r\n    <div [class.indicative-limit]=\"limit\" [style]=\"{'width': value_100+'%'}\">\r\n        <label>100%</label>\r\n    </div> \r\n</div>\r\n\r\n", styles: [".tc-background-progress-gradient-success{border:none!important}.tc-background-progress-gradient-success .tc-progress-bar{background:#2fea9b;background:linear-gradient(90deg,#def1d5,#cef3e4)}.tc-background-progress-gradient-warning{border:none!important}.tc-background-progress-gradient-warning .tc-progress-bar{background:#f7e3d0;background:linear-gradient(90deg,#f7e3d0,#f7d9d8)}.tc-background-progress-gradient-info{border:none!important}.tc-background-progress-gradient-info .tc-progress-bar{background:#2fea9b;background:linear-gradient(90deg,#def1d5,#cef3e4)}.tc-background-progress-gradient-danger{border:none!important}.tc-background-progress-gradient-danger .tc-progress-bar{background:#f4d0f7;background:linear-gradient(90deg,#f4d0f7,#eea7a5)}.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-normal .indicative-value{position:relative;top:-18.5px!important;z-index:1;font-size:12px!important;font-weight:400!important}.tc-ui-progress-bar .height-fat{height:20px;border-radius:10px}.tc-ui-progress-bar .height-fat .indicative-value{position:relative;top:-21px!important;z-index:1;font-size:13.5px!important;font-weight:400!important}.tc-ui-progress-bar .height-very-fat{height:24px;border-radius:10px}.tc-ui-progress-bar .height-very-fat .indicative-value{position:relative;top:-24px!important;z-index:1;font-size:15.5px!important;font-weight:400!important}.tc-ui-progress-bar .tc-progress-bar{border:1px solid #fff;overflow:hidden}.tc-ui-progress-bar .tc-progress-bar.use-background{background-color:var(--tc-gray-200)}.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)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-success{background-color:var(--green2)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-gray{background-color:var(--tc-gray-500)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-gradient-success{background:#2fea9b;background:linear-gradient(90deg,#2fea9b,#7fdd53)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-gradient-warning{background:#ffbf1a;background:linear-gradient(90deg,0%,rgb(255,191,26) 0%,rgb(255,64,128) 100%)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-gradient-info{background:#2fea9b;background:linear-gradient(90deg,#2fea9b,#7fdd53)}.tc-ui-progress-bar .tc-progress-bar .tc-progress-bar-status.progress-gradient-danger{background:#ea2f67;background:linear-gradient(90deg,0%,rgb(233,47,102) 0%,rgb(208,46,46) 100%)}label.indicative-value{position:relative;top:-19.5px;z-index:1;font-size:12.5px;font-weight:500}label.indicative-value.info-progress-gradient-success,label.indicative-value.info-progress-success{color:var(--green2)}label.indicative-value.info-progress-gradient-anger,label.indicative-value.info-progress-danger{color:#d02e2e}label.indicative-value.info-progress-gradient-warning,label.indicative-value.info-progress-warning{color:#f7b50c}label.indicative-value.fixed-left{left:16px!important;color:#fff!important}.indicative-limit{border-right:2px solid #000;line-height:0;height:30px;position:relative;top:-20px;text-align:right}.indicative-limit label{position:relative;top:30px;left:-3px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
@@ -6262,6 +6758,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImpor
         }] });
 
 class TCloudUiModule {
+    static forRoot(config) {
+        return {
+            ngModule: TCloudUiModule,
+            providers: [
+                { provide: 'TCloudUiConfig', useValue: config.data },
+                { provide: 'UserService', useExisting: config?.services?.userService }
+            ]
+        };
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiModule, imports: [TCloudUiModalModule,
             TCloudUiTabMenuModule,
@@ -6323,6 +6828,7 @@ class TCloudUiModule {
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TCloudUiModule, providers: [
             TCloudUiLoadingTransitionsService,
             TCloudUiSearchInObjectService,
+            TCloudUiCheckAccessService
         ], imports: [TCloudUiModalModule,
             TCloudUiTabMenuModule,
             TCloudUiLinhaLogoModule,
@@ -6449,6 +6955,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImpor
                     providers: [
                         TCloudUiLoadingTransitionsService,
                         TCloudUiSearchInObjectService,
+                        TCloudUiCheckAccessService
                     ]
                 }]
         }] });
@@ -6461,5 +6968,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-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, TCloudUiLabelTokenComponent, TCloudUiLabelTokenModule, TCloudUiLineStepCircleComponent, TCloudUiLineStepCircleModule, TCloudUiLineStepTitleComponent, TCloudUiLineStepTitleModule, 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, TCloudUiReorderItemsComponent, TCloudUiReorderItemsModule, 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, TCloudUiCheckAccessDirective, TCloudUiCheckAccessService, TCloudUiChoiceIssuesComponent, TCloudUiChoiceIssuesModule, TCloudUiCubesComponent, TCloudUiCurrencyDirective, TCloudUiDataListComponent, TCloudUiDataListModule, TCloudUiDataListOptionComponent, TCloudUiDatepickerComponent, TCloudUiDatepickerModule, TCloudUiDatepickerTimeComponent, TCloudUiDatepickerTimeModule, TCloudUiDigitOnlyDirective, TCloudUiDirectiveModule, TCloudUiElCopyDirective, TCloudUiFiltersComponent, TCloudUiFiltersModule, TCloudUiHighLightDirective, TCloudUiHoverParentDirective, TCloudUiInputPasswordComponent, TCloudUiInputPasswordModule, TCloudUiInputSearchComponent, TCloudUiInputSearchModule, TCloudUiIpMaskDirective, TCloudUiLabelTokenComponent, TCloudUiLabelTokenModule, TCloudUiLineStepCircleComponent, TCloudUiLineStepCircleModule, TCloudUiLineStepTitleComponent, TCloudUiLineStepTitleModule, TCloudUiLinhaLogoComponent, TCloudUiLinhaLogoModule, TCloudUiLoadingComponent, TCloudUiLoadingModule, TCloudUiLoadingTransitionsService, TCloudUiModalBodyComponent, TCloudUiModalComponent, TCloudUiModalFooterComponent, TCloudUiModalHeaderComponent, TCloudUiModalModule, TCloudUiModule, TCloudUiMultiInputComponent, TCloudUiMultiInputModule, TCloudUiMultiSelectComponent, TCloudUiMultiSelectModule, TCloudUiMultiplesValuesComponent, TCloudUiMultiplesValuesModule, TCloudUiNgCheckAccessDirective, TCloudUiNgFeatureFlagsDirective, TCloudUiNotFoundComponent, TCloudUiNotFoundModule, TCloudUiNumberStepComponent, TCloudUiNumberStepModule, TCloudUiPipesModule, TCloudUiProgressBarComponent, TCloudUiProgressBarModule, TCloudUiRangeDateComponent, TCloudUiReorderItemsComponent, TCloudUiReorderItemsModule, TCloudUiScrollBoxComponent, TCloudUiScrollBoxModule, TCloudUiSearchInObjectService, TCloudUiTabContentComponent, TCloudUiTabHeadComponent, TCloudUiTabMenuComponent, TCloudUiTabMenuModule, TCloudUiTabSubtitleComponent, TCloudUiTabTitleComponent, TCloudUiTableComponent, TCloudUiTableModule, TCloudUiTooltipDirective, TCloudUiWelcomeComponent, TCloudUiWelcomeModule, ToTextPipe };
 //# sourceMappingURL=dev-tcloud-tcloud-ui.mjs.map