pjc-fields 0.0.71 → 0.0.73

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\n      class=\"pjc-filtro-entrada\"\n      [class.pjc-filtro-entrada--full]=\"\n        filtroSelecionado()?.tipo === TipoFiltro.ENUM ||\n        filtroSelecionado()?.tipo === TipoFiltro.ENUM_MULTI ||\n        filtroSelecionado()?.tipo === TipoFiltro.BOOLEANO\n      \"\n    >\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-entrada--full{width:100%}.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,:host ::ng-deep .pjc-filtro-enum-select .p-select,: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%;min-width:0}:host ::ng-deep .pjc-filtro-enum-select .p-select-label,:host ::ng-deep .pjc-filtro-enum-select.p-select .p-select-label{padding:.25rem 0}:host ::ng-deep .pjc-filtro-enum-select .p-select-dropdown,:host ::ng-deep .pjc-filtro-enum-select.p-select .p-select-dropdown{width:2rem;background:transparent;border:none}:host ::ng-deep .pjc-filtro-enum-multi,:host ::ng-deep .pjc-filtro-enum-multi .p-multiselect,: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%;min-width:0}:host ::ng-deep .pjc-filtro-enum-multi .p-multiselect-label,:host ::ng-deep .pjc-filtro-enum-multi.p-multiselect .p-multiselect-label{padding:.25rem 0}:host ::ng-deep .pjc-filtro-enum-multi .p-multiselect-dropdown,:host ::ng-deep .pjc-filtro-enum-multi.p-multiselect .p-multiselect-dropdown{width:2rem;background:transparent;border:none}:host ::ng-deep .pjc-filtro-enum-multi .p-multiselect-chip-item,:host ::ng-deep .pjc-filtro-enum-multi.p-multiselect .p-multiselect-chip-item{margin-inline:.125rem}:host ::ng-deep .pjc-filtro-enum-select .p-select-label-empty,:host ::ng-deep .pjc-filtro-enum-multi .p-multiselect-label-empty{color:var(--p-text-muted-color)}.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    @if (filtros().length > 0) {\n      <div\n        class=\"pjc-filtro-entrada\"\n        [class.pjc-filtro-entrada--full]=\"\n          filtroSelecionado()?.tipo === TipoFiltro.ENUM ||\n          filtroSelecionado()?.tipo === TipoFiltro.ENUM_MULTI ||\n          filtroSelecionado()?.tipo === TipoFiltro.BOOLEANO\n        \"\n      >\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    } @else {\n      <span class=\"pjc-filtro-sem-opcoes\">NENHUMA OP\u00C7\u00C3O DE PESQUISA DISPON\u00CDVEL NO MOMENTO</span>\n    }\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-entrada--full{width:100%}.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,:host ::ng-deep .pjc-filtro-enum-select .p-select,: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%;min-width:0}:host ::ng-deep .pjc-filtro-enum-select .p-select-label,:host ::ng-deep .pjc-filtro-enum-select.p-select .p-select-label{padding:.25rem 0}:host ::ng-deep .pjc-filtro-enum-select .p-select-dropdown,:host ::ng-deep .pjc-filtro-enum-select.p-select .p-select-dropdown{width:2rem;background:transparent;border:none}:host ::ng-deep .pjc-filtro-enum-multi,:host ::ng-deep .pjc-filtro-enum-multi .p-multiselect,: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%;min-width:0}:host ::ng-deep .pjc-filtro-enum-multi .p-multiselect-label,:host ::ng-deep .pjc-filtro-enum-multi.p-multiselect .p-multiselect-label{padding:.25rem 0}:host ::ng-deep .pjc-filtro-enum-multi .p-multiselect-dropdown,:host ::ng-deep .pjc-filtro-enum-multi.p-multiselect .p-multiselect-dropdown{width:2rem;background:transparent;border:none}:host ::ng-deep .pjc-filtro-enum-multi .p-multiselect-chip-item,:host ::ng-deep .pjc-filtro-enum-multi.p-multiselect .p-multiselect-chip-item{margin-inline:.125rem}:host ::ng-deep .pjc-filtro-enum-select .p-select-label-empty,:host ::ng-deep .pjc-filtro-enum-multi .p-multiselect-label-empty{color:var(--p-text-muted-color)}.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-sem-opcoes{flex:1 1 auto;color:var(--p-text-muted-color);font-size:.8125rem;letter-spacing:.04em;text-transform:uppercase;padding:.25rem 0;-webkit-user-select:none;user-select:none}.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\n      class=\"pjc-filtro-entrada\"\n      [class.pjc-filtro-entrada--full]=\"\n        filtroSelecionado()?.tipo === TipoFiltro.ENUM ||\n        filtroSelecionado()?.tipo === TipoFiltro.ENUM_MULTI ||\n        filtroSelecionado()?.tipo === TipoFiltro.BOOLEANO\n      \"\n    >\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-entrada--full{width:100%}.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,:host ::ng-deep .pjc-filtro-enum-select .p-select,: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%;min-width:0}:host ::ng-deep .pjc-filtro-enum-select .p-select-label,:host ::ng-deep .pjc-filtro-enum-select.p-select .p-select-label{padding:.25rem 0}:host ::ng-deep .pjc-filtro-enum-select .p-select-dropdown,:host ::ng-deep .pjc-filtro-enum-select.p-select .p-select-dropdown{width:2rem;background:transparent;border:none}:host ::ng-deep .pjc-filtro-enum-multi,:host ::ng-deep .pjc-filtro-enum-multi .p-multiselect,: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%;min-width:0}:host ::ng-deep .pjc-filtro-enum-multi .p-multiselect-label,:host ::ng-deep .pjc-filtro-enum-multi.p-multiselect .p-multiselect-label{padding:.25rem 0}:host ::ng-deep .pjc-filtro-enum-multi .p-multiselect-dropdown,:host ::ng-deep .pjc-filtro-enum-multi.p-multiselect .p-multiselect-dropdown{width:2rem;background:transparent;border:none}:host ::ng-deep .pjc-filtro-enum-multi .p-multiselect-chip-item,:host ::ng-deep .pjc-filtro-enum-multi.p-multiselect .p-multiselect-chip-item{margin-inline:.125rem}:host ::ng-deep .pjc-filtro-enum-select .p-select-label-empty,:host ::ng-deep .pjc-filtro-enum-multi .p-multiselect-label-empty{color:var(--p-text-muted-color)}.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    @if (filtros().length > 0) {\n      <div\n        class=\"pjc-filtro-entrada\"\n        [class.pjc-filtro-entrada--full]=\"\n          filtroSelecionado()?.tipo === TipoFiltro.ENUM ||\n          filtroSelecionado()?.tipo === TipoFiltro.ENUM_MULTI ||\n          filtroSelecionado()?.tipo === TipoFiltro.BOOLEANO\n        \"\n      >\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    } @else {\n      <span class=\"pjc-filtro-sem-opcoes\">NENHUMA OP\u00C7\u00C3O DE PESQUISA DISPON\u00CDVEL NO MOMENTO</span>\n    }\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-entrada--full{width:100%}.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,:host ::ng-deep .pjc-filtro-enum-select .p-select,: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%;min-width:0}:host ::ng-deep .pjc-filtro-enum-select .p-select-label,:host ::ng-deep .pjc-filtro-enum-select.p-select .p-select-label{padding:.25rem 0}:host ::ng-deep .pjc-filtro-enum-select .p-select-dropdown,:host ::ng-deep .pjc-filtro-enum-select.p-select .p-select-dropdown{width:2rem;background:transparent;border:none}:host ::ng-deep .pjc-filtro-enum-multi,:host ::ng-deep .pjc-filtro-enum-multi .p-multiselect,: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%;min-width:0}:host ::ng-deep .pjc-filtro-enum-multi .p-multiselect-label,:host ::ng-deep .pjc-filtro-enum-multi.p-multiselect .p-multiselect-label{padding:.25rem 0}:host ::ng-deep .pjc-filtro-enum-multi .p-multiselect-dropdown,:host ::ng-deep .pjc-filtro-enum-multi.p-multiselect .p-multiselect-dropdown{width:2rem;background:transparent;border:none}:host ::ng-deep .pjc-filtro-enum-multi .p-multiselect-chip-item,:host ::ng-deep .pjc-filtro-enum-multi.p-multiselect .p-multiselect-chip-item{margin-inline:.125rem}:host ::ng-deep .pjc-filtro-enum-select .p-select-label-empty,:host ::ng-deep .pjc-filtro-enum-multi .p-multiselect-label-empty{color:var(--p-text-muted-color)}.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-sem-opcoes{flex:1 1 auto;color:var(--p-text-muted-color);font-size:.8125rem;letter-spacing:.04em;text-transform:uppercase;padding:.25rem 0;-webkit-user-select:none;user-select:none}.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 {
@@ -2915,7 +2915,12 @@ class PjcPlacaFieldComponent {
     }
     onModelChange(event) {
         const val = event.target?.value ?? '';
-        this.onChange(val.toUpperCase());
+        const upper = val.toUpperCase();
+        if (val !== upper) {
+            this.value = upper;
+            this.cdr.markForCheck();
+        }
+        this.onChange(upper);
     }
     validate(control) {
         return PjcValidators.placaVeiculo()(control);
@@ -2932,7 +2937,7 @@ class PjcPlacaFieldComponent {
                 useExisting: forwardRef(() => PjcPlacaFieldComponent),
                 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-iconfield class=\"w-full\">\n        @if (prefixIcon()) { <p-inputicon [styleClass]=\"prefixIcon()\" /> }\n        <p-inputMask\n          [id]=\"id()\"\n          mask=\"aaa-9*99\"\n          [(ngModel)]=\"value\"\n          (onInput)=\"onModelChange($event)\"\n          (onBlur)=\"onTouched()\"\n          [unmask]=\"false\"\n          [autoClear]=\"false\"\n          [placeholder]=\"placeholder()\"\n          [disabled]=\"disabled\"\n          [readonly]=\"readonly()\"\n          [class.ng-invalid]=\"invalid\"\n          [class.ng-dirty]=\"invalid\"\n          styleClass=\"w-full\"\n        ></p-inputMask>\n        @if (suffixIcon()) { <p-inputicon [styleClass]=\"suffixIcon()\" /> }\n      </p-iconfield>\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <p-iconfield class=\"w-full\">\n      @if (prefixIcon()) { <p-inputicon [styleClass]=\"prefixIcon()\" /> }\n      <p-inputMask\n        [id]=\"id()\"\n        mask=\"aaa-9*99\"\n        [(ngModel)]=\"value\"\n        (onInput)=\"onModelChange($event)\"\n        (onBlur)=\"onTouched()\"\n        [unmask]=\"false\"\n        [autoClear]=\"false\"\n        [placeholder]=\"placeholder()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        styleClass=\"w-full border border-surface-300 rounded-md focus:border-primary-500 p-2 outline-none bg-transparent uppercase\"\n      ></p-inputMask>\n      @if (suffixIcon()) { <p-inputicon [styleClass]=\"suffixIcon()\" /> }\n    </p-iconfield>\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: InputMaskModule }, { kind: "component", type: i2.InputMask, selector: "p-inputmask, p-inputMask, p-input-mask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "tabindex", "title", "ariaLabel", "ariaLabelledBy", "ariaRequired", "readonly", "unmask", "characterPattern", "autofocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }, { kind: "ngmodule", type: IconFieldModule }, { kind: "component", type: i3$1.IconField, selector: "p-iconfield, p-iconField, p-icon-field", inputs: ["hostName", "iconPosition", "styleClass"] }, { kind: "ngmodule", type: InputIconModule }, { kind: "component", type: i4$1.InputIcon, selector: "p-inputicon, p-inputIcon", inputs: ["hostName", "styleClass"] }, { 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-iconfield class=\"w-full\">\n        @if (prefixIcon()) { <p-inputicon [styleClass]=\"prefixIcon()\" /> }\n        <p-inputMask\n          [id]=\"id()\"\n          mask=\"aaa-9*99\"\n          [(ngModel)]=\"value\"\n          (onInput)=\"onModelChange($event)\"\n          (onBlur)=\"onTouched()\"\n          [unmask]=\"false\"\n          [autoClear]=\"false\"\n          [placeholder]=\"placeholder()\"\n          [disabled]=\"disabled\"\n          [readonly]=\"readonly()\"\n          [class.ng-invalid]=\"invalid\"\n          [class.ng-dirty]=\"invalid\"\n          styleClass=\"w-full uppercase\"\n        ></p-inputMask>\n        @if (suffixIcon()) { <p-inputicon [styleClass]=\"suffixIcon()\" /> }\n      </p-iconfield>\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <p-iconfield class=\"w-full\">\n      @if (prefixIcon()) { <p-inputicon [styleClass]=\"prefixIcon()\" /> }\n      <p-inputMask\n        [id]=\"id()\"\n        mask=\"aaa-9*99\"\n        [(ngModel)]=\"value\"\n        (onInput)=\"onModelChange($event)\"\n        (onBlur)=\"onTouched()\"\n        [unmask]=\"false\"\n        [autoClear]=\"false\"\n        [placeholder]=\"placeholder()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        styleClass=\"w-full border border-surface-300 rounded-md focus:border-primary-500 p-2 outline-none bg-transparent uppercase\"\n      ></p-inputMask>\n      @if (suffixIcon()) { <p-inputicon [styleClass]=\"suffixIcon()\" /> }\n    </p-iconfield>\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: InputMaskModule }, { kind: "component", type: i2.InputMask, selector: "p-inputmask, p-inputMask, p-input-mask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "tabindex", "title", "ariaLabel", "ariaLabelledBy", "ariaRequired", "readonly", "unmask", "characterPattern", "autofocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }, { kind: "ngmodule", type: IconFieldModule }, { kind: "component", type: i3$1.IconField, selector: "p-iconfield, p-iconField, p-icon-field", inputs: ["hostName", "iconPosition", "styleClass"] }, { kind: "ngmodule", type: InputIconModule }, { kind: "component", type: i4$1.InputIcon, selector: "p-inputicon, p-inputIcon", inputs: ["hostName", "styleClass"] }, { 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: PjcPlacaFieldComponent, decorators: [{
             type: Component,
@@ -2947,7 +2952,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
                             useExisting: forwardRef(() => PjcPlacaFieldComponent),
                             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-iconfield class=\"w-full\">\n        @if (prefixIcon()) { <p-inputicon [styleClass]=\"prefixIcon()\" /> }\n        <p-inputMask\n          [id]=\"id()\"\n          mask=\"aaa-9*99\"\n          [(ngModel)]=\"value\"\n          (onInput)=\"onModelChange($event)\"\n          (onBlur)=\"onTouched()\"\n          [unmask]=\"false\"\n          [autoClear]=\"false\"\n          [placeholder]=\"placeholder()\"\n          [disabled]=\"disabled\"\n          [readonly]=\"readonly()\"\n          [class.ng-invalid]=\"invalid\"\n          [class.ng-dirty]=\"invalid\"\n          styleClass=\"w-full\"\n        ></p-inputMask>\n        @if (suffixIcon()) { <p-inputicon [styleClass]=\"suffixIcon()\" /> }\n      </p-iconfield>\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <p-iconfield class=\"w-full\">\n      @if (prefixIcon()) { <p-inputicon [styleClass]=\"prefixIcon()\" /> }\n      <p-inputMask\n        [id]=\"id()\"\n        mask=\"aaa-9*99\"\n        [(ngModel)]=\"value\"\n        (onInput)=\"onModelChange($event)\"\n        (onBlur)=\"onTouched()\"\n        [unmask]=\"false\"\n        [autoClear]=\"false\"\n        [placeholder]=\"placeholder()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        styleClass=\"w-full border border-surface-300 rounded-md focus:border-primary-500 p-2 outline-none bg-transparent uppercase\"\n      ></p-inputMask>\n      @if (suffixIcon()) { <p-inputicon [styleClass]=\"suffixIcon()\" /> }\n    </p-iconfield>\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" }]
