@seniorsistemas/components-ai 2.3.0 → 2.4.0-master-bdd92d4e

package/fesm2022/seniorsistemas-components-ai.mjs

@@ -3495,6 +3495,225 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 args: ['scrollContainer', { static: false }]
             }] } });
 
+class StepsComponent {
+    cdr;
+    /** Lista de steps a serem exibidos */
+    steps = [];
+    /** Índice do step ativo */
+    activeIndex = 0;
+    /** Se permite clicar nos steps para navegar */
+    readonly = false;
+    /** Quantidade máxima de steps visíveis. 'auto' calcula com base no container */
+    maxVisible = 'auto';
+    /** Largura mínima de cada step em pixels (usado no cálculo automático) */
+    stepMinWidth = 140;
+    /** Se mostra animação de transição ao navegar */
+    animated = true;
+    /** Modo de navegação das setas: 'step' altera o activeIndex, 'scroll' apenas desloca a janela visível */
+    navigationMode = 'step';
+    /** Esquema de cores aplicado aos steps. Altera as cores do ativo e completados */
+    colorScheme = 'default';
+    /** Classe CSS customizada para o wrapper */
+    styleClass = '';
+    /** Emite quando o activeIndex muda por clique */
+    activeIndexChange = new EventEmitter();
+    /** Emite o StepItem clicado */
+    stepClick = new EventEmitter();
+    stepsContainer;
+    visibleSteps = [];
+    visibleStartIndex = 0;
+    visibleEndIndex = 0;
+    hasOverflowLeft = false;
+    hasOverflowRight = false;
+    calculatedMaxVisible = 5;
+    resizeObserver = null;
+    constructor(cdr) {
+        this.cdr = cdr;
+    }
+    ngOnChanges(changes) {
+        if (changes['steps'] || changes['activeIndex'] || changes['maxVisible']) {
+            this.recalculate();
+        }
+    }
+    ngAfterViewInit() {
+        this.setupResizeObserver();
+        // Delay para garantir que o container já tem dimensões
+        setTimeout(() => this.recalculate(), 0);
+    }
+    ngOnDestroy() {
+        this.resizeObserver?.disconnect();
+    }
+    onStepClick(step, visibleIndex) {
+        if (this.readonly || step.disabled)
+            return;
+        const realIndex = this.visibleStartIndex + visibleIndex;
+        this.activeIndex = realIndex;
+        this.activeIndexChange.emit(realIndex);
+        this.stepClick.emit(step);
+        this.recalculate();
+    }
+    navigateLeft() {
+        if (this.visibleStartIndex <= 0)
+            return;
+        if (this.navigationMode === 'scroll') {
+            // Apenas desloca a janela sem alterar o activeIndex
+            this.scrollWindow(this.visibleStartIndex - 1);
+        }
+        else {
+            const newActive = Math.max(0, this.activeIndex - 1);
+            this.activeIndex = newActive;
+            this.activeIndexChange.emit(newActive);
+            this.recalculate();
+        }
+    }
+    navigateRight() {
+        if (this.visibleEndIndex >= this.steps.length - 1)
+            return;
+        if (this.navigationMode === 'scroll') {
+            // Apenas desloca a janela sem alterar o activeIndex
+            this.scrollWindow(this.visibleStartIndex + 1);
+        }
+        else {
+            const newActive = Math.min(this.steps.length - 1, this.activeIndex + 1);
+            this.activeIndex = newActive;
+            this.activeIndexChange.emit(newActive);
+            this.recalculate();
+        }
+    }
+    /** Desloca a janela visível para um novo startIndex sem alterar o activeIndex */
+    scrollWindow(newStart) {
+        const total = this.steps.length;
+        const max = this.calculatedMaxVisible;
+        let start = Math.max(0, Math.min(newStart, total - max));
+        let end = start + max - 1;
+        if (end >= total) {
+            end = total - 1;
+            start = end - max + 1;
+        }
+        this.visibleStartIndex = start;
+        this.visibleEndIndex = end;
+        this.hasOverflowLeft = start > 0;
+        this.hasOverflowRight = end < total - 1;
+        this.visibleSteps = this.steps.slice(start, end + 1);
+        this.cdr.markForCheck();
+    }
+    getStepState(visibleIndex) {
+        const realIndex = this.visibleStartIndex + visibleIndex;
+        if (realIndex < this.activeIndex)
+            return 'completed';
+        if (realIndex === this.activeIndex)
+            return 'active';
+        return 'pending';
+    }
+    getRealIndex(visibleIndex) {
+        return this.visibleStartIndex + visibleIndex;
+    }
+    get hiddenLeftCount() {
+        return this.visibleStartIndex;
+    }
+    get hiddenRightCount() {
+        return Math.max(0, this.steps.length - 1 - this.visibleEndIndex);
+    }
+    trackByIndex(index) {
+        return index;
+    }
+    setupResizeObserver() {
+        if (!this.stepsContainer?.nativeElement)
+            return;
+        this.resizeObserver = new ResizeObserver(() => {
+            this.recalculate();
+        });
+        this.resizeObserver.observe(this.stepsContainer.nativeElement);
+    }
+    recalculate() {
+        if (!this.steps.length) {
+            this.visibleSteps = [];
+            this.hasOverflowLeft = false;
+            this.hasOverflowRight = false;
+            this.cdr.markForCheck();
+            return;
+        }
+        this.calculatedMaxVisible = this.getMaxVisible();
+        this.calculateVisibleWindow();
+        this.cdr.markForCheck();
+    }
+    getMaxVisible() {
+        if (this.maxVisible !== 'auto') {
+            return Math.max(1, this.maxVisible);
+        }
+        if (!this.stepsContainer?.nativeElement) {
+            return Math.min(5, this.steps.length);
+        }
+        const containerWidth = this.stepsContainer.nativeElement.offsetWidth;
+        // Reservar espaço para os botões de navegação (40px cada lado)
+        const availableWidth = containerWidth - 80;
+        const maxFit = Math.max(1, Math.floor(availableWidth / this.stepMinWidth));
+        return Math.min(maxFit, this.steps.length);
+    }
+    calculateVisibleWindow() {
+        const total = this.steps.length;
+        const max = this.calculatedMaxVisible;
+        if (total <= max) {
+            // Todos cabem na tela
+            this.visibleStartIndex = 0;
+            this.visibleEndIndex = total - 1;
+            this.hasOverflowLeft = false;
+            this.hasOverflowRight = false;
+        }
+        else {
+            // Centralizar no activeIndex
+            const half = Math.floor(max / 2);
+            let start = this.activeIndex - half;
+            let end = start + max - 1;
+            // Ajustar limites
+            if (start < 0) {
+                start = 0;
+                end = max - 1;
+            }
+            else if (end >= total) {
+                end = total - 1;
+                start = end - max + 1;
+            }
+            this.visibleStartIndex = start;
+            this.visibleEndIndex = end;
+            this.hasOverflowLeft = start > 0;
+            this.hasOverflowRight = end < total - 1;
+        }
+        this.visibleSteps = this.steps.slice(this.visibleStartIndex, this.visibleEndIndex + 1);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StepsComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: StepsComponent, isStandalone: true, selector: "sia-steps", inputs: { steps: "steps", activeIndex: "activeIndex", readonly: "readonly", maxVisible: "maxVisible", stepMinWidth: "stepMinWidth", animated: "animated", navigationMode: "navigationMode", colorScheme: "colorScheme", styleClass: "styleClass" }, outputs: { activeIndexChange: "activeIndexChange", stepClick: "stepClick" }, viewQueries: [{ propertyName: "stepsContainer", first: true, predicate: ["stepsContainer"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"sia-steps-wrapper\" [class]=\"styleClass\" [class.animated]=\"animated\"\n  [class.theme-success]=\"colorScheme === 'success'\"\n  [class.theme-danger]=\"colorScheme === 'danger'\"\n  [class.theme-warning]=\"colorScheme === 'warning'\"\n  [class.theme-info]=\"colorScheme === 'info'\"\n  #stepsContainer>\n  <!-- Bot\u00E3o de navega\u00E7\u00E3o esquerda -->\n  <button\n    *ngIf=\"hasOverflowLeft\"\n    class=\"sia-steps-nav sia-steps-nav-left\"\n    (click)=\"navigateLeft()\"\n    [attr.aria-label]=\"'Anterior (' + hiddenLeftCount + ' ocultos)'\"\n    type=\"button\">\n    <span class=\"nav-badge\">{{ hiddenLeftCount }}</span>\n    <i class=\"pi pi-chevron-left\"></i>\n  </button>\n\n  <!-- Steps vis\u00EDveis -->\n  <div class=\"sia-steps-content\" [class.has-overflow-left]=\"hasOverflowLeft\" [class.has-overflow-right]=\"hasOverflowRight\">\n    <div class=\"sia-steps-list\">\n      <ng-container *ngFor=\"let step of visibleSteps; let i = index; let first = first; let last = last; trackBy: trackByIndex\">\n        <!-- Conector (n\u00E3o aparece antes do primeiro) -->\n        <div *ngIf=\"!first\" class=\"sia-step-connector\" [class.completed]=\"getStepState(i) === 'completed' || getStepState(i - 1) === 'completed'\">\n          <div class=\"connector-line\"></div>\n        </div>\n\n        <!-- Step item -->\n        <div\n          class=\"sia-step-item\"\n          [class.active]=\"getStepState(i) === 'active'\"\n          [class.completed]=\"getStepState(i) === 'completed'\"\n          [class.pending]=\"getStepState(i) === 'pending'\"\n          [class.disabled]=\"step.disabled\"\n          [class.clickable]=\"!readonly && !step.disabled\"\n          [class]=\"step.styleClass || ''\"\n          [pTooltip]=\"step.label\"\n          tooltipPosition=\"top\"\n          (click)=\"onStepClick(step, i)\"\n          [attr.role]=\"readonly ? 'listitem' : 'button'\"\n          [attr.aria-current]=\"getStepState(i) === 'active' ? 'step' : null\"\n          [attr.aria-disabled]=\"step.disabled || readonly\">\n          \n          <!-- \u00CDcone/n\u00FAmero do step -->\n          <div class=\"sia-step-marker\">\n            <i *ngIf=\"getStepState(i) === 'completed' && !step.icon\" class=\"pi pi-check\"></i>\n            <i *ngIf=\"step.icon && getStepState(i) !== 'completed'\" [class]=\"'pi ' + step.icon\"></i>\n            <span *ngIf=\"!step.icon && getStepState(i) !== 'completed'\">{{ getRealIndex(i) + 1 }}</span>\n          </div>\n\n          <!-- Label do step -->\n          <div class=\"sia-step-label\">\n            <span class=\"label-text\">{{ step.label }}</span>\n          </div>\n        </div>\n      </ng-container>\n    </div>\n  </div>\n\n  <!-- Bot\u00E3o de navega\u00E7\u00E3o direita -->\n  <button\n    *ngIf=\"hasOverflowRight\"\n    class=\"sia-steps-nav sia-steps-nav-right\"\n    (click)=\"navigateRight()\"\n    [attr.aria-label]=\"'Pr\u00F3ximo (' + hiddenRightCount + ' ocultos)'\"\n    type=\"button\">\n    <i class=\"pi pi-chevron-right\"></i>\n    <span class=\"nav-badge\">{{ hiddenRightCount }}</span>\n  </button>\n</div>\n", styles: [":host{display:block;width:100%}.sia-steps-wrapper{display:flex;align-items:center;width:100%;gap:4px;position:relative}.sia-steps-nav{display:flex;align-items:center;gap:4px;background:var(--p-surface-100, #f1f5f9);border:1px solid var(--p-surface-200, #e2e8f0);border-radius:8px;padding:6px 10px;cursor:pointer;color:var(--p-text-secondary-color, #64748b);font-size:12px;font-weight:500;transition:all .2s ease;flex-shrink:0;min-width:36px;justify-content:center}.sia-steps-nav:hover{background:var(--p-primary-50, #eff6ff);border-color:var(--p-primary-200, #bfdbfe);color:var(--p-primary-600, #2563eb)}.sia-steps-nav:active{transform:scale(.95)}.sia-steps-nav .nav-badge{background:var(--p-primary-100, #dbeafe);color:var(--p-primary-700, #1d4ed8);border-radius:10px;padding:1px 6px;font-size:11px;font-weight:600;line-height:1.4}.sia-steps-nav i{font-size:12px}.sia-steps-content{flex:1;overflow:hidden;min-width:0}.sia-steps-content.has-overflow-left{mask-image:linear-gradient(to right,transparent 0%,black 5%)}.sia-steps-content.has-overflow-right{mask-image:linear-gradient(to left,transparent 0%,black 5%)}.sia-steps-content.has-overflow-left.has-overflow-right{mask-image:linear-gradient(to right,transparent 0%,black 5%,black 95%,transparent 100%)}.sia-steps-list{display:flex;align-items:center;justify-content:center;padding:8px 4px}.sia-step-connector{flex:0 0 auto;width:32px;display:flex;align-items:center;justify-content:center}.sia-step-connector .connector-line{width:100%;height:2px;background:var(--p-surface-300, #cbd5e1);border-radius:1px;transition:background .3s ease}.sia-step-connector.completed .connector-line{background:var(--p-primary-400, #60a5fa)}.sia-step-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;transition:all .25s ease;min-width:80px;max-width:160px;position:relative}.sia-step-item.clickable{cursor:pointer}.sia-step-item.clickable:hover{background:var(--p-surface-50, #f8fafc);transform:translateY(-1px)}.sia-step-item.disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.sia-step-item.pending .sia-step-marker{background:var(--p-surface-100, #f1f5f9);border-color:var(--p-surface-300, #cbd5e1);color:var(--p-text-secondary-color, #64748b)}.sia-step-item.pending .sia-step-label .label-text{color:var(--p-text-secondary-color, #64748b)}.sia-step-item.active .sia-step-marker{background:var(--p-primary-500, #3b82f6);border-color:var(--p-primary-500, #3b82f6);color:#fff;box-shadow:0 0 0 4px var(--p-primary-100, #dbeafe);transform:scale(1.1)}.sia-step-item.active .sia-step-label .label-text{color:var(--p-primary-700, #1d4ed8);font-weight:600}.sia-step-item.completed .sia-step-marker{background:var(--p-primary-100, #dbeafe);border-color:var(--p-primary-300, #93c5fd);color:var(--p-primary-600, #2563eb)}.sia-step-item.completed .sia-step-label .label-text{color:var(--p-text-color, #1e293b)}.sia-step-marker{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid;font-size:13px;font-weight:600;transition:all .3s ease;flex-shrink:0}.sia-step-marker i{font-size:14px}.sia-step-label{text-align:center;max-width:100%;overflow:hidden}.sia-step-label .label-text{display:block;font-size:12px;font-weight:500;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--p-text-secondary-color, #64748b);transition:color .2s ease,font-weight .2s ease}.sia-steps-wrapper.animated .sia-steps-list{transition:transform .3s ease}.sia-steps-wrapper.animated .sia-step-item{animation:stepFadeIn .25s ease forwards}@keyframes stepFadeIn{0%{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sia-steps-wrapper.theme-success .sia-step-connector.completed .connector-line{background:var(--p-green-400, #4ade80)}.sia-steps-wrapper.theme-success .sia-step-item.active .sia-step-marker{background:var(--p-green-500, #22c55e);border-color:var(--p-green-500, #22c55e);box-shadow:0 0 0 4px var(--p-green-100, #dcfce7)}.sia-steps-wrapper.theme-success .sia-step-item.active .sia-step-label .label-text{color:var(--p-green-700, #15803d)}.sia-steps-wrapper.theme-success .sia-step-item.completed .sia-step-marker{background:var(--p-green-100, #dcfce7);border-color:var(--p-green-300, #86efac);color:var(--p-green-600, #16a34a)}.sia-steps-wrapper.theme-danger .sia-step-connector.completed .connector-line{background:var(--p-red-400, #f87171)}.sia-steps-wrapper.theme-danger .sia-step-item.active .sia-step-marker{background:var(--p-red-500, #ef4444);border-color:var(--p-red-500, #ef4444);box-shadow:0 0 0 4px var(--p-red-100, #fee2e2)}.sia-steps-wrapper.theme-danger .sia-step-item.active .sia-step-label .label-text{color:var(--p-red-700, #b91c1c)}.sia-steps-wrapper.theme-danger .sia-step-item.completed .sia-step-marker{background:var(--p-red-100, #fee2e2);border-color:var(--p-red-300, #fca5a5);color:var(--p-red-600, #dc2626)}.sia-steps-wrapper.theme-warning .sia-step-connector.completed .connector-line{background:var(--p-orange-400, #fb923c)}.sia-steps-wrapper.theme-warning .sia-step-item.active .sia-step-marker{background:var(--p-orange-500, #f97316);border-color:var(--p-orange-500, #f97316);box-shadow:0 0 0 4px var(--p-orange-100, #ffedd5)}.sia-steps-wrapper.theme-warning .sia-step-item.active .sia-step-label .label-text{color:var(--p-orange-700, #c2410c)}.sia-steps-wrapper.theme-warning .sia-step-item.completed .sia-step-marker{background:var(--p-orange-100, #ffedd5);border-color:var(--p-orange-300, #fdba74);color:var(--p-orange-600, #ea580c)}.sia-steps-wrapper.theme-info .sia-step-connector.completed .connector-line{background:var(--p-cyan-400, #22d3ee)}.sia-steps-wrapper.theme-info .sia-step-item.active .sia-step-marker{background:var(--p-cyan-500, #06b6d4);border-color:var(--p-cyan-500, #06b6d4);box-shadow:0 0 0 4px var(--p-cyan-100, #cffafe)}.sia-steps-wrapper.theme-info .sia-step-item.active .sia-step-label .label-text{color:var(--p-cyan-700, #0e7490)}.sia-steps-wrapper.theme-info .sia-step-item.completed .sia-step-marker{background:var(--p-cyan-100, #cffafe);border-color:var(--p-cyan-300, #67e8f9);color:var(--p-cyan-600, #0891b2)}@media (max-width: 576px){.sia-step-item{min-width:60px;max-width:100px;padding:6px 8px}.sia-step-marker{width:30px;height:30px;font-size:11px}.sia-step-marker i{font-size:12px}.sia-step-label .label-text{font-size:11px}.sia-step-connector{width:20px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i7$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StepsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sia-steps', standalone: true, imports: [CommonModule, TooltipModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"sia-steps-wrapper\" [class]=\"styleClass\" [class.animated]=\"animated\"\n  [class.theme-success]=\"colorScheme === 'success'\"\n  [class.theme-danger]=\"colorScheme === 'danger'\"\n  [class.theme-warning]=\"colorScheme === 'warning'\"\n  [class.theme-info]=\"colorScheme === 'info'\"\n  #stepsContainer>\n  <!-- Bot\u00E3o de navega\u00E7\u00E3o esquerda -->\n  <button\n    *ngIf=\"hasOverflowLeft\"\n    class=\"sia-steps-nav sia-steps-nav-left\"\n    (click)=\"navigateLeft()\"\n    [attr.aria-label]=\"'Anterior (' + hiddenLeftCount + ' ocultos)'\"\n    type=\"button\">\n    <span class=\"nav-badge\">{{ hiddenLeftCount }}</span>\n    <i class=\"pi pi-chevron-left\"></i>\n  </button>\n\n  <!-- Steps vis\u00EDveis -->\n  <div class=\"sia-steps-content\" [class.has-overflow-left]=\"hasOverflowLeft\" [class.has-overflow-right]=\"hasOverflowRight\">\n    <div class=\"sia-steps-list\">\n      <ng-container *ngFor=\"let step of visibleSteps; let i = index; let first = first; let last = last; trackBy: trackByIndex\">\n        <!-- Conector (n\u00E3o aparece antes do primeiro) -->\n        <div *ngIf=\"!first\" class=\"sia-step-connector\" [class.completed]=\"getStepState(i) === 'completed' || getStepState(i - 1) === 'completed'\">\n          <div class=\"connector-line\"></div>\n        </div>\n\n        <!-- Step item -->\n        <div\n          class=\"sia-step-item\"\n          [class.active]=\"getStepState(i) === 'active'\"\n          [class.completed]=\"getStepState(i) === 'completed'\"\n          [class.pending]=\"getStepState(i) === 'pending'\"\n          [class.disabled]=\"step.disabled\"\n          [class.clickable]=\"!readonly && !step.disabled\"\n          [class]=\"step.styleClass || ''\"\n          [pTooltip]=\"step.label\"\n          tooltipPosition=\"top\"\n          (click)=\"onStepClick(step, i)\"\n          [attr.role]=\"readonly ? 'listitem' : 'button'\"\n          [attr.aria-current]=\"getStepState(i) === 'active' ? 'step' : null\"\n          [attr.aria-disabled]=\"step.disabled || readonly\">\n          \n          <!-- \u00CDcone/n\u00FAmero do step -->\n          <div class=\"sia-step-marker\">\n            <i *ngIf=\"getStepState(i) === 'completed' && !step.icon\" class=\"pi pi-check\"></i>\n            <i *ngIf=\"step.icon && getStepState(i) !== 'completed'\" [class]=\"'pi ' + step.icon\"></i>\n            <span *ngIf=\"!step.icon && getStepState(i) !== 'completed'\">{{ getRealIndex(i) + 1 }}</span>\n          </div>\n\n          <!-- Label do step -->\n          <div class=\"sia-step-label\">\n            <span class=\"label-text\">{{ step.label }}</span>\n          </div>\n        </div>\n      </ng-container>\n    </div>\n  </div>\n\n  <!-- Bot\u00E3o de navega\u00E7\u00E3o direita -->\n  <button\n    *ngIf=\"hasOverflowRight\"\n    class=\"sia-steps-nav sia-steps-nav-right\"\n    (click)=\"navigateRight()\"\n    [attr.aria-label]=\"'Pr\u00F3ximo (' + hiddenRightCount + ' ocultos)'\"\n    type=\"button\">\n    <i class=\"pi pi-chevron-right\"></i>\n    <span class=\"nav-badge\">{{ hiddenRightCount }}</span>\n  </button>\n</div>\n", styles: [":host{display:block;width:100%}.sia-steps-wrapper{display:flex;align-items:center;width:100%;gap:4px;position:relative}.sia-steps-nav{display:flex;align-items:center;gap:4px;background:var(--p-surface-100, #f1f5f9);border:1px solid var(--p-surface-200, #e2e8f0);border-radius:8px;padding:6px 10px;cursor:pointer;color:var(--p-text-secondary-color, #64748b);font-size:12px;font-weight:500;transition:all .2s ease;flex-shrink:0;min-width:36px;justify-content:center}.sia-steps-nav:hover{background:var(--p-primary-50, #eff6ff);border-color:var(--p-primary-200, #bfdbfe);color:var(--p-primary-600, #2563eb)}.sia-steps-nav:active{transform:scale(.95)}.sia-steps-nav .nav-badge{background:var(--p-primary-100, #dbeafe);color:var(--p-primary-700, #1d4ed8);border-radius:10px;padding:1px 6px;font-size:11px;font-weight:600;line-height:1.4}.sia-steps-nav i{font-size:12px}.sia-steps-content{flex:1;overflow:hidden;min-width:0}.sia-steps-content.has-overflow-left{mask-image:linear-gradient(to right,transparent 0%,black 5%)}.sia-steps-content.has-overflow-right{mask-image:linear-gradient(to left,transparent 0%,black 5%)}.sia-steps-content.has-overflow-left.has-overflow-right{mask-image:linear-gradient(to right,transparent 0%,black 5%,black 95%,transparent 100%)}.sia-steps-list{display:flex;align-items:center;justify-content:center;padding:8px 4px}.sia-step-connector{flex:0 0 auto;width:32px;display:flex;align-items:center;justify-content:center}.sia-step-connector .connector-line{width:100%;height:2px;background:var(--p-surface-300, #cbd5e1);border-radius:1px;transition:background .3s ease}.sia-step-connector.completed .connector-line{background:var(--p-primary-400, #60a5fa)}.sia-step-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;transition:all .25s ease;min-width:80px;max-width:160px;position:relative}.sia-step-item.clickable{cursor:pointer}.sia-step-item.clickable:hover{background:var(--p-surface-50, #f8fafc);transform:translateY(-1px)}.sia-step-item.disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.sia-step-item.pending .sia-step-marker{background:var(--p-surface-100, #f1f5f9);border-color:var(--p-surface-300, #cbd5e1);color:var(--p-text-secondary-color, #64748b)}.sia-step-item.pending .sia-step-label .label-text{color:var(--p-text-secondary-color, #64748b)}.sia-step-item.active .sia-step-marker{background:var(--p-primary-500, #3b82f6);border-color:var(--p-primary-500, #3b82f6);color:#fff;box-shadow:0 0 0 4px var(--p-primary-100, #dbeafe);transform:scale(1.1)}.sia-step-item.active .sia-step-label .label-text{color:var(--p-primary-700, #1d4ed8);font-weight:600}.sia-step-item.completed .sia-step-marker{background:var(--p-primary-100, #dbeafe);border-color:var(--p-primary-300, #93c5fd);color:var(--p-primary-600, #2563eb)}.sia-step-item.completed .sia-step-label .label-text{color:var(--p-text-color, #1e293b)}.sia-step-marker{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid;font-size:13px;font-weight:600;transition:all .3s ease;flex-shrink:0}.sia-step-marker i{font-size:14px}.sia-step-label{text-align:center;max-width:100%;overflow:hidden}.sia-step-label .label-text{display:block;font-size:12px;font-weight:500;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--p-text-secondary-color, #64748b);transition:color .2s ease,font-weight .2s ease}.sia-steps-wrapper.animated .sia-steps-list{transition:transform .3s ease}.sia-steps-wrapper.animated .sia-step-item{animation:stepFadeIn .25s ease forwards}@keyframes stepFadeIn{0%{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sia-steps-wrapper.theme-success .sia-step-connector.completed .connector-line{background:var(--p-green-400, #4ade80)}.sia-steps-wrapper.theme-success .sia-step-item.active .sia-step-marker{background:var(--p-green-500, #22c55e);border-color:var(--p-green-500, #22c55e);box-shadow:0 0 0 4px var(--p-green-100, #dcfce7)}.sia-steps-wrapper.theme-success .sia-step-item.active .sia-step-label .label-text{color:var(--p-green-700, #15803d)}.sia-steps-wrapper.theme-success .sia-step-item.completed .sia-step-marker{background:var(--p-green-100, #dcfce7);border-color:var(--p-green-300, #86efac);color:var(--p-green-600, #16a34a)}.sia-steps-wrapper.theme-danger .sia-step-connector.completed .connector-line{background:var(--p-red-400, #f87171)}.sia-steps-wrapper.theme-danger .sia-step-item.active .sia-step-marker{background:var(--p-red-500, #ef4444);border-color:var(--p-red-500, #ef4444);box-shadow:0 0 0 4px var(--p-red-100, #fee2e2)}.sia-steps-wrapper.theme-danger .sia-step-item.active .sia-step-label .label-text{color:var(--p-red-700, #b91c1c)}.sia-steps-wrapper.theme-danger .sia-step-item.completed .sia-step-marker{background:var(--p-red-100, #fee2e2);border-color:var(--p-red-300, #fca5a5);color:var(--p-red-600, #dc2626)}.sia-steps-wrapper.theme-warning .sia-step-connector.completed .connector-line{background:var(--p-orange-400, #fb923c)}.sia-steps-wrapper.theme-warning .sia-step-item.active .sia-step-marker{background:var(--p-orange-500, #f97316);border-color:var(--p-orange-500, #f97316);box-shadow:0 0 0 4px var(--p-orange-100, #ffedd5)}.sia-steps-wrapper.theme-warning .sia-step-item.active .sia-step-label .label-text{color:var(--p-orange-700, #c2410c)}.sia-steps-wrapper.theme-warning .sia-step-item.completed .sia-step-marker{background:var(--p-orange-100, #ffedd5);border-color:var(--p-orange-300, #fdba74);color:var(--p-orange-600, #ea580c)}.sia-steps-wrapper.theme-info .sia-step-connector.completed .connector-line{background:var(--p-cyan-400, #22d3ee)}.sia-steps-wrapper.theme-info .sia-step-item.active .sia-step-marker{background:var(--p-cyan-500, #06b6d4);border-color:var(--p-cyan-500, #06b6d4);box-shadow:0 0 0 4px var(--p-cyan-100, #cffafe)}.sia-steps-wrapper.theme-info .sia-step-item.active .sia-step-label .label-text{color:var(--p-cyan-700, #0e7490)}.sia-steps-wrapper.theme-info .sia-step-item.completed .sia-step-marker{background:var(--p-cyan-100, #cffafe);border-color:var(--p-cyan-300, #67e8f9);color:var(--p-cyan-600, #0891b2)}@media (max-width: 576px){.sia-step-item{min-width:60px;max-width:100px;padding:6px 8px}.sia-step-marker{width:30px;height:30px;font-size:11px}.sia-step-marker i{font-size:12px}.sia-step-label .label-text{font-size:11px}.sia-step-connector{width:20px}}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { steps: [{
+                type: Input
+            }], activeIndex: [{
+                type: Input
+            }], readonly: [{
+                type: Input
+            }], maxVisible: [{
+                type: Input
+            }], stepMinWidth: [{
+                type: Input
+            }], animated: [{
+                type: Input
+            }], navigationMode: [{
+                type: Input
+            }], colorScheme: [{
+                type: Input
+            }], styleClass: [{
+                type: Input
+            }], activeIndexChange: [{
+                type: Output
+            }], stepClick: [{
+                type: Output
+            }], stepsContainer: [{
+                type: ViewChild,
+                args: ['stepsContainer']
+            }] } });
+
 /**
  * Directive para máscara de código postal
  * Usa o locale do cookie por padrão, ou aceita locale por parâmetro
@@ -4107,6 +4326,13 @@ const DATE_MASK_CONFIGS = {
     'en-US': { mask: '99/99/9999', placeholder: 'mm/dd/yyyy', format: 'mdy' },
     'es-ES': { mask: '99/99/9999', placeholder: 'dd/mm/aaaa', format: 'dmy' }
 };
+/**
+ * DynamicFieldDateComponent
+ *
+ * O FormControl.value SEMPRE armazena a data no formato ISO: "yyyy-MM-dd" (ex: "2026-05-18").
+ * A variável `displayValue` mantém o valor formatado no locale do usuário para exibição no input.
+ * Isso garante que qualquer componente que acesse form.value receba o valor pronto para o backend.
+ */
 class DynamicFieldDateComponent extends DynamicFieldBaseComponent {
     localeService;
     cdr;
@@ -4114,9 +4340,12 @@ class DynamicFieldDateComponent extends DynamicFieldBaseComponent {
     currentDateFormat = 'dd/mm/yy';
     dateMask = '99/99/9999';
     calendarValue = null;
+    /** Valor de exibição no formato locale (ex: "18/05/2026" para pt-BR) */
+    displayValue = null;
     langSub;
     valueSub;
     currentLocale = 'pt-BR';
+    updatingFromControl = false;
     constructor(translationService, localeService, cdr) {
         super(translationService);
         this.localeService = localeService;
@@ -4125,71 +4354,162 @@ class DynamicFieldDateComponent extends DynamicFieldBaseComponent {
     ngOnInit() {
         this.currentLocale = this.translationService.getCurrentLanguage();
         this.updateDateFormat();
-        this.initializeValue();
-        this.langSub = this.translationService.currentLanguage$.subscribe((lang) => {
-            this.currentLocale = lang;
-            this.updateDateFormat();
-            this.convertValueToNewLocale();
-        });
         const control = this.form.get(this.field.field);
         if (control) {
+            // Inicializar displayValue a partir do valor ISO do control
+            this.syncDisplayFromControl(control.value);
+            // Observar mudanças externas no control (patchValue, setValue)
             this.valueSub = control.valueChanges.subscribe(value => {
-                if (value instanceof Date) {
-                    control.setValue(this.dateToString(value), { emitEvent: false });
+                if (this.updatingFromControl) {
+                    return;
                 }
+                this.syncDisplayFromControl(value);
             });
         }
+        this.langSub = this.translationService.currentLanguage$.subscribe((lang) => {
+            this.currentLocale = lang;
+            this.updateDateFormat();
+            // Re-formatar o display com o novo locale
+            const ctrl = this.form.get(this.field.field);
+            if (ctrl) {
+                this.syncDisplayFromControl(ctrl.value);
+            }
+        });
     }
     ngOnDestroy() {
         this.langSub?.unsubscribe();
         this.valueSub?.unsubscribe();
     }
-    initializeValue() {
-        const control = this.form.get(this.field.field);
-        if (control?.value instanceof Date) {
-            control.setValue(this.dateToString(control.value), { emitEvent: false });
+    /**
+     * Sincroniza o displayValue a partir do valor ISO do FormControl.
+     * Aceita: "yyyy-MM-dd", Date, locale string "dd/MM/yyyy", ou null.
+     */
+    syncDisplayFromControl(value) {
+        if (!value) {
+            this.displayValue = null;
+            return;
         }
+        if (value instanceof Date) {
+            // Converte Date para ISO no control e atualiza display
+            const iso = this.dateToIso(value);
+            this.setControlValue(iso);
+            this.displayValue = this.isoToLocale(iso);
+            return;
+        }
+        const s = String(value);
+        // Já está em formato ISO (yyyy-MM-dd)
+        if (s.match(/^\d{4}-\d{2}-\d{2}/)) {
+            const isoDate = s.substring(0, 10);
+            this.displayValue = this.isoToLocale(isoDate);
+            return;
+        }
+        // Está em formato locale (dd/MM/yyyy ou MM/dd/yyyy)
+        if (s.match(/^\d{2}\/\d{2}\/\d{4}$/)) {
+            const iso = this.localeToIso(s);
+            if (iso) {
+                this.setControlValue(iso);
+                this.displayValue = s;
+            }
+            else {
+                this.displayValue = s;
+            }
+            return;
+        }
+        // Valor incompleto ou com máscara
+        this.displayValue = s.includes('_') ? null : null;
     }
-    updateDateFormat() {
-        const config = DATE_MASK_CONFIGS[this.currentLocale] || DATE_MASK_CONFIGS['pt-BR'];
-        this.dateMask = config.mask;
-        this.currentDateFormat = this.field?.dateFormat || this.localeService.getPrimeNGDateFormat();
+    /** Chamado quando o usuário completa a digitação da máscara */
+    onDisplayValueComplete() {
+        this.syncControlFromDisplay();
+    }
+    /** Chamado quando o input perde foco */
+    onDisplayValueBlur() {
+        this.syncControlFromDisplay();
+    }
+    /**
+     * Converte o displayValue (locale) para ISO e seta no FormControl.
+     */
+    syncControlFromDisplay() {
+        const control = this.form.get(this.field.field);
+        if (!control) {
+            return;
+        }
+        if (!this.displayValue || this.displayValue.includes('_')) {
+            this.setControlValue(null);
+            control.markAsDirty();
+            return;
+        }
+        const iso = this.localeToIso(this.displayValue);
+        if (iso) {
+            this.setControlValue(iso);
+            control.markAsDirty();
+        }
     }
-    convertValueToNewLocale() {
+    /** Seta o valor no control sem disparar o subscriber interno */
+    setControlValue(value) {
         const control = this.form.get(this.field.field);
-        if (control?.value && typeof control.value === 'string' && !control.value.includes('_')) {
-            const date = this.stringToDate(control.value);
-            if (date) {
-                control.setValue(this.dateToString(date), { emitEvent: false });
-            }
+        if (!control) {
+            return;
         }
+        this.updatingFromControl = true;
+        control.setValue(value, { emitEvent: true });
+        this.updatingFromControl = false;
     }
-    dateToString(date) {
-        const day = String(date.getDate()).padStart(2, '0');
-        const month = String(date.getMonth() + 1).padStart(2, '0');
-        const year = String(date.getFullYear());
+    // ==================== CONVERSÕES ====================
+    /** Converte ISO "yyyy-MM-dd" para locale string */
+    isoToLocale(iso) {
+        const [year, month, day] = iso.split('-');
         const config = DATE_MASK_CONFIGS[this.currentLocale] || DATE_MASK_CONFIGS['pt-BR'];
         return config.format === 'mdy' ? `${month}/${day}/${year}` : `${day}/${month}/${year}`;
     }
-    stringToDate(value) {
-        if (!value || value.includes('_'))
-            return null;
-        const parts = value.split('/');
-        if (parts.length !== 3)
+    /** Converte locale string para ISO "yyyy-MM-dd" */
+    localeToIso(locale) {
+        const parts = locale.split('/');
+        if (parts.length !== 3) {
             return null;
+        }
         const config = DATE_MASK_CONFIGS[this.currentLocale] || DATE_MASK_CONFIGS['pt-BR'];
-        const [p0, p1, p2] = parts.map(p => parseInt(p, 10));
+        const [p0, p1, p2] = parts;
         const [day, month, year] = config.format === 'mdy' ? [p1, p0, p2] : [p0, p1, p2];
-        if (isNaN(day) || isNaN(month) || isNaN(year) || month < 1 || month > 12 || day < 1 || day > 31)
+        const d = parseInt(day, 10);
+        const m = parseInt(month, 10);
+        const y = parseInt(year, 10);
+        if (isNaN(d) || isNaN(m) || isNaN(y) || m < 1 || m > 12 || d < 1 || d > 31) {
             return null;
+        }
+        return `${year}-${month}-${day}`;
+    }
+    /** Converte Date para ISO "yyyy-MM-dd" */
+    dateToIso(date) {
+        const day = String(date.getDate()).padStart(2, '0');
+        const month = String(date.getMonth() + 1).padStart(2, '0');
+        const year = String(date.getFullYear());
+        return `${year}-${month}-${day}`;
+    }
+    /** Converte locale string para Date */
+    localeToDate(value) {
+        const iso = this.localeToIso(value);
+        if (!iso) {
+            return null;
+        }
+        const [year, month, day] = iso.split('-').map(p => parseInt(p, 10));
         const date = new Date(year, month - 1, day);
         return isNaN(date.getTime()) ? null : date;
     }
+    // ==================== CALENDAR ====================
+    updateDateFormat() {
+        const config = DATE_MASK_CONFIGS[this.currentLocale] || DATE_MASK_CONFIGS['pt-BR'];
+        this.dateMask = config.mask;
+        this.currentDateFormat = this.field?.dateFormat || this.localeService.getPrimeNGDateFormat();
+    }
     toggleCalendar(event) {
         event.stopPropagation();
-        const control = this.form.get(this.field.field);
-        this.calendarValue = control?.value ? this.stringToDate(control.value) : new Date();
-        // Simular clique no input do calendar para abrir o overlay
+        if (this.displayValue && !this.displayValue.includes('_')) {
+            this.calendarValue = this.localeToDate(this.displayValue);
+        }
+        else {
+            this.calendarValue = new Date();
+        }
         setTimeout(() => {
             if (this.calendarPicker && this.calendarPicker.inputfieldViewChild) {
                 this.calendarPicker.inputfieldViewChild.nativeElement.click();
@@ -4197,22 +4517,32 @@ class DynamicFieldDateComponent extends DynamicFieldBaseComponent {
         });
     }
     onCalendarSelect(date) {
-        const control = this.form.get(this.field.field);
-        if (control && date) {
-            control.setValue(this.dateToString(date));
-            control.markAsDirty();
+        if (date) {
+            const iso = this.dateToIso(date);
+            this.displayValue = this.isoToLocale(iso);
+            this.setControlValue(iso);
+            const control = this.form.get(this.field.field);
+            if (control) {
+                control.markAsDirty();
+            }
         }
     }
     onCalendarClear() {
+        this.displayValue = null;
+        this.setControlValue(null);
         const control = this.form.get(this.field.field);
         if (control) {
-            control.setValue(null);
             control.markAsDirty();
         }
     }
+    isControlDisabled() {
+        const control = this.form.get(this.field.field);
+        return control ? control.disabled : false;
+    }
     getPlaceholder() {
-        if (this.field.placeholder)
+        if (this.field.placeholder) {
             return this.field.placeholder;
+        }
         return DATE_MASK_CONFIGS[this.currentLocale]?.placeholder || 'dd/mm/aaaa';
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DynamicFieldDateComponent, deps: [{ token: TranslationService }, { token: LocaleService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
@@ -4222,14 +4552,18 @@ class DynamicFieldDateComponent extends DynamicFieldBaseComponent {
         <div class="date-input-group">
           <p-inputmask
             [inputId]="field.field"
-            [formControlName]="field.field"
+            [(ngModel)]="displayValue"
+            [ngModelOptions]="{standalone: true}"
             [mask]="dateMask"
             [placeholder]="getPlaceholder()"
             slotChar="_"
             [autoClear]="false"
             styleClass="date-input"
             [class.ng-invalid]="isFieldInvalid()"
-            [class.ng-dirty]="isFieldDirty()">
+            [class.ng-dirty]="isFieldDirty()"
+            [disabled]="isControlDisabled()"
+            (onComplete)="onDisplayValueComplete()"
+            (onBlur)="onDisplayValueBlur()">
           </p-inputmask>
           <div class="date-buttons">
             <p-button
@@ -4247,6 +4581,7 @@ class DynamicFieldDateComponent extends DynamicFieldBaseComponent {
         <p-calendar
           #calendarPicker
           [(ngModel)]="calendarValue"
+          [ngModelOptions]="{standalone: true}"
           [dateFormat]="currentDateFormat"
           [showButtonBar]="true"
           [appendTo]="'body'"
@@ -4258,7 +4593,7 @@ class DynamicFieldDateComponent extends DynamicFieldBaseComponent {
         </p-calendar>
       </div>
     </sia-dynamic-field-wrapper>
-  `, isInline: true, styles: [".date-field{width:100%;position:relative}.date-input-group{position:relative;width:100%;::ng-deep p-inputmask{width:100%;display:block;input{width:100%;padding-right:2.5rem}}.date-buttons{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;gap:2px;z-index:10}::ng-deep .p-button{width:2rem!important;height:2rem!important;min-width:2rem!important;min-height:2rem!important;padding:0!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;.p-button-icon{margin:0!important;font-size:.875rem!important}.p-button-label{display:none!important}}}::ng-deep .hidden-calendar-input{position:absolute;width:0;height:0;overflow:hidden;opacity:0;pointer-events:none;input{width:0;height:0;padding:0;border:none}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: InputMaskModule }, { kind: "component", type: i4$2.InputMask, selector: "p-inputmask, p-inputMask, p-input-mask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "size", "maxlength", "tabindex", "title", "variant", "ariaLabel", "ariaLabelledBy", "ariaRequired", "disabled", "readonly", "unmask", "name", "required", "characterPattern", "autofocus", "autoFocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }, { kind: "ngmodule", type: CalendarModule }, { kind: "component", type: i5$1.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "fluid", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i6.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i7$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: DynamicFieldWrapperComponent, selector: "sia-dynamic-field-wrapper", inputs: ["field", "form", "mode"] }] });
+  `, isInline: true, styles: [".date-field{width:100%;position:relative}.date-input-group{position:relative;width:100%;::ng-deep p-inputmask{width:100%;display:block;input{width:100%;padding-right:2.5rem}}.date-buttons{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;gap:2px;z-index:10}::ng-deep .p-button{width:2rem!important;height:2rem!important;min-width:2rem!important;min-height:2rem!important;padding:0!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;.p-button-icon{margin:0!important;font-size:.875rem!important}.p-button-label{display:none!important}}}::ng-deep .hidden-calendar-input{position:absolute;width:0;height:0;overflow:hidden;opacity:0;pointer-events:none;input{width:0;height:0;padding:0;border:none}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: InputMaskModule }, { kind: "component", type: i4$2.InputMask, selector: "p-inputmask, p-inputMask, p-input-mask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "size", "maxlength", "tabindex", "title", "variant", "ariaLabel", "ariaLabelledBy", "ariaRequired", "disabled", "readonly", "unmask", "name", "required", "characterPattern", "autofocus", "autoFocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }, { kind: "ngmodule", type: CalendarModule }, { kind: "component", type: i5$1.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "fluid", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i6.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i7$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: DynamicFieldWrapperComponent, selector: "sia-dynamic-field-wrapper", inputs: ["field", "form", "mode"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DynamicFieldDateComponent, decorators: [{
             type: Component,
@@ -4277,14 +4612,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         <div class="date-input-group">
           <p-inputmask
             [inputId]="field.field"
-            [formControlName]="field.field"
+            [(ngModel)]="displayValue"
+            [ngModelOptions]="{standalone: true}"
             [mask]="dateMask"
             [placeholder]="getPlaceholder()"
             slotChar="_"
             [autoClear]="false"
             styleClass="date-input"
             [class.ng-invalid]="isFieldInvalid()"
-            [class.ng-dirty]="isFieldDirty()">
+            [class.ng-dirty]="isFieldDirty()"
+            [disabled]="isControlDisabled()"
+            (onComplete)="onDisplayValueComplete()"
+            (onBlur)="onDisplayValueBlur()">
           </p-inputmask>
           <div class="date-buttons">
             <p-button
@@ -4302,6 +4641,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         <p-calendar
           #calendarPicker
           [(ngModel)]="calendarValue"
+          [ngModelOptions]="{standalone: true}"
           [dateFormat]="currentDateFormat"
           [showButtonBar]="true"
           [appendTo]="'body'"
@@ -4324,6 +4664,13 @@ const DATETIME_MASK_CONFIGS = {
     'en-US': { mask: '99/99/9999 99:99', placeholder: 'mm/dd/yyyy HH:mm', format: 'mdy' },
     'es-ES': { mask: '99/99/9999 99:99', placeholder: 'dd/mm/aaaa HH:mm', format: 'dmy' }
 };
+/**
+ * DynamicFieldDatetimeComponent
+ *
+ * O FormControl.value SEMPRE armazena o datetime no formato ISO: "yyyy-MM-ddTHH:mm:ss.sssZ".
+ * A variável `displayValue` mantém o valor formatado no locale do usuário para exibição no input.
+ * Isso garante que qualquer componente que acesse form.value receba o valor pronto para o backend.
+ */
 class DynamicFieldDatetimeComponent extends DynamicFieldBaseComponent {
     localeService;
     cdr;
@@ -4331,9 +4678,12 @@ class DynamicFieldDatetimeComponent extends DynamicFieldBaseComponent {
     currentDateFormat = 'dd/mm/yy';
     datetimeMask = '99/99/9999 99:99';
     calendarValue = null;
+    /** Valor de exibição no formato locale (ex: "18/05/2026 14:30" para pt-BR) */
+    displayValue = null;
     langSub;
     valueSub;
     currentLocale = 'pt-BR';
+    updatingFromControl = false;
     constructor(translationService, localeService, cdr) {
         super(translationService);
         this.localeService = localeService;
@@ -4342,46 +4692,111 @@ class DynamicFieldDatetimeComponent extends DynamicFieldBaseComponent {
     ngOnInit() {
         this.currentLocale = this.translationService.getCurrentLanguage();
         this.updateDatetimeFormat();
-        this.initializeValue();
-        this.langSub = this.translationService.currentLanguage$.subscribe((lang) => {
-            this.currentLocale = lang;
-            this.updateDatetimeFormat();
-            this.convertValueToNewLocale();
-        });
         const control = this.form.get(this.field.field);
         if (control) {
+            // Inicializar displayValue a partir do valor ISO do control
+            this.syncDisplayFromControl(control.value);
+            // Observar mudanças externas no control (patchValue, setValue)
             this.valueSub = control.valueChanges.subscribe(value => {
-                if (value instanceof Date) {
-                    control.setValue(this.dateToString(value), { emitEvent: false });
+                if (this.updatingFromControl) {
+                    return;
                 }
+                this.syncDisplayFromControl(value);
             });
         }
+        this.langSub = this.translationService.currentLanguage$.subscribe((lang) => {
+            this.currentLocale = lang;
+            this.updateDatetimeFormat();
+            // Re-formatar o display com o novo locale
+            const ctrl = this.form.get(this.field.field);
+            if (ctrl) {
+                this.syncDisplayFromControl(ctrl.value);
+            }
+        });
     }
     ngOnDestroy() {
         this.langSub?.unsubscribe();
         this.valueSub?.unsubscribe();
     }
-    initializeValue() {
-        const control = this.form.get(this.field.field);
-        if (control?.value instanceof Date) {
-            control.setValue(this.dateToString(control.value), { emitEvent: false });
+    /**
+     * Sincroniza o displayValue a partir do valor ISO do FormControl.
+     * Aceita: ISO string, Date, locale string, ou null.
+     */
+    syncDisplayFromControl(value) {
+        if (!value) {
+            this.displayValue = null;
+            return;
         }
+        if (value instanceof Date) {
+            const iso = value.toISOString();
+            this.setControlValue(iso);
+            this.displayValue = this.isoToLocale(value);
+            return;
+        }
+        const s = String(value);
+        // ISO datetime string (contém T)
+        if (s.includes('T')) {
+            const d = new Date(s);
+            if (!isNaN(d.getTime())) {
+                this.displayValue = this.isoToLocale(d);
+            }
+            return;
+        }
+        // Formato locale "dd/MM/yyyy HH:mm" ou "MM/dd/yyyy HH:mm"
+        if (s.match(/^\d{2}\/\d{2}\/\d{4} \d{2}:\d{2}$/)) {
+            const iso = this.localeToIso(s);
+            if (iso) {
+                this.setControlValue(iso);
+                this.displayValue = s;
+            }
+            else {
+                this.displayValue = s;
+            }
+            return;
+        }
+        // Valor incompleto
+        this.displayValue = s.includes('_') ? null : null;
     }
-    updateDatetimeFormat() {
-        const config = DATETIME_MASK_CONFIGS[this.currentLocale] || DATETIME_MASK_CONFIGS['pt-BR'];
-        this.datetimeMask = config.mask;
-        this.currentDateFormat = this.field?.dateFormat || this.localeService.getPrimeNGDateFormat();
+    /** Chamado quando o usuário completa a digitação da máscara */
+    onDisplayValueComplete() {
+        this.syncControlFromDisplay();
     }
-    convertValueToNewLocale() {
+    /** Chamado quando o input perde foco */
+    onDisplayValueBlur() {
+        this.syncControlFromDisplay();
+    }
+    /**
+     * Converte o displayValue (locale) para ISO e seta no FormControl.
+     */
+    syncControlFromDisplay() {
         const control = this.form.get(this.field.field);
-        if (control?.value && typeof control.value === 'string' && !control.value.includes('_')) {
-            const date = this.stringToDate(control.value);
-            if (date) {
-                control.setValue(this.dateToString(date), { emitEvent: false });
-            }
+        if (!control) {
+            return;
+        }
+        if (!this.displayValue || this.displayValue.includes('_')) {
+            this.setControlValue(null);
+            control.markAsDirty();
+            return;
+        }
+        const iso = this.localeToIso(this.displayValue);
+        if (iso) {
+            this.setControlValue(iso);
+            control.markAsDirty();
         }
     }
-    dateToString(date) {
+    /** Seta o valor no control sem disparar o subscriber interno */
+    setControlValue(value) {
+        const control = this.form.get(this.field.field);
+        if (!control) {
+            return;
+        }
+        this.updatingFromControl = true;
+        control.setValue(value, { emitEvent: true });
+        this.updatingFromControl = false;
+    }
+    // ==================== CONVERSÕES ====================
+    /** Converte Date para locale display string */
+    isoToLocale(date) {
         const day = String(date.getDate()).padStart(2, '0');
         const month = String(date.getMonth() + 1).padStart(2, '0');
         const year = String(date.getFullYear());
@@ -4392,33 +4807,53 @@ class DynamicFieldDatetimeComponent extends DynamicFieldBaseComponent {
             ? `${month}/${day}/${year} ${hours}:${minutes}`
             : `${day}/${month}/${year} ${hours}:${minutes}`;
     }
-    stringToDate(value) {
-        if (!value || value.includes('_'))
-            return null;
-        const parts = value.split(' ');
-        if (parts.length !== 2)
+    /** Converte locale string para ISO datetime string */
+    localeToIso(locale) {
+        const parts = locale.split(' ');
+        if (parts.length !== 2) {
             return null;
+        }
         const dateParts = parts[0].split('/');
         const timeParts = parts[1].split(':');
-        if (dateParts.length !== 3 || timeParts.length !== 2)
+        if (dateParts.length !== 3 || timeParts.length !== 2) {
             return null;
+        }
         const config = DATETIME_MASK_CONFIGS[this.currentLocale] || DATETIME_MASK_CONFIGS['pt-BR'];
         const [p0, p1, p2] = dateParts.map(p => parseInt(p, 10));
         const [day, month, year] = config.format === 'mdy' ? [p1, p0, p2] : [p0, p1, p2];
         const hours = parseInt(timeParts[0], 10);
         const minutes = parseInt(timeParts[1], 10);
-        if (isNaN(day) || isNaN(month) || isNaN(year) || isNaN(hours) || isNaN(minutes))
+        if (isNaN(day) || isNaN(month) || isNaN(year) || isNaN(hours) || isNaN(minutes)) {
             return null;
-        if (month < 1 || month > 12 || day < 1 || day > 31 || hours < 0 || hours > 23 || minutes < 0 || minutes > 59)
+        }
+        if (month < 1 || month > 12 || day < 1 || day > 31 || hours < 0 || hours > 23 || minutes < 0 || minutes > 59) {
             return null;
+        }
         const date = new Date(year, month - 1, day, hours, minutes);
-        return isNaN(date.getTime()) ? null : date;
+        return isNaN(date.getTime()) ? null : date.toISOString();
+    }
+    /** Converte locale string para Date */
+    localeToDate(value) {
+        const iso = this.localeToIso(value);
+        if (!iso) {
+            return null;
+        }
+        return new Date(iso);
+    }
+    // ==================== CALENDAR ====================
+    updateDatetimeFormat() {
+        const config = DATETIME_MASK_CONFIGS[this.currentLocale] || DATETIME_MASK_CONFIGS['pt-BR'];
+        this.datetimeMask = config.mask;
+        this.currentDateFormat = this.field?.dateFormat || this.localeService.getPrimeNGDateFormat();
     }
     toggleCalendar(event) {
         event.stopPropagation();
-        const control = this.form.get(this.field.field);
-        this.calendarValue = control?.value ? this.stringToDate(control.value) : new Date();
-        // Simular clique no input do calendar para abrir o overlay
+        if (this.displayValue && !this.displayValue.includes('_')) {
+            this.calendarValue = this.localeToDate(this.displayValue);
+        }
+        else {
+            this.calendarValue = new Date();
+        }
         setTimeout(() => {
             if (this.calendarPicker && this.calendarPicker.inputfieldViewChild) {
                 this.calendarPicker.inputfieldViewChild.nativeElement.click();
@@ -4426,22 +4861,32 @@ class DynamicFieldDatetimeComponent extends DynamicFieldBaseComponent {
         });
     }
     onCalendarSelect(date) {
-        const control = this.form.get(this.field.field);
-        if (control && date) {
-            control.setValue(this.dateToString(date));
-            control.markAsDirty();
+        if (date) {
+            const iso = date.toISOString();
+            this.displayValue = this.isoToLocale(date);
+            this.setControlValue(iso);
+            const control = this.form.get(this.field.field);
+            if (control) {
+                control.markAsDirty();
+            }
         }
     }
     onCalendarClear() {
+        this.displayValue = null;
+        this.setControlValue(null);
         const control = this.form.get(this.field.field);
         if (control) {
-            control.setValue(null);
             control.markAsDirty();
         }
     }
+    isControlDisabled() {
+        const control = this.form.get(this.field.field);
+        return control ? control.disabled : false;
+    }
     getPlaceholder() {
-        if (this.field.placeholder)
+        if (this.field.placeholder) {
             return this.field.placeholder;
+        }
         return DATETIME_MASK_CONFIGS[this.currentLocale]?.placeholder || 'dd/mm/aaaa HH:mm';
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DynamicFieldDatetimeComponent, deps: [{ token: TranslationService }, { token: LocaleService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
@@ -4451,14 +4896,18 @@ class DynamicFieldDatetimeComponent extends DynamicFieldBaseComponent {
         <div class="datetime-input-group">
           <p-inputmask
             [inputId]="field.field"
-            [formControlName]="field.field"
+            [(ngModel)]="displayValue"
+            [ngModelOptions]="{standalone: true}"
             [mask]="datetimeMask"
             [placeholder]="getPlaceholder()"
             slotChar="_"
             [autoClear]="false"
             styleClass="datetime-input"
             [class.ng-invalid]="isFieldInvalid()"
-            [class.ng-dirty]="isFieldDirty()">
+            [class.ng-dirty]="isFieldDirty()"
+            [disabled]="isControlDisabled()"
+            (onComplete)="onDisplayValueComplete()"
+            (onBlur)="onDisplayValueBlur()">
           </p-inputmask>
           <div class="datetime-buttons">
             <p-button
@@ -4476,6 +4925,7 @@ class DynamicFieldDatetimeComponent extends DynamicFieldBaseComponent {
         <p-calendar
           #calendarPicker
           [(ngModel)]="calendarValue"
+          [ngModelOptions]="{standalone: true}"
           [dateFormat]="currentDateFormat"
           [showTime]="true"
           [showSeconds]="false"
@@ -4490,7 +4940,7 @@ class DynamicFieldDatetimeComponent extends DynamicFieldBaseComponent {
         </p-calendar>
       </div>
     </sia-dynamic-field-wrapper>
-  `, isInline: true, styles: [".datetime-field{width:100%;position:relative}.datetime-input-group{position:relative;width:100%;::ng-deep p-inputmask{width:100%;display:block;input{width:100%;padding-right:2.5rem}}.datetime-buttons{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;gap:2px;z-index:10}::ng-deep .p-button{width:2rem!important;height:2rem!important;min-width:2rem!important;min-height:2rem!important;padding:0!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;.p-button-icon{margin:0!important;font-size:.875rem!important}.p-button-label{display:none!important}}}::ng-deep .hidden-calendar-input{position:absolute;width:0;height:0;overflow:hidden;opacity:0;pointer-events:none;input{width:0;height:0;padding:0;border:none}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: InputMaskModule }, { kind: "component", type: i4$2.InputMask, selector: "p-inputmask, p-inputMask, p-input-mask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "size", "maxlength", "tabindex", "title", "variant", "ariaLabel", "ariaLabelledBy", "ariaRequired", "disabled", "readonly", "unmask", "name", "required", "characterPattern", "autofocus", "autoFocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }, { kind: "ngmodule", type: CalendarModule }, { kind: "component", type: i5$1.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "fluid", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i6.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i7$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: DynamicFieldWrapperComponent, selector: "sia-dynamic-field-wrapper", inputs: ["field", "form", "mode"] }] });
+  `, isInline: true, styles: [".datetime-field{width:100%;position:relative}.datetime-input-group{position:relative;width:100%;::ng-deep p-inputmask{width:100%;display:block;input{width:100%;padding-right:2.5rem}}.datetime-buttons{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;gap:2px;z-index:10}::ng-deep .p-button{width:2rem!important;height:2rem!important;min-width:2rem!important;min-height:2rem!important;padding:0!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;.p-button-icon{margin:0!important;font-size:.875rem!important}.p-button-label{display:none!important}}}::ng-deep .hidden-calendar-input{position:absolute;width:0;height:0;overflow:hidden;opacity:0;pointer-events:none;input{width:0;height:0;padding:0;border:none}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: InputMaskModule }, { kind: "component", type: i4$2.InputMask, selector: "p-inputmask, p-inputMask, p-input-mask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "size", "maxlength", "tabindex", "title", "variant", "ariaLabel", "ariaLabelledBy", "ariaRequired", "disabled", "readonly", "unmask", "name", "required", "characterPattern", "autofocus", "autoFocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }, { kind: "ngmodule", type: CalendarModule }, { kind: "component", type: i5$1.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "fluid", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i6.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i7$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: DynamicFieldWrapperComponent, selector: "sia-dynamic-field-wrapper", inputs: ["field", "form", "mode"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DynamicFieldDatetimeComponent, decorators: [{
             type: Component,
@@ -4509,14 +4959,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         <div class="datetime-input-group">
           <p-inputmask
             [inputId]="field.field"
-            [formControlName]="field.field"
+            [(ngModel)]="displayValue"
+            [ngModelOptions]="{standalone: true}"
             [mask]="datetimeMask"
             [placeholder]="getPlaceholder()"
             slotChar="_"
             [autoClear]="false"
             styleClass="datetime-input"
             [class.ng-invalid]="isFieldInvalid()"
-            [class.ng-dirty]="isFieldDirty()">
+            [class.ng-dirty]="isFieldDirty()"
+            [disabled]="isControlDisabled()"
+            (onComplete)="onDisplayValueComplete()"
+            (onBlur)="onDisplayValueBlur()">
           </p-inputmask>
           <div class="datetime-buttons">
             <p-button
@@ -4534,6 +4988,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         <p-calendar
           #calendarPicker
           [(ngModel)]="calendarValue"
+          [ngModelOptions]="{standalone: true}"
           [dateFormat]="currentDateFormat"
           [showTime]="true"
           [showSeconds]="false"
@@ -5594,50 +6049,153 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
   `, styles: ["textarea{width:100%;resize:vertical}\n"] }]
         }], ctorParameters: () => [{ type: TranslationService }] });
 
+/**
+ * DynamicFieldTimeComponent
+ *
+ * O FormControl.value SEMPRE armazena o horário no formato ISO: "HH:mm:ss" (ex: "14:30:00").
+ * A variável `displayValue` mantém o valor formatado "HH:mm" para exibição no input.
+ * Isso garante que qualquer componente que acesse form.value receba o valor pronto para o backend.
+ */
 class DynamicFieldTimeComponent extends DynamicFieldBaseComponent {
     timePicker;
     timeValue = null;
+    /** Valor de exibição no formato "HH:mm" */
+    displayValue = null;
     valueSub;
+    updatingFromControl = false;
     constructor(translationService) {
         super(translationService);
     }
     ngOnInit() {
         const control = this.form.get(this.field.field);
         if (control) {
-            if (control.value instanceof Date) {
-                control.setValue(this.dateToTimeString(control.value), { emitEvent: false });
-            }
+            // Inicializar displayValue a partir do valor ISO do control
+            this.syncDisplayFromControl(control.value);
+            // Observar mudanças externas no control (patchValue, setValue)
             this.valueSub = control.valueChanges.subscribe(value => {
-                if (value instanceof Date) {
-                    control.setValue(this.dateToTimeString(value), { emitEvent: false });
+                if (this.updatingFromControl) {
+                    return;
                 }
+                this.syncDisplayFromControl(value);
             });
         }
     }
     ngOnDestroy() {
         this.valueSub?.unsubscribe();
     }
-    dateToTimeString(date) {
-        return `${String(date.getHours()).padStart(2, '0')}:${String(date.getMinutes()).padStart(2, '0')}`;
+    /**
+     * Sincroniza o displayValue a partir do valor ISO do FormControl.
+     * Aceita: "HH:mm:ss", "HH:mm", Date, ou null.
+     */
+    syncDisplayFromControl(value) {
+        if (!value) {
+            this.displayValue = null;
+            return;
+        }
+        if (value instanceof Date) {
+            const iso = this.dateToIso(value);
+            this.setControlValue(iso);
+            this.displayValue = iso.substring(0, 5);
+            return;
+        }
+        const s = String(value);
+        // Formato ISO "HH:mm:ss"
+        if (s.match(/^\d{2}:\d{2}:\d{2}$/)) {
+            this.displayValue = s.substring(0, 5);
+            return;
+        }
+        // Formato curto "HH:mm"
+        if (s.match(/^\d{2}:\d{2}$/)) {
+            // Normalizar para ISO no control
+            this.setControlValue(`${s}:00`);
+            this.displayValue = s;
+            return;
+        }
+        // ISO datetime string com T
+        if (s.includes('T')) {
+            const d = new Date(s);
+            if (!isNaN(d.getTime())) {
+                const iso = this.dateToIso(d);
+                this.setControlValue(iso);
+                this.displayValue = iso.substring(0, 5);
+            }
+            return;
+        }
+        // Valor incompleto
+        this.displayValue = s.includes('_') ? null : null;
+    }
+    /** Chamado quando o usuário completa a digitação da máscara */
+    onDisplayValueComplete() {
+        this.syncControlFromDisplay();
+    }
+    /** Chamado quando o input perde foco */
+    onDisplayValueBlur() {
+        this.syncControlFromDisplay();
+    }
+    /**
+     * Converte o displayValue ("HH:mm") para ISO ("HH:mm:ss") e seta no FormControl.
+     */
+    syncControlFromDisplay() {
+        const control = this.form.get(this.field.field);
+        if (!control) {
+            return;
+        }
+        if (!this.displayValue || this.displayValue.includes('_')) {
+            this.setControlValue(null);
+            control.markAsDirty();
+            return;
+        }
+        // Validar formato HH:mm
+        if (this.displayValue.match(/^\d{2}:\d{2}$/)) {
+            const [h, m] = this.displayValue.split(':').map(p => parseInt(p, 10));
+            if (h >= 0 && h <= 23 && m >= 0 && m <= 59) {
+                this.setControlValue(`${this.displayValue}:00`);
+                control.markAsDirty();
+            }
+        }
+    }
+    /** Seta o valor no control sem disparar o subscriber interno */
+    setControlValue(value) {
+        const control = this.form.get(this.field.field);
+        if (!control) {
+            return;
+        }
+        this.updatingFromControl = true;
+        control.setValue(value, { emitEvent: true });
+        this.updatingFromControl = false;
+    }
+    // ==================== CONVERSÕES ====================
+    /** Converte Date para ISO "HH:mm:ss" */
+    dateToIso(date) {
+        return `${String(date.getHours()).padStart(2, '0')}:${String(date.getMinutes()).padStart(2, '0')}:00`;
     }
-    stringToDate(value) {
-        if (!value || value.includes('_'))
+    /** Converte display "HH:mm" para Date */
+    displayToDate(value) {
+        if (!value || value.includes('_')) {
             return null;
+        }
         const parts = value.split(':');
-        if (parts.length !== 2)
+        if (parts.length !== 2) {
             return null;
+        }
         const hours = parseInt(parts[0], 10);
         const minutes = parseInt(parts[1], 10);
-        if (isNaN(hours) || isNaN(minutes) || hours < 0 || hours > 23 || minutes < 0 || minutes > 59)
+        if (isNaN(hours) || isNaN(minutes) || hours < 0 || hours > 23 || minutes < 0 || minutes > 59) {
             return null;
+        }
         const d = new Date();
         d.setHours(hours, minutes, 0, 0);
         return d;
     }
+    // ==================== TIME PICKER ====================
     toggleTimePicker(event) {
         event.stopPropagation();
-        const control = this.form.get(this.field.field);
-        this.timeValue = control?.value ? this.stringToDate(control.value) : new Date();
+        if (this.displayValue && !this.displayValue.includes('_')) {
+            this.timeValue = this.displayToDate(this.displayValue);
+        }
+        else {
+            this.timeValue = new Date();
+        }
         setTimeout(() => {
             if (this.timePicker) {
                 this.timePicker.showOverlay();
@@ -5645,12 +6203,20 @@ class DynamicFieldTimeComponent extends DynamicFieldBaseComponent {
         });
     }
     onTimeSelect(date) {
-        const control = this.form.get(this.field.field);
-        if (control && date) {
-            control.setValue(this.dateToTimeString(date));
-            control.markAsDirty();
+        if (date) {
+            const iso = this.dateToIso(date);
+            this.displayValue = iso.substring(0, 5);
+            this.setControlValue(iso);
+            const control = this.form.get(this.field.field);
+            if (control) {
+                control.markAsDirty();
+            }
         }
     }
+    isControlDisabled() {
+        const control = this.form.get(this.field.field);
+        return control ? control.disabled : false;
+    }
     getPlaceholder() {
         return this.field.placeholder || 'HH:mm';
     }
@@ -5661,14 +6227,18 @@ class DynamicFieldTimeComponent extends DynamicFieldBaseComponent {
         <div class="time-input-group">
           <p-inputmask
             [inputId]="field.field"
-            [formControlName]="field.field"
+            [(ngModel)]="displayValue"
+            [ngModelOptions]="{standalone: true}"
             mask="99:99"
             [placeholder]="getPlaceholder()"
             slotChar="_"
             [autoClear]="false"
             styleClass="time-input"
             [class.ng-invalid]="isFieldInvalid()"
-            [class.ng-dirty]="isFieldDirty()">
+            [class.ng-dirty]="isFieldDirty()"
+            [disabled]="isControlDisabled()"
+            (onComplete)="onDisplayValueComplete()"
+            (onBlur)="onDisplayValueBlur()">
           </p-inputmask>
           <div class="time-buttons">
             <p-button
@@ -5686,6 +6256,7 @@ class DynamicFieldTimeComponent extends DynamicFieldBaseComponent {
         <p-calendar
           #timePicker
           [(ngModel)]="timeValue"
+          [ngModelOptions]="{standalone: true}"
           [timeOnly]="true"
           [showSeconds]="false"
           [hourFormat]="'24'"
@@ -5697,7 +6268,7 @@ class DynamicFieldTimeComponent extends DynamicFieldBaseComponent {
         </p-calendar>
       </div>
     </sia-dynamic-field-wrapper>
-  `, isInline: true, styles: [".time-field{width:100%;position:relative}.time-input-group{position:relative;width:100%;::ng-deep p-inputmask{width:100%;display:block;input{width:100%;padding-right:2.5rem}}.time-buttons{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;gap:2px;z-index:10}::ng-deep .p-button{width:2rem!important;height:2rem!important;min-width:2rem!important;min-height:2rem!important;padding:0!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;.p-button-icon{margin:0!important;font-size:.875rem!important}.p-button-label{display:none!important}}}::ng-deep .hidden-calendar-input{position:absolute;width:0;height:0;overflow:hidden;opacity:0;pointer-events:none;input{width:0;height:0;padding:0;border:none}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: InputMaskModule }, { kind: "component", type: i4$2.InputMask, selector: "p-inputmask, p-inputMask, p-input-mask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "size", "maxlength", "tabindex", "title", "variant", "ariaLabel", "ariaLabelledBy", "ariaRequired", "disabled", "readonly", "unmask", "name", "required", "characterPattern", "autofocus", "autoFocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }, { kind: "ngmodule", type: CalendarModule }, { kind: "component", type: i5$1.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "fluid", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i6.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i7$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: DynamicFieldWrapperComponent, selector: "sia-dynamic-field-wrapper", inputs: ["field", "form", "mode"] }] });
+  `, isInline: true, styles: [".time-field{width:100%;position:relative}.time-input-group{position:relative;width:100%;::ng-deep p-inputmask{width:100%;display:block;input{width:100%;padding-right:2.5rem}}.time-buttons{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;gap:2px;z-index:10}::ng-deep .p-button{width:2rem!important;height:2rem!important;min-width:2rem!important;min-height:2rem!important;padding:0!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;.p-button-icon{margin:0!important;font-size:.875rem!important}.p-button-label{display:none!important}}}::ng-deep .hidden-calendar-input{position:absolute;width:0;height:0;overflow:hidden;opacity:0;pointer-events:none;input{width:0;height:0;padding:0;border:none}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: InputMaskModule }, { kind: "component", type: i4$2.InputMask, selector: "p-inputmask, p-inputMask, p-input-mask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "size", "maxlength", "tabindex", "title", "variant", "ariaLabel", "ariaLabelledBy", "ariaRequired", "disabled", "readonly", "unmask", "name", "required", "characterPattern", "autofocus", "autoFocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }, { kind: "ngmodule", type: CalendarModule }, { kind: "component", type: i5$1.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "fluid", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i6.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i7$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: DynamicFieldWrapperComponent, selector: "sia-dynamic-field-wrapper", inputs: ["field", "form", "mode"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DynamicFieldTimeComponent, decorators: [{
             type: Component,
@@ -5716,14 +6287,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         <div class="time-input-group">
           <p-inputmask
             [inputId]="field.field"
-            [formControlName]="field.field"
+            [(ngModel)]="displayValue"
+            [ngModelOptions]="{standalone: true}"
             mask="99:99"
             [placeholder]="getPlaceholder()"
             slotChar="_"
             [autoClear]="false"
             styleClass="time-input"
             [class.ng-invalid]="isFieldInvalid()"
-            [class.ng-dirty]="isFieldDirty()">
+            [class.ng-dirty]="isFieldDirty()"
+            [disabled]="isControlDisabled()"
+            (onComplete)="onDisplayValueComplete()"
+            (onBlur)="onDisplayValueBlur()">
           </p-inputmask>
           <div class="time-buttons">
             <p-button
@@ -5741,6 +6316,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         <p-calendar
           #timePicker
           [(ngModel)]="timeValue"
+          [ngModelOptions]="{standalone: true}"
           [timeOnly]="true"
           [showSeconds]="false"
           [hourFormat]="'24'"
@@ -6198,55 +6774,42 @@ class DynamicFormComponent {
     processEntityData(entity) {
         const data = { ...entity };
         this.allFields.forEach(field => {
+            // Date: pass ISO string directly — field component handles display conversion
             if (field.type === 'date' && data[field.field]) {
                 const v = data[field.field];
-                if (typeof v === 'string') {
-                    // Convert yyyy-MM-dd to locale format string
-                    const parts = v.substring(0, 10).split('-');
-                    if (parts.length === 3) {
-                        const [year, month, day] = parts;
-                        const locale = this.translationService.getCurrentLanguage();
-                        data[field.field] = locale === 'en-US'
-                            ? `${month}/${day}/${year}`
-                            : `${day}/${month}/${year}`;
-                    }
-                }
-                else if (v instanceof Date) {
-                    const day = String(v.getDate()).padStart(2, '0');
-                    const month = String(v.getMonth() + 1).padStart(2, '0');
-                    const year = String(v.getFullYear());
-                    const locale = this.translationService.getCurrentLanguage();
-                    data[field.field] = locale === 'en-US'
-                        ? `${month}/${day}/${year}`
-                        : `${day}/${month}/${year}`;
+                if (v instanceof Date) {
+                    data[field.field] = `${v.getFullYear()}-${String(v.getMonth() + 1).padStart(2, '0')}-${String(v.getDate()).padStart(2, '0')}`;
                 }
+                // String values (ISO "yyyy-MM-dd") are passed as-is to the field component
             }
+            // Time: normalize to "HH:mm:ss" — field component handles display conversion
             if (field.type === 'time' && data[field.field]) {
                 const v = data[field.field];
-                if (typeof v === 'string') {
+                if (v instanceof Date) {
+                    data[field.field] = `${String(v.getHours()).padStart(2, '0')}:${String(v.getMinutes()).padStart(2, '0')}:00`;
+                }
+                else if (typeof v === 'string') {
                     const parts = v.split(':');
-                    if (parts.length >= 2) {
-                        data[field.field] = `${parts[0].padStart(2, '0')}:${parts[1].padStart(2, '0')}`;
+                    if (parts.length === 2) {
+                        data[field.field] = `${parts[0].padStart(2, '0')}:${parts[1].padStart(2, '0')}:00`;
                     }
-                }
-                else if (v instanceof Date) {
-                    data[field.field] = `${String(v.getHours()).padStart(2, '0')}:${String(v.getMinutes()).padStart(2, '0')}`;
+                    // "HH:mm:ss" is passed as-is
                 }
             }
+            // Datetime: normalize to ISO string — field component handles display conversion
             if (field.type === 'datetime' && data[field.field]) {
                 const v = data[field.field];
-                const d = typeof v === 'string' ? new Date(v) : v;
-                if (d instanceof Date && !isNaN(d.getTime())) {
-                    const day = String(d.getDate()).padStart(2, '0');
-                    const month = String(d.getMonth() + 1).padStart(2, '0');
-                    const year = String(d.getFullYear());
-                    const hours = String(d.getHours()).padStart(2, '0');
-                    const minutes = String(d.getMinutes()).padStart(2, '0');
-                    const locale = this.translationService.getCurrentLanguage();
-                    data[field.field] = locale === 'en-US'
-                        ? `${month}/${day}/${year} ${hours}:${minutes}`
-                        : `${day}/${month}/${year} ${hours}:${minutes}`;
+                if (v instanceof Date) {
+                    data[field.field] = v.toISOString();
+                }
+                else if (typeof v === 'string' && !v.includes('T')) {
+                    // Try to parse non-ISO string
+                    const d = new Date(v);
+                    if (!isNaN(d.getTime())) {
+                        data[field.field] = d.toISOString();
+                    }
                 }
+                // ISO strings with T are passed as-is
             }
             if (field.type === 'lookup' && data[field.field]) {
                 const v = data[field.field];
@@ -6295,49 +6858,20 @@ class DynamicFormComponent {
                     out[field.field] = null;
             }
             else if (field.type === 'date') {
-                if (typeof v === 'string' && v.match(/^\d{2}\/\d{2}\/\d{4}$/)) {
-                    // Parse locale string to yyyy-MM-dd
-                    const parts = v.split('/');
-                    const locale = this.translationService.getCurrentLanguage();
-                    const [day, month, year] = locale === 'en-US'
-                        ? [parts[1], parts[0], parts[2]]
-                        : [parts[0], parts[1], parts[2]];
-                    out[field.field] = `${year}-${month}-${day}`;
-                }
-                else if (v instanceof Date) {
-                    out[field.field] = `${v.getFullYear()}-${String(v.getMonth() + 1).padStart(2, '0')}-${String(v.getDate()).padStart(2, '0')}`;
-                }
-                else if (!v || (typeof v === 'string' && v.includes('_'))) {
+                // Value is already in ISO format "yyyy-MM-dd" from the field component
+                if (!v || (typeof v === 'string' && v.includes('_'))) {
                     out[field.field] = null;
                 }
             }
             else if (field.type === 'time') {
-                if (typeof v === 'string' && v.match(/^\d{2}:\d{2}$/)) {
-                    out[field.field] = `${v}:00`;
-                }
-                else if (v instanceof Date) {
-                    out[field.field] = `${String(v.getHours()).padStart(2, '0')}:${String(v.getMinutes()).padStart(2, '0')}:00`;
-                }
-                else if (!v || (typeof v === 'string' && v.includes('_'))) {
+                // Value is already in ISO format "HH:mm:ss" from the field component
+                if (!v || (typeof v === 'string' && v.includes('_'))) {
                     out[field.field] = null;
                 }
             }
             else if (field.type === 'datetime') {
-                if (typeof v === 'string' && v.match(/^\d{2}\/\d{2}\/\d{4} \d{2}:\d{2}$/)) {
-                    // Parse locale string to Date
-                    const [datePart, timePart] = v.split(' ');
-                    const dateParts = datePart.split('/');
-                    const locale = this.translationService.getCurrentLanguage();
-                    const [day, month, year] = locale === 'en-US'
-                        ? [parseInt(dateParts[1], 10), parseInt(dateParts[0], 10), parseInt(dateParts[2], 10)]
-                        : [parseInt(dateParts[0], 10), parseInt(dateParts[1], 10), parseInt(dateParts[2], 10)];
-                    const [hours, minutes] = timePart.split(':').map(p => parseInt(p, 10));
-                    out[field.field] = new Date(year, month - 1, day, hours, minutes).toISOString();
-                }
-                else if (v instanceof Date) {
-                    out[field.field] = v.toISOString();
-                }
-                else if (!v || (typeof v === 'string' && v.includes('_'))) {
+                // Value is already in ISO format from the field component
+                if (!v || (typeof v === 'string' && v.includes('_'))) {
                     out[field.field] = null;
                 }
             }
@@ -6497,17 +7031,8 @@ class DynamicFormComponent {
                 if (field?.type === 'lookup' && value && typeof value === 'object') {
                     control.setValue(value);
                 }
-                else if (field?.type === 'date' && value && typeof value === 'string') {
-                    const parts = value.substring(0, 10).split('-');
-                    if (parts.length === 3) {
-                        const d = new Date(+parts[0], +parts[1] - 1, +parts[2]);
-                        control.setValue(!isNaN(d.getTime()) ? d : value);
-                    }
-                    else {
-                        control.setValue(value);
-                    }
-                }
                 else {
+                    // Date, time, datetime values are already in ISO format in the control
                     control.setValue(value);
                 }
             }
@@ -6533,9 +7058,7 @@ class DynamicFormComponent {
         if (field?.type === 'lookup' && value && typeof value !== 'object') {
             value = { id: value };
         }
-        if (field?.type === 'date' && value instanceof Date) {
-            value = `${value.getFullYear()}-${String(value.getMonth() + 1).padStart(2, '0')}-${String(value.getDate()).padStart(2, '0')}`;
-        }
+        // Date, time, datetime values are already in ISO format from the field component
         this.fieldSave.emit({ field: fieldName, value });
     }
     cancelInlineEdit() {
@@ -7553,5 +8076,5 @@ const throttle = (func, limit) => {
  * Generated bundle index. Do not edit.
  */
 
-export { AngularComponentsModule, AuthService, BreadcrumbComponent, BulkDeleteDialogComponent, CnpjPipe, CookieService, CpfPipe, DEFAULT_LANGUAGE, DateFormatPipe, DocumentMaskDirective, DocumentPipe, DynamicFieldCheckboxComponent, DynamicFieldDateComponent, DynamicFieldDropdownComponent, DynamicFieldImageComponent, DynamicFieldLookupComponent, DynamicFieldMultiselectComponent, DynamicFieldNumberComponent, DynamicFieldTextComponent, DynamicFieldTextareaComponent, DynamicFieldTimeComponent, DynamicFieldWrapperComponent, DynamicFormComponent, EntityListBaseComponent, EntityService, ExportDialogComponent, FieldType, IassistIconComponent, KanbanBoardComponent, LoadingComponent, LocaleService, MaskService, MoneyMaskDirective, MoneyPipe, PermissionService, PhoneMaskDirective, PhonePipe, PostalCodeMaskDirective, PostalCodePipe, SUPPORTED_LANGUAGES, SeniorPreset, SeniorTokenService, TRANSLATION_CONFIG, TableLoadingDirective, ThemeService, TranslatePipe, TranslationHelper, TranslationService, WebSocketService, apiInterceptor, createFilterString, createFilterTokens, debounce, deepClone, deepEqual, escapeFilterValue, getEnumQuery, getLabelValueRequest, getLanguageInfo, getProp, getSuggestionValue, getTypeInformation, isValidFilter, mapTokenLocaleToLanguage, mergeUnique, provideSeniorPrimeNG, resolveRefs, setProp, throttle };
+export { AngularComponentsModule, AuthService, BreadcrumbComponent, BulkDeleteDialogComponent, CnpjPipe, CookieService, CpfPipe, DEFAULT_LANGUAGE, DateFormatPipe, DocumentMaskDirective, DocumentPipe, DynamicFieldCheckboxComponent, DynamicFieldDateComponent, DynamicFieldDropdownComponent, DynamicFieldImageComponent, DynamicFieldLookupComponent, DynamicFieldMultiselectComponent, DynamicFieldNumberComponent, DynamicFieldTextComponent, DynamicFieldTextareaComponent, DynamicFieldTimeComponent, DynamicFieldWrapperComponent, DynamicFormComponent, EntityListBaseComponent, EntityService, ExportDialogComponent, FieldType, IassistIconComponent, KanbanBoardComponent, LoadingComponent, LocaleService, MaskService, MoneyMaskDirective, MoneyPipe, PermissionService, PhoneMaskDirective, PhonePipe, PostalCodeMaskDirective, PostalCodePipe, SUPPORTED_LANGUAGES, SeniorPreset, SeniorTokenService, StepsComponent, TRANSLATION_CONFIG, TableLoadingDirective, ThemeService, TranslatePipe, TranslationHelper, TranslationService, WebSocketService, apiInterceptor, createFilterString, createFilterTokens, debounce, deepClone, deepEqual, escapeFilterValue, getEnumQuery, getLabelValueRequest, getLanguageInfo, getProp, getSuggestionValue, getTypeInformation, isValidFilter, mapTokenLocaleToLanguage, mergeUnique, provideSeniorPrimeNG, resolveRefs, setProp, throttle };
 //# sourceMappingURL=seniorsistemas-components-ai.mjs.map