@dev-tcloud/tcloud-ui 5.1.8 → 5.1.10

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

@@ -7239,21 +7239,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
 
 class TcRevSearchInputComponent {
     constructor() {
-        this.searchText = new FormControl('');
+        this.searchTextForm = new FormControl('');
         this.placeholder = input('');
+        this.searchText = model('');
         this.onSearch = output();
     }
     ngOnInit() {
-        this.searchText.valueChanges
-            .pipe(startWith(''), debounceTime(500), distinctUntilChanged(), map((text) => text.toLowerCase()))
-            .subscribe((text) => this.onSearch.emit(text));
+        // Inicializa o FormControl com o valor do model
+        this.searchTextForm.setValue(this.searchText());
+        // Escuta mudanças no model e atualiza o FormControl
+        this.searchText.subscribe((newValue) => {
+            if (this.searchTextForm.value !== newValue) {
+                this.searchTextForm.setValue(newValue, { emitEvent: false });
+            }
+        });
+        this.searchTextForm.valueChanges
+            .pipe(startWith(this.searchText()), debounceTime(500), distinctUntilChanged(), map((text) => text?.toLowerCase() || ''))
+            .subscribe((text) => {
+            this.searchText.set(text);
+            this.onSearch.emit(text);
+        });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TcRevSearchInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: TcRevSearchInputComponent, isStandalone: true, selector: "tc-rev-search-input", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSearch: "onSearch" }, ngImport: i0, template: "<form class=\"tc-rev-search-input-container\">\n  <input\n    type=\"text\"\n    class=\"tc-rev-search-input-control\"\n    [formControl]=\"searchText\"\n    [placeholder]=\"this.placeholder()\" />\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"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: TcRevSearchInputComponent, isStandalone: true, selector: "tc-rev-search-input", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, searchText: { classPropertyName: "searchText", publicName: "searchText", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { searchText: "searchTextChange", onSearch: "onSearch" }, 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\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.15", 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]=\"searchText\"\n    [placeholder]=\"this.placeholder()\" />\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"] }]
+            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\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"] }]
         }] });
 
 var DropdownGroupedSize;