+                    ], template: "<div class=\"flex flex-col gap-1 w-full\">\n  @if (label()) {\n    <p-floatlabel [variant]=\"labelVariant()\" class=\"w-full\">\n      <p-iconfield class=\"w-full\">\n        @if (prefixIcon()) { <p-inputicon [styleClass]=\"prefixIcon()\" /> }\n        <p-inputMask\n          [id]=\"id()\"\n          mask=\"aaa-9*99\"\n          [(ngModel)]=\"value\"\n          (onInput)=\"onModelChange($event)\"\n          (onBlur)=\"onTouched()\"\n          [unmask]=\"false\"\n          [autoClear]=\"false\"\n          [placeholder]=\"placeholder()\"\n          [disabled]=\"disabled\"\n          [readonly]=\"readonly()\"\n          [class.ng-invalid]=\"invalid\"\n          [class.ng-dirty]=\"invalid\"\n          styleClass=\"w-full uppercase\"\n        ></p-inputMask>\n        @if (suffixIcon()) { <p-inputicon [styleClass]=\"suffixIcon()\" /> }\n      </p-iconfield>\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <p-iconfield class=\"w-full\">\n      @if (prefixIcon()) { <p-inputicon [styleClass]=\"prefixIcon()\" /> }\n      <p-inputMask\n        [id]=\"id()\"\n        mask=\"aaa-9*99\"\n        [(ngModel)]=\"value\"\n        (onInput)=\"onModelChange($event)\"\n        (onBlur)=\"onTouched()\"\n        [unmask]=\"false\"\n        [autoClear]=\"false\"\n        [placeholder]=\"placeholder()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        styleClass=\"w-full border border-surface-300 rounded-md focus:border-primary-500 p-2 outline-none bg-transparent uppercase\"\n      ></p-inputMask>\n      @if (suffixIcon()) { <p-inputicon [styleClass]=\"suffixIcon()\" /> }\n    </p-iconfield>\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 }] }], 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 }] }] } });
 
 class PjcRenavamFieldComponent {