pjc-fields 0.0.68 → 0.0.70

package/fesm2022/pjc-fields.mjs

@@ -2340,7 +2340,7 @@ class PjcFiltroFieldComponent {
         this.termoBooleano.set(null);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcFiltroFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: PjcFiltroFieldComponent, isStandalone: true, selector: "pjc-filtro-field", inputs: { filtros: { classPropertyName: "filtros", publicName: "filtros", isSignal: true, isRequired: false, transformFunction: null }, tipoSelecionado: { classPropertyName: "tipoSelecionado", publicName: "tipoSelecionado", isSignal: true, isRequired: false, transformFunction: null }, filtrosSelecionados: { classPropertyName: "filtrosSelecionados", publicName: "filtrosSelecionados", isSignal: true, isRequired: false, transformFunction: null }, seletorPlaceholder: { classPropertyName: "seletorPlaceholder", publicName: "seletorPlaceholder", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filtrar: "filtrar", erroValidacao: "erroValidacao" }, ngImport: i0, template: "<div class=\"flex flex-col gap-2 w-full\">\n  <div class=\"pjc-filtro-container\" [class.pjc-filtro-disabled]=\"!entradaHabilitada()\">\n    @if (filtros().length > 0) {\n      <p-select\n        class=\"pjc-filtro-prefix\"\n        [options]=\"filtros()\"\n        [ngModel]=\"codigoAtual()\"\n        (ngModelChange)=\"onSelecionarTipo($event)\"\n        optionLabel=\"nome\"\n        optionValue=\"codigo\"\n        appendTo=\"body\"\n        [placeholder]=\"seletorPlaceholder()\"\n        ariaLabel=\"Selecione o tipo de filtro\"\n      />\n    }\n\n    <div class=\"pjc-filtro-entrada\">\n      @switch (filtroSelecionado()?.tipo) {\n        @case (TipoFiltro.TEXTO) {\n          <input\n            pInputText\n            type=\"text\"\n            [ngModel]=\"termoTexto()\"\n            (ngModelChange)=\"termoTexto.set($event)\"\n            (keydown.enter)=\"aplicar()\"\n            [placeholder]=\"placeholderEntrada()\"\n            [attr.aria-label]=\"filtroSelecionado()?.nome\"\n            [disabled]=\"!entradaHabilitada()\"\n            class=\"pjc-filtro-input pjc-filtro-uppercase\"\n          />\n        }\n\n        @case (TipoFiltro.NUMERICO) {\n          <input\n            pInputText\n            type=\"text\"\n            inputmode=\"numeric\"\n            [ngModel]=\"termoNumerico()\"\n            (ngModelChange)=\"termoNumerico.set($event)\"\n            (keydown.enter)=\"aplicar()\"\n            [placeholder]=\"placeholderEntrada()\"\n            [attr.aria-label]=\"filtroSelecionado()?.nome\"\n            [disabled]=\"!entradaHabilitada()\"\n            class=\"pjc-filtro-input\"\n          />\n        }\n\n        @case (TipoFiltro.NUMERICO_RANGE) {\n          <div class=\"pjc-filtro-range\">\n            <input\n              pInputText\n              type=\"text\"\n              inputmode=\"numeric\"\n              [ngModel]=\"termoNumericoRangeMin()\"\n              (ngModelChange)=\"termoNumericoRangeMin.set($event)\"\n              (keydown.enter)=\"aplicar()\"\n              placeholder=\"m\u00EDn\"\n              [attr.aria-label]=\"(filtroSelecionado()?.nome ?? '') + ' (m\u00EDnimo)'\"\n              [disabled]=\"!entradaHabilitada()\"\n              class=\"pjc-filtro-input\"\n            />\n            <span class=\"pjc-filtro-range-sep\" aria-hidden=\"true\">\u2014</span>\n            <input\n              pInputText\n              type=\"text\"\n              inputmode=\"numeric\"\n              [ngModel]=\"termoNumericoRangeMax()\"\n              (ngModelChange)=\"termoNumericoRangeMax.set($event)\"\n              (keydown.enter)=\"aplicar()\"\n              placeholder=\"m\u00E1x\"\n              [attr.aria-label]=\"(filtroSelecionado()?.nome ?? '') + ' (m\u00E1ximo)'\"\n              [disabled]=\"!entradaHabilitada()\"\n              class=\"pjc-filtro-input\"\n            />\n          </div>\n        }\n\n        @case (TipoFiltro.DATA) {\n          <p-datePicker\n            class=\"pjc-filtro-datepicker\"\n            [ngModel]=\"termoData()\"\n            (ngModelChange)=\"termoData.set($event)\"\n            dateFormat=\"dd/mm/yy\"\n            placeholder=\"dd/mm/aaaa\"\n            appendTo=\"body\"\n            [disabled]=\"!entradaHabilitada()\"\n            [attr.aria-label]=\"filtroSelecionado()?.nome\"\n            (keydown.enter)=\"aplicar()\"\n          />\n        }\n\n        @case (TipoFiltro.DATA_RANGE) {\n          <p-datePicker\n            class=\"pjc-filtro-datepicker\"\n            [ngModel]=\"termoDataRange()\"\n            (ngModelChange)=\"termoDataRange.set($event)\"\n            selectionMode=\"range\"\n            dateFormat=\"dd/mm/yy\"\n            placeholder=\"dd/mm/aaaa - dd/mm/aaaa\"\n            appendTo=\"body\"\n            [disabled]=\"!entradaHabilitada()\"\n            [attr.aria-label]=\"filtroSelecionado()?.nome\"\n            (keydown.enter)=\"aplicar()\"\n          />\n        }\n\n        @case (TipoFiltro.ENUM) {\n          <p-select\n            class=\"pjc-filtro-enum-select\"\n            [options]=\"filtroSelecionado()?.arrayEnum ?? []\"\n            [ngModel]=\"termoEnum()\"\n            (ngModelChange)=\"onAplicarEnum($event)\"\n            optionLabel=\"texto\"\n            [placeholder]=\"placeholderEntrada()\"\n            appendTo=\"body\"\n            [attr.aria-label]=\"filtroSelecionado()?.nome\"\n          />\n        }\n\n        @case (TipoFiltro.ENUM_MULTI) {\n          <p-multiselect\n            class=\"pjc-filtro-enum-multi\"\n            [options]=\"filtroSelecionado()?.arrayEnum ?? []\"\n            [ngModel]=\"termoEnumMulti()\"\n            (ngModelChange)=\"termoEnumMulti.set($event)\"\n            optionLabel=\"texto\"\n            display=\"comma\"\n            [placeholder]=\"placeholderEntrada()\"\n            appendTo=\"body\"\n            [attr.aria-label]=\"filtroSelecionado()?.nome\"\n          />\n        }\n\n        @case (TipoFiltro.BOOLEANO) {\n          <p-select\n            class=\"pjc-filtro-enum-select\"\n            [options]=\"opcoesBooleano()\"\n            [ngModel]=\"termoBooleano()\"\n            (ngModelChange)=\"onAplicarBooleano($event)\"\n            optionLabel=\"texto\"\n            [placeholder]=\"placeholderEntrada()\"\n            appendTo=\"body\"\n            [attr.aria-label]=\"filtroSelecionado()?.nome\"\n          />\n        }\n      }\n    </div>\n\n    @if (aplicaPorConfirmacao() && entradaHabilitada()) {\n      <button\n        type=\"button\"\n        class=\"pjc-filtro-confirmar\"\n        (click)=\"aplicar()\"\n        aria-label=\"Aplicar filtro\"\n      >\n        <i class=\"pi pi-plus\"></i>\n      </button>\n    }\n  </div>\n\n  @if (filtrosSelecionados().length > 0) {\n    <div class=\"pjc-filtro-chips\" role=\"list\" aria-label=\"Filtros aplicados\">\n      @for (f of filtrosSelecionados(); track f.codigo) {\n        <p-chip\n          [label]=\"f.nome + ': ' + f.valorMostrar\"\n          [removable]=\"true\"\n          (onRemove)=\"remover(f)\"\n        />\n      }\n    </div>\n  }\n\n  <div class=\"pjc-sr-only\" role=\"status\" aria-live=\"polite\">{{ anuncioA11y() }}</div>\n</div>\n", styles: [":host{display:block;width:100%}.pjc-filtro-container{display:flex;align-items:center;gap:.5rem;width:100%;padding:.25rem .5rem;border:1px solid var(--p-inputtext-border-color, var(--p-surface-300));border-radius:var(--p-border-radius, .375rem);background:var(--p-inputtext-background, transparent);transition:border-color .15s,box-shadow .15s}.pjc-filtro-container:focus-within{border-color:var(--p-primary-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--p-primary-color) 20%,transparent)}.pjc-filtro-container.pjc-filtro-disabled{opacity:.6;pointer-events:none}.pjc-filtro-entrada{flex:1 1 auto;min-width:0;display:flex;align-items:center}.pjc-filtro-confirmar{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:9999px;border:1px solid var(--p-surface-300);background:transparent;color:var(--p-primary-color);cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}.pjc-filtro-confirmar:hover:not(:disabled){background:var(--p-primary-color);color:var(--p-primary-contrast-color, #fff);border-color:var(--p-primary-color)}.pjc-filtro-confirmar:disabled{cursor:not-allowed;opacity:.5}:host ::ng-deep .pjc-filtro-prefix .p-select,:host ::ng-deep .pjc-filtro-prefix.p-select,:host ::ng-deep .pjc-filtro-prefix .p-select:hover,:host ::ng-deep .pjc-filtro-prefix .p-select:focus,:host ::ng-deep .pjc-filtro-prefix .p-select.p-focus{border:none;box-shadow:none;background:transparent;min-width:8rem}:host ::ng-deep .pjc-filtro-prefix .p-select-label{padding:.25rem;font-weight:500}:host ::ng-deep input.pjc-filtro-input,:host ::ng-deep input.pjc-filtro-input.p-inputtext{flex:1 1 auto;width:100%;border:none;outline:none;box-shadow:none;background:transparent;padding:.25rem 0;font:inherit;color:inherit}:host ::ng-deep input.pjc-filtro-input:hover,:host ::ng-deep input.pjc-filtro-input:focus,:host ::ng-deep input.pjc-filtro-input:focus-visible,:host ::ng-deep input.pjc-filtro-input.p-inputtext:hover,:host ::ng-deep input.pjc-filtro-input.p-inputtext:focus,:host ::ng-deep input.pjc-filtro-input.p-inputtext:focus-visible{border:none;outline:none;box-shadow:none;background:transparent}.pjc-filtro-input.pjc-filtro-uppercase{text-transform:uppercase}:host ::ng-deep .pjc-filtro-datepicker .p-datepicker,:host ::ng-deep .pjc-filtro-datepicker.p-datepicker{width:100%;border:none;box-shadow:none;background:transparent}:host ::ng-deep .pjc-filtro-datepicker input.p-inputtext,:host ::ng-deep .pjc-filtro-datepicker input.p-inputtext:hover,:host ::ng-deep .pjc-filtro-datepicker input.p-inputtext:focus,:host ::ng-deep .pjc-filtro-datepicker input.p-inputtext:focus-visible{border:none;outline:none;box-shadow:none;background:transparent;padding:.25rem 0;width:100%}:host ::ng-deep .pjc-filtro-enum-select .p-select,:host ::ng-deep .pjc-filtro-enum-select .p-select:hover,:host ::ng-deep .pjc-filtro-enum-select .p-select:focus,:host ::ng-deep .pjc-filtro-enum-select .p-select.p-focus{border:none;box-shadow:none;background:transparent;width:100%}:host ::ng-deep .pjc-filtro-enum-multi .p-multiselect,:host ::ng-deep .pjc-filtro-enum-multi .p-multiselect:hover,:host ::ng-deep .pjc-filtro-enum-multi .p-multiselect:focus,:host ::ng-deep .pjc-filtro-enum-multi .p-multiselect.p-focus{border:none;box-shadow:none;background:transparent;width:100%}.pjc-filtro-range{display:flex;align-items:center;gap:.25rem;flex:1 1 auto;min-width:0}.pjc-filtro-range .pjc-filtro-input{flex:1 1 0;min-width:0}.pjc-filtro-range-sep{color:var(--p-text-muted-color);-webkit-user-select:none;user-select:none;flex:0 0 auto}.pjc-filtro-chips{display:flex;flex-wrap:wrap;gap:.25rem}.pjc-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i2$3.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: MultiSelectModule }, { kind: "component", type: i3$3.MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "styleClass", "panelStyle", "panelStyleClass", "inputId", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "dataKey", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "placeholder", "options", "filterValue", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus", "highlightOnSelect", "size", "variant", "fluid", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i1$1.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: DatePickerModule }, { kind: "component", type: i2$2.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "styleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "readonlyInput", "shortYearCutoff", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "view", "defaultDate", "appendTo", "motionOptions"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "ngmodule", type: ChipModule }, { kind: "component", type: i6$1.Chip, selector: "p-chip", inputs: ["label", "icon", "image", "alt", "styleClass", "disabled", "removable", "removeIcon", "chipProps"], outputs: ["onRemove", "onImageError"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: PjcFiltroFieldComponent, isStandalone: true, selector: "pjc-filtro-field", inputs: { filtros: { classPropertyName: "filtros", publicName: "filtros", isSignal: true, isRequired: false, transformFunction: null }, tipoSelecionado: { classPropertyName: "tipoSelecionado", publicName: "tipoSelecionado", isSignal: true, isRequired: false, transformFunction: null }, filtrosSelecionados: { classPropertyName: "filtrosSelecionados", publicName: "filtrosSelecionados", isSignal: true, isRequired: false, transformFunction: null }, seletorPlaceholder: { classPropertyName: "seletorPlaceholder", publicName: "seletorPlaceholder", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filtrar: "filtrar", erroValidacao: "erroValidacao" }, ngImport: i0, template: "<div class=\"flex flex-col gap-2 w-full\">\n  <div class=\"pjc-filtro-container\" [class.pjc-filtro-disabled]=\"!entradaHabilitada()\">\n    @if (filtros().length > 0) {\n      <p-select\n        class=\"pjc-filtro-prefix\"\n        [options]=\"filtros()\"\n        [ngModel]=\"codigoAtual()\"\n        (ngModelChange)=\"onSelecionarTipo($event)\"\n        optionLabel=\"nome\"\n        optionValue=\"codigo\"\n        appendTo=\"body\"\n        [placeholder]=\"seletorPlaceholder()\"\n        ariaLabel=\"Selecione o tipo de filtro\"\n      />\n    }\n\n    <div class=\"pjc-filtro-entrada\">\n      @switch (filtroSelecionado()?.tipo) {\n        @case (TipoFiltro.TEXTO) {\n          <input\n            pInputText\n            type=\"text\"\n            [ngModel]=\"termoTexto()\"\n            (ngModelChange)=\"termoTexto.set($event)\"\n            (keydown.enter)=\"aplicar()\"\n            [placeholder]=\"placeholderEntrada()\"\n            [attr.aria-label]=\"filtroSelecionado()?.nome\"\n            [disabled]=\"!entradaHabilitada()\"\n            class=\"pjc-filtro-input pjc-filtro-uppercase\"\n          />\n        }\n\n        @case (TipoFiltro.NUMERICO) {\n          <input\n            pInputText\n            type=\"text\"\n            inputmode=\"numeric\"\n            [ngModel]=\"termoNumerico()\"\n            (ngModelChange)=\"termoNumerico.set($event)\"\n            (keydown.enter)=\"aplicar()\"\n            [placeholder]=\"placeholderEntrada()\"\n            [attr.aria-label]=\"filtroSelecionado()?.nome\"\n            [disabled]=\"!entradaHabilitada()\"\n            class=\"pjc-filtro-input\"\n          />\n        }\n\n        @case (TipoFiltro.NUMERICO_RANGE) {\n          <div class=\"pjc-filtro-range\">\n            <input\n              pInputText\n              type=\"text\"\n              inputmode=\"numeric\"\n              [ngModel]=\"termoNumericoRangeMin()\"\n              (ngModelChange)=\"termoNumericoRangeMin.set($event)\"\n              (keydown.enter)=\"aplicar()\"\n              placeholder=\"m\u00EDn\"\n              [attr.aria-label]=\"(filtroSelecionado()?.nome ?? '') + ' (m\u00EDnimo)'\"\n              [disabled]=\"!entradaHabilitada()\"\n              class=\"pjc-filtro-input\"\n            />\n            <span class=\"pjc-filtro-range-sep\" aria-hidden=\"true\">\u2014</span>\n            <input\n              pInputText\n              type=\"text\"\n              inputmode=\"numeric\"\n              [ngModel]=\"termoNumericoRangeMax()\"\n              (ngModelChange)=\"termoNumericoRangeMax.set($event)\"\n              (keydown.enter)=\"aplicar()\"\n              placeholder=\"m\u00E1x\"\n              [attr.aria-label]=\"(filtroSelecionado()?.nome ?? '') + ' (m\u00E1ximo)'\"\n              [disabled]=\"!entradaHabilitada()\"\n              class=\"pjc-filtro-input\"\n            />\n          </div>\n        }\n\n        @case (TipoFiltro.DATA) {\n          <p-datePicker\n            class=\"pjc-filtro-datepicker\"\n            [ngModel]=\"termoData()\"\n            (ngModelChange)=\"termoData.set($event)\"\n            dateFormat=\"dd/mm/yy\"\n            placeholder=\"dd/mm/aaaa\"\n            appendTo=\"body\"\n            [disabled]=\"!entradaHabilitada()\"\n            [attr.aria-label]=\"filtroSelecionado()?.nome\"\n            (keydown.enter)=\"aplicar()\"\n          />\n        }\n\n        @case (TipoFiltro.DATA_RANGE) {\n          <p-datePicker\n            class=\"pjc-filtro-datepicker\"\n            [ngModel]=\"termoDataRange()\"\n            (ngModelChange)=\"termoDataRange.set($event)\"\n            selectionMode=\"range\"\n            dateFormat=\"dd/mm/yy\"\n            placeholder=\"dd/mm/aaaa - dd/mm/aaaa\"\n            appendTo=\"body\"\n            [disabled]=\"!entradaHabilitada()\"\n            [attr.aria-label]=\"filtroSelecionado()?.nome\"\n            (keydown.enter)=\"aplicar()\"\n          />\n        }\n\n        @case (TipoFiltro.ENUM) {\n          <p-select\n            class=\"pjc-filtro-enum-select\"\n            [options]=\"filtroSelecionado()?.arrayEnum ?? []\"\n            [ngModel]=\"termoEnum()\"\n            (ngModelChange)=\"onAplicarEnum($event)\"\n            optionLabel=\"texto\"\n            [placeholder]=\"placeholderEntrada()\"\n            appendTo=\"body\"\n            [attr.aria-label]=\"filtroSelecionado()?.nome\"\n          />\n        }\n\n        @case (TipoFiltro.ENUM_MULTI) {\n          <p-multiselect\n            class=\"pjc-filtro-enum-multi\"\n            [options]=\"filtroSelecionado()?.arrayEnum ?? []\"\n            [ngModel]=\"termoEnumMulti()\"\n            (ngModelChange)=\"termoEnumMulti.set($event)\"\n            optionLabel=\"texto\"\n            display=\"comma\"\n            [placeholder]=\"placeholderEntrada()\"\n            appendTo=\"body\"\n            [attr.aria-label]=\"filtroSelecionado()?.nome\"\n          />\n        }\n\n        @case (TipoFiltro.BOOLEANO) {\n          <p-select\n            class=\"pjc-filtro-enum-select\"\n            [options]=\"opcoesBooleano()\"\n            [ngModel]=\"termoBooleano()\"\n            (ngModelChange)=\"onAplicarBooleano($event)\"\n            optionLabel=\"texto\"\n            [placeholder]=\"placeholderEntrada()\"\n            appendTo=\"body\"\n            [attr.aria-label]=\"filtroSelecionado()?.nome\"\n          />\n        }\n      }\n    </div>\n\n    @if (aplicaPorConfirmacao() && entradaHabilitada()) {\n      <button\n        type=\"button\"\n        class=\"pjc-filtro-confirmar\"\n        (click)=\"aplicar()\"\n        aria-label=\"Aplicar filtro\"\n      >\n        <i class=\"pi pi-plus\"></i>\n      </button>\n    }\n  </div>\n\n  @if (filtrosSelecionados().length > 0) {\n    <div class=\"pjc-filtro-chips\" role=\"list\" aria-label=\"Filtros aplicados\">\n      @for (f of filtrosSelecionados(); track f.codigo) {\n        <p-chip\n          [label]=\"f.nome + ': ' + f.valorMostrar\"\n          [removable]=\"true\"\n          (onRemove)=\"remover(f)\"\n        />\n      }\n    </div>\n  }\n\n  <div class=\"pjc-sr-only\" role=\"status\" aria-live=\"polite\">{{ anuncioA11y() }}</div>\n</div>\n", styles: [":host{display:block;width:100%;position:relative}.pjc-filtro-container{display:flex;align-items:center;gap:.5rem;width:100%;padding:.25rem .5rem;border:1px solid var(--p-inputtext-border-color, var(--p-surface-300));border-radius:var(--p-border-radius, .375rem);background:var(--p-inputtext-background, transparent);transition:border-color .15s,box-shadow .15s}.pjc-filtro-container:focus-within{border-color:var(--p-primary-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--p-primary-color) 20%,transparent)}.pjc-filtro-container.pjc-filtro-disabled{opacity:.6;pointer-events:none}.pjc-filtro-entrada{flex:1 1 auto;min-width:0;display:flex;align-items:center}.pjc-filtro-confirmar{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:9999px;border:1px solid var(--p-surface-300);background:transparent;color:var(--p-primary-color);cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}.pjc-filtro-confirmar:hover:not(:disabled){background:var(--p-primary-color);color:var(--p-primary-contrast-color, #fff);border-color:var(--p-primary-color)}.pjc-filtro-confirmar:disabled{cursor:not-allowed;opacity:.5}:host ::ng-deep .pjc-filtro-prefix .p-select,:host ::ng-deep .pjc-filtro-prefix.p-select,:host ::ng-deep .pjc-filtro-prefix .p-select:hover,:host ::ng-deep .pjc-filtro-prefix .p-select:focus,:host ::ng-deep .pjc-filtro-prefix .p-select.p-focus{border:none;box-shadow:none;background:transparent;min-width:8rem}:host ::ng-deep .pjc-filtro-prefix .p-select-label{padding:.25rem;font-weight:500}:host ::ng-deep input.pjc-filtro-input,:host ::ng-deep input.pjc-filtro-input.p-inputtext{flex:1 1 auto;width:100%;border:none;outline:none;box-shadow:none;background:transparent;padding:.25rem 0;font:inherit;color:inherit}:host ::ng-deep input.pjc-filtro-input:hover,:host ::ng-deep input.pjc-filtro-input:focus,:host ::ng-deep input.pjc-filtro-input:focus-visible,:host ::ng-deep input.pjc-filtro-input.p-inputtext:hover,:host ::ng-deep input.pjc-filtro-input.p-inputtext:focus,:host ::ng-deep input.pjc-filtro-input.p-inputtext:focus-visible{border:none;outline:none;box-shadow:none;background:transparent}.pjc-filtro-input.pjc-filtro-uppercase{text-transform:uppercase}:host ::ng-deep .pjc-filtro-datepicker .p-datepicker,:host ::ng-deep .pjc-filtro-datepicker.p-datepicker{width:100%;border:none;box-shadow:none;background:transparent}:host ::ng-deep .pjc-filtro-datepicker input.p-inputtext,:host ::ng-deep .pjc-filtro-datepicker input.p-inputtext:hover,:host ::ng-deep .pjc-filtro-datepicker input.p-inputtext:focus,:host ::ng-deep .pjc-filtro-datepicker input.p-inputtext:focus-visible{border:none;outline:none;box-shadow:none;background:transparent;padding:.25rem 0;width:100%}:host ::ng-deep .pjc-filtro-enum-select .p-select,:host ::ng-deep .pjc-filtro-enum-select .p-select:hover,:host ::ng-deep .pjc-filtro-enum-select .p-select:focus,:host ::ng-deep .pjc-filtro-enum-select .p-select.p-focus{border:none;box-shadow:none;background:transparent;width:100%}:host ::ng-deep .pjc-filtro-enum-multi .p-multiselect,:host ::ng-deep .pjc-filtro-enum-multi .p-multiselect:hover,:host ::ng-deep .pjc-filtro-enum-multi .p-multiselect:focus,:host ::ng-deep .pjc-filtro-enum-multi .p-multiselect.p-focus{border:none;box-shadow:none;background:transparent;width:100%}.pjc-filtro-range{display:flex;align-items:center;gap:.25rem;flex:1 1 auto;min-width:0}.pjc-filtro-range .pjc-filtro-input{flex:1 1 0;min-width:0}.pjc-filtro-range-sep{color:var(--p-text-muted-color);-webkit-user-select:none;user-select:none;flex:0 0 auto}.pjc-filtro-chips{display:flex;flex-wrap:wrap;gap:.25rem}.pjc-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i2$3.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: MultiSelectModule }, { kind: "component", type: i3$3.MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "styleClass", "panelStyle", "panelStyleClass", "inputId", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "dataKey", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "placeholder", "options", "filterValue", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus", "highlightOnSelect", "size", "variant", "fluid", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i1$1.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: DatePickerModule }, { kind: "component", type: i2$2.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "styleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "readonlyInput", "shortYearCutoff", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "view", "defaultDate", "appendTo", "motionOptions"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "ngmodule", type: ChipModule }, { kind: "component", type: i6$1.Chip, selector: "p-chip", inputs: ["label", "icon", "image", "alt", "styleClass", "disabled", "removable", "removeIcon", "chipProps"], outputs: ["onRemove", "onImageError"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcFiltroFieldComponent, decorators: [{
             type: Component,
@@ -2351,7 +2351,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
                         InputTextModule,
                         DatePickerModule,
                         ChipModule,
-                    ], template: "<div class=\"flex flex-col gap-2 w-full\">\n  <div class=\"pjc-filtro-container\" [class.pjc-filtro-disabled]=\"!entradaHabilitada()\">\n    @if (filtros().length > 0) {\n      <p-select\n        class=\"pjc-filtro-prefix\"\n        [options]=\"filtros()\"\n        [ngModel]=\"codigoAtual()\"\n        (ngModelChange)=\"onSelecionarTipo($event)\"\n        optionLabel=\"nome\"\n        optionValue=\"codigo\"\n        appendTo=\"body\"\n        [placeholder]=\"seletorPlaceholder()\"\n        ariaLabel=\"Selecione o tipo de filtro\"\n      />\n    }\n\n    <div class=\"pjc-filtro-entrada\">\n      @switch (filtroSelecionado()?.tipo) {\n        @case (TipoFiltro.TEXTO) {\n          <input\n            pInputText\n            type=\"text\"\n            [ngModel]=\"termoTexto()\"\n            (ngModelChange)=\"termoTexto.set($event)\"\n            (keydown.enter)=\"aplicar()\"\n            [placeholder]=\"placeholderEntrada()\"\n            [attr.aria-label]=\"filtroSelecionado()?.nome\"\n            [disabled]=\"!entradaHabilitada()\"\n            class=\"pjc-filtro-input pjc-filtro-uppercase\"\n          />\n        }\n\n        @case (TipoFiltro.NUMERICO) {\n          <input\n            pInputText\n            type=\"text\"\n            inputmode=\"numeric\"\n            [ngModel]=\"termoNumerico()\"\n            (ngModelChange)=\"termoNumerico.set($event)\"\n            (keydown.enter)=\"aplicar()\"\n            [placeholder]=\"placeholderEntrada()\"\n            [attr.aria-label]=\"filtroSelecionado()?.nome\"\n            [disabled]=\"!entradaHabilitada()\"\n            class=\"pjc-filtro-input\"\n          />\n        }\n\n        @case (TipoFiltro.NUMERICO_RANGE) {\n          <div class=\"pjc-filtro-range\">\n            <input\n              pInputText\n              type=\"text\"\n              inputmode=\"numeric\"\n              [ngModel]=\"termoNumericoRangeMin()\"\n              (ngModelChange)=\"termoNumericoRangeMin.set($event)\"\n              (keydown.enter)=\"aplicar()\"\n              placeholder=\"m\u00EDn\"\n              [attr.aria-label]=\"(filtroSelecionado()?.nome ?? '') + ' (m\u00EDnimo)'\"\n              [disabled]=\"!entradaHabilitada()\"\n              class=\"pjc-filtro-input\"\n            />\n            <span class=\"pjc-filtro-range-sep\" aria-hidden=\"true\">\u2014</span>\n            <input\n              pInputText\n              type=\"text\"\n              inputmode=\"numeric\"\n              [ngModel]=\"termoNumericoRangeMax()\"\n              (ngModelChange)=\"termoNumericoRangeMax.set($event)\"\n              (keydown.enter)=\"aplicar()\"\n              placeholder=\"m\u00E1x\"\n              [attr.aria-label]=\"(filtroSelecionado()?.nome ?? '') + ' (m\u00E1ximo)'\"\n              [disabled]=\"!entradaHabilitada()\"\n              class=\"pjc-filtro-input\"\n            />\n          </div>\n        }\n\n        @case (TipoFiltro.DATA) {\n          <p-datePicker\n            class=\"pjc-filtro-datepicker\"\n            [ngModel]=\"termoData()\"\n            (ngModelChange)=\"termoData.set($event)\"\n            dateFormat=\"dd/mm/yy\"\n            placeholder=\"dd/mm/aaaa\"\n            appendTo=\"body\"\n            [disabled]=\"!entradaHabilitada()\"\n            [attr.aria-label]=\"filtroSelecionado()?.nome\"\n            (keydown.enter)=\"aplicar()\"\n          />\n        }\n\n        @case (TipoFiltro.DATA_RANGE) {\n          <p-datePicker\n            class=\"pjc-filtro-datepicker\"\n            [ngModel]=\"termoDataRange()\"\n            (ngModelChange)=\"termoDataRange.set($event)\"\n            selectionMode=\"range\"\n            dateFormat=\"dd/mm/yy\"\n            placeholder=\"dd/mm/aaaa - dd/mm/aaaa\"\n            appendTo=\"body\"\n            [disabled]=\"!entradaHabilitada()\"\n            [attr.aria-label]=\"filtroSelecionado()?.nome\"\n            (keydown.enter)=\"aplicar()\"\n          />\n        }\n\n        @case (TipoFiltro.ENUM) {\n          <p-select\n            class=\"pjc-filtro-enum-select\"\n            [options]=\"filtroSelecionado()?.arrayEnum ?? []\"\n            [ngModel]=\"termoEnum()\"\n            (ngModelChange)=\"onAplicarEnum($event)\"\n            optionLabel=\"texto\"\n            [placeholder]=\"placeholderEntrada()\"\n            appendTo=\"body\"\n            [attr.aria-label]=\"filtroSelecionado()?.nome\"\n          />\n        }\n\n        @case (TipoFiltro.ENUM_MULTI) {\n          <p-multiselect\n            class=\"pjc-filtro-enum-multi\"\n            [options]=\"filtroSelecionado()?.arrayEnum ?? []\"\n            [ngModel]=\"termoEnumMulti()\"\n            (ngModelChange)=\"termoEnumMulti.set($event)\"\n            optionLabel=\"texto\"\n            display=\"comma\"\n            [placeholder]=\"placeholderEntrada()\"\n            appendTo=\"body\"\n            [attr.aria-label]=\"filtroSelecionado()?.nome\"\n          />\n        }\n\n        @case (TipoFiltro.BOOLEANO) {\n          <p-select\n            class=\"pjc-filtro-enum-select\"\n            [options]=\"opcoesBooleano()\"\n            [ngModel]=\"termoBooleano()\"\n            (ngModelChange)=\"onAplicarBooleano($event)\"\n            optionLabel=\"texto\"\n            [placeholder]=\"placeholderEntrada()\"\n            appendTo=\"body\"\n            [attr.aria-label]=\"filtroSelecionado()?.nome\"\n          />\n        }\n      }\n    </div>\n\n    @if (aplicaPorConfirmacao() && entradaHabilitada()) {\n      <button\n        type=\"button\"\n        class=\"pjc-filtro-confirmar\"\n        (click)=\"aplicar()\"\n        aria-label=\"Aplicar filtro\"\n      >\n        <i class=\"pi pi-plus\"></i>\n      </button>\n    }\n  </div>\n\n  @if (filtrosSelecionados().length > 0) {\n    <div class=\"pjc-filtro-chips\" role=\"list\" aria-label=\"Filtros aplicados\">\n      @for (f of filtrosSelecionados(); track f.codigo) {\n        <p-chip\n          [label]=\"f.nome + ': ' + f.valorMostrar\"\n          [removable]=\"true\"\n          (onRemove)=\"remover(f)\"\n        />\n      }\n    </div>\n  }\n\n  <div class=\"pjc-sr-only\" role=\"status\" aria-live=\"polite\">{{ anuncioA11y() }}</div>\n</div>\n", styles: [":host{display:block;width:100%}.pjc-filtro-container{display:flex;align-items:center;gap:.5rem;width:100%;padding:.25rem .5rem;border:1px solid var(--p-inputtext-border-color, var(--p-surface-300));border-radius:var(--p-border-radius, .375rem);background:var(--p-inputtext-background, transparent);transition:border-color .15s,box-shadow .15s}.pjc-filtro-container:focus-within{border-color:var(--p-primary-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--p-primary-color) 20%,transparent)}.pjc-filtro-container.pjc-filtro-disabled{opacity:.6;pointer-events:none}.pjc-filtro-entrada{flex:1 1 auto;min-width:0;display:flex;align-items:center}.pjc-filtro-confirmar{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:9999px;border:1px solid var(--p-surface-300);background:transparent;color:var(--p-primary-color);cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}.pjc-filtro-confirmar:hover:not(:disabled){background:var(--p-primary-color);color:var(--p-primary-contrast-color, #fff);border-color:var(--p-primary-color)}.pjc-filtro-confirmar:disabled{cursor:not-allowed;opacity:.5}:host ::ng-deep .pjc-filtro-prefix .p-select,:host ::ng-deep .pjc-filtro-prefix.p-select,:host ::ng-deep .pjc-filtro-prefix .p-select:hover,:host ::ng-deep .pjc-filtro-prefix .p-select:focus,:host ::ng-deep .pjc-filtro-prefix .p-select.p-focus{border:none;box-shadow:none;background:transparent;min-width:8rem}:host ::ng-deep .pjc-filtro-prefix .p-select-label{padding:.25rem;font-weight:500}:host ::ng-deep input.pjc-filtro-input,:host ::ng-deep input.pjc-filtro-input.p-inputtext{flex:1 1 auto;width:100%;border:none;outline:none;box-shadow:none;background:transparent;padding:.25rem 0;font:inherit;color:inherit}:host ::ng-deep input.pjc-filtro-input:hover,:host ::ng-deep input.pjc-filtro-input:focus,:host ::ng-deep input.pjc-filtro-input:focus-visible,:host ::ng-deep input.pjc-filtro-input.p-inputtext:hover,:host ::ng-deep input.pjc-filtro-input.p-inputtext:focus,:host ::ng-deep input.pjc-filtro-input.p-inputtext:focus-visible{border:none;outline:none;box-shadow:none;background:transparent}.pjc-filtro-input.pjc-filtro-uppercase{text-transform:uppercase}:host ::ng-deep .pjc-filtro-datepicker .p-datepicker,:host ::ng-deep .pjc-filtro-datepicker.p-datepicker{width:100%;border:none;box-shadow:none;background:transparent}:host ::ng-deep .pjc-filtro-datepicker input.p-inputtext,:host ::ng-deep .pjc-filtro-datepicker input.p-inputtext:hover,:host ::ng-deep .pjc-filtro-datepicker input.p-inputtext:focus,:host ::ng-deep .pjc-filtro-datepicker input.p-inputtext:focus-visible{border:none;outline:none;box-shadow:none;background:transparent;padding:.25rem 0;width:100%}:host ::ng-deep .pjc-filtro-enum-select .p-select,:host ::ng-deep .pjc-filtro-enum-select .p-select:hover,:host ::ng-deep .pjc-filtro-enum-select .p-select:focus,:host ::ng-deep .pjc-filtro-enum-select .p-select.p-focus{border:none;box-shadow:none;background:transparent;width:100%}:host ::ng-deep .pjc-filtro-enum-multi .p-multiselect,:host ::ng-deep .pjc-filtro-enum-multi .p-multiselect:hover,:host ::ng-deep .pjc-filtro-enum-multi .p-multiselect:focus,:host ::ng-deep .pjc-filtro-enum-multi .p-multiselect.p-focus{border:none;box-shadow:none;background:transparent;width:100%}.pjc-filtro-range{display:flex;align-items:center;gap:.25rem;flex:1 1 auto;min-width:0}.pjc-filtro-range .pjc-filtro-input{flex:1 1 0;min-width:0}.pjc-filtro-range-sep{color:var(--p-text-muted-color);-webkit-user-select:none;user-select:none;flex:0 0 auto}.pjc-filtro-chips{display:flex;flex-wrap:wrap;gap:.25rem}.pjc-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n"] }]
+                    ], template: "<div class=\"flex flex-col gap-2 w-full\">\n  <div class=\"pjc-filtro-container\" [class.pjc-filtro-disabled]=\"!entradaHabilitada()\">\n    @if (filtros().length > 0) {\n      <p-select\n        class=\"pjc-filtro-prefix\"\n        [options]=\"filtros()\"\n        [ngModel]=\"codigoAtual()\"\n        (ngModelChange)=\"onSelecionarTipo($event)\"\n        optionLabel=\"nome\"\n        optionValue=\"codigo\"\n        appendTo=\"body\"\n        [placeholder]=\"seletorPlaceholder()\"\n        ariaLabel=\"Selecione o tipo de filtro\"\n      />\n    }\n\n    <div class=\"pjc-filtro-entrada\">\n      @switch (filtroSelecionado()?.tipo) {\n        @case (TipoFiltro.TEXTO) {\n          <input\n            pInputText\n            type=\"text\"\n            [ngModel]=\"termoTexto()\"\n            (ngModelChange)=\"termoTexto.set($event)\"\n            (keydown.enter)=\"aplicar()\"\n            [placeholder]=\"placeholderEntrada()\"\n            [attr.aria-label]=\"filtroSelecionado()?.nome\"\n            [disabled]=\"!entradaHabilitada()\"\n            class=\"pjc-filtro-input pjc-filtro-uppercase\"\n          />\n        }\n\n        @case (TipoFiltro.NUMERICO) {\n          <input\n            pInputText\n            type=\"text\"\n            inputmode=\"numeric\"\n            [ngModel]=\"termoNumerico()\"\n            (ngModelChange)=\"termoNumerico.set($event)\"\n            (keydown.enter)=\"aplicar()\"\n            [placeholder]=\"placeholderEntrada()\"\n            [attr.aria-label]=\"filtroSelecionado()?.nome\"\n            [disabled]=\"!entradaHabilitada()\"\n            class=\"pjc-filtro-input\"\n          />\n        }\n\n        @case (TipoFiltro.NUMERICO_RANGE) {\n          <div class=\"pjc-filtro-range\">\n            <input\n              pInputText\n              type=\"text\"\n              inputmode=\"numeric\"\n              [ngModel]=\"termoNumericoRangeMin()\"\n              (ngModelChange)=\"termoNumericoRangeMin.set($event)\"\n              (keydown.enter)=\"aplicar()\"\n              placeholder=\"m\u00EDn\"\n              [attr.aria-label]=\"(filtroSelecionado()?.nome ?? '') + ' (m\u00EDnimo)'\"\n              [disabled]=\"!entradaHabilitada()\"\n              class=\"pjc-filtro-input\"\n            />\n            <span class=\"pjc-filtro-range-sep\" aria-hidden=\"true\">\u2014</span>\n            <input\n              pInputText\n              type=\"text\"\n              inputmode=\"numeric\"\n              [ngModel]=\"termoNumericoRangeMax()\"\n              (ngModelChange)=\"termoNumericoRangeMax.set($event)\"\n              (keydown.enter)=\"aplicar()\"\n              placeholder=\"m\u00E1x\"\n              [attr.aria-label]=\"(filtroSelecionado()?.nome ?? '') + ' (m\u00E1ximo)'\"\n              [disabled]=\"!entradaHabilitada()\"\n              class=\"pjc-filtro-input\"\n            />\n          </div>\n        }\n\n        @case (TipoFiltro.DATA) {\n          <p-datePicker\n            class=\"pjc-filtro-datepicker\"\n            [ngModel]=\"termoData()\"\n            (ngModelChange)=\"termoData.set($event)\"\n            dateFormat=\"dd/mm/yy\"\n            placeholder=\"dd/mm/aaaa\"\n            appendTo=\"body\"\n            [disabled]=\"!entradaHabilitada()\"\n            [attr.aria-label]=\"filtroSelecionado()?.nome\"\n            (keydown.enter)=\"aplicar()\"\n          />\n        }\n\n        @case (TipoFiltro.DATA_RANGE) {\n          <p-datePicker\n            class=\"pjc-filtro-datepicker\"\n            [ngModel]=\"termoDataRange()\"\n            (ngModelChange)=\"termoDataRange.set($event)\"\n            selectionMode=\"range\"\n            dateFormat=\"dd/mm/yy\"\n            placeholder=\"dd/mm/aaaa - dd/mm/aaaa\"\n            appendTo=\"body\"\n            [disabled]=\"!entradaHabilitada()\"\n            [attr.aria-label]=\"filtroSelecionado()?.nome\"\n            (keydown.enter)=\"aplicar()\"\n          />\n        }\n\n        @case (TipoFiltro.ENUM) {\n          <p-select\n            class=\"pjc-filtro-enum-select\"\n            [options]=\"filtroSelecionado()?.arrayEnum ?? []\"\n            [ngModel]=\"termoEnum()\"\n            (ngModelChange)=\"onAplicarEnum($event)\"\n            optionLabel=\"texto\"\n            [placeholder]=\"placeholderEntrada()\"\n            appendTo=\"body\"\n            [attr.aria-label]=\"filtroSelecionado()?.nome\"\n          />\n        }\n\n        @case (TipoFiltro.ENUM_MULTI) {\n          <p-multiselect\n            class=\"pjc-filtro-enum-multi\"\n            [options]=\"filtroSelecionado()?.arrayEnum ?? []\"\n            [ngModel]=\"termoEnumMulti()\"\n            (ngModelChange)=\"termoEnumMulti.set($event)\"\n            optionLabel=\"texto\"\n            display=\"comma\"\n            [placeholder]=\"placeholderEntrada()\"\n            appendTo=\"body\"\n            [attr.aria-label]=\"filtroSelecionado()?.nome\"\n          />\n        }\n\n        @case (TipoFiltro.BOOLEANO) {\n          <p-select\n            class=\"pjc-filtro-enum-select\"\n            [options]=\"opcoesBooleano()\"\n            [ngModel]=\"termoBooleano()\"\n            (ngModelChange)=\"onAplicarBooleano($event)\"\n            optionLabel=\"texto\"\n            [placeholder]=\"placeholderEntrada()\"\n            appendTo=\"body\"\n            [attr.aria-label]=\"filtroSelecionado()?.nome\"\n          />\n        }\n      }\n    </div>\n\n    @if (aplicaPorConfirmacao() && entradaHabilitada()) {\n      <button\n        type=\"button\"\n        class=\"pjc-filtro-confirmar\"\n        (click)=\"aplicar()\"\n        aria-label=\"Aplicar filtro\"\n      >\n        <i class=\"pi pi-plus\"></i>\n      </button>\n    }\n  </div>\n\n  @if (filtrosSelecionados().length > 0) {\n    <div class=\"pjc-filtro-chips\" role=\"list\" aria-label=\"Filtros aplicados\">\n      @for (f of filtrosSelecionados(); track f.codigo) {\n        <p-chip\n          [label]=\"f.nome + ': ' + f.valorMostrar\"\n          [removable]=\"true\"\n          (onRemove)=\"remover(f)\"\n        />\n      }\n    </div>\n  }\n\n  <div class=\"pjc-sr-only\" role=\"status\" aria-live=\"polite\">{{ anuncioA11y() }}</div>\n</div>\n", styles: [":host{display:block;width:100%;position:relative}.pjc-filtro-container{display:flex;align-items:center;gap:.5rem;width:100%;padding:.25rem .5rem;border:1px solid var(--p-inputtext-border-color, var(--p-surface-300));border-radius:var(--p-border-radius, .375rem);background:var(--p-inputtext-background, transparent);transition:border-color .15s,box-shadow .15s}.pjc-filtro-container:focus-within{border-color:var(--p-primary-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--p-primary-color) 20%,transparent)}.pjc-filtro-container.pjc-filtro-disabled{opacity:.6;pointer-events:none}.pjc-filtro-entrada{flex:1 1 auto;min-width:0;display:flex;align-items:center}.pjc-filtro-confirmar{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:9999px;border:1px solid var(--p-surface-300);background:transparent;color:var(--p-primary-color);cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}.pjc-filtro-confirmar:hover:not(:disabled){background:var(--p-primary-color);color:var(--p-primary-contrast-color, #fff);border-color:var(--p-primary-color)}.pjc-filtro-confirmar:disabled{cursor:not-allowed;opacity:.5}:host ::ng-deep .pjc-filtro-prefix .p-select,:host ::ng-deep .pjc-filtro-prefix.p-select,:host ::ng-deep .pjc-filtro-prefix .p-select:hover,:host ::ng-deep .pjc-filtro-prefix .p-select:focus,:host ::ng-deep .pjc-filtro-prefix .p-select.p-focus{border:none;box-shadow:none;background:transparent;min-width:8rem}:host ::ng-deep .pjc-filtro-prefix .p-select-label{padding:.25rem;font-weight:500}:host ::ng-deep input.pjc-filtro-input,:host ::ng-deep input.pjc-filtro-input.p-inputtext{flex:1 1 auto;width:100%;border:none;outline:none;box-shadow:none;background:transparent;padding:.25rem 0;font:inherit;color:inherit}:host ::ng-deep input.pjc-filtro-input:hover,:host ::ng-deep input.pjc-filtro-input:focus,:host ::ng-deep input.pjc-filtro-input:focus-visible,:host ::ng-deep input.pjc-filtro-input.p-inputtext:hover,:host ::ng-deep input.pjc-filtro-input.p-inputtext:focus,:host ::ng-deep input.pjc-filtro-input.p-inputtext:focus-visible{border:none;outline:none;box-shadow:none;background:transparent}.pjc-filtro-input.pjc-filtro-uppercase{text-transform:uppercase}:host ::ng-deep .pjc-filtro-datepicker .p-datepicker,:host ::ng-deep .pjc-filtro-datepicker.p-datepicker{width:100%;border:none;box-shadow:none;background:transparent}:host ::ng-deep .pjc-filtro-datepicker input.p-inputtext,:host ::ng-deep .pjc-filtro-datepicker input.p-inputtext:hover,:host ::ng-deep .pjc-filtro-datepicker input.p-inputtext:focus,:host ::ng-deep .pjc-filtro-datepicker input.p-inputtext:focus-visible{border:none;outline:none;box-shadow:none;background:transparent;padding:.25rem 0;width:100%}:host ::ng-deep .pjc-filtro-enum-select .p-select,:host ::ng-deep .pjc-filtro-enum-select .p-select:hover,:host ::ng-deep .pjc-filtro-enum-select .p-select:focus,:host ::ng-deep .pjc-filtro-enum-select .p-select.p-focus{border:none;box-shadow:none;background:transparent;width:100%}:host ::ng-deep .pjc-filtro-enum-multi .p-multiselect,:host ::ng-deep .pjc-filtro-enum-multi .p-multiselect:hover,:host ::ng-deep .pjc-filtro-enum-multi .p-multiselect:focus,:host ::ng-deep .pjc-filtro-enum-multi .p-multiselect.p-focus{border:none;box-shadow:none;background:transparent;width:100%}.pjc-filtro-range{display:flex;align-items:center;gap:.25rem;flex:1 1 auto;min-width:0}.pjc-filtro-range .pjc-filtro-input{flex:1 1 0;min-width:0}.pjc-filtro-range-sep{color:var(--p-text-muted-color);-webkit-user-select:none;user-select:none;flex:0 0 auto}.pjc-filtro-chips{display:flex;flex-wrap:wrap;gap:.25rem}.pjc-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n"] }]
         }], propDecorators: { filtros: [{ type: i0.Input, args: [{ isSignal: true, alias: "filtros", required: false }] }], tipoSelecionado: [{ type: i0.Input, args: [{ isSignal: true, alias: "tipoSelecionado", required: false }] }], filtrosSelecionados: [{ type: i0.Input, args: [{ isSignal: true, alias: "filtrosSelecionados", required: false }] }], seletorPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "seletorPlaceholder", required: false }] }], filtrar: [{ type: i0.Output, args: ["filtrar"] }], erroValidacao: [{ type: i0.Output, args: ["erroValidacao"] }] } });
 
 class PjcHoraFieldComponent {
@@ -3148,8 +3148,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
         }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], labelVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelVariant", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], prefixIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "prefixIcon", required: false }] }], suffixIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "suffixIcon", required: false }] }], erros: [{ type: i0.Input, args: [{ isSignal: true, alias: "erros", required: false }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }] } });
 
 const TIPOS_PESSOA = [
-    { label: 'Pessoa Fisica', value: 'FISICA' },
-    { label: 'Pessoa Juridica', value: 'JURIDICA' },
+    { label: 'Pessoa Física', value: 'FISICA' },
+    { label: 'Pessoa Jurídica', value: 'JURIDICA' },
 ];
 class PjcTipoPessoaFieldComponent {
     label = input('Tipo de Pessoa', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
@@ -3257,13 +3257,16 @@ class PjcUfFieldComponent {
     labelVariant = input('on', ...(ngDevMode ? [{ debugName: "labelVariant" }] : /* istanbul ignore next */ []));
     readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
     filter = input(false, ...(ngDevMode ? [{ debugName: "filter" }] : /* istanbul ignore next */ []));
+    uppercase = input(false, ...(ngDevMode ? [{ debugName: "uppercase" }] : /* istanbul ignore next */ []));
     erros = input({}, ...(ngDevMode ? [{ debugName: "erros" }] : /* istanbul ignore next */ []));
     injector = inject(Injector);
     cdr = inject(ChangeDetectorRef);
     destroyRef = inject(DestroyRef);
     filterService = inject(FilterService);
     ngControl = null;
-    estados = ESTADOS;
+    estadosDisplay = computed(() => this.uppercase()
+        ? ESTADOS.map(e => ({ ...e, descricao: e.descricao.toUpperCase() }))
+        : ESTADOS, ...(ngDevMode ? [{ debugName: "estadosDisplay" }] : /* istanbul ignore next */ []));
     accentContainsFilter = PJC_ACCENT_CONTAINS;
     value = null;
     disabled = false;
@@ -3286,7 +3289,7 @@ class PjcUfFieldComponent {
         return getErrorMessage(this.ngControl, this.erros());
     }
     writeValue(val) {
-        this.value = val?.uf ? (ESTADOS.find(e => e.uf === val.uf) ?? null) : null;
+        this.value = val?.uf ? (this.estadosDisplay().find(e => e.uf === val.uf) ?? null) : null;
         this.cdr.markForCheck();
     }
     registerOnChange(fn) {
@@ -3300,19 +3303,20 @@ class PjcUfFieldComponent {
     }
     onModelChange(value) {
         this.value = value;
-        this.onChange(value);
+        const original = value?.uf ? (ESTADOS.find(e => e.uf === value.uf) ?? null) : null;
+        this.onChange(original);
     }
     onModelTouched() {
         this.onTouched();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcUfFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: PjcUfFieldComponent, isStandalone: true, selector: "pjc-uf-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, labelVariant: { classPropertyName: "labelVariant", publicName: "labelVariant", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null }, erros: { classPropertyName: "erros", publicName: "erros", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: PjcUfFieldComponent, isStandalone: true, selector: "pjc-uf-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, labelVariant: { classPropertyName: "labelVariant", publicName: "labelVariant", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null }, uppercase: { classPropertyName: "uppercase", publicName: "uppercase", isSignal: true, isRequired: false, transformFunction: null }, erros: { classPropertyName: "erros", publicName: "erros", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => PjcUfFieldComponent),
                 multi: true,
             },
-        ], ngImport: i0, template: "<div class=\"flex flex-col gap-1 w-full\">\n  @if (label()) {\n    <p-floatlabel [variant]=\"labelVariant()\" class=\"w-full\">\n      <p-select\n        [inputId]=\"id()\"\n        [options]=\"estados\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onModelChange($event)\"\n        (onBlur)=\"onModelTouched()\"\n        optionLabel=\"descricao\"\n        dataKey=\"uf\"\n        appendTo=\"body\"\n        [filter]=\"filter()\"\n        [filterMatchMode]=\"$any(accentContainsFilter)\"\n        filterBy=\"descricao\"\n        [disabled]=\"disabled || readonly()\"\n        styleClass=\"w-full\"\n        class=\"w-full\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n      />\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <p-select\n      [inputId]=\"id()\"\n      [options]=\"estados\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"onModelChange($event)\"\n      (onBlur)=\"onModelTouched()\"\n      optionLabel=\"descricao\"\n      dataKey=\"uf\"\n      appendTo=\"body\"\n      [filter]=\"filter()\"\n      [filterMatchMode]=\"$any(accentContainsFilter)\"\n      filterBy=\"descricao\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled\"\n      styleClass=\"w-full border border-surface-300 rounded-md focus:border-primary-500 transition-colors\"\n      class=\"w-full\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n    />\n  }\n\n  @if (hint()) {\n    <small class=\"text-xs text-surface-500\">{{ hint() }}</small>\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i2$3.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i5.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i6.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], ngImport: i0, template: "<div class=\"flex flex-col gap-1 w-full\">\n  @if (label()) {\n    <p-floatlabel [variant]=\"labelVariant()\" class=\"w-full\">\n      <p-select\n        [inputId]=\"id()\"\n        [options]=\"estadosDisplay()\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onModelChange($event)\"\n        (onBlur)=\"onModelTouched()\"\n        optionLabel=\"descricao\"\n        dataKey=\"uf\"\n        appendTo=\"body\"\n        [filter]=\"filter()\"\n        [filterMatchMode]=\"$any(accentContainsFilter)\"\n        filterBy=\"descricao\"\n        [disabled]=\"disabled || readonly()\"\n        styleClass=\"w-full\"\n        class=\"w-full\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n      />\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <p-select\n      [inputId]=\"id()\"\n      [options]=\"estadosDisplay()\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"onModelChange($event)\"\n      (onBlur)=\"onModelTouched()\"\n      optionLabel=\"descricao\"\n      dataKey=\"uf\"\n      appendTo=\"body\"\n      [filter]=\"filter()\"\n      [filterMatchMode]=\"$any(accentContainsFilter)\"\n      filterBy=\"descricao\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled\"\n      styleClass=\"w-full border border-surface-300 rounded-md focus:border-primary-500 transition-colors\"\n      class=\"w-full\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n    />\n  }\n\n  @if (hint()) {\n    <small class=\"text-xs text-surface-500\">{{ hint() }}</small>\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i2$3.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i5.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i6.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcUfFieldComponent, decorators: [{
             type: Component,
@@ -3322,8 +3326,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
                             useExisting: forwardRef(() => PjcUfFieldComponent),
                             multi: true,
                         },
-                    ], template: "<div class=\"flex flex-col gap-1 w-full\">\n  @if (label()) {\n    <p-floatlabel [variant]=\"labelVariant()\" class=\"w-full\">\n      <p-select\n        [inputId]=\"id()\"\n        [options]=\"estados\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onModelChange($event)\"\n        (onBlur)=\"onModelTouched()\"\n        optionLabel=\"descricao\"\n        dataKey=\"uf\"\n        appendTo=\"body\"\n        [filter]=\"filter()\"\n        [filterMatchMode]=\"$any(accentContainsFilter)\"\n        filterBy=\"descricao\"\n        [disabled]=\"disabled || readonly()\"\n        styleClass=\"w-full\"\n        class=\"w-full\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n      />\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <p-select\n      [inputId]=\"id()\"\n      [options]=\"estados\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"onModelChange($event)\"\n      (onBlur)=\"onModelTouched()\"\n      optionLabel=\"descricao\"\n      dataKey=\"uf\"\n      appendTo=\"body\"\n      [filter]=\"filter()\"\n      [filterMatchMode]=\"$any(accentContainsFilter)\"\n      filterBy=\"descricao\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled\"\n      styleClass=\"w-full border border-surface-300 rounded-md focus:border-primary-500 transition-colors\"\n      class=\"w-full\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n    />\n  }\n\n  @if (hint()) {\n    <small class=\"text-xs text-surface-500\">{{ hint() }}</small>\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\n</div>\n" }]
-        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], labelVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelVariant", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], filter: [{ type: i0.Input, args: [{ isSignal: true, alias: "filter", required: false }] }], erros: [{ type: i0.Input, args: [{ isSignal: true, alias: "erros", required: false }] }] } });
+                    ], template: "<div class=\"flex flex-col gap-1 w-full\">\n  @if (label()) {\n    <p-floatlabel [variant]=\"labelVariant()\" class=\"w-full\">\n      <p-select\n        [inputId]=\"id()\"\n        [options]=\"estadosDisplay()\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onModelChange($event)\"\n        (onBlur)=\"onModelTouched()\"\n        optionLabel=\"descricao\"\n        dataKey=\"uf\"\n        appendTo=\"body\"\n        [filter]=\"filter()\"\n        [filterMatchMode]=\"$any(accentContainsFilter)\"\n        filterBy=\"descricao\"\n        [disabled]=\"disabled || readonly()\"\n        styleClass=\"w-full\"\n        class=\"w-full\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n      />\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <p-select\n      [inputId]=\"id()\"\n      [options]=\"estadosDisplay()\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"onModelChange($event)\"\n      (onBlur)=\"onModelTouched()\"\n      optionLabel=\"descricao\"\n      dataKey=\"uf\"\n      appendTo=\"body\"\n      [filter]=\"filter()\"\n      [filterMatchMode]=\"$any(accentContainsFilter)\"\n      filterBy=\"descricao\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled\"\n      styleClass=\"w-full border border-surface-300 rounded-md focus:border-primary-500 transition-colors\"\n      class=\"w-full\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n    />\n  }\n\n  @if (hint()) {\n    <small class=\"text-xs text-surface-500\">{{ hint() }}</small>\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\n</div>\n" }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], labelVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelVariant", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], filter: [{ type: i0.Input, args: [{ isSignal: true, alias: "filter", required: false }] }], uppercase: [{ type: i0.Input, args: [{ isSignal: true, alias: "uppercase", required: false }] }], erros: [{ type: i0.Input, args: [{ isSignal: true, alias: "erros", required: false }] }] } });
 
 class PjcUppercaseFieldComponent {
     label = input('Nome', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));