@@ -7273,7 +7285,8 @@ class TcRevDropdownGroupedComponent {
         this.label = input(''); // Label que será exibida
         this.disabled = input(false); // Desabilita o dropdown
         this.options = input.required(); // Lista de opções agrupadas
-        this.preselectedValue = input(null); // Valor pré-selecionado
+        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...');
@@ -7287,12 +7300,27 @@ class TcRevDropdownGroupedComponent {
     }
     ngOnChanges(_simpleChanges) {
         // Atualiza a opção selecionada quando o valor pré-selecionado muda
-        if (_simpleChanges['preselectedValue'] || _simpleChanges['options']) {
-            this.selectedOption.set(this.options().find(option => option.value === this.preselectedValue()) || null);
+        if (_simpleChanges['initialValue'] || _simpleChanges['options']) {
+            const valueToUse = this.value() || this.initialValue();
+            this.selectedOption.set(this.options().find(option => option.value === valueToUse) || null);
         }
     }
     ngOnInit() {
-        this.selectedOption.set(this.options().find(option => option.value === this.preselectedValue()) || null);
+        // 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()) {
@@ -7312,7 +7340,8 @@ class TcRevDropdownGroupedComponent {
     selectOption(option) {
         if (!option.disabled) {
             this.selectedOption.set(option);
-            this.optionSelected.emit(option);
+            this.value.set(option.value); // Atualiza o model com two-way binding
+            this.optionSelected.emit(option); // Emite a opção selecionada para compatibilidade
             this.isOpen = false;
             this.searchTerm.set('');
         }
@@ -7352,7 +7381,7 @@ class TcRevDropdownGroupedComponent {
         return this.getFilteredOptions().length > 0;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TcRevDropdownGroupedComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", 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 }, preselectedValue: { classPropertyName: "preselectedValue", publicName: "preselectedValue", 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: { optionSelected: "optionSelected" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"tc-rev-dropdown-grouped\"\n  [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    @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\"\n    class=\"tc-rev-dropdown-menu\"\n    [style.width]=\"this.width()\">\n    <!-- Input de busca -->\n    @if (showSearch()) {\n      <div class=\"tc-rev-dropdown-search\">\n        <tc-rev-search-input (onSearch)=\"onSearchChange($event)\" [placeholder]=\"this.searchPlaceholder()\" />\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\n                  class=\"tc-rev-dropdown-menu-item\"\n                  (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                    {{ 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</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:transparent;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-12);font-weight:var(--f-weight-600);line-height:var(--l-height-16);padding:var(--size-8);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)}\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: ["placeholder"], outputs: ["onSearch"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", 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)" } }, usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"tc-rev-dropdown-grouped\"\n  [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    @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\"\n    class=\"tc-rev-dropdown-menu\"\n    [style.width]=\"this.width()\">\n    <!-- Input de busca -->\n    @if (showSearch()) {\n      <div class=\"tc-rev-dropdown-search\">\n        <tc-rev-search-input (onSearch)=\"onSearchChange($event)\" [placeholder]=\"this.searchPlaceholder()\" />\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\n                  class=\"tc-rev-dropdown-menu-item\"\n                  (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                    {{ 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</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:transparent;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-12);font-weight:var(--f-weight-600);line-height:var(--l-height-16);padding:var(--size-8);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)}\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: ["placeholder", "searchText"], outputs: ["searchTextChange", "onSearch"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TcRevDropdownGroupedComponent, decorators: [{
             type: Component,
@@ -7402,7 +7431,7 @@ class TcRevDropdownMultiLevelComponent {
         this.subMenuPosition = input('right');
         this.disabled = input(false);
         this.size = input(MultiLevelDropdownSize.sm);
-        this.preselectedValue = input(null); // Valor pré-selecionado
+        this.initialValue = input(null); // Valor pré-selecionado
         this.optionSelected = output();
         this.selectedOption = signal(null);
         this.selectedParentOption = signal(null);
@@ -7411,7 +7440,7 @@ class TcRevDropdownMultiLevelComponent {
     }
     ngOnChanges(_simpleChanges) {
         // Atualiza a opção selecionada quando o valor pré-selecionado muda
-        if (_simpleChanges['preselectedValue'] || _simpleChanges['menu']) {
+        if (_simpleChanges['initialValue'] || _simpleChanges['menu']) {
             this.selectedOption.set(null);
             this.selectedParentOption.set(null);
         }
@@ -7442,7 +7471,7 @@ class TcRevDropdownMultiLevelComponent {
         this.selectOption(option, parentOption);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TcRevDropdownMultiLevelComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", 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 }, preselectedValue: { classPropertyName: "preselectedValue", publicName: "preselectedValue", 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;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"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", 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;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.15", ngImport: i0, type: TcRevDropdownMultiLevelComponent, decorators: [{
             type: Component,
@@ -7458,6 +7487,159 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                 args: ['menuRoot', { static: false }]
             }] } });
 
+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']) {
+            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.15", ngImport: i0, type: TcRevDropdownMultiComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", 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:transparent;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.15", 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:transparent;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']]
+            }] } });
+
 var DropdownSize;
 (function (DropdownSize) {
     DropdownSize["sm"] = "sm";
@@ -7475,7 +7657,8 @@ class TcRevDropdownComponent {
         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.preselectedValue = input(null); // Valor pré-selecionado
+        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 do dropdown
         this.optionSelected = output(); // Emissor para o valor selecionado
@@ -7485,23 +7668,39 @@ class TcRevDropdownComponent {
     }
     ngOnChanges(_simpleChanges) {
         // Atualiza a opção selecionada quando o valor pré-selecionado muda
-        if (_simpleChanges['preselectedValue'] || _simpleChanges['options']) {
-            this.selectedOption.set(this.options().find(option => option.value === this.preselectedValue()) || null);
+        if (_simpleChanges['initialValue'] || _simpleChanges['options']) {
+            const valueToUse = this.value() || this.initialValue();
+            this.selectedOption.set(this.options().find(option => option.value === valueToUse) || null);
         }
     }
     ngOnInit() {
-        this.selectedOption.set(this.options().find(option => option.value === this.preselectedValue()) || null);
+        // 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() {
         this.isOpen = !this.isOpen;
     }
     selectOption(option) {
         this.selectedOption.set(option);
-        this.optionSelected.emit(option); // Emite apenas o valor da opção selecionada
+        this.value.set(option.value); // Atualiza o model com two-way binding
+        this.optionSelected.emit(option); // Emite a opção selecionada para compatibilidade
         this.isOpen = false; // Fecha o dropdown
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TcRevDropdownComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", 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 }, preselectedValue: { classPropertyName: "preselectedValue", publicName: "preselectedValue", 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: { optionSelected: "optionSelected" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"tc-rev-dropdown\"\n  [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    @if (label())\n    {\n      <b>{{label()}}</b>\n    }\n    {{ selectedOption() ? selectedOption()?.displayValue : 'Selecione' }}\n    <i class=\"fa-light fa-chevron-down\"></i>\n  </button>\n  <ul\n    *ngIf=\"isOpen\" class=\"tc-rev-dropdown-menu\"\n    [style.width]=\"this.width()\">\n    @for (option of options(); track option?.value)\n    {\n     <li\n        class=\"tc-rev-dropdown-menu-item\"\n        (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          {{ option?.displayValue }}\n\n          @if (selectedOption()?.value === option?.value)\n          {\n            <i class=\"fa-light fa-circle-check\"></i>\n          }\n        </button>\n      </li>\n    }\n  </ul>\n</div>\n", styles: [":host{display:inline-block}.tc-rev-dropdown{position:relative;display:inline-block}.tc-rev-dropdown .tc-rev-dropdown-toggle{background-color:transparent;border:1px solid var(--c-neutral-400);border-radius:var(--bor-radius-pill);color:var(--c-neutral-700);cursor:pointer;display:inline-block;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)}.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: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}\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 }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", 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)" } }, usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"tc-rev-dropdown\"\n  [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    @if (label())\n    {\n      <b>{{label()}}</b>\n    }\n    {{ selectedOption() ? selectedOption()?.displayValue : 'Selecione' }}\n    <i class=\"fa-light fa-chevron-down mar-l-a\"></i>\n  </button>\n  <ul\n    *ngIf=\"isOpen\" class=\"tc-rev-dropdown-menu\"\n    [style.width]=\"this.width()\">\n    @for (option of options(); track option?.value)\n    {\n     <li\n        class=\"tc-rev-dropdown-menu-item\"\n        (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          {{ option?.displayValue }}\n\n          @if (selectedOption()?.value === option?.value)\n          {\n            <i class=\"fa-light fa-circle-check\"></i>\n          }\n        </button>\n      </li>\n    }\n  </ul>\n</div>\n", styles: [":host{display:inline-block}.tc-rev-dropdown{position:relative;display:inline-block}.tc-rev-dropdown .tc-rev-dropdown-toggle{align-items:center;background-color:transparent;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)}.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: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}\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.15", ngImport: i0, type: TcRevDropdownComponent, decorators: [{
             type: Component,
@@ -7509,7 +7708,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         CommonModule,
                         FormsModule,
                         ReactiveFormsModule,
-                    ], template: "<div\n  class=\"tc-rev-dropdown\"\n  [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    @if (label())\n    {\n      <b>{{label()}}</b>\n    }\n    {{ selectedOption() ? selectedOption()?.displayValue : 'Selecione' }}\n    <i class=\"fa-light fa-chevron-down\"></i>\n  </button>\n  <ul\n    *ngIf=\"isOpen\" class=\"tc-rev-dropdown-menu\"\n    [style.width]=\"this.width()\">\n    @for (option of options(); track option?.value)\n    {\n     <li\n        class=\"tc-rev-dropdown-menu-item\"\n        (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          {{ option?.displayValue }}\n\n          @if (selectedOption()?.value === option?.value)\n          {\n            <i class=\"fa-light fa-circle-check\"></i>\n          }\n        </button>\n      </li>\n    }\n  </ul>\n</div>\n", styles: [":host{display:inline-block}.tc-rev-dropdown{position:relative;display:inline-block}.tc-rev-dropdown .tc-rev-dropdown-toggle{background-color:transparent;border:1px solid var(--c-neutral-400);border-radius:var(--bor-radius-pill);color:var(--c-neutral-700);cursor:pointer;display:inline-block;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)}.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: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}\n"] }]
+                    ], template: "<div\n  class=\"tc-rev-dropdown\"\n  [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    @if (label())\n    {\n      <b>{{label()}}</b>\n    }\n    {{ selectedOption() ? selectedOption()?.displayValue : 'Selecione' }}\n    <i class=\"fa-light fa-chevron-down mar-l-a\"></i>\n  </button>\n  <ul\n    *ngIf=\"isOpen\" class=\"tc-rev-dropdown-menu\"\n    [style.width]=\"this.width()\">\n    @for (option of options(); track option?.value)\n    {\n     <li\n        class=\"tc-rev-dropdown-menu-item\"\n        (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          {{ option?.displayValue }}\n\n          @if (selectedOption()?.value === option?.value)\n          {\n            <i class=\"fa-light fa-circle-check\"></i>\n          }\n        </button>\n      </li>\n    }\n  </ul>\n</div>\n", styles: [":host{display:inline-block}.tc-rev-dropdown{position:relative;display:inline-block}.tc-rev-dropdown .tc-rev-dropdown-toggle{align-items:center;background-color:transparent;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)}.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: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}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { onDocumentClick: [{
                 type: HostListener,
                 args: ['document:click', ['$event']]
@@ -7658,7 +7857,8 @@ class TcRevMultiInputComponent {
         this.autoFocus = false;
         this.initialValue = input('');
         this.description = input('');
-        this.initialList = 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([]);
@@ -7671,9 +7871,23 @@ class TcRevMultiInputComponent {
         this.multiInputForm = new FormGroup({
             multiInput: new FormControl('', [Validators.required, ...this.validators()])
         });
-        if (this.initialList()?.length) {
-            this.itemsList.set([...this.initialList()]);
-        }
+        // 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;
@@ -7691,24 +7905,28 @@ class TcRevMultiInputComponent {
     addItem() {
         const newItem = this.multiInputForm.get('multiInput').value;
         this.itemsList.update((currentItems) => {
-            return currentItems.includes(newItem)
+            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();
-        this.onChangeList.emit(this.itemsList());
     }
     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;
         });
-        this.onChangeList.emit(this.itemsList());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TcRevMultiInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", 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 }, validators: { classPropertyName: "validators", publicName: "validators", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { 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 class=\"c-primary-500 mar-r-4\">{{ 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}\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"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", 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 class=\"c-primary-500 mar-r-4\">{{ 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}\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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TcRevMultiInputComponent, decorators: [{
             type: Component,
@@ -7863,7 +8081,7 @@ class TcRevSideDrawerComponent {
     constructor(document) {
         this.document = document;
         this.loading = input(false);
-        this.position = input('left');
+        this.position = input('right');
         this.title = input.required();
         this.xAxis = computed(() => (this.position() === 'left' ? `left: 0` : `right: 0`));
         this.onCloseDrawer = output();
@@ -8115,14 +8333,14 @@ class TcRevSubNavbarComponent {
         this.onSubMenuExpandChange.emit(this.isMenuExpanded());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TcRevSubNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", 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    <ng-content></ng-content>\n\n    <tc-rev-sub-navbar-item\n      class=\"mar-t-a\"\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        ngProjectAs=\"icon\"\n      ></i>\n    </tc-rev-sub-navbar-item>\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"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", 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    <ng-content></ng-content>\n\n    <tc-rev-sub-navbar-item\n      class=\"mar-t-a\"\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  </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.15", 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    <ng-content></ng-content>\n\n    <tc-rev-sub-navbar-item\n      class=\"mar-t-a\"\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        ngProjectAs=\"icon\"\n      ></i>\n    </tc-rev-sub-navbar-item>\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"] }]
+                    ], template: "<nav class=\"tc-sub-navbar\">\n  <ul\n    class=\"tc-sub-navbar-list\"\n    [class.tc-rev-submenu-expanded]=\"isMenuExpanded()\"\n  >\n    <ng-content></ng-content>\n\n    <tc-rev-sub-navbar-item\n      class=\"mar-t-a\"\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  </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]
@@ -8238,6 +8456,7 @@ class TcRevComponentsLibModule {
             TcRevCheckboxDirective,
             TcRevDropdownComponent,
             TcRevDropdownGroupedComponent,
+            TcRevDropdownMultiComponent,
             TcRevDropdownMultiLevelComponent,
             TcRevEmptyContentComponent,
             TcRevFaqComponent,
@@ -8269,6 +8488,7 @@ class TcRevComponentsLibModule {
             TcRevCheckboxDirective,
             TcRevDropdownComponent,
             TcRevDropdownGroupedComponent,
+            TcRevDropdownMultiComponent,
             TcRevDropdownMultiLevelComponent,
             TcRevEmptyContentComponent,
             TcRevFaqComponent,
@@ -8297,6 +8517,7 @@ class TcRevComponentsLibModule {
             TcRevCardAccordionComponent,
             TcRevDropdownComponent,
             TcRevDropdownGroupedComponent,
+            TcRevDropdownMultiComponent,
             TcRevDropdownMultiLevelComponent,
             TcRevFaqComponent,
             TcRevInputContainerComponent,
@@ -8326,6 +8547,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         TcRevCheckboxDirective,
                         TcRevDropdownComponent,
                         TcRevDropdownGroupedComponent,
+                        TcRevDropdownMultiComponent,
                         TcRevDropdownMultiLevelComponent,
                         TcRevEmptyContentComponent,
                         TcRevFaqComponent,
@@ -8359,6 +8581,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         TcRevCheckboxDirective,
                         TcRevDropdownComponent,
                         TcRevDropdownGroupedComponent,
+                        TcRevDropdownMultiComponent,
                         TcRevDropdownMultiLevelComponent,
                         TcRevEmptyContentComponent,
                         TcRevFaqComponent,
@@ -8395,5 +8618,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { BytesPipe, CNPJPipe, CPFPipe, CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR$1 as CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR, DateBRPipe, DropdownGroupedSize, DropdownSize, MonthNamePipe, MultiLevelDropdownSize, ProgressStatusBarGradientStatus, RespectivePipe, StatusInfoPipe, TCCondition, TCFiltersType, TCloudUiAccordionBodyComponent, TCloudUiAccordionComponent, TCloudUiAccordionModule, TCloudUiAccordionTitleComponent, TCloudUiAlignDirective, TCloudUiCheckAccessDirective, TCloudUiCheckAccessService, TCloudUiChoiceIssuesComponent, TCloudUiChoiceIssuesModule, TCloudUiCubesComponent, TCloudUiCurrencyDirective, TCloudUiDataListComponent, TCloudUiDataListModule, TCloudUiDataListOptionComponent, TCloudUiDatepickerComponent, TCloudUiDatepickerModule, TCloudUiDatepickerTimeComponent, TCloudUiDatepickerTimeModule, TCloudUiDigitOnlyDirective, TCloudUiDirectiveModule, TCloudUiElCopyDirective, TCloudUiFiltersComponent, TCloudUiFiltersModule, TCloudUiHighLightDirective, TCloudUiHoverParentDirective, TCloudUiInputPasswordComponent, TCloudUiInputPasswordModule, TCloudUiInputSearchComponent, TCloudUiInputSearchModule, TCloudUiIpMaskDirective, TCloudUiLabelTokenComponent, TCloudUiLabelTokenModule, TCloudUiLineStepCircleComponent, TCloudUiLineStepCircleModule, TCloudUiLineStepTitleComponent, TCloudUiLineStepTitleModule, TCloudUiLinhaLogoComponent, TCloudUiLinhaLogoModule, TCloudUiLoadingComponent, TCloudUiLoadingModule, TCloudUiLoadingTransitionsService, TCloudUiModalBodyComponent, TCloudUiModalComponent, TCloudUiModalFooterComponent, TCloudUiModalHeaderComponent, TCloudUiModalModule, TCloudUiModule, TCloudUiMultiInputComponent, TCloudUiMultiInputModule, TCloudUiMultiSelectComponent, TCloudUiMultiSelectModule, TCloudUiMultiplesValuesComponent, TCloudUiMultiplesValuesModule, TCloudUiNgCheckAccessDirective, TCloudUiNgFeatureFlagsDirective, TCloudUiNotFoundComponent, TCloudUiNotFoundModule, TCloudUiNumberStepComponent, TCloudUiNumberStepModule, TCloudUiPipesModule, TCloudUiProgressBarComponent, TCloudUiProgressBarModule, TCloudUiRangeDateComponent, TCloudUiReorderItemsComponent, TCloudUiReorderItemsModule, TCloudUiScrollBoxComponent, TCloudUiScrollBoxModule, TCloudUiSearchInObjectService, TCloudUiTabContentComponent, TCloudUiTabHeadComponent, TCloudUiTabMenuComponent, TCloudUiTabMenuModule, TCloudUiTabSubtitleComponent, TCloudUiTabTitleComponent, TCloudUiTableComponent, TCloudUiTableModule, TCloudUiTooltipDirective, TCloudUiWelcomeComponent, TCloudUiWelcomeModule, TagColorsEnum, TcRevButtonDirective, TcRevCalendarComponent, TcRevCardAccordionComponent, TcRevCardComponent, TcRevCardTitleComponent, TcRevCheckboxDirective, TcRevComponentsLibModule, TcRevDropdownComponent, TcRevDropdownGroupedComponent, TcRevDropdownMultiLevelComponent, TcRevEmptyContentComponent, TcRevFaqComponent, TcRevIconButtonDirective, TcRevInputContainerComponent, TcRevInputDirective, TcRevLoadingComponent, TcRevMessageComponent, TcRevMultiInputComponent, TcRevPaginationComponent, TcRevProgressStatusBarComponent, TcRevRadioDirective, TcRevSearchInputComponent, TcRevSideDrawerComponent, TcRevSlideToggleDirective, TcRevSubNavbarComponent, TcRevSubNavbarItemComponent, TcRevTabGroupComponent, TcRevTabItemComponent, TcRevTagComponent, TcRevToastComponent, TcRevWizardStepsComponent, ToTextPipe };
+export { BytesPipe, CNPJPipe, CPFPipe, CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR$1 as CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR, DateBRPipe, DropdownGroupedSize, DropdownMultiSize, DropdownSize, MonthNamePipe, MultiLevelDropdownSize, ProgressStatusBarGradientStatus, RespectivePipe, StatusInfoPipe, TCCondition, TCFiltersType, TCloudUiAccordionBodyComponent, TCloudUiAccordionComponent, TCloudUiAccordionModule, TCloudUiAccordionTitleComponent, TCloudUiAlignDirective, TCloudUiCheckAccessDirective, TCloudUiCheckAccessService, TCloudUiChoiceIssuesComponent, TCloudUiChoiceIssuesModule, TCloudUiCubesComponent, TCloudUiCurrencyDirective, TCloudUiDataListComponent, TCloudUiDataListModule, TCloudUiDataListOptionComponent, TCloudUiDatepickerComponent, TCloudUiDatepickerModule, TCloudUiDatepickerTimeComponent, TCloudUiDatepickerTimeModule, TCloudUiDigitOnlyDirective, TCloudUiDirectiveModule, TCloudUiElCopyDirective, TCloudUiFiltersComponent, TCloudUiFiltersModule, TCloudUiHighLightDirective, TCloudUiHoverParentDirective, TCloudUiInputPasswordComponent, TCloudUiInputPasswordModule, TCloudUiInputSearchComponent, TCloudUiInputSearchModule, TCloudUiIpMaskDirective, TCloudUiLabelTokenComponent, TCloudUiLabelTokenModule, TCloudUiLineStepCircleComponent, TCloudUiLineStepCircleModule, TCloudUiLineStepTitleComponent, TCloudUiLineStepTitleModule, TCloudUiLinhaLogoComponent, TCloudUiLinhaLogoModule, TCloudUiLoadingComponent, TCloudUiLoadingModule, TCloudUiLoadingTransitionsService, TCloudUiModalBodyComponent, TCloudUiModalComponent, TCloudUiModalFooterComponent, TCloudUiModalHeaderComponent, TCloudUiModalModule, TCloudUiModule, TCloudUiMultiInputComponent, TCloudUiMultiInputModule, TCloudUiMultiSelectComponent, TCloudUiMultiSelectModule, TCloudUiMultiplesValuesComponent, TCloudUiMultiplesValuesModule, TCloudUiNgCheckAccessDirective, TCloudUiNgFeatureFlagsDirective, TCloudUiNotFoundComponent, TCloudUiNotFoundModule, TCloudUiNumberStepComponent, TCloudUiNumberStepModule, TCloudUiPipesModule, TCloudUiProgressBarComponent, TCloudUiProgressBarModule, TCloudUiRangeDateComponent, TCloudUiReorderItemsComponent, TCloudUiReorderItemsModule, TCloudUiScrollBoxComponent, TCloudUiScrollBoxModule, TCloudUiSearchInObjectService, TCloudUiTabContentComponent, TCloudUiTabHeadComponent, TCloudUiTabMenuComponent, TCloudUiTabMenuModule, TCloudUiTabSubtitleComponent, TCloudUiTabTitleComponent, TCloudUiTableComponent, TCloudUiTableModule, TCloudUiTooltipDirective, TCloudUiWelcomeComponent, TCloudUiWelcomeModule, 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, TcRevSlideToggleDirective, TcRevSubNavbarComponent, TcRevSubNavbarItemComponent, TcRevTabGroupComponent, TcRevTabItemComponent, TcRevTagComponent, TcRevToastComponent, TcRevWizardStepsComponent, ToTextPipe };
 //# sourceMappingURL=dev-tcloud-tcloud-ui.mjs.map