@dev-tcloud/tcloud-ui 6.10.2 → 6.12.0

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, Component, EventEmitter, Input, Output, forwardRef, ViewChild, InjectionToken, Optional, Inject, input, effect, Directive, Pipe, ViewEncapsulation, signal, inject, SkipSelf, HostListener, ChangeDetectorRef, ChangeDetectionStrategy, computed, ApplicationRef, output, model, ContentChildren, NgModule, makeEnvironmentProviders, viewChild } from '@angular/core';
+import { Injectable, Component, EventEmitter, Input, Output, forwardRef, ViewChild, InjectionToken, Optional, Inject, input, effect, Directive, Pipe, ViewEncapsulation, signal, inject, SkipSelf, ChangeDetectionStrategy, HostListener, ChangeDetectorRef, computed, ApplicationRef, output, model, ContentChildren, viewChild, NgModule, makeEnvironmentProviders } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule, DatePipe, DOCUMENT } from '@angular/common';
 import { Subject, Subscription, BehaviorSubject, debounceTime, distinctUntilChanged, map } from 'rxjs';
@@ -1190,6 +1190,197 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
                 }]
         }] });
 
+class TopologyStatusPipe {
+    transform(value, ...args) {
+        if (!value || !value?.length)
+            return value;
+        switch (value.toLowerCase()) {
+            case 'error':
+                return 'Indisponível';
+            case 'ok':
+            case 'done':
+                return 'Disponível';
+            case 'deleting':
+                return 'Apagando...';
+            case 'stopped':
+                return 'Desligado';
+            case 'new':
+                return 'Em criação';
+            case 'dr_new':
+                return 'Configurando DR';
+            case 'dr_done':
+                return 'DR configurado';
+            case 'maintenance':
+                return 'Em manutenção';
+            case 'migrating':
+                return 'Migrando';
+            default:
+                return value;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TopologyStatusPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: TopologyStatusPipe, isStandalone: true, name: "topologyStatus" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TopologyStatusPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'topologyStatus',
+                    standalone: true,
+                }]
+        }] });
+
+class TopologyRegionPipe {
+    transform(value, ...args) {
+        switch (value) {
+            case 'zone_1':
+                return 'TESP01';
+            case 'zone_2':
+                return 'TESP02';
+            case 'tesp03':
+                return "TESP03";
+            case 'tesp04':
+                return "TESP04";
+            case 'tesp05':
+                return "TESP05";
+            case 'tece01':
+                return "TECE01";
+            case 'tesp06':
+                return "TESP06";
+            default:
+                return value;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TopologyRegionPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: TopologyRegionPipe, isStandalone: true, name: "topologyRegion" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TopologyRegionPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'topologyRegion',
+                    standalone: true,
+                }]
+        }] });
+
+class TopologyEnvironmentPipe {
+    transform(value, ...args) {
+        switch (value) {
+            case 'production':
+                return 'Produção';
+            case 'qa':
+                return 'Qualidade';
+            case 'development':
+                return 'Desenvolvimento';
+            case 'troubleshoot':
+                return 'Troubleshoot';
+            case 'audit':
+                return 'Auditoria';
+            case 'historical':
+                return 'Histórico';
+            default:
+                return 'Ambiente Indefinido';
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TopologyEnvironmentPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: TopologyEnvironmentPipe, isStandalone: true, name: "topologyEnvironment" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TopologyEnvironmentPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'topologyEnvironment',
+                    standalone: true,
+                }]
+        }] });
+
+class TopologyProductPipe {
+    transform(value, origin) {
+        switch (value) {
+            case '2c': return 'Carol Connect';
+            case 'bioenergia': return 'Bioenergia';
+            case 'consinco': return 'Consinco';
+            case 'datasul': return 'Datasul';
+            case 'fluig': return 'Fluig';
+            case 'iaas': return 'IaaS';
+            case 'license_server': return 'License Server';
+            case 'logix': return 'Logix';
+            case 'paas': return 'Outros';
+            case 'pep': return 'PEP';
+            case 'protheus': return this.getProtheusSubproduct(value, origin);
+            case 'pvi': return 'PVI';
+            case 'rm': return 'RM';
+            case 'rms': return 'RMS';
+            case 'sfa': return 'SFA';
+            case 'simba': return '';
+            case 'sisjuri': return 'Sisjuri';
+            case 'smarterp': return 'Smart ERP';
+            case 'smartrm': return 'RM';
+            case 'smartrm_cluster': return 'Smart RM Cluster';
+            case 'smartrm_control': return 'Smart RM Control';
+            case 'taf': return 'TAF';
+            case 'totvsagro': return 'TOTVS Agro';
+            case 'totvsmoda': return 'TOTVS Moda';
+            case 'treports': return 'TReports';
+            case 'tss': return 'TSS';
+            case 'winthor': return 'Winthor';
+            default: return value;
+        }
+    }
+    getProtheusSubproduct(value, origin) {
+        if (origin === 'smarterp')
+            return 'Smart ERP';
+        return 'Protheus';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TopologyProductPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: TopologyProductPipe, isStandalone: true, name: "topologyProduct" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TopologyProductPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'topologyProduct',
+                    standalone: true,
+                }]
+        }] });
+
+class ProductActionPipe {
+    transform(value, type = 'single') {
+        if (type === 'bulk') {
+            return this.getTranslatedAction(value);
+        }
+        const actions = value.split('&');
+        if (actions?.length > 1) {
+            const translatedActions = actions.map((action) => this.getTranslatedAction(action)).join(' - ');
+            return translatedActions;
+        }
+        return value;
+    }
+    getTranslatedAction(action) {
+        action = action.trim();
+        switch (action) {
+            case 'update-release':
+            case 'update_release':
+                return 'Atualizar versão da release';
+            case 'update-patch':
+            case 'update_patch':
+                return 'Atualizar versão do pacote';
+            case 'update-database-dump':
+            case 'update-global-dump':
+            case 'update_global_dump':
+                return 'Dump global';
+            case 'update-patch & update-release':
+                return 'Atualizar pacote/release';
+            default:
+                return action;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: ProductActionPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: ProductActionPipe, isStandalone: true, name: "productAction" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: ProductActionPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'productAction',
+                }]
+        }] });
+
 var translation = {
     ptBR: {
         days: ["Domingo", "Segunda", "Terça", "Quarta", "Quinta", "Sexta", "Sábado"],
@@ -5331,13 +5522,10 @@ class TCloudUiContainerComponent {
     constructor() {
         this._containerService = inject(ContainerService);
         this._expanded = false;
-        this.expandedChange = new EventEmitter();
     }
     set expanded(v) {
-        // coerce to boolean and only propagate when changed
-        const newVal = !!v;
-        if (this._expanded !== newVal) {
-            this._expanded = newVal;
+        if (this._expanded !== v) {
+            this._expanded = v;
             this.to_expanded();
         }
     }
@@ -5345,28 +5533,29 @@ class TCloudUiContainerComponent {
     // optional manual trigger kept for backward-compatibility
     to_expanded() {
         this._containerService.set_expanded_signal(this._expanded);
-        this.expandedChange.emit(this._expanded);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TCloudUiContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: TCloudUiContainerComponent, isStandalone: true, selector: "tcloud-ui-container", inputs: { expanded: "expanded" }, outputs: { expandedChange: "expandedChange" }, providers: [ContainerService], ngImport: i0, template: "<div class=\"tcloud-ui-container f-family\" [class.container-expanded]=\"expanded\">\n  <ng-content></ng-content>                                                                                                                                                      \n</div>", styles: [".tcloud-ui-container{display:flex;width:100%}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: TCloudUiContainerComponent, isStandalone: true, selector: "tcloud-ui-container", inputs: { expanded: "expanded" }, providers: [ContainerService], ngImport: i0, template: "<div class=\"tcloud-ui-container f-family\" [class.container-expanded]=\"expanded\">\n  <ng-content></ng-content>                                                                                                                                                      \n</div>", styles: [".tcloud-ui-container{display:flex;width:100%}\n"] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TCloudUiContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'tcloud-ui-container', imports: [], providers: [ContainerService], template: "<div class=\"tcloud-ui-container f-family\" [class.container-expanded]=\"expanded\">\n  <ng-content></ng-content>                                                                                                                                                      \n</div>", styles: [".tcloud-ui-container{display:flex;width:100%}\n"] }]
         }], propDecorators: { expanded: [{
                 type: Input
-            }], expandedChange: [{
-                type: Output
             }] } });
 
 class TCloudUiContainerColComponent {
     constructor(parentService) {
+        this.expanded = true;
         this.fixed = false;
         this._containerService = parentService || inject(ContainerService);
+        effect(() => {
+            this.expanded = this._containerService.expanded_signal();
+        });
     }
-    get expanded() {
-        return this._containerService.expanded_signal();
-    }
+    // get expanded(){
+    //   return this._containerService.expanded_signal();
+    // }
     toggle(expanded) {
         if (expanded) {
             this._containerService.set_expanded_signal(expanded);
@@ -5390,17 +5579,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
 
 class TCloudUiContainerContentComponent {
     constructor(parentService) {
+        this.expanded = true;
         this._containerService = parentService || inject(ContainerService);
-    }
-    get expanded() {
-        return this._containerService.expanded_signal();
+        effect(() => {
+            this.expanded = this._containerService.expanded_signal();
+        });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TCloudUiContainerContentComponent, deps: [{ token: ContainerService, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: TCloudUiContainerContentComponent, isStandalone: true, selector: "tcloud-ui-container-content", providers: [ContainerService], ngImport: i0, template: "\n<div class=\"tcloud-ui-container-content\" \n  [class.content-expanded]=\"expanded\"\n  [class.content-not-expanded]=\"!expanded\">\n  <ng-content></ng-content>\n</div>", styles: [".tcloud-ui-container-content{flex-grow:1;padding-left:24px}.content-not-expanded{padding-left:76px}\n", ".tcloud-ui-container{display:flex;width:100%}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: TCloudUiContainerContentComponent, isStandalone: true, selector: "tcloud-ui-container-content", providers: [ContainerService], ngImport: i0, template: "\n<div class=\"tcloud-ui-container-content\" \n  [class.content-expanded]=\"expanded\"\n  [class.content-not-expanded]=\"!expanded\">\n  <ng-content></ng-content>\n</div>", styles: [":host{flex-grow:1;padding-left:24px}.content-not-expanded{padding-left:52px}\n", ".tcloud-ui-container{display:flex;width:100%}\n"] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TCloudUiContainerContentComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tcloud-ui-container-content', imports: [], providers: [ContainerService], template: "\n<div class=\"tcloud-ui-container-content\" \n  [class.content-expanded]=\"expanded\"\n  [class.content-not-expanded]=\"!expanded\">\n  <ng-content></ng-content>\n</div>", styles: [".tcloud-ui-container-content{flex-grow:1;padding-left:24px}.content-not-expanded{padding-left:76px}\n", ".tcloud-ui-container{display:flex;width:100%}\n"] }]
+            args: [{ selector: 'tcloud-ui-container-content', imports: [], providers: [ContainerService], template: "\n<div class=\"tcloud-ui-container-content\" \n  [class.content-expanded]=\"expanded\"\n  [class.content-not-expanded]=\"!expanded\">\n  <ng-content></ng-content>\n</div>", styles: [":host{flex-grow:1;padding-left:24px}.content-not-expanded{padding-left:52px}\n", ".tcloud-ui-container{display:flex;width:100%}\n"] }]
         }], ctorParameters: () => [{ type: ContainerService, decorators: [{
                     type: Optional
                 }, {
@@ -5469,6 +5659,490 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
                     ], template: "<nav aria-label=\"breadcrumb\" class=\"tcloud-ui-breadcrumb\">\n    <ol class=\"tcloud-ui-breadcrumb-list\">\n        <!-- Link para o Dashboard -->\n        <li class=\"tcloud-ui-breadcrumb-item\">\n          <a [routerLink]=\"['/dashboard']\"><i class=\"fa-light fa-house-blank\"></i>\n            @if (breadcrumbs.length > 0)\n            {\n              <i class=\"fa-light fa-chevron-right\"></i>\n            }\n            @else\n            {\n              P\u00E1gina inicial\n            }\n          </a>\n        </li>\n\n        <!-- Itera\u00E7\u00E3o sobre os itens do breadcrumb -->\n        <li\n            *ngFor=\"let breadcrumb of breadcrumbs; let i = index; let last = last\"\n            class=\"tcloud-ui-breadcrumb-item\"\n            [ngClass]=\"{ 'active': last }\"\n            [attr.aria-current]=\"last ? 'page' : null\">\n            <ng-container *ngIf=\"!last\">\n                <a (click)=\"navigate(breadcrumb.url, i)\">{{ breadcrumb.label }}</a>\n                <i class=\"fa-light fa-chevron-right\"></i>\n            </ng-container>\n            <ng-container *ngIf=\"last\">\n                {{ breadcrumb.label }}\n            </ng-container>\n        </li>\n    </ol>\n</nav>\n", styles: [":host{display:block}.tcloud-ui-breadcrumb-list{display:flex;list-style:none;padding:0;margin:0;margin-bottom:var(--size-24)}.tcloud-ui-breadcrumb-item{display:flex;align-items:center;color:var(--c-neutral-700);font-size:var(--f-size-14);font-family:var(--f-family)}.tcloud-ui-breadcrumb-item a{text-decoration:none;color:inherit;cursor:pointer}.tcloud-ui-breadcrumb-item a:hover{text-decoration:underline}.tcloud-ui-breadcrumb-item i{margin:0}.tcloud-ui-breadcrumb-item i.fa-chevron-right{margin:0 var(--size-12)}.tcloud-ui-breadcrumb-item.active{pointer-events:none}\n"] }]
         }], ctorParameters: () => [] });
 
+class TCloudUiAlertBannerComponent {
+    constructor() {
+        this.alertType = 'warning';
+        this.message = '';
+        this.linkText = '';
+        this.linkUrl = '';
+        this.linkClicked = new EventEmitter();
+    }
+    handleLinkClick() {
+        this.linkClicked.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TCloudUiAlertBannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: TCloudUiAlertBannerComponent, isStandalone: true, selector: "tcloud-ui-alert-banner", inputs: { alertType: "alertType", message: "message", linkText: "linkText", linkUrl: "linkUrl" }, outputs: { linkClicked: "linkClicked" }, ngImport: i0, template: "<div class=\"tcloud-ui-alert-banner\" [ngClass]=\"alertType\">\n  <div class=\"alert-icon\">\n    <div class=\"fa-light fa-circle-exclamation\"></div>\n  </div>\n  <div class=\"alert-content\">\n    <p>\n      {{ message }} \n      <a *ngIf=\"linkText\" (click)=\"handleLinkClick()\" class=\"alert-link\">{{ linkText }}</a>\n    </p>\n  </div>\n</div>\n", styles: [".tcloud-ui-alert-banner{display:flex;align-items:center;padding:16px;border-radius:8px;width:100%}.tcloud-ui-alert-banner.warning{background-color:var(--c-alert-300);border-left:50px solid var(--c-alert-500)}.tcloud-ui-alert-banner.danger{background-color:var(--c-danger-300);border-left:50px solid var(--c-danger-500)}.tcloud-ui-alert-banner.info{background-color:var(--c-info-300);border-left:50px solid var(--c-info-500)}.tcloud-ui-alert-banner.success{background-color:var(--c-success-300);border-left:50px solid var(--c-success-500)}.tcloud-ui-alert-banner .alert-icon{display:flex;align-items:center;justify-content:center;margin-right:16px}.tcloud-ui-alert-banner .alert-icon .fa-circle-exclamation{width:24px;height:24px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;font-size:18px;margin-left:-80px}.warning .fa-circle-exclamation{background-color:transparent;color:var(--c-alert-50)}.danger .fa-circle-exclamation{background-color:transparent;color:var(--c-neutral-50)}.info .fa-circle-exclamation{background-color:transparent;color:var(--c-info-50)}.success .fa-circle-exclamation{background-color:transparent;color:var(--c-success-50)}.alert-content{flex:1}.alert-content p{margin:0;font-size:16px;font-weight:400;line-height:1.5;color:#131313;font-family:var(--font-family)}.alert-content .alert-link{color:inherit;text-decoration:underline;font-weight:600;font-size:16px;color:#131313}.alert-content .alert-link:hover{text-decoration:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TCloudUiAlertBannerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tcloud-ui-alert-banner', standalone: true, imports: [CommonModule], template: "<div class=\"tcloud-ui-alert-banner\" [ngClass]=\"alertType\">\n  <div class=\"alert-icon\">\n    <div class=\"fa-light fa-circle-exclamation\"></div>\n  </div>\n  <div class=\"alert-content\">\n    <p>\n      {{ message }} \n      <a *ngIf=\"linkText\" (click)=\"handleLinkClick()\" class=\"alert-link\">{{ linkText }}</a>\n    </p>\n  </div>\n</div>\n", styles: [".tcloud-ui-alert-banner{display:flex;align-items:center;padding:16px;border-radius:8px;width:100%}.tcloud-ui-alert-banner.warning{background-color:var(--c-alert-300);border-left:50px solid var(--c-alert-500)}.tcloud-ui-alert-banner.danger{background-color:var(--c-danger-300);border-left:50px solid var(--c-danger-500)}.tcloud-ui-alert-banner.info{background-color:var(--c-info-300);border-left:50px solid var(--c-info-500)}.tcloud-ui-alert-banner.success{background-color:var(--c-success-300);border-left:50px solid var(--c-success-500)}.tcloud-ui-alert-banner .alert-icon{display:flex;align-items:center;justify-content:center;margin-right:16px}.tcloud-ui-alert-banner .alert-icon .fa-circle-exclamation{width:24px;height:24px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;font-size:18px;margin-left:-80px}.warning .fa-circle-exclamation{background-color:transparent;color:var(--c-alert-50)}.danger .fa-circle-exclamation{background-color:transparent;color:var(--c-neutral-50)}.info .fa-circle-exclamation{background-color:transparent;color:var(--c-info-50)}.success .fa-circle-exclamation{background-color:transparent;color:var(--c-success-50)}.alert-content{flex:1}.alert-content p{margin:0;font-size:16px;font-weight:400;line-height:1.5;color:#131313;font-family:var(--font-family)}.alert-content .alert-link{color:inherit;text-decoration:underline;font-weight:600;font-size:16px;color:#131313}.alert-content .alert-link:hover{text-decoration:none}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { alertType: [{
+                type: Input
+            }], message: [{
+                type: Input
+            }], linkText: [{
+                type: Input
+            }], linkUrl: [{
+                type: Input
+            }], linkClicked: [{
+                type: Output
+            }] } });
+
+class TCloudUiFilterBarComponent {
+    constructor() {
+        this.filterApply = new EventEmitter();
+        this.lock = 'todos';
+    }
+    apply() {
+        this.filterApply.emit({ lock: this.lock });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TCloudUiFilterBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: TCloudUiFilterBarComponent, isStandalone: true, selector: "tcloud-ui-filter-bar", outputs: { filterApply: "filterApply" }, ngImport: i0, template: "<div class=\"tcloud-ui-filter-bar\">\n  <button class=\"tc-rev-btn--sm tc-rev-btn--dark-outline\" (click)=\"apply()\">Filtrar</button>\n</div>\n", styles: [".tcloud-ui-filter-bar{display:flex;align-items:center;gap:8px}.selector{height:36px;border:1px solid var(--c-neutral-300);border-radius:18px;padding:0 12px}.apply-btn{height:36px;border-radius:18px;padding:0 16px;background:var(--c-primary-500);color:#fff;border:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TCloudUiFilterBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tcloud-ui-filter-bar', standalone: true, imports: [
+                        CommonModule,
+                        FormsModule
+                    ], template: "<div class=\"tcloud-ui-filter-bar\">\n  <button class=\"tc-rev-btn--sm tc-rev-btn--dark-outline\" (click)=\"apply()\">Filtrar</button>\n</div>\n", styles: [".tcloud-ui-filter-bar{display:flex;align-items:center;gap:8px}.selector{height:36px;border:1px solid var(--c-neutral-300);border-radius:18px;padding:0 12px}.apply-btn{height:36px;border-radius:18px;padding:0 16px;background:var(--c-primary-500);color:#fff;border:none}\n"] }]
+        }], propDecorators: { filterApply: [{
+                type: Output
+            }] } });
+
+class TCloudUiLegendComponent {
+    constructor() {
+        this.sucessLabel = input.required();
+        this.errorLabel = input.required();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TCloudUiLegendComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.19", type: TCloudUiLegendComponent, isStandalone: true, selector: "tcloud-ui-legend", inputs: { sucessLabel: { classPropertyName: "sucessLabel", publicName: "sucessLabel", isSignal: true, isRequired: true, transformFunction: null }, errorLabel: { classPropertyName: "errorLabel", publicName: "errorLabel", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"tcloud-ui-legend\" role=\"group\" aria-label=\"Legenda de status de lock\">\n  <span class=\"legend-title\">Legenda:</span>\n  <span class=\"legend-item\">\n    <span class=\"status-dot status-ok\" aria-hidden=\"true\"></span>\n    <span class=\"legend-text\">{{ sucessLabel() }}</span>\n  </span>\n  <span class=\"legend-item\">\n    <span class=\"status-dot status-danger\" aria-hidden=\"true\"></span>\n    <span class=\"legend-text\">{{ errorLabel() }}</span>\n  </span>\n</div>\n", styles: [":host{display:block;width:100%}.tcloud-ui-legend{display:flex;gap:.75rem;align-items:center;color:var(--c-neutral-700);justify-content:flex-end}.legend-title{font-weight:500}.legend-item{display:inline-flex;align-items:center;gap:.375rem}.status-dot{width:.5rem;height:.5rem;border-radius:50%;display:inline-block}.status-ok{background-color:var(--c-success-500)}.status-danger{background-color:var(--c-danger-500)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TCloudUiLegendComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tcloud-ui-legend', imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<div class=\"tcloud-ui-legend\" role=\"group\" aria-label=\"Legenda de status de lock\">\n  <span class=\"legend-title\">Legenda:</span>\n  <span class=\"legend-item\">\n    <span class=\"status-dot status-ok\" aria-hidden=\"true\"></span>\n    <span class=\"legend-text\">{{ sucessLabel() }}</span>\n  </span>\n  <span class=\"legend-item\">\n    <span class=\"status-dot status-danger\" aria-hidden=\"true\"></span>\n    <span class=\"legend-text\">{{ errorLabel() }}</span>\n  </span>\n</div>\n", styles: [":host{display:block;width:100%}.tcloud-ui-legend{display:flex;gap:.75rem;align-items:center;color:var(--c-neutral-700);justify-content:flex-end}.legend-title{font-weight:500}.legend-item{display:inline-flex;align-items:center;gap:.375rem}.status-dot{width:.5rem;height:.5rem;border-radius:50%;display:inline-block}.status-ok{background-color:var(--c-success-500)}.status-danger{background-color:var(--c-danger-500)}\n"] }]
+        }] });
+
+class TCloudUiSearchBarComponent {
+    constructor() {
+        this.searchChange = new EventEmitter();
+    }
+    onInput(event) {
+        const value = event.target.value;
+        this.searchChange.emit(value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TCloudUiSearchBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: TCloudUiSearchBarComponent, isStandalone: true, selector: "tcloud-ui-search-bar", outputs: { searchChange: "searchChange" }, ngImport: i0, template: "<div class=\"tcloud-ui-search-bar\">\n  <input class=\"tcloud-ui-search-input\" type=\"text\" placeholder=\"Busque por usu\u00E1rio, inst\u00E2ncia, rotina...\" (input)=\"onInput($event)\" />\n</div>\n", styles: [".tcloud-ui-search-bar{display:flex;align-items:center;gap:8px}.tcloud-ui-search-input{flex:1;height:36px;border:1px solid var(--c-neutral-300);border-radius:18px;padding:0 12px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TCloudUiSearchBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tcloud-ui-search-bar', standalone: true, imports: [CommonModule], template: "<div class=\"tcloud-ui-search-bar\">\n  <input class=\"tcloud-ui-search-input\" type=\"text\" placeholder=\"Busque por usu\u00E1rio, inst\u00E2ncia, rotina...\" (input)=\"onInput($event)\" />\n</div>\n", styles: [".tcloud-ui-search-bar{display:flex;align-items:center;gap:8px}.tcloud-ui-search-input{flex:1;height:36px;border:1px solid var(--c-neutral-300);border-radius:18px;padding:0 12px}\n"] }]
+        }], propDecorators: { searchChange: [{
+                type: Output
+            }] } });
+
+var AcceptedFileType;
+(function (AcceptedFileType) {
+    // Imagens
+    AcceptedFileType["JPEG"] = "image/jpeg";
+    AcceptedFileType["JPG"] = "image/jpg";
+    AcceptedFileType["PNG"] = "image/png";
+    AcceptedFileType["GIF"] = "image/gif";
+    AcceptedFileType["WEBP"] = "image/webp";
+    AcceptedFileType["SVG"] = "image/svg+xml";
+    AcceptedFileType["BMP"] = "image/bmp";
+    AcceptedFileType["ICO"] = "image/x-icon";
+    // Vídeos
+    AcceptedFileType["MP4"] = "video/mp4";
+    AcceptedFileType["WEBM"] = "video/webm";
+    AcceptedFileType["OGG"] = "video/ogg";
+    AcceptedFileType["AVI"] = "video/x-msvideo";
+    AcceptedFileType["MOV"] = "video/quicktime";
+    AcceptedFileType["WMV"] = "video/x-ms-wmv";
+    AcceptedFileType["FLV"] = "video/x-flv";
+    AcceptedFileType["MKV"] = "video/x-matroska";
+})(AcceptedFileType || (AcceptedFileType = {}));
+class TCloudUiUploadAreaComponent {
+    constructor() {
+        this.isHovering = false;
+        this.draggedIndex = null;
+        // Array de objetos com informações das imagens
+        this.images = [];
+        // Controle de imagens com erro de carregamento
+        this.imageErrors = new Set();
+        this.imageChecked = new Set();
+        // Evento centralizado que emite sempre que houver mudança
+        this.onChange = new EventEmitter();
+        // Eventos específicos (mantidos para compatibilidade)
+        this.filesSelected = new EventEmitter();
+        this.imagesReordered = new EventEmitter();
+        this.imagesRemoved = new EventEmitter();
+        // Evento para notificar erros/avisos
+        this.onError = new EventEmitter();
+        this.messageOnError = '';
+        // Evento para notificar progresso de upload
+        this.onProgress = new EventEmitter();
+        // Exibe barra de progresso durante carregamento
+        this.showProgress = false;
+        // Progresso atual (0-100)
+        this.currentProgress = 0;
+        this.isLoading = false;
+        this.previews = [];
+    }
+    // Imagens pré-carregadas (para modo de edição/visualização)
+    set preloadedImages(images) {
+        if (!images || images.length === 0)
+            return;
+        this.loadPreloadedImages(images);
+    }
+    onDragOver(event) {
+        event.preventDefault();
+        this.isHovering = true;
+    }
+    onDragLeave(event) {
+        event.preventDefault();
+        this.isHovering = false;
+    }
+    onDrop(event) {
+        event.preventDefault();
+        this.isHovering = false;
+        if (!event.dataTransfer)
+            return;
+        const allFiles = Array.from(event.dataTransfer.files);
+        const validFiles = allFiles.filter(f => this.isFileTypeAccepted(f));
+        const rejectedFiles = allFiles.length - validFiles.length;
+        if (rejectedFiles > 0) {
+            this.setOnError(`${rejectedFiles} arquivo(s) rejeitado(s): tipo não permitido`);
+        }
+        if (validFiles.length > 0) {
+            this.toFilesSelected(validFiles);
+        }
+    }
+    onFilesSelected(event) {
+        this.messageOnError = '';
+        const input = event.target;
+        if (!input.files)
+            return;
+        const allFiles = Array.from(input.files);
+        const validFiles = allFiles.filter(f => this.isFileTypeAccepted(f));
+        const rejectedFiles = allFiles.length - validFiles.length;
+        if (rejectedFiles > 0) {
+            this.setOnError(`${rejectedFiles} arquivo(s) rejeitado(s): tipo não permitido`);
+        }
+        if (validFiles.length > 0) {
+            this.toFilesSelected(validFiles);
+        }
+        // Limpa o input para permitir selecionar o mesmo arquivo novamente
+        input.value = '';
+    }
+    toFilesSelected(files) {
+        this.filesSelected.emit(files);
+        this.onImagesSelected(files);
+    }
+    generateNameFile(fileName) {
+        // Extrai a extensão do arquivo
+        const lastDotIndex = fileName.lastIndexOf('.');
+        const extension = lastDotIndex !== -1 ? fileName.substring(lastDotIndex) : '';
+        // Gera um nome aleatório (16 caracteres)
+        const randomName = Math.random().toString(36).substring(2, 15) +
+            Math.random().toString(36).substring(2, 15);
+        // Retorna o nome aleatório + extensão, tudo em minúsculo
+        return (randomName + extension).toLowerCase();
+    }
+    onImagesSelected(files) {
+        // Não limpa o array, apenas adiciona novas imagens ao final
+        // Verifica se há limite máximo e quantos arquivos ainda podem ser adicionados
+        let filesToAdd = files;
+        if (this.maxFiles !== undefined) {
+            const remainingSlots = this.maxFiles - this.images.length;
+            if (remainingSlots <= 0) {
+                this.setOnError(`Limite máximo de ${this.maxFiles} arquivo(s) atingido`);
+                return;
+            }
+            filesToAdd = files.slice(0, remainingSlots);
+            if (files.length > remainingSlots) {
+                this.setOnError(`Apenas ${remainingSlots} de ${files.length} arquivo(s) foram adicionados. Limite máximo: ${this.maxFiles}`);
+            }
+        }
+        // Inicia progresso se habilitado
+        if (this.showProgress) {
+            this.isLoading = true;
+            this.currentProgress = 0;
+        }
+        const totalFiles = filesToAdd.length;
+        let processedFiles = 0;
+        filesToAdd.forEach((file, index) => {
+            const reader = new FileReader();
+            reader.onprogress = (event) => {
+                if (this.showProgress && event.lengthComputable) {
+                    const fileProgress = (event.loaded / event.total) * 100;
+                    const overallProgress = ((processedFiles + (fileProgress / 100)) / totalFiles) * 100;
+                    this.currentProgress = Math.round(overallProgress);
+                    this.onProgress.emit(this.currentProgress);
+                }
+            };
+            reader.onload = () => {
+                const preview = reader.result;
+                // Valida dimensões se configurado
+                if (this.imageDimensions) {
+                    this.validateImageDimensions(preview, file.name).then(isValid => {
+                        if (isValid) {
+                            this.addImageToList(file, preview);
+                        }
+                        processedFiles++;
+                        this.updateProgress(processedFiles, totalFiles);
+                    });
+                }
+                else {
+                    this.addImageToList(file, preview);
+                    processedFiles++;
+                    this.updateProgress(processedFiles, totalFiles);
+                }
+            };
+            reader.onerror = () => {
+                processedFiles++;
+                this.updateProgress(processedFiles, totalFiles);
+            };
+            reader.readAsDataURL(file);
+        });
+    }
+    // Atualiza e finaliza progresso
+    updateProgress(processed, total) {
+        if (this.showProgress) {
+            this.currentProgress = Math.round((processed / total) * 100);
+            this.onProgress.emit(this.currentProgress);
+            if (processed === total) {
+                setTimeout(() => {
+                    this.isLoading = false;
+                    this.currentProgress = 0;
+                }, 500);
+            }
+        }
+    }
+    // Adiciona imagem à lista
+    addImageToList(file, preview) {
+        this.previews.push(preview);
+        // Adiciona ao array de objetos com order baseado no tamanho atual
+        this.images.push({
+            name: file.name,
+            new_name: this.generateNameFile(file.name),
+            order: this.images.length + 1,
+            preview: preview,
+            file: file
+        });
+        // Emite o evento centralizado
+        this.emitChanges();
+    }
+    // Métodos para reordenação de imagens
+    onDragStart(event, index) {
+        this.draggedIndex = index;
+        if (event.dataTransfer) {
+            event.dataTransfer.effectAllowed = 'move';
+            event.dataTransfer.setData('text/html', index.toString());
+        }
+    }
+    onDragOverImage(event) {
+        event.preventDefault();
+        if (event.dataTransfer) {
+            event.dataTransfer.dropEffect = 'move';
+        }
+    }
+    onDropImage(event, dropIndex) {
+        event.preventDefault();
+        event.stopPropagation();
+        if (this.draggedIndex === null || this.draggedIndex === dropIndex) {
+            return;
+        }
+        // Reordena o array de previews
+        const draggedItem = this.previews[this.draggedIndex];
+        const newPreviews = [...this.previews];
+        // Remove da posição original
+        newPreviews.splice(this.draggedIndex, 1);
+        // Insere na nova posição
+        newPreviews.splice(dropIndex, 0, draggedItem);
+        this.previews = newPreviews;
+        // Reordena o array de objetos images
+        const draggedImage = this.images[this.draggedIndex];
+        const newImages = [...this.images];
+        newImages.splice(this.draggedIndex, 1);
+        newImages.splice(dropIndex, 0, draggedImage);
+        // Atualiza os números de order
+        this.images = newImages.map((img, index) => ({
+            ...img,
+            order: index + 1
+        }));
+        this.draggedIndex = null;
+        // Emite o evento específico (compatibilidade)
+        this.imagesReordered.emit(this.previews);
+        // Emite o evento centralizado
+        this.emitChanges();
+    }
+    onDragEnd() {
+        this.draggedIndex = null;
+    }
+    removeImage(event, index) {
+        this.messageOnError = '';
+        event.stopPropagation();
+        // Remove do array de previews
+        this.previews.splice(index, 1);
+        // Remove do array de objetos
+        this.images.splice(index, 1);
+        // Atualiza os números de order
+        this.images = this.images.map((img, idx) => ({
+            ...img,
+            order: idx + 1
+        }));
+        // Emite o evento específico (compatibilidade)
+        this.imagesRemoved.emit(this.previews);
+        // Emite o evento centralizado
+        this.emitChanges();
+    }
+    // Método centralizado para emitir mudanças
+    emitChanges() {
+        this.onChange.emit([...this.images]);
+    }
+    // Método para validar se o tipo de arquivo é aceito
+    isFileTypeAccepted(file) {
+        // Se não houver restrição de tipos, aceita todos
+        if (!this.acceptedFileTypes || this.acceptedFileTypes.length === 0) {
+            return true;
+        }
+        // Verifica se o tipo do arquivo está na lista de aceitos
+        return this.acceptedFileTypes.includes(file.type);
+    }
+    // Método para carregar imagens pré-existentes
+    async loadPreloadedImages(images) {
+        // Limpa arrays existentes
+        this.images = [];
+        this.previews = [];
+        for (let i = 0; i < images.length; i++) {
+            const img = images[i];
+            const url = typeof img === 'string' ? img : img?.url;
+            const name = typeof img === 'string' ? this.extractFilenameFromUrl(url) : (img?.key || this.extractFilenameFromUrl(url));
+            const order = typeof img === 'string' ? i + 1 : (img?.order || i + 1);
+            try {
+                // Busca a imagem e converte para File
+                const file = await this.urlToFile(url, name);
+                // Adiciona ao preview
+                this.previews.push(url);
+                // Adiciona ao array de images
+                this.images.push({
+                    name: name,
+                    new_name: this.generateNameFile(name),
+                    order: order,
+                    preview: url,
+                    file: file
+                });
+            }
+            catch (error) {
+                //console.warn(`Erro ao carregar imagem pré-carregada: ${url}`, error);
+            }
+        }
+        // Emite as mudanças
+        if (this.images.length > 0) {
+            this.emitChanges();
+        }
+    }
+    // Converte URL para File
+    async urlToFile(url, filename) {
+        const response = await fetch(url);
+        const blob = await response.blob();
+        return new File([blob], filename, { type: blob.type });
+    }
+    // Extrai nome do arquivo da URL
+    extractFilenameFromUrl(url) {
+        const urlParts = url.split('/');
+        const filenameWithParams = urlParts[urlParts.length - 1];
+        const filename = filenameWithParams.split('?')[0];
+        return filename || 'image.jpg';
+    }
+    setOnError(err) {
+        this.onError.emit(err);
+        this.messageOnError = err;
+    }
+    // Trata erro de carregamento de imagem
+    onImageError(index, event) {
+        // Marca que a imagem foi verificada e tem erro
+        if (!this.imageChecked.has(index)) {
+            this.imageChecked.add(index);
+            this.imageErrors.add(index);
+            this.setOnError(`Erro ao carregar imagem: acesso negado ou URL inválida`);
+        }
+        // Previne propagação do erro
+        event.stopPropagation();
+    }
+    // Marca imagem como carregada com sucesso
+    onImageLoad(index) {
+        this.imageChecked.add(index);
+        this.imageErrors.delete(index);
+    }
+    // Verifica se imagem tem erro
+    hasImageError(index) {
+        return this.imageErrors.has(index);
+    }
+    // Valida dimensões da imagem
+    validateImageDimensions(imageSrc, fileName) {
+        return new Promise((resolve) => {
+            const img = new Image();
+            img.onload = () => {
+                const width = img.width;
+                const height = img.height;
+                const dims = this.imageDimensions;
+                let isValid = false;
+                if (dims.strict) {
+                    // Validação exata
+                    isValid = width === dims.width && height === dims.height;
+                    if (!isValid) {
+                        this.setOnError(`Imagem "${fileName}" rejeitada: dimensões devem ser exatamente ${dims.width}x${dims.height}px (recebido: ${width}x${height}px)`);
+                    }
+                }
+                else {
+                    // Validação de máximo
+                    isValid = width <= dims.width && height <= dims.height;
+                    if (!isValid) {
+                        this.setOnError(`Imagem "${fileName}" rejeitada: dimensões máximas ${dims.width}x${dims.height}px (recebido: ${width}x${height}px)`);
+                    }
+                }
+                resolve(isValid);
+            };
+            img.onerror = () => {
+                this.setOnError(`Erro ao validar dimensões da imagem "${fileName}"`);
+                resolve(false);
+            };
+            img.src = imageSrc;
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TCloudUiUploadAreaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: TCloudUiUploadAreaComponent, isStandalone: true, selector: "tcloud-ui-upload-area", inputs: { maxFiles: "maxFiles", acceptedFileTypes: "acceptedFileTypes", imageDimensions: "imageDimensions", showProgress: "showProgress", preloadedImages: "preloadedImages" }, outputs: { onChange: "onChange", filesSelected: "filesSelected", imagesReordered: "imagesReordered", imagesRemoved: "imagesRemoved", onError: "onError", onProgress: "onProgress" }, ngImport: i0, template: "<div\n  class=\"dropzone\"\n  (dragover)=\"onDragOver($event)\"\n  (dragleave)=\"onDragLeave($event)\"\n  (drop)=\"onDrop($event)\"\n  [class.hover]=\"isHovering\"\n  (click)=\"fileInput.click()\"\n>\n  <p>Arraste e solte imagens aqui<br>ou clique para selecionar</p>\n</div>\n\n<div *ngIf=\"showProgress && isLoading\" class=\"progress-container\">\n  <div class=\"progress-bar\">\n    <div class=\"progress-fill\" [style.width.%]=\"currentProgress\"></div>\n  </div>\n  <div class=\"progress-text\">{{ currentProgress }}%</div>\n</div>\n\n<div *ngIf=\"messageOnError !== ''\">{{ messageOnError }}</div>\n\n<input\n  #fileInput\n  type=\"file\"\n  accept=\"image/*\"\n  multiple\n  hidden\n  (change)=\"onFilesSelected($event)\"\n>\n\n<div class=\"mt-3 mb-2\">\n  <div class=\"previews\" (click)=\"$event.stopPropagation()\">\n    <div class=\"row\">\n      <ng-container *ngFor=\"let img of previews; let i = index\">\n        <div \n          class=\"col-3 image-preview-container\"\n          draggable=\"true\"\n          (dragstart)=\"onDragStart($event, i)\"\n          (dragover)=\"onDragOverImage($event)\"\n          (drop)=\"onDropImage($event, i)\"\n          (dragend)=\"onDragEnd()\"\n          (click)=\"$event.stopPropagation()\"\n          [class.dragging]=\"draggedIndex === i\"\n          [class.image-error]=\"hasImageError(i)\"\n        >\n          <button \n            class=\"btn-remove\" \n            (click)=\"removeImage($event, i)\"\n            title=\"Remover imagem\"\n          >\n            \u00D7\n          </button>\n          <img \n            *ngIf=\"!hasImageError(i)\" \n            [src]=\"img\" \n            width=\"150\" \n            class=\"preview-image\"\n            (error)=\"onImageError(i, $event)\"\n            (load)=\"onImageLoad(i)\"\n          >\n          <div \n            *ngIf=\"hasImageError(i)\" \n            class=\"image-error-placeholder\"\n          >\n            <span>\u26A0\uFE0F</span>\n            <p>Erro ao carregar</p>\n          </div>\n        </div>\n      </ng-container>\n    </div>    \n  </div>\n</div>\n", styles: [".dropzone{border:2px dashed #777;border-radius:10px;padding:40px;text-align:center;cursor:pointer;transition:.3s ease;color:#555;-webkit-user-select:none;user-select:none}.dropzone.hover{border-color:#1e88e5;background:#e3f2fd;color:#1565c0}.progress-container{margin:20px 0;padding:10px;background-color:#f5f5f5;border-radius:8px}.progress-bar{position:relative;width:100%;height:30px;background-color:#e0e0e0;border-radius:15px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.progress-fill{height:100%;background:linear-gradient(90deg,#1e88e5,#42a5f5);border-radius:15px;transition:width .3s ease;display:flex;align-items:center;justify-content:center;min-width:30px;position:relative}.progress-fill:after{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:600;font-size:14px;color:#333;text-shadow:0 1px 2px rgba(255,255,255,.8);z-index:1}.image-preview-container{position:relative;cursor:move;transition:all .2s ease;padding:10px;border:2px solid transparent;border-radius:8px}.image-preview-container:hover{border-color:#1e88e5;background-color:#f5f5f5}.image-preview-container:hover .btn-remove{opacity:1}.image-preview-container.dragging{opacity:.5;border-color:#1e88e5}.image-preview-container.image-error{border-color:#f44336;background-color:#ffebee}.image-preview-container.image-error:hover{border-color:#d32f2f}.btn-remove{position:absolute;top:15px;right:15px;width:28px;height:28px;border-radius:50%;border:none;background-color:#f44336e6;color:#fff;font-size:20px;font-weight:700;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease;z-index:10;padding:0}.btn-remove:hover{background-color:#d32f2f;transform:scale(1.1)}.btn-remove:active{transform:scale(.95)}.preview-image{width:100%;height:auto;border-radius:4px;pointer-events:none}.image-error-placeholder{width:150px;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#ffcdd2;border-radius:4px;color:#c62828;text-align:center}.image-error-placeholder span{font-size:40px;margin-bottom:8px}.image-error-placeholder p{margin:0;font-size:12px;font-weight:500}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TCloudUiUploadAreaComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tcloud-ui-upload-area', imports: [
+                        CommonModule
+                    ], template: "<div\n  class=\"dropzone\"\n  (dragover)=\"onDragOver($event)\"\n  (dragleave)=\"onDragLeave($event)\"\n  (drop)=\"onDrop($event)\"\n  [class.hover]=\"isHovering\"\n  (click)=\"fileInput.click()\"\n>\n  <p>Arraste e solte imagens aqui<br>ou clique para selecionar</p>\n</div>\n\n<div *ngIf=\"showProgress && isLoading\" class=\"progress-container\">\n  <div class=\"progress-bar\">\n    <div class=\"progress-fill\" [style.width.%]=\"currentProgress\"></div>\n  </div>\n  <div class=\"progress-text\">{{ currentProgress }}%</div>\n</div>\n\n<div *ngIf=\"messageOnError !== ''\">{{ messageOnError }}</div>\n\n<input\n  #fileInput\n  type=\"file\"\n  accept=\"image/*\"\n  multiple\n  hidden\n  (change)=\"onFilesSelected($event)\"\n>\n\n<div class=\"mt-3 mb-2\">\n  <div class=\"previews\" (click)=\"$event.stopPropagation()\">\n    <div class=\"row\">\n      <ng-container *ngFor=\"let img of previews; let i = index\">\n        <div \n          class=\"col-3 image-preview-container\"\n          draggable=\"true\"\n          (dragstart)=\"onDragStart($event, i)\"\n          (dragover)=\"onDragOverImage($event)\"\n          (drop)=\"onDropImage($event, i)\"\n          (dragend)=\"onDragEnd()\"\n          (click)=\"$event.stopPropagation()\"\n          [class.dragging]=\"draggedIndex === i\"\n          [class.image-error]=\"hasImageError(i)\"\n        >\n          <button \n            class=\"btn-remove\" \n            (click)=\"removeImage($event, i)\"\n            title=\"Remover imagem\"\n          >\n            \u00D7\n          </button>\n          <img \n            *ngIf=\"!hasImageError(i)\" \n            [src]=\"img\" \n            width=\"150\" \n            class=\"preview-image\"\n            (error)=\"onImageError(i, $event)\"\n            (load)=\"onImageLoad(i)\"\n          >\n          <div \n            *ngIf=\"hasImageError(i)\" \n            class=\"image-error-placeholder\"\n          >\n            <span>\u26A0\uFE0F</span>\n            <p>Erro ao carregar</p>\n          </div>\n        </div>\n      </ng-container>\n    </div>    \n  </div>\n</div>\n", styles: [".dropzone{border:2px dashed #777;border-radius:10px;padding:40px;text-align:center;cursor:pointer;transition:.3s ease;color:#555;-webkit-user-select:none;user-select:none}.dropzone.hover{border-color:#1e88e5;background:#e3f2fd;color:#1565c0}.progress-container{margin:20px 0;padding:10px;background-color:#f5f5f5;border-radius:8px}.progress-bar{position:relative;width:100%;height:30px;background-color:#e0e0e0;border-radius:15px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.progress-fill{height:100%;background:linear-gradient(90deg,#1e88e5,#42a5f5);border-radius:15px;transition:width .3s ease;display:flex;align-items:center;justify-content:center;min-width:30px;position:relative}.progress-fill:after{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:600;font-size:14px;color:#333;text-shadow:0 1px 2px rgba(255,255,255,.8);z-index:1}.image-preview-container{position:relative;cursor:move;transition:all .2s ease;padding:10px;border:2px solid transparent;border-radius:8px}.image-preview-container:hover{border-color:#1e88e5;background-color:#f5f5f5}.image-preview-container:hover .btn-remove{opacity:1}.image-preview-container.dragging{opacity:.5;border-color:#1e88e5}.image-preview-container.image-error{border-color:#f44336;background-color:#ffebee}.image-preview-container.image-error:hover{border-color:#d32f2f}.btn-remove{position:absolute;top:15px;right:15px;width:28px;height:28px;border-radius:50%;border:none;background-color:#f44336e6;color:#fff;font-size:20px;font-weight:700;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease;z-index:10;padding:0}.btn-remove:hover{background-color:#d32f2f;transform:scale(1.1)}.btn-remove:active{transform:scale(.95)}.preview-image{width:100%;height:auto;border-radius:4px;pointer-events:none}.image-error-placeholder{width:150px;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#ffcdd2;border-radius:4px;color:#c62828;text-align:center}.image-error-placeholder span{font-size:40px;margin-bottom:8px}.image-error-placeholder p{margin:0;font-size:12px;font-weight:500}\n"] }]
+        }], propDecorators: { onChange: [{
+                type: Output
+            }], filesSelected: [{
+                type: Output
+            }], imagesReordered: [{
+                type: Output
+            }], imagesRemoved: [{
+                type: Output
+            }], onError: [{
+                type: Output
+            }], onProgress: [{
+                type: Output
+            }], maxFiles: [{
+                type: Input
+            }], acceptedFileTypes: [{
+                type: Input
+            }], imageDimensions: [{
+                type: Input
+            }], showProgress: [{
+                type: Input
+            }], preloadedImages: [{
+                type: Input
+            }] } });
+
 class TCloudUiAlignDirective {
     set TCalign(direction) {
         if (direction) {
@@ -6489,6 +7163,55 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
                 }]
         }] });
 
