@dev-tcloud/tcloud-ui 6.22.0 → 6.22.1-beta.1

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

@@ -1,11 +1,11 @@
 import * as i0 from '@angular/core';
 import { Injectable, Component, EventEmitter, Input, Output, InjectionToken, Optional, Inject, inject, signal, Pipe, forwardRef, ViewChild, input, effect, Directive, ViewEncapsulation, SkipSelf, ChangeDetectionStrategy, HostListener, ChangeDetectorRef, computed, ApplicationRef, output, model, ContentChildren, viewChild, EnvironmentInjector, createComponent, ViewContainerRef, NgModule, makeEnvironmentProviders } from '@angular/core';
 import * as i1 from '@angular/common';
-import { CommonModule, DatePipe, DOCUMENT } from '@angular/common';
+import { CommonModule, DatePipe } from '@angular/common';
 import { Subject, Subscription, BehaviorSubject, debounceTime, distinctUntilChanged, map } from 'rxjs';
 import { trigger, state, style, transition, animate, AnimationBuilder } from '@angular/animations';
 import * as i2 from '@angular/forms';
-import { NG_VALUE_ACCESSOR, FormsModule, FormControl, ReactiveFormsModule, NG_VALIDATORS, Validators, FormGroup } from '@angular/forms';
+import { NG_VALUE_ACCESSOR, FormsModule, FormControl, ReactiveFormsModule, NG_VALIDATORS, Validators } from '@angular/forms';
 import * as i1$1 from '@angular/router';
 import { Router, RouterModule } from '@angular/router';
 
@@ -711,7 +711,7 @@ class TCloudUiDataListComponent {
             this.toChange();
         }
     }
-    get disabled() { return this._disabled; }
+    get disabled() { return this._disabled || this._disabledByForm; }
     set loading(v) {
         if (typeof v === 'boolean' && v !== this._loading) {
             this._loading = v;
@@ -751,6 +751,7 @@ class TCloudUiDataListComponent {
         this.menu_on_top = '';
         this.placeholder = '';
         this._disabled = false;
+        this._disabledByForm = false;
         this._loading = false;
         this.showInput = true;
         this.search = true;
@@ -772,7 +773,7 @@ class TCloudUiDataListComponent {
         this.onChangeCallback = noop$8;
         this.subscription_value = this.dataListService.stateValue$.subscribe(v => {
             this.selected_item = v;
-            this.selectDescription();
+            this.selectDescription(true);
             this.ngModelChange.emit(this.selected_item);
         });
         this.subscription_description = this.dataListService.stateDescription$.subscribe(v => {
@@ -846,27 +847,27 @@ class TCloudUiDataListComponent {
             }
         }
     }
-    selectDescription() {
+    selectDescription(propagateForm = false) {
         if (this.list_selected_options && (this.list_selected_options).length > 0) {
             for (let i = 0; i < (this.list_selected_options).length; i++) {
                 const item = this.list_selected_options[i];
                 if (item.value === this.selected_item) {
                     this.selected_description = item.description;
-                    this.toChange();
+                    this.toChange(propagateForm);
                     return;
                 }
             }
         }
         if (this.selected_item === undefined || this.selected_item === null || this.selected_item === '') {
             this.selected_description = '';
-            this.toChange();
+            this.toChange(propagateForm);
         }
     }
     toInput(e) {
         this.onInputChange.emit(this.selected_description);
         this.onChange.emit(e);
     }
-    toChange() {
+    toChange(propagateForm = false) {
         setTimeout(() => {
             if (this.selected_item === undefined || this.selected_item === null) {
                 this.selected_item = '';
@@ -880,6 +881,9 @@ class TCloudUiDataListComponent {
                 // const input_hidden = document.getElementById(`${this.id}-hidden`);
                 this.toInput(this.formulario.get('selected_item'));
             }
+            if (propagateForm) {
+                this.onChangeCallback(this.selected_item);
+            }
         });
     }
     clearTextSearch() {
@@ -913,6 +917,7 @@ class TCloudUiDataListComponent {
     }
     toClose() {
         this.menu_show = false;
+        this.onTouchedCallback();
         this.onClosed.emit();
     }
     toResize() {
@@ -962,6 +967,9 @@ class TCloudUiDataListComponent {
     registerOnTouched(fn) {
         this.onTouchedCallback = fn;
     }
+    setDisabledState(isDisabled) {
+        this._disabledByForm = isDisabled;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TCloudUiDataListComponent, deps: [{ token: DataListService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: TCloudUiDataListComponent, isStandalone: true, selector: "tcloud-ui-data-list", inputs: { placeholder: "placeholder", disabled: "disabled", loading: "loading", showInput: "showInput", search: "search", listItems: "listItems", open: "open", border: "border", ngModel: "ngModel" }, outputs: { onInputChange: "onInputChange", onChange: "onChange", onOpened: "onOpened", onClosed: "onClosed", ngModelChange: "ngModelChange" }, providers: [
             DataListService,
@@ -5656,14 +5664,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                 type: Input
             }] } });
 
-var ProgressStatusBarGradientStatus$1;
+var ProgressStatusBarGradientStatus;
 (function (ProgressStatusBarGradientStatus) {
     ProgressStatusBarGradientStatus["info"] = "info";
     ProgressStatusBarGradientStatus["danger"] = "danger";
     ProgressStatusBarGradientStatus["success"] = "success";
     ProgressStatusBarGradientStatus["alert"] = "alert";
-})(ProgressStatusBarGradientStatus$1 || (ProgressStatusBarGradientStatus$1 = {}));
-var ProgressStatusBarRangeColor$1;
+})(ProgressStatusBarGradientStatus || (ProgressStatusBarGradientStatus = {}));
+var ProgressStatusBarRangeColor;
 (function (ProgressStatusBarRangeColor) {
     ProgressStatusBarRangeColor["dangerStart"] = "#F48E85";
     ProgressStatusBarRangeColor["dangerEnd"] = "#DC3545";
@@ -5673,7 +5681,7 @@ var ProgressStatusBarRangeColor$1;
     ProgressStatusBarRangeColor["infoEnd"] = "#0897E9";
     ProgressStatusBarRangeColor["successStart"] = "#A3E78C";
     ProgressStatusBarRangeColor["successEnd"] = "#47B13D";
-})(ProgressStatusBarRangeColor$1 || (ProgressStatusBarRangeColor$1 = {}));
+})(ProgressStatusBarRangeColor || (ProgressStatusBarRangeColor = {}));
 class TCloudUiProgressStatusBarComponent {
     constructor() {
         this.currentValue = input.required();
@@ -5701,14 +5709,14 @@ class TCloudUiProgressStatusBarComponent {
     }
     getProgressStatusBarRangeColor(_gradientStatus, position) {
         switch (_gradientStatus) {
-            case ProgressStatusBarGradientStatus$1.alert:
-                return position === 'start' ? ProgressStatusBarRangeColor$1.alertStart : ProgressStatusBarRangeColor$1.alertEnd;
-            case ProgressStatusBarGradientStatus$1.danger:
-                return position === 'start' ? ProgressStatusBarRangeColor$1.dangerStart : ProgressStatusBarRangeColor$1.dangerEnd;
-            case ProgressStatusBarGradientStatus$1.success:
-                return position === 'start' ? ProgressStatusBarRangeColor$1.successStart : ProgressStatusBarRangeColor$1.successEnd;
+            case ProgressStatusBarGradientStatus.alert:
+                return position === 'start' ? ProgressStatusBarRangeColor.alertStart : ProgressStatusBarRangeColor.alertEnd;
+            case ProgressStatusBarGradientStatus.danger:
+                return position === 'start' ? ProgressStatusBarRangeColor.dangerStart : ProgressStatusBarRangeColor.dangerEnd;
+            case ProgressStatusBarGradientStatus.success:
+                return position === 'start' ? ProgressStatusBarRangeColor.successStart : ProgressStatusBarRangeColor.successEnd;
             default:
-                return position === 'start' ? ProgressStatusBarRangeColor$1.infoStart : ProgressStatusBarRangeColor$1.infoEnd;
+                return position === 'start' ? ProgressStatusBarRangeColor.infoStart : ProgressStatusBarRangeColor.infoEnd;
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TCloudUiProgressStatusBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
@@ -8275,53 +8283,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
             args: [{ selector: 'tcloud-ui-card-title', imports: [], template: "<div class=\"tcloud-ui-card-title c-neutral-700\">\n    <span class=\"tcloud-ui-card-title__icon w-40 h-40 f-size-18 bg-c-neutral-200 bor-rad-rounded\">\n        <ng-content select=\"[icon]\"></ng-content>\n    </span>\n\n    <h2 class=\"tcloud-ui-card-title__text f-h2 f-weight-700 mar-none\">{{title()}}</h2>\n\n    <ng-content></ng-content>\n</div>\n", styles: [":host{display:block}.tcloud-ui-card-title{align-items:center;display:flex;gap:var(--size-8);height:var(--size-40);max-height:var(--size-40);min-height:var(--size-40)}.tcloud-ui-card-title__icon{align-content:center;text-align:center;max-width:var(--size-40);min-width:var(--size-40);max-height:var(--size-40);min-height:var(--size-40)}.tcloud-ui-card-title__text{cursor:default}@media(max-width:480px){.tcloud-ui-card-title{max-height:var(--size-32);min-height:var(--size-32)}.tcloud-ui-card-title__icon{max-width:var(--size-32);min-width:var(--size-32);max-height:var(--size-32);min-height:var(--size-32);font-size:var(--f-size-16)}.tcloud-ui-card-title__text{font-size:var(--f-size-16);line-height:var(--l-height-16);font-weight:var(--f-weight-600);text-transform:inherit;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;line-clamp:2;-webkit-line-clamp:2}}\n"] }]
         }] });
 
-class TcRevButtonDirective {
-    constructor(_el) {
-        this._el = _el;
-        this.color = input('primary');
-        this.size = input('sm');
-        this.fullWidth = input(false);
-        this.tcRevButton = input('filled');
-        effect(() => {
-            this.setClasses();
-        });
-    }
-    setClasses() {
-        const tokenList = this._el.nativeElement.classList;
-        tokenList.remove(...Array.from(tokenList).filter((c) => c.startsWith('tc-rev-btn--')));
-        let tcRevButton = this.tcRevButton();
-        if (!tcRevButton) {
-            tcRevButton = 'filled';
-        }
-        this.fullWidth() ? this._el.nativeElement.classList.add('tc-rev-btn--full-width') : null;
-        this._el.nativeElement.classList.add(`tc-rev-btn--${this.size()}`);
-        this._el.nativeElement.classList.add(`tc-rev-btn--${this.color()}-${tcRevButton}`);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevButtonDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.25", type: TcRevButtonDirective, isStandalone: true, selector: "button[tcRevButton]", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null }, tcRevButton: { classPropertyName: "tcRevButton", publicName: "tcRevButton", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "tc-rev-btn" }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevButtonDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'button[tcRevButton]',
-                    host: {
-                        class: 'tc-rev-btn'
-                    }
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }] });
-
-class TcRevCardTitleComponent {
-    constructor() {
-        this.title = input.required();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevCardTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.25", type: TcRevCardTitleComponent, isStandalone: true, selector: "tc-rev-card-title", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"tc-rev-card-title c-neutral-700\">\n    <span class=\"tc-rev-card-title__icon w-40 h-40 f-size-18 bg-c-neutral-200 bor-rad-rounded\">\n        <ng-content select=\"[icon]\"></ng-content>\n    </span>\n\n    <h2 class=\"tc-rev-card-title__text f-h2 f-weight-700 mar-none\">{{title()}}</h2>\n\n    <ng-content></ng-content>\n</div>\n", styles: [":host{display:block}.tc-rev-card-title{align-items:center;display:flex;gap:var(--size-8);height:var(--size-40);max-height:var(--size-40);min-height:var(--size-40)}.tc-rev-card-title__icon{align-content:center;text-align:center;max-width:var(--size-40);min-width:var(--size-40);max-height:var(--size-40);min-height:var(--size-40)}.tc-rev-card-title__text{cursor:default}@media(max-width:480px){.tc-rev-card-title{max-height:var(--size-32);min-height:var(--size-32)}.tc-rev-card-title__icon{max-width:var(--size-32);min-width:var(--size-32);max-height:var(--size-32);min-height:var(--size-32);font-size:var(--f-size-16)}.tc-rev-card-title__text{font-size:var(--f-size-16);line-height:var(--l-height-16);font-weight:var(--f-weight-600);text-transform:inherit;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2}}\n"] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevCardTitleComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'tc-rev-card-title', imports: [], template: "<div class=\"tc-rev-card-title c-neutral-700\">\n    <span class=\"tc-rev-card-title__icon w-40 h-40 f-size-18 bg-c-neutral-200 bor-rad-rounded\">\n        <ng-content select=\"[icon]\"></ng-content>\n    </span>\n\n    <h2 class=\"tc-rev-card-title__text f-h2 f-weight-700 mar-none\">{{title()}}</h2>\n\n    <ng-content></ng-content>\n</div>\n", styles: [":host{display:block}.tc-rev-card-title{align-items:center;display:flex;gap:var(--size-8);height:var(--size-40);max-height:var(--size-40);min-height:var(--size-40)}.tc-rev-card-title__icon{align-content:center;text-align:center;max-width:var(--size-40);min-width:var(--size-40);max-height:var(--size-40);min-height:var(--size-40)}.tc-rev-card-title__text{cursor:default}@media(max-width:480px){.tc-rev-card-title{max-height:var(--size-32);min-height:var(--size-32)}.tc-rev-card-title__icon{max-width:var(--size-32);min-width:var(--size-32);max-height:var(--size-32);min-height:var(--size-32);font-size:var(--f-size-16)}.tc-rev-card-title__text{font-size:var(--f-size-16);line-height:var(--l-height-16);font-weight:var(--f-weight-600);text-transform:inherit;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2}}\n"] }]
-        }] });
-
 class TCloudUiCardAccordionComponent {
     constructor() {
         this._viewPort = inject(TCloudUiDeviceUtilsService);
@@ -8349,11 +8310,11 @@ class TCloudUiCardAccordionComponent {
         return ['pad-14'];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TCloudUiCardAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TCloudUiCardAccordionComponent, isStandalone: true, selector: "tcloud-ui-card-accordion", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, iconClass: { classPropertyName: "iconClass", publicName: "iconClass", isSignal: true, isRequired: false, transformFunction: null }, showMoreText: { classPropertyName: "showMoreText", publicName: "showMoreText", isSignal: true, isRequired: false, transformFunction: null }, showLessText: { classPropertyName: "showLessText", publicName: "showLessText", isSignal: true, isRequired: false, transformFunction: null }, badge: { classPropertyName: "badge", publicName: "badge", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toggle: "toggle", isOpen: "isOpenChange" }, ngImport: i0, template: "<div class=\"tcloud-ui-card-accordion tcloud-ui-card bg-c-neutral-50  bor-xs bor-rad-16\"\n[ngClass]=\"accordionExtraClasses\"\n>\n  <tc-rev-card-title [title]=\"title()\" [class]=\"isOpen() ? 'pad-b-16' : '' \">\n    <i [class]=\"iconClass()\" icon></i>\n\n    <div\n      *ngIf=\"badge()\"\n      class=\"f-size-12 f-weight-600 pad-x-4 pad-y-2 bor-xs bor-rad-xs\"\n      [ngClass]=\"badge()?.class\"\n      [class.mar-l-8]=\"isDesktop()\"\n      >\n      {{ badge()?.text }}\n    </div>\n\n    @if(isDesktop()){\n      <button tcRevButton=\"outline\" color=\"dark\" size=\"sm\" class=\"mar-l-a\" (click)=\"toggleAccordion()\">\n        {{ isOpen() ? showLessText() : showMoreText() }}\n        <i class=\"fa-light\" [ngClass]=\"isOpen() ? 'fa-chevron-up' : 'fa-chevron-down'\"></i>\n      </button>\n    }\n\n    @if(!isDesktop()){\n      <button tcRevButton=\"link\" color=\"dark\" size=\"md\" (click)=\"toggleAccordion()\" class=\"tcloud-ui-card-accordion__arrow-mobile mar-l-a\">\n        <i class=\"fa-light\" [ngClass]=\"isOpen() ? 'fa-chevron-up' : 'fa-chevron-down'\"></i>\n      </button>\n    }\n\n  </tc-rev-card-title>\n  <ng-content *ngIf=\"isOpen()\"></ng-content>\n</div>\n", styles: [":host{display:block}.tcloud-ui-card-accordion{border-color:var(--c-neutral-400)}@media(max-width:480px){.tcloud-ui-card-accordion__arrow-mobile{font-size:var(--f-size-16);padding:0 var(--size-6)}}\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"] }, { kind: "component", type: TcRevCardTitleComponent, selector: "tc-rev-card-title", inputs: ["title"] }, { kind: "directive", type: TcRevButtonDirective, selector: "button[tcRevButton]", inputs: ["color", "size", "fullWidth", "tcRevButton"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TCloudUiCardAccordionComponent, isStandalone: true, selector: "tcloud-ui-card-accordion", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, iconClass: { classPropertyName: "iconClass", publicName: "iconClass", isSignal: true, isRequired: false, transformFunction: null }, showMoreText: { classPropertyName: "showMoreText", publicName: "showMoreText", isSignal: true, isRequired: false, transformFunction: null }, showLessText: { classPropertyName: "showLessText", publicName: "showLessText", isSignal: true, isRequired: false, transformFunction: null }, badge: { classPropertyName: "badge", publicName: "badge", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toggle: "toggle", isOpen: "isOpenChange" }, ngImport: i0, template: "<div class=\"tcloud-ui-card-accordion tcloud-ui-card bg-c-neutral-50  bor-xs bor-rad-16\"\n[ngClass]=\"accordionExtraClasses\"\n>\n  <tcloud-ui-card-title [title]=\"title()\" [class]=\"isOpen() ? 'pad-b-16' : '' \">\n    <i [class]=\"iconClass()\" icon></i>\n\n    <div\n      *ngIf=\"badge()\"\n      class=\"f-size-12 f-weight-600 pad-x-4 pad-y-2 bor-xs bor-rad-xs\"\n      [ngClass]=\"badge()?.class\"\n      [class.mar-l-8]=\"isDesktop()\"\n      >\n      {{ badge()?.text }}\n    </div>\n\n    @if(isDesktop()){\n      <button tcloudButton=\"outline\" color=\"dark\" size=\"sm\" class=\"mar-l-a\" (click)=\"toggleAccordion()\">\n        {{ isOpen() ? showLessText() : showMoreText() }}\n        <i class=\"fa-light\" [ngClass]=\"isOpen() ? 'fa-chevron-up' : 'fa-chevron-down'\"></i>\n      </button>\n    }\n\n    @if(!isDesktop()){\n      <button tcloudButton=\"link\" color=\"dark\" size=\"md\" (click)=\"toggleAccordion()\" class=\"tcloud-ui-card-accordion__arrow-mobile mar-l-a\">\n        <i class=\"fa-light\" [ngClass]=\"isOpen() ? 'fa-chevron-up' : 'fa-chevron-down'\"></i>\n      </button>\n    }\n\n  </tcloud-ui-card-title>\n  <ng-content *ngIf=\"isOpen()\"></ng-content>\n</div>\n", styles: [":host{display:block}.tcloud-ui-card-accordion{border-color:var(--c-neutral-400)}@media(max-width:480px){.tcloud-ui-card-accordion__arrow-mobile{font-size:var(--f-size-16);padding:0 var(--size-6)}}\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"] }, { kind: "component", type: TCloudUiCardTitleComponent, selector: "tcloud-ui-card-title", inputs: ["title"] }, { kind: "directive", type: TCloudUiButtonDirective, selector: "[tcloudButton]", inputs: ["color", "size", "fullWidth", "tcloudButton"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TCloudUiCardAccordionComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tcloud-ui-card-accordion', imports: [CommonModule, TcRevCardTitleComponent, TcRevButtonDirective], template: "<div class=\"tcloud-ui-card-accordion tcloud-ui-card bg-c-neutral-50  bor-xs bor-rad-16\"\n[ngClass]=\"accordionExtraClasses\"\n>\n  <tc-rev-card-title [title]=\"title()\" [class]=\"isOpen() ? 'pad-b-16' : '' \">\n    <i [class]=\"iconClass()\" icon></i>\n\n    <div\n      *ngIf=\"badge()\"\n      class=\"f-size-12 f-weight-600 pad-x-4 pad-y-2 bor-xs bor-rad-xs\"\n      [ngClass]=\"badge()?.class\"\n      [class.mar-l-8]=\"isDesktop()\"\n      >\n      {{ badge()?.text }}\n    </div>\n\n    @if(isDesktop()){\n      <button tcRevButton=\"outline\" color=\"dark\" size=\"sm\" class=\"mar-l-a\" (click)=\"toggleAccordion()\">\n        {{ isOpen() ? showLessText() : showMoreText() }}\n        <i class=\"fa-light\" [ngClass]=\"isOpen() ? 'fa-chevron-up' : 'fa-chevron-down'\"></i>\n      </button>\n    }\n\n    @if(!isDesktop()){\n      <button tcRevButton=\"link\" color=\"dark\" size=\"md\" (click)=\"toggleAccordion()\" class=\"tcloud-ui-card-accordion__arrow-mobile mar-l-a\">\n        <i class=\"fa-light\" [ngClass]=\"isOpen() ? 'fa-chevron-up' : 'fa-chevron-down'\"></i>\n      </button>\n    }\n\n  </tc-rev-card-title>\n  <ng-content *ngIf=\"isOpen()\"></ng-content>\n</div>\n", styles: [":host{display:block}.tcloud-ui-card-accordion{border-color:var(--c-neutral-400)}@media(max-width:480px){.tcloud-ui-card-accordion__arrow-mobile{font-size:var(--f-size-16);padding:0 var(--size-6)}}\n"] }]
+            args: [{ selector: 'tcloud-ui-card-accordion', imports: [CommonModule, TCloudUiCardTitleComponent, TCloudUiButtonDirective], template: "<div class=\"tcloud-ui-card-accordion tcloud-ui-card bg-c-neutral-50  bor-xs bor-rad-16\"\n[ngClass]=\"accordionExtraClasses\"\n>\n  <tcloud-ui-card-title [title]=\"title()\" [class]=\"isOpen() ? 'pad-b-16' : '' \">\n    <i [class]=\"iconClass()\" icon></i>\n\n    <div\n      *ngIf=\"badge()\"\n      class=\"f-size-12 f-weight-600 pad-x-4 pad-y-2 bor-xs bor-rad-xs\"\n      [ngClass]=\"badge()?.class\"\n      [class.mar-l-8]=\"isDesktop()\"\n      >\n      {{ badge()?.text }}\n    </div>\n\n    @if(isDesktop()){\n      <button tcloudButton=\"outline\" color=\"dark\" size=\"sm\" class=\"mar-l-a\" (click)=\"toggleAccordion()\">\n        {{ isOpen() ? showLessText() : showMoreText() }}\n        <i class=\"fa-light\" [ngClass]=\"isOpen() ? 'fa-chevron-up' : 'fa-chevron-down'\"></i>\n      </button>\n    }\n\n    @if(!isDesktop()){\n      <button tcloudButton=\"link\" color=\"dark\" size=\"md\" (click)=\"toggleAccordion()\" class=\"tcloud-ui-card-accordion__arrow-mobile mar-l-a\">\n        <i class=\"fa-light\" [ngClass]=\"isOpen() ? 'fa-chevron-up' : 'fa-chevron-down'\"></i>\n      </button>\n    }\n\n  </tcloud-ui-card-title>\n  <ng-content *ngIf=\"isOpen()\"></ng-content>\n</div>\n", styles: [":host{display:block}.tcloud-ui-card-accordion{border-color:var(--c-neutral-400)}@media(max-width:480px){.tcloud-ui-card-accordion__arrow-mobile{font-size:var(--f-size-16);padding:0 var(--size-6)}}\n"] }]
         }] });
 
 class TCloudUiCalendarComponent {
@@ -8572,144 +8533,12 @@ function isTextEllipsed(text, containerWidth) {
 //   }
 // }
 
-class TcRevTooltipDirective {
-    constructor(_el, _renderer, _vcr) {
-        this._el = _el;
-        this._renderer = _renderer;
-        this._vcr = _vcr;
-        this.tcRevTooltip = input('');
-        this.position = input('top');
-        this.tooltipElement = null;
-    }
-    onMouseEnter() {
-        const tooltipText = this.tcRevTooltip();
-        if (this.isValidTooltipText(tooltipText)) {
-            this.showTooltip(tooltipText);
-        }
-    }
-    onMouseLeave() {
-        this.hideTooltip();
-    }
-    isValidTooltipText(text) {
-        return text && text.trim().length > 0;
-    }
-    showTooltip(text) {
-        if (this.tooltipElement) {
-            this.hideTooltip();
-        }
-        // Create tooltip element
-        this.tooltipElement = this._renderer.createElement('div');
-        // Add text content
-        const textNode = this._renderer.createText(text);
-        this._renderer.appendChild(this.tooltipElement, textNode);
-        // Add CSS classes
-        this._renderer.addClass(this.tooltipElement, 'tc-rev-tooltip');
-        this._renderer.addClass(this.tooltipElement, `tc-rev-tooltip--${this.position()}`);
-        // Set initial styles
-        this._renderer.setStyle(this.tooltipElement, 'position', 'absolute');
-        this._renderer.setStyle(this.tooltipElement, 'z-index', '9999');
-        this._renderer.setStyle(this.tooltipElement, 'visibility', 'hidden');
-        // this._renderer.setStyle(this.tooltipElement, 'opacity', '0');
-        // Append to body
-        this._renderer.appendChild(document.body, this.tooltipElement);
-        // Position tooltip
-        this.positionTooltip();
-        // Show tooltip with animation
-        this._renderer.setStyle(this.tooltipElement, 'visibility', 'visible');
-        this._renderer.addClass(this.tooltipElement, 'tc-rev-tooltip--visible');
-    }
-    hideTooltip() {
-        if (this.tooltipElement) {
-            this._renderer.removeChild(document.body, this.tooltipElement);
-            this.tooltipElement = null;
-        }
-    }
-    positionTooltip() {
-        if (!this.tooltipElement)
-            return;
-        const hostRect = this._el.nativeElement.getBoundingClientRect();
-        const tooltipRect = this.tooltipElement.getBoundingClientRect();
-        const position = this.position();
-        let top = 0;
-        let left = 0;
-        switch (position) {
-            case 'top':
-                top = hostRect.top + window.scrollY - tooltipRect.height - 8;
-                left = hostRect.left + window.scrollX + (hostRect.width - tooltipRect.width) / 2;
-                break;
-            case 'bottom':
-                top = hostRect.bottom + window.scrollY + 8;
-                left = hostRect.left + window.scrollX + (hostRect.width - tooltipRect.width) / 2;
-                break;
-            case 'left':
-                top = hostRect.top + window.scrollY + (hostRect.height - tooltipRect.height) / 2;
-                left = hostRect.left + window.scrollX - tooltipRect.width - 8;
-                break;
-            case 'right':
-                top = hostRect.top + window.scrollY + (hostRect.height - tooltipRect.height) / 2;
-                left = hostRect.right + window.scrollX + 8;
-                break;
-        }
-        this._renderer.setStyle(this.tooltipElement, 'top', `${top}px`);
-        this._renderer.setStyle(this.tooltipElement, 'left', `${left}px`);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevTooltipDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.25", type: TcRevTooltipDirective, isStandalone: true, selector: "[tcRevTooltip]", inputs: { tcRevTooltip: { classPropertyName: "tcRevTooltip", publicName: "tcRevTooltip", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" } }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevTooltipDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[tcRevTooltip]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }], propDecorators: { onMouseEnter: [{
-                type: HostListener,
-                args: ['mouseenter']
-            }], onMouseLeave: [{
-                type: HostListener,
-                args: ['mouseleave']
-            }] } });
-
-class TcRevIconButtonDirective {
-    constructor(_el) {
-        this._el = _el;
-        this.color = input('primary');
-        this.size = input('sm');
-        this.tcRevIconButton = input('filled');
-        effect(() => {
-            this.setClasses();
-        });
-    }
-    setClasses() {
-        const tokenList = this._el.nativeElement.classList;
-        tokenList.remove(...Array.from(tokenList).filter((c) => c.startsWith('tc-rev-btn--')));
-        let tcRevIconButton = this.tcRevIconButton();
-        if (!tcRevIconButton) {
-            tcRevIconButton = '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()}-${tcRevIconButton}`);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevIconButtonDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.25", type: TcRevIconButtonDirective, isStandalone: true, selector: "button[tcRevIconButton]", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, tcRevIconButton: { classPropertyName: "tcRevIconButton", publicName: "tcRevIconButton", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "tc-rev-btn tc-rev-btn-icon" }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevIconButtonDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'button[tcRevIconButton]',
-                    host: {
-                        class: 'tc-rev-btn tc-rev-btn-icon'
-                    }
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }] });
-
-var DropdownSize$1;
+var DropdownSize;
 (function (DropdownSize) {
     DropdownSize["sm"] = "sm";
     DropdownSize["md"] = "md";
     DropdownSize["lg"] = "lg";
-})(DropdownSize$1 || (DropdownSize$1 = {}));
+})(DropdownSize || (DropdownSize = {}));
 const noop = () => { };
 const CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR = {
     provide: NG_VALUE_ACCESSOR,
@@ -8731,14 +8560,14 @@ class TCloudUiDropdownComponent {
         this.options = input.required(); // Lista de opções no novo formato
         this.initialValue = input(null); // Valor pré-selecionado (deprecated - use value instead)
         this.value = model(null); // Two-way binding para o valor selecionado
-        this.size = input(DropdownSize$1.sm);
+        this.size = input(DropdownSize.sm);
         this.width = input(''); // Largura específica do dropdown (ex: '300px', '50%'). Se não informado, ocupa 100% do pai
         this.searchable = input(false); // Habilita campo de busca
         this.searchPlaceholder = input('Buscar...'); // Placeholder do campo de busca
         this.optionSelected = output(); // Emissor para o valor selecionado
         this.selectedOption = signal(null); // Opção selecionada
         this.isOpen = false; // Controla se o dropdown está aberto
-        this.dropdownSize = DropdownSize$1;
+        this.dropdownSize = DropdownSize;
         this.isDesktop = this._deviceService.isDesktop;
         this.isMobile = this._deviceService.isMobile;
         this.searchText = signal(''); // Texto de busca
@@ -8873,7 +8702,7 @@ class TCloudUiDropdownComponent {
         this._disabledByForm.set(isDisabled);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TCloudUiDropdownComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TCloudUiDropdownComponent, isStandalone: true, selector: "tcloud-ui-dropdown", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, initialValue: { classPropertyName: "initialValue", publicName: "initialValue", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: true, isRequired: false, transformFunction: null }, searchPlaceholder: { classPropertyName: "searchPlaceholder", publicName: "searchPlaceholder", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", optionSelected: "optionSelected" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, providers: [CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR], viewQueries: [{ propertyName: "menuTemplate", first: true, predicate: ["menuTemplate"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"tcloud-ui-dropdown\"\n  [class.disabled]=\"isDisabled()\"\n  [style.width]=\"this.width()\"\n>\n  <button\n    class=\"tcloud-ui-dropdown-toggle\"\n    [class.tcloud-ui-dropdown-toggle--sm]=\"this.size() === dropdownSize.sm\"\n    [class.tcloud-ui-dropdown-toggle--md]=\"this.size() === dropdownSize.md\"\n    [class.tcloud-ui-dropdown-toggle--lg]=\"this.size() === dropdownSize.lg\"\n    (click)=\"toggleDropdown()\"\n    [class.disabled]=\"isDisabled()\"\n    [disabled]=\"isDisabled()\"\n  >\n    @if (label()) {\n    <b [innerHTML]=\"label()\"></b>\n    }\n    <span class=\"tcloud-ui-dropdown-selected-text\">\n      {{ selectedOption() ? selectedOption()?.displayValue : \"Selecione\" }}\n    </span>\n    <i class=\"fa-light fa-chevron-down mar-l-a\"></i>\n  </button>\n  <ul *ngIf=\"isOpen && isDesktop()\" class=\"tcloud-ui-dropdown-menu\">\n    <!-- Campo de busca -->\n    @if (searchable()) {\n      <li class=\"tcloud-ui-dropdown-search\">\n        <div class=\"tcloud-ui-dropdown-search-container\">\n          <input\n            type=\"text\"\n            class=\"tcloud-ui-dropdown-search-input\"\n            [placeholder]=\"searchPlaceholder()\"\n            [value]=\"searchText()\"\n            (input)=\"onSearchChange($event)\"\n            (click)=\"$event.stopPropagation()\"\n          />\n          <i class=\"fa-light fa-magnifying-glass tcloud-ui-dropdown-search-icon\"></i>\n          @if (searchText()) {\n            <button\n              type=\"button\"\n              class=\"tcloud-ui-dropdown-search-clear\"\n              (click)=\"clearSearch(); $event.stopPropagation()\"\n            >\n              <i class=\"fa-light fa-times\"></i>\n            </button>\n          }\n        </div>\n      </li>\n    }\n    @for (option of filteredOptions(); track option?.value) {\n    <li class=\"tcloud-ui-dropdown-menu-item\" (click)=\"selectOption(option)\">\n      <button\n        class=\"tcloud-ui-dropdown-menu-item-btn\"\n        [class.selected]=\"selectedOption()?.value === option.value\"\n        [disabled]=\"option?.disabled\"\n      >\n        <span\n          class=\"tcloud-ui-dropdown-option-text\"\n          position=\"top\"\n        >\n          {{ option?.displayValue }}\n        </span>\n\n        @if (selectedOption()?.value === option?.value) {\n        <i class=\"fa-light fa-circle-check\"></i>\n        }\n      </button>\n    </li>\n    }\n    <!-- Mensagem quando nenhum item for encontrado na busca -->\n    @if (searchable() && searchText() && filteredOptions().length === 0) {\n      <li class=\"tcloud-ui-dropdown-no-results\">\n        <span>Nenhuma op\u00E7\u00E3o encontrada</span>\n      </li>\n    }\n  </ul>\n\n  <!-- Dropdown full screen -->\n  <ng-template #menuTemplate>\n    <div class=\"tcloud-ui-dropdown-menu tcloud-ui-dropdown-menu--device\">\n      <div class=\"tcloud-ui-dropdown-menu-section\">\n        <div class=\"tcloud-ui-dropdown-menu-header pad-b-24\">\n          <h3 class=\"mar-none f-h2 f-weight-600 c-neutral-600\">\n            {{ label() }}\n          </h3>\n          <button\n            tcRevIconButton=\"outline\"\n            color=\"dark\"\n            size=\"sm\"\n            (click)=\"_deviceService.closeDropdownDevice()\"\n          >\n            <i class=\"fa-light fa-times f-size-16\"></i>\n          </button>\n        </div>\n        <ul class=\"tcloud-ui-dropdown-menu-container mar-t-8\">\n          <!-- Campo de busca mobile -->\n          @if (searchable()) {\n            <li class=\"tcloud-ui-dropdown-search tcloud-ui-dropdown-search--mobile\">\n              <div class=\"tcloud-ui-dropdown-search-container\">\n                <input\n                  type=\"text\"\n                  class=\"tcloud-ui-dropdown-search-input\"\n                  [placeholder]=\"searchPlaceholder()\"\n                  [value]=\"searchText()\"\n                  (input)=\"onSearchChange($event)\"\n                  (click)=\"$event.stopPropagation()\"\n                />\n                <i class=\"fa-light fa-magnifying-glass tcloud-ui-dropdown-search-icon\"></i>\n                @if (searchText()) {\n                  <button\n                    type=\"button\"\n                    class=\"tcloud-ui-dropdown-search-clear\"\n                    (click)=\"clearSearch(); $event.stopPropagation()\"\n                  >\n                    <i class=\"fa-light fa-times\"></i>\n                  </button>\n                }\n              </div>\n            </li>\n          }\n          @for (option of filteredOptions(); track option?.value) {\n          <li class=\"tcloud-ui-dropdown-menu-item\" (click)=\"selectOption(option)\">\n            <button\n              class=\"tcloud-ui-dropdown-menu-item-btn\"\n              [class.selected]=\"selectedOption()?.value === option.value\"\n              [disabled]=\"option?.disabled\"\n            >\n              {{ option?.displayValue }}\n\n              @if (selectedOption()?.value === option?.value) {\n              <i class=\"fa-light fa-circle-check f-size-16\"></i>\n              }\n            </button>\n          </li>\n          }\n          <!-- Mensagem quando nenhum item for encontrado na busca mobile -->\n          @if (searchable() && searchText() && filteredOptions().length === 0) {\n            <li class=\"tcloud-ui-dropdown-no-results tcloud-ui-dropdown-no-results--mobile\">\n              <span>Nenhuma op\u00E7\u00E3o encontrada</span>\n            </li>\n          }\n        </ul>\n      </div>\n    </div>\n  </ng-template>\n</div>\n", styles: [".tcloud-ui-dropdown{position:relative;display:block;width:100%}.tcloud-ui-dropdown .tcloud-ui-dropdown-toggle{align-items:center;background-color:var(--c-neutral-50);border:1px solid var(--c-neutral-400);border-radius:var(--bor-radius-pill);color:var(--c-neutral-700);cursor:pointer;display:inline-flex;font-family:var(--f-family);font-size:var(--f-size-12);gap:var(--size-4);line-height:var(--l-height-16);outline:none;transition:.2s ease;padding:0 var(--size-16);width:100%}.tcloud-ui-dropdown .tcloud-ui-dropdown-toggle .tcloud-ui-dropdown-selected-text{flex:1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.tcloud-ui-dropdown .tcloud-ui-dropdown-toggle--sm{height:var(--size-40)}.tcloud-ui-dropdown .tcloud-ui-dropdown-toggle--md{height:var(--size-44)}.tcloud-ui-dropdown .tcloud-ui-dropdown-toggle--lg{height:var(--size-48)}.tcloud-ui-dropdown .tcloud-ui-dropdown-toggle:hover,.tcloud-ui-dropdown .tcloud-ui-dropdown-toggle:focus{border-color:var(--c-primary-500)}.tcloud-ui-dropdown .tcloud-ui-dropdown-toggle:disabled{border-color:var(--c-neutral-300);color:var(--c-neutral-300);cursor:not-allowed}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu{box-shadow:var(--shadow-md);position:absolute;top:110%;left:0;background-color:var(--c-neutral-50);border-radius:var(--bor-radius-4);list-style:none;margin:0;max-height:15.625rem;overflow-y:auto;padding:0;width:100%;z-index:1000}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-menu-item .tcloud-ui-dropdown-menu-item-btn{align-items:center;background-color:transparent;border:1px solid var(--c-neutral-50);border-radius:var(--bor-radius-4);color:var(--c-neutral-700);cursor:pointer;display:flex;justify-content:space-between;font-size:var(--f-size-12);line-height:var(--l-height-16);height:var(--size-32);padding:var(--size-8);text-align:left;text-wrap:nowrap;transition:.2s ease;width:100%}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-menu-item .tcloud-ui-dropdown-menu-item-btn .tcloud-ui-dropdown-option-text{flex:1;overflow:hidden;text-align:left;white-space:nowrap}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-menu-item .tcloud-ui-dropdown-menu-item-btn .tcloud-ui-dropdown-option-text.ellipsed{text-overflow:ellipsis}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-menu-item .tcloud-ui-dropdown-menu-item-btn:hover{border-color:var(--c-primary-500);color:var(--c-primary-500)}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-menu-item .tcloud-ui-dropdown-menu-item-btn.selected{background-color:var(--c-primary-300);border-color:var(--c-primary-300);color:var(--c-primary-500);font-weight:var(--f-weight-700)}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-menu-item .tcloud-ui-dropdown-menu-item-btn:disabled{background-color:var(--c-neutral-50);border-color:var(--c-neutral-300);color:var(--c-neutral-500);cursor:not-allowed}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-search{position:sticky;top:0;background-color:var(--c-neutral-50);padding:var(--size-8);border-bottom:1px solid var(--c-neutral-200);z-index:1}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-search .tcloud-ui-dropdown-search-container{position:relative;display:flex;align-items:center}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-search .tcloud-ui-dropdown-search-container .tcloud-ui-dropdown-search-input{width:100%;height:var(--size-32);padding:var(--size-8) var(--size-32) var(--size-8) var(--size-12);border:1px solid var(--c-neutral-300);border-radius:var(--bor-radius-4);font-size:var(--f-size-12);line-height:var(--l-height-16);color:var(--c-neutral-700);background-color:var(--c-neutral-50);outline:none;transition:border-color .2s ease}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-search .tcloud-ui-dropdown-search-container .tcloud-ui-dropdown-search-input:focus{border-color:var(--c-primary-500)}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-search .tcloud-ui-dropdown-search-container .tcloud-ui-dropdown-search-input::placeholder{color:var(--c-neutral-500)}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-search .tcloud-ui-dropdown-search-container .tcloud-ui-dropdown-search-icon{position:absolute;left:var(--size-8);color:var(--c-neutral-500);font-size:var(--f-size-12);pointer-events:none}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-search .tcloud-ui-dropdown-search-container .tcloud-ui-dropdown-search-clear{position:absolute;right:var(--size-8);background:none;border:none;color:var(--c-neutral-500);cursor:pointer;padding:var(--size-2);display:flex;align-items:center;justify-content:center;transition:color .2s ease}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-search .tcloud-ui-dropdown-search-container .tcloud-ui-dropdown-search-clear:hover{color:var(--c-neutral-700)}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-no-results{padding:var(--size-12) var(--size-8);text-align:center;color:var(--c-neutral-500);font-size:var(--f-size-12);font-style:italic}.tcloud-ui-dropdown-menu--device{height:100%;overflow-y:auto;background-color:var(--c-neutral-50);padding:var(--size-16)}.tcloud-ui-dropdown-menu--device .tcloud-ui-dropdown-menu-section{display:contents}.tcloud-ui-dropdown-menu--device .tcloud-ui-dropdown-menu-header{align-items:center;display:flex;gap:var(--size-16);justify-content:space-between}.tcloud-ui-dropdown-menu--device .tcloud-ui-dropdown-menu-container{list-style:none;margin:0;padding:0;gap:.5rem;display:flex;flex-direction:column}.tcloud-ui-dropdown-menu--device .tcloud-ui-dropdown-menu-item .tcloud-ui-dropdown-menu-item-btn{align-items:center;background-color:transparent;border:1px solid var(--c-neutral-50);border-radius:var(--bor-radius-4);color:var(--c-neutral-900);cursor:pointer;display:flex;justify-content:space-between;font-size:var(--f-size-14);line-height:var(--l-height-16);height:var(--size-40);padding:var(--size-12);text-align:left;text-wrap:nowrap;transition:all .2s ease;width:100%}.tcloud-ui-dropdown-menu--device .tcloud-ui-dropdown-menu-item .tcloud-ui-dropdown-menu-item-btn.selected{background-color:var(--c-primary-300);border-color:var(--c-primary-300);color:var(--c-primary-500);font-weight:var(--f-weight-700)}.tcloud-ui-dropdown-menu--device .tcloud-ui-dropdown-menu-item .tcloud-ui-dropdown-menu-item-btn:active:not(:disabled):not(.selected){background-color:var(--c-primary-200);border-color:var(--c-primary-200);color:var(--c-primary-500);transform:scale(.98)}.tcloud-ui-dropdown-menu--device .tcloud-ui-dropdown-menu-item .tcloud-ui-dropdown-menu-item-btn:disabled{background-color:var(--c-neutral-50);border-color:var(--c-neutral-300);color:var(--c-neutral-500);cursor:not-allowed}.tcloud-ui-dropdown-menu--device .tcloud-ui-dropdown-search--mobile{position:sticky;top:0;background-color:var(--c-neutral-50);padding:var(--size-12) 0;margin-bottom:var(--size-8);border-bottom:1px solid var(--c-neutral-200);z-index:1}.tcloud-ui-dropdown-menu--device .tcloud-ui-dropdown-search--mobile .tcloud-ui-dropdown-search-container .tcloud-ui-dropdown-search-input{height:var(--size-40);font-size:var(--f-size-14);padding:var(--size-12) var(--size-40) var(--size-12) var(--size-16)}.tcloud-ui-dropdown-menu--device .tcloud-ui-dropdown-search--mobile .tcloud-ui-dropdown-search-container .tcloud-ui-dropdown-search-icon{left:var(--size-12);font-size:var(--f-size-14)}.tcloud-ui-dropdown-menu--device .tcloud-ui-dropdown-search--mobile .tcloud-ui-dropdown-search-container .tcloud-ui-dropdown-search-clear{right:var(--size-12);padding:var(--size-4)}.tcloud-ui-dropdown-menu--device .tcloud-ui-dropdown-no-results--mobile{padding:var(--size-16) var(--size-12);font-size:var(--f-size-14);color:var(--c-neutral-600)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: TcRevIconButtonDirective, selector: "button[tcRevIconButton]", inputs: ["color", "size", "tcRevIconButton"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TCloudUiDropdownComponent, isStandalone: true, selector: "tcloud-ui-dropdown", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, initialValue: { classPropertyName: "initialValue", publicName: "initialValue", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: true, isRequired: false, transformFunction: null }, searchPlaceholder: { classPropertyName: "searchPlaceholder", publicName: "searchPlaceholder", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", optionSelected: "optionSelected" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, providers: [CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR], viewQueries: [{ propertyName: "menuTemplate", first: true, predicate: ["menuTemplate"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"tcloud-ui-dropdown\"\n  [class.disabled]=\"isDisabled()\"\n  [style.width]=\"this.width()\"\n>\n  <button\n    class=\"tcloud-ui-dropdown-toggle\"\n    [class.tcloud-ui-dropdown-toggle--sm]=\"this.size() === dropdownSize.sm\"\n    [class.tcloud-ui-dropdown-toggle--md]=\"this.size() === dropdownSize.md\"\n    [class.tcloud-ui-dropdown-toggle--lg]=\"this.size() === dropdownSize.lg\"\n    (click)=\"toggleDropdown()\"\n    [class.disabled]=\"isDisabled()\"\n    [disabled]=\"isDisabled()\"\n  >\n    @if (label()) {\n    <b [innerHTML]=\"label()\"></b>\n    }\n    <span class=\"tcloud-ui-dropdown-selected-text\">\n      {{ selectedOption() ? selectedOption()?.displayValue : \"Selecione\" }}\n    </span>\n    <i class=\"fa-light fa-chevron-down mar-l-a\"></i>\n  </button>\n  <ul *ngIf=\"isOpen && isDesktop()\" class=\"tcloud-ui-dropdown-menu\">\n    <!-- Campo de busca -->\n    @if (searchable()) {\n      <li class=\"tcloud-ui-dropdown-search\">\n        <div class=\"tcloud-ui-dropdown-search-container\">\n          <input\n            type=\"text\"\n            class=\"tcloud-ui-dropdown-search-input\"\n            [placeholder]=\"searchPlaceholder()\"\n            [value]=\"searchText()\"\n            (input)=\"onSearchChange($event)\"\n            (click)=\"$event.stopPropagation()\"\n          />\n          <i class=\"fa-light fa-magnifying-glass tcloud-ui-dropdown-search-icon\"></i>\n          @if (searchText()) {\n            <button\n              type=\"button\"\n              class=\"tcloud-ui-dropdown-search-clear\"\n              (click)=\"clearSearch(); $event.stopPropagation()\"\n            >\n              <i class=\"fa-light fa-times\"></i>\n            </button>\n          }\n        </div>\n      </li>\n    }\n    @for (option of filteredOptions(); track option?.value) {\n    <li class=\"tcloud-ui-dropdown-menu-item\" (click)=\"selectOption(option)\">\n      <button\n        class=\"tcloud-ui-dropdown-menu-item-btn\"\n        [class.selected]=\"selectedOption()?.value === option.value\"\n        [disabled]=\"option?.disabled\"\n      >\n        <span\n          class=\"tcloud-ui-dropdown-option-text\"\n          position=\"top\"\n        >\n          {{ option?.displayValue }}\n        </span>\n\n        @if (selectedOption()?.value === option?.value) {\n        <i class=\"fa-light fa-circle-check\"></i>\n        }\n      </button>\n    </li>\n    }\n    <!-- Mensagem quando nenhum item for encontrado na busca -->\n    @if (searchable() && searchText() && filteredOptions().length === 0) {\n      <li class=\"tcloud-ui-dropdown-no-results\">\n        <span>Nenhuma op\u00E7\u00E3o encontrada</span>\n      </li>\n    }\n  </ul>\n\n  <!-- Dropdown full screen -->\n  <ng-template #menuTemplate>\n    <div class=\"tcloud-ui-dropdown-menu tcloud-ui-dropdown-menu--device\">\n      <div class=\"tcloud-ui-dropdown-menu-section\">\n        <div class=\"tcloud-ui-dropdown-menu-header pad-b-24\">\n          <h3 class=\"mar-none f-h2 f-weight-600 c-neutral-600\">\n            {{ label() }}\n          </h3>\n          <button\n            tcloudUiIconButton=\"outline\"\n            color=\"dark\"\n            size=\"sm\"\n            (click)=\"_deviceService.closeDropdownDevice()\"\n          >\n            <i class=\"fa-light fa-times f-size-16\"></i>\n          </button>\n        </div>\n        <ul class=\"tcloud-ui-dropdown-menu-container mar-t-8\">\n          <!-- Campo de busca mobile -->\n          @if (searchable()) {\n            <li class=\"tcloud-ui-dropdown-search tcloud-ui-dropdown-search--mobile\">\n              <div class=\"tcloud-ui-dropdown-search-container\">\n                <input\n                  type=\"text\"\n                  class=\"tcloud-ui-dropdown-search-input\"\n                  [placeholder]=\"searchPlaceholder()\"\n                  [value]=\"searchText()\"\n                  (input)=\"onSearchChange($event)\"\n                  (click)=\"$event.stopPropagation()\"\n                />\n                <i class=\"fa-light fa-magnifying-glass tcloud-ui-dropdown-search-icon\"></i>\n                @if (searchText()) {\n                  <button\n                    type=\"button\"\n                    class=\"tcloud-ui-dropdown-search-clear\"\n                    (click)=\"clearSearch(); $event.stopPropagation()\"\n                  >\n                    <i class=\"fa-light fa-times\"></i>\n                  </button>\n                }\n              </div>\n            </li>\n          }\n          @for (option of filteredOptions(); track option?.value) {\n          <li class=\"tcloud-ui-dropdown-menu-item\" (click)=\"selectOption(option)\">\n            <button\n              class=\"tcloud-ui-dropdown-menu-item-btn\"\n              [class.selected]=\"selectedOption()?.value === option.value\"\n              [disabled]=\"option?.disabled\"\n            >\n              {{ option?.displayValue }}\n\n              @if (selectedOption()?.value === option?.value) {\n              <i class=\"fa-light fa-circle-check f-size-16\"></i>\n              }\n            </button>\n          </li>\n          }\n          <!-- Mensagem quando nenhum item for encontrado na busca mobile -->\n          @if (searchable() && searchText() && filteredOptions().length === 0) {\n            <li class=\"tcloud-ui-dropdown-no-results tcloud-ui-dropdown-no-results--mobile\">\n              <span>Nenhuma op\u00E7\u00E3o encontrada</span>\n            </li>\n          }\n        </ul>\n      </div>\n    </div>\n  </ng-template>\n</div>\n", styles: [".tcloud-ui-dropdown{position:relative;display:block;width:100%}.tcloud-ui-dropdown .tcloud-ui-dropdown-toggle{align-items:center;background-color:var(--c-neutral-50);border:1px solid var(--c-neutral-400);border-radius:var(--bor-radius-pill);color:var(--c-neutral-700);cursor:pointer;display:inline-flex;font-family:var(--f-family);font-size:var(--f-size-12);gap:var(--size-4);line-height:var(--l-height-16);outline:none;transition:.2s ease;padding:0 var(--size-16);width:100%}.tcloud-ui-dropdown .tcloud-ui-dropdown-toggle .tcloud-ui-dropdown-selected-text{flex:1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.tcloud-ui-dropdown .tcloud-ui-dropdown-toggle--sm{height:var(--size-40)}.tcloud-ui-dropdown .tcloud-ui-dropdown-toggle--md{height:var(--size-44)}.tcloud-ui-dropdown .tcloud-ui-dropdown-toggle--lg{height:var(--size-48)}.tcloud-ui-dropdown .tcloud-ui-dropdown-toggle:hover,.tcloud-ui-dropdown .tcloud-ui-dropdown-toggle:focus{border-color:var(--c-primary-500)}.tcloud-ui-dropdown .tcloud-ui-dropdown-toggle:disabled{border-color:var(--c-neutral-300);color:var(--c-neutral-300);cursor:not-allowed}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu{box-shadow:var(--shadow-md);position:absolute;top:110%;left:0;background-color:var(--c-neutral-50);border-radius:var(--bor-radius-4);list-style:none;margin:0;max-height:15.625rem;overflow-y:auto;padding:0;width:100%;z-index:1000}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-menu-item .tcloud-ui-dropdown-menu-item-btn{align-items:center;background-color:transparent;border:1px solid var(--c-neutral-50);border-radius:var(--bor-radius-4);color:var(--c-neutral-700);cursor:pointer;display:flex;justify-content:space-between;font-size:var(--f-size-12);line-height:var(--l-height-16);height:var(--size-32);padding:var(--size-8);text-align:left;text-wrap:nowrap;transition:.2s ease;width:100%}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-menu-item .tcloud-ui-dropdown-menu-item-btn .tcloud-ui-dropdown-option-text{flex:1;overflow:hidden;text-align:left;white-space:nowrap}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-menu-item .tcloud-ui-dropdown-menu-item-btn .tcloud-ui-dropdown-option-text.ellipsed{text-overflow:ellipsis}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-menu-item .tcloud-ui-dropdown-menu-item-btn:hover{border-color:var(--c-primary-500);color:var(--c-primary-500)}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-menu-item .tcloud-ui-dropdown-menu-item-btn.selected{background-color:var(--c-primary-300);border-color:var(--c-primary-300);color:var(--c-primary-500);font-weight:var(--f-weight-700)}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-menu-item .tcloud-ui-dropdown-menu-item-btn:disabled{background-color:var(--c-neutral-50);border-color:var(--c-neutral-300);color:var(--c-neutral-500);cursor:not-allowed}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-search{position:sticky;top:0;background-color:var(--c-neutral-50);padding:var(--size-8);border-bottom:1px solid var(--c-neutral-200);z-index:1}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-search .tcloud-ui-dropdown-search-container{position:relative;display:flex;align-items:center}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-search .tcloud-ui-dropdown-search-container .tcloud-ui-dropdown-search-input{width:100%;height:var(--size-32);padding:var(--size-8) var(--size-32) var(--size-8) var(--size-12);border:1px solid var(--c-neutral-300);border-radius:var(--bor-radius-4);font-size:var(--f-size-12);line-height:var(--l-height-16);color:var(--c-neutral-700);background-color:var(--c-neutral-50);outline:none;transition:border-color .2s ease}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-search .tcloud-ui-dropdown-search-container .tcloud-ui-dropdown-search-input:focus{border-color:var(--c-primary-500)}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-search .tcloud-ui-dropdown-search-container .tcloud-ui-dropdown-search-input::placeholder{color:var(--c-neutral-500)}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-search .tcloud-ui-dropdown-search-container .tcloud-ui-dropdown-search-icon{position:absolute;left:var(--size-8);color:var(--c-neutral-500);font-size:var(--f-size-12);pointer-events:none}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-search .tcloud-ui-dropdown-search-container .tcloud-ui-dropdown-search-clear{position:absolute;right:var(--size-8);background:none;border:none;color:var(--c-neutral-500);cursor:pointer;padding:var(--size-2);display:flex;align-items:center;justify-content:center;transition:color .2s ease}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-search .tcloud-ui-dropdown-search-container .tcloud-ui-dropdown-search-clear:hover{color:var(--c-neutral-700)}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-no-results{padding:var(--size-12) var(--size-8);text-align:center;color:var(--c-neutral-500);font-size:var(--f-size-12);font-style:italic}.tcloud-ui-dropdown-menu--device{height:100%;overflow-y:auto;background-color:var(--c-neutral-50);padding:var(--size-16)}.tcloud-ui-dropdown-menu--device .tcloud-ui-dropdown-menu-section{display:contents}.tcloud-ui-dropdown-menu--device .tcloud-ui-dropdown-menu-header{align-items:center;display:flex;gap:var(--size-16);justify-content:space-between}.tcloud-ui-dropdown-menu--device .tcloud-ui-dropdown-menu-container{list-style:none;margin:0;padding:0;gap:.5rem;display:flex;flex-direction:column}.tcloud-ui-dropdown-menu--device .tcloud-ui-dropdown-menu-item .tcloud-ui-dropdown-menu-item-btn{align-items:center;background-color:transparent;border:1px solid var(--c-neutral-50);border-radius:var(--bor-radius-4);color:var(--c-neutral-900);cursor:pointer;display:flex;justify-content:space-between;font-size:var(--f-size-14);line-height:var(--l-height-16);height:var(--size-40);padding:var(--size-12);text-align:left;text-wrap:nowrap;transition:all .2s ease;width:100%}.tcloud-ui-dropdown-menu--device .tcloud-ui-dropdown-menu-item .tcloud-ui-dropdown-menu-item-btn.selected{background-color:var(--c-primary-300);border-color:var(--c-primary-300);color:var(--c-primary-500);font-weight:var(--f-weight-700)}.tcloud-ui-dropdown-menu--device .tcloud-ui-dropdown-menu-item .tcloud-ui-dropdown-menu-item-btn:active:not(:disabled):not(.selected){background-color:var(--c-primary-200);border-color:var(--c-primary-200);color:var(--c-primary-500);transform:scale(.98)}.tcloud-ui-dropdown-menu--device .tcloud-ui-dropdown-menu-item .tcloud-ui-dropdown-menu-item-btn:disabled{background-color:var(--c-neutral-50);border-color:var(--c-neutral-300);color:var(--c-neutral-500);cursor:not-allowed}.tcloud-ui-dropdown-menu--device .tcloud-ui-dropdown-search--mobile{position:sticky;top:0;background-color:var(--c-neutral-50);padding:var(--size-12) 0;margin-bottom:var(--size-8);border-bottom:1px solid var(--c-neutral-200);z-index:1}.tcloud-ui-dropdown-menu--device .tcloud-ui-dropdown-search--mobile .tcloud-ui-dropdown-search-container .tcloud-ui-dropdown-search-input{height:var(--size-40);font-size:var(--f-size-14);padding:var(--size-12) var(--size-40) var(--size-12) var(--size-16)}.tcloud-ui-dropdown-menu--device .tcloud-ui-dropdown-search--mobile .tcloud-ui-dropdown-search-container .tcloud-ui-dropdown-search-icon{left:var(--size-12);font-size:var(--f-size-14)}.tcloud-ui-dropdown-menu--device .tcloud-ui-dropdown-search--mobile .tcloud-ui-dropdown-search-container .tcloud-ui-dropdown-search-clear{right:var(--size-12);padding:var(--size-4)}.tcloud-ui-dropdown-menu--device .tcloud-ui-dropdown-no-results--mobile{padding:var(--size-16) var(--size-12);font-size:var(--f-size-14);color:var(--c-neutral-600)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TCloudUiDropdownComponent, decorators: [{
             type: Component,
@@ -8881,9 +8710,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                         CommonModule,
                         FormsModule,
                         ReactiveFormsModule,
-                        TcRevTooltipDirective,
-                        TcRevIconButtonDirective
-                    ], providers: [CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR], template: "<div\n  class=\"tcloud-ui-dropdown\"\n  [class.disabled]=\"isDisabled()\"\n  [style.width]=\"this.width()\"\n>\n  <button\n    class=\"tcloud-ui-dropdown-toggle\"\n    [class.tcloud-ui-dropdown-toggle--sm]=\"this.size() === dropdownSize.sm\"\n    [class.tcloud-ui-dropdown-toggle--md]=\"this.size() === dropdownSize.md\"\n    [class.tcloud-ui-dropdown-toggle--lg]=\"this.size() === dropdownSize.lg\"\n    (click)=\"toggleDropdown()\"\n    [class.disabled]=\"isDisabled()\"\n    [disabled]=\"isDisabled()\"\n  >\n    @if (label()) {\n    <b [innerHTML]=\"label()\"></b>\n    }\n    <span class=\"tcloud-ui-dropdown-selected-text\">\n      {{ selectedOption() ? selectedOption()?.displayValue : \"Selecione\" }}\n    </span>\n    <i class=\"fa-light fa-chevron-down mar-l-a\"></i>\n  </button>\n  <ul *ngIf=\"isOpen && isDesktop()\" class=\"tcloud-ui-dropdown-menu\">\n    <!-- Campo de busca -->\n    @if (searchable()) {\n      <li class=\"tcloud-ui-dropdown-search\">\n        <div class=\"tcloud-ui-dropdown-search-container\">\n          <input\n            type=\"text\"\n            class=\"tcloud-ui-dropdown-search-input\"\n            [placeholder]=\"searchPlaceholder()\"\n            [value]=\"searchText()\"\n            (input)=\"onSearchChange($event)\"\n            (click)=\"$event.stopPropagation()\"\n          />\n          <i class=\"fa-light fa-magnifying-glass tcloud-ui-dropdown-search-icon\"></i>\n          @if (searchText()) {\n            <button\n              type=\"button\"\n              class=\"tcloud-ui-dropdown-search-clear\"\n              (click)=\"clearSearch(); $event.stopPropagation()\"\n            >\n              <i class=\"fa-light fa-times\"></i>\n            </button>\n          }\n        </div>\n      </li>\n    }\n    @for (option of filteredOptions(); track option?.value) {\n    <li class=\"tcloud-ui-dropdown-menu-item\" (click)=\"selectOption(option)\">\n      <button\n        class=\"tcloud-ui-dropdown-menu-item-btn\"\n        [class.selected]=\"selectedOption()?.value === option.value\"\n        [disabled]=\"option?.disabled\"\n      >\n        <span\n          class=\"tcloud-ui-dropdown-option-text\"\n          position=\"top\"\n        >\n          {{ option?.displayValue }}\n        </span>\n\n        @if (selectedOption()?.value === option?.value) {\n        <i class=\"fa-light fa-circle-check\"></i>\n        }\n      </button>\n    </li>\n    }\n    <!-- Mensagem quando nenhum item for encontrado na busca -->\n    @if (searchable() && searchText() && filteredOptions().length === 0) {\n      <li class=\"tcloud-ui-dropdown-no-results\">\n        <span>Nenhuma op\u00E7\u00E3o encontrada</span>\n      </li>\n    }\n  </ul>\n\n  <!-- Dropdown full screen -->\n  <ng-template #menuTemplate>\n    <div class=\"tcloud-ui-dropdown-menu tcloud-ui-dropdown-menu--device\">\n      <div class=\"tcloud-ui-dropdown-menu-section\">\n        <div class=\"tcloud-ui-dropdown-menu-header pad-b-24\">\n          <h3 class=\"mar-none f-h2 f-weight-600 c-neutral-600\">\n            {{ label() }}\n          </h3>\n          <button\n            tcRevIconButton=\"outline\"\n            color=\"dark\"\n            size=\"sm\"\n            (click)=\"_deviceService.closeDropdownDevice()\"\n          >\n            <i class=\"fa-light fa-times f-size-16\"></i>\n          </button>\n        </div>\n        <ul class=\"tcloud-ui-dropdown-menu-container mar-t-8\">\n          <!-- Campo de busca mobile -->\n          @if (searchable()) {\n            <li class=\"tcloud-ui-dropdown-search tcloud-ui-dropdown-search--mobile\">\n              <div class=\"tcloud-ui-dropdown-search-container\">\n                <input\n                  type=\"text\"\n                  class=\"tcloud-ui-dropdown-search-input\"\n                  [placeholder]=\"searchPlaceholder()\"\n                  [value]=\"searchText()\"\n                  (input)=\"onSearchChange($event)\"\n                  (click)=\"$event.stopPropagation()\"\n                />\n                <i class=\"fa-light fa-magnifying-glass tcloud-ui-dropdown-search-icon\"></i>\n                @if (searchText()) {\n                  <button\n                    type=\"button\"\n                    class=\"tcloud-ui-dropdown-search-clear\"\n                    (click)=\"clearSearch(); $event.stopPropagation()\"\n                  >\n                    <i class=\"fa-light fa-times\"></i>\n                  </button>\n                }\n              </div>\n            </li>\n          }\n          @for (option of filteredOptions(); track option?.value) {\n          <li class=\"tcloud-ui-dropdown-menu-item\" (click)=\"selectOption(option)\">\n            <button\n              class=\"tcloud-ui-dropdown-menu-item-btn\"\n              [class.selected]=\"selectedOption()?.value === option.value\"\n              [disabled]=\"option?.disabled\"\n            >\n              {{ option?.displayValue }}\n\n              @if (selectedOption()?.value === option?.value) {\n              <i class=\"fa-light fa-circle-check f-size-16\"></i>\n              }\n            </button>\n          </li>\n          }\n          <!-- Mensagem quando nenhum item for encontrado na busca mobile -->\n          @if (searchable() && searchText() && filteredOptions().length === 0) {\n            <li class=\"tcloud-ui-dropdown-no-results tcloud-ui-dropdown-no-results--mobile\">\n              <span>Nenhuma op\u00E7\u00E3o encontrada</span>\n            </li>\n          }\n        </ul>\n      </div>\n    </div>\n  </ng-template>\n</div>\n", styles: [".tcloud-ui-dropdown{position:relative;display:block;width:100%}.tcloud-ui-dropdown .tcloud-ui-dropdown-toggle{align-items:center;background-color:var(--c-neutral-50);border:1px solid var(--c-neutral-400);border-radius:var(--bor-radius-pill);color:var(--c-neutral-700);cursor:pointer;display:inline-flex;font-family:var(--f-family);font-size:var(--f-size-12);gap:var(--size-4);line-height:var(--l-height-16);outline:none;transition:.2s ease;padding:0 var(--size-16);width:100%}.tcloud-ui-dropdown .tcloud-ui-dropdown-toggle .tcloud-ui-dropdown-selected-text{flex:1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.tcloud-ui-dropdown .tcloud-ui-dropdown-toggle--sm{height:var(--size-40)}.tcloud-ui-dropdown .tcloud-ui-dropdown-toggle--md{height:var(--size-44)}.tcloud-ui-dropdown .tcloud-ui-dropdown-toggle--lg{height:var(--size-48)}.tcloud-ui-dropdown .tcloud-ui-dropdown-toggle:hover,.tcloud-ui-dropdown .tcloud-ui-dropdown-toggle:focus{border-color:var(--c-primary-500)}.tcloud-ui-dropdown .tcloud-ui-dropdown-toggle:disabled{border-color:var(--c-neutral-300);color:var(--c-neutral-300);cursor:not-allowed}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu{box-shadow:var(--shadow-md);position:absolute;top:110%;left:0;background-color:var(--c-neutral-50);border-radius:var(--bor-radius-4);list-style:none;margin:0;max-height:15.625rem;overflow-y:auto;padding:0;width:100%;z-index:1000}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-menu-item .tcloud-ui-dropdown-menu-item-btn{align-items:center;background-color:transparent;border:1px solid var(--c-neutral-50);border-radius:var(--bor-radius-4);color:var(--c-neutral-700);cursor:pointer;display:flex;justify-content:space-between;font-size:var(--f-size-12);line-height:var(--l-height-16);height:var(--size-32);padding:var(--size-8);text-align:left;text-wrap:nowrap;transition:.2s ease;width:100%}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-menu-item .tcloud-ui-dropdown-menu-item-btn .tcloud-ui-dropdown-option-text{flex:1;overflow:hidden;text-align:left;white-space:nowrap}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-menu-item .tcloud-ui-dropdown-menu-item-btn .tcloud-ui-dropdown-option-text.ellipsed{text-overflow:ellipsis}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-menu-item .tcloud-ui-dropdown-menu-item-btn:hover{border-color:var(--c-primary-500);color:var(--c-primary-500)}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-menu-item .tcloud-ui-dropdown-menu-item-btn.selected{background-color:var(--c-primary-300);border-color:var(--c-primary-300);color:var(--c-primary-500);font-weight:var(--f-weight-700)}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-menu-item .tcloud-ui-dropdown-menu-item-btn:disabled{background-color:var(--c-neutral-50);border-color:var(--c-neutral-300);color:var(--c-neutral-500);cursor:not-allowed}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-search{position:sticky;top:0;background-color:var(--c-neutral-50);padding:var(--size-8);border-bottom:1px solid var(--c-neutral-200);z-index:1}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-search .tcloud-ui-dropdown-search-container{position:relative;display:flex;align-items:center}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-search .tcloud-ui-dropdown-search-container .tcloud-ui-dropdown-search-input{width:100%;height:var(--size-32);padding:var(--size-8) var(--size-32) var(--size-8) var(--size-12);border:1px solid var(--c-neutral-300);border-radius:var(--bor-radius-4);font-size:var(--f-size-12);line-height:var(--l-height-16);color:var(--c-neutral-700);background-color:var(--c-neutral-50);outline:none;transition:border-color .2s ease}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-search .tcloud-ui-dropdown-search-container .tcloud-ui-dropdown-search-input:focus{border-color:var(--c-primary-500)}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-search .tcloud-ui-dropdown-search-container .tcloud-ui-dropdown-search-input::placeholder{color:var(--c-neutral-500)}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-search .tcloud-ui-dropdown-search-container .tcloud-ui-dropdown-search-icon{position:absolute;left:var(--size-8);color:var(--c-neutral-500);font-size:var(--f-size-12);pointer-events:none}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-search .tcloud-ui-dropdown-search-container .tcloud-ui-dropdown-search-clear{position:absolute;right:var(--size-8);background:none;border:none;color:var(--c-neutral-500);cursor:pointer;padding:var(--size-2);display:flex;align-items:center;justify-content:center;transition:color .2s ease}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-search .tcloud-ui-dropdown-search-container .tcloud-ui-dropdown-search-clear:hover{color:var(--c-neutral-700)}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-no-results{padding:var(--size-12) var(--size-8);text-align:center;color:var(--c-neutral-500);font-size:var(--f-size-12);font-style:italic}.tcloud-ui-dropdown-menu--device{height:100%;overflow-y:auto;background-color:var(--c-neutral-50);padding:var(--size-16)}.tcloud-ui-dropdown-menu--device .tcloud-ui-dropdown-menu-section{display:contents}.tcloud-ui-dropdown-menu--device .tcloud-ui-dropdown-menu-header{align-items:center;display:flex;gap:var(--size-16);justify-content:space-between}.tcloud-ui-dropdown-menu--device .tcloud-ui-dropdown-menu-container{list-style:none;margin:0;padding:0;gap:.5rem;display:flex;flex-direction:column}.tcloud-ui-dropdown-menu--device .tcloud-ui-dropdown-menu-item .tcloud-ui-dropdown-menu-item-btn{align-items:center;background-color:transparent;border:1px solid var(--c-neutral-50);border-radius:var(--bor-radius-4);color:var(--c-neutral-900);cursor:pointer;display:flex;justify-content:space-between;font-size:var(--f-size-14);line-height:var(--l-height-16);height:var(--size-40);padding:var(--size-12);text-align:left;text-wrap:nowrap;transition:all .2s ease;width:100%}.tcloud-ui-dropdown-menu--device .tcloud-ui-dropdown-menu-item .tcloud-ui-dropdown-menu-item-btn.selected{background-color:var(--c-primary-300);border-color:var(--c-primary-300);color:var(--c-primary-500);font-weight:var(--f-weight-700)}.tcloud-ui-dropdown-menu--device .tcloud-ui-dropdown-menu-item .tcloud-ui-dropdown-menu-item-btn:active:not(:disabled):not(.selected){background-color:var(--c-primary-200);border-color:var(--c-primary-200);color:var(--c-primary-500);transform:scale(.98)}.tcloud-ui-dropdown-menu--device .tcloud-ui-dropdown-menu-item .tcloud-ui-dropdown-menu-item-btn:disabled{background-color:var(--c-neutral-50);border-color:var(--c-neutral-300);color:var(--c-neutral-500);cursor:not-allowed}.tcloud-ui-dropdown-menu--device .tcloud-ui-dropdown-search--mobile{position:sticky;top:0;background-color:var(--c-neutral-50);padding:var(--size-12) 0;margin-bottom:var(--size-8);border-bottom:1px solid var(--c-neutral-200);z-index:1}.tcloud-ui-dropdown-menu--device .tcloud-ui-dropdown-search--mobile .tcloud-ui-dropdown-search-container .tcloud-ui-dropdown-search-input{height:var(--size-40);font-size:var(--f-size-14);padding:var(--size-12) var(--size-40) var(--size-12) var(--size-16)}.tcloud-ui-dropdown-menu--device .tcloud-ui-dropdown-search--mobile .tcloud-ui-dropdown-search-container .tcloud-ui-dropdown-search-icon{left:var(--size-12);font-size:var(--f-size-14)}.tcloud-ui-dropdown-menu--device .tcloud-ui-dropdown-search--mobile .tcloud-ui-dropdown-search-container .tcloud-ui-dropdown-search-clear{right:var(--size-12);padding:var(--size-4)}.tcloud-ui-dropdown-menu--device .tcloud-ui-dropdown-no-results--mobile{padding:var(--size-16) var(--size-12);font-size:var(--f-size-14);color:var(--c-neutral-600)}\n"] }]
+                        TCloudUiButtonDirective,
+                    ], providers: [CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR], template: "<div\n  class=\"tcloud-ui-dropdown\"\n  [class.disabled]=\"isDisabled()\"\n  [style.width]=\"this.width()\"\n>\n  <button\n    class=\"tcloud-ui-dropdown-toggle\"\n    [class.tcloud-ui-dropdown-toggle--sm]=\"this.size() === dropdownSize.sm\"\n    [class.tcloud-ui-dropdown-toggle--md]=\"this.size() === dropdownSize.md\"\n    [class.tcloud-ui-dropdown-toggle--lg]=\"this.size() === dropdownSize.lg\"\n    (click)=\"toggleDropdown()\"\n    [class.disabled]=\"isDisabled()\"\n    [disabled]=\"isDisabled()\"\n  >\n    @if (label()) {\n    <b [innerHTML]=\"label()\"></b>\n    }\n    <span class=\"tcloud-ui-dropdown-selected-text\">\n      {{ selectedOption() ? selectedOption()?.displayValue : \"Selecione\" }}\n    </span>\n    <i class=\"fa-light fa-chevron-down mar-l-a\"></i>\n  </button>\n  <ul *ngIf=\"isOpen && isDesktop()\" class=\"tcloud-ui-dropdown-menu\">\n    <!-- Campo de busca -->\n    @if (searchable()) {\n      <li class=\"tcloud-ui-dropdown-search\">\n        <div class=\"tcloud-ui-dropdown-search-container\">\n          <input\n            type=\"text\"\n            class=\"tcloud-ui-dropdown-search-input\"\n            [placeholder]=\"searchPlaceholder()\"\n            [value]=\"searchText()\"\n            (input)=\"onSearchChange($event)\"\n            (click)=\"$event.stopPropagation()\"\n          />\n          <i class=\"fa-light fa-magnifying-glass tcloud-ui-dropdown-search-icon\"></i>\n          @if (searchText()) {\n            <button\n              type=\"button\"\n              class=\"tcloud-ui-dropdown-search-clear\"\n              (click)=\"clearSearch(); $event.stopPropagation()\"\n            >\n              <i class=\"fa-light fa-times\"></i>\n            </button>\n          }\n        </div>\n      </li>\n    }\n    @for (option of filteredOptions(); track option?.value) {\n    <li class=\"tcloud-ui-dropdown-menu-item\" (click)=\"selectOption(option)\">\n      <button\n        class=\"tcloud-ui-dropdown-menu-item-btn\"\n        [class.selected]=\"selectedOption()?.value === option.value\"\n        [disabled]=\"option?.disabled\"\n      >\n        <span\n          class=\"tcloud-ui-dropdown-option-text\"\n          position=\"top\"\n        >\n          {{ option?.displayValue }}\n        </span>\n\n        @if (selectedOption()?.value === option?.value) {\n        <i class=\"fa-light fa-circle-check\"></i>\n        }\n      </button>\n    </li>\n    }\n    <!-- Mensagem quando nenhum item for encontrado na busca -->\n    @if (searchable() && searchText() && filteredOptions().length === 0) {\n      <li class=\"tcloud-ui-dropdown-no-results\">\n        <span>Nenhuma op\u00E7\u00E3o encontrada</span>\n      </li>\n    }\n  </ul>\n\n  <!-- Dropdown full screen -->\n  <ng-template #menuTemplate>\n    <div class=\"tcloud-ui-dropdown-menu tcloud-ui-dropdown-menu--device\">\n      <div class=\"tcloud-ui-dropdown-menu-section\">\n        <div class=\"tcloud-ui-dropdown-menu-header pad-b-24\">\n          <h3 class=\"mar-none f-h2 f-weight-600 c-neutral-600\">\n            {{ label() }}\n          </h3>\n          <button\n            tcloudUiIconButton=\"outline\"\n            color=\"dark\"\n            size=\"sm\"\n            (click)=\"_deviceService.closeDropdownDevice()\"\n          >\n            <i class=\"fa-light fa-times f-size-16\"></i>\n          </button>\n        </div>\n        <ul class=\"tcloud-ui-dropdown-menu-container mar-t-8\">\n          <!-- Campo de busca mobile -->\n          @if (searchable()) {\n            <li class=\"tcloud-ui-dropdown-search tcloud-ui-dropdown-search--mobile\">\n              <div class=\"tcloud-ui-dropdown-search-container\">\n                <input\n                  type=\"text\"\n                  class=\"tcloud-ui-dropdown-search-input\"\n                  [placeholder]=\"searchPlaceholder()\"\n                  [value]=\"searchText()\"\n                  (input)=\"onSearchChange($event)\"\n                  (click)=\"$event.stopPropagation()\"\n                />\n                <i class=\"fa-light fa-magnifying-glass tcloud-ui-dropdown-search-icon\"></i>\n                @if (searchText()) {\n                  <button\n                    type=\"button\"\n                    class=\"tcloud-ui-dropdown-search-clear\"\n                    (click)=\"clearSearch(); $event.stopPropagation()\"\n                  >\n                    <i class=\"fa-light fa-times\"></i>\n                  </button>\n                }\n              </div>\n            </li>\n          }\n          @for (option of filteredOptions(); track option?.value) {\n          <li class=\"tcloud-ui-dropdown-menu-item\" (click)=\"selectOption(option)\">\n            <button\n              class=\"tcloud-ui-dropdown-menu-item-btn\"\n              [class.selected]=\"selectedOption()?.value === option.value\"\n              [disabled]=\"option?.disabled\"\n            >\n              {{ option?.displayValue }}\n\n              @if (selectedOption()?.value === option?.value) {\n              <i class=\"fa-light fa-circle-check f-size-16\"></i>\n              }\n            </button>\n          </li>\n          }\n          <!-- Mensagem quando nenhum item for encontrado na busca mobile -->\n          @if (searchable() && searchText() && filteredOptions().length === 0) {\n            <li class=\"tcloud-ui-dropdown-no-results tcloud-ui-dropdown-no-results--mobile\">\n              <span>Nenhuma op\u00E7\u00E3o encontrada</span>\n            </li>\n          }\n        </ul>\n      </div>\n    </div>\n  </ng-template>\n</div>\n", styles: [".tcloud-ui-dropdown{position:relative;display:block;width:100%}.tcloud-ui-dropdown .tcloud-ui-dropdown-toggle{align-items:center;background-color:var(--c-neutral-50);border:1px solid var(--c-neutral-400);border-radius:var(--bor-radius-pill);color:var(--c-neutral-700);cursor:pointer;display:inline-flex;font-family:var(--f-family);font-size:var(--f-size-12);gap:var(--size-4);line-height:var(--l-height-16);outline:none;transition:.2s ease;padding:0 var(--size-16);width:100%}.tcloud-ui-dropdown .tcloud-ui-dropdown-toggle .tcloud-ui-dropdown-selected-text{flex:1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.tcloud-ui-dropdown .tcloud-ui-dropdown-toggle--sm{height:var(--size-40)}.tcloud-ui-dropdown .tcloud-ui-dropdown-toggle--md{height:var(--size-44)}.tcloud-ui-dropdown .tcloud-ui-dropdown-toggle--lg{height:var(--size-48)}.tcloud-ui-dropdown .tcloud-ui-dropdown-toggle:hover,.tcloud-ui-dropdown .tcloud-ui-dropdown-toggle:focus{border-color:var(--c-primary-500)}.tcloud-ui-dropdown .tcloud-ui-dropdown-toggle:disabled{border-color:var(--c-neutral-300);color:var(--c-neutral-300);cursor:not-allowed}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu{box-shadow:var(--shadow-md);position:absolute;top:110%;left:0;background-color:var(--c-neutral-50);border-radius:var(--bor-radius-4);list-style:none;margin:0;max-height:15.625rem;overflow-y:auto;padding:0;width:100%;z-index:1000}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-menu-item .tcloud-ui-dropdown-menu-item-btn{align-items:center;background-color:transparent;border:1px solid var(--c-neutral-50);border-radius:var(--bor-radius-4);color:var(--c-neutral-700);cursor:pointer;display:flex;justify-content:space-between;font-size:var(--f-size-12);line-height:var(--l-height-16);height:var(--size-32);padding:var(--size-8);text-align:left;text-wrap:nowrap;transition:.2s ease;width:100%}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-menu-item .tcloud-ui-dropdown-menu-item-btn .tcloud-ui-dropdown-option-text{flex:1;overflow:hidden;text-align:left;white-space:nowrap}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-menu-item .tcloud-ui-dropdown-menu-item-btn .tcloud-ui-dropdown-option-text.ellipsed{text-overflow:ellipsis}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-menu-item .tcloud-ui-dropdown-menu-item-btn:hover{border-color:var(--c-primary-500);color:var(--c-primary-500)}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-menu-item .tcloud-ui-dropdown-menu-item-btn.selected{background-color:var(--c-primary-300);border-color:var(--c-primary-300);color:var(--c-primary-500);font-weight:var(--f-weight-700)}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-menu-item .tcloud-ui-dropdown-menu-item-btn:disabled{background-color:var(--c-neutral-50);border-color:var(--c-neutral-300);color:var(--c-neutral-500);cursor:not-allowed}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-search{position:sticky;top:0;background-color:var(--c-neutral-50);padding:var(--size-8);border-bottom:1px solid var(--c-neutral-200);z-index:1}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-search .tcloud-ui-dropdown-search-container{position:relative;display:flex;align-items:center}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-search .tcloud-ui-dropdown-search-container .tcloud-ui-dropdown-search-input{width:100%;height:var(--size-32);padding:var(--size-8) var(--size-32) var(--size-8) var(--size-12);border:1px solid var(--c-neutral-300);border-radius:var(--bor-radius-4);font-size:var(--f-size-12);line-height:var(--l-height-16);color:var(--c-neutral-700);background-color:var(--c-neutral-50);outline:none;transition:border-color .2s ease}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-search .tcloud-ui-dropdown-search-container .tcloud-ui-dropdown-search-input:focus{border-color:var(--c-primary-500)}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-search .tcloud-ui-dropdown-search-container .tcloud-ui-dropdown-search-input::placeholder{color:var(--c-neutral-500)}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-search .tcloud-ui-dropdown-search-container .tcloud-ui-dropdown-search-icon{position:absolute;left:var(--size-8);color:var(--c-neutral-500);font-size:var(--f-size-12);pointer-events:none}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-search .tcloud-ui-dropdown-search-container .tcloud-ui-dropdown-search-clear{position:absolute;right:var(--size-8);background:none;border:none;color:var(--c-neutral-500);cursor:pointer;padding:var(--size-2);display:flex;align-items:center;justify-content:center;transition:color .2s ease}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-search .tcloud-ui-dropdown-search-container .tcloud-ui-dropdown-search-clear:hover{color:var(--c-neutral-700)}.tcloud-ui-dropdown .tcloud-ui-dropdown-menu .tcloud-ui-dropdown-no-results{padding:var(--size-12) var(--size-8);text-align:center;color:var(--c-neutral-500);font-size:var(--f-size-12);font-style:italic}.tcloud-ui-dropdown-menu--device{height:100%;overflow-y:auto;background-color:var(--c-neutral-50);padding:var(--size-16)}.tcloud-ui-dropdown-menu--device .tcloud-ui-dropdown-menu-section{display:contents}.tcloud-ui-dropdown-menu--device .tcloud-ui-dropdown-menu-header{align-items:center;display:flex;gap:var(--size-16);justify-content:space-between}.tcloud-ui-dropdown-menu--device .tcloud-ui-dropdown-menu-container{list-style:none;margin:0;padding:0;gap:.5rem;display:flex;flex-direction:column}.tcloud-ui-dropdown-menu--device .tcloud-ui-dropdown-menu-item .tcloud-ui-dropdown-menu-item-btn{align-items:center;background-color:transparent;border:1px solid var(--c-neutral-50);border-radius:var(--bor-radius-4);color:var(--c-neutral-900);cursor:pointer;display:flex;justify-content:space-between;font-size:var(--f-size-14);line-height:var(--l-height-16);height:var(--size-40);padding:var(--size-12);text-align:left;text-wrap:nowrap;transition:all .2s ease;width:100%}.tcloud-ui-dropdown-menu--device .tcloud-ui-dropdown-menu-item .tcloud-ui-dropdown-menu-item-btn.selected{background-color:var(--c-primary-300);border-color:var(--c-primary-300);color:var(--c-primary-500);font-weight:var(--f-weight-700)}.tcloud-ui-dropdown-menu--device .tcloud-ui-dropdown-menu-item .tcloud-ui-dropdown-menu-item-btn:active:not(:disabled):not(.selected){background-color:var(--c-primary-200);border-color:var(--c-primary-200);color:var(--c-primary-500);transform:scale(.98)}.tcloud-ui-dropdown-menu--device .tcloud-ui-dropdown-menu-item .tcloud-ui-dropdown-menu-item-btn:disabled{background-color:var(--c-neutral-50);border-color:var(--c-neutral-300);color:var(--c-neutral-500);cursor:not-allowed}.tcloud-ui-dropdown-menu--device .tcloud-ui-dropdown-search--mobile{position:sticky;top:0;background-color:var(--c-neutral-50);padding:var(--size-12) 0;margin-bottom:var(--size-8);border-bottom:1px solid var(--c-neutral-200);z-index:1}.tcloud-ui-dropdown-menu--device .tcloud-ui-dropdown-search--mobile .tcloud-ui-dropdown-search-container .tcloud-ui-dropdown-search-input{height:var(--size-40);font-size:var(--f-size-14);padding:var(--size-12) var(--size-40) var(--size-12) var(--size-16)}.tcloud-ui-dropdown-menu--device .tcloud-ui-dropdown-search--mobile .tcloud-ui-dropdown-search-container .tcloud-ui-dropdown-search-icon{left:var(--size-12);font-size:var(--f-size-14)}.tcloud-ui-dropdown-menu--device .tcloud-ui-dropdown-search--mobile .tcloud-ui-dropdown-search-container .tcloud-ui-dropdown-search-clear{right:var(--size-12);padding:var(--size-4)}.tcloud-ui-dropdown-menu--device .tcloud-ui-dropdown-no-results--mobile{padding:var(--size-16) var(--size-12);font-size:var(--f-size-14);color:var(--c-neutral-600)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { menuTemplate: [{
                 type: ViewChild,
                 args: ['menuTemplate']
@@ -8892,12 +8720,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                 args: ['document:click', ['$event']]
             }] } });
 
-var DropdownMultiSize$1;
+var DropdownMultiSize;
 (function (DropdownMultiSize) {
     DropdownMultiSize["sm"] = "sm";
     DropdownMultiSize["md"] = "md";
     DropdownMultiSize["lg"] = "lg";
-})(DropdownMultiSize$1 || (DropdownMultiSize$1 = {}));
+})(DropdownMultiSize || (DropdownMultiSize = {}));
 class TCloudUiDropdownMultiComponent {
     onDocumentClick(event) {
         if (this.isOpen && !this.elementRef.nativeElement.contains(event.target)) {
@@ -8911,7 +8739,7 @@ class TCloudUiDropdownMultiComponent {
         this.options = input.required(); // Lista de opções no novo formato
         this.initialValues = input([]); // Valores pré-selecionados (deprecated - use values instead)
         this.values = model([]); // Two-way binding para os valores selecionados
-        this.size = input(DropdownMultiSize$1.sm);
+        this.size = input(DropdownMultiSize.sm);
         this.width = input(''); // Largura do dropdown
         this.placeholder = input('Selecione'); // Placeholder quando nenhum item estiver selecionado
         this.maxDisplayItems = input(2); // Máximo de itens a serem exibidos no botão
@@ -8920,7 +8748,7 @@ class TCloudUiDropdownMultiComponent {
         this.optionsSelected = output(); // Emissor para os valores selecionados
         this.selectedOptions = signal([]); // Opções selecionadas
         this.isOpen = false; // Controla se o dropdown está aberto
-        this.dropdownSize = DropdownMultiSize$1;
+        this.dropdownSize = DropdownMultiSize;
         this.searchText = signal(''); // Texto de busca
         // Opções filtradas baseadas na busca
         this.filteredOptions = computed(() => {
@@ -9147,7 +8975,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
 class TCloudUiSkeletonLoadingComponentStyle {
 }
 
-var TagColorsEnum$1;
+var TagColorsEnum;
 (function (TagColorsEnum) {
     TagColorsEnum["neutral-50"] = "neutral-50";
     TagColorsEnum["neutral-100"] = "neutral-100";
@@ -9181,12 +9009,12 @@ var TagColorsEnum$1;
     TagColorsEnum["success-300"] = "success-300";
     TagColorsEnum["success-400"] = "success-400";
     TagColorsEnum["success-500"] = "success-500";
-})(TagColorsEnum$1 || (TagColorsEnum$1 = {}));
+})(TagColorsEnum || (TagColorsEnum = {}));
 
 class TCloudUiTagComponent {
     constructor() {
         this.size = input('md');
-        this.color = input(TagColorsEnum$1['primary-500']);
+        this.color = input(TagColorsEnum['primary-500']);
         this.variant = input('filled');
         this.shape = input('rectangle');
         this.fullWidth = input(false);
@@ -9448,38 +9276,6 @@ var TCloudUiDialogEventsEnum;
     TCloudUiDialogEventsEnum[TCloudUiDialogEventsEnum["close"] = 1] = "close";
 })(TCloudUiDialogEventsEnum || (TCloudUiDialogEventsEnum = {}));
 
-class TcRevSmallLoadingComponent {
-    constructor() {
-        /** Width of the loading spinner accepts string with CSS units (px, rem, em) */
-        this.width = input('1.25rem');
-        /** Margin top in pixels */
-        this.marginTop = input(0);
-        /** Margin bottom in pixels */
-        this.marginBottom = input(0);
-        /** Margin right in pixels */
-        this.marginRight = input(0);
-        /** Margin left in pixels */
-        this.marginLeft = input(0);
-        this.style = new TcRevSmallLoadingComponentStyle();
-    }
-    ngOnInit() {
-        this.style.marginTop = `${this.marginTop()}px`;
-        this.style.marginRight = `${this.marginRight()}px`;
-        this.style.marginLeft = `${this.marginLeft()}px`;
-        this.style.marginBottom = `${this.marginBottom()}px`;
-        this.style.width = this.width();
-        this.style.height = this.width();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevSmallLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.25", type: TcRevSmallLoadingComponent, isStandalone: true, selector: "tc-rev-small-loading", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, marginTop: { classPropertyName: "marginTop", publicName: "marginTop", isSignal: true, isRequired: false, transformFunction: null }, marginBottom: { classPropertyName: "marginBottom", publicName: "marginBottom", isSignal: true, isRequired: false, transformFunction: null }, marginRight: { classPropertyName: "marginRight", publicName: "marginRight", isSignal: true, isRequired: false, transformFunction: null }, marginLeft: { classPropertyName: "marginLeft", publicName: "marginLeft", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"tc-rev-small-loading\">\n  <span\n    class=\"tc-rev-small-loading__spinner\"\n    [ngStyle]=\"this.style\">\n  </span>\n</div>\n", styles: ["@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tc-rev-small-loading{display:flex;align-items:center;justify-content:center}.tc-rev-small-loading__spinner{animation:rotation 1s linear infinite;border:3px solid var(--c-neutral-200);border-bottom-color:var(--c-neutral-500);border-radius:50%;box-sizing:border-box;display:inline-block;height:var(--size-20);width:var(--size-20)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevSmallLoadingComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'tc-rev-small-loading', imports: [CommonModule], template: "<div class=\"tc-rev-small-loading\">\n  <span\n    class=\"tc-rev-small-loading__spinner\"\n    [ngStyle]=\"this.style\">\n  </span>\n</div>\n", styles: ["@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tc-rev-small-loading{display:flex;align-items:center;justify-content:center}.tc-rev-small-loading__spinner{animation:rotation 1s linear infinite;border:3px solid var(--c-neutral-200);border-bottom-color:var(--c-neutral-500);border-radius:50%;box-sizing:border-box;display:inline-block;height:var(--size-20);width:var(--size-20)}\n"] }]
-        }] });
-class TcRevSmallLoadingComponentStyle {
-}
-
 class TCloudUiDialogComponent {
     constructor() {
         this.animation = 'visible';
@@ -9593,7 +9389,7 @@ class TCloudUiDialogComponent {
         return this;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TCloudUiDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TCloudUiDialogComponent, isStandalone: true, selector: "tcloud-ui-dialog", host: { listeners: { "document:keydown.escape": "onKeydownHandler($event)" } }, ngImport: i0, template: "<div class=\"background-modal\" (click)=\"onBackdropClick()\"></div>\n\n@let disabled = data.disable || data.loading;\n<div class=\"container-dialog\" [@fade]=\"animation\">\n\n    <!-- Header -->\n    <div class=\"container-header\">\n\n        <!-- Title -->\n        <h4 class=\"tc-title tcloud-ui-modal-header tc-modal-header\">{{ data.title }}</h4>\n\n        <!-- Close button -->\n        <div class=\"container-close-button\" (click)=\" disabled ? null : close()\">\n            <i class=\"fas fa-times\"></i>\n        </div>\n    </div>\n\n    <!-- Message -->\n    <div [innerHTML]=\"data.message\"></div>\n\n    <!-- Input confirmation -->\n    @if (data?.inputConfirmationText)\n    {\n        <div class=\"container-input-confirmation\">\n            <input\n                tcloudForm\n                class=\"tc-form-confirm tc-form-control\"\n                [formControl]=\"inputConfirmationControl\"\n                [placeholder]=\"inputConfirmationErrorMessage()\"\n                (keyup.enter)=\"confirm()\"\n            />\n\n            @if (inputConfirmationControl.touched && inputConfirmationControl.invalid)\n            {\n                <p class=\"text-danger\">{{ inputConfirmationErrorMessage() }}</p>\n            }\n        </div>\n    }\n\n    <!-- Loading -->\n    @if (data.loading)\n    {\n        <tc-rev-small-loading />\n    }\n\n    <!-- Footer -->\n    <div class=\"container-footer\">\n\n        <!-- Cancelar -->\n        <button\n            class=\"tc-btn tc-btn-outline-primary\"\n            [disabled]=\"disabled\"\n            (click)=\"close()\">{{ data.buttonCancelText || ('dialogConfirmation.cancel' | i18nTranslate: 'Cancelar') }}\n        </button>\n\n        <!-- Confirmar -->\n        <button\n            class=\"tc-btn tc-btn-primary\"\n            [disabled]=\"disabled\"\n            (click)=\"confirm()\">{{ textConfirmation | titlecase }}\n        </button>\n    </div>\n</div>\n", styles: [".background-modal{position:fixed;z-index:3000;width:100%;height:100%;background-color:#00000080;top:0;left:0}.container-dialog{position:fixed;top:15%;left:calc(50% - 300px);width:500px;z-index:30001;border-radius:8px;padding:24px;box-sizing:border-box;display:grid;gap:24px;background-color:var(--white)}.container-dialog .container-header{display:flex;justify-content:space-between;align-items:center}.container-dialog .container-header .tc-title{font-size:18px;font-weight:700}.container-dialog .container-header .container-close-button{width:40px;height:40px;border-radius:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--tc-gray-600);border:1px solid var(--tc-gray-500)}.container-dialog .container-input-confirmation{display:grid;gap:8px}.container-dialog .container-footer{display:flex;justify-content:space-between;align-items:center;gap:16px}.container-dialog .container-footer button{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.TitleCasePipe, name: "titlecase" }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: I18nTranslatePipe, name: "i18nTranslate" }, { kind: "component", type: TcRevSmallLoadingComponent, selector: "tc-rev-small-loading", inputs: ["width", "marginTop", "marginBottom", "marginRight", "marginLeft"] }], animations: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TCloudUiDialogComponent, isStandalone: true, selector: "tcloud-ui-dialog", host: { listeners: { "document:keydown.escape": "onKeydownHandler($event)" } }, ngImport: i0, template: "<div class=\"background-modal\" (click)=\"onBackdropClick()\"></div>\n\n@let disabled = data.disable || data.loading;\n<div class=\"container-dialog\" [@fade]=\"animation\">\n\n    <!-- Header -->\n    <div class=\"container-header\">\n\n        <!-- Title -->\n        <h4 class=\"tc-title tcloud-ui-modal-header tc-modal-header\">{{ data.title }}</h4>\n\n        <!-- Close button -->\n        <div class=\"container-close-button\" (click)=\" disabled ? null : close()\">\n            <i class=\"fas fa-times\"></i>\n        </div>\n    </div>\n\n    <!-- Message -->\n    <div [innerHTML]=\"data.message\"></div>\n\n    <!-- Input confirmation -->\n    @if (data?.inputConfirmationText)\n    {\n        <div class=\"container-input-confirmation\">\n            <input\n                tcloudForm\n                class=\"tc-form-confirm tc-form-control\"\n                [formControl]=\"inputConfirmationControl\"\n                [placeholder]=\"inputConfirmationErrorMessage()\"\n                (keyup.enter)=\"confirm()\"\n            />\n\n            @if (inputConfirmationControl.touched && inputConfirmationControl.invalid)\n            {\n                <p class=\"text-danger\">{{ inputConfirmationErrorMessage() }}</p>\n            }\n        </div>\n    }\n\n    <!-- Loading -->\n    @if (data.loading)\n    {\n        <tcloud-ui-loading [loading]=\"true\" mode=\"inline\"/>\n    }\n\n    <!-- Footer -->\n    <div class=\"container-footer\">\n\n        <!-- Cancelar -->\n        <button\n            class=\"tc-btn tc-btn-outline-primary\"\n            [disabled]=\"disabled\"\n            (click)=\"close()\">{{ data.buttonCancelText || ('dialogConfirmation.cancel' | i18nTranslate: 'Cancelar') }}\n        </button>\n\n        <!-- Confirmar -->\n        <button\n            class=\"tc-btn tc-btn-primary\"\n            [disabled]=\"disabled\"\n            (click)=\"confirm()\">{{ textConfirmation | titlecase }}\n        </button>\n    </div>\n</div>\n", styles: [".background-modal{position:fixed;z-index:3000;width:100%;height:100%;background-color:#00000080;top:0;left:0}.container-dialog{position:fixed;top:15%;left:calc(50% - 300px);width:500px;z-index:30001;border-radius:8px;padding:24px;box-sizing:border-box;display:grid;gap:24px;background-color:var(--white)}.container-dialog .container-header{display:flex;justify-content:space-between;align-items:center}.container-dialog .container-header .tc-title{font-size:18px;font-weight:700}.container-dialog .container-header .container-close-button{width:40px;height:40px;border-radius:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--tc-gray-600);border:1px solid var(--tc-gray-500)}.container-dialog .container-input-confirmation{display:grid;gap:8px}.container-dialog .container-footer{display:flex;justify-content:space-between;align-items:center;gap:16px}.container-dialog .container-footer button{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.TitleCasePipe, name: "titlecase" }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: I18nTranslatePipe, name: "i18nTranslate" }, { kind: "component", type: TCloudUiLoadingComponent, selector: "tcloud-ui-loading", inputs: ["gif", "mode", "onlyInline", "onlyIcon", "full", "loading"] }], animations: [
             trigger('fade', [
                 state('visible', style({ opacity: 1 })),
                 state('hide', style({ opacity: 0, top: '-38%' })),
@@ -9617,7 +9413,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                             ]),
                             transition('visible => hide', animate('0.3s ease-out'))
                         ])
-                    ], standalone: true, imports: [CommonModule, ReactiveFormsModule, I18nTranslatePipe, TCloudUiLoadingComponent, TcRevSmallLoadingComponent], template: "<div class=\"background-modal\" (click)=\"onBackdropClick()\"></div>\n\n@let disabled = data.disable || data.loading;\n<div class=\"container-dialog\" [@fade]=\"animation\">\n\n    <!-- Header -->\n    <div class=\"container-header\">\n\n        <!-- Title -->\n        <h4 class=\"tc-title tcloud-ui-modal-header tc-modal-header\">{{ data.title }}</h4>\n\n        <!-- Close button -->\n        <div class=\"container-close-button\" (click)=\" disabled ? null : close()\">\n            <i class=\"fas fa-times\"></i>\n        </div>\n    </div>\n\n    <!-- Message -->\n    <div [innerHTML]=\"data.message\"></div>\n\n    <!-- Input confirmation -->\n    @if (data?.inputConfirmationText)\n    {\n        <div class=\"container-input-confirmation\">\n            <input\n                tcloudForm\n                class=\"tc-form-confirm tc-form-control\"\n                [formControl]=\"inputConfirmationControl\"\n                [placeholder]=\"inputConfirmationErrorMessage()\"\n                (keyup.enter)=\"confirm()\"\n            />\n\n            @if (inputConfirmationControl.touched && inputConfirmationControl.invalid)\n            {\n                <p class=\"text-danger\">{{ inputConfirmationErrorMessage() }}</p>\n            }\n        </div>\n    }\n\n    <!-- Loading -->\n    @if (data.loading)\n    {\n        <tc-rev-small-loading />\n    }\n\n    <!-- Footer -->\n    <div class=\"container-footer\">\n\n        <!-- Cancelar -->\n        <button\n            class=\"tc-btn tc-btn-outline-primary\"\n            [disabled]=\"disabled\"\n            (click)=\"close()\">{{ data.buttonCancelText || ('dialogConfirmation.cancel' | i18nTranslate: 'Cancelar') }}\n        </button>\n\n        <!-- Confirmar -->\n        <button\n            class=\"tc-btn tc-btn-primary\"\n            [disabled]=\"disabled\"\n            (click)=\"confirm()\">{{ textConfirmation | titlecase }}\n        </button>\n    </div>\n</div>\n", styles: [".background-modal{position:fixed;z-index:3000;width:100%;height:100%;background-color:#00000080;top:0;left:0}.container-dialog{position:fixed;top:15%;left:calc(50% - 300px);width:500px;z-index:30001;border-radius:8px;padding:24px;box-sizing:border-box;display:grid;gap:24px;background-color:var(--white)}.container-dialog .container-header{display:flex;justify-content:space-between;align-items:center}.container-dialog .container-header .tc-title{font-size:18px;font-weight:700}.container-dialog .container-header .container-close-button{width:40px;height:40px;border-radius:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--tc-gray-600);border:1px solid var(--tc-gray-500)}.container-dialog .container-input-confirmation{display:grid;gap:8px}.container-dialog .container-footer{display:flex;justify-content:space-between;align-items:center;gap:16px}.container-dialog .container-footer button{width:100%}\n"] }]
+                    ], standalone: true, imports: [CommonModule, ReactiveFormsModule, I18nTranslatePipe, TCloudUiLoadingComponent, TCloudUiLoadingComponent], template: "<div class=\"background-modal\" (click)=\"onBackdropClick()\"></div>\n\n@let disabled = data.disable || data.loading;\n<div class=\"container-dialog\" [@fade]=\"animation\">\n\n    <!-- Header -->\n    <div class=\"container-header\">\n\n        <!-- Title -->\n        <h4 class=\"tc-title tcloud-ui-modal-header tc-modal-header\">{{ data.title }}</h4>\n\n        <!-- Close button -->\n        <div class=\"container-close-button\" (click)=\" disabled ? null : close()\">\n            <i class=\"fas fa-times\"></i>\n        </div>\n    </div>\n\n    <!-- Message -->\n    <div [innerHTML]=\"data.message\"></div>\n\n    <!-- Input confirmation -->\n    @if (data?.inputConfirmationText)\n    {\n        <div class=\"container-input-confirmation\">\n            <input\n                tcloudForm\n                class=\"tc-form-confirm tc-form-control\"\n                [formControl]=\"inputConfirmationControl\"\n                [placeholder]=\"inputConfirmationErrorMessage()\"\n                (keyup.enter)=\"confirm()\"\n            />\n\n            @if (inputConfirmationControl.touched && inputConfirmationControl.invalid)\n            {\n                <p class=\"text-danger\">{{ inputConfirmationErrorMessage() }}</p>\n            }\n        </div>\n    }\n\n    <!-- Loading -->\n    @if (data.loading)\n    {\n        <tcloud-ui-loading [loading]=\"true\" mode=\"inline\"/>\n    }\n\n    <!-- Footer -->\n    <div class=\"container-footer\">\n\n        <!-- Cancelar -->\n        <button\n            class=\"tc-btn tc-btn-outline-primary\"\n            [disabled]=\"disabled\"\n            (click)=\"close()\">{{ data.buttonCancelText || ('dialogConfirmation.cancel' | i18nTranslate: 'Cancelar') }}\n        </button>\n\n        <!-- Confirmar -->\n        <button\n            class=\"tc-btn tc-btn-primary\"\n            [disabled]=\"disabled\"\n            (click)=\"confirm()\">{{ textConfirmation | titlecase }}\n        </button>\n    </div>\n</div>\n", styles: [".background-modal{position:fixed;z-index:3000;width:100%;height:100%;background-color:#00000080;top:0;left:0}.container-dialog{position:fixed;top:15%;left:calc(50% - 300px);width:500px;z-index:30001;border-radius:8px;padding:24px;box-sizing:border-box;display:grid;gap:24px;background-color:var(--white)}.container-dialog .container-header{display:flex;justify-content:space-between;align-items:center}.container-dialog .container-header .tc-title{font-size:18px;font-weight:700}.container-dialog .container-header .container-close-button{width:40px;height:40px;border-radius:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--tc-gray-600);border:1px solid var(--tc-gray-500)}.container-dialog .container-input-confirmation{display:grid;gap:8px}.container-dialog .container-footer{display:flex;justify-content:space-between;align-items:center;gap:16px}.container-dialog .container-footer button{width:100%}\n"] }]
         }], propDecorators: { onKeydownHandler: [{
                 type: HostListener,
                 args: ['document:keydown.escape', ['$event']]
@@ -10225,12 +10021,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
             args: [{ selector: 'tcloud-ui-dropdown-sub-menu', imports: [CommonModule], template: "<ul\n  class=\"sub-menu\"\n  [ngClass]=\"this.position()\"\n  [style.top.px]=\"this.parentOffsetTop()\">\n  @for (item of this.items(); track item.value)\n  {\n    <li\n      class=\"sub-menu-item\"\n      [class.selected]=\"this.selectedOption()?.value === item.value\"\n      (click)=\"this.onOptionSelected.emit(item)\">\n      {{ item.displayValue }}\n      @if (this.selectedOption()?.value === item?.value)\n      {\n        <i class=\"fa-light fa-circle-check\"></i>\n      }\n      @if (item.children?.length)\n      {\n        <tcloud-ui-dropdown-sub-menu\n          [items]=\"item.children\"\n          [position]=\"position()\"\n          [parentOffsetTop]=\"0\"\n          [selectedOption]=\"this.selectedOption()\">\n        </tcloud-ui-dropdown-sub-menu>\n      }\n    </li>\n  }\n</ul>\n", styles: [".sub-menu{position:absolute;min-width:160px;background:#fff;box-shadow:var(--shadow-md);z-index:1001;padding:0;margin:0;list-style:none}.sub-menu.right{left:100%}.sub-menu.left{right:100%}.sub-menu-item{padding:8px 16px;white-space:nowrap;position:relative;align-items:center;background-color:transparent;border:1px solid var(--c-neutral-50);border-radius:var(--bor-radius-4);color:var(--c-neutral-900);cursor:pointer;display:flex;justify-content:space-between;font-size:var(--f-size-12);line-height:var(--l-height-16);height:var(--size-32);padding:var(--size-8);text-align:left;text-wrap:nowrap;transition:.2s ease;width:100%}.sub-menu-item:hover{border-color:var(--c-primary-500);color:var(--c-primary-500)}.sub-menu-item.selected{background-color:var(--c-primary-300);border-color:var(--c-primary-300);color:var(--c-primary-500);font-weight:var(--f-weight-700)}.sub-menu-item:disabled{background-color:var(--c-neutral-50);border-color:var(--c-neutral-300);color:var(--c-neutral-500);cursor:not-allowed}\n"] }]
         }] });
 
-var MultiLevelDropdownSize$1;
+var MultiLevelDropdownSize;
 (function (MultiLevelDropdownSize) {
     MultiLevelDropdownSize["sm"] = "sm";
     MultiLevelDropdownSize["md"] = "md";
     MultiLevelDropdownSize["lg"] = "lg";
-})(MultiLevelDropdownSize$1 || (MultiLevelDropdownSize$1 = {}));
+})(MultiLevelDropdownSize || (MultiLevelDropdownSize = {}));
 class TCloudUiDropdownMultiLevelComponent {
     onDocumentClick(event) {
         if (this.isOpen && !this.elementRef.nativeElement.contains(event.target)) {
@@ -10239,11 +10035,11 @@ class TCloudUiDropdownMultiLevelComponent {
     }
     constructor(elementRef) {
         this.elementRef = elementRef;
-        this.dropdownSize = MultiLevelDropdownSize$1;
+        this.dropdownSize = MultiLevelDropdownSize;
         this.menu = input.required();
         this.subMenuPosition = input('right');
         this.disabled = input(false);
-        this.size = input(MultiLevelDropdownSize$1.sm);
+        this.size = input(MultiLevelDropdownSize.sm);
         this.initialValue = input(null); // Valor pré-selecionado
         this.optionSelected = output();
         this.selectedOption = signal(null);
@@ -10359,1794 +10155,93 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                 }]
         }], ctorParameters: () => [] });
 
-class TcRevCalendarComponent {
-    constructor() {
-        this.appointments = []; // Updated to use the new type
-        /** Active date format
-         * @format YYYY-MM-DD
-         * @example 2023-10-01
-         */
-        this.activeDate = input();
-        this.innerActiveDate = computed(() => {
-            if (!this.activeDate())
-                return '';
-            const date = new Date(`${this.activeDate()} 00:00:00`);
-            return date;
-        });
-        this.onSelectDate = output();
-        this.currentDate = new Date();
-        this.viewMode = 'days';
-        this.yearOffset = 0; // Offset for year navigation
-    }
-    ngOnInit() {
-        this.updateMonth();
-        this.updateYear();
-        this.updateDaysOfWeek();
-        this.updateCalendarDays();
-        this.updateCalendarMonths();
-        this.updateCalendarYears();
-    }
-    // Methods to update fixed properties
-    updateMonth() {
-        this.month = this.currentDate.toLocaleString('default', { month: 'long' });
-    }
-    updateYear() {
-        this.year = this.currentDate.getFullYear();
-    }
-    updateDaysOfWeek() {
-        this.daysOfWeek = ['D', 'S', 'T', 'Q', 'Q', 'S', 'S'];
-    }
-    updateCalendarDays() {
-        const year = this.currentDate.getFullYear();
-        const month = this.currentDate.getMonth();
-        const firstDayOfMonth = new Date(year, month, 1);
-        const lastDayOfMonth = new Date(year, month + 1, 0);
-        const daysInLastMonth = firstDayOfMonth.getDay();
-        const daysInCurrentMonth = lastDayOfMonth.getDate();
-        const calendarDays = [];
-        // Add last days of the previous month
-        for (let i = daysInLastMonth - 1; i >= 0; i--) {
-            const date = new Date(year, month, -i);
-            calendarDays.push({ date, isCurrentMonth: false });
-        }
-        // Add all days of the current month
-        for (let i = 1; i <= daysInCurrentMonth; i++) {
-            const date = new Date(year, month, i);
-            calendarDays.push({ date, isCurrentMonth: true });
-        }
-        // Add first days of the next month
-        const remainingDays = 35 - calendarDays.length;
-        for (let i = 1; i <= remainingDays; i++) {
-            const date = new Date(year, month + 1, i);
-            calendarDays.push({ date, isCurrentMonth: false });
-        }
-        this.calendarDays = calendarDays;
-        console.log('calendarDays', this.calendarDays[16].date);
-    }
-    updateCalendarMonths() {
-        this.calendarMonths = Array.from({ length: 12 }, (_, i) => new Date(this.year, i).toLocaleString('default', { month: 'long' }));
-    }
-    updateCalendarYears() {
-        const startYear = this.year - 5 + this.yearOffset * 12;
-        this.calendarYears = Array.from({ length: 12 }, (_, i) => startYear + i);
-    }
-    // Existing methods updated to call the update methods
-    changeMonth(offset) {
-        this.currentDate = new Date(this.currentDate.getFullYear(), this.currentDate.getMonth() + offset, 1);
-        this.updateMonth();
-        this.updateYear();
-        this.updateCalendarDays();
-    }
-    selectMonth(monthIndex) {
-        this.currentDate = new Date(this.year, monthIndex, 1);
-        this.viewMode = 'days';
-        this.updateMonth();
-        this.updateCalendarDays();
-    }
-    changeYearOffset(offset) {
-        if (this.viewMode === 'months') {
-            // Adjust the current date by adding or subtracting a year
-            this.currentDate = new Date(this.currentDate.getFullYear() + offset, this.currentDate.getMonth(), 1);
-            this.updateYear();
-            this.updateCalendarMonths();
-        }
-        else if (this.viewMode === 'years') {
-            // Adjust the year offset for the year view
-            this.yearOffset += offset;
-            this.updateCalendarYears();
-        }
-    }
-    selectYear(year) {
-        this.currentDate = new Date(year, this.currentDate.getMonth(), 1);
-        this.viewMode = 'months';
-        this.updateYear();
-        this.updateCalendarMonths();
-    }
-    toggleViewMode(mode) {
-        this.viewMode = mode;
-        if (mode === 'years') {
-            this.yearOffset = 0; // Reset year offset when entering year view
-            this.updateCalendarYears();
-        }
-    }
-    isAppointment(date) {
-        const dateString = date.toISOString().split('T')[0];
-        return this.appointments.find(appointment => appointment.appointmentDate === dateString);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevCalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TcRevCalendarComponent, isStandalone: true, selector: "tc-rev-calendar", inputs: { appointments: { classPropertyName: "appointments", publicName: "appointments", isSignal: false, isRequired: false, transformFunction: null }, activeDate: { classPropertyName: "activeDate", publicName: "activeDate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelectDate: "onSelectDate" }, ngImport: i0, template: "<div class=\"tc-rev-calendar\">\n  <div class=\"calendar-header\">\n    <button class=\"prev-btn mar-r-a\" (click)=\"changeMonth(-1)\" *ngIf=\"viewMode === 'days'\"><i class=\"fa-light fa-chevron-left\"></i></button>\n    <button class=\"prev-btn mar-r-a\" (click)=\"changeYearOffset(-1)\" *ngIf=\"viewMode === 'months' || viewMode === 'years'\"><i class=\"fa-light fa-chevron-left\"></i></button>\n    @if (viewMode === 'days')\n    {\n      <span class=\"calendar-title date\" (click)=\"toggleViewMode('months')\">{{ month }}&nbsp;-&nbsp;</span>\n      <span class=\"calendar-title date\" (click)=\"toggleViewMode('years')\">{{ year }}</span>\n    }\n    @else if (viewMode === 'months')\n    {\n      <span class=\"calendar-title\">Selecione o m\u00EAs</span>\n    }\n    @else if (viewMode === 'years')\n    {\n      <span class=\"calendar-title\">Selecione o ano</span>\n    }    \n    <button class=\"next-btn mar-l-a\" (click)=\"changeYearOffset(1)\" *ngIf=\"viewMode === 'months' || viewMode === 'years'\"><i class=\"fa-light fa-chevron-right\"></i></button>\n    <button class=\"next-btn mar-l-a\" (click)=\"changeMonth(1)\" *ngIf=\"viewMode === 'days'\"><i class=\"fa-light fa-chevron-right\"></i></button>\n  </div>\n\n  <div class=\"calendar-grid\" *ngIf=\"viewMode === 'days'\">\n    <div class=\"day-header\" *ngFor=\"let day of daysOfWeek\">{{ day }}</div>\n    <button\n      *ngFor=\"let day of calendarDays\"\n      class=\"day\"\n      [class.selected]=\"day.date.valueOf() === innerActiveDate().valueOf()\"\n      [class.current-month]=\"day.isCurrentMonth\"\n      [title]=\"isAppointment(day.date)?.description ? isAppointment(day.date)?.description : ''\"\n      (click)=\"onSelectDate.emit(day.date)\"\n    >\n      <span\n        *ngIf=\"isAppointment(day.date)\"\n        class=\"appointment-dot\"\n        [ngClass]=\"'appointment-'+ isAppointment(day.date)?.type\"\n      ></span>\n      {{ day.date.getDate() }}\n    </button>\n  </div>\n\n  <div class=\"calendar-grid months\" *ngIf=\"viewMode === 'months'\">\n    <div\n      class=\"month\"\n      *ngFor=\"let month of calendarMonths; let i = index\"\n      (click)=\"selectMonth(i)\"\n    >\n      {{ month }}\n    </div>\n  </div>\n\n  <div class=\"calendar-grid years\" *ngIf=\"viewMode === 'years'\">\n    <div\n      class=\"year\"\n      *ngFor=\"let year of calendarYears\"\n      (click)=\"selectYear(year)\"\n    >\n      {{ year }}\n    </div>\n  </div>\n</div>", styles: [":host{display:block}.tc-rev-calendar{background-color:var(--c-neutral-50);border:1px solid var(--c-neutral-300);border-radius:var(--bor-radius-16);color:var(--c-neutral-700);font-family:var(--f-family);min-height:274px;min-width:16.125rem;padding:var(--size-16)}.tc-rev-calendar .calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--size-16)}.tc-rev-calendar .calendar-header .prev-btn,.tc-rev-calendar .calendar-header .next-btn{align-items:center;background-color:transparent;border:1px solid var(--c-neutral-500);border-radius:var(--bor-radius-rounded);cursor:pointer;display:flex;justify-content:center;font-size:var(--f-size-14);height:var(--size-32);width:var(--size-32)}.tc-rev-calendar .calendar-header .calendar-title{cursor:default;font-size:var(--f-size-14);line-height:var(--l-height-20)}.tc-rev-calendar .calendar-header .calendar-title.date{cursor:pointer;text-transform:capitalize}.tc-rev-calendar .calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);justify-items:center}.tc-rev-calendar .calendar-grid.months{grid-template-columns:repeat(3,1fr);row-gap:10px}.tc-rev-calendar .calendar-grid.years{grid-template-columns:repeat(4,1fr);row-gap:10px}.tc-rev-calendar .day-header{cursor:default;font-size:var(--f-size-12);font-weight:var(--f-weight-700);line-height:var(--l-height-16);text-align:center;align-content:center;height:var(--size-32);width:var(--size-32)}.tc-rev-calendar .day{align-content:center;border-radius:var(--bor-radius-rounded);background:transparent;border:none;padding:0;cursor:default;font-size:var(--f-size-12);line-height:var(--l-height-16);position:relative;height:var(--size-32);text-align:center;transition:.1s ease;width:var(--size-32)}.tc-rev-calendar .day:hover,.tc-rev-calendar .day:focus{background-color:var(--c-neutral-100);color:var(--c-primary-500)}.tc-rev-calendar .day:active,.tc-rev-calendar .day.selected{background-color:var(--c-primary-300);color:var(--c-primary-500)}.tc-rev-calendar .day .appointment-dot{width:6px;height:6px;border-radius:50%;position:absolute;top:5px;right:5px}.tc-rev-calendar .day .appointment-dot.appointment-info{background-color:var(--c-info-500)}.tc-rev-calendar .day .appointment-dot.appointment-alert{background-color:var(--c-alert-500)}.tc-rev-calendar .day .appointment-dot.appointment-danger{background-color:var(--c-danger-500)}.tc-rev-calendar .day .appointment-dot.appointment-success{background-color:var(--c-success-500)}.tc-rev-calendar .month,.tc-rev-calendar .year{align-content:center;border:none;border-radius:var(--bor-radius-4);cursor:pointer;height:var(--size-32);text-align:center;text-transform:capitalize;transition:.1s ease;width:100%}.tc-rev-calendar .month:hover,.tc-rev-calendar .month:focus,.tc-rev-calendar .year:hover,.tc-rev-calendar .year:focus{background-color:var(--c-neutral-100);color:var(--c-primary-500)}.tc-rev-calendar .month:active,.tc-rev-calendar .year:active{background-color:var(--c-primary-300);color:var(--c-primary-500)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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.25", ngImport: i0, type: TcRevCalendarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'tc-rev-calendar', imports: [
-                        CommonModule,
-                    ], template: "<div class=\"tc-rev-calendar\">\n  <div class=\"calendar-header\">\n    <button class=\"prev-btn mar-r-a\" (click)=\"changeMonth(-1)\" *ngIf=\"viewMode === 'days'\"><i class=\"fa-light fa-chevron-left\"></i></button>\n    <button class=\"prev-btn mar-r-a\" (click)=\"changeYearOffset(-1)\" *ngIf=\"viewMode === 'months' || viewMode === 'years'\"><i class=\"fa-light fa-chevron-left\"></i></button>\n    @if (viewMode === 'days')\n    {\n      <span class=\"calendar-title date\" (click)=\"toggleViewMode('months')\">{{ month }}&nbsp;-&nbsp;</span>\n      <span class=\"calendar-title date\" (click)=\"toggleViewMode('years')\">{{ year }}</span>\n    }\n    @else if (viewMode === 'months')\n    {\n      <span class=\"calendar-title\">Selecione o m\u00EAs</span>\n    }\n    @else if (viewMode === 'years')\n    {\n      <span class=\"calendar-title\">Selecione o ano</span>\n    }    \n    <button class=\"next-btn mar-l-a\" (click)=\"changeYearOffset(1)\" *ngIf=\"viewMode === 'months' || viewMode === 'years'\"><i class=\"fa-light fa-chevron-right\"></i></button>\n    <button class=\"next-btn mar-l-a\" (click)=\"changeMonth(1)\" *ngIf=\"viewMode === 'days'\"><i class=\"fa-light fa-chevron-right\"></i></button>\n  </div>\n\n  <div class=\"calendar-grid\" *ngIf=\"viewMode === 'days'\">\n    <div class=\"day-header\" *ngFor=\"let day of daysOfWeek\">{{ day }}</div>\n    <button\n      *ngFor=\"let day of calendarDays\"\n      class=\"day\"\n      [class.selected]=\"day.date.valueOf() === innerActiveDate().valueOf()\"\n      [class.current-month]=\"day.isCurrentMonth\"\n      [title]=\"isAppointment(day.date)?.description ? isAppointment(day.date)?.description : ''\"\n      (click)=\"onSelectDate.emit(day.date)\"\n    >\n      <span\n        *ngIf=\"isAppointment(day.date)\"\n        class=\"appointment-dot\"\n        [ngClass]=\"'appointment-'+ isAppointment(day.date)?.type\"\n      ></span>\n      {{ day.date.getDate() }}\n    </button>\n  </div>\n\n  <div class=\"calendar-grid months\" *ngIf=\"viewMode === 'months'\">\n    <div\n      class=\"month\"\n      *ngFor=\"let month of calendarMonths; let i = index\"\n      (click)=\"selectMonth(i)\"\n    >\n      {{ month }}\n    </div>\n  </div>\n\n  <div class=\"calendar-grid years\" *ngIf=\"viewMode === 'years'\">\n    <div\n      class=\"year\"\n      *ngFor=\"let year of calendarYears\"\n      (click)=\"selectYear(year)\"\n    >\n      {{ year }}\n    </div>\n  </div>\n</div>", styles: [":host{display:block}.tc-rev-calendar{background-color:var(--c-neutral-50);border:1px solid var(--c-neutral-300);border-radius:var(--bor-radius-16);color:var(--c-neutral-700);font-family:var(--f-family);min-height:274px;min-width:16.125rem;padding:var(--size-16)}.tc-rev-calendar .calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--size-16)}.tc-rev-calendar .calendar-header .prev-btn,.tc-rev-calendar .calendar-header .next-btn{align-items:center;background-color:transparent;border:1px solid var(--c-neutral-500);border-radius:var(--bor-radius-rounded);cursor:pointer;display:flex;justify-content:center;font-size:var(--f-size-14);height:var(--size-32);width:var(--size-32)}.tc-rev-calendar .calendar-header .calendar-title{cursor:default;font-size:var(--f-size-14);line-height:var(--l-height-20)}.tc-rev-calendar .calendar-header .calendar-title.date{cursor:pointer;text-transform:capitalize}.tc-rev-calendar .calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);justify-items:center}.tc-rev-calendar .calendar-grid.months{grid-template-columns:repeat(3,1fr);row-gap:10px}.tc-rev-calendar .calendar-grid.years{grid-template-columns:repeat(4,1fr);row-gap:10px}.tc-rev-calendar .day-header{cursor:default;font-size:var(--f-size-12);font-weight:var(--f-weight-700);line-height:var(--l-height-16);text-align:center;align-content:center;height:var(--size-32);width:var(--size-32)}.tc-rev-calendar .day{align-content:center;border-radius:var(--bor-radius-rounded);background:transparent;border:none;padding:0;cursor:default;font-size:var(--f-size-12);line-height:var(--l-height-16);position:relative;height:var(--size-32);text-align:center;transition:.1s ease;width:var(--size-32)}.tc-rev-calendar .day:hover,.tc-rev-calendar .day:focus{background-color:var(--c-neutral-100);color:var(--c-primary-500)}.tc-rev-calendar .day:active,.tc-rev-calendar .day.selected{background-color:var(--c-primary-300);color:var(--c-primary-500)}.tc-rev-calendar .day .appointment-dot{width:6px;height:6px;border-radius:50%;position:absolute;top:5px;right:5px}.tc-rev-calendar .day .appointment-dot.appointment-info{background-color:var(--c-info-500)}.tc-rev-calendar .day .appointment-dot.appointment-alert{background-color:var(--c-alert-500)}.tc-rev-calendar .day .appointment-dot.appointment-danger{background-color:var(--c-danger-500)}.tc-rev-calendar .day .appointment-dot.appointment-success{background-color:var(--c-success-500)}.tc-rev-calendar .month,.tc-rev-calendar .year{align-content:center;border:none;border-radius:var(--bor-radius-4);cursor:pointer;height:var(--size-32);text-align:center;text-transform:capitalize;transition:.1s ease;width:100%}.tc-rev-calendar .month:hover,.tc-rev-calendar .month:focus,.tc-rev-calendar .year:hover,.tc-rev-calendar .year:focus{background-color:var(--c-neutral-100);color:var(--c-primary-500)}.tc-rev-calendar .month:active,.tc-rev-calendar .year:active{background-color:var(--c-primary-300);color:var(--c-primary-500)}\n"] }]
-        }], propDecorators: { appointments: [{
-                type: Input
-            }] } });
-
-class TcRevCardAccordionComponent {
-    constructor() {
-        this._viewPort = inject(TCloudUiDeviceUtilsService);
-        this.toggle = output();
-        this.title = input('');
-        this.iconClass = input('fa-light fa-hard-drive');
-        this.showMoreText = input('Exibir mais');
-        this.showLessText = input('Exibir menos');
-        this.badge = input(null);
-        this.isOpen = model();
-        this.isDesktop = this._viewPort.isDesktop;
-    }
-    toggleAccordion() {
-        this.isOpen.update((current) => !current);
-        this.toggle.emit(this.isOpen());
-    }
-    /**
-     * APPLY FUNCTIONS RESPONSIVE < 500PX
-     */
-    get accordionExtraClasses() {
-        if (this.isDesktop()) {
-            return ['pad-16'];
-        }
-        //Responsive Classes
-        return ['pad-14'];
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevCardAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TcRevCardAccordionComponent, isStandalone: true, selector: "tc-rev-card-accordion", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, iconClass: { classPropertyName: "iconClass", publicName: "iconClass", isSignal: true, isRequired: false, transformFunction: null }, showMoreText: { classPropertyName: "showMoreText", publicName: "showMoreText", isSignal: true, isRequired: false, transformFunction: null }, showLessText: { classPropertyName: "showLessText", publicName: "showLessText", isSignal: true, isRequired: false, transformFunction: null }, badge: { classPropertyName: "badge", publicName: "badge", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toggle: "toggle", isOpen: "isOpenChange" }, ngImport: i0, template: "<div class=\"tc-rev-card-accordion tc-rev-card bg-c-neutral-50  bor-xs bor-rad-16\"\n[ngClass]=\"accordionExtraClasses\"\n>\n  <tc-rev-card-title [title]=\"title()\" [class]=\"isOpen() ? 'pad-b-16' : '' \">\n    <i [class]=\"iconClass()\" icon></i>\n\n    <div\n      *ngIf=\"badge()\"\n      class=\"f-size-12 f-weight-600 pad-x-4 pad-y-2 bor-xs bor-rad-xs\"\n      [ngClass]=\"badge()?.class\"\n      [class.mar-l-8]=\"isDesktop()\"\n      >\n      {{ badge()?.text }}\n    </div>\n\n    @if(isDesktop()){\n      <button tcRevButton=\"outline\" color=\"dark\" size=\"sm\" class=\"mar-l-a\" (click)=\"toggleAccordion()\">\n        {{ isOpen() ? showLessText() : showMoreText() }}\n        <i class=\"fa-light\" [ngClass]=\"isOpen() ? 'fa-chevron-up' : 'fa-chevron-down'\"></i>\n      </button>\n    }\n\n    @if(!isDesktop()){\n      <button tcRevButton=\"link\" color=\"dark\" size=\"md\" (click)=\"toggleAccordion()\" class=\"tc-rev-card-accordion__arrow-mobile mar-l-a\">\n        <i class=\"fa-light\" [ngClass]=\"isOpen() ? 'fa-chevron-up' : 'fa-chevron-down'\"></i>\n      </button>\n    }\n\n  </tc-rev-card-title>\n  <ng-content *ngIf=\"isOpen()\"></ng-content>\n</div>\n", styles: [":host{display:block}.tc-rev-card-accordion{border-color:var(--c-neutral-400)}@media(max-width:480px){.tc-rev-card-accordion__arrow-mobile{font-size:var(--f-size-16);padding:0 var(--size-6)}}\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"] }, { kind: "component", type: TcRevCardTitleComponent, selector: "tc-rev-card-title", inputs: ["title"] }, { kind: "directive", type: TcRevButtonDirective, selector: "button[tcRevButton]", inputs: ["color", "size", "fullWidth", "tcRevButton"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevCardAccordionComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'tc-rev-card-accordion', imports: [CommonModule, TcRevCardTitleComponent, TcRevButtonDirective], template: "<div class=\"tc-rev-card-accordion tc-rev-card bg-c-neutral-50  bor-xs bor-rad-16\"\n[ngClass]=\"accordionExtraClasses\"\n>\n  <tc-rev-card-title [title]=\"title()\" [class]=\"isOpen() ? 'pad-b-16' : '' \">\n    <i [class]=\"iconClass()\" icon></i>\n\n    <div\n      *ngIf=\"badge()\"\n      class=\"f-size-12 f-weight-600 pad-x-4 pad-y-2 bor-xs bor-rad-xs\"\n      [ngClass]=\"badge()?.class\"\n      [class.mar-l-8]=\"isDesktop()\"\n      >\n      {{ badge()?.text }}\n    </div>\n\n    @if(isDesktop()){\n      <button tcRevButton=\"outline\" color=\"dark\" size=\"sm\" class=\"mar-l-a\" (click)=\"toggleAccordion()\">\n        {{ isOpen() ? showLessText() : showMoreText() }}\n        <i class=\"fa-light\" [ngClass]=\"isOpen() ? 'fa-chevron-up' : 'fa-chevron-down'\"></i>\n      </button>\n    }\n\n    @if(!isDesktop()){\n      <button tcRevButton=\"link\" color=\"dark\" size=\"md\" (click)=\"toggleAccordion()\" class=\"tc-rev-card-accordion__arrow-mobile mar-l-a\">\n        <i class=\"fa-light\" [ngClass]=\"isOpen() ? 'fa-chevron-up' : 'fa-chevron-down'\"></i>\n      </button>\n    }\n\n  </tc-rev-card-title>\n  <ng-content *ngIf=\"isOpen()\"></ng-content>\n</div>\n", styles: [":host{display:block}.tc-rev-card-accordion{border-color:var(--c-neutral-400)}@media(max-width:480px){.tc-rev-card-accordion__arrow-mobile{font-size:var(--f-size-16);padding:0 var(--size-6)}}\n"] }]
-        }] });
-
-class TcRevCardComponent {
-    constructor() {
-        this._viewPort = inject(TCloudUiDeviceUtilsService);
-        this.isDesktop = this._viewPort.isDesktop;
-    }
-    /**
-    * APPLY FUNCTIONS RESPONSIVE < 480PX
-    */
-    get extraClasses() {
-        if (this.isDesktop()) {
-            return ['shadow-md', 'pad-16'];
-        }
-        //Responsive Classes
-        return ['shadow-sm', 'pad-14'];
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: TcRevCardComponent, isStandalone: true, selector: "tc-rev-card", ngImport: i0, template: "<div class=\"tc-rev-card bg-c-neutral-50 bor-rad-16\"\n[ngClass]=\"extraClasses\"\n>\n  <ng-content></ng-content>\n</div>", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevCardComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'tc-rev-card', imports: [CommonModule], template: "<div class=\"tc-rev-card bg-c-neutral-50 bor-rad-16\"\n[ngClass]=\"extraClasses\"\n>\n  <ng-content></ng-content>\n</div>", styles: [":host{display:block}\n"] }]
-        }] });
-
-class TcRevCheckboxDirective {
-    constructor() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevCheckboxDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: TcRevCheckboxDirective, isStandalone: true, selector: "input[type=\"checkbox\"][tcRevCheckbox]", host: { classAttribute: "tc-rev-checkbox" }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevCheckboxDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'input[type="checkbox"][tcRevCheckbox]',
-                    host: {
-                        class: 'tc-rev-checkbox'
-                    }
-                }]
-        }], ctorParameters: () => [] });
-
-var DropdownSize;
-(function (DropdownSize) {
-    DropdownSize["sm"] = "sm";
-    DropdownSize["md"] = "md";
-    DropdownSize["lg"] = "lg";
-})(DropdownSize || (DropdownSize = {}));
-class TcRevDropdownComponent {
-    onDocumentClick(event) {
-        if (this.isOpen && !this.elementRef.nativeElement.contains(event.target)) {
-            this.isOpen = false;
-        }
-    }
-    constructor(elementRef) {
-        this.elementRef = elementRef;
-        this._deviceService = inject(TCloudUiDeviceUtilsService);
-        this.label = input(''); // Label que será exibida
-        this.disabled = input(false); // Desabilita o dropdown
-        this.options = input.required(); // Lista de opções no novo formato
-        this.initialValue = input(null); // Valor pré-selecionado (deprecated - use value instead)
-        this.value = model(null); // Two-way binding para o valor selecionado
-        this.size = input(DropdownSize.sm);
-        this.width = input(''); // Largura específica do dropdown (ex: '300px', '50%'). Se não informado, ocupa 100% do pai
-        this.optionSelected = output(); // Emissor para o valor selecionado
-        this.selectedOption = signal(null); // Opção selecionada
-        this.isOpen = false; // Controla se o dropdown está aberto
-        this.dropdownSize = DropdownSize;
-        this.isDesktop = this._deviceService.isDesktop;
-        this.isMobile = this._deviceService.isMobile;
-    }
-    ngOnChanges(_simpleChanges) {
-        // Atualiza a opção selecionada quando o valor pré-selecionado muda
-        if (_simpleChanges['initialValue'] ||
-            _simpleChanges['options'] ||
-            _simpleChanges['value']) {
-            const valueToUse = this.value() || this.initialValue();
-            this.selectedOption.set(this.options().find((option) => option.value === valueToUse) || null);
-        }
-    }
-    ngOnInit() {
-        // Prioriza o valor do model, mas mantém compatibilidade com initialValue
-        const valueToUse = this.value() || this.initialValue();
-        const foundOption = this.options().find((option) => option.value === valueToUse) || null;
-        this.selectedOption.set(foundOption);
-        // Se não havia valor no model mas havia initialValue, sincroniza o model
-        if (!this.value() && this.initialValue() && foundOption) {
-            this.value.set(foundOption.value);
-        }
-        // Escuta mudanças no model e atualiza a opção selecionada
-        this.value.subscribe((newValue) => {
-            const option = this.options().find((opt) => opt.value === newValue) || null;
-            if (this.selectedOption() !== option) {
-                this.selectedOption.set(option);
-            }
-        });
-    }
-    toggleDropdown() {
-        // Abertura do dropdown para mobile
-        if (this.isMobile()) {
-            this._deviceService.openDropdownDevice(this.menuTemplate);
-            return;
-        }
-        this.isOpen = !this.isOpen;
-    }
-    selectOption(option) {
-        this.selectedOption.set(option);
-        this.value.set(option.value); // Atualiza o model com two-way binding
-        this.optionSelected.emit(option); // Emite a opção selecionada para compatibilidade
-        // Fechamento dd dropdown para mobile
-        if (this.isMobile()) {
-            this._deviceService.closeDropdownDevice();
-            return;
-        }
-        this.isOpen = false; // Fecha o dropdown
-    }
-    /**
-     * Verifica se o texto de uma opção na lista está elipsado
-     * @param text - Texto a ser verificado
-     * @returns true se o texto estiver elipsado
-     */
-    isOptionEllipsed(text) {
-        if (!text)
-            return false;
-        // Calcula a largura disponível para o texto nas opções da lista
-        const menuElement = this.elementRef.nativeElement.querySelector('.tc-rev-dropdown-menu');
-        if (!menuElement) {
-            // Se o menu não está aberto, usa a largura do dropdown
-            const dropdownElement = this.elementRef.nativeElement.querySelector('.tc-rev-dropdown');
-            if (!dropdownElement)
-                return false;
-            const dropdownWidth = dropdownElement.clientWidth;
-            const padding = 16; // 8px de cada lado do botão
-            const iconSpace = 24; // Espaço do ícone de check quando selecionado
-            const availableWidth = Math.max(50, dropdownWidth - padding - iconSpace);
-            return isTextEllipsed(text, availableWidth);
-        }
-        // Largura do menu menos padding do item (16px total) e espaço do ícone de check (24px)
-        const menuWidth = menuElement.clientWidth;
-        const padding = 16; // 8px de cada lado do botão do item
-        const iconSpace = 24; // Espaço do ícone de check quando selecionado
-        const availableWidth = Math.max(50, menuWidth - padding - iconSpace);
-        return isTextEllipsed(text, availableWidth);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevDropdownComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TcRevDropdownComponent, isStandalone: true, selector: "tc-rev-dropdown", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, initialValue: { classPropertyName: "initialValue", publicName: "initialValue", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", optionSelected: "optionSelected" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, viewQueries: [{ propertyName: "menuTemplate", first: true, predicate: ["menuTemplate"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"tc-rev-dropdown\"\n  [class.disabled]=\"disabled()\"\n  [style.width]=\"this.width()\"\n>\n  <button\n    class=\"tc-rev-dropdown-toggle\"\n    [class.tc-rev-dropdown-toggle--sm]=\"this.size() === dropdownSize.sm\"\n    [class.tc-rev-dropdown-toggle--md]=\"this.size() === dropdownSize.md\"\n    [class.tc-rev-dropdown-toggle--lg]=\"this.size() === dropdownSize.lg\"\n    (click)=\"toggleDropdown()\"\n    [class.disabled]=\"disabled()\"\n    [disabled]=\"disabled()\"\n  >\n    @if (label()) {\n    <b>{{ label() }}</b>\n    }\n    <span class=\"tc-rev-dropdown-selected-text\">\n      {{ selectedOption() ? selectedOption()?.displayValue : \"Selecione\" }}\n    </span>\n    <i class=\"fa-light fa-chevron-down mar-l-a\"></i>\n  </button>\n  <ul *ngIf=\"isOpen && isDesktop()\" class=\"tc-rev-dropdown-menu\">\n    @for (option of options(); track option?.value) {\n    <li class=\"tc-rev-dropdown-menu-item\" (click)=\"selectOption(option)\">\n      <button\n        class=\"tc-rev-dropdown-menu-item-btn\"\n        [class.selected]=\"selectedOption()?.value === option.value\"\n        [disabled]=\"option?.disabled\"\n      >\n        <span\n          class=\"tc-rev-dropdown-option-text\"\n          [class.ellipsed]=\"isOptionEllipsed(option.displayValue)\"\n          [tcRevTooltip]=\"\n            isOptionEllipsed(option.displayValue) ? option.displayValue : ''\n          \"\n          position=\"top\"\n        >\n          {{ option?.displayValue }}\n        </span>\n\n        @if (selectedOption()?.value === option?.value) {\n        <i class=\"fa-light fa-circle-check\"></i>\n        }\n      </button>\n    </li>\n    }\n  </ul>\n\n  <!-- Dropdown full screen -->\n  <ng-template #menuTemplate>\n    <div class=\"tc-rev-dropdown-menu tc-rev-dropdown-menu--device\">\n      <div class=\"tc-rev-dropdown-menu-section\">\n        <div class=\"tc-rev-dropdown-menu-header pad-b-24\">\n          <h3 class=\"mar-none f-h2 f-weight-600 c-neutral-600\">\n            {{ label() }}\n          </h3>\n          <button\n            tcRevIconButton=\"outline\"\n            color=\"dark\"\n            size=\"sm\"\n            (click)=\"_deviceService.closeDropdownDevice()\"\n          >\n            <i class=\"fa-light fa-times f-size-16\"></i>\n          </button>\n        </div>\n        <ul class=\"tc-rev-dropdown-menu-container mar-t-8\">\n          @for (option of options(); track option?.value) {\n          <li class=\"tc-rev-dropdown-menu-item\" (click)=\"selectOption(option)\">\n            <button\n              class=\"tc-rev-dropdown-menu-item-btn\"\n              [class.selected]=\"selectedOption()?.value === option.value\"\n              [disabled]=\"option?.disabled\"\n            >\n              {{ option?.displayValue }}\n\n              @if (selectedOption()?.value === option?.value) {\n              <i class=\"fa-light fa-circle-check f-size-16\"></i>\n              }\n            </button>\n          </li>\n          }\n        </ul>\n      </div>\n    </div>\n  </ng-template>\n</div>\n", styles: [".tc-rev-dropdown{position:relative;display:block;width:100%}.tc-rev-dropdown .tc-rev-dropdown-toggle{align-items:center;background-color:var(--c-neutral-50);border:1px solid var(--c-neutral-400);border-radius:var(--bor-radius-pill);color:var(--c-neutral-700);cursor:pointer;display:inline-flex;font-family:var(--f-family);font-size:var(--f-size-12);gap:var(--size-4);line-height:var(--l-height-16);outline:none;transition:.2s ease;padding:0 var(--size-16);width:100%}.tc-rev-dropdown .tc-rev-dropdown-toggle .tc-rev-dropdown-selected-text{flex:1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.tc-rev-dropdown .tc-rev-dropdown-toggle--sm{height:var(--size-40)}.tc-rev-dropdown .tc-rev-dropdown-toggle--md{height:var(--size-44)}.tc-rev-dropdown .tc-rev-dropdown-toggle--lg{height:var(--size-48)}.tc-rev-dropdown .tc-rev-dropdown-toggle:hover,.tc-rev-dropdown .tc-rev-dropdown-toggle:focus{border-color:var(--c-primary-500)}.tc-rev-dropdown .tc-rev-dropdown-toggle:disabled{border-color:var(--c-neutral-300);color:var(--c-neutral-300);cursor:not-allowed}.tc-rev-dropdown .tc-rev-dropdown-menu{box-shadow:var(--shadow-md);position:absolute;top:110%;left:0;background-color:var(--c-neutral-50);border-radius:var(--bor-radius-4);list-style:none;margin:0;max-height:15.625rem;overflow-y:auto;padding:0;width:100%;z-index:1000}.tc-rev-dropdown .tc-rev-dropdown-menu .tc-rev-dropdown-menu-item .tc-rev-dropdown-menu-item-btn{align-items:center;background-color:transparent;border:1px solid var(--c-neutral-50);border-radius:var(--bor-radius-4);color:var(--c-neutral-700);cursor:pointer;display:flex;justify-content:space-between;font-size:var(--f-size-12);line-height:var(--l-height-16);height:var(--size-32);padding:var(--size-8);text-align:left;text-wrap:nowrap;transition:.2s ease;width:100%}.tc-rev-dropdown .tc-rev-dropdown-menu .tc-rev-dropdown-menu-item .tc-rev-dropdown-menu-item-btn .tc-rev-dropdown-option-text{flex:1;overflow:hidden;text-align:left;white-space:nowrap}.tc-rev-dropdown .tc-rev-dropdown-menu .tc-rev-dropdown-menu-item .tc-rev-dropdown-menu-item-btn .tc-rev-dropdown-option-text.ellipsed{text-overflow:ellipsis}.tc-rev-dropdown .tc-rev-dropdown-menu .tc-rev-dropdown-menu-item .tc-rev-dropdown-menu-item-btn:hover{border-color:var(--c-primary-500);color:var(--c-primary-500)}.tc-rev-dropdown .tc-rev-dropdown-menu .tc-rev-dropdown-menu-item .tc-rev-dropdown-menu-item-btn.selected{background-color:var(--c-primary-300);border-color:var(--c-primary-300);color:var(--c-primary-500);font-weight:var(--f-weight-700)}.tc-rev-dropdown .tc-rev-dropdown-menu .tc-rev-dropdown-menu-item .tc-rev-dropdown-menu-item-btn:disabled{background-color:var(--c-neutral-50);border-color:var(--c-neutral-300);color:var(--c-neutral-500);cursor:not-allowed}.tc-rev-dropdown-menu--device{height:100%;overflow-y:auto;background-color:var(--c-neutral-50);padding:var(--size-16)}.tc-rev-dropdown-menu--device .tc-rev-dropdown-menu-section{display:contents}.tc-rev-dropdown-menu--device .tc-rev-dropdown-menu-header{align-items:center;display:flex;gap:var(--size-16);justify-content:space-between}.tc-rev-dropdown-menu--device .tc-rev-dropdown-menu-container{list-style:none;margin:0;padding:0;gap:.5rem;display:flex;flex-direction:column}.tc-rev-dropdown-menu--device .tc-rev-dropdown-menu-item .tc-rev-dropdown-menu-item-btn{align-items:center;background-color:transparent;border:1px solid var(--c-neutral-50);border-radius:var(--bor-radius-4);color:var(--c-neutral-900);cursor:pointer;display:flex;justify-content:space-between;font-size:var(--f-size-14);line-height:var(--l-height-16);height:var(--size-40);padding:var(--size-12);text-align:left;text-wrap:nowrap;transition:all .2s ease;width:100%}.tc-rev-dropdown-menu--device .tc-rev-dropdown-menu-item .tc-rev-dropdown-menu-item-btn.selected{background-color:var(--c-primary-300);border-color:var(--c-primary-300);color:var(--c-primary-500);font-weight:var(--f-weight-700)}.tc-rev-dropdown-menu--device .tc-rev-dropdown-menu-item .tc-rev-dropdown-menu-item-btn:active:not(:disabled):not(.selected){background-color:var(--c-primary-200);border-color:var(--c-primary-200);color:var(--c-primary-500);transform:scale(.98)}.tc-rev-dropdown-menu--device .tc-rev-dropdown-menu-item .tc-rev-dropdown-menu-item-btn:disabled{background-color:var(--c-neutral-50);border-color:var(--c-neutral-300);color:var(--c-neutral-500);cursor:not-allowed}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: TcRevTooltipDirective, selector: "[tcRevTooltip]", inputs: ["tcRevTooltip", "position"] }, { kind: "directive", type: TcRevIconButtonDirective, selector: "button[tcRevIconButton]", inputs: ["color", "size", "tcRevIconButton"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevDropdownComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'tc-rev-dropdown', imports: [
-                        CommonModule,
-                        FormsModule,
-                        ReactiveFormsModule,
-                        TcRevTooltipDirective,
-                        TcRevIconButtonDirective
-                    ], template: "<div\n  class=\"tc-rev-dropdown\"\n  [class.disabled]=\"disabled()\"\n  [style.width]=\"this.width()\"\n>\n  <button\n    class=\"tc-rev-dropdown-toggle\"\n    [class.tc-rev-dropdown-toggle--sm]=\"this.size() === dropdownSize.sm\"\n    [class.tc-rev-dropdown-toggle--md]=\"this.size() === dropdownSize.md\"\n    [class.tc-rev-dropdown-toggle--lg]=\"this.size() === dropdownSize.lg\"\n    (click)=\"toggleDropdown()\"\n    [class.disabled]=\"disabled()\"\n    [disabled]=\"disabled()\"\n  >\n    @if (label()) {\n    <b>{{ label() }}</b>\n    }\n    <span class=\"tc-rev-dropdown-selected-text\">\n      {{ selectedOption() ? selectedOption()?.displayValue : \"Selecione\" }}\n    </span>\n    <i class=\"fa-light fa-chevron-down mar-l-a\"></i>\n  </button>\n  <ul *ngIf=\"isOpen && isDesktop()\" class=\"tc-rev-dropdown-menu\">\n    @for (option of options(); track option?.value) {\n    <li class=\"tc-rev-dropdown-menu-item\" (click)=\"selectOption(option)\">\n      <button\n        class=\"tc-rev-dropdown-menu-item-btn\"\n        [class.selected]=\"selectedOption()?.value === option.value\"\n        [disabled]=\"option?.disabled\"\n      >\n        <span\n          class=\"tc-rev-dropdown-option-text\"\n          [class.ellipsed]=\"isOptionEllipsed(option.displayValue)\"\n          [tcRevTooltip]=\"\n            isOptionEllipsed(option.displayValue) ? option.displayValue : ''\n          \"\n          position=\"top\"\n        >\n          {{ option?.displayValue }}\n        </span>\n\n        @if (selectedOption()?.value === option?.value) {\n        <i class=\"fa-light fa-circle-check\"></i>\n        }\n      </button>\n    </li>\n    }\n  </ul>\n\n  <!-- Dropdown full screen -->\n  <ng-template #menuTemplate>\n    <div class=\"tc-rev-dropdown-menu tc-rev-dropdown-menu--device\">\n      <div class=\"tc-rev-dropdown-menu-section\">\n        <div class=\"tc-rev-dropdown-menu-header pad-b-24\">\n          <h3 class=\"mar-none f-h2 f-weight-600 c-neutral-600\">\n            {{ label() }}\n          </h3>\n          <button\n            tcRevIconButton=\"outline\"\n            color=\"dark\"\n            size=\"sm\"\n            (click)=\"_deviceService.closeDropdownDevice()\"\n          >\n            <i class=\"fa-light fa-times f-size-16\"></i>\n          </button>\n        </div>\n        <ul class=\"tc-rev-dropdown-menu-container mar-t-8\">\n          @for (option of options(); track option?.value) {\n          <li class=\"tc-rev-dropdown-menu-item\" (click)=\"selectOption(option)\">\n            <button\n              class=\"tc-rev-dropdown-menu-item-btn\"\n              [class.selected]=\"selectedOption()?.value === option.value\"\n              [disabled]=\"option?.disabled\"\n            >\n              {{ option?.displayValue }}\n\n              @if (selectedOption()?.value === option?.value) {\n              <i class=\"fa-light fa-circle-check f-size-16\"></i>\n              }\n            </button>\n          </li>\n          }\n        </ul>\n      </div>\n    </div>\n  </ng-template>\n</div>\n", styles: [".tc-rev-dropdown{position:relative;display:block;width:100%}.tc-rev-dropdown .tc-rev-dropdown-toggle{align-items:center;background-color:var(--c-neutral-50);border:1px solid var(--c-neutral-400);border-radius:var(--bor-radius-pill);color:var(--c-neutral-700);cursor:pointer;display:inline-flex;font-family:var(--f-family);font-size:var(--f-size-12);gap:var(--size-4);line-height:var(--l-height-16);outline:none;transition:.2s ease;padding:0 var(--size-16);width:100%}.tc-rev-dropdown .tc-rev-dropdown-toggle .tc-rev-dropdown-selected-text{flex:1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.tc-rev-dropdown .tc-rev-dropdown-toggle--sm{height:var(--size-40)}.tc-rev-dropdown .tc-rev-dropdown-toggle--md{height:var(--size-44)}.tc-rev-dropdown .tc-rev-dropdown-toggle--lg{height:var(--size-48)}.tc-rev-dropdown .tc-rev-dropdown-toggle:hover,.tc-rev-dropdown .tc-rev-dropdown-toggle:focus{border-color:var(--c-primary-500)}.tc-rev-dropdown .tc-rev-dropdown-toggle:disabled{border-color:var(--c-neutral-300);color:var(--c-neutral-300);cursor:not-allowed}.tc-rev-dropdown .tc-rev-dropdown-menu{box-shadow:var(--shadow-md);position:absolute;top:110%;left:0;background-color:var(--c-neutral-50);border-radius:var(--bor-radius-4);list-style:none;margin:0;max-height:15.625rem;overflow-y:auto;padding:0;width:100%;z-index:1000}.tc-rev-dropdown .tc-rev-dropdown-menu .tc-rev-dropdown-menu-item .tc-rev-dropdown-menu-item-btn{align-items:center;background-color:transparent;border:1px solid var(--c-neutral-50);border-radius:var(--bor-radius-4);color:var(--c-neutral-700);cursor:pointer;display:flex;justify-content:space-between;font-size:var(--f-size-12);line-height:var(--l-height-16);height:var(--size-32);padding:var(--size-8);text-align:left;text-wrap:nowrap;transition:.2s ease;width:100%}.tc-rev-dropdown .tc-rev-dropdown-menu .tc-rev-dropdown-menu-item .tc-rev-dropdown-menu-item-btn .tc-rev-dropdown-option-text{flex:1;overflow:hidden;text-align:left;white-space:nowrap}.tc-rev-dropdown .tc-rev-dropdown-menu .tc-rev-dropdown-menu-item .tc-rev-dropdown-menu-item-btn .tc-rev-dropdown-option-text.ellipsed{text-overflow:ellipsis}.tc-rev-dropdown .tc-rev-dropdown-menu .tc-rev-dropdown-menu-item .tc-rev-dropdown-menu-item-btn:hover{border-color:var(--c-primary-500);color:var(--c-primary-500)}.tc-rev-dropdown .tc-rev-dropdown-menu .tc-rev-dropdown-menu-item .tc-rev-dropdown-menu-item-btn.selected{background-color:var(--c-primary-300);border-color:var(--c-primary-300);color:var(--c-primary-500);font-weight:var(--f-weight-700)}.tc-rev-dropdown .tc-rev-dropdown-menu .tc-rev-dropdown-menu-item .tc-rev-dropdown-menu-item-btn:disabled{background-color:var(--c-neutral-50);border-color:var(--c-neutral-300);color:var(--c-neutral-500);cursor:not-allowed}.tc-rev-dropdown-menu--device{height:100%;overflow-y:auto;background-color:var(--c-neutral-50);padding:var(--size-16)}.tc-rev-dropdown-menu--device .tc-rev-dropdown-menu-section{display:contents}.tc-rev-dropdown-menu--device .tc-rev-dropdown-menu-header{align-items:center;display:flex;gap:var(--size-16);justify-content:space-between}.tc-rev-dropdown-menu--device .tc-rev-dropdown-menu-container{list-style:none;margin:0;padding:0;gap:.5rem;display:flex;flex-direction:column}.tc-rev-dropdown-menu--device .tc-rev-dropdown-menu-item .tc-rev-dropdown-menu-item-btn{align-items:center;background-color:transparent;border:1px solid var(--c-neutral-50);border-radius:var(--bor-radius-4);color:var(--c-neutral-900);cursor:pointer;display:flex;justify-content:space-between;font-size:var(--f-size-14);line-height:var(--l-height-16);height:var(--size-40);padding:var(--size-12);text-align:left;text-wrap:nowrap;transition:all .2s ease;width:100%}.tc-rev-dropdown-menu--device .tc-rev-dropdown-menu-item .tc-rev-dropdown-menu-item-btn.selected{background-color:var(--c-primary-300);border-color:var(--c-primary-300);color:var(--c-primary-500);font-weight:var(--f-weight-700)}.tc-rev-dropdown-menu--device .tc-rev-dropdown-menu-item .tc-rev-dropdown-menu-item-btn:active:not(:disabled):not(.selected){background-color:var(--c-primary-200);border-color:var(--c-primary-200);color:var(--c-primary-500);transform:scale(.98)}.tc-rev-dropdown-menu--device .tc-rev-dropdown-menu-item .tc-rev-dropdown-menu-item-btn:disabled{background-color:var(--c-neutral-50);border-color:var(--c-neutral-300);color:var(--c-neutral-500);cursor:not-allowed}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { menuTemplate: [{
-                type: ViewChild,
-                args: ['menuTemplate']
-            }], onDocumentClick: [{
-                type: HostListener,
-                args: ['document:click', ['$event']]
-            }] } });
-
-class TcRevSearchInputComponent {
-    constructor() {
-        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.25", ngImport: i0, type: TcRevSearchInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.25", type: TcRevSearchInputComponent, isStandalone: true, selector: "tc-rev-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=\"tc-rev-search-input-container\">\n  <input\n    type=\"text\"\n    class=\"tc-rev-search-input-control\"\n    [formControl]=\"this.searchTextForm\"\n    [placeholder]=\"this.placeholder()\"\n    #searchInput\n  />\n\n  <button class=\"tc-rev-search-input-btn\">\n    <i class=\"fa-light fa-magnifying-glass\"></i>\n  </button>\n</form>\n\n\n", styles: [":host{display:block}.tc-rev-search-input-container{position:relative;max-height:var(--size-40);min-height:var(--size-40);height:var(--size-40);min-width:7.5rem}.tc-rev-search-input-container .tc-rev-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}.tc-rev-search-input-container .tc-rev-search-input-control:hover,.tc-rev-search-input-container .tc-rev-search-input-control:focus{border-color:var(--c-primary-500)}.tc-rev-search-input-container .tc-rev-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.25", ngImport: i0, type: TcRevSearchInputComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'tc-rev-search-input', imports: [CommonModule, FormsModule, ReactiveFormsModule], template: "<form class=\"tc-rev-search-input-container\">\n  <input\n    type=\"text\"\n    class=\"tc-rev-search-input-control\"\n    [formControl]=\"this.searchTextForm\"\n    [placeholder]=\"this.placeholder()\"\n    #searchInput\n  />\n\n  <button class=\"tc-rev-search-input-btn\">\n    <i class=\"fa-light fa-magnifying-glass\"></i>\n  </button>\n</form>\n\n\n", styles: [":host{display:block}.tc-rev-search-input-container{position:relative;max-height:var(--size-40);min-height:var(--size-40);height:var(--size-40);min-width:7.5rem}.tc-rev-search-input-container .tc-rev-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}.tc-rev-search-input-container .tc-rev-search-input-control:hover,.tc-rev-search-input-container .tc-rev-search-input-control:focus{border-color:var(--c-primary-500)}.tc-rev-search-input-container .tc-rev-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
-            }] } });
-
-var DropdownGroupedSize;
-(function (DropdownGroupedSize) {
-    DropdownGroupedSize["sm"] = "sm";
-    DropdownGroupedSize["md"] = "md";
-    DropdownGroupedSize["lg"] = "lg";
-})(DropdownGroupedSize || (DropdownGroupedSize = {}));
-class TcRevDropdownGroupedComponent {
-    onDocumentClick(event) {
-        if (this.isOpen && !this.elementRef.nativeElement.contains(event.target)) {
-            this.isOpen = false;
-        }
-    }
-    constructor(elementRef) {
-        this.elementRef = elementRef;
-        this._deviceService = inject(TCloudUiDeviceUtilsService);
-        this.label = input(''); // Label que será exibida
-        this.disabled = input(false); // Desabilita o dropdown
-        this.options = input.required(); // Lista de opções agrupadas
-        this.initialValue = input(null); // Valor pré-selecionado (deprecated - use value instead)
-        this.value = model(null); // Two-way binding para o valor selecionado
-        this.size = input(DropdownGroupedSize.sm);
-        this.placeholder = input('Selecione');
-        this.searchPlaceholder = input('Buscar...');
-        this.showSearch = input(true); // Controla se mostra o input de busca
-        this.width = input(''); // Largura do dropdown
-        this.optionSelected = output(); // Emissor para o valor selecionado
-        this.selectedOption = signal(null); // Opção selecionada
-        this.isOpen = false; // Controla se o dropdown está aberto
-        this.searchTerm = signal(''); // Termo de busca
-        this.dropdownSize = DropdownGroupedSize;
-        this.isDesktop = this._deviceService.isDesktop;
-        this.isMobile = this._deviceService.isMobile;
-    }
-    ngOnChanges(_simpleChanges) {
-        // Atualiza a opção selecionada quando o valor pré-selecionado muda
-        if (_simpleChanges['initialValue'] ||
-            _simpleChanges['options'] ||
-            _simpleChanges['value']) {
-            const valueToUse = this.value() || this.initialValue();
-            this.selectedOption.set(this.options().find((option) => option.value === valueToUse) || null);
-        }
-    }
-    ngOnInit() {
-        // Prioriza o valor do model, mas mantém compatibilidade com initialValue
-        const valueToUse = this.value() || this.initialValue();
-        const foundOption = this.options().find((option) => option.value === valueToUse) || null;
-        this.selectedOption.set(foundOption);
-        // Se não havia valor no model mas havia initialValue, sincroniza o model
-        if (!this.value() && this.initialValue() && foundOption) {
-            this.value.set(foundOption.value);
-        }
-        // Escuta mudanças no model e atualiza a opção selecionada
-        this.value.subscribe((newValue) => {
-            const option = this.options().find((opt) => opt.value === newValue) || null;
-            if (this.selectedOption() !== option) {
-                this.selectedOption.set(option);
-            }
-        });
-    }
-    toggleDropdown() {
-        if (!this.disabled()) {
-            // Abertura do dropdown para mobile
-            if (this.isMobile()) {
-                this._deviceService.openDropdownDevice(this.menuTemplate);
-                return;
-            }
-            this.isOpen = !this.isOpen;
-            if (this.isOpen) {
-                this.searchTerm.set('');
-                // Foca no input de busca quando abre o dropdown
-                setTimeout(() => {
-                    const searchInput = this.elementRef.nativeElement.querySelector('.tc-rev-dropdown-search input');
-                    if (searchInput) {
-                        searchInput.focus();
-                    }
-                }, 100);
-            }
-        }
-    }
-    selectOption(option) {
-        if (!option.disabled) {
-            this.selectedOption.set(option);
-            this.value.set(option.value); // Atualiza o model com two-way binding
-            this.optionSelected.emit(option); // Emite a opção selecionada para compatibilidade
-            if (this.isMobile()) {
-                this._deviceService.closeDropdownDevice();
-                return;
-            }
-            this.isOpen = false;
-            this.searchTerm.set('');
-        }
-    }
-    onSearchChange(searchText) {
-        this.searchTerm.set(searchText);
-    }
-    getGroupedOptions() {
-        const filtered = this.getFilteredOptions();
-        const groups = {};
-        // Agrupa as opções filtradas
-        filtered.forEach((option) => {
-            const groupName = option.group || 'Sem grupo';
-            if (!groups[groupName]) {
-                groups[groupName] = [];
-            }
-            groups[groupName].push(option);
-        });
-        // Converte para array de grupos
-        return Object.keys(groups).map((groupName) => ({
-            groupName,
-            options: groups[groupName],
-        }));
-    }
-    getFilteredOptions() {
-        const search = this.searchTerm().toLowerCase().trim();
-        if (!search) {
-            return this.options();
-        }
-        return this.options().filter((option) => option.displayValue.toLowerCase().includes(search) ||
-            (option.group && option.group.toLowerCase().includes(search)));
-    }
-    clearSearch() {
-        this.searchTerm.set('');
-    }
-    hasResults() {
-        return this.getFilteredOptions().length > 0;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevDropdownGroupedComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TcRevDropdownGroupedComponent, isStandalone: true, selector: "tc-rev-dropdown-grouped", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, initialValue: { classPropertyName: "initialValue", publicName: "initialValue", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, searchPlaceholder: { classPropertyName: "searchPlaceholder", publicName: "searchPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, showSearch: { classPropertyName: "showSearch", publicName: "showSearch", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", optionSelected: "optionSelected" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, viewQueries: [{ propertyName: "menuTemplate", first: true, predicate: ["menuTemplate"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"tc-rev-dropdown-grouped\" [class.disabled]=\"disabled()\">\n  <button\n    class=\"tc-rev-dropdown-toggle\"\n    [class.tc-rev-dropdown-toggle--sm]=\"this.size() === dropdownSize.sm\"\n    [class.tc-rev-dropdown-toggle--md]=\"this.size() === dropdownSize.md\"\n    [class.tc-rev-dropdown-toggle--lg]=\"this.size() === dropdownSize.lg\"\n    (click)=\"toggleDropdown()\"\n    [class.disabled]=\"disabled()\"\n    [disabled]=\"disabled()\"\n    [style.width]=\"this.width()\"\n  >\n    @if (label()) {\n    <b>{{ label() }}</b>\n    }\n    {{ selectedOption() ? selectedOption()?.displayValue : placeholder() }}\n    <i class=\"fa-light fa-chevron-down mar-l-a\" [class.rotate]=\"isOpen\"></i>\n  </button>\n\n  <div\n    *ngIf=\"isOpen && isDesktop()\"\n    class=\"tc-rev-dropdown-menu\"\n    [style.width]=\"this.width()\"\n  >\n    <!-- Input de busca -->\n    @if (showSearch()) {\n    <div class=\"tc-rev-dropdown-search\">\n      <tc-rev-search-input\n        (onSearch)=\"onSearchChange($event)\"\n        [placeholder]=\"this.searchPlaceholder()\"\n      />\n    </div>\n    <!-- <div class=\"tc-rev-dropdown-search\">\n        <i class=\"fa-light fa-magnifying-glass search-icon\"></i>\n        <input\n          type=\"text\"\n          [placeholder]=\"searchPlaceholder()\"\n          [value]=\"searchTerm()\"\n          (input)=\"onSearchChange($event)\"\n          class=\"search-input\">\n        @if (searchTerm()) {\n          <button\n            type=\"button\"\n            class=\"clear-search\"\n            (click)=\"clearSearch()\"\n            title=\"Limpar busca\">\n            <i class=\"fa-light fa-xmark\"></i>\n          </button>\n        }\n      </div> -->\n    }\n\n    <!-- Lista de op\u00E7\u00F5es agrupadas -->\n    @if (hasResults()) {\n    <ul class=\"tc-rev-dropdown-options\">\n      @for (group of getGroupedOptions(); track group.groupName) {\n      <li class=\"tc-rev-dropdown-group\">\n        <div class=\"tc-rev-dropdown-group-header\">\n          {{ group.groupName }}\n        </div>\n        <ul class=\"tc-rev-dropdown-group-options\">\n          @for (option of group.options; track option?.value) {\n          <li class=\"tc-rev-dropdown-menu-item\" (click)=\"selectOption(option)\">\n            <button\n              class=\"tc-rev-dropdown-menu-item-btn\"\n              [class.selected]=\"selectedOption()?.value === option.value\"\n              [disabled]=\"option?.disabled\"\n            >\n              {{ option?.displayValue }}\n\n              @if (selectedOption()?.value === option?.value) {\n              <i class=\"fa-light fa-circle-check\"></i>\n              }\n            </button>\n          </li>\n          }\n        </ul>\n      </li>\n      }\n    </ul>\n    } @else {\n    <div class=\"tc-rev-dropdown-no-results f-family\">\n      <i class=\"fa-light fa-magnifying-glass\"></i>\n      <span>Nenhum resultado encontrado</span>\n    </div>\n    }\n  </div>\n\n  <!-- Dropdown full screen -->\n  <ng-template #menuTemplate>\n    <div class=\"tc-rev-dropdown-menu tc-rev-dropdown-menu--device\">\n      <div class=\"tc-rev-dropdown-menu-section\">\n        <div class=\"tc-rev-dropdown-menu-header pad-b-24\">\n          <h3 class=\"mar-none f-h2 f-weight-600 c-neutral-600\">\n            {{ label() }}\n          </h3>\n          <button\n            tcRevIconButton=\"outline\"\n            color=\"dark\"\n            size=\"sm\"\n            (click)=\"_deviceService.closeDropdownDevice()\"\n          >\n            <i class=\"fa-light fa-times f-size-16\"></i>\n          </button>\n        </div>\n\n        @if (showSearch()) {\n        <div class=\"tc-rev-dropdown-search mar-b-12\">\n          <tc-rev-search-input\n            (onSearch)=\"onSearchChange($event)\"\n            [placeholder]=\"searchPlaceholder()\"\n          />\n        </div>\n        } @if (hasResults()) {\n        <ul class=\"tc-rev-dropdown-menu-container mar-t-8\">\n          @for (group of getGroupedOptions(); track group.groupName) {\n          <li class=\"tc-rev-dropdown-group\">\n            <div class=\"tc-rev-dropdown-group-header\">\n              {{ group.groupName }}\n            </div>\n            <ul class=\"tc-rev-dropdown-group-options\">\n              @for (option of group.options; track option?.value) {\n              <li\n                class=\"tc-rev-dropdown-menu-item\"\n                (click)=\"selectOption(option)\"\n              >\n                <button\n                  class=\"tc-rev-dropdown-menu-item-btn\"\n                  [class.selected]=\"selectedOption()?.value === option.value\"\n                  [disabled]=\"option?.disabled\"\n                >\n                  {{ option?.displayValue }}\n\n                  @if (selectedOption()?.value === option?.value) {\n                  <i class=\"fa-light fa-circle-check f-size-16\"></i>\n                  }\n                </button>\n              </li>\n              }\n            </ul>\n          </li>\n          }\n        </ul>\n        }\n      </div>\n    </div>\n  </ng-template>\n</div>\n", styles: [":host{display:inline-block}.tc-rev-dropdown-grouped{position:relative;display:inline-block}.tc-rev-dropdown-grouped .tc-rev-dropdown-toggle{background-color:var(--c-neutral-50);border:1px solid var(--c-neutral-400);border-radius:var(--bor-radius-pill);color:var(--c-neutral-700);cursor:pointer;display:inline-flex;align-items:center;justify-content:flex-start;gap:var(--size-4);font-family:var(--f-family);font-size:var(--f-size-12);line-height:var(--l-height-16);outline:none;transition:.2s ease;padding:0 var(--size-16);min-width:5rem}.tc-rev-dropdown-grouped .tc-rev-dropdown-toggle--sm{height:var(--size-40)}.tc-rev-dropdown-grouped .tc-rev-dropdown-toggle--md{height:var(--size-44)}.tc-rev-dropdown-grouped .tc-rev-dropdown-toggle--lg{height:var(--size-48)}.tc-rev-dropdown-grouped .tc-rev-dropdown-toggle:hover,.tc-rev-dropdown-grouped .tc-rev-dropdown-toggle:focus{border-color:var(--c-primary-500)}.tc-rev-dropdown-grouped .tc-rev-dropdown-toggle:disabled{border-color:var(--c-neutral-300);color:var(--c-neutral-300);cursor:not-allowed}.tc-rev-dropdown-grouped .tc-rev-dropdown-toggle i.rotate{transform:rotate(-180deg)}.tc-rev-dropdown-grouped .tc-rev-dropdown-toggle i{transition:transform .2s ease}.tc-rev-dropdown-grouped .tc-rev-dropdown-menu{box-shadow:var(--shadow-md);position:absolute;top:110%;left:0;background-color:var(--c-neutral-50);border-radius:var(--bor-radius-4);max-height:20rem;overflow:hidden;width:100%;min-width:10rem;z-index:1000;display:flex;flex-direction:column}.tc-rev-dropdown-grouped .tc-rev-dropdown-menu .tc-rev-dropdown-search{position:relative;padding:var(--size-8);border-bottom:1px solid var(--c-neutral-200);background-color:var(--c-neutral-50)}.tc-rev-dropdown-grouped .tc-rev-dropdown-menu .tc-rev-dropdown-search .search-icon{position:absolute;left:var(--size-20);top:50%;transform:translateY(-50%);color:var(--c-neutral-500);font-size:var(--f-size-14)}.tc-rev-dropdown-grouped .tc-rev-dropdown-menu .tc-rev-dropdown-search .search-input{width:100%;height:var(--size-40);padding:var(--size-8) var(--size-12) var(--size-8) var(--size-36);border:1px solid var(--c-neutral-300);border-radius:var(--bor-radius-4);font-size:var(--f-size-12);line-height:var(--l-height-16);outline:none;transition:border-color .2s ease;font-family:var(--f-family)}.tc-rev-dropdown-grouped .tc-rev-dropdown-menu .tc-rev-dropdown-search .search-input:focus{border-color:var(--c-primary-500)}.tc-rev-dropdown-grouped .tc-rev-dropdown-menu .tc-rev-dropdown-search .search-input::placeholder{color:var(--c-neutral-500)}.tc-rev-dropdown-grouped .tc-rev-dropdown-menu .tc-rev-dropdown-search .clear-search{position:absolute;right:var(--size-20);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--c-neutral-500);cursor:pointer;padding:var(--size-4);border-radius:var(--bor-radius-4);transition:color .2s ease;font-family:var(--f-family)}.tc-rev-dropdown-grouped .tc-rev-dropdown-menu .tc-rev-dropdown-search .clear-search:hover{color:var(--c-neutral-700)}.tc-rev-dropdown-grouped .tc-rev-dropdown-menu .tc-rev-dropdown-options{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1;font-family:var(--f-family)}.tc-rev-dropdown-grouped .tc-rev-dropdown-menu .tc-rev-dropdown-options .tc-rev-dropdown-group .tc-rev-dropdown-group-header{background-color:var(--c-neutral-100);color:var(--c-neutral-600);font-size:var(--f-size-14);font-weight:var(--f-weight-500);line-height:var(--l-height-16);padding:var(--size-10);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--c-neutral-200);position:sticky;top:0;z-index:1}.tc-rev-dropdown-grouped .tc-rev-dropdown-menu .tc-rev-dropdown-options .tc-rev-dropdown-group .tc-rev-dropdown-group-options{list-style:none;margin:0;padding:0}.tc-rev-dropdown-grouped .tc-rev-dropdown-menu .tc-rev-dropdown-options .tc-rev-dropdown-group .tc-rev-dropdown-group-options .tc-rev-dropdown-menu-item .tc-rev-dropdown-menu-item-btn{align-items:center;background-color:transparent;border:1px solid var(--c-neutral-50);border-radius:var(--bor-radius-4);color:var(--c-neutral-900);cursor:pointer;display:flex;justify-content:space-between;font-size:var(--f-size-12);line-height:var(--l-height-16);height:var(--size-32);padding:var(--size-8);text-align:left;text-wrap:nowrap;transition:.2s ease;width:100%}.tc-rev-dropdown-grouped .tc-rev-dropdown-menu .tc-rev-dropdown-options .tc-rev-dropdown-group .tc-rev-dropdown-group-options .tc-rev-dropdown-menu-item .tc-rev-dropdown-menu-item-btn:hover{background-color:var(--c-neutral-50);border-color:var(--c-primary-500);color:var(--c-primary-500)}.tc-rev-dropdown-grouped .tc-rev-dropdown-menu .tc-rev-dropdown-options .tc-rev-dropdown-group .tc-rev-dropdown-group-options .tc-rev-dropdown-menu-item .tc-rev-dropdown-menu-item-btn.selected{background-color:var(--c-primary-300);border-color:var(--c-primary-300);color:var(--c-primary-500);font-weight:var(--f-weight-700)}.tc-rev-dropdown-grouped .tc-rev-dropdown-menu .tc-rev-dropdown-options .tc-rev-dropdown-group .tc-rev-dropdown-group-options .tc-rev-dropdown-menu-item .tc-rev-dropdown-menu-item-btn:disabled{background-color:var(--c-neutral-50);border-color:var(--c-neutral-300);color:var(--c-neutral-400);cursor:not-allowed}.tc-rev-dropdown-grouped .tc-rev-dropdown-menu .tc-rev-dropdown-options .tc-rev-dropdown-group .tc-rev-dropdown-group-options .tc-rev-dropdown-menu-item .tc-rev-dropdown-menu-item-btn:disabled:hover{background-color:var(--c-neutral-50);border-color:var(--c-neutral-300);color:var(--c-neutral-400)}.tc-rev-dropdown-grouped .tc-rev-dropdown-menu .tc-rev-dropdown-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--size-24);color:var(--c-neutral-500);text-align:center}.tc-rev-dropdown-grouped .tc-rev-dropdown-menu .tc-rev-dropdown-no-results i{font-size:var(--f-size-24);margin-bottom:var(--size-8);opacity:.5}.tc-rev-dropdown-grouped .tc-rev-dropdown-menu .tc-rev-dropdown-no-results span{font-size:var(--f-size-12);line-height:var(--l-height-16)}.tc-rev-dropdown-grouped.disabled .tc-rev-dropdown-toggle{border-color:var(--c-neutral-300);color:var(--c-neutral-300);cursor:not-allowed}.tc-rev-dropdown-grouped.disabled .tc-rev-dropdown-toggle:hover{border-color:var(--c-neutral-300)}.tc-rev-dropdown-menu--device{height:100%;overflow-y:auto;background-color:var(--c-neutral-50);padding:var(--size-16)}.tc-rev-dropdown-menu--device .tc-rev-dropdown-menu-section{display:contents}.tc-rev-dropdown-menu--device .tc-rev-dropdown-menu-header{align-items:center;display:flex;gap:var(--size-16);justify-content:space-between}.tc-rev-dropdown-menu--device .tc-rev-dropdown-menu-container{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1}.tc-rev-dropdown-menu--device .tc-rev-dropdown-menu-container .tc-rev-dropdown-group .tc-rev-dropdown-group-header{background-color:var(--c-neutral-100);color:var(--c-neutral-600);font-size:var(--f-size-14);font-weight:var(--f-weight-500);line-height:var(--l-height-16);padding:var(--size-10);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--c-neutral-200);position:sticky;top:0;z-index:1}.tc-rev-dropdown-menu--device .tc-rev-dropdown-menu-container .tc-rev-dropdown-group .tc-rev-dropdown-group-options{list-style:none;margin:0;padding:0}.tc-rev-dropdown-menu--device .tc-rev-dropdown-menu-container .tc-rev-dropdown-group .tc-rev-dropdown-group-options .tc-rev-dropdown-menu-item .tc-rev-dropdown-menu-item-btn{align-items:center;background-color:transparent;border:1px solid var(--c-neutral-50);border-radius:var(--bor-radius-4);color:var(--c-neutral-900);cursor:pointer;display:flex;justify-content:space-between;font-size:var(--f-size-14);line-height:var(--l-height-16);height:var(--size-40);padding:var(--size-12);text-align:left;text-wrap:nowrap;transition:all .2s ease;width:100%}.tc-rev-dropdown-menu--device .tc-rev-dropdown-menu-container .tc-rev-dropdown-group .tc-rev-dropdown-group-options .tc-rev-dropdown-menu-item .tc-rev-dropdown-menu-item-btn.selected{background-color:var(--c-primary-300);border-color:var(--c-primary-300);color:var(--c-primary-500);font-weight:var(--f-weight-700)}.tc-rev-dropdown-menu--device .tc-rev-dropdown-menu-container .tc-rev-dropdown-group .tc-rev-dropdown-group-options .tc-rev-dropdown-menu-item .tc-rev-dropdown-menu-item-btn:active:not(:disabled):not(.selected){background-color:var(--c-primary-200);border-color:var(--c-primary-200);color:var(--c-primary-500);transform:scale(.98)}.tc-rev-dropdown-menu--device .tc-rev-dropdown-menu-container .tc-rev-dropdown-group .tc-rev-dropdown-group-options .tc-rev-dropdown-menu-item .tc-rev-dropdown-menu-item-btn:disabled{background-color:var(--c-neutral-50);border-color:var(--c-neutral-300);color:var(--c-neutral-500);cursor:not-allowed}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: TcRevSearchInputComponent, selector: "tc-rev-search-input", inputs: ["searchText", "placeholder", "autoFocus"], outputs: ["searchTextChange", "onSearch"] }, { kind: "directive", type: TcRevIconButtonDirective, selector: "button[tcRevIconButton]", inputs: ["color", "size", "tcRevIconButton"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevDropdownGroupedComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'tc-rev-dropdown-grouped', imports: [
-                        CommonModule,
-                        FormsModule,
-                        ReactiveFormsModule,
-                        TcRevSearchInputComponent,
-                        TcRevIconButtonDirective
-                    ], template: "<div class=\"tc-rev-dropdown-grouped\" [class.disabled]=\"disabled()\">\n  <button\n    class=\"tc-rev-dropdown-toggle\"\n    [class.tc-rev-dropdown-toggle--sm]=\"this.size() === dropdownSize.sm\"\n    [class.tc-rev-dropdown-toggle--md]=\"this.size() === dropdownSize.md\"\n    [class.tc-rev-dropdown-toggle--lg]=\"this.size() === dropdownSize.lg\"\n    (click)=\"toggleDropdown()\"\n    [class.disabled]=\"disabled()\"\n    [disabled]=\"disabled()\"\n    [style.width]=\"this.width()\"\n  >\n    @if (label()) {\n    <b>{{ label() }}</b>\n    }\n    {{ selectedOption() ? selectedOption()?.displayValue : placeholder() }}\n    <i class=\"fa-light fa-chevron-down mar-l-a\" [class.rotate]=\"isOpen\"></i>\n  </button>\n\n  <div\n    *ngIf=\"isOpen && isDesktop()\"\n    class=\"tc-rev-dropdown-menu\"\n    [style.width]=\"this.width()\"\n  >\n    <!-- Input de busca -->\n    @if (showSearch()) {\n    <div class=\"tc-rev-dropdown-search\">\n      <tc-rev-search-input\n        (onSearch)=\"onSearchChange($event)\"\n        [placeholder]=\"this.searchPlaceholder()\"\n      />\n    </div>\n    <!-- <div class=\"tc-rev-dropdown-search\">\n        <i class=\"fa-light fa-magnifying-glass search-icon\"></i>\n        <input\n          type=\"text\"\n          [placeholder]=\"searchPlaceholder()\"\n          [value]=\"searchTerm()\"\n          (input)=\"onSearchChange($event)\"\n          class=\"search-input\">\n        @if (searchTerm()) {\n          <button\n            type=\"button\"\n            class=\"clear-search\"\n            (click)=\"clearSearch()\"\n            title=\"Limpar busca\">\n            <i class=\"fa-light fa-xmark\"></i>\n          </button>\n        }\n      </div> -->\n    }\n\n    <!-- Lista de op\u00E7\u00F5es agrupadas -->\n    @if (hasResults()) {\n    <ul class=\"tc-rev-dropdown-options\">\n      @for (group of getGroupedOptions(); track group.groupName) {\n      <li class=\"tc-rev-dropdown-group\">\n        <div class=\"tc-rev-dropdown-group-header\">\n          {{ group.groupName }}\n        </div>\n        <ul class=\"tc-rev-dropdown-group-options\">\n          @for (option of group.options; track option?.value) {\n          <li class=\"tc-rev-dropdown-menu-item\" (click)=\"selectOption(option)\">\n            <button\n              class=\"tc-rev-dropdown-menu-item-btn\"\n              [class.selected]=\"selectedOption()?.value === option.value\"\n              [disabled]=\"option?.disabled\"\n            >\n              {{ option?.displayValue }}\n\n              @if (selectedOption()?.value === option?.value) {\n              <i class=\"fa-light fa-circle-check\"></i>\n              }\n            </button>\n          </li>\n          }\n        </ul>\n      </li>\n      }\n    </ul>\n    } @else {\n    <div class=\"tc-rev-dropdown-no-results f-family\">\n      <i class=\"fa-light fa-magnifying-glass\"></i>\n      <span>Nenhum resultado encontrado</span>\n    </div>\n    }\n  </div>\n\n  <!-- Dropdown full screen -->\n  <ng-template #menuTemplate>\n    <div class=\"tc-rev-dropdown-menu tc-rev-dropdown-menu--device\">\n      <div class=\"tc-rev-dropdown-menu-section\">\n        <div class=\"tc-rev-dropdown-menu-header pad-b-24\">\n          <h3 class=\"mar-none f-h2 f-weight-600 c-neutral-600\">\n            {{ label() }}\n          </h3>\n          <button\n            tcRevIconButton=\"outline\"\n            color=\"dark\"\n            size=\"sm\"\n            (click)=\"_deviceService.closeDropdownDevice()\"\n          >\n            <i class=\"fa-light fa-times f-size-16\"></i>\n          </button>\n        </div>\n\n        @if (showSearch()) {\n        <div class=\"tc-rev-dropdown-search mar-b-12\">\n          <tc-rev-search-input\n            (onSearch)=\"onSearchChange($event)\"\n            [placeholder]=\"searchPlaceholder()\"\n          />\n        </div>\n        } @if (hasResults()) {\n        <ul class=\"tc-rev-dropdown-menu-container mar-t-8\">\n          @for (group of getGroupedOptions(); track group.groupName) {\n          <li class=\"tc-rev-dropdown-group\">\n            <div class=\"tc-rev-dropdown-group-header\">\n              {{ group.groupName }}\n            </div>\n            <ul class=\"tc-rev-dropdown-group-options\">\n              @for (option of group.options; track option?.value) {\n              <li\n                class=\"tc-rev-dropdown-menu-item\"\n                (click)=\"selectOption(option)\"\n              >\n                <button\n                  class=\"tc-rev-dropdown-menu-item-btn\"\n                  [class.selected]=\"selectedOption()?.value === option.value\"\n                  [disabled]=\"option?.disabled\"\n                >\n                  {{ option?.displayValue }}\n\n                  @if (selectedOption()?.value === option?.value) {\n                  <i class=\"fa-light fa-circle-check f-size-16\"></i>\n                  }\n                </button>\n              </li>\n              }\n            </ul>\n          </li>\n          }\n        </ul>\n        }\n      </div>\n    </div>\n  </ng-template>\n</div>\n", styles: [":host{display:inline-block}.tc-rev-dropdown-grouped{position:relative;display:inline-block}.tc-rev-dropdown-grouped .tc-rev-dropdown-toggle{background-color:var(--c-neutral-50);border:1px solid var(--c-neutral-400);border-radius:var(--bor-radius-pill);color:var(--c-neutral-700);cursor:pointer;display:inline-flex;align-items:center;justify-content:flex-start;gap:var(--size-4);font-family:var(--f-family);font-size:var(--f-size-12);line-height:var(--l-height-16);outline:none;transition:.2s ease;padding:0 var(--size-16);min-width:5rem}.tc-rev-dropdown-grouped .tc-rev-dropdown-toggle--sm{height:var(--size-40)}.tc-rev-dropdown-grouped .tc-rev-dropdown-toggle--md{height:var(--size-44)}.tc-rev-dropdown-grouped .tc-rev-dropdown-toggle--lg{height:var(--size-48)}.tc-rev-dropdown-grouped .tc-rev-dropdown-toggle:hover,.tc-rev-dropdown-grouped .tc-rev-dropdown-toggle:focus{border-color:var(--c-primary-500)}.tc-rev-dropdown-grouped .tc-rev-dropdown-toggle:disabled{border-color:var(--c-neutral-300);color:var(--c-neutral-300);cursor:not-allowed}.tc-rev-dropdown-grouped .tc-rev-dropdown-toggle i.rotate{transform:rotate(-180deg)}.tc-rev-dropdown-grouped .tc-rev-dropdown-toggle i{transition:transform .2s ease}.tc-rev-dropdown-grouped .tc-rev-dropdown-menu{box-shadow:var(--shadow-md);position:absolute;top:110%;left:0;background-color:var(--c-neutral-50);border-radius:var(--bor-radius-4);max-height:20rem;overflow:hidden;width:100%;min-width:10rem;z-index:1000;display:flex;flex-direction:column}.tc-rev-dropdown-grouped .tc-rev-dropdown-menu .tc-rev-dropdown-search{position:relative;padding:var(--size-8);border-bottom:1px solid var(--c-neutral-200);background-color:var(--c-neutral-50)}.tc-rev-dropdown-grouped .tc-rev-dropdown-menu .tc-rev-dropdown-search .search-icon{position:absolute;left:var(--size-20);top:50%;transform:translateY(-50%);color:var(--c-neutral-500);font-size:var(--f-size-14)}.tc-rev-dropdown-grouped .tc-rev-dropdown-menu .tc-rev-dropdown-search .search-input{width:100%;height:var(--size-40);padding:var(--size-8) var(--size-12) var(--size-8) var(--size-36);border:1px solid var(--c-neutral-300);border-radius:var(--bor-radius-4);font-size:var(--f-size-12);line-height:var(--l-height-16);outline:none;transition:border-color .2s ease;font-family:var(--f-family)}.tc-rev-dropdown-grouped .tc-rev-dropdown-menu .tc-rev-dropdown-search .search-input:focus{border-color:var(--c-primary-500)}.tc-rev-dropdown-grouped .tc-rev-dropdown-menu .tc-rev-dropdown-search .search-input::placeholder{color:var(--c-neutral-500)}.tc-rev-dropdown-grouped .tc-rev-dropdown-menu .tc-rev-dropdown-search .clear-search{position:absolute;right:var(--size-20);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--c-neutral-500);cursor:pointer;padding:var(--size-4);border-radius:var(--bor-radius-4);transition:color .2s ease;font-family:var(--f-family)}.tc-rev-dropdown-grouped .tc-rev-dropdown-menu .tc-rev-dropdown-search .clear-search:hover{color:var(--c-neutral-700)}.tc-rev-dropdown-grouped .tc-rev-dropdown-menu .tc-rev-dropdown-options{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1;font-family:var(--f-family)}.tc-rev-dropdown-grouped .tc-rev-dropdown-menu .tc-rev-dropdown-options .tc-rev-dropdown-group .tc-rev-dropdown-group-header{background-color:var(--c-neutral-100);color:var(--c-neutral-600);font-size:var(--f-size-14);font-weight:var(--f-weight-500);line-height:var(--l-height-16);padding:var(--size-10);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--c-neutral-200);position:sticky;top:0;z-index:1}.tc-rev-dropdown-grouped .tc-rev-dropdown-menu .tc-rev-dropdown-options .tc-rev-dropdown-group .tc-rev-dropdown-group-options{list-style:none;margin:0;padding:0}.tc-rev-dropdown-grouped .tc-rev-dropdown-menu .tc-rev-dropdown-options .tc-rev-dropdown-group .tc-rev-dropdown-group-options .tc-rev-dropdown-menu-item .tc-rev-dropdown-menu-item-btn{align-items:center;background-color:transparent;border:1px solid var(--c-neutral-50);border-radius:var(--bor-radius-4);color:var(--c-neutral-900);cursor:pointer;display:flex;justify-content:space-between;font-size:var(--f-size-12);line-height:var(--l-height-16);height:var(--size-32);padding:var(--size-8);text-align:left;text-wrap:nowrap;transition:.2s ease;width:100%}.tc-rev-dropdown-grouped .tc-rev-dropdown-menu .tc-rev-dropdown-options .tc-rev-dropdown-group .tc-rev-dropdown-group-options .tc-rev-dropdown-menu-item .tc-rev-dropdown-menu-item-btn:hover{background-color:var(--c-neutral-50);border-color:var(--c-primary-500);color:var(--c-primary-500)}.tc-rev-dropdown-grouped .tc-rev-dropdown-menu .tc-rev-dropdown-options .tc-rev-dropdown-group .tc-rev-dropdown-group-options .tc-rev-dropdown-menu-item .tc-rev-dropdown-menu-item-btn.selected{background-color:var(--c-primary-300);border-color:var(--c-primary-300);color:var(--c-primary-500);font-weight:var(--f-weight-700)}.tc-rev-dropdown-grouped .tc-rev-dropdown-menu .tc-rev-dropdown-options .tc-rev-dropdown-group .tc-rev-dropdown-group-options .tc-rev-dropdown-menu-item .tc-rev-dropdown-menu-item-btn:disabled{background-color:var(--c-neutral-50);border-color:var(--c-neutral-300);color:var(--c-neutral-400);cursor:not-allowed}.tc-rev-dropdown-grouped .tc-rev-dropdown-menu .tc-rev-dropdown-options .tc-rev-dropdown-group .tc-rev-dropdown-group-options .tc-rev-dropdown-menu-item .tc-rev-dropdown-menu-item-btn:disabled:hover{background-color:var(--c-neutral-50);border-color:var(--c-neutral-300);color:var(--c-neutral-400)}.tc-rev-dropdown-grouped .tc-rev-dropdown-menu .tc-rev-dropdown-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--size-24);color:var(--c-neutral-500);text-align:center}.tc-rev-dropdown-grouped .tc-rev-dropdown-menu .tc-rev-dropdown-no-results i{font-size:var(--f-size-24);margin-bottom:var(--size-8);opacity:.5}.tc-rev-dropdown-grouped .tc-rev-dropdown-menu .tc-rev-dropdown-no-results span{font-size:var(--f-size-12);line-height:var(--l-height-16)}.tc-rev-dropdown-grouped.disabled .tc-rev-dropdown-toggle{border-color:var(--c-neutral-300);color:var(--c-neutral-300);cursor:not-allowed}.tc-rev-dropdown-grouped.disabled .tc-rev-dropdown-toggle:hover{border-color:var(--c-neutral-300)}.tc-rev-dropdown-menu--device{height:100%;overflow-y:auto;background-color:var(--c-neutral-50);padding:var(--size-16)}.tc-rev-dropdown-menu--device .tc-rev-dropdown-menu-section{display:contents}.tc-rev-dropdown-menu--device .tc-rev-dropdown-menu-header{align-items:center;display:flex;gap:var(--size-16);justify-content:space-between}.tc-rev-dropdown-menu--device .tc-rev-dropdown-menu-container{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1}.tc-rev-dropdown-menu--device .tc-rev-dropdown-menu-container .tc-rev-dropdown-group .tc-rev-dropdown-group-header{background-color:var(--c-neutral-100);color:var(--c-neutral-600);font-size:var(--f-size-14);font-weight:var(--f-weight-500);line-height:var(--l-height-16);padding:var(--size-10);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--c-neutral-200);position:sticky;top:0;z-index:1}.tc-rev-dropdown-menu--device .tc-rev-dropdown-menu-container .tc-rev-dropdown-group .tc-rev-dropdown-group-options{list-style:none;margin:0;padding:0}.tc-rev-dropdown-menu--device .tc-rev-dropdown-menu-container .tc-rev-dropdown-group .tc-rev-dropdown-group-options .tc-rev-dropdown-menu-item .tc-rev-dropdown-menu-item-btn{align-items:center;background-color:transparent;border:1px solid var(--c-neutral-50);border-radius:var(--bor-radius-4);color:var(--c-neutral-900);cursor:pointer;display:flex;justify-content:space-between;font-size:var(--f-size-14);line-height:var(--l-height-16);height:var(--size-40);padding:var(--size-12);text-align:left;text-wrap:nowrap;transition:all .2s ease;width:100%}.tc-rev-dropdown-menu--device .tc-rev-dropdown-menu-container .tc-rev-dropdown-group .tc-rev-dropdown-group-options .tc-rev-dropdown-menu-item .tc-rev-dropdown-menu-item-btn.selected{background-color:var(--c-primary-300);border-color:var(--c-primary-300);color:var(--c-primary-500);font-weight:var(--f-weight-700)}.tc-rev-dropdown-menu--device .tc-rev-dropdown-menu-container .tc-rev-dropdown-group .tc-rev-dropdown-group-options .tc-rev-dropdown-menu-item .tc-rev-dropdown-menu-item-btn:active:not(:disabled):not(.selected){background-color:var(--c-primary-200);border-color:var(--c-primary-200);color:var(--c-primary-500);transform:scale(.98)}.tc-rev-dropdown-menu--device .tc-rev-dropdown-menu-container .tc-rev-dropdown-group .tc-rev-dropdown-group-options .tc-rev-dropdown-menu-item .tc-rev-dropdown-menu-item-btn:disabled{background-color:var(--c-neutral-50);border-color:var(--c-neutral-300);color:var(--c-neutral-500);cursor:not-allowed}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { menuTemplate: [{
-                type: ViewChild,
-                args: ['menuTemplate']
-            }], onDocumentClick: [{
-                type: HostListener,
-                args: ['document:click', ['$event']]
-            }] } });
-
-var DropdownMultiSize;
-(function (DropdownMultiSize) {
-    DropdownMultiSize["sm"] = "sm";
-    DropdownMultiSize["md"] = "md";
-    DropdownMultiSize["lg"] = "lg";
-})(DropdownMultiSize || (DropdownMultiSize = {}));
-class TcRevDropdownMultiComponent {
-    onDocumentClick(event) {
-        if (this.isOpen && !this.elementRef.nativeElement.contains(event.target)) {
-            this.isOpen = false;
-        }
-    }
-    constructor(elementRef) {
-        this.elementRef = elementRef;
-        this.label = input(''); // Label que será exibida
-        this.disabled = input(false); // Desabilita o dropdown
-        this.options = input.required(); // Lista de opções no novo formato
-        this.initialValues = input([]); // Valores pré-selecionados (deprecated - use values instead)
-        this.values = model([]); // Two-way binding para os valores selecionados
-        this.size = input(DropdownMultiSize.sm);
-        this.width = input(''); // Largura do dropdown
-        this.placeholder = input('Selecione'); // Placeholder quando nenhum item estiver selecionado
-        this.maxDisplayItems = input(2); // Máximo de itens a serem exibidos no botão
-        this.optionsSelected = output(); // Emissor para os valores selecionados
-        this.selectedOptions = signal([]); // Opções selecionadas
-        this.isOpen = false; // Controla se o dropdown está aberto
-        this.dropdownSize = DropdownMultiSize;
-    }
-    ngOnChanges(_simpleChanges) {
-        // Atualiza as opções selecionadas quando os valores pré-selecionados mudam
-        if (_simpleChanges['initialValues'] || _simpleChanges['options'] || _simpleChanges['values']) {
-            const valuesToUse = this.values().length > 0 ? this.values() : this.initialValues();
-            const selected = this.options().filter(option => valuesToUse.includes(option.value));
-            this.selectedOptions.set(selected);
-        }
-    }
-    ngOnInit() {
-        // Prioriza os valores do model, mas mantém compatibilidade com initialValues
-        const valuesToUse = this.values().length > 0 ? this.values() : this.initialValues();
-        const selected = this.options().filter(option => valuesToUse.includes(option.value));
-        this.selectedOptions.set(selected);
-        // Se não havia valores no model mas havia initialValues, sincroniza o model
-        if (this.values().length === 0 && this.initialValues().length > 0) {
-            this.values.set([...this.initialValues()]);
-        }
-        // Escuta mudanças no model e atualiza as opções selecionadas
-        this.values.subscribe((newValues) => {
-            const newSelected = this.options().filter(option => newValues.includes(option.value));
-            // Só atualiza se realmente mudou para evitar loops
-            const currentSelectedValues = this.selectedOptions().map(opt => opt.value);
-            const newSelectedValues = newSelected.map(opt => opt.value);
-            if (JSON.stringify(currentSelectedValues.sort()) !== JSON.stringify(newSelectedValues.sort())) {
-                this.selectedOptions.set(newSelected);
-            }
-        });
-    }
-    toggleDropdown() {
-        if (!this.disabled()) {
-            this.isOpen = !this.isOpen;
-        }
-    }
-    toggleOption(option, event) {
-        event.stopPropagation();
-        if (option.disabled)
-            return;
-        const currentSelected = this.selectedOptions();
-        const isSelected = currentSelected.some(selected => selected.value === option.value);
-        let newSelected;
-        if (isSelected) {
-            // Remove a opção se já estiver selecionada
-            newSelected = currentSelected.filter(selected => selected.value !== option.value);
-        }
-        else {
-            // Adiciona a opção se não estiver selecionada
-            newSelected = [...currentSelected, option];
-        }
-        const newValues = newSelected.map(opt => opt.value);
-        this.selectedOptions.set(newSelected);
-        this.values.set(newValues); // Atualiza o model com two-way binding
-        this.optionsSelected.emit(newValues); // Emite os valores para compatibilidade
-    }
-    isOptionSelected(option) {
-        return this.selectedOptions().some(selected => selected.value === option.value);
-    }
-    getDisplayText() {
-        const selected = this.selectedOptions();
-        if (selected.length === 0) {
-            return this.placeholder();
-        }
-        // Se todos os itens (não desabilitados) estão selecionados, mostra "Todos"
-        if (this.isAllSelected()) {
-            return 'Todos';
-        }
-        const maxDisplay = this.maxDisplayItems();
-        if (selected.length <= maxDisplay) {
-            return selected.map(opt => opt.displayValue).join(', ');
-        }
-        const firstItems = selected.slice(0, maxDisplay).map(opt => opt.displayValue).join(', ');
-        const remaining = selected.length - maxDisplay;
-        return `${firstItems} (+${remaining})`;
-    }
-    clearAll() {
-        this.selectedOptions.set([]);
-        this.values.set([]); // Atualiza o model com two-way binding
-        this.optionsSelected.emit([]);
-    }
-    selectAll() {
-        const enabledOptions = this.options().filter(option => !option.disabled);
-        const allValues = enabledOptions.map(opt => opt.value);
-        this.selectedOptions.set(enabledOptions);
-        this.values.set(allValues); // Atualiza o model com two-way binding
-        this.optionsSelected.emit(allValues);
-    }
-    isAllSelected() {
-        const enabledOptions = this.options().filter(option => !option.disabled);
-        const selectedOptions = this.selectedOptions();
-        if (enabledOptions.length === 0)
-            return false;
-        return enabledOptions.every(option => selectedOptions.some(selected => selected.value === option.value));
-    }
-    isSomeSelected() {
-        const enabledOptions = this.options().filter(option => !option.disabled);
-        const selectedOptions = this.selectedOptions();
-        if (enabledOptions.length === 0 || selectedOptions.length === 0)
-            return false;
-        const selectedCount = enabledOptions.filter(option => selectedOptions.some(selected => selected.value === option.value)).length;
-        return selectedCount > 0 && selectedCount < enabledOptions.length;
-    }
-    toggleSelectAll(event) {
-        event.stopPropagation();
-        if (this.isAllSelected()) {
-            this.clearAll();
-        }
-        else {
-            this.selectAll();
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevDropdownMultiComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TcRevDropdownMultiComponent, isStandalone: true, selector: "tc-rev-dropdown-multi", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, initialValues: { classPropertyName: "initialValues", publicName: "initialValues", isSignal: true, isRequired: false, transformFunction: null }, values: { classPropertyName: "values", publicName: "values", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, maxDisplayItems: { classPropertyName: "maxDisplayItems", publicName: "maxDisplayItems", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { values: "valuesChange", optionsSelected: "optionsSelected" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"tc-rev-dropdown-multi\"\n  [class.disabled]=\"disabled()\">\n  <button\n    class=\"tc-rev-dropdown-multi-toggle\"\n    [class.tc-rev-dropdown-multi-toggle--sm]=\"this.size() === dropdownSize.sm\"\n    [class.tc-rev-dropdown-multi-toggle--md]=\"this.size() === dropdownSize.md\"\n    [class.tc-rev-dropdown-multi-toggle--lg]=\"this.size() === dropdownSize.lg\"\n    (click)=\"toggleDropdown()\"\n    [class.disabled]=\"disabled()\"\n    [disabled]=\"disabled()\"\n    [attr.aria-expanded]=\"isOpen\"\n    [style.width]=\"this.width()\">\n    @if (label())\n    {\n      <b>{{label()}}</b>\n    }\n    <span class=\"selected-text\">{{ getDisplayText() }}</span>\n    <i class=\"fa-light fa-chevron-down\"></i>\n  </button>\n\n  <div\n    *ngIf=\"isOpen\"\n    class=\"tc-rev-dropdown-multi-menu\"\n    [style.width]=\"this.width()\">\n\n    <!-- Checkbox Selecionar/Limpar Todos -->\n    <div class=\"tc-rev-dropdown-multi-actions\">\n      <label\n        class=\"tc-rev-dropdown-multi-select-all-label\"\n        [class.selected]=\"isAllSelected()\">\n        <input\n          type=\"checkbox\"\n          tcRevCheckbox\n          [disabled]=\"disabled()\"\n          [checked]=\"isAllSelected()\"\n          [indeterminate]=\"isSomeSelected()\"\n          (change)=\"toggleSelectAll($event)\">\n        <span class=\"tc-rev-dropdown-multi-select-all-text\">Todos</span>\n      </label>\n    </div>\n\n    <ul class=\"tc-rev-dropdown-multi-options\">\n      @for (option of options(); track option?.value)\n      {\n        <li class=\"tc-rev-dropdown-multi-menu-item\">\n          <label\n            class=\"tc-rev-dropdown-multi-menu-item-label\"\n            [class.disabled]=\"option?.disabled\"\n            [class.selected]=\"isOptionSelected(option)\">\n            <input\n              type=\"checkbox\"\n              tcRevCheckbox\n              [checked]=\"isOptionSelected(option)\"\n              [disabled]=\"option?.disabled\"\n              (change)=\"toggleOption(option, $event)\">\n\n            <span class=\"tc-rev-dropdown-multi-text\">\n              {{ option?.displayValue }}\n            </span>\n          </label>\n        </li>\n      }\n    </ul>\n  </div>\n</div>\n", styles: ["input[type=checkbox].tc-rev-input-checkbox,input[type=checkbox].tc-rev-checkbox{position:initial;margin:initial}input[type=checkbox].tc-rev-input-checkbox:after,input[type=checkbox].tc-rev-input-checkbox:before,input[type=checkbox].tc-rev-checkbox:after,input[type=checkbox].tc-rev-checkbox:before{content:\"\";position:initial;border-radius:initial;background:initial;z-index:initial}input[type=checkbox].tc-rev-input-checkbox:after,input[type=checkbox].tc-rev-checkbox:after{height:initial;width:initial;left:initial;top:initial;margin:initial;border:initial}input[type=checkbox].tc-rev-input-checkbox:checked:before,input[type=checkbox].tc-rev-checkbox:checked:before{background:initial;height:initial;width:initial;margin:initial;z-index:initial;left:initial;top:initial;border:initial;border-width:initial;transform:initial}input[type=checkbox].tc-rev-input-checkbox:checked:after,input[type=checkbox].tc-rev-checkbox:checked:after{border-color:initial}input[type=checkbox].tc-rev-input-checkbox,input[type=checkbox].tc-rev-checkbox{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:1.5px solid var(--c-neutral-700);border-radius:2px;background:#fff;cursor:pointer;position:relative;outline:none;transition:border-color .2s,background .2s;display:inline-block;vertical-align:middle}input[type=checkbox].tc-rev-input-checkbox:before,input[type=checkbox].tc-rev-checkbox:before{content:\"\";display:block;width:100%;height:100%;border-radius:2px;background:var(--c-neutral-50);transition:background .2s,border-color .2s;position:absolute;top:0;left:0;z-index:1}input[type=checkbox].tc-rev-input-checkbox:after,input[type=checkbox].tc-rev-checkbox:after{content:\"\";display:block;position:absolute;top:4px;left:2px;width:14px;height:10px;background:none;mask:none;-webkit-mask:none;pointer-events:none;z-index:2;transition:background .2s}input[type=checkbox].tc-rev-input-checkbox:checked,input[type=checkbox].tc-rev-checkbox:checked{border-color:var(--c-primary-500);background:var(--c-primary-500)}input[type=checkbox].tc-rev-input-checkbox:checked:before,input[type=checkbox].tc-rev-checkbox:checked:before{background:var(--c-primary-500)}input[type=checkbox].tc-rev-input-checkbox:checked:after,input[type=checkbox].tc-rev-checkbox:checked:after{background:#fff;mask:url('data:image/svg+xml;utf8,<svg width=\"14\" height=\"10\" viewBox=\"0 0 14 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1 5.5L5 9L13 1\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>') no-repeat center/contain;-webkit-mask:url('data:image/svg+xml;utf8,<svg width=\"14\" height=\"10\" viewBox=\"0 0 14 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1 5.5L5 9L13 1\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>') no-repeat center/contain}input[type=checkbox].tc-rev-input-checkbox:disabled,input[type=checkbox].tc-rev-checkbox:disabled{border-color:var(--c-neutral-300);cursor:not-allowed}input[type=checkbox].tc-rev-input-checkbox:disabled:checked,input[type=checkbox].tc-rev-checkbox:disabled:checked{background:var(--c-neutral-300)}input[type=checkbox].tc-rev-input-checkbox:disabled:checked:before,input[type=checkbox].tc-rev-checkbox:disabled:checked:before{background:var(--c-neutral-300)}:host{display:inline-block}.tc-rev-dropdown-multi{position:relative;display:inline-block}.tc-rev-dropdown-multi .tc-rev-dropdown-multi-toggle{background-color:var(--c-neutral-50);border:1px solid var(--c-neutral-400);border-radius:var(--bor-radius-pill);color:var(--c-neutral-700);cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-family:var(--f-family);font-size:var(--f-size-12);min-width:6.25rem;line-height:var(--l-height-16);outline:none;transition:.2s ease;padding:0 var(--size-16);text-align:left;gap:var(--size-4)}.tc-rev-dropdown-multi .tc-rev-dropdown-multi-toggle--sm{height:var(--size-40)}.tc-rev-dropdown-multi .tc-rev-dropdown-multi-toggle--md{height:var(--size-44)}.tc-rev-dropdown-multi .tc-rev-dropdown-multi-toggle--lg{height:var(--size-48)}.tc-rev-dropdown-multi .tc-rev-dropdown-multi-toggle:hover,.tc-rev-dropdown-multi .tc-rev-dropdown-multi-toggle:focus{border-color:var(--c-primary-500)}.tc-rev-dropdown-multi .tc-rev-dropdown-multi-toggle:disabled,.tc-rev-dropdown-multi .tc-rev-dropdown-multi-toggle.disabled{border-color:var(--c-neutral-300);color:var(--c-neutral-300);cursor:not-allowed}.tc-rev-dropdown-multi .tc-rev-dropdown-multi-toggle .selected-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tc-rev-dropdown-multi .tc-rev-dropdown-multi-toggle i{flex-shrink:0;transition:transform .2s ease}.tc-rev-dropdown-multi .tc-rev-dropdown-multi-toggle[aria-expanded=true] i{transform:rotate(-180deg)}.tc-rev-dropdown-multi .tc-rev-dropdown-multi-menu{box-shadow:var(--shadow-md);position:absolute;top:110%;left:0;background-color:var(--c-neutral-50);border-radius:var(--bor-radius-4);max-height:18.75rem;min-width:6.25rem;overflow:hidden;width:100%;z-index:1000;border:1px solid var(--c-neutral-200)}.tc-rev-dropdown-multi .tc-rev-dropdown-multi-menu .tc-rev-dropdown-multi-actions .tc-rev-dropdown-multi-select-all-label{align-items:center;background-color:transparent;border:1px solid var(--c-neutral-50);border-radius:var(--bor-radius-4);color:var(--c-neutral-900);cursor:pointer;display:flex;font-family:var(--f-family);font-size:var(--f-size-12);gap:var(--size-8);line-height:var(--l-height-16);height:var(--size-32);margin:0;padding:var(--size-8);text-align:left;transition:.2s ease;width:100%}.tc-rev-dropdown-multi .tc-rev-dropdown-multi-menu .tc-rev-dropdown-multi-actions .tc-rev-dropdown-multi-select-all-label:hover{background-color:var(--c-primary-50);border-color:var(--c-primary-500)}.tc-rev-dropdown-multi .tc-rev-dropdown-multi-menu .tc-rev-dropdown-multi-actions .tc-rev-dropdown-multi-select-all-label.selected{background-color:var(--c-primary-300);border-color:var(--c-primary-300);color:var(--c-primary-500);font-weight:var(--f-weight-700)}.tc-rev-dropdown-multi .tc-rev-dropdown-multi-menu .tc-rev-dropdown-multi-actions .tc-rev-dropdown-multi-select-all-label.selected:hover{border-color:transparent}.tc-rev-dropdown-multi .tc-rev-dropdown-multi-menu .tc-rev-dropdown-multi-actions .tc-rev-dropdown-multi-select-all-label.disabled,.tc-rev-dropdown-multi .tc-rev-dropdown-multi-menu .tc-rev-dropdown-multi-actions .tc-rev-dropdown-multi-select-all-label:disabled{color:var(--c-neutral-400);cursor:not-allowed}.tc-rev-dropdown-multi .tc-rev-dropdown-multi-menu .tc-rev-dropdown-multi-actions .tc-rev-dropdown-multi-select-all-label.disabled:hover,.tc-rev-dropdown-multi .tc-rev-dropdown-multi-menu .tc-rev-dropdown-multi-actions .tc-rev-dropdown-multi-select-all-label:disabled:hover{background-color:transparent;border-color:var(--c-neutral-50)}.tc-rev-dropdown-multi .tc-rev-dropdown-multi-menu .tc-rev-dropdown-multi-actions .tc-rev-dropdown-multi-select-all-label .tc-rev-dropdown-multi-select-all-text{flex:1;-webkit-user-select:none;user-select:none}.tc-rev-dropdown-multi .tc-rev-dropdown-multi-menu .tc-rev-dropdown-multi-options{list-style:none;margin:0;padding:0;max-height:15rem;overflow-y:auto}.tc-rev-dropdown-multi .tc-rev-dropdown-multi-menu .tc-rev-dropdown-multi-options .tc-rev-dropdown-multi-menu-item .tc-rev-dropdown-multi-menu-item-label{align-items:center;background-color:transparent;border:1px solid var(--c-neutral-50);border-radius:var(--bor-radius-4);color:var(--c-neutral-900);cursor:pointer;display:flex;font-family:var(--f-family);font-size:var(--f-size-12);gap:var(--size-8);justify-content:space-between;line-height:var(--l-height-16);height:var(--size-32);margin:0;padding:var(--size-8);text-align:left;text-wrap:nowrap;transition:.2s ease;width:100%}.tc-rev-dropdown-multi .tc-rev-dropdown-multi-menu .tc-rev-dropdown-multi-options .tc-rev-dropdown-multi-menu-item .tc-rev-dropdown-multi-menu-item-label:hover{background-color:var(--c-primary-50);border-color:var(--c-primary-500)}.tc-rev-dropdown-multi .tc-rev-dropdown-multi-menu .tc-rev-dropdown-multi-options .tc-rev-dropdown-multi-menu-item .tc-rev-dropdown-multi-menu-item-label.selected{background-color:var(--c-primary-300);border-color:var(--c-primary-300);color:var(--c-primary-500);font-weight:var(--f-weight-700)}.tc-rev-dropdown-multi .tc-rev-dropdown-multi-menu .tc-rev-dropdown-multi-options .tc-rev-dropdown-multi-menu-item .tc-rev-dropdown-multi-menu-item-label.selected:hover{border-color:transparent}.tc-rev-dropdown-multi .tc-rev-dropdown-multi-menu .tc-rev-dropdown-multi-options .tc-rev-dropdown-multi-menu-item .tc-rev-dropdown-multi-menu-item-label.disabled,.tc-rev-dropdown-multi .tc-rev-dropdown-multi-menu .tc-rev-dropdown-multi-options .tc-rev-dropdown-multi-menu-item .tc-rev-dropdown-multi-menu-item-label:disabled{color:var(--c-neutral-400);cursor:not-allowed}.tc-rev-dropdown-multi .tc-rev-dropdown-multi-menu .tc-rev-dropdown-multi-options .tc-rev-dropdown-multi-menu-item .tc-rev-dropdown-multi-menu-item-label.disabled:hover,.tc-rev-dropdown-multi .tc-rev-dropdown-multi-menu .tc-rev-dropdown-multi-options .tc-rev-dropdown-multi-menu-item .tc-rev-dropdown-multi-menu-item-label:disabled:hover{background-color:transparent;border-color:var(--c-neutral-50)}.tc-rev-dropdown-multi .tc-rev-dropdown-multi-menu .tc-rev-dropdown-multi-options .tc-rev-dropdown-multi-menu-item .tc-rev-dropdown-multi-menu-item-label .tc-rev-dropdown-multi-text{flex:1;text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis}.tc-rev-dropdown-multi-menu{animation:dropdownSlideIn .2s ease-out}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: TcRevCheckboxDirective, selector: "input[type=\"checkbox\"][tcRevCheckbox]" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevDropdownMultiComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'tc-rev-dropdown-multi', imports: [
-                        CommonModule,
-                        FormsModule,
-                        ReactiveFormsModule,
-                        TcRevCheckboxDirective
-                    ], template: "<div\n  class=\"tc-rev-dropdown-multi\"\n  [class.disabled]=\"disabled()\">\n  <button\n    class=\"tc-rev-dropdown-multi-toggle\"\n    [class.tc-rev-dropdown-multi-toggle--sm]=\"this.size() === dropdownSize.sm\"\n    [class.tc-rev-dropdown-multi-toggle--md]=\"this.size() === dropdownSize.md\"\n    [class.tc-rev-dropdown-multi-toggle--lg]=\"this.size() === dropdownSize.lg\"\n    (click)=\"toggleDropdown()\"\n    [class.disabled]=\"disabled()\"\n    [disabled]=\"disabled()\"\n    [attr.aria-expanded]=\"isOpen\"\n    [style.width]=\"this.width()\">\n    @if (label())\n    {\n      <b>{{label()}}</b>\n    }\n    <span class=\"selected-text\">{{ getDisplayText() }}</span>\n    <i class=\"fa-light fa-chevron-down\"></i>\n  </button>\n\n  <div\n    *ngIf=\"isOpen\"\n    class=\"tc-rev-dropdown-multi-menu\"\n    [style.width]=\"this.width()\">\n\n    <!-- Checkbox Selecionar/Limpar Todos -->\n    <div class=\"tc-rev-dropdown-multi-actions\">\n      <label\n        class=\"tc-rev-dropdown-multi-select-all-label\"\n        [class.selected]=\"isAllSelected()\">\n        <input\n          type=\"checkbox\"\n          tcRevCheckbox\n          [disabled]=\"disabled()\"\n          [checked]=\"isAllSelected()\"\n          [indeterminate]=\"isSomeSelected()\"\n          (change)=\"toggleSelectAll($event)\">\n        <span class=\"tc-rev-dropdown-multi-select-all-text\">Todos</span>\n      </label>\n    </div>\n\n    <ul class=\"tc-rev-dropdown-multi-options\">\n      @for (option of options(); track option?.value)\n      {\n        <li class=\"tc-rev-dropdown-multi-menu-item\">\n          <label\n            class=\"tc-rev-dropdown-multi-menu-item-label\"\n            [class.disabled]=\"option?.disabled\"\n            [class.selected]=\"isOptionSelected(option)\">\n            <input\n              type=\"checkbox\"\n              tcRevCheckbox\n              [checked]=\"isOptionSelected(option)\"\n              [disabled]=\"option?.disabled\"\n              (change)=\"toggleOption(option, $event)\">\n\n            <span class=\"tc-rev-dropdown-multi-text\">\n              {{ option?.displayValue }}\n            </span>\n          </label>\n        </li>\n      }\n    </ul>\n  </div>\n</div>\n", styles: ["input[type=checkbox].tc-rev-input-checkbox,input[type=checkbox].tc-rev-checkbox{position:initial;margin:initial}input[type=checkbox].tc-rev-input-checkbox:after,input[type=checkbox].tc-rev-input-checkbox:before,input[type=checkbox].tc-rev-checkbox:after,input[type=checkbox].tc-rev-checkbox:before{content:\"\";position:initial;border-radius:initial;background:initial;z-index:initial}input[type=checkbox].tc-rev-input-checkbox:after,input[type=checkbox].tc-rev-checkbox:after{height:initial;width:initial;left:initial;top:initial;margin:initial;border:initial}input[type=checkbox].tc-rev-input-checkbox:checked:before,input[type=checkbox].tc-rev-checkbox:checked:before{background:initial;height:initial;width:initial;margin:initial;z-index:initial;left:initial;top:initial;border:initial;border-width:initial;transform:initial}input[type=checkbox].tc-rev-input-checkbox:checked:after,input[type=checkbox].tc-rev-checkbox:checked:after{border-color:initial}input[type=checkbox].tc-rev-input-checkbox,input[type=checkbox].tc-rev-checkbox{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:1.5px solid var(--c-neutral-700);border-radius:2px;background:#fff;cursor:pointer;position:relative;outline:none;transition:border-color .2s,background .2s;display:inline-block;vertical-align:middle}input[type=checkbox].tc-rev-input-checkbox:before,input[type=checkbox].tc-rev-checkbox:before{content:\"\";display:block;width:100%;height:100%;border-radius:2px;background:var(--c-neutral-50);transition:background .2s,border-color .2s;position:absolute;top:0;left:0;z-index:1}input[type=checkbox].tc-rev-input-checkbox:after,input[type=checkbox].tc-rev-checkbox:after{content:\"\";display:block;position:absolute;top:4px;left:2px;width:14px;height:10px;background:none;mask:none;-webkit-mask:none;pointer-events:none;z-index:2;transition:background .2s}input[type=checkbox].tc-rev-input-checkbox:checked,input[type=checkbox].tc-rev-checkbox:checked{border-color:var(--c-primary-500);background:var(--c-primary-500)}input[type=checkbox].tc-rev-input-checkbox:checked:before,input[type=checkbox].tc-rev-checkbox:checked:before{background:var(--c-primary-500)}input[type=checkbox].tc-rev-input-checkbox:checked:after,input[type=checkbox].tc-rev-checkbox:checked:after{background:#fff;mask:url('data:image/svg+xml;utf8,<svg width=\"14\" height=\"10\" viewBox=\"0 0 14 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1 5.5L5 9L13 1\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>') no-repeat center/contain;-webkit-mask:url('data:image/svg+xml;utf8,<svg width=\"14\" height=\"10\" viewBox=\"0 0 14 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1 5.5L5 9L13 1\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>') no-repeat center/contain}input[type=checkbox].tc-rev-input-checkbox:disabled,input[type=checkbox].tc-rev-checkbox:disabled{border-color:var(--c-neutral-300);cursor:not-allowed}input[type=checkbox].tc-rev-input-checkbox:disabled:checked,input[type=checkbox].tc-rev-checkbox:disabled:checked{background:var(--c-neutral-300)}input[type=checkbox].tc-rev-input-checkbox:disabled:checked:before,input[type=checkbox].tc-rev-checkbox:disabled:checked:before{background:var(--c-neutral-300)}:host{display:inline-block}.tc-rev-dropdown-multi{position:relative;display:inline-block}.tc-rev-dropdown-multi .tc-rev-dropdown-multi-toggle{background-color:var(--c-neutral-50);border:1px solid var(--c-neutral-400);border-radius:var(--bor-radius-pill);color:var(--c-neutral-700);cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-family:var(--f-family);font-size:var(--f-size-12);min-width:6.25rem;line-height:var(--l-height-16);outline:none;transition:.2s ease;padding:0 var(--size-16);text-align:left;gap:var(--size-4)}.tc-rev-dropdown-multi .tc-rev-dropdown-multi-toggle--sm{height:var(--size-40)}.tc-rev-dropdown-multi .tc-rev-dropdown-multi-toggle--md{height:var(--size-44)}.tc-rev-dropdown-multi .tc-rev-dropdown-multi-toggle--lg{height:var(--size-48)}.tc-rev-dropdown-multi .tc-rev-dropdown-multi-toggle:hover,.tc-rev-dropdown-multi .tc-rev-dropdown-multi-toggle:focus{border-color:var(--c-primary-500)}.tc-rev-dropdown-multi .tc-rev-dropdown-multi-toggle:disabled,.tc-rev-dropdown-multi .tc-rev-dropdown-multi-toggle.disabled{border-color:var(--c-neutral-300);color:var(--c-neutral-300);cursor:not-allowed}.tc-rev-dropdown-multi .tc-rev-dropdown-multi-toggle .selected-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tc-rev-dropdown-multi .tc-rev-dropdown-multi-toggle i{flex-shrink:0;transition:transform .2s ease}.tc-rev-dropdown-multi .tc-rev-dropdown-multi-toggle[aria-expanded=true] i{transform:rotate(-180deg)}.tc-rev-dropdown-multi .tc-rev-dropdown-multi-menu{box-shadow:var(--shadow-md);position:absolute;top:110%;left:0;background-color:var(--c-neutral-50);border-radius:var(--bor-radius-4);max-height:18.75rem;min-width:6.25rem;overflow:hidden;width:100%;z-index:1000;border:1px solid var(--c-neutral-200)}.tc-rev-dropdown-multi .tc-rev-dropdown-multi-menu .tc-rev-dropdown-multi-actions .tc-rev-dropdown-multi-select-all-label{align-items:center;background-color:transparent;border:1px solid var(--c-neutral-50);border-radius:var(--bor-radius-4);color:var(--c-neutral-900);cursor:pointer;display:flex;font-family:var(--f-family);font-size:var(--f-size-12);gap:var(--size-8);line-height:var(--l-height-16);height:var(--size-32);margin:0;padding:var(--size-8);text-align:left;transition:.2s ease;width:100%}.tc-rev-dropdown-multi .tc-rev-dropdown-multi-menu .tc-rev-dropdown-multi-actions .tc-rev-dropdown-multi-select-all-label:hover{background-color:var(--c-primary-50);border-color:var(--c-primary-500)}.tc-rev-dropdown-multi .tc-rev-dropdown-multi-menu .tc-rev-dropdown-multi-actions .tc-rev-dropdown-multi-select-all-label.selected{background-color:var(--c-primary-300);border-color:var(--c-primary-300);color:var(--c-primary-500);font-weight:var(--f-weight-700)}.tc-rev-dropdown-multi .tc-rev-dropdown-multi-menu .tc-rev-dropdown-multi-actions .tc-rev-dropdown-multi-select-all-label.selected:hover{border-color:transparent}.tc-rev-dropdown-multi .tc-rev-dropdown-multi-menu .tc-rev-dropdown-multi-actions .tc-rev-dropdown-multi-select-all-label.disabled,.tc-rev-dropdown-multi .tc-rev-dropdown-multi-menu .tc-rev-dropdown-multi-actions .tc-rev-dropdown-multi-select-all-label:disabled{color:var(--c-neutral-400);cursor:not-allowed}.tc-rev-dropdown-multi .tc-rev-dropdown-multi-menu .tc-rev-dropdown-multi-actions .tc-rev-dropdown-multi-select-all-label.disabled:hover,.tc-rev-dropdown-multi .tc-rev-dropdown-multi-menu .tc-rev-dropdown-multi-actions .tc-rev-dropdown-multi-select-all-label:disabled:hover{background-color:transparent;border-color:var(--c-neutral-50)}.tc-rev-dropdown-multi .tc-rev-dropdown-multi-menu .tc-rev-dropdown-multi-actions .tc-rev-dropdown-multi-select-all-label .tc-rev-dropdown-multi-select-all-text{flex:1;-webkit-user-select:none;user-select:none}.tc-rev-dropdown-multi .tc-rev-dropdown-multi-menu .tc-rev-dropdown-multi-options{list-style:none;margin:0;padding:0;max-height:15rem;overflow-y:auto}.tc-rev-dropdown-multi .tc-rev-dropdown-multi-menu .tc-rev-dropdown-multi-options .tc-rev-dropdown-multi-menu-item .tc-rev-dropdown-multi-menu-item-label{align-items:center;background-color:transparent;border:1px solid var(--c-neutral-50);border-radius:var(--bor-radius-4);color:var(--c-neutral-900);cursor:pointer;display:flex;font-family:var(--f-family);font-size:var(--f-size-12);gap:var(--size-8);justify-content:space-between;line-height:var(--l-height-16);height:var(--size-32);margin:0;padding:var(--size-8);text-align:left;text-wrap:nowrap;transition:.2s ease;width:100%}.tc-rev-dropdown-multi .tc-rev-dropdown-multi-menu .tc-rev-dropdown-multi-options .tc-rev-dropdown-multi-menu-item .tc-rev-dropdown-multi-menu-item-label:hover{background-color:var(--c-primary-50);border-color:var(--c-primary-500)}.tc-rev-dropdown-multi .tc-rev-dropdown-multi-menu .tc-rev-dropdown-multi-options .tc-rev-dropdown-multi-menu-item .tc-rev-dropdown-multi-menu-item-label.selected{background-color:var(--c-primary-300);border-color:var(--c-primary-300);color:var(--c-primary-500);font-weight:var(--f-weight-700)}.tc-rev-dropdown-multi .tc-rev-dropdown-multi-menu .tc-rev-dropdown-multi-options .tc-rev-dropdown-multi-menu-item .tc-rev-dropdown-multi-menu-item-label.selected:hover{border-color:transparent}.tc-rev-dropdown-multi .tc-rev-dropdown-multi-menu .tc-rev-dropdown-multi-options .tc-rev-dropdown-multi-menu-item .tc-rev-dropdown-multi-menu-item-label.disabled,.tc-rev-dropdown-multi .tc-rev-dropdown-multi-menu .tc-rev-dropdown-multi-options .tc-rev-dropdown-multi-menu-item .tc-rev-dropdown-multi-menu-item-label:disabled{color:var(--c-neutral-400);cursor:not-allowed}.tc-rev-dropdown-multi .tc-rev-dropdown-multi-menu .tc-rev-dropdown-multi-options .tc-rev-dropdown-multi-menu-item .tc-rev-dropdown-multi-menu-item-label.disabled:hover,.tc-rev-dropdown-multi .tc-rev-dropdown-multi-menu .tc-rev-dropdown-multi-options .tc-rev-dropdown-multi-menu-item .tc-rev-dropdown-multi-menu-item-label:disabled:hover{background-color:transparent;border-color:var(--c-neutral-50)}.tc-rev-dropdown-multi .tc-rev-dropdown-multi-menu .tc-rev-dropdown-multi-options .tc-rev-dropdown-multi-menu-item .tc-rev-dropdown-multi-menu-item-label .tc-rev-dropdown-multi-text{flex:1;text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis}.tc-rev-dropdown-multi-menu{animation:dropdownSlideIn .2s ease-out}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { onDocumentClick: [{
-                type: HostListener,
-                args: ['document:click', ['$event']]
-            }] } });
-
-class TcRevDropdownSubMenuComponent {
-    constructor() {
-        this.items = input.required();
-        this.position = input('right');
-        this.parentOffsetTop = input.required();
-        this.selectedOption = input();
-        this.onOptionSelected = output();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevDropdownSubMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TcRevDropdownSubMenuComponent, isStandalone: true, selector: "tc-rev-dropdown-sub-menu", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, parentOffsetTop: { classPropertyName: "parentOffsetTop", publicName: "parentOffsetTop", isSignal: true, isRequired: true, transformFunction: null }, selectedOption: { classPropertyName: "selectedOption", publicName: "selectedOption", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onOptionSelected: "onOptionSelected" }, ngImport: i0, template: "<ul\n  class=\"sub-menu\"\n  [ngClass]=\"this.position()\"\n  [style.top.px]=\"this.parentOffsetTop()\">\n  @for (item of this.items(); track item.value)\n  {\n    <li\n      class=\"sub-menu-item\"\n      [class.selected]=\"this.selectedOption()?.value === item.value\"\n      (click)=\"this.onOptionSelected.emit(item)\">\n      {{ item.displayValue }}\n      @if (this.selectedOption()?.value === item?.value)\n      {\n        <i class=\"fa-light fa-circle-check\"></i>\n      }\n      @if (item.children?.length)\n      {\n        <tc-rev-dropdown-sub-menu\n          [items]=\"item.children\"\n          [position]=\"this.position()\"\n          [parentOffsetTop]=\"0\"\n          [selectedOption]=\"this.selectedOption()\">\n        </tc-rev-dropdown-sub-menu>\n      }\n    </li>\n  }\n</ul>\n", styles: [".sub-menu{background-color:var(--c-neutral-50);box-shadow:var(--shadow-md);list-style:none;max-height:15.625rem;min-width:160px;overflow-y:auto;padding:0;position:absolute;margin:0;z-index:1001}.sub-menu.right{left:100%}.sub-menu.left{right:100%}.sub-menu-item{padding:8px 16px;white-space:nowrap;position:relative;align-items:center;background-color:transparent;border:1px solid var(--c-neutral-50);border-radius:var(--bor-radius-4);color:var(--c-neutral-700);cursor:pointer;display:flex;justify-content:space-between;font-size:var(--f-size-12);line-height:var(--l-height-16);height:var(--size-32);padding:var(--size-8);text-align:left;text-wrap:nowrap;transition:.2s ease;width:100%}.sub-menu-item:hover{border-color:var(--c-primary-500);color:var(--c-primary-500)}.sub-menu-item.selected{background-color:var(--c-primary-300);border-color:var(--c-primary-300);color:var(--c-primary-500);font-weight:var(--f-weight-700)}.sub-menu-item:disabled{background-color:var(--c-neutral-50);border-color:var(--c-neutral-300);color:var(--c-neutral-500);cursor:not-allowed}\n"], dependencies: [{ kind: "component", type: TcRevDropdownSubMenuComponent, selector: "tc-rev-dropdown-sub-menu", inputs: ["items", "position", "parentOffsetTop", "selectedOption"], outputs: ["onOptionSelected"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevDropdownSubMenuComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'tc-rev-dropdown-sub-menu', imports: [CommonModule], template: "<ul\n  class=\"sub-menu\"\n  [ngClass]=\"this.position()\"\n  [style.top.px]=\"this.parentOffsetTop()\">\n  @for (item of this.items(); track item.value)\n  {\n    <li\n      class=\"sub-menu-item\"\n      [class.selected]=\"this.selectedOption()?.value === item.value\"\n      (click)=\"this.onOptionSelected.emit(item)\">\n      {{ item.displayValue }}\n      @if (this.selectedOption()?.value === item?.value)\n      {\n        <i class=\"fa-light fa-circle-check\"></i>\n      }\n      @if (item.children?.length)\n      {\n        <tc-rev-dropdown-sub-menu\n          [items]=\"item.children\"\n          [position]=\"this.position()\"\n          [parentOffsetTop]=\"0\"\n          [selectedOption]=\"this.selectedOption()\">\n        </tc-rev-dropdown-sub-menu>\n      }\n    </li>\n  }\n</ul>\n", styles: [".sub-menu{background-color:var(--c-neutral-50);box-shadow:var(--shadow-md);list-style:none;max-height:15.625rem;min-width:160px;overflow-y:auto;padding:0;position:absolute;margin:0;z-index:1001}.sub-menu.right{left:100%}.sub-menu.left{right:100%}.sub-menu-item{padding:8px 16px;white-space:nowrap;position:relative;align-items:center;background-color:transparent;border:1px solid var(--c-neutral-50);border-radius:var(--bor-radius-4);color:var(--c-neutral-700);cursor:pointer;display:flex;justify-content:space-between;font-size:var(--f-size-12);line-height:var(--l-height-16);height:var(--size-32);padding:var(--size-8);text-align:left;text-wrap:nowrap;transition:.2s ease;width:100%}.sub-menu-item:hover{border-color:var(--c-primary-500);color:var(--c-primary-500)}.sub-menu-item.selected{background-color:var(--c-primary-300);border-color:var(--c-primary-300);color:var(--c-primary-500);font-weight:var(--f-weight-700)}.sub-menu-item:disabled{background-color:var(--c-neutral-50);border-color:var(--c-neutral-300);color:var(--c-neutral-500);cursor:not-allowed}\n"] }]
-        }] });
-
-var MultiLevelDropdownSize;
-(function (MultiLevelDropdownSize) {
-    MultiLevelDropdownSize["sm"] = "sm";
-    MultiLevelDropdownSize["md"] = "md";
-    MultiLevelDropdownSize["lg"] = "lg";
-})(MultiLevelDropdownSize || (MultiLevelDropdownSize = {}));
-class TcRevDropdownMultiLevelComponent {
-    onDocumentClick(event) {
-        if (this.isOpen && !this.elementRef.nativeElement.contains(event.target)) {
-            this.isOpen = false;
-        }
-    }
-    constructor(elementRef) {
-        this.elementRef = elementRef;
-        this.dropdownSize = MultiLevelDropdownSize;
-        this.menu = input.required();
-        this.subMenuPosition = input('right');
-        this.disabled = input(false);
-        this.size = input(MultiLevelDropdownSize.sm);
-        this.initialValue = input(null); // Valor pré-selecionado
-        this.optionSelected = output();
-        this.selectedOption = signal(null);
-        this.selectedParentOption = signal(null);
-        this.hoveredIndex = null;
-        this.isOpen = false;
-    }
-    ngOnChanges(_simpleChanges) {
-        // Atualiza a opção selecionada quando o valor pré-selecionado muda
-        if (_simpleChanges['initialValue'] || _simpleChanges['menu']) {
-            this.selectedOption.set(null);
-            this.selectedParentOption.set(null);
-        }
-    }
-    getItemOffsetTop(index) {
-        if (!this.menuRoot)
-            return 0;
-        const items = this.menuRoot.nativeElement.querySelectorAll('.menu-item');
-        if (items && items[index]) {
-            return items[index].offsetTop;
-        }
-        return 0;
-    }
-    toggleDropdown() {
-        this.isOpen = !this.isOpen;
-    }
-    selectOption(option, parentOption) {
-        this.selectedOption.set(option);
-        this.selectedParentOption.set(parentOption);
-        this.optionSelected.emit({ option, parentOption }); // Emite apenas o valor da opção selecionada
-        // this.isOpen = false; // Fecha o dropdown
-        // this.hoveredIndex = null;
-    }
-    selectParentItem($event, option, parentOption) {
-        $event.stopPropagation();
-        if (parentOption?.children?.length)
-            return;
-        this.selectOption(option, parentOption);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevDropdownMultiLevelComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TcRevDropdownMultiLevelComponent, isStandalone: true, selector: "tc-rev-dropdown-multi-level", inputs: { menu: { classPropertyName: "menu", publicName: "menu", isSignal: true, isRequired: true, transformFunction: null }, subMenuPosition: { classPropertyName: "subMenuPosition", publicName: "subMenuPosition", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, initialValue: { classPropertyName: "initialValue", publicName: "initialValue", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { optionSelected: "optionSelected" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, viewQueries: [{ propertyName: "menuRoot", first: true, predicate: ["menuRoot"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"tc-rev-dropdown-multi-level\">\n  <button\n    class=\"tc-rev-btn tc-rev-btn--sm tc-rev-btn--dark-outline tc-rev-dropdown-toggle\"\n    [class.tc-rev-btn--sm]=\"this.size() === dropdownSize.sm\"\n    [class.tc-rev-btn--md]=\"this.size() === dropdownSize.md\"\n    [class.tc-rev-btn--lg]=\"this.size() === dropdownSize.lg\"\n    [class.active]=\"isOpen\"\n    (click)=\"toggleDropdown()\"\n    [class.disabled]=\"disabled()\">\n    <ng-content></ng-content>\n  </button>\n\n\t<ul class=\"tc-rev-dropdown-multi-level__menu-list\" #menuRoot>\n\t\t@if (isOpen)\n    {\n      @for (item of menu(); track $index; let i = $index)\n      {\n        <li \n          class=\"menu-item\"\n          [class.c-primary-500]=\"this.selectedParentOption()?.value === item?.value\"\n          (mouseenter)=\"hoveredIndex = i\"\n          (mouseleave)=\"hoveredIndex = null\"\n          (click)=\"this.selectParentItem($event, item, item)\">\n          {{ item.displayValue }}\n          @if (this.selectedParentOption()?.value === item?.value)\n          {\n            <i class=\"fa-light fa-circle-check c-primary-500 mar-l-a\"></i>\n          }\n          @if (item?.children?.length && hoveredIndex === i)\n          {\n            <tc-rev-dropdown-sub-menu\n              [items]=\"item.children\"\n              [position]=\"subMenuPosition()\"\n              [parentOffsetTop]=\"getItemOffsetTop(i)\"\n              [selectedOption]=\"this.selectedOption()\"\n              (onOptionSelected)=\"this.selectOption($event, item)\">\n            </tc-rev-dropdown-sub-menu>\n          }\n        </li>\n      }\n    }\n\t</ul>\n</div>\n", styles: [":host{display:inline-block}.tc-rev-dropdown-multi-level{position:relative;display:inline-block}.tc-rev-dropdown-multi-level .tc-rev-dropdown-toggle{align-items:center;background-color:var(--c-neutral-50);display:inline-flex;font-family:var(--f-family);font-size:var(--f-size-14);font-weight:var(--f-weight-600);gap:var(--size-8);line-height:var(--l-height-20);outline:none;transition:.2s ease;padding:0 var(--size-16)}.tc-rev-dropdown-multi-level .tc-rev-dropdown-toggle.active{background-color:var(--c-neutral-500);color:var(--c-neutral-50);border-color:var(--c-neutral-700)}.tc-rev-dropdown-multi-level__menu-list{background-color:var(--c-neutral-50);border-radius:var(--bor-radius-4);box-shadow:var(--shadow-md);color:var(--c-neutral-700);left:0;list-style:none;margin:0;max-height:15.625rem;overflow-y:auto;padding:0;position:absolute;top:110%;width:100%;z-index:1000}.tc-rev-dropdown-multi-level__menu-list .menu-item{align-items:center;background-color:transparent;border:1px solid var(--c-neutral-50);border-radius:var(--bor-radius-4);cursor:pointer;display:flex;justify-content:space-between;font-size:var(--f-size-12);line-height:var(--l-height-16);height:var(--size-32);padding:var(--size-8);text-align:left;text-wrap:nowrap;transition:.2s ease;width:100%}.tc-rev-dropdown-multi-level__menu-list .menu-item:hover{border-color:var(--c-primary-500);color:var(--c-primary-500)}.tc-rev-dropdown-multi-level__menu-list .menu-item.selected{background-color:var(--c-primary-300);border-color:var(--c-primary-300);color:var(--c-primary-500);font-weight:var(--f-weight-700)}.tc-rev-dropdown-multi-level__menu-list .menu-item:disabled{background-color:var(--c-neutral-50);border-color:var(--c-neutral-300);color:var(--c-neutral-500);cursor:not-allowed}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: TcRevDropdownSubMenuComponent, selector: "tc-rev-dropdown-sub-menu", inputs: ["items", "position", "parentOffsetTop", "selectedOption"], outputs: ["onOptionSelected"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevDropdownMultiLevelComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'tc-rev-dropdown-multi-level', imports: [
-                        CommonModule,
-                        TcRevDropdownSubMenuComponent
-                    ], template: "<div class=\"tc-rev-dropdown-multi-level\">\n  <button\n    class=\"tc-rev-btn tc-rev-btn--sm tc-rev-btn--dark-outline tc-rev-dropdown-toggle\"\n    [class.tc-rev-btn--sm]=\"this.size() === dropdownSize.sm\"\n    [class.tc-rev-btn--md]=\"this.size() === dropdownSize.md\"\n    [class.tc-rev-btn--lg]=\"this.size() === dropdownSize.lg\"\n    [class.active]=\"isOpen\"\n    (click)=\"toggleDropdown()\"\n    [class.disabled]=\"disabled()\">\n    <ng-content></ng-content>\n  </button>\n\n\t<ul class=\"tc-rev-dropdown-multi-level__menu-list\" #menuRoot>\n\t\t@if (isOpen)\n    {\n      @for (item of menu(); track $index; let i = $index)\n      {\n        <li \n          class=\"menu-item\"\n          [class.c-primary-500]=\"this.selectedParentOption()?.value === item?.value\"\n          (mouseenter)=\"hoveredIndex = i\"\n          (mouseleave)=\"hoveredIndex = null\"\n          (click)=\"this.selectParentItem($event, item, item)\">\n          {{ item.displayValue }}\n          @if (this.selectedParentOption()?.value === item?.value)\n          {\n            <i class=\"fa-light fa-circle-check c-primary-500 mar-l-a\"></i>\n          }\n          @if (item?.children?.length && hoveredIndex === i)\n          {\n            <tc-rev-dropdown-sub-menu\n              [items]=\"item.children\"\n              [position]=\"subMenuPosition()\"\n              [parentOffsetTop]=\"getItemOffsetTop(i)\"\n              [selectedOption]=\"this.selectedOption()\"\n              (onOptionSelected)=\"this.selectOption($event, item)\">\n            </tc-rev-dropdown-sub-menu>\n          }\n        </li>\n      }\n    }\n\t</ul>\n</div>\n", styles: [":host{display:inline-block}.tc-rev-dropdown-multi-level{position:relative;display:inline-block}.tc-rev-dropdown-multi-level .tc-rev-dropdown-toggle{align-items:center;background-color:var(--c-neutral-50);display:inline-flex;font-family:var(--f-family);font-size:var(--f-size-14);font-weight:var(--f-weight-600);gap:var(--size-8);line-height:var(--l-height-20);outline:none;transition:.2s ease;padding:0 var(--size-16)}.tc-rev-dropdown-multi-level .tc-rev-dropdown-toggle.active{background-color:var(--c-neutral-500);color:var(--c-neutral-50);border-color:var(--c-neutral-700)}.tc-rev-dropdown-multi-level__menu-list{background-color:var(--c-neutral-50);border-radius:var(--bor-radius-4);box-shadow:var(--shadow-md);color:var(--c-neutral-700);left:0;list-style:none;margin:0;max-height:15.625rem;overflow-y:auto;padding:0;position:absolute;top:110%;width:100%;z-index:1000}.tc-rev-dropdown-multi-level__menu-list .menu-item{align-items:center;background-color:transparent;border:1px solid var(--c-neutral-50);border-radius:var(--bor-radius-4);cursor:pointer;display:flex;justify-content:space-between;font-size:var(--f-size-12);line-height:var(--l-height-16);height:var(--size-32);padding:var(--size-8);text-align:left;text-wrap:nowrap;transition:.2s ease;width:100%}.tc-rev-dropdown-multi-level__menu-list .menu-item:hover{border-color:var(--c-primary-500);color:var(--c-primary-500)}.tc-rev-dropdown-multi-level__menu-list .menu-item.selected{background-color:var(--c-primary-300);border-color:var(--c-primary-300);color:var(--c-primary-500);font-weight:var(--f-weight-700)}.tc-rev-dropdown-multi-level__menu-list .menu-item:disabled{background-color:var(--c-neutral-50);border-color:var(--c-neutral-300);color:var(--c-neutral-500);cursor:not-allowed}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { onDocumentClick: [{
-                type: HostListener,
-                args: ['document:click', ['$event']]
-            }], menuRoot: [{
-                type: ViewChild,
-                args: ['menuRoot', { static: false }]
-            }] } });
-
-/**
- *
- * @param echarts echars instance
- * @param chartData chart info to build the config
- * @returns a bar chart config for echarts with the given data
- */
-function echartBarConfig(echarts, chartData) {
-    const { xAxisName, xAxisLabels, seriesData, tooltipFormatter, yAxisLabelFormatter, xAxisLabelFormatter } = chartData;
-    return {
-        grid: {
-            left: '6.5%',
-            top: 48,
-            right: '2%',
-            bottom: 56
-        },
-        tooltip: {
-            trigger: 'axis',
-            backgroundColor: '#131313',
-            formatter: tooltipFormatter,
-            textStyle: {
-                color: '#f3f3f3',
-                fontSize: 12,
-                fontFamily: 'Nunito Sans'
-            }
-        },
-        xAxis: {
-            type: 'category',
-            axisLabel: {
-                color: '#131313',
-                fontSize: 14,
-                fontFamily: 'Nunito Sans',
-                margin: 16,
-                formatter: xAxisLabelFormatter,
-            },
-            axisLine: {
-                show: true,
-                lineStyle: {
-                    color: '#BAC0C6'
-                }
-            },
-            axisTick: {
-                show: false
-            },
-            data: xAxisLabels,
-            name: xAxisName,
-            nameLocation: 'start',
-            nameTextStyle: {
-                align: 'left',
-                color: '#131313',
-                fontFamily: 'Nunito Sans',
-                fontSize: 14,
-                fontWeight: 700,
-                padding: [0, 0, -46, -36]
-            }
-        },
-        yAxis: {
-            type: 'value',
-            axisLine: {
-                show: false
-            },
-            axisTick: {
-                show: false
-            },
-            axisLabel: {
-                formatter: yAxisLabelFormatter,
-                align: 'left',
-                color: '#131313',
-                fontSize: 14,
-                fontFamily: 'Nunito Sans',
-                inside: false,
-                padding: [-40, 0, 0, -40]
-            }
-        },
-        series: seriesData.map((serie) => ({
-            name: serie.serieName,
-            type: 'bar',
-            data: serie.values,
-            itemStyle: {
-                barBorderRadius: [8, 8, 8, 8],
-                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                    { offset: 0, color: '#0897E9' },
-                    { offset: 1, color: '#75D8FF' }
-                ])
-            }
-        }))
-    };
-}
-
-class TcRevEmptyContentComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevEmptyContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: TcRevEmptyContentComponent, isStandalone: true, selector: "tc-rev-empty-content", ngImport: i0, template: "<div class=\"tc-rev-empty-content f-family f-sm c-neutral-700 pad-x-16 pad-y-16 bg-c-neutral-200 bor-rad-8\">\n  <ng-content></ng-content>\n</div>\n", styles: [""] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevEmptyContentComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'tc-rev-empty-content', imports: [], template: "<div class=\"tc-rev-empty-content f-family f-sm c-neutral-700 pad-x-16 pad-y-16 bg-c-neutral-200 bor-rad-8\">\n  <ng-content></ng-content>\n</div>\n" }]
-        }] });
-
-class TcRevFaqComponent {
-    constructor() {
-        this.title = 'Dúvidas frequentes';
-        this.questions = [];
-        this.openIndex = signal(null);
-    }
-    toggle(index) {
-        if (this.openIndex() === index) {
-            this.openIndex.set(null);
-        }
-        else {
-            this.openIndex.set(index);
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevFaqComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: TcRevFaqComponent, isStandalone: true, selector: "tc-rev-faq", inputs: { title: "title", questions: "questions" }, ngImport: i0, template: "<div class=\"tc-rev-faq\">\n  <div class=\"tc-rev-faq-list\">\n    <div\n      class=\"tc-rev-faq-item f-family c-neutral-700 f-size-16\"\n      [class.open]=\"openIndex() === i\"\n      *ngFor=\"let q of questions; let i = index\"\n      (click)=\"toggle(i)\"\n    >\n      <div class=\"tc-rev-faq-question\">\n        <p>{{ q.question }}</p>\n        <i class=\"fa-light fa-angle-down arrow\" [class.open]=\"openIndex() === i\"></i>\n      </div>\n\n      <div\n        class=\"tc-rev-faq-answer\"\n      >\n        <p>{{ q.answer }}</p>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:block}.tc-rev-faq{background-color:var(--c-neutral-50)}.tc-rev-faq .faq-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.tc-rev-faq .faq-header .icon{width:48px;height:48px;background:var(--c-neutral-200);border-radius:var(--bor-radius-rounded);display:flex;align-items:center;justify-content:center;color:var(--c-neutral-700)}.tc-rev-faq .faq-header .icon i{font-size:1.5rem;color:var(--c-neutral-700)}.tc-rev-faq .faq-header h2{font-size:var(--f-size-20);font-weight:var(--f-weight-700);font-family:var(--f-family)}.tc-rev-faq .tc-rev-faq-list .tc-rev-faq-item{border-top:1px solid var(--c-neutral-300);cursor:pointer;height:var(--size-56);overflow:hidden;padding:var(--size-16);transition:all .2s ease}.tc-rev-faq .tc-rev-faq-list .tc-rev-faq-item.open{height:auto;overflow:visible}.tc-rev-faq .tc-rev-faq-list .tc-rev-faq-item:first-child{border-top:none}.tc-rev-faq .tc-rev-faq-list .tc-rev-faq-item .tc-rev-faq-question{display:flex;justify-content:space-between;align-items:center}.tc-rev-faq .tc-rev-faq-list .tc-rev-faq-item .tc-rev-faq-question p{margin:0}.tc-rev-faq .tc-rev-faq-list .tc-rev-faq-item .tc-rev-faq-question .arrow{transition:all .3s ease}.tc-rev-faq .tc-rev-faq-list .tc-rev-faq-item .tc-rev-faq-question .arrow.open{transform:rotate(180deg)}.tc-rev-faq .tc-rev-faq-list .tc-rev-faq-item .tc-rev-faq-answer{border:0;margin-top:1rem;padding:0}.tc-rev-faq .tc-rev-faq-list .tc-rev-faq-item .tc-rev-faq-answer p{margin:0;line-height:1.6}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevFaqComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'tc-rev-faq', imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"tc-rev-faq\">\n  <div class=\"tc-rev-faq-list\">\n    <div\n      class=\"tc-rev-faq-item f-family c-neutral-700 f-size-16\"\n      [class.open]=\"openIndex() === i\"\n      *ngFor=\"let q of questions; let i = index\"\n      (click)=\"toggle(i)\"\n    >\n      <div class=\"tc-rev-faq-question\">\n        <p>{{ q.question }}</p>\n        <i class=\"fa-light fa-angle-down arrow\" [class.open]=\"openIndex() === i\"></i>\n      </div>\n\n      <div\n        class=\"tc-rev-faq-answer\"\n      >\n        <p>{{ q.answer }}</p>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:block}.tc-rev-faq{background-color:var(--c-neutral-50)}.tc-rev-faq .faq-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.tc-rev-faq .faq-header .icon{width:48px;height:48px;background:var(--c-neutral-200);border-radius:var(--bor-radius-rounded);display:flex;align-items:center;justify-content:center;color:var(--c-neutral-700)}.tc-rev-faq .faq-header .icon i{font-size:1.5rem;color:var(--c-neutral-700)}.tc-rev-faq .faq-header h2{font-size:var(--f-size-20);font-weight:var(--f-weight-700);font-family:var(--f-family)}.tc-rev-faq .tc-rev-faq-list .tc-rev-faq-item{border-top:1px solid var(--c-neutral-300);cursor:pointer;height:var(--size-56);overflow:hidden;padding:var(--size-16);transition:all .2s ease}.tc-rev-faq .tc-rev-faq-list .tc-rev-faq-item.open{height:auto;overflow:visible}.tc-rev-faq .tc-rev-faq-list .tc-rev-faq-item:first-child{border-top:none}.tc-rev-faq .tc-rev-faq-list .tc-rev-faq-item .tc-rev-faq-question{display:flex;justify-content:space-between;align-items:center}.tc-rev-faq .tc-rev-faq-list .tc-rev-faq-item .tc-rev-faq-question p{margin:0}.tc-rev-faq .tc-rev-faq-list .tc-rev-faq-item .tc-rev-faq-question .arrow{transition:all .3s ease}.tc-rev-faq .tc-rev-faq-list .tc-rev-faq-item .tc-rev-faq-question .arrow.open{transform:rotate(180deg)}.tc-rev-faq .tc-rev-faq-list .tc-rev-faq-item .tc-rev-faq-answer{border:0;margin-top:1rem;padding:0}.tc-rev-faq .tc-rev-faq-list .tc-rev-faq-item .tc-rev-faq-answer p{margin:0;line-height:1.6}\n"] }]
-        }], propDecorators: { title: [{
-                type: Input
-            }], questions: [{
-                type: Input
-            }] } });
-
-class TcRevInputContainerComponent {
-    constructor() {
-        this.fullWidth = input(false);
-        this.inputId = input('');
-        this.label = input('');
-        this.labelPosition = input('top');
-        this.required = input(false);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevInputContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TcRevInputContainerComponent, isStandalone: true, selector: "tc-rev-input-container", inputs: { fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelPosition: { classPropertyName: "labelPosition", publicName: "labelPosition", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\n  class=\"{{ 'tc-rev-input-container ' + 'label-' + this.labelPosition() }}\"\n  [class.full-width]=\"this.fullWidth()\">\n  @if (this.label()) {\n    @if (this.inputId()) {\n      <label\n        class=\"tc-rev-input-label cursor-pointer\" [for]=\"this.inputId()\">\n        {{this.label()}}\n        @if (this.required()) {\n          <ng-container *ngTemplateOutlet=\"required\" />\n        }\n      </label>\n    }\n    @else {\n      <label\n        class=\"tc-rev-input-label\">\n        {{this.label()}}\n        @if (this.required()) {\n          <ng-container *ngTemplateOutlet=\"required\" />\n        }\n      </label>\n    }\n  }\n  <ng-content />\n</div>\n\n\n<ng-template #required>\n  <span class=\"c-danger-500\">*</span>\n</ng-template>\n", styles: [":host{display:block}.tc-rev-input-container{display:inline-flex;gap:var(--size-4)}.tc-rev-input-container.full-width{width:100%}.tc-rev-input-container .tc-rev-input-label{font-family:var(--f-family);font-size:var(--f-size-14);font-weight:var(--f-weight-600);color:var(--c-neutral-700);line-height:var(--l-height-20);margin:0}.tc-rev-input-container.label-top{flex-direction:column}.tc-rev-input-container.label-right{align-items:center;flex-direction:row-reverse}.tc-rev-input-container.label-bottom{flex-direction:column-reverse}.tc-rev-input-container.label-left{align-items:center;flex-direction:row}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevInputContainerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'tc-rev-input-container', imports: [CommonModule], template: "<div\n  class=\"{{ 'tc-rev-input-container ' + 'label-' + this.labelPosition() }}\"\n  [class.full-width]=\"this.fullWidth()\">\n  @if (this.label()) {\n    @if (this.inputId()) {\n      <label\n        class=\"tc-rev-input-label cursor-pointer\" [for]=\"this.inputId()\">\n        {{this.label()}}\n        @if (this.required()) {\n          <ng-container *ngTemplateOutlet=\"required\" />\n        }\n      </label>\n    }\n    @else {\n      <label\n        class=\"tc-rev-input-label\">\n        {{this.label()}}\n        @if (this.required()) {\n          <ng-container *ngTemplateOutlet=\"required\" />\n        }\n      </label>\n    }\n  }\n  <ng-content />\n</div>\n\n\n<ng-template #required>\n  <span class=\"c-danger-500\">*</span>\n</ng-template>\n", styles: [":host{display:block}.tc-rev-input-container{display:inline-flex;gap:var(--size-4)}.tc-rev-input-container.full-width{width:100%}.tc-rev-input-container .tc-rev-input-label{font-family:var(--f-family);font-size:var(--f-size-14);font-weight:var(--f-weight-600);color:var(--c-neutral-700);line-height:var(--l-height-20);margin:0}.tc-rev-input-container.label-top{flex-direction:column}.tc-rev-input-container.label-right{align-items:center;flex-direction:row-reverse}.tc-rev-input-container.label-bottom{flex-direction:column-reverse}.tc-rev-input-container.label-left{align-items:center;flex-direction:row}\n"] }]
-        }] });
-
-class TcRevInputDirective {
-    constructor(_el) {
-        this._el = _el;
-        this.fullWidth = input(false);
-        effect(() => {
-            this.setClasses();
-        });
-    }
-    setClasses() {
-        this.fullWidth() ? this._el.nativeElement.classList.add('tc-rev-input-control--full-width') : null;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevInputDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.25", type: TcRevInputDirective, isStandalone: true, selector: "input[tcRevInput], select[tcRevInput]", inputs: { fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "tc-rev-input-control" }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevInputDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'input[tcRevInput], select[tcRevInput]',
-                    host: {
-                        class: 'tc-rev-input-control'
-                    }
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }] });
-
-class TcRevLoadingComponent {
-    constructor() {
-        this.message = input('Carregando');
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.25", type: TcRevLoadingComponent, isStandalone: true, selector: "tc-rev-loading", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"tc-rev-loading-overlay\">\n  <div class=\"tc-rev-loading-container\">\n    <span\n      class=\"tc-rev-loading-spinner\">\n    </span>\n    <p class=\"tc-rev-loading-message\">{{message()}}...</p>\n  </div>\n</div>\n", styles: ["@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tc-rev-loading-overlay{background:#00000080;display:grid;inset:0;place-items:center;position:fixed;z-index:1000}.tc-rev-loading-overlay .tc-rev-loading-container{align-items:center;display:flex;flex-direction:column;gap:.5rem}.tc-rev-loading-overlay .tc-rev-loading-container .tc-rev-loading-spinner{animation:rotation 1s linear infinite;border:8px solid var(--c-neutral-200);border-bottom-color:var(--c-neutral-500);border-radius:50%;box-sizing:border-box;display:block;height:8rem;width:8rem}.tc-rev-loading-overlay .tc-rev-loading-container .tc-rev-loading-message{background-color:var(--c-neutral-600);border-radius:var(--bor-radius-8);color:var(--c-neutral-50);font-family:var(--f-family);font-size:var(--f-size-16);margin:var(--size-12) 0 0 0;padding:var(--size-4) var(--size-12)}\n"] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevLoadingComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'tc-rev-loading', imports: [], template: "<div class=\"tc-rev-loading-overlay\">\n  <div class=\"tc-rev-loading-container\">\n    <span\n      class=\"tc-rev-loading-spinner\">\n    </span>\n    <p class=\"tc-rev-loading-message\">{{message()}}...</p>\n  </div>\n</div>\n", styles: ["@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tc-rev-loading-overlay{background:#00000080;display:grid;inset:0;place-items:center;position:fixed;z-index:1000}.tc-rev-loading-overlay .tc-rev-loading-container{align-items:center;display:flex;flex-direction:column;gap:.5rem}.tc-rev-loading-overlay .tc-rev-loading-container .tc-rev-loading-spinner{animation:rotation 1s linear infinite;border:8px solid var(--c-neutral-200);border-bottom-color:var(--c-neutral-500);border-radius:50%;box-sizing:border-box;display:block;height:8rem;width:8rem}.tc-rev-loading-overlay .tc-rev-loading-container .tc-rev-loading-message{background-color:var(--c-neutral-600);border-radius:var(--bor-radius-8);color:var(--c-neutral-50);font-family:var(--f-family);font-size:var(--f-size-16);margin:var(--size-12) 0 0 0;padding:var(--size-4) var(--size-12)}\n"] }]
-        }] });
-
-class TcRevMessageComponent {
-    constructor() {
-        this.message = '';
-        this.type = 'info';
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: TcRevMessageComponent, isStandalone: true, selector: "tc-rev-message", inputs: { message: "message", type: "type" }, ngImport: i0, template: "<div class=\"message\" [ngClass]=\"type\" *ngIf=\"message\">\n  <i class=\"icon fas\" [ngClass]=\"{\n    'fa-check': type === 'success',\n    'fa-times': type === 'error',\n    'fa-info-circle': type === 'info',\n    'fa-exclamation-triangle': type === 'warning'\n  }\"></i>\n  <i class=\"text\">{{ message }}</i>\n</div>\n", styles: [":host{display:block}.message{padding:.75rem 1rem;border-radius:6px;font-size:14px;display:flex;align-items:center;gap:.5rem;margin:8px 0}.message.success{background-color:var(--c-success-300);color:var(--c-success-500);border:1px solid var(--c-success-300)}.message.error{background-color:var(--c-danger-300);color:var(--c-danger-500);border:1px solid var(--c-danger-300)}.message.info{background-color:var(--c-info-300);color:var(--c-info-500);border:1px solid var(--c-info-300)}.message.warning{background-color:var(--c-alert-300);color:var(--c-alert-500);border:1px solid var(--c-alert-300)}.message .icon{font-size:16px}.message .text{flex:1;font-style:normal}\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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevMessageComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'tc-rev-message', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"message\" [ngClass]=\"type\" *ngIf=\"message\">\n  <i class=\"icon fas\" [ngClass]=\"{\n    'fa-check': type === 'success',\n    'fa-times': type === 'error',\n    'fa-info-circle': type === 'info',\n    'fa-exclamation-triangle': type === 'warning'\n  }\"></i>\n  <i class=\"text\">{{ message }}</i>\n</div>\n", styles: [":host{display:block}.message{padding:.75rem 1rem;border-radius:6px;font-size:14px;display:flex;align-items:center;gap:.5rem;margin:8px 0}.message.success{background-color:var(--c-success-300);color:var(--c-success-500);border:1px solid var(--c-success-300)}.message.error{background-color:var(--c-danger-300);color:var(--c-danger-500);border:1px solid var(--c-danger-300)}.message.info{background-color:var(--c-info-300);color:var(--c-info-500);border:1px solid var(--c-info-300)}.message.warning{background-color:var(--c-alert-300);color:var(--c-alert-500);border:1px solid var(--c-alert-300)}.message .icon{font-size:16px}.message .text{flex:1;font-style:normal}\n"] }]
-        }], propDecorators: { message: [{
-                type: Input
-            }], type: [{
-                type: Input
-            }] } });
-
-class TcRevMultiInputComponent {
-    constructor() {
-        this.autoFocus = false;
-        this.initialValue = input('');
-        this.description = input('');
-        this.initialList = input([]); // Deprecated - use items instead
-        this.items = model([]); // Two-way binding para a lista de itens
-        this.validators = input([]);
-        this.disabled = input(false);
-        this.itemsList = signal([]);
-        this.onChangeList = output();
-        effect(() => {
-            this.disabled() ? this.multiInputForm?.get('multiInput')?.disable() : this.multiInputForm?.get('multiInput')?.enable();
-        });
-    }
-    ngOnInit() {
-        this.multiInputForm = new FormGroup({
-            multiInput: new FormControl('', [Validators.required, ...this.validators()])
-        });
-        // Prioriza os itens do model, mas mantém compatibilidade com initialList
-        const itemsToUse = this.items().length > 0 ? this.items() : this.initialList();
-        if (itemsToUse?.length) {
-            this.itemsList.set([...itemsToUse]);
-        }
-        // Se não havia itens no model mas havia initialList, sincroniza o model
-        if (this.items().length === 0 && this.initialList().length > 0) {
-            this.items.set([...this.initialList()]);
-        }
-        // Escuta mudanças no model e atualiza a lista interna
-        this.items.subscribe((newItems) => {
-            // Só atualiza se realmente mudou para evitar loops
-            const currentItems = this.itemsList();
-            if (JSON.stringify(currentItems) !== JSON.stringify(newItems)) {
-                this.itemsList.set([...newItems]);
-            }
-        });
-        setTimeout(() => {
-            if (this.initialValue() !== '') {
-                this.autoFocus = true;
-                this.multiInputForm?.get('multiInput')?.setValue(this.initialValue());
-            }
-        });
-    }
-    ngAfterViewInit() {
-        setTimeout(() => {
-            if (this.autoFocus) {
-                this.multiInputRef?.nativeElement?.focus();
-            }
-        }, 0);
-    }
-    isEllipsed(text) {
-        return isTextEllipsed(text);
-    }
-    addItem() {
-        const newItem = this.multiInputForm?.get('multiInput').value;
-        this.itemsList.update((currentItems) => {
-            const updatedItems = currentItems.includes(newItem)
-                ? currentItems
-                : [...currentItems, newItem];
-            // Atualiza o model com two-way binding
-            this.items.set([...updatedItems]);
-            this.onChangeList.emit(updatedItems);
-            return updatedItems;
-        });
-        this.multiInputForm?.reset();
-    }
-    removeItem(index) {
-        this.itemsList.update((currentItems) => {
-            const newItems = [...currentItems];
-            newItems.splice(index, 1);
-            // Atualiza o model com two-way binding
-            this.items.set([...newItems]);
-            this.onChangeList.emit(newItems);
-            return newItems;
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevMultiInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TcRevMultiInputComponent, isStandalone: true, selector: "tc-rev-multi-input", inputs: { autoFocus: { classPropertyName: "autoFocus", publicName: "autoFocus", isSignal: false, isRequired: false, transformFunction: null }, initialValue: { classPropertyName: "initialValue", publicName: "initialValue", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, initialList: { classPropertyName: "initialList", publicName: "initialList", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, validators: { classPropertyName: "validators", publicName: "validators", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { items: "itemsChange", onChangeList: "onChangeList" }, viewQueries: [{ propertyName: "multiInputRef", first: true, predicate: ["multiInputRef "], descendants: true }], ngImport: i0, template: "<div class=\"tc-rev-multi-input\">\n\t<div class=\"tc-rev-multi-input__input-container\">\n\t\t<form\n      [formGroup]=\"multiInputForm\"\n      (ngSubmit)=\"addItem()\">\n\n      <input\n        #multiInputRef\n        type=\"text\"\n        class=\"tc-rev-input-control\"\n        formControlName=\"multiInput\"\n      />\n\n      <button\n        class=\"tc-rev-btn tc-rev-btn--sm tc-rev-btn--primary-filled add-button\"\n        type=\"submit\"\n        [disabled]=\"multiInputForm.invalid || disabled()\">\n\t\t\t\tAdicionar\n\t\t\t</button>\n\t\t</form>\n\t</div>\n\n\t@if (description()) {\n    <span class=\"description f-sm c-neutral-700 mar-t-4 mar-b-16 d-block\">\n      {{ description() }}\n    </span>\n\t}\n\n  @if (itemsList().length > 0) {\n    <div class=\"tc-rev-multi-input__added-list\">\n      @for (item of itemsList(); track item; let i = $index) {\n        <div class=\"list-item h-28 pad-x-8 f-md f-weight-500 bor-rad-4 bg-c-neutral-100\">\n          <span\n            class=\"c-primary-500 mar-r-4 list-item__text\"\n            [tcRevTooltip]=\"isEllipsed(item) ? item : ''\"\n            position=\"top\">{{ item }}</span>\n\n          <button class=\"h-24 w-24 d-inline-block cursor-pointer bg-c-transparent c-neutral-700 bor-none\" (click)=\"removeItem(i)\">\n            <i class=\"fa-solid fa-times\"></i>\n          </button>\n        </div>\n      }\n    </div>\n  }\n</div>\n", styles: [":host{display:block}.tc-rev-multi-input__input-container{height:var(--size-40);position:relative}.tc-rev-multi-input__input-container .tc-rev-input-control{height:var(--size-40);position:absolute;top:0;left:0;width:100%;z-index:1}.tc-rev-multi-input__input-container .add-button{display:block;height:var(--size-34);min-height:var(--size-34);max-height:var(--size-34);position:absolute;right:3px;top:3px;width:6.125rem;z-index:2}.tc-rev-multi-input__added-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.tc-rev-multi-input__added-list .list-item{align-content:center;max-width:12.5rem;display:flex;align-items:center}.tc-rev-multi-input__added-list .list-item__text{flex:1;max-width:calc(100% - 1.75rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: TcRevTooltipDirective, selector: "[tcRevTooltip]", inputs: ["tcRevTooltip", "position"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevMultiInputComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'tc-rev-multi-input', imports: [
-                        CommonModule,
-                        ReactiveFormsModule,
-                        TcRevTooltipDirective
-                    ], template: "<div class=\"tc-rev-multi-input\">\n\t<div class=\"tc-rev-multi-input__input-container\">\n\t\t<form\n      [formGroup]=\"multiInputForm\"\n      (ngSubmit)=\"addItem()\">\n\n      <input\n        #multiInputRef\n        type=\"text\"\n        class=\"tc-rev-input-control\"\n        formControlName=\"multiInput\"\n      />\n\n      <button\n        class=\"tc-rev-btn tc-rev-btn--sm tc-rev-btn--primary-filled add-button\"\n        type=\"submit\"\n        [disabled]=\"multiInputForm.invalid || disabled()\">\n\t\t\t\tAdicionar\n\t\t\t</button>\n\t\t</form>\n\t</div>\n\n\t@if (description()) {\n    <span class=\"description f-sm c-neutral-700 mar-t-4 mar-b-16 d-block\">\n      {{ description() }}\n    </span>\n\t}\n\n  @if (itemsList().length > 0) {\n    <div class=\"tc-rev-multi-input__added-list\">\n      @for (item of itemsList(); track item; let i = $index) {\n        <div class=\"list-item h-28 pad-x-8 f-md f-weight-500 bor-rad-4 bg-c-neutral-100\">\n          <span\n            class=\"c-primary-500 mar-r-4 list-item__text\"\n            [tcRevTooltip]=\"isEllipsed(item) ? item : ''\"\n            position=\"top\">{{ item }}</span>\n\n          <button class=\"h-24 w-24 d-inline-block cursor-pointer bg-c-transparent c-neutral-700 bor-none\" (click)=\"removeItem(i)\">\n            <i class=\"fa-solid fa-times\"></i>\n          </button>\n        </div>\n      }\n    </div>\n  }\n</div>\n", styles: [":host{display:block}.tc-rev-multi-input__input-container{height:var(--size-40);position:relative}.tc-rev-multi-input__input-container .tc-rev-input-control{height:var(--size-40);position:absolute;top:0;left:0;width:100%;z-index:1}.tc-rev-multi-input__input-container .add-button{display:block;height:var(--size-34);min-height:var(--size-34);max-height:var(--size-34);position:absolute;right:3px;top:3px;width:6.125rem;z-index:2}.tc-rev-multi-input__added-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.tc-rev-multi-input__added-list .list-item{align-content:center;max-width:12.5rem;display:flex;align-items:center}.tc-rev-multi-input__added-list .list-item__text{flex:1;max-width:calc(100% - 1.75rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { autoFocus: [{
-                type: Input
-            }], multiInputRef: [{
-                type: ViewChild,
-                args: ['multiInputRef ']
-            }] } });
-
-class TcRevPaginationComponent {
-    constructor() {
-        this.currentPage = 1;
-        this.totalPages = 1;
-        this.pageChange = new EventEmitter();
-        this.pageInputError = false;
-    }
-    previous() {
-        if (this.currentPage > 1) {
-            this.currentPage--;
-            this.pageChange.emit(this.currentPage);
-        }
-    }
-    next() {
-        if (this.currentPage < this.totalPages) {
-            this.currentPage++;
-            this.pageChange.emit(this.currentPage);
-        }
-    }
-    goToPage(event) {
-        const input = event.target;
-        const value = input.value;
-        let pageNumber = parseInt(value.replace(/^0+/, ''), 10);
-        if (isNaN(pageNumber) || pageNumber < 1 || pageNumber > this.totalPages) {
-            this.pageInputError = true;
-            if (isNaN(pageNumber) || pageNumber < 1) {
-                pageNumber = 1;
-            }
-            else if (pageNumber > this.totalPages) {
-                pageNumber = this.totalPages;
-            }
-        }
-        else {
-            this.pageInputError = false;
-        }
-        input.value = this.formatPage(pageNumber);
-        if (pageNumber !== this.currentPage) {
-            this.currentPage = pageNumber;
-            this.pageChange.emit(this.currentPage);
-        }
-    }
-    formatPage(page) {
-        return page < 10 ? `0${page}` : `${page}`;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: TcRevPaginationComponent, isStandalone: true, selector: "tc-rev-pagination", inputs: { currentPage: "currentPage", totalPages: "totalPages" }, outputs: { pageChange: "pageChange" }, ngImport: i0, template: "<div class=\"pagination-container\">\n\t<button class=\"arrow\" [disabled]=\"currentPage === 1\" (click)=\"previous()\"><i class=\"fas fa-angle-left\"></i></button>\n\n\t<span class=\"label f-family f-weight-600 f-size-14 c-neutral-700\">P\u00E1gina</span>\n\n\t<div class=\"page-input-container\">\n\t\t<input\n\t\t\ttype=\"text\"\n\t\t\tclass=\"page-input\"\n\t\t\t[ngClass]=\"{'error': pageInputError}\"\n\t\t\t[value]=\"formatPage(currentPage)\"\n\t\t\t(keyup.enter)=\"goToPage($event)\"\n\t\t\t(blur)=\"goToPage($event)\"\n\t\t/>\n\t</div>\n\n\t<span class=\"label f-family f-weight-600 f-size-14 c-neutral-700\">de {{ totalPages }}</span>\n\n\t<button class=\"arrow\" [disabled]=\"currentPage === totalPages\" (click)=\"next()\"><i class=\"fas fa-angle-right\"></i></button>\n</div>\n", styles: [":host{display:block}.pagination-container{display:flex;align-items:center;gap:8px;font-family:var(--f-family);justify-content:center}.pagination-container .label{color:var(--c-neutral-700)}.pagination-container .page-input-container{position:relative;width:48px;height:32px}.pagination-container .page-input{width:100%;height:100%;padding:var(--size-4) var(--size-8);border:1px solid var(--c-neutral-300);border-radius:var(--bor-radius-8);font-size:var(--f-size-14);font-family:var(--f-family);font-weight:var(--f-weight-600);color:var(--c-neutral-700);text-align:center;background-color:var(--c-neutral-50);outline:none;transition:border-color .2s ease}.pagination-container .page-input:focus:not(.error){border-color:var(--c-primary-500)}.pagination-container .page-input.error{border-color:var(--c-danger-500)}.pagination-container .page-input.error:focus{border-color:var(--c-danger-500)}.pagination-container .arrow{background-color:var(--c-neutral-100);border:1px solid var(--c-neutral-300);border-radius:var(--bor-radius-8);width:32px;height:32px;font-size:var(--f-size-16);color:var(--c-neutral-300);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.pagination-container .arrow:disabled{cursor:not-allowed;opacity:.5}.pagination-container .arrow:hover:not(:disabled){background-color:var(--c-primary-100);border-color:var(--c-primary-300);color:var(--c-primary-500)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevPaginationComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'tc-rev-pagination', imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<div class=\"pagination-container\">\n\t<button class=\"arrow\" [disabled]=\"currentPage === 1\" (click)=\"previous()\"><i class=\"fas fa-angle-left\"></i></button>\n\n\t<span class=\"label f-family f-weight-600 f-size-14 c-neutral-700\">P\u00E1gina</span>\n\n\t<div class=\"page-input-container\">\n\t\t<input\n\t\t\ttype=\"text\"\n\t\t\tclass=\"page-input\"\n\t\t\t[ngClass]=\"{'error': pageInputError}\"\n\t\t\t[value]=\"formatPage(currentPage)\"\n\t\t\t(keyup.enter)=\"goToPage($event)\"\n\t\t\t(blur)=\"goToPage($event)\"\n\t\t/>\n\t</div>\n\n\t<span class=\"label f-family f-weight-600 f-size-14 c-neutral-700\">de {{ totalPages }}</span>\n\n\t<button class=\"arrow\" [disabled]=\"currentPage === totalPages\" (click)=\"next()\"><i class=\"fas fa-angle-right\"></i></button>\n</div>\n", styles: [":host{display:block}.pagination-container{display:flex;align-items:center;gap:8px;font-family:var(--f-family);justify-content:center}.pagination-container .label{color:var(--c-neutral-700)}.pagination-container .page-input-container{position:relative;width:48px;height:32px}.pagination-container .page-input{width:100%;height:100%;padding:var(--size-4) var(--size-8);border:1px solid var(--c-neutral-300);border-radius:var(--bor-radius-8);font-size:var(--f-size-14);font-family:var(--f-family);font-weight:var(--f-weight-600);color:var(--c-neutral-700);text-align:center;background-color:var(--c-neutral-50);outline:none;transition:border-color .2s ease}.pagination-container .page-input:focus:not(.error){border-color:var(--c-primary-500)}.pagination-container .page-input.error{border-color:var(--c-danger-500)}.pagination-container .page-input.error:focus{border-color:var(--c-danger-500)}.pagination-container .arrow{background-color:var(--c-neutral-100);border:1px solid var(--c-neutral-300);border-radius:var(--bor-radius-8);width:32px;height:32px;font-size:var(--f-size-16);color:var(--c-neutral-300);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.pagination-container .arrow:disabled{cursor:not-allowed;opacity:.5}.pagination-container .arrow:hover:not(:disabled){background-color:var(--c-primary-100);border-color:var(--c-primary-300);color:var(--c-primary-500)}\n"] }]
-        }], propDecorators: { currentPage: [{
-                type: Input
-            }], totalPages: [{
-                type: Input
-            }], pageChange: [{
-                type: Output
-            }] } });
-
-var ProgressStatusBarGradientStatus;
-(function (ProgressStatusBarGradientStatus) {
-    ProgressStatusBarGradientStatus["info"] = "info";
-    ProgressStatusBarGradientStatus["danger"] = "danger";
-    ProgressStatusBarGradientStatus["success"] = "success";
-    ProgressStatusBarGradientStatus["alert"] = "alert";
-})(ProgressStatusBarGradientStatus || (ProgressStatusBarGradientStatus = {}));
-var ProgressStatusBarRangeColor;
-(function (ProgressStatusBarRangeColor) {
-    ProgressStatusBarRangeColor["dangerStart"] = "#F48E85";
-    ProgressStatusBarRangeColor["dangerEnd"] = "#DC3545";
-    ProgressStatusBarRangeColor["alertStart"] = "#FECD6E";
-    ProgressStatusBarRangeColor["alertEnd"] = "#FEAC0E";
-    ProgressStatusBarRangeColor["infoStart"] = "#6BC1F2";
-    ProgressStatusBarRangeColor["infoEnd"] = "#0897E9";
-    ProgressStatusBarRangeColor["successStart"] = "#A3E78C";
-    ProgressStatusBarRangeColor["successEnd"] = "#47B13D";
-})(ProgressStatusBarRangeColor || (ProgressStatusBarRangeColor = {}));
-class TcRevProgressStatusBarComponent {
-    constructor() {
-        this.currentValue = input.required();
-        this.progressStatusConfig = input.required();
-        this.backgroundStyle = '';
-        effect(() => {
-            this.backgroundStyle = this.getBackgroundStyle();
-        });
-    }
-    getBackgroundStyle() {
-        if (!this.currentValue())
-            return '';
-        let currentStatusConfig = this.progressStatusConfig().find((x) => (this.currentValue() >= x.start && this.currentValue() <= x.end));
-        const lastStatusConfig = this.progressStatusConfig()[this.progressStatusConfig()?.length - 1];
-        if (!currentStatusConfig && this.currentValue() < lastStatusConfig.end)
-            return '';
-        if (!currentStatusConfig && this.currentValue() > lastStatusConfig.end) {
-            currentStatusConfig = { start: 0, end: 100, gradientStatus: lastStatusConfig.gradientStatus };
-        }
-        const startStatus = this.getProgressStatusBarRangeColor(currentStatusConfig.gradientStatus, 'start');
-        const endStatus = this.getProgressStatusBarRangeColor(currentStatusConfig.gradientStatus, 'end');
-        let style = `width:${this.currentValue()}%;backgroundImage:linear-gradient(90deg`;
-        style += `,${startStatus} 0%,${endStatus} 100%);`;
-        return style;
-    }
-    getProgressStatusBarRangeColor(_gradientStatus, position) {
-        switch (_gradientStatus) {
-            case ProgressStatusBarGradientStatus.alert:
-                return position === 'start' ? ProgressStatusBarRangeColor.alertStart : ProgressStatusBarRangeColor.alertEnd;
-            case ProgressStatusBarGradientStatus.danger:
-                return position === 'start' ? ProgressStatusBarRangeColor.dangerStart : ProgressStatusBarRangeColor.dangerEnd;
-            case ProgressStatusBarGradientStatus.success:
-                return position === 'start' ? ProgressStatusBarRangeColor.successStart : ProgressStatusBarRangeColor.successEnd;
-            default:
-                return position === 'start' ? ProgressStatusBarRangeColor.infoStart : ProgressStatusBarRangeColor.infoEnd;
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevProgressStatusBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.25", type: TcRevProgressStatusBarComponent, isStandalone: true, selector: "tc-rev-progress-status-bar", inputs: { currentValue: { classPropertyName: "currentValue", publicName: "currentValue", isSignal: true, isRequired: true, transformFunction: null }, progressStatusConfig: { classPropertyName: "progressStatusConfig", publicName: "progressStatusConfig", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"progress-status-bar-container\">\n  <div\n    class=\"progress-status-bar\"\n    [style]=\"this.backgroundStyle\">\n  </div>\n</div>\n", styles: [":host{display:block}.progress-status-bar-container{background-color:var(--c-neutral-200);border-radius:var(--bor-radius-pill);display:block;height:var(--size-12);position:relative}.progress-status-bar-container .progress-status-bar{border-radius:var(--bor-radius-pill);display:block;height:var(--size-12);left:0;max-width:100%;position:absolute;top:0;transition:width .2s linear;width:0}\n"] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevProgressStatusBarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'tc-rev-progress-status-bar', imports: [], template: "<div class=\"progress-status-bar-container\">\n  <div\n    class=\"progress-status-bar\"\n    [style]=\"this.backgroundStyle\">\n  </div>\n</div>\n", styles: [":host{display:block}.progress-status-bar-container{background-color:var(--c-neutral-200);border-radius:var(--bor-radius-pill);display:block;height:var(--size-12);position:relative}.progress-status-bar-container .progress-status-bar{border-radius:var(--bor-radius-pill);display:block;height:var(--size-12);left:0;max-width:100%;position:absolute;top:0;transition:width .2s linear;width:0}\n"] }]
-        }], ctorParameters: () => [] });
-
-class TcRevRadioDirective {
-    constructor() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevRadioDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: TcRevRadioDirective, isStandalone: true, selector: "input[type=\"radio\"][tcRevRadio]", host: { classAttribute: "tc-rev-radio" }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevRadioDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'input[type="radio"][tcRevRadio]',
-                    host: {
-                        class: 'tc-rev-radio'
-                    }
-                }]
-        }], ctorParameters: () => [] });
-
-class TcRevSideDrawerComponent {
-    constructor(document, el, renderer) {
-        this.document = document;
-        this.el = el;
-        this.renderer = renderer;
-        this.loading = input(false);
-        this.position = input('right');
-        this.title = input.required();
-        this.xAxis = computed(() => this.position() === 'left' ? `left: 0` : `right: 0`);
-        this.onCloseDrawer = output();
-        this.isOpen = false;
-        this._deviceService = inject(TCloudUiDeviceUtilsService);
-        this.isDesktop = this._deviceService.isDesktop;
-        this.isMobile = this._deviceService.isMobile;
-    }
-    ngOnInit() {
-        this.document.body.style.overflowY = 'hidden';
-        this.isOpen = true;
-        // --- mover o host do componente para o <body> apenas em mobile ---
-        if (this.el &&
-            this.el.nativeElement &&
-            this.el.nativeElement.parentNode !== this.document.body &&
-            this.isMobile()) {
-            this.renderer.appendChild(this.document.body, this.el.nativeElement);
-        }
-    }
-    ngOnDestroy() {
-        this.document.body.style.overflowY = '';
-        // remover o host do body ao destruir apenas em mobile
-        if (this.el &&
-            this.el.nativeElement &&
-            this.el.nativeElement.parentNode === this.document.body &&
-            this.isMobile()) {
-            this.renderer.removeChild(this.document.body, this.el.nativeElement);
-        }
-    }
-    handleClickOverlay() {
-        if (this.loading()) {
-            return;
-        }
-        this.isOpen = false;
-        setTimeout(() => this.onCloseDrawer.emit(), 250);
-    }
-    handleClickContent(_ev) {
-        _ev.stopPropagation();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevSideDrawerComponent, deps: [{ token: DOCUMENT }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TcRevSideDrawerComponent, isStandalone: true, selector: "tc-rev-side-drawer", inputs: { loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onCloseDrawer: "onCloseDrawer" }, ngImport: i0, template: "@if(isDesktop()){\n<div\n  [@backdropAnimation]\n  class=\"tc-rev-side-drawer-overlay\"\n  (click)=\"handleClickOverlay()\">\n</div>\n}\n\n<div\n  *ngIf=\"isOpen\"\n  [@drawerAnimation]=\"isDesktop() ? 'desktop' : 'mobile'\"\n  class=\"tc-rev-side-drawer-content\"\n  [style.width]=\"isMobile() ? '100%' : null\"\n  (click)=\"handleClickContent($event)\"\n  [style]=\"xAxis()\">\n\n  <div class=\"tc-rev-side-drawer-content__header\">\n    <h2 class=\"mar-none f-h2 f-weight-600\">{{title()}}</h2>\n\n    <button\n      tcRevIconButton=\"outline\" color=\"dark\"\n      [disabled]=\"loading()\"\n      (click)=\"handleClickOverlay()\">\n      <i class=\"fa-light fa-times\"></i>\n    </button>\n  </div>\n  <ng-content></ng-content>\n</div>", styles: [":host{display:block}.tc-rev-side-drawer-overlay{background-color:#00000080;inset:0;position:fixed;height:100vh;z-index:3000}.tc-rev-side-drawer-content{background-color:var(--c-neutral-50);height:100vh;position:fixed;z-index:3001;top:0}.tc-rev-side-drawer-content__header{align-items:center;color:var(--c-neutral-700);display:flex;font-family:var(--f-family);gap:var(--size-16);justify-content:space-between;padding:var(--size-16);padding-bottom:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: TcRevIconButtonDirective, selector: "button[tcRevIconButton]", inputs: ["color", "size", "tcRevIconButton"] }], animations: [
-            trigger('drawerAnimation', [
-                transition('void => desktop', [
-                    style({ transform: 'translateX(100%)', opacity: 0 }),
-                    animate('250ms', style({ transform: 'translateX(0)', opacity: 1 })),
-                ]),
-                transition('desktop => void', [
-                    style({ transform: 'translateX(0)', opacity: 1 }),
-                    animate('250ms', style({ transform: 'translateX(100%)', opacity: 0 })),
-                ]),
-                transition('void => mobile', [
-                    style({ opacity: 0 }),
-                    animate('200ms ease', style({ opacity: 1 })),
-                ]),
-                transition('mobile => void', [
-                    style({ opacity: 1 }),
-                    animate('200ms ease', style({ opacity: 0 })),
-                ]),
-            ]),
-            trigger('backdropAnimation', [
-                transition(':enter', [
-                    style({ opacity: 0 }),
-                    animate('100ms', style({ opacity: 1 })),
-                ]),
-                transition(':leave', [
-                    style({ opacity: 1 }),
-                    animate('250ms', style({ opacity: 0 })),
-                ]),
-            ]),
-        ] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevSideDrawerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'tc-rev-side-drawer', imports: [CommonModule, TcRevIconButtonDirective], animations: [
-                        trigger('drawerAnimation', [
-                            transition('void => desktop', [
-                                style({ transform: 'translateX(100%)', opacity: 0 }),
-                                animate('250ms', style({ transform: 'translateX(0)', opacity: 1 })),
-                            ]),
-                            transition('desktop => void', [
-                                style({ transform: 'translateX(0)', opacity: 1 }),
-                                animate('250ms', style({ transform: 'translateX(100%)', opacity: 0 })),
-                            ]),
-                            transition('void => mobile', [
-                                style({ opacity: 0 }),
-                                animate('200ms ease', style({ opacity: 1 })),
-                            ]),
-                            transition('mobile => void', [
-                                style({ opacity: 1 }),
-                                animate('200ms ease', style({ opacity: 0 })),
-                            ]),
-                        ]),
-                        trigger('backdropAnimation', [
-                            transition(':enter', [
-                                style({ opacity: 0 }),
-                                animate('100ms', style({ opacity: 1 })),
-                            ]),
-                            transition(':leave', [
-                                style({ opacity: 1 }),
-                                animate('250ms', style({ opacity: 0 })),
-                            ]),
-                        ]),
-                    ], template: "@if(isDesktop()){\n<div\n  [@backdropAnimation]\n  class=\"tc-rev-side-drawer-overlay\"\n  (click)=\"handleClickOverlay()\">\n</div>\n}\n\n<div\n  *ngIf=\"isOpen\"\n  [@drawerAnimation]=\"isDesktop() ? 'desktop' : 'mobile'\"\n  class=\"tc-rev-side-drawer-content\"\n  [style.width]=\"isMobile() ? '100%' : null\"\n  (click)=\"handleClickContent($event)\"\n  [style]=\"xAxis()\">\n\n  <div class=\"tc-rev-side-drawer-content__header\">\n    <h2 class=\"mar-none f-h2 f-weight-600\">{{title()}}</h2>\n\n    <button\n      tcRevIconButton=\"outline\" color=\"dark\"\n      [disabled]=\"loading()\"\n      (click)=\"handleClickOverlay()\">\n      <i class=\"fa-light fa-times\"></i>\n    </button>\n  </div>\n  <ng-content></ng-content>\n</div>", styles: [":host{display:block}.tc-rev-side-drawer-overlay{background-color:#00000080;inset:0;position:fixed;height:100vh;z-index:3000}.tc-rev-side-drawer-content{background-color:var(--c-neutral-50);height:100vh;position:fixed;z-index:3001;top:0}.tc-rev-side-drawer-content__header{align-items:center;color:var(--c-neutral-700);display:flex;font-family:var(--f-family);gap:var(--size-16);justify-content:space-between;padding:var(--size-16);padding-bottom:0}\n"] }]
-        }], ctorParameters: () => [{ type: Document, decorators: [{
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }, { type: i0.ElementRef }, { type: i0.Renderer2 }] });
-
-class TcRevSkeletonLoadingComponent {
-    constructor() {
-        /** Params of the loading skeleton accepts string with CSS units (px, rem, em) */
-        this.width = input('10rem');
-        this.height = input('1.25rem');
-        this.borderRadius = input('0.3rem');
-        this.style = new TcRevSkeletonLoadingComponentStyle();
-    }
-    ngOnInit() {
-        this.style.width = this.width();
-        this.style.height = this.height();
-        this.style.borderRadius = this.borderRadius();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevSkeletonLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.25", type: TcRevSkeletonLoadingComponent, isStandalone: true, selector: "tc-rev-skeleton-loading", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, borderRadius: { classPropertyName: "borderRadius", publicName: "borderRadius", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"tc-rev-skeleton-loading\" [ngStyle]=\"this.style\"></div>\n", styles: [":host{display:block}.tc-rev-skeleton-loading{background:linear-gradient(90deg,#eee 25%,#fff,#eee 75%);background-size:400% 100%;animation:shimmer 2s infinite linear}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevSkeletonLoadingComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'tc-rev-skeleton-loading', imports: [CommonModule], template: "<div class=\"tc-rev-skeleton-loading\" [ngStyle]=\"this.style\"></div>\n", styles: [":host{display:block}.tc-rev-skeleton-loading{background:linear-gradient(90deg,#eee 25%,#fff,#eee 75%);background-size:400% 100%;animation:shimmer 2s infinite linear}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}\n"] }]
-        }] });
-class TcRevSkeletonLoadingComponentStyle {
-}
-
-class TcRevSlideToggleDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevSlideToggleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: TcRevSlideToggleDirective, isStandalone: true, selector: "input[type=\"checkbox\"][tcRevSlideToggle]", host: { classAttribute: "tc-rev-slide-toggle" }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevSlideToggleDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'input[type="checkbox"][tcRevSlideToggle]',
-                    host: {
-                        class: 'tc-rev-slide-toggle'
-                    }
-                }]
-        }] });
-
-class TcRevTabGroupComponent {
-    constructor() {
-        this.isCarouselOverflowed = false;
-    }
-    onResize() {
-        this.checkCarouselOverflow();
-    }
-    ngOnInit() {
-        this.checkCarouselOverflow();
-    }
-    checkCarouselOverflow() {
-        setTimeout(() => {
-            const el = this.tabGroupCarousel?.nativeElement;
-            this.isCarouselOverflowed = !!el && el.scrollWidth > el.clientWidth;
-        });
-    }
-    scrollTabsCarousel(direction) {
-        const el = this.tabGroupCarousel?.nativeElement;
-        if (!el)
-            return;
-        const scrollAmount = 200;
-        if (direction === 'left') {
-            el.scrollBy({ left: -scrollAmount, behavior: 'smooth' });
-        }
-        else {
-            el.scrollBy({ left: scrollAmount, behavior: 'smooth' });
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevTabGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: TcRevTabGroupComponent, isStandalone: true, selector: "tc-rev-tab-group", host: { listeners: { "window:resize": "onResize()" } }, viewQueries: [{ propertyName: "tabGroupCarousel", first: true, predicate: ["tabGroupCarousel"], descendants: true }], ngImport: i0, template: "<div class=\"tc-rev-tab-group\">\n  <button\n    *ngIf=\"isCarouselOverflowed\"\n    class=\"tc-rev-tab-item carousel-arrow left\"\n    (click)=\"this.scrollTabsCarousel('left')\"\n    aria-label=\"Scroll left\">\n    <i class=\"fa-light fa-chevron-left\"></i>\n  </button>\n\n  <div\n    class=\"tc-rev-tab-group-carousel\"\n    [class.overflowed]=\"isCarouselOverflowed\"\n    #tabGroupCarousel>\n    <ng-content></ng-content>\n  </div>\n\n  <button\n    *ngIf=\"isCarouselOverflowed\"\n    class=\"tc-rev-tab-item carousel-arrow right\"\n    (click)=\"this.scrollTabsCarousel('right')\"\n    aria-label=\"Scroll right\">\n    <i class=\"fa-light fa-chevron-right\"></i>\n  </button>\n</div>\n\n<!-- <div class=\"products-carousel-container f-family\">\n  <button\n    *ngIf=\"isCarouselOverflowed\"\n    class=\"tc-rev-tab-item carousel-arrow left\"\n    (click)=\"scrollProductsCarousel('left')\"\n    aria-label=\"Scroll left\">\n    <i class=\"fa-light fa-chevron-left\"></i>\n  </button>\n\n  <div\n    #productsCarousel\n    class=\"products-carousel\"\n    [class.overflowed]=\"isCarouselOverflowed\">\n    @for (productName of topologiesData.availableProductsNames(); track productName)\n    {\n      <button\n        class=\"tc-rev-tab-item\"\n        [class.active]=\"filter().product === productName\"\n        (click)=\"handleChangeTopologiesByProduct(productName)\">\n        {{ productName | topologyProduct }}\n      </button>\n    }\n  </div>\n\n  <button\n    *ngIf=\"isCarouselOverflowed\"\n    class=\"tc-rev-tab-item carousel-arrow right\"\n    (click)=\"scrollProductsCarousel('right')\"\n    aria-label=\"Scroll right\">\n    <i class=\"fa-light fa-chevron-right\"></i>\n  </button>\n</div> -->", styles: [":host{display:block}.tc-rev-tab-group{position:relative;height:var(--size-40);width:100%}.tc-rev-tab-group .tc-rev-tab-group-carousel{display:flex;gap:var(--size-8);height:var(--size-40);left:0;margin:0;overflow:hidden;position:absolute;scroll-behavior:smooth;top:0;width:calc(100% - 6.25rem);z-index:1}.tc-rev-tab-group .tc-rev-tab-group-carousel.overflowed{left:var(--size-20);margin:0 var(--size-32)}.tc-rev-tab-group .tc-rev-tab-group-carousel.full-width{width:100%}.tc-rev-tab-group .carousel-arrow{background-color:var(--c-neutral-50);border:var(--bor-size-1) solid var(--c-neutral-400);border-radius:var(--bor-radius-8);color:var(--c-neutral-700);cursor:pointer;font-size:var(--f-size-14);font-weight:600;height:var(--size-40);line-height:var(--l-height-20);padding:0;text-wrap:nowrap;transition:all .2s ease;width:var(--size-40)}.tc-rev-tab-group .carousel-arrow:hover,.tc-rev-tab-group .carousel-arrow:focus{background-color:var(--c-neutral-200);border-color:var(--c-neutral-200);color:var(--c-primary-500);font-weight:600}.tc-rev-tab-group .carousel-arrow:active,.tc-rev-tab-group .carousel-arrow.selected,.tc-rev-tab-group .carousel-arrow.active{background-color:var(--c-primary-300);border-color:var(--c-primary-500);color:var(--c-primary-500);font-weight:700}.tc-rev-tab-group .carousel-arrow:disabled{background-color:var(--c-neutral-50);border-color:var(--c-neutral-50);color:var(--c-neutral-400);cursor:not-allowed;font-weight:var(--f-weight-400)}.tc-rev-tab-group .carousel-arrow.left{left:0;position:absolute;z-index:1}.tc-rev-tab-group .carousel-arrow.right{position:absolute;right:0;z-index:1}@media(max-width:480px){:host{display:block;position:relative;height:var(--size-40)}:host .carousel-arrow{display:none}:host .tc-rev-tab-group-carousel{width:100%!important;overflow-x:auto!important;scrollbar-width:none;-ms-overflow-style:none;white-space:nowrap;padding-left:var(--size-40);padding-right:var(--size-40)}:host .tc-rev-tab-group-carousel.overflowed{left:auto!important;margin:0!important}:host .tc-rev-tab-group-carousel::-webkit-scrollbar{display:none}:host .tc-rev-tab-group{left:calc(-1 * var(--size-40));width:calc(100% + var(--size-80))}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevTabGroupComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'tc-rev-tab-group', imports: [CommonModule], template: "<div class=\"tc-rev-tab-group\">\n  <button\n    *ngIf=\"isCarouselOverflowed\"\n    class=\"tc-rev-tab-item carousel-arrow left\"\n    (click)=\"this.scrollTabsCarousel('left')\"\n    aria-label=\"Scroll left\">\n    <i class=\"fa-light fa-chevron-left\"></i>\n  </button>\n\n  <div\n    class=\"tc-rev-tab-group-carousel\"\n    [class.overflowed]=\"isCarouselOverflowed\"\n    #tabGroupCarousel>\n    <ng-content></ng-content>\n  </div>\n\n  <button\n    *ngIf=\"isCarouselOverflowed\"\n    class=\"tc-rev-tab-item carousel-arrow right\"\n    (click)=\"this.scrollTabsCarousel('right')\"\n    aria-label=\"Scroll right\">\n    <i class=\"fa-light fa-chevron-right\"></i>\n  </button>\n</div>\n\n<!-- <div class=\"products-carousel-container f-family\">\n  <button\n    *ngIf=\"isCarouselOverflowed\"\n    class=\"tc-rev-tab-item carousel-arrow left\"\n    (click)=\"scrollProductsCarousel('left')\"\n    aria-label=\"Scroll left\">\n    <i class=\"fa-light fa-chevron-left\"></i>\n  </button>\n\n  <div\n    #productsCarousel\n    class=\"products-carousel\"\n    [class.overflowed]=\"isCarouselOverflowed\">\n    @for (productName of topologiesData.availableProductsNames(); track productName)\n    {\n      <button\n        class=\"tc-rev-tab-item\"\n        [class.active]=\"filter().product === productName\"\n        (click)=\"handleChangeTopologiesByProduct(productName)\">\n        {{ productName | topologyProduct }}\n      </button>\n    }\n  </div>\n\n  <button\n    *ngIf=\"isCarouselOverflowed\"\n    class=\"tc-rev-tab-item carousel-arrow right\"\n    (click)=\"scrollProductsCarousel('right')\"\n    aria-label=\"Scroll right\">\n    <i class=\"fa-light fa-chevron-right\"></i>\n  </button>\n</div> -->", styles: [":host{display:block}.tc-rev-tab-group{position:relative;height:var(--size-40);width:100%}.tc-rev-tab-group .tc-rev-tab-group-carousel{display:flex;gap:var(--size-8);height:var(--size-40);left:0;margin:0;overflow:hidden;position:absolute;scroll-behavior:smooth;top:0;width:calc(100% - 6.25rem);z-index:1}.tc-rev-tab-group .tc-rev-tab-group-carousel.overflowed{left:var(--size-20);margin:0 var(--size-32)}.tc-rev-tab-group .tc-rev-tab-group-carousel.full-width{width:100%}.tc-rev-tab-group .carousel-arrow{background-color:var(--c-neutral-50);border:var(--bor-size-1) solid var(--c-neutral-400);border-radius:var(--bor-radius-8);color:var(--c-neutral-700);cursor:pointer;font-size:var(--f-size-14);font-weight:600;height:var(--size-40);line-height:var(--l-height-20);padding:0;text-wrap:nowrap;transition:all .2s ease;width:var(--size-40)}.tc-rev-tab-group .carousel-arrow:hover,.tc-rev-tab-group .carousel-arrow:focus{background-color:var(--c-neutral-200);border-color:var(--c-neutral-200);color:var(--c-primary-500);font-weight:600}.tc-rev-tab-group .carousel-arrow:active,.tc-rev-tab-group .carousel-arrow.selected,.tc-rev-tab-group .carousel-arrow.active{background-color:var(--c-primary-300);border-color:var(--c-primary-500);color:var(--c-primary-500);font-weight:700}.tc-rev-tab-group .carousel-arrow:disabled{background-color:var(--c-neutral-50);border-color:var(--c-neutral-50);color:var(--c-neutral-400);cursor:not-allowed;font-weight:var(--f-weight-400)}.tc-rev-tab-group .carousel-arrow.left{left:0;position:absolute;z-index:1}.tc-rev-tab-group .carousel-arrow.right{position:absolute;right:0;z-index:1}@media(max-width:480px){:host{display:block;position:relative;height:var(--size-40)}:host .carousel-arrow{display:none}:host .tc-rev-tab-group-carousel{width:100%!important;overflow-x:auto!important;scrollbar-width:none;-ms-overflow-style:none;white-space:nowrap;padding-left:var(--size-40);padding-right:var(--size-40)}:host .tc-rev-tab-group-carousel.overflowed{left:auto!important;margin:0!important}:host .tc-rev-tab-group-carousel::-webkit-scrollbar{display:none}:host .tc-rev-tab-group{left:calc(-1 * var(--size-40));width:calc(100% + var(--size-80))}}\n"] }]
-        }], propDecorators: { onResize: [{
-                type: HostListener,
-                args: ['window:resize']
-            }], tabGroupCarousel: [{
-                type: ViewChild,
-                args: ['tabGroupCarousel']
-            }] } });
-
-class TcRevTabItemComponent {
-    constructor() {
-        this.onClick = output();
-        this.active = input(false);
-        this.url = input('');
-        this.disabled = input(false);
-        this.fullWidth = input(false);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevTabItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.25", type: TcRevTabItemComponent, isStandalone: true, selector: "tc-rev-tab-item", inputs: { active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, url: { classPropertyName: "url", publicName: "url", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<a\n  *ngIf=\"this.url()\"\n  class=\"tc-rev-tab-item\"\n  [class.disabled]=\"this.disabled()\"\n  [class.full-width]=\"this.fullWidth()\"\n  [routerLinkActive]=\"'active'\"\n  [routerLink]=\"[this.url()]\"\n  (click)=\"this.onClick.emit($event)\">\n  <ng-container *ngTemplateOutlet=\"content\" />\n</a>\n\n\n<button\n  *ngIf=\"!this.url()\"\n  class=\"tc-rev-tab-item\"\n  [class.active]=\"this.active()\"\n  [class.full-width]=\"this.fullWidth()\"\n  [disabled]=\"this.disabled()\"\n  (click)=\"this.onClick.emit($event)\">\n  <ng-container *ngTemplateOutlet=\"content\" />\n</button>\n\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>\n", styles: [":host{display:block}.tc-rev-tab-item,.tc-rev-tab-item:link{align-items:center;background-color:var(--c-neutral-50);border:var(--bor-size-1) solid var(--c-neutral-400);border-radius:var(--bor-radius-8);color:var(--c-neutral-700);cursor:pointer;display:inline-flex;font-family:var(--f-family);font-size:var(--f-size-14);font-weight:600;gap:var(--size-8);height:var(--size-40);line-height:var(--l-height-20);justify-content:center;padding:0 var(--size-16);text-decoration:none;text-wrap:nowrap;transition:all .2s ease}.tc-rev-tab-item.full-width,.tc-rev-tab-item:link.full-width{width:100%}.tc-rev-tab-item:hover,.tc-rev-tab-item:focus,.tc-rev-tab-item:link:hover,.tc-rev-tab-item:link:focus{background-color:var(--c-neutral-200);border-color:var(--c-neutral-200);color:var(--c-primary-500);font-weight:600}.tc-rev-tab-item:active,.tc-rev-tab-item.selected,.tc-rev-tab-item.active,.tc-rev-tab-item:link:active,.tc-rev-tab-item:link.selected,.tc-rev-tab-item:link.active{background-color:var(--c-primary-300);border-color:var(--c-primary-500);color:var(--c-primary-500);font-weight:600}.tc-rev-tab-item:disabled,.tc-rev-tab-item.disabled,.tc-rev-tab-item:link:disabled,.tc-rev-tab-item:link.disabled{background-color:var(--c-neutral-50);border-color:var(--c-neutral-50);color:var(--c-neutral-400);cursor:not-allowed;font-weight:var(--f-weight-400);pointer-events:none}@media(max-width:480px){:host{display:contents}:host .tc-rev-tab-item{width:100%}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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.25", ngImport: i0, type: TcRevTabItemComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'tc-rev-tab-item', imports: [
-                        CommonModule,
-                        RouterModule
-                    ], template: "<a\n  *ngIf=\"this.url()\"\n  class=\"tc-rev-tab-item\"\n  [class.disabled]=\"this.disabled()\"\n  [class.full-width]=\"this.fullWidth()\"\n  [routerLinkActive]=\"'active'\"\n  [routerLink]=\"[this.url()]\"\n  (click)=\"this.onClick.emit($event)\">\n  <ng-container *ngTemplateOutlet=\"content\" />\n</a>\n\n\n<button\n  *ngIf=\"!this.url()\"\n  class=\"tc-rev-tab-item\"\n  [class.active]=\"this.active()\"\n  [class.full-width]=\"this.fullWidth()\"\n  [disabled]=\"this.disabled()\"\n  (click)=\"this.onClick.emit($event)\">\n  <ng-container *ngTemplateOutlet=\"content\" />\n</button>\n\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>\n", styles: [":host{display:block}.tc-rev-tab-item,.tc-rev-tab-item:link{align-items:center;background-color:var(--c-neutral-50);border:var(--bor-size-1) solid var(--c-neutral-400);border-radius:var(--bor-radius-8);color:var(--c-neutral-700);cursor:pointer;display:inline-flex;font-family:var(--f-family);font-size:var(--f-size-14);font-weight:600;gap:var(--size-8);height:var(--size-40);line-height:var(--l-height-20);justify-content:center;padding:0 var(--size-16);text-decoration:none;text-wrap:nowrap;transition:all .2s ease}.tc-rev-tab-item.full-width,.tc-rev-tab-item:link.full-width{width:100%}.tc-rev-tab-item:hover,.tc-rev-tab-item:focus,.tc-rev-tab-item:link:hover,.tc-rev-tab-item:link:focus{background-color:var(--c-neutral-200);border-color:var(--c-neutral-200);color:var(--c-primary-500);font-weight:600}.tc-rev-tab-item:active,.tc-rev-tab-item.selected,.tc-rev-tab-item.active,.tc-rev-tab-item:link:active,.tc-rev-tab-item:link.selected,.tc-rev-tab-item:link.active{background-color:var(--c-primary-300);border-color:var(--c-primary-500);color:var(--c-primary-500);font-weight:600}.tc-rev-tab-item:disabled,.tc-rev-tab-item.disabled,.tc-rev-tab-item:link:disabled,.tc-rev-tab-item:link.disabled{background-color:var(--c-neutral-50);border-color:var(--c-neutral-50);color:var(--c-neutral-400);cursor:not-allowed;font-weight:var(--f-weight-400);pointer-events:none}@media(max-width:480px){:host{display:contents}:host .tc-rev-tab-item{width:100%}}\n"] }]
-        }] });
-
-var TagColorsEnum;
-(function (TagColorsEnum) {
-    TagColorsEnum["neutral-50"] = "neutral-50";
-    TagColorsEnum["neutral-100"] = "neutral-100";
-    TagColorsEnum["neutral-200"] = "neutral-200";
-    TagColorsEnum["neutral-300"] = "neutral-300";
-    TagColorsEnum["neutral-400"] = "neutral-400";
-    TagColorsEnum["neutral-500"] = "neutral-500";
-    TagColorsEnum["neutral-600"] = "neutral-600";
-    TagColorsEnum["neutral-700"] = "neutral-700";
-    TagColorsEnum["neutral-800"] = "neutral-800";
-    TagColorsEnum["neutral-900"] = "neutral-900";
-    // Primary
-    TagColorsEnum["primary-300"] = "primary-300";
-    TagColorsEnum["primary-400"] = "primary-400";
-    TagColorsEnum["primary-500"] = "primary-500";
-    TagColorsEnum["primary-600"] = "primary-600";
-    TagColorsEnum["primary-700"] = "primary-700";
-    // Danger
-    TagColorsEnum["danger-300"] = "danger-300";
-    TagColorsEnum["danger-400"] = "danger-400";
-    TagColorsEnum["danger-500"] = "danger-500";
-    // Alert
-    TagColorsEnum["alert-300"] = "alert-300";
-    TagColorsEnum["alert-400"] = "alert-400";
-    TagColorsEnum["alert-500"] = "alert-500";
-    // Info
-    TagColorsEnum["info-300"] = "info-300";
-    TagColorsEnum["info-400"] = "info-400";
-    TagColorsEnum["info-500"] = "info-500";
-    // Success
-    TagColorsEnum["success-300"] = "success-300";
-    TagColorsEnum["success-400"] = "success-400";
-    TagColorsEnum["success-500"] = "success-500";
-})(TagColorsEnum || (TagColorsEnum = {}));
-
-class TcRevTagComponent {
-    constructor() {
-        this.size = input('md');
-        this.color = input(TagColorsEnum['primary-500']);
-        this.variant = input('filled');
-        this.shape = input('rectangle');
-        this.fullWidth = input(false);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.25", type: TcRevTagComponent, isStandalone: true, selector: "tc-rev-tag", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<span\n    [class.tc-rev-tag--sm]=\"size() === 'sm'\"\n    [class.tc-rev-tag--md]=\"size() === 'md' || size() === 'regular'\"\n    [class.tc-rev-tag--lg]=\"size() === 'lg'\"\n    [class.tc-rev-tag--pill]=\"shape() === 'pill'\"\n    [class.tc-rev-tag--full-width]=\"fullWidth()\"\n    class=\"{{!color() && !variant() ? '' : 'tc-rev-tag tc-rev-tag--c-' + color() + '-' + variant()}}\">\n    <ng-content></ng-content>\n</span>\n", styles: [":host{display:block}.tc-rev-tag,.tc-rev-tag--lg,.tc-rev-tag--md,.tc-rev-tag--sm{background-color:var(--c-neutral-50);border:1px solid var(--c-neutral-50);border-radius:var(--bor-radius-4);color:var(--c-neutral-700);cursor:default;display:inline-flex;align-items:center;justify-content:center;gap:var(--size-8);font-family:var(--f-family);font-size:var(--f-size-12);font-weight:var(--f-weight-500);padding:var(--size-2) var(--size-4);height:var(--size-22);max-height:var(--size-22);min-height:var(--size-22)}.tc-rev-tag--full-width{width:100%}.tc-rev-tag--sm{padding:var(--size-2) var(--size-4);height:var(--size-22);max-height:var(--size-22);min-height:var(--size-22)}.tc-rev-tag--md{padding:var(--size-4);height:var(--size-26);max-height:var(--size-26);min-height:var(--size-26)}.tc-rev-tag--lg{padding:var(--size-8);height:var(--size-34);max-height:var(--size-34);min-height:var(--size-34)}.tc-rev-tag--pill{border-radius:var(--bor-radius-pill)}.tc-rev-tag--c-neutral-50-filled{background-color:var(--c-neutral-50);border-color:var(--c-neutral-50);color:var(--c-neutral-700)}.tc-rev-tag--c-neutral-100-filled{background-color:var(--c-neutral-100);border-color:var(--c-neutral-100);color:var(--c-neutral-700)}.tc-rev-tag--c-neutral-200-filled{background-color:var(--c-neutral-200);border-color:var(--c-neutral-200);color:var(--c-neutral-700)}.tc-rev-tag--c-neutral-300-filled{background-color:var(--c-neutral-300);border-color:var(--c-neutral-300);color:var(--c-neutral-700)}.tc-rev-tag--c-neutral-400-filled{background-color:var(--c-neutral-400);border-color:var(--c-neutral-400);color:var(--c-neutral-700)}.tc-rev-tag--c-neutral-500-filled{background-color:var(--c-neutral-500);border-color:var(--c-neutral-500);color:var(--c-neutral-50)}.tc-rev-tag--c-neutral-600-filled{background-color:var(--c-neutral-600);border-color:var(--c-neutral-600);color:var(--c-neutral-50)}.tc-rev-tag--c-neutral-700-filled,.tc-rev-tag--c-neutral-800-filled{background-color:var(--c-neutral-700);border-color:var(--c-neutral-700);color:var(--c-neutral-50)}.tc-rev-tag--c-primary-300-filled{background-color:var(--c-primary-300);border-color:var(--c-primary-300);color:var(--c-neutral-700)}.tc-rev-tag--c-primary-400-filled{background-color:var(--c-primary-400);border-color:var(--c-primary-400);color:var(--c-neutral-700)}.tc-rev-tag--c-primary-500-filled{background-color:var(--c-primary-500);border-color:var(--c-primary-500);color:var(--c-neutral-50)}.tc-rev-tag--c-primary-600-filled{background-color:var(--c-primary-600);border-color:var(--c-primary-600);color:var(--c-neutral-50)}.tc-rev-tag--c-primary-700-filled{background-color:var(--c-primary-700);border-color:var(--c-primary-700);color:var(--c-neutral-50)}.tc-rev-tag--c-danger-300-filled{background-color:var(--c-danger-300);border-color:var(--c-danger-300);color:var(--c-neutral-700)}.tc-rev-tag--c-danger-400-filled{background-color:var(--c-danger-400);border-color:var(--c-danger-400);color:var(--c-neutral-700)}.tc-rev-tag--c-danger-500-filled{background-color:var(--c-danger-500);border-color:var(--c-danger-500);color:var(--c-neutral-50)}.tc-rev-tag--c-alert-300-filled{background-color:var(--c-alert-300);border-color:var(--c-alert-300);color:var(--c-neutral-700)}.tc-rev-tag--c-alert-400-filled{background-color:var(--c-alert-400);border-color:var(--c-alert-400);color:var(--c-neutral-700)}.tc-rev-tag--c-alert-500-filled{background-color:var(--c-alert-500);border-color:var(--c-alert-500);color:var(--c-neutral-700)}.tc-rev-tag--c-info-300-filled{background-color:var(--c-info-300);border-color:var(--c-info-300);color:var(--c-neutral-700)}.tc-rev-tag--c-info-400-filled{background-color:var(--c-info-400);border-color:var(--c-info-400);color:var(--c-neutral-700)}.tc-rev-tag--c-info-500-filled{background-color:var(--c-info-500);border-color:var(--c-info-500);color:var(--c-neutral-50)}.tc-rev-tag--c-success-300-filled{background-color:var(--c-success-300);border-color:var(--c-success-300);color:var(--c-neutral-700)}.tc-rev-tag--c-success-400-filled{background-color:var(--c-success-400);border-color:var(--c-success-400);color:var(--c-neutral-700)}.tc-rev-tag--c-success-500-filled{background-color:var(--c-success-500);border-color:var(--c-success-500);color:var(--c-neutral-700)}.tc-rev-tag--c-neutral-50-outline{background-color:var(--c-neutral-50);border-color:var(--c-neutral-50);color:var(--c-neutral-50)}.tc-rev-tag--c-neutral-100-outline{background-color:var(--c-neutral-50);border-color:var(--c-neutral-100);color:var(--c-neutral-100)}.tc-rev-tag--c-neutral-200-outline{background-color:var(--c-neutral-50);border-color:var(--c-neutral-200);color:var(--c-neutral-200)}.tc-rev-tag--c-neutral-300-outline{background-color:var(--c-neutral-50);border-color:var(--c-neutral-300);color:var(--c-neutral-300)}.tc-rev-tag--c-neutral-400-outline{background-color:var(--c-neutral-50);border-color:var(--c-neutral-400);color:var(--c-neutral-400)}.tc-rev-tag--c-neutral-500-outline{background-color:var(--c-neutral-50);border-color:var(--c-neutral-500);color:var(--c-neutral-500)}.tc-rev-tag--c-neutral-600-outline{background-color:var(--c-neutral-50);border-color:var(--c-neutral-600);color:var(--c-neutral-600)}.tc-rev-tag--c-neutral-700-outline,.tc-rev-tag--c-neutral-800-outline{background-color:var(--c-neutral-50);border-color:var(--c-neutral-700);color:var(--c-neutral-700)}.tc-rev-tag--c-primary-300-outline{background-color:var(--c-neutral-50);border-color:var(--c-primary-300);color:var(--c-primary-300)}.tc-rev-tag--c-primary-400-outline{background-color:var(--c-neutral-50);border-color:var(--c-primary-400);color:var(--c-primary-400)}.tc-rev-tag--c-primary-500-outline{background-color:var(--c-neutral-50);border-color:var(--c-primary-500);color:var(--c-primary-500)}.tc-rev-tag--c-primary-600-outline{background-color:var(--c-neutral-50);border-color:var(--c-primary-600);color:var(--c-primary-600)}.tc-rev-tag--c-primary-700-outline{background-color:var(--c-neutral-50);border-color:var(--c-primary-700);color:var(--c-primary-700)}.tc-rev-tag--c-danger-300-outline{background-color:var(--c-neutral-50);border-color:var(--c-danger-300);color:var(--c-danger-300)}.tc-rev-tag--c-danger-400-outline{background-color:var(--c-neutral-50);border-color:var(--c-danger-400);color:var(--c-danger-400)}.tc-rev-tag--c-danger-500-outline{background-color:var(--c-neutral-50);border-color:var(--c-danger-500);color:var(--c-danger-500)}.tc-rev-tag--c-alert-300-outline{background-color:var(--c-neutral-50);border-color:var(--c-alert-300);color:var(--c-alert-300)}.tc-rev-tag--c-alert-400-outline{background-color:var(--c-neutral-50);border-color:var(--c-alert-400);color:var(--c-alert-400)}.tc-rev-tag--c-alert-500-outline{background-color:var(--c-neutral-50);border-color:var(--c-alert-500);color:var(--c-alert-500)}.tc-rev-tag--c-info-300-outline{background-color:var(--c-neutral-50);border-color:var(--c-info-300);color:var(--c-info-300)}.tc-rev-tag--c-info-400-outline{background-color:var(--c-neutral-50);border-color:var(--c-info-400);color:var(--c-info-400)}.tc-rev-tag--c-info-500-outline{background-color:var(--c-neutral-50);border-color:var(--c-info-500);color:var(--c-info-500)}.tc-rev-tag--c-success-300-outline{background-color:var(--c-neutral-50);border-color:var(--c-success-300);color:var(--c-success-300)}.tc-rev-tag--c-success-400-outline{background-color:var(--c-neutral-50);border-color:var(--c-success-400);color:var(--c-success-400)}.tc-rev-tag--c-success-500-outline{background-color:var(--c-neutral-50);border-color:var(--c-success-500);color:var(--c-success-500)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevTagComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'tc-rev-tag', imports: [
-                        CommonModule
-                    ], template: "<span\n    [class.tc-rev-tag--sm]=\"size() === 'sm'\"\n    [class.tc-rev-tag--md]=\"size() === 'md' || size() === 'regular'\"\n    [class.tc-rev-tag--lg]=\"size() === 'lg'\"\n    [class.tc-rev-tag--pill]=\"shape() === 'pill'\"\n    [class.tc-rev-tag--full-width]=\"fullWidth()\"\n    class=\"{{!color() && !variant() ? '' : 'tc-rev-tag tc-rev-tag--c-' + color() + '-' + variant()}}\">\n    <ng-content></ng-content>\n</span>\n", styles: [":host{display:block}.tc-rev-tag,.tc-rev-tag--lg,.tc-rev-tag--md,.tc-rev-tag--sm{background-color:var(--c-neutral-50);border:1px solid var(--c-neutral-50);border-radius:var(--bor-radius-4);color:var(--c-neutral-700);cursor:default;display:inline-flex;align-items:center;justify-content:center;gap:var(--size-8);font-family:var(--f-family);font-size:var(--f-size-12);font-weight:var(--f-weight-500);padding:var(--size-2) var(--size-4);height:var(--size-22);max-height:var(--size-22);min-height:var(--size-22)}.tc-rev-tag--full-width{width:100%}.tc-rev-tag--sm{padding:var(--size-2) var(--size-4);height:var(--size-22);max-height:var(--size-22);min-height:var(--size-22)}.tc-rev-tag--md{padding:var(--size-4);height:var(--size-26);max-height:var(--size-26);min-height:var(--size-26)}.tc-rev-tag--lg{padding:var(--size-8);height:var(--size-34);max-height:var(--size-34);min-height:var(--size-34)}.tc-rev-tag--pill{border-radius:var(--bor-radius-pill)}.tc-rev-tag--c-neutral-50-filled{background-color:var(--c-neutral-50);border-color:var(--c-neutral-50);color:var(--c-neutral-700)}.tc-rev-tag--c-neutral-100-filled{background-color:var(--c-neutral-100);border-color:var(--c-neutral-100);color:var(--c-neutral-700)}.tc-rev-tag--c-neutral-200-filled{background-color:var(--c-neutral-200);border-color:var(--c-neutral-200);color:var(--c-neutral-700)}.tc-rev-tag--c-neutral-300-filled{background-color:var(--c-neutral-300);border-color:var(--c-neutral-300);color:var(--c-neutral-700)}.tc-rev-tag--c-neutral-400-filled{background-color:var(--c-neutral-400);border-color:var(--c-neutral-400);color:var(--c-neutral-700)}.tc-rev-tag--c-neutral-500-filled{background-color:var(--c-neutral-500);border-color:var(--c-neutral-500);color:var(--c-neutral-50)}.tc-rev-tag--c-neutral-600-filled{background-color:var(--c-neutral-600);border-color:var(--c-neutral-600);color:var(--c-neutral-50)}.tc-rev-tag--c-neutral-700-filled,.tc-rev-tag--c-neutral-800-filled{background-color:var(--c-neutral-700);border-color:var(--c-neutral-700);color:var(--c-neutral-50)}.tc-rev-tag--c-primary-300-filled{background-color:var(--c-primary-300);border-color:var(--c-primary-300);color:var(--c-neutral-700)}.tc-rev-tag--c-primary-400-filled{background-color:var(--c-primary-400);border-color:var(--c-primary-400);color:var(--c-neutral-700)}.tc-rev-tag--c-primary-500-filled{background-color:var(--c-primary-500);border-color:var(--c-primary-500);color:var(--c-neutral-50)}.tc-rev-tag--c-primary-600-filled{background-color:var(--c-primary-600);border-color:var(--c-primary-600);color:var(--c-neutral-50)}.tc-rev-tag--c-primary-700-filled{background-color:var(--c-primary-700);border-color:var(--c-primary-700);color:var(--c-neutral-50)}.tc-rev-tag--c-danger-300-filled{background-color:var(--c-danger-300);border-color:var(--c-danger-300);color:var(--c-neutral-700)}.tc-rev-tag--c-danger-400-filled{background-color:var(--c-danger-400);border-color:var(--c-danger-400);color:var(--c-neutral-700)}.tc-rev-tag--c-danger-500-filled{background-color:var(--c-danger-500);border-color:var(--c-danger-500);color:var(--c-neutral-50)}.tc-rev-tag--c-alert-300-filled{background-color:var(--c-alert-300);border-color:var(--c-alert-300);color:var(--c-neutral-700)}.tc-rev-tag--c-alert-400-filled{background-color:var(--c-alert-400);border-color:var(--c-alert-400);color:var(--c-neutral-700)}.tc-rev-tag--c-alert-500-filled{background-color:var(--c-alert-500);border-color:var(--c-alert-500);color:var(--c-neutral-700)}.tc-rev-tag--c-info-300-filled{background-color:var(--c-info-300);border-color:var(--c-info-300);color:var(--c-neutral-700)}.tc-rev-tag--c-info-400-filled{background-color:var(--c-info-400);border-color:var(--c-info-400);color:var(--c-neutral-700)}.tc-rev-tag--c-info-500-filled{background-color:var(--c-info-500);border-color:var(--c-info-500);color:var(--c-neutral-50)}.tc-rev-tag--c-success-300-filled{background-color:var(--c-success-300);border-color:var(--c-success-300);color:var(--c-neutral-700)}.tc-rev-tag--c-success-400-filled{background-color:var(--c-success-400);border-color:var(--c-success-400);color:var(--c-neutral-700)}.tc-rev-tag--c-success-500-filled{background-color:var(--c-success-500);border-color:var(--c-success-500);color:var(--c-neutral-700)}.tc-rev-tag--c-neutral-50-outline{background-color:var(--c-neutral-50);border-color:var(--c-neutral-50);color:var(--c-neutral-50)}.tc-rev-tag--c-neutral-100-outline{background-color:var(--c-neutral-50);border-color:var(--c-neutral-100);color:var(--c-neutral-100)}.tc-rev-tag--c-neutral-200-outline{background-color:var(--c-neutral-50);border-color:var(--c-neutral-200);color:var(--c-neutral-200)}.tc-rev-tag--c-neutral-300-outline{background-color:var(--c-neutral-50);border-color:var(--c-neutral-300);color:var(--c-neutral-300)}.tc-rev-tag--c-neutral-400-outline{background-color:var(--c-neutral-50);border-color:var(--c-neutral-400);color:var(--c-neutral-400)}.tc-rev-tag--c-neutral-500-outline{background-color:var(--c-neutral-50);border-color:var(--c-neutral-500);color:var(--c-neutral-500)}.tc-rev-tag--c-neutral-600-outline{background-color:var(--c-neutral-50);border-color:var(--c-neutral-600);color:var(--c-neutral-600)}.tc-rev-tag--c-neutral-700-outline,.tc-rev-tag--c-neutral-800-outline{background-color:var(--c-neutral-50);border-color:var(--c-neutral-700);color:var(--c-neutral-700)}.tc-rev-tag--c-primary-300-outline{background-color:var(--c-neutral-50);border-color:var(--c-primary-300);color:var(--c-primary-300)}.tc-rev-tag--c-primary-400-outline{background-color:var(--c-neutral-50);border-color:var(--c-primary-400);color:var(--c-primary-400)}.tc-rev-tag--c-primary-500-outline{background-color:var(--c-neutral-50);border-color:var(--c-primary-500);color:var(--c-primary-500)}.tc-rev-tag--c-primary-600-outline{background-color:var(--c-neutral-50);border-color:var(--c-primary-600);color:var(--c-primary-600)}.tc-rev-tag--c-primary-700-outline{background-color:var(--c-neutral-50);border-color:var(--c-primary-700);color:var(--c-primary-700)}.tc-rev-tag--c-danger-300-outline{background-color:var(--c-neutral-50);border-color:var(--c-danger-300);color:var(--c-danger-300)}.tc-rev-tag--c-danger-400-outline{background-color:var(--c-neutral-50);border-color:var(--c-danger-400);color:var(--c-danger-400)}.tc-rev-tag--c-danger-500-outline{background-color:var(--c-neutral-50);border-color:var(--c-danger-500);color:var(--c-danger-500)}.tc-rev-tag--c-alert-300-outline{background-color:var(--c-neutral-50);border-color:var(--c-alert-300);color:var(--c-alert-300)}.tc-rev-tag--c-alert-400-outline{background-color:var(--c-neutral-50);border-color:var(--c-alert-400);color:var(--c-alert-400)}.tc-rev-tag--c-alert-500-outline{background-color:var(--c-neutral-50);border-color:var(--c-alert-500);color:var(--c-alert-500)}.tc-rev-tag--c-info-300-outline{background-color:var(--c-neutral-50);border-color:var(--c-info-300);color:var(--c-info-300)}.tc-rev-tag--c-info-400-outline{background-color:var(--c-neutral-50);border-color:var(--c-info-400);color:var(--c-info-400)}.tc-rev-tag--c-info-500-outline{background-color:var(--c-neutral-50);border-color:var(--c-info-500);color:var(--c-info-500)}.tc-rev-tag--c-success-300-outline{background-color:var(--c-neutral-50);border-color:var(--c-success-300);color:var(--c-success-300)}.tc-rev-tag--c-success-400-outline{background-color:var(--c-neutral-50);border-color:var(--c-success-400);color:var(--c-success-400)}.tc-rev-tag--c-success-500-outline{background-color:var(--c-neutral-50);border-color:var(--c-success-500);color:var(--c-success-500)}\n"] }]
-        }] });
-
-class TcRevToastComponent {
-    constructor() {
-        this.type = input('info');
-        this.fullWidth = input(false);
-        this.size = input('md');
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.25", type: TcRevToastComponent, isStandalone: true, selector: "tc-rev-toast", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"tc-rev-toast c-neutral-700\">\n  <div\n    class=\"tc-rev-toast__icon\"\n    [ngClass]=\"[\n      'tc-rev-toast__icon--' + type(),\n      'tc-rev-toast__icon--' + size()\n    ]\"\n  >\n    <ng-content select=\"[icon]\" />\n  </div>\n\n  <div\n    class=\"tc-rev-toast__content\"\n    [ngClass]=\"[\n      'tc-rev-toast__content--' + type(),\n      'tc-rev-toast__content--' + size()\n    ]\"\n    [class.full-width]=\"fullWidth()\"\n  >\n    <ng-content />\n  </div>\n</div>\n", styles: [":host{display:block}.tc-rev-toast{display:flex}.tc-rev-toast__icon{align-items:center;border-radius:var(--bor-radius-8) 0 0 var(--bor-radius-8);display:flex;justify-content:center}.tc-rev-toast__icon--info{background-color:var(--c-primary-500)}.tc-rev-toast__icon--success{background-color:var(--c-success-500)}.tc-rev-toast__icon--alert{background-color:var(--c-alert-500)}.tc-rev-toast__icon--danger{background-color:var(--c-danger-500)}.tc-rev-toast__icon--sm{font-size:var(--f-size-20);padding:var(--size-14)}.tc-rev-toast__icon--md{font-size:var(--f-size-24);padding:var(--size-16)}.tc-rev-toast__icon--lg{font-size:var(--f-size-24);padding:var(--size-18)}.tc-rev-toast__content{align-items:center;border-radius:0 var(--bor-radius-8) var(--bor-radius-8) 0;display:flex;font-family:var(--f-family)}.tc-rev-toast__content--info{background-color:var(--c-primary-300)}.tc-rev-toast__content--success{background-color:var(--c-success-300)}.tc-rev-toast__content--alert{background-color:var(--c-alert-300)}.tc-rev-toast__content--danger{background-color:var(--c-danger-300)}.tc-rev-toast__content--sm{padding:var(--size-12);font-size:var(--f-size-12);line-height:var(--l-height-16)}.tc-rev-toast__content--md{padding:var(--size-16);font-size:var(--f-size-14);line-height:var(--l-height-20)}.tc-rev-toast__content--lg{padding:var(--size-18);font-size:var(--f-size-16);line-height:var(--l-height-24)}.tc-rev-toast__content.full-width{flex-grow:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevToastComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'tc-rev-toast', imports: [CommonModule], template: "<div class=\"tc-rev-toast c-neutral-700\">\n  <div\n    class=\"tc-rev-toast__icon\"\n    [ngClass]=\"[\n      'tc-rev-toast__icon--' + type(),\n      'tc-rev-toast__icon--' + size()\n    ]\"\n  >\n    <ng-content select=\"[icon]\" />\n  </div>\n\n  <div\n    class=\"tc-rev-toast__content\"\n    [ngClass]=\"[\n      'tc-rev-toast__content--' + type(),\n      'tc-rev-toast__content--' + size()\n    ]\"\n    [class.full-width]=\"fullWidth()\"\n  >\n    <ng-content />\n  </div>\n</div>\n", styles: [":host{display:block}.tc-rev-toast{display:flex}.tc-rev-toast__icon{align-items:center;border-radius:var(--bor-radius-8) 0 0 var(--bor-radius-8);display:flex;justify-content:center}.tc-rev-toast__icon--info{background-color:var(--c-primary-500)}.tc-rev-toast__icon--success{background-color:var(--c-success-500)}.tc-rev-toast__icon--alert{background-color:var(--c-alert-500)}.tc-rev-toast__icon--danger{background-color:var(--c-danger-500)}.tc-rev-toast__icon--sm{font-size:var(--f-size-20);padding:var(--size-14)}.tc-rev-toast__icon--md{font-size:var(--f-size-24);padding:var(--size-16)}.tc-rev-toast__icon--lg{font-size:var(--f-size-24);padding:var(--size-18)}.tc-rev-toast__content{align-items:center;border-radius:0 var(--bor-radius-8) var(--bor-radius-8) 0;display:flex;font-family:var(--f-family)}.tc-rev-toast__content--info{background-color:var(--c-primary-300)}.tc-rev-toast__content--success{background-color:var(--c-success-300)}.tc-rev-toast__content--alert{background-color:var(--c-alert-300)}.tc-rev-toast__content--danger{background-color:var(--c-danger-300)}.tc-rev-toast__content--sm{padding:var(--size-12);font-size:var(--f-size-12);line-height:var(--l-height-16)}.tc-rev-toast__content--md{padding:var(--size-16);font-size:var(--f-size-14);line-height:var(--l-height-20)}.tc-rev-toast__content--lg{padding:var(--size-18);font-size:var(--f-size-16);line-height:var(--l-height-24)}.tc-rev-toast__content.full-width{flex-grow:1}\n"] }]
-        }] });
-
-class TcRevSubNavbarItemComponent {
-    constructor() {
-        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);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevSubNavbarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TcRevSubNavbarItemComponent, isStandalone: true, selector: "tc-rev-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"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevSubNavbarItemComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'tc-rev-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"] }]
-        }], propDecorators: { isMenuExpanded: [{
-                type: Input
-            }] } });
-
-class TcRevSubNavbarComponent {
-    constructor() {
-        this.isMenuExpanded = signal(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());
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevSubNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: TcRevSubNavbarComponent, isStandalone: true, selector: "tc-rev-sub-navbar", outputs: { onSubMenuExpandChange: "onSubMenuExpandChange" }, queries: [{ propertyName: "subNavbarItems", predicate: TcRevSubNavbarItemComponent }], ngImport: i0, template: "<nav class=\"tc-sub-navbar\">\n  <ul\n    class=\"tc-sub-navbar-list\"\n    [class.tc-rev-submenu-expanded]=\"isMenuExpanded()\"\n  >\n    <tc-rev-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    </tc-rev-sub-navbar-item>\n    <ng-content></ng-content>\n  </ul>\n</nav>\n", styles: [":host{display:block;height:100%}.tc-sub-navbar{height:100%;margin:var(--size-0);padding:var(--size-0)}.tc-sub-navbar .tc-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)}.tc-sub-navbar .tc-sub-navbar-list::-webkit-scrollbar{display:none}.tc-sub-navbar .tc-sub-navbar-list.tc-rev-submenu-expanded{width:14.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: TcRevSubNavbarItemComponent, selector: "tc-rev-sub-navbar-item", inputs: ["isMenuExpanded", "label", "active", "routerLink", "queryParams"], outputs: ["onClick"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevSubNavbarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'tc-rev-sub-navbar', imports: [
-                        CommonModule,
-                        TcRevSubNavbarItemComponent,
-                    ], template: "<nav class=\"tc-sub-navbar\">\n  <ul\n    class=\"tc-sub-navbar-list\"\n    [class.tc-rev-submenu-expanded]=\"isMenuExpanded()\"\n  >\n    <tc-rev-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    </tc-rev-sub-navbar-item>\n    <ng-content></ng-content>\n  </ul>\n</nav>\n", styles: [":host{display:block;height:100%}.tc-sub-navbar{height:100%;margin:var(--size-0);padding:var(--size-0)}.tc-sub-navbar .tc-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)}.tc-sub-navbar .tc-sub-navbar-list::-webkit-scrollbar{display:none}.tc-sub-navbar .tc-sub-navbar-list.tc-rev-submenu-expanded{width:14.5rem}\n"] }]
-        }], propDecorators: { subNavbarItems: [{
-                type: ContentChildren,
-                args: [TcRevSubNavbarItemComponent]
-            }] } });
-
-class TcRevWizardStepsComponent {
-    constructor() {
-        this.onStepClick = output();
-        this.direction = input('horizontal');
-        this.currentStep = input(0);
-        this.stepClickable = input(false);
-        this.steps = input.required();
-    }
-    handleStepClick(step, isNext, index) {
-        if (this.stepClickable() && !isNext) {
-            this.onStepClick.emit({ step, index });
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevWizardStepsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TcRevWizardStepsComponent, isStandalone: true, selector: "tc-rev-wizard-steps", inputs: { direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, currentStep: { classPropertyName: "currentStep", publicName: "currentStep", isSignal: true, isRequired: false, transformFunction: null }, stepClickable: { classPropertyName: "stepClickable", publicName: "stepClickable", isSignal: true, isRequired: false, transformFunction: null }, steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onStepClick: "onStepClick" }, ngImport: i0, template: "<div [class]=\"'tc-rev-wizard-steps' + ` tc-rev-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=\"tc-rev-wizard-step\"\n      [class.tc-rev-wizard-step--current]=\"i + 1 === this.currentStep()\"\n      [class.tc-rev-wizard-step--completed]=\"isCompleted\"\n      [class.tc-rev-wizard-step--next]=\"isNext\">\n\n      <span\n        class=\"tc-rev-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=\"tc-rev-wizard-step__info\">\n        <p class=\"tc-rev-wizard-step__title f-lg mar-none cursor-default\">\n          {{ step.title }}\n        </p>\n\n        @if (step.description) {\n          <p class=\"tc-rev-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]=\"'tc-rev-wizard-steps' + ` tc-rev-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=\"tc-rev-wizard-step\"\n      [class.tc-rev-wizard-step--current]=\"i + 1 === this.currentStep()\"\n      [class.tc-rev-wizard-step--completed]=\"isCompleted\"\n      [class.tc-rev-wizard-step--next]=\"i + 1 > this.currentStep()\"\n      [ngClass]=\"this.direction()\">\n\n      <span class=\"tc-rev-wizard-step__counter f-h3 cursor-default\">\n        {{ i + 1 }}\n      </span>\n\n      <div class=\"tc-rev-wizard-step__info\">\n        <p class=\"tc-rev-wizard-step__title f-lg mar-none cursor-default\">\n          {{ step.title }}\n        </p>\n\n        @if (step.description) {\n          <p class=\"tc-rev-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=\"tc-rev-wizard-step-divider\"\n        [class.completed]=\"isCompleted\"\n        [ngClass]=\"this.direction()\">\n      </div>\n    }\n  }\n</div> -->\n", styles: [":host{display:block}.tc-rev-wizard-steps{display:inline-flex;font-family:var(--f-family);gap:var(--size-32)}.tc-rev-wizard-steps--horizontal{flex-direction:row}.tc-rev-wizard-steps--vertical{flex-direction:column}.tc-rev-wizard-steps .tc-rev-wizard-step{display:flex;gap:var(--size-8)}.tc-rev-wizard-steps .tc-rev-wizard-step__info{max-width:13.25rem}.tc-rev-wizard-steps .tc-rev-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)}.tc-rev-wizard-steps .tc-rev-wizard-step--completed .tc-rev-wizard-step__counter{border-color:1px solid var(--c-primary-600);color:var(--c-neutral-600)}.tc-rev-wizard-steps .tc-rev-wizard-step--completed .tc-rev-wizard-step__title{color:var(--c-neutral-600);font-weight:var(--f-weight-400)}.tc-rev-wizard-steps .tc-rev-wizard-step--completed .tc-rev-wizard-step__description{color:var(--c-neutral-600)}.tc-rev-wizard-steps .tc-rev-wizard-step--current .tc-rev-wizard-step__counter{background-color:var(--c-primary-500);border-color:var(--c-primary-500);color:var(--c-neutral-50)}.tc-rev-wizard-steps .tc-rev-wizard-step--current .tc-rev-wizard-step__title{color:var(--c-neutral-700);font-weight:var(--f-weight-600)}.tc-rev-wizard-steps .tc-rev-wizard-step--current .tc-rev-wizard-step__description{color:var(--c-neutral-700);font-weight:var(--f-weight-400)}.tc-rev-wizard-steps .tc-rev-wizard-step--next .tc-rev-wizard-step__counter{border-color:var(--c-neutral-400);color:var(--c-neutral-400)}.tc-rev-wizard-steps .tc-rev-wizard-step--next .tc-rev-wizard-step__title{color:var(--c-neutral-400);font-weight:var(--f-weight-400)}.tc-rev-wizard-steps .tc-rev-wizard-step--next .tc-rev-wizard-step__description{color:var(--c-neutral-400)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], animations: [
-            trigger('progressBarEntering', [
-                state('in', style({ width: '*' })),
-                transition('void => *', [
-                    style({ width: 0 }),
-                    animate('1.5s 0s ease')
+/**
+ *
+ * @param echarts echars instance
+ * @param chartData chart info to build the config
+ * @returns a bar chart config for echarts with the given data
+ */
+function echartBarConfig(echarts, chartData) {
+    const { xAxisName, xAxisLabels, seriesData, tooltipFormatter, yAxisLabelFormatter, xAxisLabelFormatter } = chartData;
+    return {
+        grid: {
+            left: '6.5%',
+            top: 48,
+            right: '2%',
+            bottom: 56
+        },
+        tooltip: {
+            trigger: 'axis',
+            backgroundColor: '#131313',
+            formatter: tooltipFormatter,
+            textStyle: {
+                color: '#f3f3f3',
+                fontSize: 12,
+                fontFamily: 'Nunito Sans'
+            }
+        },
+        xAxis: {
+            type: 'category',
+            axisLabel: {
+                color: '#131313',
+                fontSize: 14,
+                fontFamily: 'Nunito Sans',
+                margin: 16,
+                formatter: xAxisLabelFormatter,
+            },
+            axisLine: {
+                show: true,
+                lineStyle: {
+                    color: '#BAC0C6'
+                }
+            },
+            axisTick: {
+                show: false
+            },
+            data: xAxisLabels,
+            name: xAxisName,
+            nameLocation: 'start',
+            nameTextStyle: {
+                align: 'left',
+                color: '#131313',
+                fontFamily: 'Nunito Sans',
+                fontSize: 14,
+                fontWeight: 700,
+                padding: [0, 0, -46, -36]
+            }
+        },
+        yAxis: {
+            type: 'value',
+            axisLine: {
+                show: false
+            },
+            axisTick: {
+                show: false
+            },
+            axisLabel: {
+                formatter: yAxisLabelFormatter,
+                align: 'left',
+                color: '#131313',
+                fontSize: 14,
+                fontFamily: 'Nunito Sans',
+                inside: false,
+                padding: [-40, 0, 0, -40]
+            }
+        },
+        series: seriesData.map((serie) => ({
+            name: serie.serieName,
+            type: 'bar',
+            data: serie.values,
+            itemStyle: {
+                barBorderRadius: [8, 8, 8, 8],
+                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                    { offset: 0, color: '#0897E9' },
+                    { offset: 1, color: '#75D8FF' }
                 ])
-            ])
-        ] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevWizardStepsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'tc-rev-wizard-steps', imports: [CommonModule], animations: [
-                        trigger('progressBarEntering', [
-                            state('in', style({ width: '*' })),
-                            transition('void => *', [
-                                style({ width: 0 }),
-                                animate('1.5s 0s ease')
-                            ])
-                        ])
-                    ], template: "<div [class]=\"'tc-rev-wizard-steps' + ` tc-rev-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=\"tc-rev-wizard-step\"\n      [class.tc-rev-wizard-step--current]=\"i + 1 === this.currentStep()\"\n      [class.tc-rev-wizard-step--completed]=\"isCompleted\"\n      [class.tc-rev-wizard-step--next]=\"isNext\">\n\n      <span\n        class=\"tc-rev-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=\"tc-rev-wizard-step__info\">\n        <p class=\"tc-rev-wizard-step__title f-lg mar-none cursor-default\">\n          {{ step.title }}\n        </p>\n\n        @if (step.description) {\n          <p class=\"tc-rev-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]=\"'tc-rev-wizard-steps' + ` tc-rev-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=\"tc-rev-wizard-step\"\n      [class.tc-rev-wizard-step--current]=\"i + 1 === this.currentStep()\"\n      [class.tc-rev-wizard-step--completed]=\"isCompleted\"\n      [class.tc-rev-wizard-step--next]=\"i + 1 > this.currentStep()\"\n      [ngClass]=\"this.direction()\">\n\n      <span class=\"tc-rev-wizard-step__counter f-h3 cursor-default\">\n        {{ i + 1 }}\n      </span>\n\n      <div class=\"tc-rev-wizard-step__info\">\n        <p class=\"tc-rev-wizard-step__title f-lg mar-none cursor-default\">\n          {{ step.title }}\n        </p>\n\n        @if (step.description) {\n          <p class=\"tc-rev-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=\"tc-rev-wizard-step-divider\"\n        [class.completed]=\"isCompleted\"\n        [ngClass]=\"this.direction()\">\n      </div>\n    }\n  }\n</div> -->\n", styles: [":host{display:block}.tc-rev-wizard-steps{display:inline-flex;font-family:var(--f-family);gap:var(--size-32)}.tc-rev-wizard-steps--horizontal{flex-direction:row}.tc-rev-wizard-steps--vertical{flex-direction:column}.tc-rev-wizard-steps .tc-rev-wizard-step{display:flex;gap:var(--size-8)}.tc-rev-wizard-steps .tc-rev-wizard-step__info{max-width:13.25rem}.tc-rev-wizard-steps .tc-rev-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)}.tc-rev-wizard-steps .tc-rev-wizard-step--completed .tc-rev-wizard-step__counter{border-color:1px solid var(--c-primary-600);color:var(--c-neutral-600)}.tc-rev-wizard-steps .tc-rev-wizard-step--completed .tc-rev-wizard-step__title{color:var(--c-neutral-600);font-weight:var(--f-weight-400)}.tc-rev-wizard-steps .tc-rev-wizard-step--completed .tc-rev-wizard-step__description{color:var(--c-neutral-600)}.tc-rev-wizard-steps .tc-rev-wizard-step--current .tc-rev-wizard-step__counter{background-color:var(--c-primary-500);border-color:var(--c-primary-500);color:var(--c-neutral-50)}.tc-rev-wizard-steps .tc-rev-wizard-step--current .tc-rev-wizard-step__title{color:var(--c-neutral-700);font-weight:var(--f-weight-600)}.tc-rev-wizard-steps .tc-rev-wizard-step--current .tc-rev-wizard-step__description{color:var(--c-neutral-700);font-weight:var(--f-weight-400)}.tc-rev-wizard-steps .tc-rev-wizard-step--next .tc-rev-wizard-step__counter{border-color:var(--c-neutral-400);color:var(--c-neutral-400)}.tc-rev-wizard-steps .tc-rev-wizard-step--next .tc-rev-wizard-step__title{color:var(--c-neutral-400);font-weight:var(--f-weight-400)}.tc-rev-wizard-steps .tc-rev-wizard-step--next .tc-rev-wizard-step__description{color:var(--c-neutral-400)}\n"] }]
-        }] });
-
-class TcRevBreadcrumbService {
-    constructor() {
-        this.breadcrumbsSubject = new BehaviorSubject([]);
-        this.breadcrumbs$ = this.breadcrumbsSubject.asObservable();
-    }
-    setBreadcrumb(items) {
-        this.breadcrumbsSubject.next(items);
-    }
-    addLevel(item) {
-        const currentItems = this.breadcrumbsSubject.getValue();
-        this.breadcrumbsSubject.next([...currentItems, item]);
-    }
-    removeLastLevel() {
-        const currentItems = this.breadcrumbsSubject.getValue();
-        if (currentItems.length > 0) {
-            const newItems = [...currentItems];
-            newItems.pop();
-            this.breadcrumbsSubject.next(newItems);
-        }
-    }
-    clear() {
-        this.breadcrumbsSubject.next([]);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevBreadcrumbService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevBreadcrumbService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevBreadcrumbService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: () => [] });
-
-class TcRevBreadcrumbComponent {
-    constructor() {
-        this.breadcrumbs = [];
-        this.router = inject(Router);
-        this.breadcrumbService = inject(TcRevBreadcrumbService);
-    }
-    ngOnInit() {
-        this.breadcrumbService.breadcrumbs$.subscribe(items => this.breadcrumbs = items);
-    }
-    navigate(url, index) {
-        if (url) {
-            this.router.navigateByUrl(url);
-            // Opcional: remover níveis do breadcrumb após o clicado
-            if (index !== undefined && index < this.breadcrumbs.length - 1) {
-                this.breadcrumbService.setBreadcrumb(this.breadcrumbs.slice(0, index + 1));
             }
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevBreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TcRevBreadcrumbComponent, isStandalone: true, selector: "tc-rev-breadcrumb", ngImport: i0, template: "<nav aria-label=\"breadcrumb\" class=\"tc-rev-breadcrumb\">\n    <ol class=\"tc-rev-breadcrumb-list\">\n        <!-- Link para o Dashboard -->\n        <li class=\"tc-rev-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=\"tc-rev-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>", styles: [":host{display:block}.tc-rev-breadcrumb-list{display:flex;list-style:none;padding:0;margin:0;margin-bottom:var(--size-24)}.tc-rev-breadcrumb-item{display:flex;align-items:center;color:var(--c-neutral-700);font-size:var(--f-size-14);font-family:var(--f-family)}.tc-rev-breadcrumb-item a{text-decoration:none;color:inherit;cursor:pointer}.tc-rev-breadcrumb-item a:hover{text-decoration:underline}.tc-rev-breadcrumb-item i{margin:0}.tc-rev-breadcrumb-item i.fa-chevron-right{margin:0 var(--size-12)}.tc-rev-breadcrumb-item.active{pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
+        }))
+    };
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevBreadcrumbComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'tc-rev-breadcrumb', imports: [
-                        CommonModule,
-                        RouterModule
-                    ], template: "<nav aria-label=\"breadcrumb\" class=\"tc-rev-breadcrumb\">\n    <ol class=\"tc-rev-breadcrumb-list\">\n        <!-- Link para o Dashboard -->\n        <li class=\"tc-rev-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=\"tc-rev-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>", styles: [":host{display:block}.tc-rev-breadcrumb-list{display:flex;list-style:none;padding:0;margin:0;margin-bottom:var(--size-24)}.tc-rev-breadcrumb-item{display:flex;align-items:center;color:var(--c-neutral-700);font-size:var(--f-size-14);font-family:var(--f-family)}.tc-rev-breadcrumb-item a{text-decoration:none;color:inherit;cursor:pointer}.tc-rev-breadcrumb-item a:hover{text-decoration:underline}.tc-rev-breadcrumb-item i{margin:0}.tc-rev-breadcrumb-item i.fa-chevron-right{margin:0 var(--size-12)}.tc-rev-breadcrumb-item.active{pointer-events:none}\n"] }]
-        }], ctorParameters: () => [] });
-
-class TcRevComponentsLibModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevComponentsLibModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.25", ngImport: i0, type: TcRevComponentsLibModule, imports: [TcRevBreadcrumbComponent,
-            TcRevButtonDirective,
-            TcRevCalendarComponent,
-            TcRevCardComponent,
-            TcRevCardAccordionComponent,
-            TcRevCardTitleComponent,
-            TcRevCheckboxDirective,
-            TcRevDropdownComponent,
-            TcRevDropdownGroupedComponent,
-            TcRevDropdownMultiComponent,
-            TcRevDropdownMultiLevelComponent,
-            TcRevEmptyContentComponent,
-            TcRevFaqComponent,
-            TcRevIconButtonDirective,
-            TcRevInputContainerComponent,
-            TcRevInputDirective,
-            TcRevLoadingComponent,
-            TcRevMessageComponent,
-            TcRevMultiInputComponent,
-            TcRevPaginationComponent,
-            TcRevProgressStatusBarComponent,
-            TcRevRadioDirective,
-            TcRevSearchInputComponent,
-            TcRevSideDrawerComponent,
-            TcRevSkeletonLoadingComponent,
-            TcRevSlideToggleDirective,
-            TcRevSmallLoadingComponent,
-            TcRevTabGroupComponent,
-            TcRevTabItemComponent,
-            TcRevTagComponent,
-            TcRevToastComponent,
-            TcRevTooltipDirective,
-            TcRevSubNavbarComponent,
-            TcRevSubNavbarItemComponent,
-            TcRevWizardStepsComponent], exports: [
-            // TcRevBreadcrumbComponent,
-            TcRevButtonDirective,
-            TcRevCalendarComponent,
-            TcRevCardComponent,
-            TcRevCardAccordionComponent,
-            TcRevCardTitleComponent,
-            TcRevCheckboxDirective,
-            TcRevDropdownComponent,
-            TcRevDropdownGroupedComponent,
-            TcRevDropdownMultiComponent,
-            TcRevDropdownMultiLevelComponent,
-            TcRevEmptyContentComponent,
-            TcRevFaqComponent,
-            TcRevIconButtonDirective,
-            TcRevInputContainerComponent,
-            TcRevInputDirective,
-            TcRevLoadingComponent,
-            TcRevMessageComponent,
-            TcRevMultiInputComponent,
-            TcRevPaginationComponent,
-            TcRevProgressStatusBarComponent,
-            TcRevSmallLoadingComponent,
-            TcRevRadioDirective,
-            TcRevSearchInputComponent,
-            TcRevSideDrawerComponent,
-            TcRevSkeletonLoadingComponent,
-            TcRevSlideToggleDirective,
-            TcRevTabGroupComponent,
-            TcRevTabItemComponent,
-            TcRevTagComponent,
-            TcRevToastComponent,
-            TcRevTooltipDirective,
-            TcRevSubNavbarComponent,
-            TcRevSubNavbarItemComponent,
-            TcRevWizardStepsComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevComponentsLibModule, imports: [TcRevBreadcrumbComponent,
-            TcRevCalendarComponent,
-            TcRevCardComponent,
-            TcRevCardAccordionComponent,
-            TcRevDropdownComponent,
-            TcRevDropdownGroupedComponent,
-            TcRevDropdownMultiComponent,
-            TcRevDropdownMultiLevelComponent,
-            TcRevFaqComponent,
-            TcRevInputContainerComponent,
-            TcRevMessageComponent,
-            TcRevMultiInputComponent,
-            TcRevPaginationComponent,
-            TcRevSearchInputComponent,
-            TcRevSideDrawerComponent,
-            TcRevSkeletonLoadingComponent,
-            TcRevSmallLoadingComponent,
-            TcRevTabGroupComponent,
-            TcRevTabItemComponent,
-            TcRevTagComponent,
-            TcRevToastComponent,
-            TcRevSubNavbarComponent,
-            TcRevSubNavbarItemComponent,
-            TcRevWizardStepsComponent] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TcRevComponentsLibModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        TcRevBreadcrumbComponent,
-                        TcRevButtonDirective,
-                        TcRevCalendarComponent,
-                        TcRevCardComponent,
-                        TcRevCardAccordionComponent,
-                        TcRevCardTitleComponent,
-                        TcRevCheckboxDirective,
-                        TcRevDropdownComponent,
-                        TcRevDropdownGroupedComponent,
-                        TcRevDropdownMultiComponent,
-                        TcRevDropdownMultiLevelComponent,
-                        TcRevEmptyContentComponent,
-                        TcRevFaqComponent,
-                        TcRevIconButtonDirective,
-                        TcRevInputContainerComponent,
-                        TcRevInputDirective,
-                        TcRevLoadingComponent,
-                        TcRevMessageComponent,
-                        TcRevMultiInputComponent,
-                        TcRevPaginationComponent,
-                        TcRevProgressStatusBarComponent,
-                        TcRevRadioDirective,
-                        TcRevSearchInputComponent,
-                        TcRevSideDrawerComponent,
-                        TcRevSkeletonLoadingComponent,
-                        TcRevSlideToggleDirective,
-                        TcRevSmallLoadingComponent,
-                        TcRevTabGroupComponent,
-                        TcRevTabItemComponent,
-                        TcRevTagComponent,
-                        TcRevToastComponent,
-                        TcRevTooltipDirective,
-                        TcRevSubNavbarComponent,
-                        TcRevSubNavbarItemComponent,
-                        TcRevWizardStepsComponent,
-                    ],
-                    exports: [
-                        // TcRevBreadcrumbComponent,
-                        TcRevButtonDirective,
-                        TcRevCalendarComponent,
-                        TcRevCardComponent,
-                        TcRevCardAccordionComponent,
-                        TcRevCardTitleComponent,
-                        TcRevCheckboxDirective,
-                        TcRevDropdownComponent,
-                        TcRevDropdownGroupedComponent,
-                        TcRevDropdownMultiComponent,
-                        TcRevDropdownMultiLevelComponent,
-                        TcRevEmptyContentComponent,
-                        TcRevFaqComponent,
-                        TcRevIconButtonDirective,
-                        TcRevInputContainerComponent,
-                        TcRevInputDirective,
-                        TcRevLoadingComponent,
-                        TcRevMessageComponent,
-                        TcRevMultiInputComponent,
-                        TcRevPaginationComponent,
-                        TcRevProgressStatusBarComponent,
-                        TcRevSmallLoadingComponent,
-                        TcRevRadioDirective,
-                        TcRevSearchInputComponent,
-                        TcRevSideDrawerComponent,
-                        TcRevSkeletonLoadingComponent,
-                        TcRevSlideToggleDirective,
-                        TcRevTabGroupComponent,
-                        TcRevTabItemComponent,
-                        TcRevTagComponent,
-                        TcRevToastComponent,
-                        TcRevTooltipDirective,
-                        TcRevSubNavbarComponent,
-                        TcRevSubNavbarItemComponent,
-                        TcRevWizardStepsComponent,
-                    ],
-                    declarations: [],
-                    providers: [],
-                }]
-        }] });
 
 /*
  * Public API Surface of tcloud-ui
@@ -12156,5 +10251,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AcceptedFileType, BytesPipe, CNPJPipe, CPFPipe, CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR$2 as CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR, DateBRPipe, DropdownGroupedSize, DropdownMultiSize$1 as DropdownMultiSize, DropdownSize$1 as DropdownSize, MonthNamePipe, MultiLevelDropdownSize$1 as MultiLevelDropdownSize, ProductActionPipe, ProgressStatusBarGradientStatus$1 as ProgressStatusBarGradientStatus, RespectivePipe, StatusInfoPipe, TCCondition, TCFiltersType, TCLOUD_UI_CONFIG, TCLOUD_UI_LAYOUT_SERVICE, TCLOUD_UI_LOCALE_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, TCloudUiDialogComponent, TCloudUiDialogEventsEnum, TCloudUiDialogHostComponent, TCloudUiDialogModel, TCloudUiDialogService, TCloudUiDialogStatusEnum, TCloudUiDialogTextConfirmationEnum, TCloudUiDigitOnlyDirective, TCloudUiDropdownComponent, TCloudUiDropdownMultiComponent, TCloudUiDropdownMultiLevelComponent, TCloudUiEditorComponent, TCloudUiEditorDiffComponent, TCloudUiElCopyDirective, TCloudUiEmptyContentComponent, TCloudUiFaqComponent, TCloudUiFilterBarComponent, TCloudUiFiltersComponent, TCloudUiFormDirective, TCloudUiHighLightDirective, TCloudUiHoverParentDirective, TCloudUiIconButtonDirective, TCloudUiInputContainerComponent, TCloudUiInputDirective, 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, TCloudUiProgressStatusBarComponent, 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 };
+export { AcceptedFileType, BytesPipe, CNPJPipe, CPFPipe, CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR$2 as CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR, DateBRPipe, DropdownMultiSize, DropdownSize, MonthNamePipe, MultiLevelDropdownSize, ProductActionPipe, ProgressStatusBarGradientStatus, RespectivePipe, StatusInfoPipe, TCCondition, TCFiltersType, TCLOUD_UI_CONFIG, TCLOUD_UI_LAYOUT_SERVICE, TCLOUD_UI_LOCALE_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, TCloudUiDialogComponent, TCloudUiDialogEventsEnum, TCloudUiDialogHostComponent, TCloudUiDialogModel, TCloudUiDialogService, TCloudUiDialogStatusEnum, TCloudUiDialogTextConfirmationEnum, TCloudUiDigitOnlyDirective, TCloudUiDropdownComponent, TCloudUiDropdownMultiComponent, TCloudUiDropdownMultiLevelComponent, TCloudUiEditorComponent, TCloudUiEditorDiffComponent, TCloudUiElCopyDirective, TCloudUiEmptyContentComponent, TCloudUiFaqComponent, TCloudUiFilterBarComponent, TCloudUiFiltersComponent, TCloudUiFormDirective, TCloudUiHighLightDirective, TCloudUiHoverParentDirective, TCloudUiIconButtonDirective, TCloudUiInputContainerComponent, TCloudUiInputDirective, 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, TCloudUiProgressStatusBarComponent, 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, ToTextPipe, TopologyEnvironmentPipe, TopologyProductPipe, TopologyRegionPipe, TopologyStatusPipe, echartBarConfig, provideTCloudUi };
 //# sourceMappingURL=dev-tcloud-tcloud-ui.mjs.map