+class TCloudUiRadioDirective {
+    constructor() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TCloudUiRadioDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.19", type: TCloudUiRadioDirective, isStandalone: true, selector: "input[type=\"radio\"][tcloudUiRadio]", host: { classAttribute: "tcloud-ui-radio" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TCloudUiRadioDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[type="radio"][tcloudUiRadio]',
+                    host: {
+                        class: 'tcloud-ui-radio'
+                    }
+                }]
+        }], ctorParameters: () => [] });
+
+class TCloudUiIconButtonDirective {
+    constructor(_el) {
+        this._el = _el;
+        this.color = input('primary');
+        this.size = input('sm');
+        this.tcloudUiIconButton = input('filled');
+        effect(() => {
+            this.setClasses();
+        });
+    }
+    setClasses() {
+        const tokenList = this._el.nativeElement.classList;
+        tokenList.remove(...Array.from(tokenList).filter((c) => c.startsWith('tcloud-ui-btn--')));
+        let tcloudUiIconButton = this.tcloudUiIconButton();
+        if (!tcloudUiIconButton) {
+            tcloudUiIconButton = 'filled';
+        }
+        this._el.nativeElement.classList.add(`tc-rev-btn--${this.size()}`);
+        this._el.nativeElement.classList.add(`tc-rev-btn--${this.size()}-icon`);
+        this._el.nativeElement.classList.add(`tc-rev-btn--${this.color()}-${tcloudUiIconButton}`);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TCloudUiIconButtonDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.19", type: TCloudUiIconButtonDirective, isStandalone: true, selector: "button[tcloudUiIconButton]", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, tcloudUiIconButton: { classPropertyName: "tcloudUiIconButton", publicName: "tcloudUiIconButton", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "tcloud-ui-btn tcloud-ui-btn-icon" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TCloudUiIconButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[tcloudUiIconButton]',
+                    host: {
+                        class: 'tcloud-ui-btn tcloud-ui-btn-icon'
+                    }
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }] });
+
 [];
 class TCloudUiPaginationService {
     constructor() {
@@ -7664,52 +8387,70 @@ class TCloudUiSubNavbarItemComponent {
         this.onClick.emit(_ev);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TCloudUiSubNavbarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: TCloudUiSubNavbarItemComponent, isStandalone: true, selector: "tcloud-ui-sub-navbar-item", inputs: { isMenuExpanded: { classPropertyName: "isMenuExpanded", publicName: "isMenuExpanded", isSignal: false, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, routerLink: { classPropertyName: "routerLink", publicName: "routerLink", isSignal: true, isRequired: false, transformFunction: null }, queryParams: { classPropertyName: "queryParams", publicName: "queryParams", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<li\n    class=\"tc-sub-navbar-item\"\n    [class.tc-rev-submenu-expanded]=\"isMenuExpanded\">\n        <a\n            class=\"tc-sub-navbar-item-link\"\n            [class.selected]=\"active()\"\n            [routerLink]=\"routerLink()\"\n            routerLinkActive=\"active\"\n            [queryParams]=\"queryParams()\"\n            [routerLinkActiveOptions]=\"{ exact: true }\"\n            [title]=\"label()\"\n            (click)=\"handleClick($event)\">\n\n            <div class=\"navbar-item-icon-container\">\n              <ng-content select=\"[icon]\"></ng-content>\n            </div>\n\n            @if (isMenuExpanded)\n            {\n                <div class=\"navbar-item-label\">\n                    {{label()}}\n                </div>\n            }\n        </a>\n</li>\n", styles: [":host{display:block}.tc-sub-navbar-item{list-style:none;margin:0;padding:0}.tc-sub-navbar-item .tc-sub-navbar-item-link{align-items:center;border-radius:var(--bor-radius-4);color:var(--c-neutral-700);cursor:pointer;font-family:var(--f-family);display:flex;transition:all .2s ease;text-decoration:none}.tc-sub-navbar-item .tc-sub-navbar-item-link .navbar-item-icon-container{text-align:center;align-content:center;background-color:var(--c-neutral-50);border-radius:var(--bor-radius-4);font-size:var(--f-size-20);height:var(--size-36);width:var(--size-36);transition:all .2s ease;min-height:var(--size-36);min-width:var(--size-36);max-height:var(--size-36);max-width:var(--size-36)}.tc-sub-navbar-item .tc-sub-navbar-item-link .navbar-item-icon-container:hover,.tc-sub-navbar-item .tc-sub-navbar-item-link .navbar-item-icon-container:focus{background-color:var(--c-neutral-200);color:var(--c-primary-500)}.tc-sub-navbar-item .tc-sub-navbar-item-link .navbar-item-label{align-content:center;color:var(--c-neutral-700);font-size:var(--f-size-14);height:var(--size-36);padding-left:var(--size-8);transition:all .2s ease;min-height:var(--size-36);max-height:var(--size-36)}.tc-sub-navbar-item .tc-sub-navbar-item-link:hover,.tc-sub-navbar-item .tc-sub-navbar-item-link:focus{color:var(--c-primary-500)}.tc-sub-navbar-item .tc-sub-navbar-item-link.active .navbar-item-icon-container,.tc-sub-navbar-item .tc-sub-navbar-item-link.selected .navbar-item-icon-container,.tc-sub-navbar-item .tc-sub-navbar-item-link:active .navbar-item-icon-container{background-color:var(--c-primary-300);color:var(--c-primary-500)}.tc-sub-navbar-item.tc-rev-submenu-expanded .tc-sub-navbar-item-link .navbar-item-icon-container{background-color:var(--c-neutral-200)}.tc-sub-navbar-item.tc-rev-submenu-expanded .tc-sub-navbar-item-link:hover .navbar-item-label,.tc-sub-navbar-item.tc-rev-submenu-expanded .tc-sub-navbar-item-link:focus .navbar-item-label{color:var(--c-primary-500)}.tc-sub-navbar-item.tc-rev-submenu-expanded .tc-sub-navbar-item-link.active,.tc-sub-navbar-item.tc-rev-submenu-expanded .tc-sub-navbar-item-link.selected,.tc-sub-navbar-item.tc-rev-submenu-expanded .tc-sub-navbar-item-link.active .navbar-item-icon-container,.tc-sub-navbar-item.tc-rev-submenu-expanded .tc-sub-navbar-item-link.selected .navbar-item-icon-container{background-color:var(--c-primary-300)}.tc-sub-navbar-item.tc-rev-submenu-expanded .tc-sub-navbar-item-link.active .navbar-item-label,.tc-sub-navbar-item.tc-rev-submenu-expanded .tc-sub-navbar-item-link.selected .navbar-item-label{color:var(--c-primary-500);font-weight:var(--f-weight-700)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.19", type: TCloudUiSubNavbarItemComponent, isStandalone: true, selector: "tcloud-ui-sub-navbar-item", inputs: { isMenuExpanded: { classPropertyName: "isMenuExpanded", publicName: "isMenuExpanded", isSignal: false, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, routerLink: { classPropertyName: "routerLink", publicName: "routerLink", isSignal: true, isRequired: false, transformFunction: null }, queryParams: { classPropertyName: "queryParams", publicName: "queryParams", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<li class=\"tcloud-ui-navbar-item\" [class.tcloud-ui-submenu-expanded]=\"isMenuExpanded\">\n    <a\n        class=\"tcloud-ui-navbar-item-link\"\n        [class.selected]=\"active()\"\n        [routerLink]=\"routerLink()\"\n        routerLinkActive=\"active\"\n        [queryParams]=\"queryParams()\"\n        [routerLinkActiveOptions]=\"{ exact: true }\"\n        [title]=\"label()\"\n        (click)=\"handleClick($event)\">\n\n        <div class=\"navbar-item-icon-container\">\n            <ng-content select=\"[icon]\"></ng-content>\n        </div>\n\n       \n        <div class=\"navbar-item-label\">\n            {{label()}}\n        </div>\n        \n    </a>\n</li>\n", styles: [":host{display:block}.tcloud-ui-navbar-item{list-style:none;margin:0;padding:0}.tcloud-ui-navbar-item .tcloud-ui-navbar-item-link{align-items:center;border-radius:var(--bor-radius-4);color:var(--c-neutral-700);cursor:pointer;font-family:var(--f-family);display:flex;transition:all .2s ease;text-decoration:none}.tcloud-ui-navbar-item .tcloud-ui-navbar-item-link .navbar-item-icon-container{text-align:center;align-content:center;background-color:var(--c-neutral-50);border-radius:var(--bor-radius-4);font-size:var(--f-size-20);height:var(--size-36);width:var(--size-36);transition:all .2s ease;min-height:var(--size-36);min-width:var(--size-36);max-height:var(--size-36);max-width:var(--size-36)}.tcloud-ui-navbar-item .tcloud-ui-navbar-item-link .navbar-item-icon-container:hover,.tcloud-ui-navbar-item .tcloud-ui-navbar-item-link .navbar-item-icon-container:focus{background-color:var(--c-neutral-200);color:var(--c-primary-500)}.tcloud-ui-navbar-item .tcloud-ui-navbar-item-link .navbar-item-label{align-content:center;color:var(--c-neutral-700);font-size:var(--f-size-14);height:var(--size-36);padding-left:var(--size-8);transition:all .2s ease;min-height:var(--size-36);max-height:var(--size-36)}.tcloud-ui-navbar-item .tcloud-ui-navbar-item-link:hover,.tcloud-ui-navbar-item .tcloud-ui-navbar-item-link:focus{color:var(--c-primary-500)}.tcloud-ui-navbar-item .tcloud-ui-navbar-item-link.active .navbar-item-icon-container,.tcloud-ui-navbar-item .tcloud-ui-navbar-item-link.selected .navbar-item-icon-container,.tcloud-ui-navbar-item .tcloud-ui-navbar-item-link:active .navbar-item-icon-container{background-color:var(--c-primary-300);color:var(--c-primary-500)}.tcloud-ui-navbar-item.tc-rev-submenu-expanded .tcloud-ui-navbar-item-link .navbar-item-icon-container{background-color:var(--c-neutral-200)}.tcloud-ui-navbar-item.tc-rev-submenu-expanded .tcloud-ui-navbar-item-link:hover .navbar-item-label,.tcloud-ui-navbar-item.tc-rev-submenu-expanded .tcloud-ui-navbar-item-link:focus .navbar-item-label{color:var(--c-primary-500)}.tcloud-ui-navbar-item.tc-rev-submenu-expanded .tcloud-ui-navbar-item-link.active,.tcloud-ui-navbar-item.tc-rev-submenu-expanded .tcloud-ui-navbar-item-link.selected,.tcloud-ui-navbar-item.tc-rev-submenu-expanded .tcloud-ui-navbar-item-link.active .navbar-item-icon-container,.tcloud-ui-navbar-item.tc-rev-submenu-expanded .tcloud-ui-navbar-item-link.selected .navbar-item-icon-container{background-color:var(--c-primary-300)}.tcloud-ui-navbar-item.tc-rev-submenu-expanded .tcloud-ui-navbar-item-link.active .navbar-item-label,.tcloud-ui-navbar-item.tc-rev-submenu-expanded .tcloud-ui-navbar-item-link.selected .navbar-item-label{color:var(--c-primary-500);font-weight:var(--f-weight-700)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TCloudUiSubNavbarItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'tcloud-ui-sub-navbar-item', imports: [
                         CommonModule,
                         RouterModule,
-                    ], template: "<li\n    class=\"tc-sub-navbar-item\"\n    [class.tc-rev-submenu-expanded]=\"isMenuExpanded\">\n        <a\n            class=\"tc-sub-navbar-item-link\"\n            [class.selected]=\"active()\"\n            [routerLink]=\"routerLink()\"\n            routerLinkActive=\"active\"\n            [queryParams]=\"queryParams()\"\n            [routerLinkActiveOptions]=\"{ exact: true }\"\n            [title]=\"label()\"\n            (click)=\"handleClick($event)\">\n\n            <div class=\"navbar-item-icon-container\">\n              <ng-content select=\"[icon]\"></ng-content>\n            </div>\n\n            @if (isMenuExpanded)\n            {\n                <div class=\"navbar-item-label\">\n                    {{label()}}\n                </div>\n            }\n        </a>\n</li>\n", styles: [":host{display:block}.tc-sub-navbar-item{list-style:none;margin:0;padding:0}.tc-sub-navbar-item .tc-sub-navbar-item-link{align-items:center;border-radius:var(--bor-radius-4);color:var(--c-neutral-700);cursor:pointer;font-family:var(--f-family);display:flex;transition:all .2s ease;text-decoration:none}.tc-sub-navbar-item .tc-sub-navbar-item-link .navbar-item-icon-container{text-align:center;align-content:center;background-color:var(--c-neutral-50);border-radius:var(--bor-radius-4);font-size:var(--f-size-20);height:var(--size-36);width:var(--size-36);transition:all .2s ease;min-height:var(--size-36);min-width:var(--size-36);max-height:var(--size-36);max-width:var(--size-36)}.tc-sub-navbar-item .tc-sub-navbar-item-link .navbar-item-icon-container:hover,.tc-sub-navbar-item .tc-sub-navbar-item-link .navbar-item-icon-container:focus{background-color:var(--c-neutral-200);color:var(--c-primary-500)}.tc-sub-navbar-item .tc-sub-navbar-item-link .navbar-item-label{align-content:center;color:var(--c-neutral-700);font-size:var(--f-size-14);height:var(--size-36);padding-left:var(--size-8);transition:all .2s ease;min-height:var(--size-36);max-height:var(--size-36)}.tc-sub-navbar-item .tc-sub-navbar-item-link:hover,.tc-sub-navbar-item .tc-sub-navbar-item-link:focus{color:var(--c-primary-500)}.tc-sub-navbar-item .tc-sub-navbar-item-link.active .navbar-item-icon-container,.tc-sub-navbar-item .tc-sub-navbar-item-link.selected .navbar-item-icon-container,.tc-sub-navbar-item .tc-sub-navbar-item-link:active .navbar-item-icon-container{background-color:var(--c-primary-300);color:var(--c-primary-500)}.tc-sub-navbar-item.tc-rev-submenu-expanded .tc-sub-navbar-item-link .navbar-item-icon-container{background-color:var(--c-neutral-200)}.tc-sub-navbar-item.tc-rev-submenu-expanded .tc-sub-navbar-item-link:hover .navbar-item-label,.tc-sub-navbar-item.tc-rev-submenu-expanded .tc-sub-navbar-item-link:focus .navbar-item-label{color:var(--c-primary-500)}.tc-sub-navbar-item.tc-rev-submenu-expanded .tc-sub-navbar-item-link.active,.tc-sub-navbar-item.tc-rev-submenu-expanded .tc-sub-navbar-item-link.selected,.tc-sub-navbar-item.tc-rev-submenu-expanded .tc-sub-navbar-item-link.active .navbar-item-icon-container,.tc-sub-navbar-item.tc-rev-submenu-expanded .tc-sub-navbar-item-link.selected .navbar-item-icon-container{background-color:var(--c-primary-300)}.tc-sub-navbar-item.tc-rev-submenu-expanded .tc-sub-navbar-item-link.active .navbar-item-label,.tc-sub-navbar-item.tc-rev-submenu-expanded .tc-sub-navbar-item-link.selected .navbar-item-label{color:var(--c-primary-500);font-weight:var(--f-weight-700)}\n"] }]
+                    ], template: "<li class=\"tcloud-ui-navbar-item\" [class.tcloud-ui-submenu-expanded]=\"isMenuExpanded\">\n    <a\n        class=\"tcloud-ui-navbar-item-link\"\n        [class.selected]=\"active()\"\n        [routerLink]=\"routerLink()\"\n        routerLinkActive=\"active\"\n        [queryParams]=\"queryParams()\"\n        [routerLinkActiveOptions]=\"{ exact: true }\"\n        [title]=\"label()\"\n        (click)=\"handleClick($event)\">\n\n        <div class=\"navbar-item-icon-container\">\n            <ng-content select=\"[icon]\"></ng-content>\n        </div>\n\n       \n        <div class=\"navbar-item-label\">\n            {{label()}}\n        </div>\n        \n    </a>\n</li>\n", styles: [":host{display:block}.tcloud-ui-navbar-item{list-style:none;margin:0;padding:0}.tcloud-ui-navbar-item .tcloud-ui-navbar-item-link{align-items:center;border-radius:var(--bor-radius-4);color:var(--c-neutral-700);cursor:pointer;font-family:var(--f-family);display:flex;transition:all .2s ease;text-decoration:none}.tcloud-ui-navbar-item .tcloud-ui-navbar-item-link .navbar-item-icon-container{text-align:center;align-content:center;background-color:var(--c-neutral-50);border-radius:var(--bor-radius-4);font-size:var(--f-size-20);height:var(--size-36);width:var(--size-36);transition:all .2s ease;min-height:var(--size-36);min-width:var(--size-36);max-height:var(--size-36);max-width:var(--size-36)}.tcloud-ui-navbar-item .tcloud-ui-navbar-item-link .navbar-item-icon-container:hover,.tcloud-ui-navbar-item .tcloud-ui-navbar-item-link .navbar-item-icon-container:focus{background-color:var(--c-neutral-200);color:var(--c-primary-500)}.tcloud-ui-navbar-item .tcloud-ui-navbar-item-link .navbar-item-label{align-content:center;color:var(--c-neutral-700);font-size:var(--f-size-14);height:var(--size-36);padding-left:var(--size-8);transition:all .2s ease;min-height:var(--size-36);max-height:var(--size-36)}.tcloud-ui-navbar-item .tcloud-ui-navbar-item-link:hover,.tcloud-ui-navbar-item .tcloud-ui-navbar-item-link:focus{color:var(--c-primary-500)}.tcloud-ui-navbar-item .tcloud-ui-navbar-item-link.active .navbar-item-icon-container,.tcloud-ui-navbar-item .tcloud-ui-navbar-item-link.selected .navbar-item-icon-container,.tcloud-ui-navbar-item .tcloud-ui-navbar-item-link:active .navbar-item-icon-container{background-color:var(--c-primary-300);color:var(--c-primary-500)}.tcloud-ui-navbar-item.tc-rev-submenu-expanded .tcloud-ui-navbar-item-link .navbar-item-icon-container{background-color:var(--c-neutral-200)}.tcloud-ui-navbar-item.tc-rev-submenu-expanded .tcloud-ui-navbar-item-link:hover .navbar-item-label,.tcloud-ui-navbar-item.tc-rev-submenu-expanded .tcloud-ui-navbar-item-link:focus .navbar-item-label{color:var(--c-primary-500)}.tcloud-ui-navbar-item.tc-rev-submenu-expanded .tcloud-ui-navbar-item-link.active,.tcloud-ui-navbar-item.tc-rev-submenu-expanded .tcloud-ui-navbar-item-link.selected,.tcloud-ui-navbar-item.tc-rev-submenu-expanded .tcloud-ui-navbar-item-link.active .navbar-item-icon-container,.tcloud-ui-navbar-item.tc-rev-submenu-expanded .tcloud-ui-navbar-item-link.selected .navbar-item-icon-container{background-color:var(--c-primary-300)}.tcloud-ui-navbar-item.tc-rev-submenu-expanded .tcloud-ui-navbar-item-link.active .navbar-item-label,.tcloud-ui-navbar-item.tc-rev-submenu-expanded .tcloud-ui-navbar-item-link.selected .navbar-item-label{color:var(--c-primary-500);font-weight:var(--f-weight-700)}\n"] }]
         }], propDecorators: { isMenuExpanded: [{
                 type: Input
             }] } });
 
 class TCloudUiSubNavbarComponent {
     constructor() {
-        this.isMenuExpanded = signal(true);
+        this.isMenuExpanded = true;
         this.onSubMenuExpandChange = output();
     }
-    ngAfterContentInit() {
-        setTimeout(() => this.setExpandedMenuValueToChildrend(), 0);
-    }
     handleExpandMenu() {
-        this.isMenuExpanded.update((value) => !value);
-        this.setExpandedMenuValueToChildrend();
-    }
-    setExpandedMenuValueToChildrend() {
-        if (!this.subNavbarItems?.length)
-            return;
-        this.subNavbarItems.forEach((x) => {
-            x.isMenuExpanded = this.isMenuExpanded();
-        });
-        this.onSubMenuExpandChange.emit(this.isMenuExpanded());
+        this.isMenuExpanded = !this.isMenuExpanded;
+        this.onSubMenuExpandChange.emit(this.isMenuExpanded);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TCloudUiSubNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: TCloudUiSubNavbarComponent, isStandalone: true, selector: "tcloud-ui-sub-navbar", outputs: { onSubMenuExpandChange: "onSubMenuExpandChange" }, queries: [{ propertyName: "subNavbarItems", predicate: TCloudUiSubNavbarItemComponent }], ngImport: i0, template: "<nav class=\"tcloud-ui-sub-navbar\">\n  <ul\n    class=\"tcloud-ui-sub-navbar-list\"\n    [class.tcloud-ui-submenu-expanded]=\"isMenuExpanded()\"\n  >\n    <tcloud-ui-sub-navbar-item\n      [isMenuExpanded]=\"isMenuExpanded()\"\n      (click)=\"handleExpandMenu()\"\n      label=\"Minimizar\"\n    >\n      <i\n        class=\"fa-light\"\n        [class.fa-arrow-left-to-line]=\"isMenuExpanded()\"\n        [class.fa-arrow-right-to-line]=\"!isMenuExpanded()\"\n        icon\n      ></i>\n    </tcloud-ui-sub-navbar-item>\n    <ng-content></ng-content>\n  </ul>\n</nav>\n", styles: [".tcloud-ui-sub-navbar{display:block;max-height:calc(100vh - 10.875rem);overflow-y:auto;min-height:300px;margin:var(--size-0);padding:var(--size-0)}.tcloud-ui-sub-navbar-list{background-color:var(--c-neutral-50);color:var(--c-neutral-700);box-shadow:var(--shadow-xs);border-radius:var(--bor-radius-8);display:flex;flex-direction:column;gap:var(--size-8);height:100%;list-style:none;margin:var(--size-0);overflow:hidden auto;padding:var(--size-8);width:var(--size-52)}.tcloud-ui-sub-navbar-list::-webkit-scrollbar{display:none}.tcloud-ui-sub-navbar-list.tcloud-ui-submenu-expanded{width:14.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: TCloudUiSubNavbarItemComponent, selector: "tcloud-ui-sub-navbar-item", inputs: ["isMenuExpanded", "label", "active", "routerLink", "queryParams"], outputs: ["onClick"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: TCloudUiSubNavbarComponent, isStandalone: true, selector: "tcloud-ui-sub-navbar", outputs: { onSubMenuExpandChange: "onSubMenuExpandChange" }, queries: [{ propertyName: "subNavbarItems", predicate: TCloudUiSubNavbarItemComponent }], ngImport: i0, template: "<nav class=\"tcloud-ui-sub-navbar\">\n  <ul class=\"tcloud-ui-sub-navbar-list\" [class.tcloud-ui-submenu-expanded]=\"isMenuExpanded\">\n    \n    <tcloud-ui-sub-navbar-item [isMenuExpanded]=\"isMenuExpanded\" (click)=\"handleExpandMenu()\" label=\"Minimizar\">\n      <i class=\"fa-light\" [class.fa-arrow-left-to-line]=\"isMenuExpanded\" [class.fa-arrow-right-to-line]=\"!isMenuExpanded\" icon></i>\n    </tcloud-ui-sub-navbar-item>\n\n    <ng-content></ng-content>\n  </ul>\n</nav>\n", styles: [".tcloud-ui-sub-navbar{display:block;max-height:calc(100vh - 10.875rem);overflow-y:auto;min-height:300px;margin:var(--size-0);padding:var(--size-0)}.tcloud-ui-sub-navbar-list{background-color:var(--c-neutral-50);color:var(--c-neutral-700);box-shadow:var(--shadow-xs);border-radius:var(--bor-radius-8);display:flex;flex-direction:column;gap:var(--size-8);height:100%;list-style:none;margin:var(--size-0);overflow:hidden auto;padding:var(--size-8);width:var(--size-52)}.tcloud-ui-sub-navbar-list::-webkit-scrollbar{display:none}.tcloud-ui-sub-navbar-list.tcloud-ui-submenu-expanded{width:14.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: TCloudUiSubNavbarItemComponent, selector: "tcloud-ui-sub-navbar-item", inputs: ["isMenuExpanded", "label", "active", "routerLink", "queryParams"], outputs: ["onClick"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TCloudUiSubNavbarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'tcloud-ui-sub-navbar', imports: [
                         CommonModule,
                         TCloudUiSubNavbarItemComponent,
-                    ], template: "<nav class=\"tcloud-ui-sub-navbar\">\n  <ul\n    class=\"tcloud-ui-sub-navbar-list\"\n    [class.tcloud-ui-submenu-expanded]=\"isMenuExpanded()\"\n  >\n    <tcloud-ui-sub-navbar-item\n      [isMenuExpanded]=\"isMenuExpanded()\"\n      (click)=\"handleExpandMenu()\"\n      label=\"Minimizar\"\n    >\n      <i\n        class=\"fa-light\"\n        [class.fa-arrow-left-to-line]=\"isMenuExpanded()\"\n        [class.fa-arrow-right-to-line]=\"!isMenuExpanded()\"\n        icon\n      ></i>\n    </tcloud-ui-sub-navbar-item>\n    <ng-content></ng-content>\n  </ul>\n</nav>\n", styles: [".tcloud-ui-sub-navbar{display:block;max-height:calc(100vh - 10.875rem);overflow-y:auto;min-height:300px;margin:var(--size-0);padding:var(--size-0)}.tcloud-ui-sub-navbar-list{background-color:var(--c-neutral-50);color:var(--c-neutral-700);box-shadow:var(--shadow-xs);border-radius:var(--bor-radius-8);display:flex;flex-direction:column;gap:var(--size-8);height:100%;list-style:none;margin:var(--size-0);overflow:hidden auto;padding:var(--size-8);width:var(--size-52)}.tcloud-ui-sub-navbar-list::-webkit-scrollbar{display:none}.tcloud-ui-sub-navbar-list.tcloud-ui-submenu-expanded{width:14.5rem}\n"] }]
+                    ], template: "<nav class=\"tcloud-ui-sub-navbar\">\n  <ul class=\"tcloud-ui-sub-navbar-list\" [class.tcloud-ui-submenu-expanded]=\"isMenuExpanded\">\n    \n    <tcloud-ui-sub-navbar-item [isMenuExpanded]=\"isMenuExpanded\" (click)=\"handleExpandMenu()\" label=\"Minimizar\">\n      <i class=\"fa-light\" [class.fa-arrow-left-to-line]=\"isMenuExpanded\" [class.fa-arrow-right-to-line]=\"!isMenuExpanded\" icon></i>\n    </tcloud-ui-sub-navbar-item>\n\n    <ng-content></ng-content>\n  </ul>\n</nav>\n", styles: [".tcloud-ui-sub-navbar{display:block;max-height:calc(100vh - 10.875rem);overflow-y:auto;min-height:300px;margin:var(--size-0);padding:var(--size-0)}.tcloud-ui-sub-navbar-list{background-color:var(--c-neutral-50);color:var(--c-neutral-700);box-shadow:var(--shadow-xs);border-radius:var(--bor-radius-8);display:flex;flex-direction:column;gap:var(--size-8);height:100%;list-style:none;margin:var(--size-0);overflow:hidden auto;padding:var(--size-8);width:var(--size-52)}.tcloud-ui-sub-navbar-list::-webkit-scrollbar{display:none}.tcloud-ui-sub-navbar-list.tcloud-ui-submenu-expanded{width:14.5rem}\n"] }]
         }], propDecorators: { subNavbarItems: [{
                 type: ContentChildren,
                 args: [TCloudUiSubNavbarItemComponent]
             }] } });
 
+class TCloudUiSubNavbarGroupComponent {
+    constructor() {
+        this.subMenu = false;
+        this.isMenuExpanded = false;
+        this.label = input.required();
+        this.onClick = output();
+        this.active = input(false);
+        this.routerLink = input(null);
+        this.queryParams = input(null);
+    }
+    handleClick(_ev) {
+        this.onClick.emit(_ev);
+    }
+    toggleSubItems() {
+        this.subMenu = !this.subMenu;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TCloudUiSubNavbarGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.19", type: TCloudUiSubNavbarGroupComponent, isStandalone: true, selector: "tcloud-ui-sub-navbar-group", inputs: { isMenuExpanded: { classPropertyName: "isMenuExpanded", publicName: "isMenuExpanded", isSignal: false, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, routerLink: { classPropertyName: "routerLink", publicName: "routerLink", isSignal: true, isRequired: false, transformFunction: null }, queryParams: { classPropertyName: "queryParams", publicName: "queryParams", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<li class=\"tcloud-ui-navbar-group\" [class.tcloud-ui-submenu-expanded]=\"isMenuExpanded\">\n    \n    \n\n    <a\n        class=\"tcloud-ui-navbar-group-link\"\n        [class.selected]=\"active()\"\n        [routerLink]=\"routerLink()\"\n        routerLinkActive=\"active\"\n        [queryParams]=\"queryParams()\"\n        [title]=\"label()\"\n        (click)=\"toggleSubItems()\">\n\n        <div class=\"navbar-item-icon-container\">\n            <ng-content select=\"[icon]\"></ng-content>\n        </div>\n\n        \n        <div class=\"navbar-item-label\" >\n            {{label()}}\n            <i class=\"fas fa-chevron-down\"></i>\n        </div>\n        \n    </a>\n\n    <div></div>\n    <ul \n        class=\"tcloud-ui-submenu-items\" \n        [class.tcloud-ui-submenu-items-open]=\"subMenu\">\n        <ng-content></ng-content>\n    </ul>\n</li>\n", styles: [":host{display:block}.tcloud-ui-navbar-group{list-style:none;margin:0;padding:0}.tcloud-ui-navbar-group .tcloud-ui-navbar-group-link{align-items:center;border-radius:var(--bor-radius-4);color:var(--c-neutral-700);cursor:pointer;font-family:var(--f-family);display:flex;transition:all .2s ease;text-decoration:none}.tcloud-ui-navbar-group .tcloud-ui-navbar-group-link .navbar-item-icon-container{text-align:center;align-content:center;background-color:var(--c-neutral-50);border-radius:var(--bor-radius-4);font-size:var(--f-size-20);height:var(--size-36);width:var(--size-36);transition:all .2s ease;min-height:var(--size-36);min-width:var(--size-36);max-height:var(--size-36);max-width:var(--size-36)}.tcloud-ui-navbar-group .tcloud-ui-navbar-group-link .navbar-item-icon-container:hover,.tcloud-ui-navbar-group .tcloud-ui-navbar-group-link .navbar-item-icon-container:focus{background-color:var(--c-neutral-200);color:var(--c-primary-500)}.tcloud-ui-navbar-group .tcloud-ui-navbar-group-link .navbar-item-label{width:100%;position:relative;align-content:center;color:var(--c-neutral-700);font-size:var(--f-size-14);height:var(--size-36);padding-left:var(--size-8);transition:all .2s ease;min-height:var(--size-36);max-height:var(--size-36)}.tcloud-ui-navbar-group .tcloud-ui-navbar-group-link .navbar-item-label i{position:absolute;right:0;padding-top:4px}.tcloud-ui-navbar-group .tcloud-ui-navbar-group-link:hover,.tcloud-ui-navbar-group .tcloud-ui-navbar-group-link:focus{color:var(--c-primary-500)}.tcloud-ui-navbar-group .tcloud-ui-navbar-group-link.active .navbar-item-icon-container,.tcloud-ui-navbar-group .tcloud-ui-navbar-group-link.selected .navbar-item-icon-container,.tcloud-ui-navbar-group .tcloud-ui-navbar-group-link:active .navbar-item-icon-container{background-color:var(--c-primary-300);color:var(--c-primary-500)}.tcloud-ui-navbar-group.tc-rev-submenu-expanded .tcloud-ui-navbar-group-link .navbar-item-icon-container{background-color:var(--c-neutral-200)}.tcloud-ui-navbar-group.tc-rev-submenu-expanded .tcloud-ui-navbar-group-link:hover .navbar-item-label,.tcloud-ui-navbar-group.tc-rev-submenu-expanded .tcloud-ui-navbar-group-link:focus .navbar-item-label{color:var(--c-primary-500)}.tcloud-ui-navbar-group.tc-rev-submenu-expanded .tcloud-ui-navbar-group-link.active,.tcloud-ui-navbar-group.tc-rev-submenu-expanded .tcloud-ui-navbar-group-link.selected,.tcloud-ui-navbar-group.tc-rev-submenu-expanded .tcloud-ui-navbar-group-link.active .navbar-item-icon-container,.tcloud-ui-navbar-group.tc-rev-submenu-expanded .tcloud-ui-navbar-group-link.selected .navbar-item-icon-container{background-color:var(--c-primary-300)}.tcloud-ui-navbar-group.tc-rev-submenu-expanded .tcloud-ui-navbar-group-link.active .navbar-item-label,.tcloud-ui-navbar-group.tc-rev-submenu-expanded .tcloud-ui-navbar-group-link.selected .navbar-item-label{color:var(--c-primary-500);font-weight:var(--f-weight-700)}.tcloud-ui-submenu-items{display:none}.tcloud-ui-submenu-items-open{display:block!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TCloudUiSubNavbarGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tcloud-ui-sub-navbar-group', imports: [
+                        CommonModule,
+                        RouterModule
+                    ], template: "<li class=\"tcloud-ui-navbar-group\" [class.tcloud-ui-submenu-expanded]=\"isMenuExpanded\">\n    \n    \n\n    <a\n        class=\"tcloud-ui-navbar-group-link\"\n        [class.selected]=\"active()\"\n        [routerLink]=\"routerLink()\"\n        routerLinkActive=\"active\"\n        [queryParams]=\"queryParams()\"\n        [title]=\"label()\"\n        (click)=\"toggleSubItems()\">\n\n        <div class=\"navbar-item-icon-container\">\n            <ng-content select=\"[icon]\"></ng-content>\n        </div>\n\n        \n        <div class=\"navbar-item-label\" >\n            {{label()}}\n            <i class=\"fas fa-chevron-down\"></i>\n        </div>\n        \n    </a>\n\n    <div></div>\n    <ul \n        class=\"tcloud-ui-submenu-items\" \n        [class.tcloud-ui-submenu-items-open]=\"subMenu\">\n        <ng-content></ng-content>\n    </ul>\n</li>\n", styles: [":host{display:block}.tcloud-ui-navbar-group{list-style:none;margin:0;padding:0}.tcloud-ui-navbar-group .tcloud-ui-navbar-group-link{align-items:center;border-radius:var(--bor-radius-4);color:var(--c-neutral-700);cursor:pointer;font-family:var(--f-family);display:flex;transition:all .2s ease;text-decoration:none}.tcloud-ui-navbar-group .tcloud-ui-navbar-group-link .navbar-item-icon-container{text-align:center;align-content:center;background-color:var(--c-neutral-50);border-radius:var(--bor-radius-4);font-size:var(--f-size-20);height:var(--size-36);width:var(--size-36);transition:all .2s ease;min-height:var(--size-36);min-width:var(--size-36);max-height:var(--size-36);max-width:var(--size-36)}.tcloud-ui-navbar-group .tcloud-ui-navbar-group-link .navbar-item-icon-container:hover,.tcloud-ui-navbar-group .tcloud-ui-navbar-group-link .navbar-item-icon-container:focus{background-color:var(--c-neutral-200);color:var(--c-primary-500)}.tcloud-ui-navbar-group .tcloud-ui-navbar-group-link .navbar-item-label{width:100%;position:relative;align-content:center;color:var(--c-neutral-700);font-size:var(--f-size-14);height:var(--size-36);padding-left:var(--size-8);transition:all .2s ease;min-height:var(--size-36);max-height:var(--size-36)}.tcloud-ui-navbar-group .tcloud-ui-navbar-group-link .navbar-item-label i{position:absolute;right:0;padding-top:4px}.tcloud-ui-navbar-group .tcloud-ui-navbar-group-link:hover,.tcloud-ui-navbar-group .tcloud-ui-navbar-group-link:focus{color:var(--c-primary-500)}.tcloud-ui-navbar-group .tcloud-ui-navbar-group-link.active .navbar-item-icon-container,.tcloud-ui-navbar-group .tcloud-ui-navbar-group-link.selected .navbar-item-icon-container,.tcloud-ui-navbar-group .tcloud-ui-navbar-group-link:active .navbar-item-icon-container{background-color:var(--c-primary-300);color:var(--c-primary-500)}.tcloud-ui-navbar-group.tc-rev-submenu-expanded .tcloud-ui-navbar-group-link .navbar-item-icon-container{background-color:var(--c-neutral-200)}.tcloud-ui-navbar-group.tc-rev-submenu-expanded .tcloud-ui-navbar-group-link:hover .navbar-item-label,.tcloud-ui-navbar-group.tc-rev-submenu-expanded .tcloud-ui-navbar-group-link:focus .navbar-item-label{color:var(--c-primary-500)}.tcloud-ui-navbar-group.tc-rev-submenu-expanded .tcloud-ui-navbar-group-link.active,.tcloud-ui-navbar-group.tc-rev-submenu-expanded .tcloud-ui-navbar-group-link.selected,.tcloud-ui-navbar-group.tc-rev-submenu-expanded .tcloud-ui-navbar-group-link.active .navbar-item-icon-container,.tcloud-ui-navbar-group.tc-rev-submenu-expanded .tcloud-ui-navbar-group-link.selected .navbar-item-icon-container{background-color:var(--c-primary-300)}.tcloud-ui-navbar-group.tc-rev-submenu-expanded .tcloud-ui-navbar-group-link.active .navbar-item-label,.tcloud-ui-navbar-group.tc-rev-submenu-expanded .tcloud-ui-navbar-group-link.selected .navbar-item-label{color:var(--c-primary-500);font-weight:var(--f-weight-700)}.tcloud-ui-submenu-items{display:none}.tcloud-ui-submenu-items-open{display:block!important}\n"] }]
+        }], propDecorators: { isMenuExpanded: [{
+                type: Input
+            }] } });
+
 class TCloudUiTabGroupComponent {
     constructor() {
         this.isCarouselOverflowed = false;
@@ -7808,6 +8549,48 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
                     ], template: "<div [class]=\"'tcloud-ui-wizard-steps' + ` tcloud-ui-wizard-steps--${this.direction()}`\">\n  @for (step of this.steps(); let i = $index; track step.title + i) {\n    @let isCompleted = step.completed || i + 1 < this.currentStep();\n    @let isNext = i + 1 > this.currentStep();\n    <div\n      class=\"tcloud-ui-wizard-step\"\n      [class.tcloud-ui-wizard-step--current]=\"i + 1 === this.currentStep()\"\n      [class.tcloud-ui-wizard-step--completed]=\"isCompleted\"\n      [class.tcloud-ui-wizard-step--next]=\"isNext\">\n\n      <span\n        class=\"tcloud-ui-wizard-step__counter f-h3\"\n        [class.cursor-default]=\"!this.stepClickable()\"\n        [class.cursor-pointer]=\"this.stepClickable() && !isNext\"\n        (click)=\"this.handleStepClick(step, isNext, i)\">\n        @if (isCompleted) {\n          <i class=\"fas fa-check\"></i>\n        }\n        @else {\n          {{ i + 1 }}\n        }\n      </span>\n\n      <div class=\"tcloud-ui-wizard-step__info\">\n        <p class=\"tcloud-ui-wizard-step__title f-lg mar-none cursor-default\">\n          {{ step.title }}\n        </p>\n\n        @if (step.description) {\n          <p class=\"tcloud-ui-wizard-step__description f-sm mar-none cursor-default\">\n            {{ step.description }}\n          </p>\n        }\n      </div>\n    </div>\n  }\n</div>\n\n<!-- VERS\u00C3O COM DIVISOR -->\n<!-- <div [class]=\"'tcloud-ui-wizard-steps' + ` tcloud-ui-wizard-steps--${this.direction()}`\">\n  @for (step of this.steps(); let i = $index; let last = $last; track step.title + i) {\n    @let isCompleted = step.completed || i + 1 < this.currentStep();\n\n    <div\n      class=\"tcloud-ui-wizard-step\"\n      [class.tcloud-ui-wizard-step--current]=\"i + 1 === this.currentStep()\"\n      [class.tcloud-ui-wizard-step--completed]=\"isCompleted\"\n      [class.tcloud-ui-wizard-step--next]=\"i + 1 > this.currentStep()\"\n      [ngClass]=\"this.direction()\">\n\n      <span class=\"tcloud-ui-wizard-step__counter f-h3 cursor-default\">\n        {{ i + 1 }}\n      </span>\n\n      <div class=\"tcloud-ui-wizard-step__info\">\n        <p class=\"tcloud-ui-wizard-step__title f-lg mar-none cursor-default\">\n          {{ step.title }}\n        </p>\n\n        @if (step.description) {\n          <p class=\"tcloud-ui-wizard-step__description f-sm mar-none cursor-default\">\n            {{ step.description }}\n          </p>\n        }\n      </div>\n    </div>\n\n    @if (this.steps().length > i && !last) {\n      <div\n        class=\"tcloud-ui-wizard-step-divider\"\n        [class.completed]=\"isCompleted\"\n        [ngClass]=\"this.direction()\">\n      </div>\n    }\n  }\n</div> -->\n", styles: [":host{display:block}.tcloud-ui-wizard-steps{display:inline-flex;font-family:var(--f-family);gap:var(--size-32)}.tcloud-ui-wizard-steps--horizontal{flex-direction:row}.tcloud-ui-wizard-steps--vertical{flex-direction:column}.tcloud-ui-wizard-steps .tcloud-ui-wizard-step{display:flex;gap:var(--size-8)}.tcloud-ui-wizard-steps .tcloud-ui-wizard-step__info{max-width:13.25rem}.tcloud-ui-wizard-steps .tcloud-ui-wizard-step__counter{align-items:center;border:1px solid;border-radius:var(--bor-radius-rounded);display:flex;height:var(--size-40);justify-content:center;width:var(--size-40);transition:all .3s ease;min-height:var(--size-40);min-width:var(--size-40)}.tcloud-ui-wizard-steps .tcloud-ui-wizard-step--completed .tcloud-ui-wizard-step__counter{border-color:1px solid var(--c-primary-600);color:var(--c-neutral-600)}.tcloud-ui-wizard-steps .tcloud-ui-wizard-step--completed .tcloud-ui-wizard-step__title{color:var(--c-neutral-600);font-weight:var(--f-weight-400)}.tcloud-ui-wizard-steps .tcloud-ui-wizard-step--completed .tcloud-ui-wizard-step__description{color:var(--c-neutral-600)}.tcloud-ui-wizard-steps .tcloud-ui-wizard-step--current .tcloud-ui-wizard-step__counter{background-color:var(--c-primary-500);border-color:var(--c-primary-500);color:var(--c-neutral-50)}.tcloud-ui-wizard-steps .tcloud-ui-wizard-step--current .tcloud-ui-wizard-step__title{color:var(--c-neutral-700);font-weight:var(--f-weight-600)}.tcloud-ui-wizard-steps .tcloud-ui-wizard-step--current .tcloud-ui-wizard-step__description{color:var(--c-neutral-700);font-weight:var(--f-weight-400)}.tcloud-ui-wizard-steps .tcloud-ui-wizard-step--next .tcloud-ui-wizard-step__counter{border-color:var(--c-neutral-400);color:var(--c-neutral-400)}.tcloud-ui-wizard-steps .tcloud-ui-wizard-step--next .tcloud-ui-wizard-step__title{color:var(--c-neutral-400);font-weight:var(--f-weight-400)}.tcloud-ui-wizard-steps .tcloud-ui-wizard-step--next .tcloud-ui-wizard-step__description{color:var(--c-neutral-400)}\n"] }]
         }] });
 
+class TCloudUiSearchInputComponent {
+    constructor() {
+        this.searchText = '';
+        this.searchTextChange = new EventEmitter();
+        this.searchInput = viewChild('searchInput');
+        this.searchTextForm = new FormControl('');
+        this.placeholder = input('');
+        this.onSearch = output();
+        this.autoFocus = input(false);
+    }
+    ngOnChanges(_simpleChanges) {
+        if (_simpleChanges['searchText']) {
+            this.searchTextForm.setValue(this.searchText);
+        }
+    }
+    ngOnInit() {
+        // Inicializa o FormControl com o valor do model
+        this.searchTextForm.setValue(this.searchText);
+        this.searchTextForm.valueChanges
+            .pipe(debounceTime(500), distinctUntilChanged(), map((text) => text?.toLowerCase() || ''))
+            .subscribe((text) => {
+            this.searchTextChange.emit(text);
+            this.onSearch.emit(text);
+        });
+    }
+    ngAfterViewInit() {
+        if (this.autoFocus() && this.searchInput()) {
+            this.searchInput().nativeElement.focus();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TCloudUiSearchInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.19", type: TCloudUiSearchInputComponent, isStandalone: true, selector: "tcloud-ui-search-input", inputs: { searchText: { classPropertyName: "searchText", publicName: "searchText", isSignal: false, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, autoFocus: { classPropertyName: "autoFocus", publicName: "autoFocus", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { searchTextChange: "searchTextChange", onSearch: "onSearch" }, viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "<form class=\"tcloud-ui-search-input-container\">\n  <input\n    type=\"text\"\n    class=\"tcloud-ui-search-input-control\"\n    [formControl]=\"this.searchTextForm\"\n    [placeholder]=\"this.placeholder()\"\n    #searchInput\n  />\n\n  <button class=\"tcloud-ui-search-input-btn\">\n    <i class=\"fa-light fa-magnifying-glass\"></i>\n  </button>\n</form>\n", styles: [":host{display:block}.tcloud-ui-search-input-container{position:relative;max-height:var(--size-40);min-height:var(--size-40);height:var(--size-40);min-width:7.5rem}.tcloud-ui-search-input-container .tcloud-ui-search-input-control{border:1px solid var(--c-neutral-400);border-radius:var(--bor-radius-pill);color:var(--c-neutral-700);display:inline-block;font-family:var(--f-family);font-size:var(--f-size-14);line-height:var(--l-height-20);outline:none;height:var(--size-40);transition:.2s ease;padding:0 var(--size-16);position:absolute;top:0;left:0;padding-right:var(--size-44);width:100%;z-index:1}.tcloud-ui-search-input-container .tcloud-ui-search-input-control:hover,.tcloud-ui-search-input-container .tcloud-ui-search-input-control:focus{border-color:var(--c-primary-500)}.tcloud-ui-search-input-container .tcloud-ui-search-input-btn{cursor:pointer;display:block;position:absolute;right:4px;top:4px;z-index:2;background-color:var(--c-primary-500);border-radius:var(--bor-radius-rounded);border:none;width:var(--size-32);height:var(--size-32);color:var(--c-neutral-50);font-size:var(--f-size-16)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TCloudUiSearchInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tcloud-ui-search-input', imports: [CommonModule, FormsModule, ReactiveFormsModule], template: "<form class=\"tcloud-ui-search-input-container\">\n  <input\n    type=\"text\"\n    class=\"tcloud-ui-search-input-control\"\n    [formControl]=\"this.searchTextForm\"\n    [placeholder]=\"this.placeholder()\"\n    #searchInput\n  />\n\n  <button class=\"tcloud-ui-search-input-btn\">\n    <i class=\"fa-light fa-magnifying-glass\"></i>\n  </button>\n</form>\n", styles: [":host{display:block}.tcloud-ui-search-input-container{position:relative;max-height:var(--size-40);min-height:var(--size-40);height:var(--size-40);min-width:7.5rem}.tcloud-ui-search-input-container .tcloud-ui-search-input-control{border:1px solid var(--c-neutral-400);border-radius:var(--bor-radius-pill);color:var(--c-neutral-700);display:inline-block;font-family:var(--f-family);font-size:var(--f-size-14);line-height:var(--l-height-20);outline:none;height:var(--size-40);transition:.2s ease;padding:0 var(--size-16);position:absolute;top:0;left:0;padding-right:var(--size-44);width:100%;z-index:1}.tcloud-ui-search-input-container .tcloud-ui-search-input-control:hover,.tcloud-ui-search-input-container .tcloud-ui-search-input-control:focus{border-color:var(--c-primary-500)}.tcloud-ui-search-input-container .tcloud-ui-search-input-btn{cursor:pointer;display:block;position:absolute;right:4px;top:4px;z-index:2;background-color:var(--c-primary-500);border-radius:var(--bor-radius-rounded);border:none;width:var(--size-32);height:var(--size-32);color:var(--c-neutral-50);font-size:var(--f-size-16)}\n"] }]
+        }], propDecorators: { searchText: [{
+                type: Input
+            }], searchTextChange: [{
+                type: Output
+            }] } });
+
 const COMPONENTS = [
     TCloudUiAccordionComponent,
     TCloudUiAccordionBodyComponent,
@@ -7864,11 +8647,18 @@ const COMPONENTS = [
     TCloudUiSkeletonLoadingComponent,
     TCloudUiTagComponent,
     TCloudUiSubNavbarComponent,
+    TCloudUiSubNavbarGroupComponent,
     TCloudUiSubNavbarItemComponent,
     TCloudUiTabGroupComponent,
     TCloudUiTabItemComponent,
     TCloudUiWizardStepsComponent,
-    TCloudUiBreadcrumbComponent
+    TCloudUiBreadcrumbComponent,
+    TCloudUiSearchInputComponent,
+    TCloudUiAlertBannerComponent,
+    TCloudUiFilterBarComponent,
+    TCloudUiLegendComponent,
+    TCloudUiSearchBarComponent,
+    TCloudUiUploadAreaComponent
 ];
 const DIRECTIVES = [
     TCloudUiAlignDirective,
@@ -7885,7 +8675,9 @@ const DIRECTIVES = [
     TCloudUiIpMaskDirective,
     TCloudUiButtonDirective,
     TCloudUiFormDirective,
-    TCloudUiSlideToggleDirective
+    TCloudUiSlideToggleDirective,
+    TCloudUiRadioDirective,
+    TCloudUiIconButtonDirective
 ];
 const PIPES = [
     ToTextPipe,
@@ -7977,11 +8769,18 @@ class TCloudUiModule {
             TCloudUiSkeletonLoadingComponent,
             TCloudUiTagComponent,
             TCloudUiSubNavbarComponent,
+            TCloudUiSubNavbarGroupComponent,
             TCloudUiSubNavbarItemComponent,
             TCloudUiTabGroupComponent,
             TCloudUiTabItemComponent,
             TCloudUiWizardStepsComponent,
-            TCloudUiBreadcrumbComponent, TCloudUiAlignDirective,
+            TCloudUiBreadcrumbComponent,
+            TCloudUiSearchInputComponent,
+            TCloudUiAlertBannerComponent,
+            TCloudUiFilterBarComponent,
+            TCloudUiLegendComponent,
+            TCloudUiSearchBarComponent,
+            TCloudUiUploadAreaComponent, TCloudUiAlignDirective,
             TCloudUiCheckboxDirective,
             TCloudUiCurrencyDirective,
             TCloudUiElCopyDirective,
@@ -7995,7 +8794,9 @@ class TCloudUiModule {
             TCloudUiIpMaskDirective,
             TCloudUiButtonDirective,
             TCloudUiFormDirective,
-            TCloudUiSlideToggleDirective, ToTextPipe,
+            TCloudUiSlideToggleDirective,
+            TCloudUiRadioDirective,
+            TCloudUiIconButtonDirective, ToTextPipe,
             BytesPipe,
             CNPJPipe,
             CPFPipe,
@@ -8058,11 +8859,18 @@ class TCloudUiModule {
             TCloudUiSkeletonLoadingComponent,
             TCloudUiTagComponent,
             TCloudUiSubNavbarComponent,
+            TCloudUiSubNavbarGroupComponent,
             TCloudUiSubNavbarItemComponent,
             TCloudUiTabGroupComponent,
             TCloudUiTabItemComponent,
             TCloudUiWizardStepsComponent,
-            TCloudUiBreadcrumbComponent, TCloudUiAlignDirective,
+            TCloudUiBreadcrumbComponent,
+            TCloudUiSearchInputComponent,
+            TCloudUiAlertBannerComponent,
+            TCloudUiFilterBarComponent,
+            TCloudUiLegendComponent,
+            TCloudUiSearchBarComponent,
+            TCloudUiUploadAreaComponent, TCloudUiAlignDirective,
             TCloudUiCheckboxDirective,
             TCloudUiCurrencyDirective,
             TCloudUiElCopyDirective,
@@ -8076,7 +8884,9 @@ class TCloudUiModule {
             TCloudUiIpMaskDirective,
             TCloudUiButtonDirective,
             TCloudUiFormDirective,
-            TCloudUiSlideToggleDirective, ToTextPipe,
+            TCloudUiSlideToggleDirective,
+            TCloudUiRadioDirective,
+            TCloudUiIconButtonDirective, ToTextPipe,
             BytesPipe,
             CNPJPipe,
             CPFPipe,
@@ -8139,11 +8949,18 @@ class TCloudUiModule {
             TCloudUiSkeletonLoadingComponent,
             TCloudUiTagComponent,
             TCloudUiSubNavbarComponent,
+            TCloudUiSubNavbarGroupComponent,
             TCloudUiSubNavbarItemComponent,
             TCloudUiTabGroupComponent,
             TCloudUiTabItemComponent,
             TCloudUiWizardStepsComponent,
-            TCloudUiBreadcrumbComponent] }); }
+            TCloudUiBreadcrumbComponent,
+            TCloudUiSearchInputComponent,
+            TCloudUiAlertBannerComponent,
+            TCloudUiFilterBarComponent,
+            TCloudUiLegendComponent,
+            TCloudUiSearchBarComponent,
+            TCloudUiUploadAreaComponent] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TCloudUiModule, decorators: [{
             type: NgModule,
@@ -10092,5 +10909,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { BytesPipe, CNPJPipe, CPFPipe, CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR$1 as CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR, DateBRPipe, DropdownGroupedSize, DropdownMultiSize$1 as DropdownMultiSize, DropdownSize$1 as DropdownSize, MonthNamePipe, MultiLevelDropdownSize, ProgressStatusBarGradientStatus, RespectivePipe, StatusInfoPipe, TCCondition, TCFiltersType, TCLOUD_UI_CONFIG, TCLOUD_UI_LAYOUT_SERVICE, TCLOUD_UI_USER_SERVICE, TCLOUD_UI_VIEWPORT_SERVICE, TCloudUiAccordionBodyComponent, TCloudUiAccordionComponent, TCloudUiAccordionTitleComponent, TCloudUiAlignDirective, TCloudUiBreadcrumbComponent, TCloudUiBreadcrumbService, TCloudUiButtonDirective, TCloudUiCalendarComponent, TCloudUiCardAccordionComponent, TCloudUiCardComponent, TCloudUiCardTitleComponent, TCloudUiCheckAccessDirective, TCloudUiCheckAccessService, TCloudUiCheckboxDirective, TCloudUiChoiceIssuesComponent, TCloudUiContainerColComponent, TCloudUiContainerComponent, TCloudUiContainerContentComponent, TCloudUiCubesComponent, TCloudUiCurrencyDirective, TCloudUiDataListComponent, TCloudUiDataListOptionComponent, TCloudUiDatepickerComponent, TCloudUiDatepickerTimeComponent, TCloudUiDigitOnlyDirective, TCloudUiDropdownComponent, TCloudUiDropdownMultiComponent, TCloudUiElCopyDirective, TCloudUiEmptyContentComponent, TCloudUiFaqComponent, TCloudUiFiltersComponent, TCloudUiFormDirective, TCloudUiHighLightDirective, TCloudUiHoverParentDirective, TCloudUiInputContainerComponent, TCloudUiInputPasswordComponent, TCloudUiInputSearchComponent, TCloudUiIpMaskDirective, TCloudUiLabelTokenComponent, TCloudUiLineStepCircleComponent, TCloudUiLineStepTitleComponent, TCloudUiLinhaLogoComponent, TCloudUiLoadingComponent, TCloudUiLoadingTransitionsService, TCloudUiMessageComponent, TCloudUiModalBodyComponent, TCloudUiModalComponent, TCloudUiModalFooterComponent, TCloudUiModalHeaderComponent, TCloudUiModule, TCloudUiMultiInputComponent, TCloudUiMultiSelectComponent, TCloudUiMultiplesValuesComponent, TCloudUiNgCheckAccessDirective, TCloudUiNgFeatureFlagsDirective, TCloudUiNotFoundComponent, TCloudUiNumberStepComponent, TCloudUiPaginationComponent, TCloudUiPaginationPipe, TCloudUiProgressBarComponent, TCloudUiRangeDateComponent, TCloudUiReorderItemsComponent, TCloudUiScrollBoxComponent, TCloudUiSearchInObjectService, TCloudUiSkeletonLoadingComponent, TCloudUiSkeletonLoadingComponentStyle, TCloudUiSlideToggleDirective, TCloudUiSubNavbarComponent, TCloudUiSubNavbarItemComponent, TCloudUiTabContentComponent, TCloudUiTabGroupComponent, TCloudUiTabHeadComponent, TCloudUiTabItemComponent, TCloudUiTabMenuComponent, TCloudUiTabSubtitleComponent, TCloudUiTabTitleComponent, TCloudUiTableComponent, TCloudUiTagComponent, TCloudUiToastComponent, TCloudUiTooltipDirective, TCloudUiWelcomeComponent, TCloudUiWizardStepsComponent, TagColorsEnum, TcRevButtonDirective, TcRevCalendarComponent, TcRevCardAccordionComponent, TcRevCardComponent, TcRevCardTitleComponent, TcRevCheckboxDirective, TcRevComponentsLibModule, TcRevDropdownComponent, TcRevDropdownGroupedComponent, TcRevDropdownMultiComponent, TcRevDropdownMultiLevelComponent, TcRevEmptyContentComponent, TcRevFaqComponent, TcRevIconButtonDirective, TcRevInputContainerComponent, TcRevInputDirective, TcRevLoadingComponent, TcRevMessageComponent, TcRevMultiInputComponent, TcRevPaginationComponent, TcRevProgressStatusBarComponent, TcRevRadioDirective, TcRevSearchInputComponent, TcRevSideDrawerComponent, TcRevSkeletonLoadingComponent, TcRevSkeletonLoadingComponentStyle, TcRevSlideToggleDirective, TcRevSmallLoadingComponent, TcRevSmallLoadingComponentStyle, TcRevSubNavbarComponent, TcRevSubNavbarItemComponent, TcRevTabGroupComponent, TcRevTabItemComponent, TcRevTagComponent, TcRevToastComponent, TcRevTooltipDirective, TcRevWizardStepsComponent, ToTextPipe, echartBarConfig, isTextEllipsed, provideTCloudUi };
+export { AcceptedFileType, BytesPipe, CNPJPipe, CPFPipe, CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR$1 as CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR, DateBRPipe, DropdownGroupedSize, DropdownMultiSize$1 as DropdownMultiSize, DropdownSize$1 as DropdownSize, MonthNamePipe, MultiLevelDropdownSize, ProductActionPipe, ProgressStatusBarGradientStatus, RespectivePipe, StatusInfoPipe, TCCondition, TCFiltersType, TCLOUD_UI_CONFIG, TCLOUD_UI_LAYOUT_SERVICE, TCLOUD_UI_USER_SERVICE, TCLOUD_UI_VIEWPORT_SERVICE, TCloudUiAccordionBodyComponent, TCloudUiAccordionComponent, TCloudUiAccordionTitleComponent, TCloudUiAlertBannerComponent, TCloudUiAlignDirective, TCloudUiBreadcrumbComponent, TCloudUiBreadcrumbService, TCloudUiButtonDirective, TCloudUiCalendarComponent, TCloudUiCardAccordionComponent, TCloudUiCardComponent, TCloudUiCardTitleComponent, TCloudUiCheckAccessDirective, TCloudUiCheckAccessService, TCloudUiCheckboxDirective, TCloudUiChoiceIssuesComponent, TCloudUiContainerColComponent, TCloudUiContainerComponent, TCloudUiContainerContentComponent, TCloudUiCubesComponent, TCloudUiCurrencyDirective, TCloudUiDataListComponent, TCloudUiDataListOptionComponent, TCloudUiDatepickerComponent, TCloudUiDatepickerTimeComponent, TCloudUiDigitOnlyDirective, TCloudUiDropdownComponent, TCloudUiDropdownMultiComponent, TCloudUiElCopyDirective, TCloudUiEmptyContentComponent, TCloudUiFaqComponent, TCloudUiFilterBarComponent, TCloudUiFiltersComponent, TCloudUiFormDirective, TCloudUiHighLightDirective, TCloudUiHoverParentDirective, TCloudUiIconButtonDirective, TCloudUiInputContainerComponent, TCloudUiInputPasswordComponent, TCloudUiInputSearchComponent, TCloudUiIpMaskDirective, TCloudUiLabelTokenComponent, TCloudUiLegendComponent, TCloudUiLineStepCircleComponent, TCloudUiLineStepTitleComponent, TCloudUiLinhaLogoComponent, TCloudUiLoadingComponent, TCloudUiLoadingTransitionsService, TCloudUiMessageComponent, TCloudUiModalBodyComponent, TCloudUiModalComponent, TCloudUiModalFooterComponent, TCloudUiModalHeaderComponent, TCloudUiModule, TCloudUiMultiInputComponent, TCloudUiMultiSelectComponent, TCloudUiMultiplesValuesComponent, TCloudUiNgCheckAccessDirective, TCloudUiNgFeatureFlagsDirective, TCloudUiNotFoundComponent, TCloudUiNumberStepComponent, TCloudUiPaginationComponent, TCloudUiPaginationPipe, TCloudUiProgressBarComponent, TCloudUiRadioDirective, TCloudUiRangeDateComponent, TCloudUiReorderItemsComponent, TCloudUiScrollBoxComponent, TCloudUiSearchBarComponent, TCloudUiSearchInObjectService, TCloudUiSearchInputComponent, TCloudUiSkeletonLoadingComponent, TCloudUiSkeletonLoadingComponentStyle, TCloudUiSlideToggleDirective, TCloudUiSubNavbarComponent, TCloudUiSubNavbarGroupComponent, TCloudUiSubNavbarItemComponent, TCloudUiTabContentComponent, TCloudUiTabGroupComponent, TCloudUiTabHeadComponent, TCloudUiTabItemComponent, TCloudUiTabMenuComponent, TCloudUiTabSubtitleComponent, TCloudUiTabTitleComponent, TCloudUiTableComponent, TCloudUiTagComponent, TCloudUiToastComponent, TCloudUiTooltipDirective, TCloudUiUploadAreaComponent, TCloudUiWelcomeComponent, TCloudUiWizardStepsComponent, TagColorsEnum, TcRevButtonDirective, TcRevCalendarComponent, TcRevCardAccordionComponent, TcRevCardComponent, TcRevCardTitleComponent, TcRevCheckboxDirective, TcRevComponentsLibModule, TcRevDropdownComponent, TcRevDropdownGroupedComponent, TcRevDropdownMultiComponent, TcRevDropdownMultiLevelComponent, TcRevEmptyContentComponent, TcRevFaqComponent, TcRevIconButtonDirective, TcRevInputContainerComponent, TcRevInputDirective, TcRevLoadingComponent, TcRevMessageComponent, TcRevMultiInputComponent, TcRevPaginationComponent, TcRevProgressStatusBarComponent, TcRevRadioDirective, TcRevSearchInputComponent, TcRevSideDrawerComponent, TcRevSkeletonLoadingComponent, TcRevSkeletonLoadingComponentStyle, TcRevSlideToggleDirective, TcRevSmallLoadingComponent, TcRevSmallLoadingComponentStyle, TcRevSubNavbarComponent, TcRevSubNavbarItemComponent, TcRevTabGroupComponent, TcRevTabItemComponent, TcRevTagComponent, TcRevToastComponent, TcRevTooltipDirective, TcRevWizardStepsComponent, ToTextPipe, TopologyEnvironmentPipe, TopologyProductPipe, TopologyRegionPipe, TopologyStatusPipe, echartBarConfig, isTextEllipsed, provideTCloudUi };
 //# sourceMappingURL=dev-tcloud-tcloud-ui.mjs.map