@seniorsistemas/components-ai 1.2.0 → 1.3.0

package/fesm2022/seniorsistemas-components-ai.mjs

@@ -1,11 +1,11 @@
 import * as i0 from '@angular/core';
-import { NgModule, Injectable, Optional, Inject, Pipe, EventEmitter, Component, Input, Output, Directive, HostListener, ViewEncapsulation, APP_INITIALIZER, Injector, makeEnvironmentProviders, inject } from '@angular/core';
+import { NgModule, Injectable, Optional, Inject, Pipe, EventEmitter, Component, Input, Output, ChangeDetectionStrategy, Directive, HostListener, ViewEncapsulation, APP_INITIALIZER, Injector, makeEnvironmentProviders, inject } from '@angular/core';
 import * as i2 from '@angular/common';
 import { CommonModule, DOCUMENT } from '@angular/common';
 import * as i1 from '@angular/common/http';
 import { HttpParams } from '@angular/common/http';
 import { throwError, BehaviorSubject, of, from, concatMap, catchError as catchError$1 } from 'rxjs';
-import { catchError, map, filter } from 'rxjs/operators';
+import { map, catchError, filter } from 'rxjs/operators';
 import * as i1$1 from 'primeng/config';
 import { providePrimeNG } from 'primeng/config';
 import * as i3 from '@angular/forms';
@@ -161,40 +161,70 @@ class EntityService {
     list(listParams = {}) {
         const params = this.getListQueryParams(listParams);
         return this.http.get(this.entityUrl, { params })
-            .pipe(catchError(this.handleError));
+            .pipe(map(response => this.sanitizeEntity(response)), catchError(this.handleError));
     }
     /**
      * Get entity by ID
      */
     get(id) {
         return this.http.get(`${this.entityUrl}/${id}`)
-            .pipe(catchError(this.handleError));
+            .pipe(map(response => this.sanitizeEntity(response)), catchError(this.handleError));
     }
     /**
-     * Sanitiza uma entidade antes de enviar para a API.
-     * Objetos aninhados com `id` são reduzidos a `{ id }` para evitar
-     * problemas com referências circulares ($ref) e dados desnecessários.
+     * Sanitiza a entidade/resposta removendo propriedades $ref que vêm do
+     * backend (Jackson @JsonIdentityInfo), substituindo-as pelo objeto real
+     * referenciado no payload original.
      */
     sanitizeEntity(entity) {
-        if (!entity || typeof entity !== 'object')
-            return entity;
-        const sanitized = {};
-        for (const key of Object.keys(entity)) {
-            const value = entity[key];
-            if (value === null || value === undefined) {
-                sanitized[key] = value;
-            }
-            else if (Array.isArray(value)) {
-                sanitized[key] = value.map((item) => item && typeof item === 'object' && item.id ? { id: item.id } : item);
+        const cloned = JSON.parse(JSON.stringify(entity));
+        this.resolveRefs(cloned, cloned);
+        return cloned;
+    }
+    /**
+     * Percorre recursivamente o objeto e resolve qualquer { $ref: "..." }
+     * buscando o valor real no root do payload usando o path JSON.
+     */
+    resolveRefs(obj, root) {
+        if (!obj || typeof obj !== 'object')
+            return;
+        const keys = Array.isArray(obj) ? obj.map((_, i) => i) : Object.keys(obj);
+        for (const key of keys) {
+            const value = obj[key];
+            if (value && typeof value === 'object') {
+                if (value['$ref'] && typeof value['$ref'] === 'string') {
+                    const resolved = this.resolveJsonPath(root, value['$ref']);
+                    if (resolved !== undefined) {
+                        obj[key] = JSON.parse(JSON.stringify(resolved));
+                    }
+                }
+                else {
+                    this.resolveRefs(value, root);
+                }
             }
-            else if (typeof value === 'object' && value.id && key !== '_discriminator') {
-                sanitized[key] = { id: value.id };
+        }
+    }
+    /**
+     * Resolve um path JSON no formato $["key"][index]["key"] ou $.key.key[index]
+     */
+    resolveJsonPath(root, path) {
+        try {
+            const tokens = [];
+            const regex = /\["([^"]+)"\]|\[(\d+)\]|\.(\w+)/g;
+            let match;
+            while ((match = regex.exec(path)) !== null) {
+                tokens.push(match[1] ?? match[2] ?? match[3]);
             }
-            else {
-                sanitized[key] = value;
+            let current = root;
+            for (const token of tokens) {
+                if (current == null)
+                    return undefined;
+                current = current[token] ?? current[Number(token)];
             }
+            return current;
+        }
+        catch {
+            return undefined;
         }
-        return sanitized;
     }
     /**
      * Create new entity
@@ -223,7 +253,7 @@ class EntityService {
     listCustomFilter(listParams, action) {
         const bodyParams = this.getBodyParams(listParams);
         return this.http.post(`${this.actionsUrl}/${action}`, bodyParams)
-            .pipe(catchError(this.handleError));
+            .pipe(map(response => this.sanitizeEntity(response)), catchError(this.handleError));
     }
     /**
      * Execute custom query
@@ -2496,6 +2526,281 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Input
             }] } });
 
+const COLOR_MAP = {
+    primary: { base: 'var(--p-primary-500, #3b82f6)', light: 'var(--p-primary-300, #93c5fd)' },
+    secondary: { base: 'var(--p-surface-500, #64748b)', light: 'var(--p-surface-300, #cbd5e1)' },
+    success: { base: 'var(--p-green-500, #22c55e)', light: 'var(--p-green-300, #86efac)' },
+    warn: { base: 'var(--p-yellow-500, #eab308)', light: 'var(--p-yellow-300, #fde047)' },
+    danger: { base: 'var(--p-red-500, #ef4444)', light: 'var(--p-red-300, #fca5a5)' },
+    info: { base: 'var(--p-blue-500, #3b82f6)', light: 'var(--p-blue-300, #93c5fd)' },
+    senior: { base: '#0d9488', light: '#00c89a' },
+};
+const SENIOR_PATH_RIGHT = 'M174.719 518.932L258.161 439.782C264.546 433.762 269.614 426.603 273.072 418.719C276.53 410.834 278.31 402.378 278.31 393.838C278.31 385.298 276.53 376.843 273.072 368.958C269.614 361.073 264.546 353.915 258.161 347.895L174.719 269.199C168.45 263.304 163.474 256.289 160.077 248.56C156.681 240.83 154.933 232.539 154.933 224.165C154.933 215.792 156.681 207.501 160.077 199.771C163.474 192.042 168.45 185.027 174.719 179.132L303.718 301.496C329.517 326.089 344 359.371 344 394.066C344 428.76 329.517 462.043 303.718 486.635L174.719 609C168.45 603.105 163.474 596.09 160.077 588.36C156.681 580.631 154.933 572.34 154.933 563.966C154.933 555.592 156.681 547.301 160.077 539.572C163.474 531.842 168.45 524.828 174.719 518.932Z';
+const SENIOR_PATH_LEFT = 'M173.76 94.0677L90.3189 173.218C83.9334 179.238 78.8659 186.397 75.408 194.281C71.95 202.166 70.1698 210.622 70.1698 219.162C70.1698 227.702 71.95 236.157 75.408 244.042C78.8659 251.927 83.9334 259.085 90.3189 265.105L173.76 344.256C180.03 350.151 185.006 357.166 188.402 364.895C191.798 372.625 193.547 380.916 193.547 389.289C193.547 397.663 191.798 405.954 188.402 413.684C185.006 421.413 180.03 428.428 173.76 434.323L44.2823 311.504C18.4832 286.911 4 253.629 4 218.934C4 184.24 18.4832 150.957 44.2823 126.365L173.76 4C186.213 16.0129 193.192 32.1861 193.192 49.0338C193.192 65.8815 186.213 82.0547 173.76 94.0677Z';
+const SENIOR_PATH_FULL = SENIOR_PATH_RIGHT + ' ' + SENIOR_PATH_LEFT;
+class LoadingComponent {
+    variant = 'senior-reveal';
+    color = 'senior';
+    size = 40;
+    text = '';
+    padding = '3rem 0';
+    get colorBase() {
+        return (COLOR_MAP[this.color] || COLOR_MAP['senior']).base;
+    }
+    get colorLight() {
+        return (COLOR_MAP[this.color] || COLOR_MAP['senior']).light;
+    }
+    pathRight = SENIOR_PATH_RIGHT;
+    pathLeft = SENIOR_PATH_LEFT;
+    pathFull = SENIOR_PATH_FULL;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: LoadingComponent, isStandalone: true, selector: "sia-loading", inputs: { variant: "variant", color: "color", size: "size", text: "text", padding: "padding" }, ngImport: i0, template: `
+    <div class="sia-loading" [style.padding]="padding"
+      [class.sia-loading--skeleton]="variant === 'skeleton'"
+      [style.--sia-c]="colorBase" [style.--sia-cl]="colorLight">
+
+      <div class="sia-dots" *ngIf="variant === 'dots'">
+        <span class="dot" *ngFor="let d of [0,1,2]" [style.--i]="d"></span>
+      </div>
+
+      <div class="sia-pulse" *ngIf="variant === 'pulse'" [style.--size]="size + 'px'">
+        <span class="ring ring-1"></span>
+        <span class="ring ring-2"></span>
+        <span class="core"></span>
+      </div>
+
+      <div class="sia-bars" *ngIf="variant === 'bars'" [style.--h]="size + 'px'">
+        <span class="bar" *ngFor="let b of [0,1,2,3,4]" [style.--i]="b"></span>
+      </div>
+
+      <div class="sia-orbit" *ngIf="variant === 'orbit'" [style.--size]="size + 'px'">
+        <span class="orbit-track"></span>
+        <span class="orbit-dot orbit-dot-1"></span>
+        <span class="orbit-dot orbit-dot-2"></span>
+      </div>
+
+      <div class="sia-morph" *ngIf="variant === 'morph'" [style.--size]="size + 'px'">
+        <span class="morph-shape"></span>
+      </div>
+
+      <div class="sia-wave" *ngIf="variant === 'wave'">
+        <span class="wave-dot" *ngFor="let w of [0,1,2,3,4,5,6]" [style.--i]="w"></span>
+      </div>
+
+      <div class="sia-skeleton" *ngIf="variant === 'skeleton'">
+        <div class="skel-row skel-row--header">
+          <div class="skel-circle"></div>
+          <div class="skel-lines">
+            <div class="skel-line skel-line--md"></div>
+            <div class="skel-line skel-line--sm"></div>
+          </div>
+        </div>
+        <div class="skel-line skel-line--full"></div>
+        <div class="skel-line skel-line--lg"></div>
+        <div class="skel-line skel-line--md"></div>
+      </div>
+
+      <!-- ═══ SENIOR VARIANTS ═══ -->
+
+      <!-- senior-draw: stroke draw animation -->
+      <div class="sia-senior-draw" *ngIf="variant === 'senior-draw'" [style.--size]="size + 'px'">
+        <svg [attr.width]="size" [attr.height]="size" viewBox="0 0 348 613" fill="none">
+          <path class="sp sp-r" [attr.d]="pathRight"
+            [attr.stroke]="colorBase" stroke-width="6" fill="none" stroke-linecap="round" stroke-linejoin="round" />
+          <path class="sp sp-l" [attr.d]="pathLeft"
+            [attr.stroke]="colorBase" stroke-width="6" fill="none" stroke-linecap="round" stroke-linejoin="round" />
+        </svg>
+      </div>
+
+      <!-- senior-pulse: circle with logo, pulse + scale -->
+      <div class="sia-senior-pulse" *ngIf="variant === 'senior-pulse'" [style.--size]="size + 'px'">
+        <div class="sp-circle">
+          <svg [attr.width]="size * 0.5" [attr.height]="size * 0.88" viewBox="0 0 348 613" fill="none">
+            <path [attr.d]="pathFull" fill="white" />
+          </svg>
+        </div>
+      </div>
+
+      <!-- senior-glow: neon glow with breathing -->
+      <div class="sia-senior-glow" *ngIf="variant === 'senior-glow'" [style.--size]="size + 'px'">
+        <svg [attr.width]="size" [attr.height]="size" viewBox="0 0 348 613" fill="none">
+          <path class="glow-shadow" [attr.d]="pathFull" [attr.stroke]="colorLight" stroke-width="12" fill="none" />
+          <path class="glow-main" [attr.d]="pathFull" [attr.stroke]="colorBase" stroke-width="4" fill="none" />
+        </svg>
+      </div>
+
+      <!-- senior-flip: 3D Y-axis flip -->
+      <div class="sia-senior-flip" *ngIf="variant === 'senior-flip'" [style.--size]="size + 'px'">
+        <svg [attr.width]="size" [attr.height]="size" viewBox="0 0 348 613" fill="none">
+          <path [attr.d]="pathFull" [attr.fill]="colorBase" />
+        </svg>
+      </div>
+
+      <!-- senior-bounce: alternating halves bounce -->
+      <div class="sia-senior-bounce" *ngIf="variant === 'senior-bounce'" [style.--size]="size + 'px'">
+        <svg [attr.width]="size" [attr.height]="size" viewBox="0 0 348 613" fill="none">
+          <path class="bounce-r" [attr.d]="pathRight" [attr.fill]="colorBase" />
+          <path class="bounce-l" [attr.d]="pathLeft" [attr.fill]="colorLight" />
+        </svg>
+      </div>
+
+      <!-- senior-reveal: tennis ball bouncing with Senior logo inside -->
+      <div class="sia-senior-reveal" *ngIf="variant === 'senior-reveal'" [style.--size]="size * 1.3 + 'px'">
+        <!-- Tennis ball with Senior logo inside -->
+        <svg class="sr-ball" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+          <defs>
+            <clipPath id="sr-clip"><circle cx="50" cy="50" r="48" /></clipPath>
+          </defs>
+          <circle cx="50" cy="50" r="48" [attr.fill]="colorBase" />
+          <g clip-path="url(#sr-clip)">
+            <!-- top-right seam curve -->
+            <path d="M38 -2 C58 18, 62 38, 102 48" stroke="white" stroke-width="9" fill="none" stroke-linecap="round" opacity="0.15" />
+            <path d="M38 -2 C58 18, 62 38, 102 48" stroke="white" stroke-width="4" fill="none" stroke-linecap="round" opacity="0.8" />
+            <!-- bottom-left seam curve -->
+            <path d="M-2 52 C38 62, 42 82, 62 102" stroke="white" stroke-width="9" fill="none" stroke-linecap="round" opacity="0.15" />
+            <path d="M-2 52 C38 62, 42 82, 62 102" stroke="white" stroke-width="4" fill="none" stroke-linecap="round" opacity="0.8" />
+            <g transform="translate(32.6, 19.4) scale(0.10)">
+              <path [attr.d]="pathFull" fill="white" opacity="0.8" />
+            </g>
+          </g>
+        </svg>
+        <div class="sr-shadow"></div>
+      </div>
+
+      <span class="sia-loading-text" *ngIf="text && variant !== 'skeleton'">{{ text }}</span>
+    </div>
+  `, isInline: true, styles: [":host{display:block}.sia-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem 0}.sia-loading--skeleton{align-items:stretch}.sia-loading-text{color:var(--p-text-muted-color, #94a3b8);font-size:.8rem;letter-spacing:.02em}.sia-dots{display:flex;gap:6px;align-items:center}.sia-dots .dot{width:10px;height:10px;border-radius:50%;background:var(--sia-c);animation:sia-dot-bounce 1.2s calc(var(--i) * .15s) ease-in-out infinite}@keyframes sia-dot-bounce{0%,60%,to{transform:translateY(0) scale(1);opacity:.4}30%{transform:translateY(-12px) scale(1.15);opacity:1}}.sia-pulse{position:relative;width:var(--size, 40px);height:var(--size, 40px)}.sia-pulse .ring{position:absolute;inset:0;border-radius:50%;border:2px solid var(--sia-c);opacity:0}.sia-pulse .ring-1{animation:sia-ripple 1.8s 0s ease-out infinite}.sia-pulse .ring-2{animation:sia-ripple 1.8s .6s ease-out infinite}.sia-pulse .core{position:absolute;top:50%;left:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--sia-c);animation:sia-core-pulse 1.8s ease-in-out infinite}@keyframes sia-ripple{0%{transform:scale(.3);opacity:.8}to{transform:scale(1);opacity:0}}@keyframes sia-core-pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.3);opacity:1}}.sia-bars{display:flex;align-items:center;gap:3px;height:var(--h, 40px)}.sia-bars .bar{width:4px;height:40%;border-radius:2px;background:var(--sia-c);animation:sia-bar-wave 1s calc(var(--i) * .1s) ease-in-out infinite}@keyframes sia-bar-wave{0%,to{height:20%;opacity:.4}50%{height:100%;opacity:1}}.sia-orbit{position:relative;width:var(--size, 40px);height:var(--size, 40px)}.sia-orbit .orbit-track{position:absolute;inset:0;border-radius:50%;border:1.5px solid var(--p-surface-200, #e2e8f0)}.sia-orbit .orbit-dot{position:absolute;width:8px;height:8px;border-radius:50%;top:-4px;left:calc(50% - 4px)}.sia-orbit .orbit-dot-1{background:var(--sia-c);animation:sia-orbit-spin 1.4s linear infinite;transform-origin:50% calc(var(--size, 40px) / 2 + 4px)}.sia-orbit .orbit-dot-2{background:var(--sia-cl);animation:sia-orbit-spin 1.4s .7s linear infinite;transform-origin:50% calc(var(--size, 40px) / 2 + 4px)}@keyframes sia-orbit-spin{to{transform:rotate(360deg)}}.sia-morph{width:var(--size, 40px);height:var(--size, 40px);display:flex;align-items:center;justify-content:center}.sia-morph .morph-shape{width:70%;height:70%;background:var(--sia-c);animation:sia-morph 2.4s ease-in-out infinite}@keyframes sia-morph{0%{border-radius:50%;transform:rotate(0) scale(1)}25%{border-radius:30% 70% 50% 50%;transform:rotate(90deg) scale(.85)}50%{border-radius:50% 30% 70%;transform:rotate(180deg) scale(1)}75%{border-radius:70% 50% 30% 70%;transform:rotate(270deg) scale(.85)}to{border-radius:50%;transform:rotate(360deg) scale(1)}}.sia-wave{display:flex;align-items:center;gap:3px}.sia-wave .wave-dot{width:6px;height:6px;border-radius:50%;background:var(--sia-c);animation:sia-wave-flow 1.6s calc(var(--i) * .12s) ease-in-out infinite}@keyframes sia-wave-flow{0%,to{transform:translateY(0) scale(.6);opacity:.3}50%{transform:translateY(-10px) scale(1);opacity:1}}.sia-skeleton{display:flex;flex-direction:column;gap:.75rem;padding:0 1rem;width:100%}.skel-row{display:flex;align-items:center;gap:.75rem}.skel-row--header{margin-bottom:.25rem}.skel-circle{width:36px;height:36px;border-radius:50%;flex-shrink:0;background:var(--p-surface-200, #e2e8f0);animation:sia-shimmer 1.6s ease-in-out infinite}.skel-lines{flex:1;display:flex;flex-direction:column;gap:.4rem}.skel-line{height:10px;border-radius:4px;background:var(--p-surface-200, #e2e8f0);animation:sia-shimmer 1.6s ease-in-out infinite}.skel-line--full{width:100%;animation-delay:.1s}.skel-line--lg{width:75%;animation-delay:.2s}.skel-line--md{width:55%;animation-delay:.3s}.skel-line--sm{width:35%;animation-delay:.15s}@keyframes sia-shimmer{0%,to{opacity:.4}50%{opacity:1}}.sia-senior-draw{width:var(--size, 40px);height:var(--size, 40px);display:flex;align-items:center;justify-content:center}.sia-senior-draw .sp{stroke-dasharray:1200;stroke-dashoffset:1200}.sia-senior-draw .sp-r{animation:sia-sd-r 2s ease-in-out infinite}.sia-senior-draw .sp-l{animation:sia-sd-l 2s ease-in-out infinite}@keyframes sia-sd-r{0%{stroke-dashoffset:1200;opacity:.2}35%{stroke-dashoffset:0;opacity:1}60%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:-1200;opacity:.2}}@keyframes sia-sd-l{0%{stroke-dashoffset:1200;opacity:.2}15%{stroke-dashoffset:1200;opacity:.2}50%{stroke-dashoffset:0;opacity:1}65%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:-1200;opacity:.2}}.sia-senior-pulse{display:flex;align-items:center;justify-content:center}.sia-senior-pulse .sp-circle{width:var(--size, 64px);height:var(--size, 64px);border-radius:50%;background-color:var(--sia-c);display:flex;align-items:center;justify-content:center;position:relative;animation:sia-sp-pulse 1.4s ease-out infinite,sia-sp-scale 1.4s ease-in-out infinite}@keyframes sia-sp-pulse{0%{box-shadow:0 0 0 0 var(--sia-cl)}70%{box-shadow:0 0 0 20px transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes sia-sp-scale{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.sia-senior-glow{width:var(--size, 40px);height:var(--size, 40px);display:flex;align-items:center;justify-content:center}.sia-senior-glow .glow-shadow{opacity:.3;filter:blur(4px);animation:sia-sg-breathe 2s ease-in-out infinite}.sia-senior-glow .glow-main{animation:sia-sg-breathe 2s ease-in-out infinite}@keyframes sia-sg-breathe{0%,to{opacity:.4;filter:drop-shadow(0 0 2px var(--sia-cl))}50%{opacity:1;filter:drop-shadow(0 0 10px var(--sia-cl)) drop-shadow(0 0 20px var(--sia-c))}}.sia-senior-flip{width:var(--size, 40px);height:var(--size, 40px);display:flex;align-items:center;justify-content:center;perspective:300px}.sia-senior-flip svg{animation:sia-sf-flip 2s ease-in-out infinite;transform-style:preserve-3d}@keyframes sia-sf-flip{0%{transform:rotateY(0)}50%{transform:rotateY(180deg)}to{transform:rotateY(360deg)}}.sia-senior-bounce{width:var(--size, 40px);height:var(--size, 40px);display:flex;align-items:center;justify-content:center}.sia-senior-bounce .bounce-r{animation:sia-sb-r 1.2s ease-in-out infinite;transform-origin:center center}.sia-senior-bounce .bounce-l{animation:sia-sb-l 1.2s ease-in-out infinite;transform-origin:center center}@keyframes sia-sb-r{0%,to{transform:translateY(0) scale(1);opacity:.7}50%{transform:translateY(-8px) scale(1.05);opacity:1}}@keyframes sia-sb-l{0%,to{transform:translateY(-8px) scale(1.05);opacity:1}50%{transform:translateY(0) scale(1);opacity:.7}}.sia-senior-reveal{width:var(--size, 64px);height:calc(var(--size, 64px) * 1.4);position:relative;display:flex;align-items:center;justify-content:center}.sia-senior-reveal .sr-ball{position:absolute;width:var(--size, 64px);height:var(--size, 64px);border-radius:50%;overflow:hidden;animation:sia-sr-bounce 1.2s ease-in-out infinite}.sia-senior-reveal .sr-shadow{position:absolute;bottom:0;width:60%;height:6px;border-radius:50%;background:#0000001f;animation:sia-sr-shadow 1.2s ease-in-out infinite}@keyframes sia-sr-bounce{0%,to{transform:translateY(20%) scaleX(1.06) scaleY(.94)}50%{transform:translateY(-25%) scaleX(.96) scaleY(1.04)}}@keyframes sia-sr-shadow{0%,to{transform:scaleX(1);opacity:.12}50%{transform:scaleX(.6);opacity:.06}}\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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LoadingComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sia-loading', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule], template: `
+    <div class="sia-loading" [style.padding]="padding"
+      [class.sia-loading--skeleton]="variant === 'skeleton'"
+      [style.--sia-c]="colorBase" [style.--sia-cl]="colorLight">
+
+      <div class="sia-dots" *ngIf="variant === 'dots'">
+        <span class="dot" *ngFor="let d of [0,1,2]" [style.--i]="d"></span>
+      </div>
+
+      <div class="sia-pulse" *ngIf="variant === 'pulse'" [style.--size]="size + 'px'">
+        <span class="ring ring-1"></span>
+        <span class="ring ring-2"></span>
+        <span class="core"></span>
+      </div>
+
+      <div class="sia-bars" *ngIf="variant === 'bars'" [style.--h]="size + 'px'">
+        <span class="bar" *ngFor="let b of [0,1,2,3,4]" [style.--i]="b"></span>
+      </div>
+
+      <div class="sia-orbit" *ngIf="variant === 'orbit'" [style.--size]="size + 'px'">
+        <span class="orbit-track"></span>
+        <span class="orbit-dot orbit-dot-1"></span>
+        <span class="orbit-dot orbit-dot-2"></span>
+      </div>
+
+      <div class="sia-morph" *ngIf="variant === 'morph'" [style.--size]="size + 'px'">
+        <span class="morph-shape"></span>
+      </div>
+
+      <div class="sia-wave" *ngIf="variant === 'wave'">
+        <span class="wave-dot" *ngFor="let w of [0,1,2,3,4,5,6]" [style.--i]="w"></span>
+      </div>
+
+      <div class="sia-skeleton" *ngIf="variant === 'skeleton'">
+        <div class="skel-row skel-row--header">
+          <div class="skel-circle"></div>
+          <div class="skel-lines">
+            <div class="skel-line skel-line--md"></div>
+            <div class="skel-line skel-line--sm"></div>
+          </div>
+        </div>
+        <div class="skel-line skel-line--full"></div>
+        <div class="skel-line skel-line--lg"></div>
+        <div class="skel-line skel-line--md"></div>
+      </div>
+
+      <!-- ═══ SENIOR VARIANTS ═══ -->
+
+      <!-- senior-draw: stroke draw animation -->
+      <div class="sia-senior-draw" *ngIf="variant === 'senior-draw'" [style.--size]="size + 'px'">
+        <svg [attr.width]="size" [attr.height]="size" viewBox="0 0 348 613" fill="none">
+          <path class="sp sp-r" [attr.d]="pathRight"
+            [attr.stroke]="colorBase" stroke-width="6" fill="none" stroke-linecap="round" stroke-linejoin="round" />
+          <path class="sp sp-l" [attr.d]="pathLeft"
+            [attr.stroke]="colorBase" stroke-width="6" fill="none" stroke-linecap="round" stroke-linejoin="round" />
+        </svg>
+      </div>
+
+      <!-- senior-pulse: circle with logo, pulse + scale -->
+      <div class="sia-senior-pulse" *ngIf="variant === 'senior-pulse'" [style.--size]="size + 'px'">
+        <div class="sp-circle">
+          <svg [attr.width]="size * 0.5" [attr.height]="size * 0.88" viewBox="0 0 348 613" fill="none">
+            <path [attr.d]="pathFull" fill="white" />
+          </svg>
+        </div>
+      </div>
+
+      <!-- senior-glow: neon glow with breathing -->
+      <div class="sia-senior-glow" *ngIf="variant === 'senior-glow'" [style.--size]="size + 'px'">
+        <svg [attr.width]="size" [attr.height]="size" viewBox="0 0 348 613" fill="none">
+          <path class="glow-shadow" [attr.d]="pathFull" [attr.stroke]="colorLight" stroke-width="12" fill="none" />
+          <path class="glow-main" [attr.d]="pathFull" [attr.stroke]="colorBase" stroke-width="4" fill="none" />
+        </svg>
+      </div>
+
+      <!-- senior-flip: 3D Y-axis flip -->
+      <div class="sia-senior-flip" *ngIf="variant === 'senior-flip'" [style.--size]="size + 'px'">
+        <svg [attr.width]="size" [attr.height]="size" viewBox="0 0 348 613" fill="none">
+          <path [attr.d]="pathFull" [attr.fill]="colorBase" />
+        </svg>
+      </div>
+
+      <!-- senior-bounce: alternating halves bounce -->
+      <div class="sia-senior-bounce" *ngIf="variant === 'senior-bounce'" [style.--size]="size + 'px'">
+        <svg [attr.width]="size" [attr.height]="size" viewBox="0 0 348 613" fill="none">
+          <path class="bounce-r" [attr.d]="pathRight" [attr.fill]="colorBase" />
+          <path class="bounce-l" [attr.d]="pathLeft" [attr.fill]="colorLight" />
+        </svg>
+      </div>
+
+      <!-- senior-reveal: tennis ball bouncing with Senior logo inside -->
+      <div class="sia-senior-reveal" *ngIf="variant === 'senior-reveal'" [style.--size]="size * 1.3 + 'px'">
+        <!-- Tennis ball with Senior logo inside -->
+        <svg class="sr-ball" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+          <defs>
+            <clipPath id="sr-clip"><circle cx="50" cy="50" r="48" /></clipPath>
+          </defs>
+          <circle cx="50" cy="50" r="48" [attr.fill]="colorBase" />
+          <g clip-path="url(#sr-clip)">
+            <!-- top-right seam curve -->
+            <path d="M38 -2 C58 18, 62 38, 102 48" stroke="white" stroke-width="9" fill="none" stroke-linecap="round" opacity="0.15" />
+            <path d="M38 -2 C58 18, 62 38, 102 48" stroke="white" stroke-width="4" fill="none" stroke-linecap="round" opacity="0.8" />
+            <!-- bottom-left seam curve -->
+            <path d="M-2 52 C38 62, 42 82, 62 102" stroke="white" stroke-width="9" fill="none" stroke-linecap="round" opacity="0.15" />
+            <path d="M-2 52 C38 62, 42 82, 62 102" stroke="white" stroke-width="4" fill="none" stroke-linecap="round" opacity="0.8" />
+            <g transform="translate(32.6, 19.4) scale(0.10)">
+              <path [attr.d]="pathFull" fill="white" opacity="0.8" />
+            </g>
+          </g>
+        </svg>
+        <div class="sr-shadow"></div>
+      </div>
+
+      <span class="sia-loading-text" *ngIf="text && variant !== 'skeleton'">{{ text }}</span>
+    </div>
+  `, styles: [":host{display:block}.sia-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem 0}.sia-loading--skeleton{align-items:stretch}.sia-loading-text{color:var(--p-text-muted-color, #94a3b8);font-size:.8rem;letter-spacing:.02em}.sia-dots{display:flex;gap:6px;align-items:center}.sia-dots .dot{width:10px;height:10px;border-radius:50%;background:var(--sia-c);animation:sia-dot-bounce 1.2s calc(var(--i) * .15s) ease-in-out infinite}@keyframes sia-dot-bounce{0%,60%,to{transform:translateY(0) scale(1);opacity:.4}30%{transform:translateY(-12px) scale(1.15);opacity:1}}.sia-pulse{position:relative;width:var(--size, 40px);height:var(--size, 40px)}.sia-pulse .ring{position:absolute;inset:0;border-radius:50%;border:2px solid var(--sia-c);opacity:0}.sia-pulse .ring-1{animation:sia-ripple 1.8s 0s ease-out infinite}.sia-pulse .ring-2{animation:sia-ripple 1.8s .6s ease-out infinite}.sia-pulse .core{position:absolute;top:50%;left:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--sia-c);animation:sia-core-pulse 1.8s ease-in-out infinite}@keyframes sia-ripple{0%{transform:scale(.3);opacity:.8}to{transform:scale(1);opacity:0}}@keyframes sia-core-pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.3);opacity:1}}.sia-bars{display:flex;align-items:center;gap:3px;height:var(--h, 40px)}.sia-bars .bar{width:4px;height:40%;border-radius:2px;background:var(--sia-c);animation:sia-bar-wave 1s calc(var(--i) * .1s) ease-in-out infinite}@keyframes sia-bar-wave{0%,to{height:20%;opacity:.4}50%{height:100%;opacity:1}}.sia-orbit{position:relative;width:var(--size, 40px);height:var(--size, 40px)}.sia-orbit .orbit-track{position:absolute;inset:0;border-radius:50%;border:1.5px solid var(--p-surface-200, #e2e8f0)}.sia-orbit .orbit-dot{position:absolute;width:8px;height:8px;border-radius:50%;top:-4px;left:calc(50% - 4px)}.sia-orbit .orbit-dot-1{background:var(--sia-c);animation:sia-orbit-spin 1.4s linear infinite;transform-origin:50% calc(var(--size, 40px) / 2 + 4px)}.sia-orbit .orbit-dot-2{background:var(--sia-cl);animation:sia-orbit-spin 1.4s .7s linear infinite;transform-origin:50% calc(var(--size, 40px) / 2 + 4px)}@keyframes sia-orbit-spin{to{transform:rotate(360deg)}}.sia-morph{width:var(--size, 40px);height:var(--size, 40px);display:flex;align-items:center;justify-content:center}.sia-morph .morph-shape{width:70%;height:70%;background:var(--sia-c);animation:sia-morph 2.4s ease-in-out infinite}@keyframes sia-morph{0%{border-radius:50%;transform:rotate(0) scale(1)}25%{border-radius:30% 70% 50% 50%;transform:rotate(90deg) scale(.85)}50%{border-radius:50% 30% 70%;transform:rotate(180deg) scale(1)}75%{border-radius:70% 50% 30% 70%;transform:rotate(270deg) scale(.85)}to{border-radius:50%;transform:rotate(360deg) scale(1)}}.sia-wave{display:flex;align-items:center;gap:3px}.sia-wave .wave-dot{width:6px;height:6px;border-radius:50%;background:var(--sia-c);animation:sia-wave-flow 1.6s calc(var(--i) * .12s) ease-in-out infinite}@keyframes sia-wave-flow{0%,to{transform:translateY(0) scale(.6);opacity:.3}50%{transform:translateY(-10px) scale(1);opacity:1}}.sia-skeleton{display:flex;flex-direction:column;gap:.75rem;padding:0 1rem;width:100%}.skel-row{display:flex;align-items:center;gap:.75rem}.skel-row--header{margin-bottom:.25rem}.skel-circle{width:36px;height:36px;border-radius:50%;flex-shrink:0;background:var(--p-surface-200, #e2e8f0);animation:sia-shimmer 1.6s ease-in-out infinite}.skel-lines{flex:1;display:flex;flex-direction:column;gap:.4rem}.skel-line{height:10px;border-radius:4px;background:var(--p-surface-200, #e2e8f0);animation:sia-shimmer 1.6s ease-in-out infinite}.skel-line--full{width:100%;animation-delay:.1s}.skel-line--lg{width:75%;animation-delay:.2s}.skel-line--md{width:55%;animation-delay:.3s}.skel-line--sm{width:35%;animation-delay:.15s}@keyframes sia-shimmer{0%,to{opacity:.4}50%{opacity:1}}.sia-senior-draw{width:var(--size, 40px);height:var(--size, 40px);display:flex;align-items:center;justify-content:center}.sia-senior-draw .sp{stroke-dasharray:1200;stroke-dashoffset:1200}.sia-senior-draw .sp-r{animation:sia-sd-r 2s ease-in-out infinite}.sia-senior-draw .sp-l{animation:sia-sd-l 2s ease-in-out infinite}@keyframes sia-sd-r{0%{stroke-dashoffset:1200;opacity:.2}35%{stroke-dashoffset:0;opacity:1}60%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:-1200;opacity:.2}}@keyframes sia-sd-l{0%{stroke-dashoffset:1200;opacity:.2}15%{stroke-dashoffset:1200;opacity:.2}50%{stroke-dashoffset:0;opacity:1}65%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:-1200;opacity:.2}}.sia-senior-pulse{display:flex;align-items:center;justify-content:center}.sia-senior-pulse .sp-circle{width:var(--size, 64px);height:var(--size, 64px);border-radius:50%;background-color:var(--sia-c);display:flex;align-items:center;justify-content:center;position:relative;animation:sia-sp-pulse 1.4s ease-out infinite,sia-sp-scale 1.4s ease-in-out infinite}@keyframes sia-sp-pulse{0%{box-shadow:0 0 0 0 var(--sia-cl)}70%{box-shadow:0 0 0 20px transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes sia-sp-scale{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.sia-senior-glow{width:var(--size, 40px);height:var(--size, 40px);display:flex;align-items:center;justify-content:center}.sia-senior-glow .glow-shadow{opacity:.3;filter:blur(4px);animation:sia-sg-breathe 2s ease-in-out infinite}.sia-senior-glow .glow-main{animation:sia-sg-breathe 2s ease-in-out infinite}@keyframes sia-sg-breathe{0%,to{opacity:.4;filter:drop-shadow(0 0 2px var(--sia-cl))}50%{opacity:1;filter:drop-shadow(0 0 10px var(--sia-cl)) drop-shadow(0 0 20px var(--sia-c))}}.sia-senior-flip{width:var(--size, 40px);height:var(--size, 40px);display:flex;align-items:center;justify-content:center;perspective:300px}.sia-senior-flip svg{animation:sia-sf-flip 2s ease-in-out infinite;transform-style:preserve-3d}@keyframes sia-sf-flip{0%{transform:rotateY(0)}50%{transform:rotateY(180deg)}to{transform:rotateY(360deg)}}.sia-senior-bounce{width:var(--size, 40px);height:var(--size, 40px);display:flex;align-items:center;justify-content:center}.sia-senior-bounce .bounce-r{animation:sia-sb-r 1.2s ease-in-out infinite;transform-origin:center center}.sia-senior-bounce .bounce-l{animation:sia-sb-l 1.2s ease-in-out infinite;transform-origin:center center}@keyframes sia-sb-r{0%,to{transform:translateY(0) scale(1);opacity:.7}50%{transform:translateY(-8px) scale(1.05);opacity:1}}@keyframes sia-sb-l{0%,to{transform:translateY(-8px) scale(1.05);opacity:1}50%{transform:translateY(0) scale(1);opacity:.7}}.sia-senior-reveal{width:var(--size, 64px);height:calc(var(--size, 64px) * 1.4);position:relative;display:flex;align-items:center;justify-content:center}.sia-senior-reveal .sr-ball{position:absolute;width:var(--size, 64px);height:var(--size, 64px);border-radius:50%;overflow:hidden;animation:sia-sr-bounce 1.2s ease-in-out infinite}.sia-senior-reveal .sr-shadow{position:absolute;bottom:0;width:60%;height:6px;border-radius:50%;background:#0000001f;animation:sia-sr-shadow 1.2s ease-in-out infinite}@keyframes sia-sr-bounce{0%,to{transform:translateY(20%) scaleX(1.06) scaleY(.94)}50%{transform:translateY(-25%) scaleX(.96) scaleY(1.04)}}@keyframes sia-sr-shadow{0%,to{transform:scaleX(1);opacity:.12}50%{transform:scaleX(.6);opacity:.06}}\n"] }]
+        }], propDecorators: { variant: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], padding: [{
+                type: Input
+            }] } });
+
 /**
  * Base class for entity list components
  * Eliminates code duplication between feature list components
@@ -3417,6 +3722,94 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
   `, styles: ["::ng-deep p-calendar{width:100%;.p-calendar,input{width:100%}}\n"] }]
         }], ctorParameters: () => [{ type: TranslationService }, { type: LocaleService }, { type: i0.ChangeDetectorRef }] });
 
+class DynamicFieldDatetimeComponent extends DynamicFieldBaseComponent {
+    localeService;
+    cdr;
+    currentDateFormat = 'dd/mm/yy';
+    calendarVisible = true;
+    langSub;
+    constructor(translationService, localeService, cdr) {
+        super(translationService);
+        this.localeService = localeService;
+        this.cdr = cdr;
+    }
+    ngOnInit() {
+        this.updateDateFormat();
+        this.langSub = this.translationService.currentLanguage$.subscribe(() => {
+            this.refreshCalendar();
+        });
+    }
+    ngOnDestroy() {
+        this.langSub?.unsubscribe();
+    }
+    refreshCalendar() {
+        this.calendarVisible = false;
+        this.cdr.detectChanges();
+        this.updateDateFormat();
+        this.calendarVisible = true;
+        this.cdr.detectChanges();
+    }
+    updateDateFormat() {
+        this.currentDateFormat = this.field?.dateFormat || this.localeService.getPrimeNGDateFormat();
+    }
+    getPlaceholder() {
+        return super.getPlaceholder(true);
+    }
+    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 });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: DynamicFieldDatetimeComponent, isStandalone: true, selector: "sia-dynamic-field-datetime", usesInheritance: true, ngImport: i0, template: `
+    <sia-dynamic-field-wrapper [field]="field" [form]="form" [mode]="mode">
+      <div [formGroup]="form">
+        <p-calendar
+          *ngIf="calendarVisible"
+          [inputId]="field.field"
+          [formControlName]="field.field"
+          [placeholder]="getPlaceholder()"
+          [dateFormat]="currentDateFormat"
+          [showTime]="true"
+          [showSeconds]="false"
+          [hourFormat]="'24'"
+          [showIcon]="true"
+          [showButtonBar]="true"
+          [class.ng-invalid]="isFieldInvalid()"
+          [class.ng-dirty]="isFieldDirty()"
+          [appendTo]="'body'"
+          styleClass="w-full">
+        </p-calendar>
+      </div>
+    </sia-dynamic-field-wrapper>
+  `, isInline: true, styles: ["::ng-deep p-calendar{width:100%;.p-calendar,input{width:100%}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { 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: "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,
+            args: [{ selector: 'sia-dynamic-field-datetime', standalone: true, imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        CalendarModule,
+                        DynamicFieldWrapperComponent
+                    ], template: `
+    <sia-dynamic-field-wrapper [field]="field" [form]="form" [mode]="mode">
+      <div [formGroup]="form">
+        <p-calendar
+          *ngIf="calendarVisible"
+          [inputId]="field.field"
+          [formControlName]="field.field"
+          [placeholder]="getPlaceholder()"
+          [dateFormat]="currentDateFormat"
+          [showTime]="true"
+          [showSeconds]="false"
+          [hourFormat]="'24'"
+          [showIcon]="true"
+          [showButtonBar]="true"
+          [class.ng-invalid]="isFieldInvalid()"
+          [class.ng-dirty]="isFieldDirty()"
+          [appendTo]="'body'"
+          styleClass="w-full">
+        </p-calendar>
+      </div>
+    </sia-dynamic-field-wrapper>
+  `, styles: ["::ng-deep p-calendar{width:100%;.p-calendar,input{width:100%}}\n"] }]
+        }], ctorParameters: () => [{ type: TranslationService }, { type: LocaleService }, { type: i0.ChangeDetectorRef }] });
+
 class DynamicFieldDropdownComponent extends DynamicFieldBaseComponent {
     constructor(translationService) {
         super(translationService);
@@ -3497,6 +3890,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
 
 class DynamicFieldLookupComponent {
     translationService;
+    cdr;
     field;
     form;
     formGroup;
@@ -3511,12 +3905,14 @@ class DynamicFieldLookupComponent {
     currentPage = 0;
     pageSize = 5;
     selectedItem = null;
+    skipNextLazyLoad = false;
     columns = [];
     displayField = 'name';
     valueField = 'id';
     searchFields = ['name'];
-    constructor(translationService) {
+    constructor(translationService, cdr) {
         this.translationService = translationService;
+        this.cdr = cdr;
     }
     ngOnInit() {
         this.setupLookupConfig();
@@ -3618,7 +4014,9 @@ class DynamicFieldLookupComponent {
         this.showLookupDialog = true;
         this.currentPage = 0;
         this.searchTerm = '';
-        this.loadData();
+        // Delay loadData to next macrotask to avoid NG0100
+        // (p-dialog triggers a CD cycle on open that conflicts with loading state change)
+        setTimeout(() => this.loadData(), 0);
     }
     onDialogHide() {
         this.searchTerm = '';
@@ -3628,6 +4026,12 @@ class DynamicFieldLookupComponent {
         if (!this.showLookupDialog) {
             return;
         }
+        // p-table fires onLazyLoad when it first renders — skip it since
+        // openLookup already triggered loadData
+        if (this.skipNextLazyLoad) {
+            this.skipNextLazyLoad = false;
+            return;
+        }
         this.currentPage = event.first / event.rows;
         this.loadData();
     }
@@ -3703,12 +4107,15 @@ class DynamicFieldLookupComponent {
                     }
                 }
                 this.loading = false;
+                // The table will fire onLazyLoad when it first renders — skip it
+                this.skipNextLazyLoad = true;
             },
             error: (_error) => {
                 this.data = [];
                 this.filteredData = [];
                 this.totalRecords = 0;
                 this.loading = false;
+                this.skipNextLazyLoad = true;
             }
         });
     }
@@ -3751,7 +4158,7 @@ class DynamicFieldLookupComponent {
     getFieldValue(item, field) {
         return field.split('.').reduce((obj, key) => obj?.[key], item) || '';
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DynamicFieldLookupComponent, deps: [{ token: TranslationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DynamicFieldLookupComponent, deps: [{ token: TranslationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: DynamicFieldLookupComponent, isStandalone: true, selector: "sia-dynamic-field-lookup", inputs: { field: "field", form: "form", formGroup: "formGroup", mode: "mode" }, ngImport: i0, template: `
     <sia-dynamic-field-wrapper [field]="field" [form]="form" [mode]="mode">
       <div [formGroup]="form" class="lookup-field" [ngClass]="{'disabled': isFieldDisabled()}">
@@ -3844,10 +4251,13 @@ class DynamicFieldLookupComponent {
             </div>
           </div>
 
+          <!-- Loading State -->
+          <sia-loading *ngIf="loading" padding="2rem 0" [size]="48"></sia-loading>
+
           <!-- Data Table -->
           <p-table
+            *ngIf="!loading"
             [value]="filteredData"
-            [loading]="loading"
             [paginator]="true"
             [rows]="pageSize"
             [totalRecords]="totalRecords"
@@ -3894,7 +4304,7 @@ class DynamicFieldLookupComponent {
         </div>
       </p-dialog>
     </sia-dynamic-field-wrapper>
-  `, isInline: true, styles: [".lookup-field{width:100%;position:relative}.lookup-input-group{position:relative;width:100%;.lookup-display{width:100%;cursor:pointer;height:2.857rem;padding:.75rem 4rem .75rem .75rem;font-size:1rem;line-height:1.5;box-sizing:border-box;display:flex;align-items:center;&:focus{outline:none}&:hover{background:transparent}}.lookup-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}}}.lookup-dialog-content{height:100%;display:flex;flex-direction:column;padding:0;.search-wrapper{position:relative;margin-bottom:16px;width:100%;.search-input-full{width:100%;padding-right:5.5rem}.search-buttons-inside{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;gap:2px;::ng-deep .p-button{width:2.5rem!important;height:2.5rem!important}}}.lookup-table{flex:1;.empty-state{text-align:center;padding:32px;color:var(--p-text-color-secondary);i{font-size:48px;margin-bottom:16px;display:block}p{margin:8px 0;font-size:16px}small{font-size:14px}}}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: ReactiveFormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i4$1.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: "directive", type: i2$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i4$2.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i4.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i8$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "virtualRowHeight", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i8$1.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i9.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: DynamicFieldWrapperComponent, selector: "sia-dynamic-field-wrapper", inputs: ["field", "form", "mode"] }] });
+  `, isInline: true, styles: [".lookup-field{width:100%;position:relative}.lookup-input-group{position:relative;width:100%;.lookup-display{width:100%;cursor:pointer;height:2.857rem;padding:.75rem 4rem .75rem .75rem;font-size:1rem;line-height:1.5;box-sizing:border-box;display:flex;align-items:center;&:focus{outline:none}&:hover{background:transparent}}.lookup-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}}}.lookup-dialog-content{height:100%;display:flex;flex-direction:column;padding:0;.search-wrapper{position:relative;margin-bottom:16px;width:100%;.search-input-full{width:100%;padding-right:5.5rem}.search-buttons-inside{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;gap:2px;::ng-deep .p-button{width:2.5rem!important;height:2.5rem!important}}}.lookup-table{flex:1;.empty-state{text-align:center;padding:32px;color:var(--p-text-color-secondary);i{font-size:48px;margin-bottom:16px;display:block}p{margin:8px 0;font-size:16px}small{font-size:14px}}}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: ReactiveFormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i4$1.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: "directive", type: i2$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i4$2.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i4.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i8$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "virtualRowHeight", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i8$1.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i9.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: DynamicFieldWrapperComponent, selector: "sia-dynamic-field-wrapper", inputs: ["field", "form", "mode"] }, { kind: "component", type: LoadingComponent, selector: "sia-loading", inputs: ["variant", "color", "size", "text", "padding"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DynamicFieldLookupComponent, decorators: [{
             type: Component,
@@ -3908,7 +4318,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         TableModule,
                         TooltipModule,
                         TranslatePipe,
-                        DynamicFieldWrapperComponent
+                        DynamicFieldWrapperComponent,
+                        LoadingComponent
                     ], template: `
     <sia-dynamic-field-wrapper [field]="field" [form]="form" [mode]="mode">
       <div [formGroup]="form" class="lookup-field" [ngClass]="{'disabled': isFieldDisabled()}">
@@ -4001,10 +4412,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             </div>
           </div>
 
+          <!-- Loading State -->
+          <sia-loading *ngIf="loading" padding="2rem 0" [size]="48"></sia-loading>
+
           <!-- Data Table -->
           <p-table
+            *ngIf="!loading"
             [value]="filteredData"
-            [loading]="loading"
             [paginator]="true"
             [rows]="pageSize"
             [totalRecords]="totalRecords"
@@ -4052,7 +4466,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
       </p-dialog>
     </sia-dynamic-field-wrapper>
   `, styles: [".lookup-field{width:100%;position:relative}.lookup-input-group{position:relative;width:100%;.lookup-display{width:100%;cursor:pointer;height:2.857rem;padding:.75rem 4rem .75rem .75rem;font-size:1rem;line-height:1.5;box-sizing:border-box;display:flex;align-items:center;&:focus{outline:none}&:hover{background:transparent}}.lookup-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}}}.lookup-dialog-content{height:100%;display:flex;flex-direction:column;padding:0;.search-wrapper{position:relative;margin-bottom:16px;width:100%;.search-input-full{width:100%;padding-right:5.5rem}.search-buttons-inside{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;gap:2px;::ng-deep .p-button{width:2.5rem!important;height:2.5rem!important}}}.lookup-table{flex:1;.empty-state{text-align:center;padding:32px;color:var(--p-text-color-secondary);i{font-size:48px;margin-bottom:16px;display:block}p{margin:8px 0;font-size:16px}small{font-size:14px}}}}\n"] }]
-        }], ctorParameters: () => [{ type: TranslationService }], propDecorators: { field: [{
+        }], ctorParameters: () => [{ type: TranslationService }, { type: i0.ChangeDetectorRef }], propDecorators: { field: [{
                 type: Input
             }], form: [{
                 type: Input
@@ -4325,6 +4739,20 @@ class DynamicFormComponent {
     processEntityData(entity) {
         const processedData = { ...entity };
         this.allFields.forEach(field => {
+            if (field.type === 'date' && processedData[field.field]) {
+                const dateValue = processedData[field.field];
+                if (typeof dateValue === 'string') {
+                    // Convert date string (yyyy-MM-dd or ISO) to Date object for p-calendar
+                    // Use date-only constructor to avoid timezone/hour issues
+                    const parts = dateValue.substring(0, 10).split('-');
+                    if (parts.length === 3) {
+                        const date = new Date(+parts[0], +parts[1] - 1, +parts[2]);
+                        if (!isNaN(date.getTime())) {
+                            processedData[field.field] = date;
+                        }
+                    }
+                }
+            }
             if (field.type === 'lookup' && processedData[field.field]) {
                 const lookupValue = processedData[field.field];
                 // Keep the full object if it has display data, otherwise extract ID
@@ -4398,7 +4826,11 @@ class DynamicFormComponent {
             }
             else if (field.type === 'date') {
                 if (fieldValue instanceof Date) {
-                    processedValue[field.field] = fieldValue.toISOString().split('T')[0];
+                    // Serialize as yyyy-MM-dd using local date components (no UTC shift)
+                    const y = fieldValue.getFullYear();
+                    const m = String(fieldValue.getMonth() + 1).padStart(2, '0');
+                    const d = String(fieldValue.getDate()).padStart(2, '0');
+                    processedValue[field.field] = `${y}-${m}-${d}`;
                 }
                 else if (!fieldValue) {
                     processedValue[field.field] = null;
@@ -4453,9 +4885,6 @@ class DynamicFormComponent {
         return classes.join(' ');
     }
     isFieldVisible(field) {
-        if (this.mode === 'filter') {
-            return true;
-        }
         if (!field.visibleWhen) {
             return true;
         }
@@ -4561,7 +4990,9 @@ class DynamicFormComponent {
             this.form.markAllAsTouched();
             return;
         }
-        this.loading = true;
+        if (this.mode !== 'filter') {
+            this.loading = true;
+        }
         const formValue = this.mode === 'filter'
             ? this.processFilterValue(this.form.value)
             : this.processFormValue(this.form.value);
@@ -4583,6 +5014,17 @@ class DynamicFormComponent {
                         // Keep the full object - the lookup component will use it
                         control.setValue(value);
                     }
+                    else if (field?.type === 'date' && value && typeof value === 'string') {
+                        // Convert date string to Date object for p-calendar (date-only, no time component)
+                        const parts = value.substring(0, 10).split('-');
+                        if (parts.length === 3) {
+                            const date = new Date(+parts[0], +parts[1] - 1, +parts[2]);
+                            control.setValue(!isNaN(date.getTime()) ? date : value);
+                        }
+                        else {
+                            control.setValue(value);
+                        }
+                    }
                     else {
                         control.setValue(value);
                     }
@@ -4609,6 +5051,13 @@ class DynamicFormComponent {
             // If it's just an ID, wrap it in an object
             fieldValue = { id: fieldValue };
         }
+        // For date fields, serialize as yyyy-MM-dd (no time component)
+        if (field?.type === 'date' && fieldValue instanceof Date) {
+            const y = fieldValue.getFullYear();
+            const m = String(fieldValue.getMonth() + 1).padStart(2, '0');
+            const d = String(fieldValue.getDate()).padStart(2, '0');
+            fieldValue = `${y}-${m}-${d}`;
+        }
         this.fieldSave.emit({ field: fieldName, value: fieldValue });
     }
     cancelInlineEdit() {
@@ -4693,7 +5142,7 @@ class DynamicFormComponent {
         return String(value);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DynamicFormComponent, deps: [{ token: i3.FormBuilder }, { token: TranslationService }, { token: MaskService }, { token: LocaleService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: DynamicFormComponent, isStandalone: true, selector: "sia-dynamic-form", inputs: { formFields: "formFields", formSections: "formSections", fixedFilters: "fixedFilters", filterSections: "filterSections", entityData: "entityData", mode: "mode", displayMode: "displayMode", visible: "visible", dialogConfig: "dialogConfig", drawerConfig: "drawerConfig", showSubmitButton: "showSubmitButton", showCancelButton: "showCancelButton", submitButtonLabel: "submitButtonLabel", cancelButtonLabel: "cancelButtonLabel", submitButtonIcon: "submitButtonIcon", cancelButtonIcon: "cancelButtonIcon" }, outputs: { formReady: "formReady", formSubmit: "formSubmit", visibleChange: "visibleChange", onCancel: "onCancel", fieldSave: "fieldSave" }, usesOnChanges: true, ngImport: i0, template: "<!-- Modo Inline (padr\u00E3o) -->\n<ng-container *ngIf=\"isInlineMode\">\n  <ng-container *ngTemplateOutlet=\"formContent\"></ng-container>\n</ng-container>\n\n<!-- Modo Dialog -->\n<p-dialog\n  *ngIf=\"isDialogMode\"\n  [(visible)]=\"visible\"\n  [header]=\"dialogHeader | translate\"\n  [modal]=\"true\"\n  [style]=\"{ width: dialogWidth }\"\n  [draggable]=\"dialogDraggable\"\n  [resizable]=\"dialogResizable\"\n  [maximizable]=\"dialogMaximizable\"\n  [closeOnEscape]=\"dialogCloseOnEscape\"\n  [dismissableMask]=\"dialogDismissableMask\"\n  (onHide)=\"close()\">\n  \n  <ng-container *ngTemplateOutlet=\"formContent\"></ng-container>\n  \n  <ng-template pTemplate=\"footer\" *ngIf=\"showSubmitButton || showCancelButton\">\n    <div class=\"dialog-footer\">\n      <p-button\n        *ngIf=\"showCancelButton\"\n        [label]=\"cancelLabel | translate\"\n        [icon]=\"cancelButtonIcon\"\n        severity=\"secondary\"\n        (onClick)=\"handleCancel()\"\n        [disabled]=\"loading\">\n      </p-button>\n      <p-button\n        *ngIf=\"showSubmitButton\"\n        [label]=\"submitLabel | translate\"\n        [icon]=\"submitButtonIcon\"\n        (onClick)=\"handleSubmit()\"\n        [loading]=\"loading\"\n        [disabled]=\"form.invalid\">\n      </p-button>\n    </div>\n  </ng-template>\n</p-dialog>\n\n<!-- Modo Drawer -->\n<p-drawer\n  *ngIf=\"isDrawerMode\"\n  [(visible)]=\"visible\"\n  [header]=\"drawerHeader | translate\"\n  [position]=\"drawerPosition\"\n  [style]=\"drawerStyle\"\n  [showCloseIcon]=\"drawerShowCloseIcon\"\n  [closeOnEscape]=\"drawerCloseOnEscape\"\n  [modal]=\"drawerDismissable\"\n  (onHide)=\"close()\">\n  \n  <ng-container *ngTemplateOutlet=\"formContent\"></ng-container>\n  \n  <ng-template pTemplate=\"footer\" *ngIf=\"showSubmitButton || showCancelButton\">\n    <div class=\"drawer-footer\">\n      <p-button\n        *ngIf=\"showCancelButton\"\n        [label]=\"cancelLabel | translate\"\n        [icon]=\"cancelButtonIcon\"\n        severity=\"secondary\"\n        (onClick)=\"handleCancel()\"\n        [disabled]=\"loading\">\n      </p-button>\n      <p-button\n        *ngIf=\"showSubmitButton\"\n        [label]=\"submitLabel | translate\"\n        [icon]=\"submitButtonIcon\"\n        (onClick)=\"handleSubmit()\"\n        [loading]=\"loading\"\n        [disabled]=\"form.invalid\">\n      </p-button>\n    </div>\n  </ng-template>\n</p-drawer>\n\n<!-- Template do Formul\u00E1rio (reutiliz\u00E1vel) -->\n<ng-template #formContent>\n  <form [formGroup]=\"form\" class=\"dynamic-form\">\n    \n    <!-- Filtros Fixos (apenas no modo filter) -->\n    <div *ngIf=\"mode === 'filter' && hasFixedFilters\" class=\"fixed-filters-section\">\n      <div class=\"grid\">\n        <ng-container *ngFor=\"let field of fixedFilters\">\n          <div *ngIf=\"isFieldVisible(field)\" [ngClass]=\"getFieldGridClass(field)\">\n            <ng-container *ngTemplateOutlet=\"fieldTemplate; context: { field: field }\"></ng-container>\n          </div>\n        </ng-container>\n      </div>\n    </div>\n\n    <!-- Campos Diretos (sem se\u00E7\u00E3o) -->\n    <div *ngIf=\"hasFields\">\n      <!-- Modo Inline Edit -->\n      <div *ngIf=\"isInlineEditMode\" class=\"inline-edit-fields\">\n        <ng-container *ngFor=\"let field of formFields\">\n          <div *ngIf=\"isFieldVisible(field)\" class=\"inline-edit-field\">\n            <ng-container *ngTemplateOutlet=\"inlineEditFieldTemplate; context: { field: field }\"></ng-container>\n          </div>\n        </ng-container>\n      </div>\n\n      <!-- Modo Form Normal -->\n      <div *ngIf=\"!isInlineEditMode\" class=\"grid\">\n        <ng-container *ngFor=\"let field of formFields\">\n          <div *ngIf=\"isFieldVisible(field)\" [ngClass]=\"getFieldGridClass(field)\">\n            <ng-container *ngTemplateOutlet=\"fieldTemplate; context: { field: field }\"></ng-container>\n          </div>\n        </ng-container>\n      </div>\n    </div>\n\n    <!-- Se\u00E7\u00F5es de Campos (modo form) -->\n    <div *ngIf=\"hasSections\" class=\"sections-container\">\n      <p-panel \n        *ngFor=\"let section of formSections\"\n        [toggleable]=\"section.toggleable !== false\"\n        [collapsed]=\"section.collapsed || false\"\n        [styleClass]=\"'section-panel'\">\n        \n        <ng-template pTemplate=\"header\">\n          <div class=\"section-header\">\n            <i *ngIf=\"section.icon\" [class]=\"section.icon + ' section-icon'\"></i>\n            <span class=\"section-title\">{{ section.title }}</span>\n          </div>\n        </ng-template>\n\n        <!-- Modo Inline Edit -->\n        <div *ngIf=\"isInlineEditMode\" class=\"inline-edit-fields\">\n          <ng-container *ngFor=\"let field of section.fields\">\n            <div *ngIf=\"isFieldVisible(field)\" class=\"inline-edit-field\">\n              <ng-container *ngTemplateOutlet=\"inlineEditFieldTemplate; context: { field: field }\"></ng-container>\n            </div>\n          </ng-container>\n        </div>\n\n        <!-- Modo Form Normal -->\n        <div *ngIf=\"!isInlineEditMode\" class=\"grid\">\n          <ng-container *ngFor=\"let field of section.fields\">\n            <div *ngIf=\"isFieldVisible(field)\" [ngClass]=\"getFieldGridClass(field)\">\n              <ng-container *ngTemplateOutlet=\"fieldTemplate; context: { field: field }\"></ng-container>\n            </div>\n          </ng-container>\n        </div>\n      </p-panel>\n    </div>\n\n    <!-- Se\u00E7\u00F5es de Filtros (apenas no modo filter) -->\n    <div *ngIf=\"mode === 'filter' && hasFilterSections\" class=\"filter-sections-container\">\n      <p-panel \n        *ngFor=\"let section of filterSections\"\n        [header]=\"section.title\"\n        [toggleable]=\"true\"\n        [collapsed]=\"true\">\n\n        <div class=\"grid\">\n          <ng-container *ngFor=\"let field of section.fields\">\n            <div *ngIf=\"isFieldVisible(field)\" [ngClass]=\"getFieldGridClass(field)\">\n              <ng-container *ngTemplateOutlet=\"fieldTemplate; context: { field: field }\"></ng-container>\n            </div>\n          </ng-container>\n        </div>\n      </p-panel>\n    </div>\n\n    <!-- Bot\u00F5es inline (apenas para modo inline) -->\n    <div *ngIf=\"isInlineMode && (showSubmitButton || showCancelButton)\" class=\"form-actions\">\n      <p-button\n        *ngIf=\"showCancelButton\"\n        [label]=\"cancelLabel | translate\"\n        [icon]=\"cancelButtonIcon\"\n        severity=\"secondary\"\n        (onClick)=\"handleCancel()\"\n        [disabled]=\"loading\">\n      </p-button>\n      <p-button\n        *ngIf=\"showSubmitButton\"\n        [label]=\"submitLabel | translate\"\n        [icon]=\"submitButtonIcon\"\n        (onClick)=\"handleSubmit()\"\n        [loading]=\"loading\"\n        [disabled]=\"form.invalid\">\n      </p-button>\n    </div>\n\n  </form>\n</ng-template>\n\n<!-- Template de Campo (reutiliz\u00E1vel) -->\n<ng-template #fieldTemplate let-field=\"field\">\n  <!-- Text Field -->\n  <sia-dynamic-field-text\n    *ngIf=\"field.type === 'text'\"\n    [field]=\"field\"\n    [form]=\"form\"\n    [mode]=\"fieldMode\">\n  </sia-dynamic-field-text>\n\n  <!-- Textarea Field -->\n  <sia-dynamic-field-textarea\n    *ngIf=\"field.type === 'textarea'\"\n    [field]=\"field\"\n    [form]=\"form\"\n    [mode]=\"fieldMode\">\n  </sia-dynamic-field-textarea>\n\n  <!-- Number Field -->\n  <sia-dynamic-field-number\n    *ngIf=\"field.type === 'number'\"\n    [field]=\"field\"\n    [form]=\"form\"\n    [mode]=\"fieldMode\">\n  </sia-dynamic-field-number>\n\n  <!-- Date Field -->\n  <sia-dynamic-field-date\n    *ngIf=\"field.type === 'date'\"\n    [field]=\"field\"\n    [form]=\"form\"\n    [mode]=\"fieldMode\">\n  </sia-dynamic-field-date>\n\n  <!-- Dropdown/Enum Field -->\n  <sia-dynamic-field-dropdown\n    *ngIf=\"field.type === 'dropdown' || field.type === 'enum'\"\n    [field]=\"field\"\n    [form]=\"form\"\n    [mode]=\"fieldMode\">\n  </sia-dynamic-field-dropdown>\n\n  <!-- Lookup Field -->\n  <sia-dynamic-field-lookup\n    *ngIf=\"field.type === 'lookup'\"\n    [field]=\"field\"\n    [form]=\"form\"\n    [formGroup]=\"form\"\n    [mode]=\"fieldMode\">\n  </sia-dynamic-field-lookup>\n</ng-template>\n\n\n<!-- Template de Campo Inline Edit -->\n<ng-template #inlineEditFieldTemplate let-field=\"field\">\n  <div class=\"edit-inline-field\">\n    <label class=\"field-label\">{{ field.label | translate }}</label>\n    \n    <!-- Display Mode -->\n    <div class=\"field-display\" \n         *ngIf=\"!isFieldEditing(field.field)\" \n         (click)=\"startEditField(field.field)\"\n         [class.disabled]=\"field.disabled\">\n      <span class=\"display-value\" \n            [attr.data-placeholder]=\"field.placeholder || ('crmx.business.not_informed' | translate)\">\n        {{ getFieldDisplayValue(field.field) }}\n      </span>\n      <i class=\"pi pi-pencil edit-icon\" *ngIf=\"!field.disabled\"></i>\n    </div>\n    \n    <!-- Edit Mode -->\n    <div class=\"field-edit\" *ngIf=\"isFieldEditing(field.field)\">\n      <div class=\"input-container\">\n        <ng-container *ngTemplateOutlet=\"fieldTemplate; context: { field: field }\"></ng-container>\n      </div>\n      \n      <!-- Action Buttons -->\n      <div class=\"edit-actions\">\n        <p-button \n          type=\"button\" \n          icon=\"pi pi-check\" \n          [rounded]=\"true\"\n          severity=\"primary\"\n          (onClick)=\"saveInlineField(field.field)\" \n          [loading]=\"savingField\"\n          [disabled]=\"form.get(field.field)?.invalid\">\n        </p-button>\n        <p-button \n          type=\"button\" \n          icon=\"pi pi-times\" \n          [rounded]=\"true\"\n          severity=\"secondary\"\n          (onClick)=\"cancelInlineEdit()\"\n          [disabled]=\"savingField\">\n        </p-button>\n      </div>\n      \n      <!-- Error Message -->\n      <div class=\"field-error\" *ngIf=\"form.get(field.field)?.invalid && form.get(field.field)?.touched\">\n        <small class=\"p-error\">\n          {{ form.get(field.field)?.errors?.['required'] ? ('crmx.business.required_field' | translate) : '' }}\n        </small>\n      </div>\n    </div>\n  </div>\n</ng-template>\n", styles: [".dynamic-form{width:100%}.dynamic-form .grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.dynamic-form .grid>div.col-1{grid-column:span 1}.dynamic-form .grid>div.col-2{grid-column:span 2}.dynamic-form .grid>div.col-3{grid-column:span 3}.dynamic-form .grid>div.col-4{grid-column:span 4}.dynamic-form .grid>div.col-5{grid-column:span 5}.dynamic-form .grid>div.col-6{grid-column:span 6}.dynamic-form .grid>div.col-7{grid-column:span 7}.dynamic-form .grid>div.col-8{grid-column:span 8}.dynamic-form .grid>div.col-9{grid-column:span 9}.dynamic-form .grid>div.col-10{grid-column:span 10}.dynamic-form .grid>div.col-11{grid-column:span 11}.dynamic-form .grid>div.col-12{grid-column:span 12}@media (max-width: 575.98px){.dynamic-form .grid>div.col-xs-1{grid-column:span 1}.dynamic-form .grid>div.col-xs-2{grid-column:span 2}.dynamic-form .grid>div.col-xs-3{grid-column:span 3}.dynamic-form .grid>div.col-xs-4{grid-column:span 4}.dynamic-form .grid>div.col-xs-5{grid-column:span 5}.dynamic-form .grid>div.col-xs-6{grid-column:span 6}.dynamic-form .grid>div.col-xs-7{grid-column:span 7}.dynamic-form .grid>div.col-xs-8{grid-column:span 8}.dynamic-form .grid>div.col-xs-9{grid-column:span 9}.dynamic-form .grid>div.col-xs-10{grid-column:span 10}.dynamic-form .grid>div.col-xs-11{grid-column:span 11}.dynamic-form .grid>div.col-xs-12{grid-column:span 12}}@media (min-width: 576px){.dynamic-form .grid>div.col-sm-1{grid-column:span 1}.dynamic-form .grid>div.col-sm-2{grid-column:span 2}.dynamic-form .grid>div.col-sm-3{grid-column:span 3}.dynamic-form .grid>div.col-sm-4{grid-column:span 4}.dynamic-form .grid>div.col-sm-5{grid-column:span 5}.dynamic-form .grid>div.col-sm-6{grid-column:span 6}.dynamic-form .grid>div.col-sm-7{grid-column:span 7}.dynamic-form .grid>div.col-sm-8{grid-column:span 8}.dynamic-form .grid>div.col-sm-9{grid-column:span 9}.dynamic-form .grid>div.col-sm-10{grid-column:span 10}.dynamic-form .grid>div.col-sm-11{grid-column:span 11}.dynamic-form .grid>div.col-sm-12{grid-column:span 12}}@media (min-width: 768px){.dynamic-form .grid>div.col-md-1{grid-column:span 1}.dynamic-form .grid>div.col-md-2{grid-column:span 2}.dynamic-form .grid>div.col-md-3{grid-column:span 3}.dynamic-form .grid>div.col-md-4{grid-column:span 4}.dynamic-form .grid>div.col-md-5{grid-column:span 5}.dynamic-form .grid>div.col-md-6{grid-column:span 6}.dynamic-form .grid>div.col-md-7{grid-column:span 7}.dynamic-form .grid>div.col-md-8{grid-column:span 8}.dynamic-form .grid>div.col-md-9{grid-column:span 9}.dynamic-form .grid>div.col-md-10{grid-column:span 10}.dynamic-form .grid>div.col-md-11{grid-column:span 11}.dynamic-form .grid>div.col-md-12{grid-column:span 12}}@media (min-width: 992px){.dynamic-form .grid>div.col-lg-1{grid-column:span 1}.dynamic-form .grid>div.col-lg-2{grid-column:span 2}.dynamic-form .grid>div.col-lg-3{grid-column:span 3}.dynamic-form .grid>div.col-lg-4{grid-column:span 4}.dynamic-form .grid>div.col-lg-5{grid-column:span 5}.dynamic-form .grid>div.col-lg-6{grid-column:span 6}.dynamic-form .grid>div.col-lg-7{grid-column:span 7}.dynamic-form .grid>div.col-lg-8{grid-column:span 8}.dynamic-form .grid>div.col-lg-9{grid-column:span 9}.dynamic-form .grid>div.col-lg-10{grid-column:span 10}.dynamic-form .grid>div.col-lg-11{grid-column:span 11}.dynamic-form .grid>div.col-lg-12{grid-column:span 12}}@media (min-width: 1200px){.dynamic-form .grid>div.col-xl-1{grid-column:span 1}.dynamic-form .grid>div.col-xl-2{grid-column:span 2}.dynamic-form .grid>div.col-xl-3{grid-column:span 3}.dynamic-form .grid>div.col-xl-4{grid-column:span 4}.dynamic-form .grid>div.col-xl-5{grid-column:span 5}.dynamic-form .grid>div.col-xl-6{grid-column:span 6}.dynamic-form .grid>div.col-xl-7{grid-column:span 7}.dynamic-form .grid>div.col-xl-8{grid-column:span 8}.dynamic-form .grid>div.col-xl-9{grid-column:span 9}.dynamic-form .grid>div.col-xl-10{grid-column:span 10}.dynamic-form .grid>div.col-xl-11{grid-column:span 11}.dynamic-form .grid>div.col-xl-12{grid-column:span 12}}.dynamic-form .sections-container{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.dynamic-form .sections-container ::ng-deep .section-panel .p-panel-header{background-color:var(--surface-50);border-color:var(--surface-200)}.dynamic-form .sections-container ::ng-deep .section-panel .p-panel-header .section-header{display:flex;align-items:center;gap:.5rem;width:100%}.dynamic-form .sections-container ::ng-deep .section-panel .p-panel-header .section-header .section-icon{font-size:1.1rem;color:var(--primary-color)}.dynamic-form .sections-container ::ng-deep .section-panel .p-panel-header .section-header .section-title{font-weight:600;color:var(--text-color)}.dynamic-form .sections-container ::ng-deep .section-panel .p-panel-content{padding:1.5rem}.dynamic-form .fixed-filters-section{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--surface-200)}.dynamic-form .filter-sections-container{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.dynamic-form .form-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--surface-200)}.dialog-footer{display:flex;justify-content:flex-end;gap:.5rem}.drawer-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem;border-top:1px solid var(--surface-200)}.inline-edit-fields{display:flex;flex-direction:column;gap:1rem}.inline-edit-fields .inline-edit-field{display:flex;flex-direction:column;gap:.25rem}.inline-edit-fields .inline-edit-field .field-label{font-weight:500;font-size:.875rem;color:var(--text-color-secondary);margin-bottom:.25rem}.inline-edit-fields .inline-edit-field .field-display{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background-color:var(--surface-50);border:1px solid var(--surface-200);border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;min-height:42px}.inline-edit-fields .inline-edit-field .field-display:hover:not(.disabled){background-color:var(--surface-100);border-color:var(--primary-color)}.inline-edit-fields .inline-edit-field .field-display:hover:not(.disabled) .edit-icon{opacity:1}.inline-edit-fields .inline-edit-field .field-display.disabled{cursor:not-allowed;opacity:.6}.inline-edit-fields .inline-edit-field .field-display .display-value{flex:1;color:var(--text-color)}.inline-edit-fields .inline-edit-field .field-display .display-value:empty:before{content:attr(data-placeholder);color:var(--text-color-secondary);font-style:italic}.inline-edit-fields .inline-edit-field .field-display .edit-icon{color:var(--primary-color);font-size:.875rem;opacity:.5;transition:opacity .2s ease}.inline-edit-fields .inline-edit-field .field-edit{display:flex;flex-direction:column;gap:.5rem}.inline-edit-fields .inline-edit-field .field-edit .input-container{flex:1}.inline-edit-fields .inline-edit-field .field-edit .input-container ::ng-deep .field{gap:0}.inline-edit-fields .inline-edit-field .field-edit .input-container ::ng-deep .field label{display:none}.inline-edit-fields .inline-edit-field .field-edit .input-container ::ng-deep .field small.p-error{display:none}.inline-edit-fields .inline-edit-field .field-edit .edit-actions{display:flex;gap:.5rem;justify-content:flex-end}.inline-edit-fields .inline-edit-field .field-edit .field-error small.p-error{color:var(--p-red-500);font-size:.875rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: PanelModule }, { kind: "component", type: i6$1.Panel, selector: "p-panel", inputs: ["toggleable", "header", "collapsed", "style", "styleClass", "iconPos", "expandIcon", "collapseIcon", "showHeader", "toggler", "transitionOptions", "toggleButtonProps"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }, { kind: "directive", type: i2$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i4.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "ngmodule", type: DrawerModule }, { kind: "component", type: i9$1.Drawer, selector: "p-drawer", inputs: ["appendTo", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "closeButtonProps", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen", "header", "maskStyle", "closable"], outputs: ["onShow", "onHide", "visibleChange"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i4$1.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: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: DynamicFieldTextComponent, selector: "sia-dynamic-field-text" }, { kind: "component", type: DynamicFieldNumberComponent, selector: "sia-dynamic-field-number" }, { kind: "component", type: DynamicFieldDateComponent, selector: "sia-dynamic-field-date" }, { kind: "component", type: DynamicFieldDropdownComponent, selector: "sia-dynamic-field-dropdown" }, { kind: "component", type: DynamicFieldLookupComponent, selector: "sia-dynamic-field-lookup", inputs: ["field", "form", "formGroup", "mode"] }, { kind: "component", type: DynamicFieldTextareaComponent, selector: "sia-dynamic-field-textarea" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: DynamicFormComponent, isStandalone: true, selector: "sia-dynamic-form", inputs: { formFields: "formFields", formSections: "formSections", fixedFilters: "fixedFilters", filterSections: "filterSections", entityData: "entityData", mode: "mode", displayMode: "displayMode", visible: "visible", dialogConfig: "dialogConfig", drawerConfig: "drawerConfig", showSubmitButton: "showSubmitButton", showCancelButton: "showCancelButton", submitButtonLabel: "submitButtonLabel", cancelButtonLabel: "cancelButtonLabel", submitButtonIcon: "submitButtonIcon", cancelButtonIcon: "cancelButtonIcon" }, outputs: { formReady: "formReady", formSubmit: "formSubmit", visibleChange: "visibleChange", onCancel: "onCancel", fieldSave: "fieldSave" }, usesOnChanges: true, ngImport: i0, template: "<!-- Modo Inline (padr\u00E3o) -->\n<ng-container *ngIf=\"isInlineMode\">\n  <ng-container *ngTemplateOutlet=\"formContent\"></ng-container>\n</ng-container>\n\n<!-- Modo Dialog -->\n<p-dialog\n  *ngIf=\"isDialogMode\"\n  [(visible)]=\"visible\"\n  [header]=\"dialogHeader | translate\"\n  [modal]=\"true\"\n  [style]=\"{ width: dialogWidth }\"\n  [draggable]=\"dialogDraggable\"\n  [resizable]=\"dialogResizable\"\n  [maximizable]=\"dialogMaximizable\"\n  [closeOnEscape]=\"dialogCloseOnEscape\"\n  [dismissableMask]=\"dialogDismissableMask\"\n  (onHide)=\"close()\">\n  \n  <ng-container *ngTemplateOutlet=\"formContent\"></ng-container>\n  \n  <ng-template pTemplate=\"footer\" *ngIf=\"showSubmitButton || showCancelButton\">\n    <div class=\"dialog-footer\">\n      <p-button\n        *ngIf=\"showCancelButton\"\n        [label]=\"cancelLabel | translate\"\n        [icon]=\"cancelButtonIcon\"\n        severity=\"secondary\"\n        (onClick)=\"handleCancel()\"\n        [disabled]=\"loading\">\n      </p-button>\n      <p-button\n        *ngIf=\"showSubmitButton\"\n        [label]=\"submitLabel | translate\"\n        [icon]=\"submitButtonIcon\"\n        (onClick)=\"handleSubmit()\"\n        [loading]=\"loading\"\n        [disabled]=\"form.invalid\">\n      </p-button>\n    </div>\n  </ng-template>\n</p-dialog>\n\n<!-- Modo Drawer -->\n<p-drawer\n  *ngIf=\"isDrawerMode\"\n  [(visible)]=\"visible\"\n  [header]=\"drawerHeader | translate\"\n  [position]=\"drawerPosition\"\n  [style]=\"drawerStyle\"\n  [showCloseIcon]=\"drawerShowCloseIcon\"\n  [closeOnEscape]=\"drawerCloseOnEscape\"\n  [modal]=\"drawerDismissable\"\n  (onHide)=\"close()\">\n  \n  <ng-container *ngTemplateOutlet=\"formContent\"></ng-container>\n  \n  <ng-template pTemplate=\"footer\" *ngIf=\"showSubmitButton || showCancelButton\">\n    <div class=\"drawer-footer\">\n      <p-button\n        *ngIf=\"showCancelButton\"\n        [label]=\"cancelLabel | translate\"\n        [icon]=\"cancelButtonIcon\"\n        severity=\"secondary\"\n        (onClick)=\"handleCancel()\"\n        [disabled]=\"loading\">\n      </p-button>\n      <p-button\n        *ngIf=\"showSubmitButton\"\n        [label]=\"submitLabel | translate\"\n        [icon]=\"submitButtonIcon\"\n        (onClick)=\"handleSubmit()\"\n        [loading]=\"loading\"\n        [disabled]=\"form.invalid\">\n      </p-button>\n    </div>\n  </ng-template>\n</p-drawer>\n\n<!-- Template do Formul\u00E1rio (reutiliz\u00E1vel) -->\n<ng-template #formContent>\n  <form [formGroup]=\"form\" class=\"dynamic-form\">\n    \n    <!-- Filtros Fixos (apenas no modo filter) -->\n    <div *ngIf=\"mode === 'filter' && hasFixedFilters\" class=\"fixed-filters-section\">\n      <div class=\"grid\">\n        <ng-container *ngFor=\"let field of fixedFilters\">\n          <div *ngIf=\"isFieldVisible(field)\" [ngClass]=\"getFieldGridClass(field)\">\n            <ng-container *ngTemplateOutlet=\"fieldTemplate; context: { field: field }\"></ng-container>\n          </div>\n        </ng-container>\n      </div>\n    </div>\n\n    <!-- Campos Diretos (sem se\u00E7\u00E3o) -->\n    <div *ngIf=\"hasFields\">\n      <!-- Modo Inline Edit -->\n      <div *ngIf=\"isInlineEditMode\" class=\"inline-edit-fields\">\n        <ng-container *ngFor=\"let field of formFields\">\n          <div *ngIf=\"isFieldVisible(field)\" class=\"inline-edit-field\">\n            <ng-container *ngTemplateOutlet=\"inlineEditFieldTemplate; context: { field: field }\"></ng-container>\n          </div>\n        </ng-container>\n      </div>\n\n      <!-- Modo Form Normal -->\n      <div *ngIf=\"!isInlineEditMode\" class=\"grid\">\n        <ng-container *ngFor=\"let field of formFields\">\n          <div *ngIf=\"isFieldVisible(field)\" [ngClass]=\"getFieldGridClass(field)\">\n            <ng-container *ngTemplateOutlet=\"fieldTemplate; context: { field: field }\"></ng-container>\n          </div>\n        </ng-container>\n      </div>\n    </div>\n\n    <!-- Se\u00E7\u00F5es de Campos (modo form) -->\n    <div *ngIf=\"hasSections\" class=\"sections-container\">\n      <p-panel \n        *ngFor=\"let section of formSections\"\n        [toggleable]=\"section.toggleable !== false\"\n        [collapsed]=\"section.collapsed || false\"\n        [styleClass]=\"'section-panel'\">\n        \n        <ng-template pTemplate=\"header\">\n          <div class=\"section-header\">\n            <i *ngIf=\"section.icon\" [class]=\"section.icon + ' section-icon'\"></i>\n            <span class=\"section-title\">{{ section.title }}</span>\n          </div>\n        </ng-template>\n\n        <!-- Modo Inline Edit -->\n        <div *ngIf=\"isInlineEditMode\" class=\"inline-edit-fields\">\n          <ng-container *ngFor=\"let field of section.fields\">\n            <div *ngIf=\"isFieldVisible(field)\" class=\"inline-edit-field\">\n              <ng-container *ngTemplateOutlet=\"inlineEditFieldTemplate; context: { field: field }\"></ng-container>\n            </div>\n          </ng-container>\n        </div>\n\n        <!-- Modo Form Normal -->\n        <div *ngIf=\"!isInlineEditMode\" class=\"grid\">\n          <ng-container *ngFor=\"let field of section.fields\">\n            <div *ngIf=\"isFieldVisible(field)\" [ngClass]=\"getFieldGridClass(field)\">\n              <ng-container *ngTemplateOutlet=\"fieldTemplate; context: { field: field }\"></ng-container>\n            </div>\n          </ng-container>\n        </div>\n      </p-panel>\n    </div>\n\n    <!-- Se\u00E7\u00F5es de Filtros (apenas no modo filter) -->\n    <div *ngIf=\"mode === 'filter' && hasFilterSections\" class=\"filter-sections-container\">\n      <p-panel \n        *ngFor=\"let section of filterSections\"\n        [header]=\"section.title\"\n        [toggleable]=\"true\"\n        [collapsed]=\"true\">\n\n        <div class=\"grid\">\n          <ng-container *ngFor=\"let field of section.fields\">\n            <div *ngIf=\"isFieldVisible(field)\" [ngClass]=\"getFieldGridClass(field)\">\n              <ng-container *ngTemplateOutlet=\"fieldTemplate; context: { field: field }\"></ng-container>\n            </div>\n          </ng-container>\n        </div>\n      </p-panel>\n    </div>\n\n    <!-- Bot\u00F5es inline (apenas para modo inline) -->\n    <div *ngIf=\"isInlineMode && (showSubmitButton || showCancelButton)\" class=\"form-actions\">\n      <p-button\n        *ngIf=\"showCancelButton\"\n        [label]=\"cancelLabel | translate\"\n        [icon]=\"cancelButtonIcon\"\n        severity=\"secondary\"\n        (onClick)=\"handleCancel()\"\n        [disabled]=\"loading\">\n      </p-button>\n      <p-button\n        *ngIf=\"showSubmitButton\"\n        [label]=\"submitLabel | translate\"\n        [icon]=\"submitButtonIcon\"\n        (onClick)=\"handleSubmit()\"\n        [loading]=\"loading\"\n        [disabled]=\"form.invalid\">\n      </p-button>\n    </div>\n\n  </form>\n</ng-template>\n\n<!-- Template de Campo (reutiliz\u00E1vel) -->\n<ng-template #fieldTemplate let-field=\"field\">\n  <!-- Text Field -->\n  <sia-dynamic-field-text\n    *ngIf=\"field.type === 'text'\"\n    [field]=\"field\"\n    [form]=\"form\"\n    [mode]=\"fieldMode\">\n  </sia-dynamic-field-text>\n\n  <!-- Textarea Field -->\n  <sia-dynamic-field-textarea\n    *ngIf=\"field.type === 'textarea'\"\n    [field]=\"field\"\n    [form]=\"form\"\n    [mode]=\"fieldMode\">\n  </sia-dynamic-field-textarea>\n\n  <!-- Number Field -->\n  <sia-dynamic-field-number\n    *ngIf=\"field.type === 'number'\"\n    [field]=\"field\"\n    [form]=\"form\"\n    [mode]=\"fieldMode\">\n  </sia-dynamic-field-number>\n\n  <!-- Date Field -->\n  <sia-dynamic-field-date\n    *ngIf=\"field.type === 'date'\"\n    [field]=\"field\"\n    [form]=\"form\"\n    [mode]=\"fieldMode\">\n  </sia-dynamic-field-date>\n\n  <!-- Datetime Field -->\n  <sia-dynamic-field-datetime\n    *ngIf=\"field.type === 'datetime'\"\n    [field]=\"field\"\n    [form]=\"form\"\n    [mode]=\"fieldMode\">\n  </sia-dynamic-field-datetime>\n\n  <!-- Dropdown/Enum Field -->\n  <sia-dynamic-field-dropdown\n    *ngIf=\"field.type === 'dropdown' || field.type === 'enum'\"\n    [field]=\"field\"\n    [form]=\"form\"\n    [mode]=\"fieldMode\">\n  </sia-dynamic-field-dropdown>\n\n  <!-- Lookup Field -->\n  <sia-dynamic-field-lookup\n    *ngIf=\"field.type === 'lookup'\"\n    [field]=\"field\"\n    [form]=\"form\"\n    [formGroup]=\"form\"\n    [mode]=\"fieldMode\">\n  </sia-dynamic-field-lookup>\n</ng-template>\n\n\n<!-- Template de Campo Inline Edit -->\n<ng-template #inlineEditFieldTemplate let-field=\"field\">\n  <div class=\"edit-inline-field\">\n    <label class=\"field-label\">{{ field.label | translate }}</label>\n    \n    <!-- Display Mode -->\n    <div class=\"field-display\" \n         *ngIf=\"!isFieldEditing(field.field)\" \n         (click)=\"startEditField(field.field)\"\n         [class.disabled]=\"field.disabled\">\n      <span class=\"display-value\" \n            [attr.data-placeholder]=\"field.placeholder || ('crmx.business.not_informed' | translate)\">\n        {{ getFieldDisplayValue(field.field) }}\n      </span>\n      <i class=\"pi pi-pencil edit-icon\" *ngIf=\"!field.disabled\"></i>\n    </div>\n    \n    <!-- Edit Mode -->\n    <div class=\"field-edit\" *ngIf=\"isFieldEditing(field.field)\">\n      <div class=\"input-container\">\n        <ng-container *ngTemplateOutlet=\"fieldTemplate; context: { field: field }\"></ng-container>\n      </div>\n      \n      <!-- Action Buttons -->\n      <div class=\"edit-actions\">\n        <p-button \n          type=\"button\" \n          icon=\"pi pi-check\" \n          [rounded]=\"true\"\n          severity=\"primary\"\n          (onClick)=\"saveInlineField(field.field)\" \n          [loading]=\"savingField\"\n          [disabled]=\"form.get(field.field)?.invalid\">\n        </p-button>\n        <p-button \n          type=\"button\" \n          icon=\"pi pi-times\" \n          [rounded]=\"true\"\n          severity=\"secondary\"\n          (onClick)=\"cancelInlineEdit()\"\n          [disabled]=\"savingField\">\n        </p-button>\n      </div>\n      \n      <!-- Error Message -->\n      <div class=\"field-error\" *ngIf=\"form.get(field.field)?.invalid && form.get(field.field)?.touched\">\n        <small class=\"p-error\">\n          {{ form.get(field.field)?.errors?.['required'] ? ('crmx.business.required_field' | translate) : '' }}\n        </small>\n      </div>\n    </div>\n  </div>\n</ng-template>\n", styles: [".dynamic-form{width:100%}.dynamic-form .grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.dynamic-form .grid>div.col-1{grid-column:span 1}.dynamic-form .grid>div.col-2{grid-column:span 2}.dynamic-form .grid>div.col-3{grid-column:span 3}.dynamic-form .grid>div.col-4{grid-column:span 4}.dynamic-form .grid>div.col-5{grid-column:span 5}.dynamic-form .grid>div.col-6{grid-column:span 6}.dynamic-form .grid>div.col-7{grid-column:span 7}.dynamic-form .grid>div.col-8{grid-column:span 8}.dynamic-form .grid>div.col-9{grid-column:span 9}.dynamic-form .grid>div.col-10{grid-column:span 10}.dynamic-form .grid>div.col-11{grid-column:span 11}.dynamic-form .grid>div.col-12{grid-column:span 12}@media (max-width: 575.98px){.dynamic-form .grid>div.col-xs-1{grid-column:span 1}.dynamic-form .grid>div.col-xs-2{grid-column:span 2}.dynamic-form .grid>div.col-xs-3{grid-column:span 3}.dynamic-form .grid>div.col-xs-4{grid-column:span 4}.dynamic-form .grid>div.col-xs-5{grid-column:span 5}.dynamic-form .grid>div.col-xs-6{grid-column:span 6}.dynamic-form .grid>div.col-xs-7{grid-column:span 7}.dynamic-form .grid>div.col-xs-8{grid-column:span 8}.dynamic-form .grid>div.col-xs-9{grid-column:span 9}.dynamic-form .grid>div.col-xs-10{grid-column:span 10}.dynamic-form .grid>div.col-xs-11{grid-column:span 11}.dynamic-form .grid>div.col-xs-12{grid-column:span 12}}@media (min-width: 576px){.dynamic-form .grid>div.col-sm-1{grid-column:span 1}.dynamic-form .grid>div.col-sm-2{grid-column:span 2}.dynamic-form .grid>div.col-sm-3{grid-column:span 3}.dynamic-form .grid>div.col-sm-4{grid-column:span 4}.dynamic-form .grid>div.col-sm-5{grid-column:span 5}.dynamic-form .grid>div.col-sm-6{grid-column:span 6}.dynamic-form .grid>div.col-sm-7{grid-column:span 7}.dynamic-form .grid>div.col-sm-8{grid-column:span 8}.dynamic-form .grid>div.col-sm-9{grid-column:span 9}.dynamic-form .grid>div.col-sm-10{grid-column:span 10}.dynamic-form .grid>div.col-sm-11{grid-column:span 11}.dynamic-form .grid>div.col-sm-12{grid-column:span 12}}@media (min-width: 768px){.dynamic-form .grid>div.col-md-1{grid-column:span 1}.dynamic-form .grid>div.col-md-2{grid-column:span 2}.dynamic-form .grid>div.col-md-3{grid-column:span 3}.dynamic-form .grid>div.col-md-4{grid-column:span 4}.dynamic-form .grid>div.col-md-5{grid-column:span 5}.dynamic-form .grid>div.col-md-6{grid-column:span 6}.dynamic-form .grid>div.col-md-7{grid-column:span 7}.dynamic-form .grid>div.col-md-8{grid-column:span 8}.dynamic-form .grid>div.col-md-9{grid-column:span 9}.dynamic-form .grid>div.col-md-10{grid-column:span 10}.dynamic-form .grid>div.col-md-11{grid-column:span 11}.dynamic-form .grid>div.col-md-12{grid-column:span 12}}@media (min-width: 992px){.dynamic-form .grid>div.col-lg-1{grid-column:span 1}.dynamic-form .grid>div.col-lg-2{grid-column:span 2}.dynamic-form .grid>div.col-lg-3{grid-column:span 3}.dynamic-form .grid>div.col-lg-4{grid-column:span 4}.dynamic-form .grid>div.col-lg-5{grid-column:span 5}.dynamic-form .grid>div.col-lg-6{grid-column:span 6}.dynamic-form .grid>div.col-lg-7{grid-column:span 7}.dynamic-form .grid>div.col-lg-8{grid-column:span 8}.dynamic-form .grid>div.col-lg-9{grid-column:span 9}.dynamic-form .grid>div.col-lg-10{grid-column:span 10}.dynamic-form .grid>div.col-lg-11{grid-column:span 11}.dynamic-form .grid>div.col-lg-12{grid-column:span 12}}@media (min-width: 1200px){.dynamic-form .grid>div.col-xl-1{grid-column:span 1}.dynamic-form .grid>div.col-xl-2{grid-column:span 2}.dynamic-form .grid>div.col-xl-3{grid-column:span 3}.dynamic-form .grid>div.col-xl-4{grid-column:span 4}.dynamic-form .grid>div.col-xl-5{grid-column:span 5}.dynamic-form .grid>div.col-xl-6{grid-column:span 6}.dynamic-form .grid>div.col-xl-7{grid-column:span 7}.dynamic-form .grid>div.col-xl-8{grid-column:span 8}.dynamic-form .grid>div.col-xl-9{grid-column:span 9}.dynamic-form .grid>div.col-xl-10{grid-column:span 10}.dynamic-form .grid>div.col-xl-11{grid-column:span 11}.dynamic-form .grid>div.col-xl-12{grid-column:span 12}}.dynamic-form .sections-container{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.dynamic-form .sections-container ::ng-deep .section-panel .p-panel-header{background-color:var(--surface-50);border-color:var(--surface-200)}.dynamic-form .sections-container ::ng-deep .section-panel .p-panel-header .section-header{display:flex;align-items:center;gap:.5rem;width:100%}.dynamic-form .sections-container ::ng-deep .section-panel .p-panel-header .section-header .section-icon{font-size:1.1rem;color:var(--primary-color)}.dynamic-form .sections-container ::ng-deep .section-panel .p-panel-header .section-header .section-title{font-weight:600;color:var(--text-color)}.dynamic-form .sections-container ::ng-deep .section-panel .p-panel-content{padding:1.5rem}.dynamic-form .fixed-filters-section{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--surface-200)}.dynamic-form .filter-sections-container{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.dynamic-form .form-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--surface-200)}.dialog-footer{display:flex;justify-content:flex-end;gap:.5rem}.drawer-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem;border-top:1px solid var(--surface-200)}.inline-edit-fields{display:flex;flex-direction:column;gap:1rem}.inline-edit-fields .inline-edit-field{display:flex;flex-direction:column;gap:.25rem}.inline-edit-fields .inline-edit-field .field-label{font-weight:500;font-size:.875rem;color:var(--text-color-secondary);margin-bottom:.25rem}.inline-edit-fields .inline-edit-field .field-display{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background-color:var(--surface-50);border:1px solid var(--surface-200);border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;min-height:42px}.inline-edit-fields .inline-edit-field .field-display:hover:not(.disabled){background-color:var(--surface-100);border-color:var(--primary-color)}.inline-edit-fields .inline-edit-field .field-display:hover:not(.disabled) .edit-icon{opacity:1}.inline-edit-fields .inline-edit-field .field-display.disabled{cursor:not-allowed;opacity:.6}.inline-edit-fields .inline-edit-field .field-display .display-value{flex:1;color:var(--text-color)}.inline-edit-fields .inline-edit-field .field-display .display-value:empty:before{content:attr(data-placeholder);color:var(--text-color-secondary);font-style:italic}.inline-edit-fields .inline-edit-field .field-display .edit-icon{color:var(--primary-color);font-size:.875rem;opacity:.5;transition:opacity .2s ease}.inline-edit-fields .inline-edit-field .field-edit{display:flex;flex-direction:column;gap:.5rem}.inline-edit-fields .inline-edit-field .field-edit .input-container{flex:1}.inline-edit-fields .inline-edit-field .field-edit .input-container ::ng-deep .field{gap:0}.inline-edit-fields .inline-edit-field .field-edit .input-container ::ng-deep .field label{display:none}.inline-edit-fields .inline-edit-field .field-edit .input-container ::ng-deep .field small.p-error{display:none}.inline-edit-fields .inline-edit-field .field-edit .edit-actions{display:flex;gap:.5rem;justify-content:flex-end}.inline-edit-fields .inline-edit-field .field-edit .field-error small.p-error{color:var(--p-red-500);font-size:.875rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: PanelModule }, { kind: "component", type: i6$1.Panel, selector: "p-panel", inputs: ["toggleable", "header", "collapsed", "style", "styleClass", "iconPos", "expandIcon", "collapseIcon", "showHeader", "toggler", "transitionOptions", "toggleButtonProps"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }, { kind: "directive", type: i2$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i4.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "ngmodule", type: DrawerModule }, { kind: "component", type: i9$1.Drawer, selector: "p-drawer", inputs: ["appendTo", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "closeButtonProps", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen", "header", "maskStyle", "closable"], outputs: ["onShow", "onHide", "visibleChange"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i4$1.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: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: DynamicFieldTextComponent, selector: "sia-dynamic-field-text" }, { kind: "component", type: DynamicFieldNumberComponent, selector: "sia-dynamic-field-number" }, { kind: "component", type: DynamicFieldDateComponent, selector: "sia-dynamic-field-date" }, { kind: "component", type: DynamicFieldDatetimeComponent, selector: "sia-dynamic-field-datetime" }, { kind: "component", type: DynamicFieldDropdownComponent, selector: "sia-dynamic-field-dropdown" }, { kind: "component", type: DynamicFieldLookupComponent, selector: "sia-dynamic-field-lookup", inputs: ["field", "form", "formGroup", "mode"] }, { kind: "component", type: DynamicFieldTextareaComponent, selector: "sia-dynamic-field-textarea" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DynamicFormComponent, decorators: [{
             type: Component,
@@ -4708,10 +5157,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         DynamicFieldTextComponent,
                         DynamicFieldNumberComponent,
                         DynamicFieldDateComponent,
+                        DynamicFieldDatetimeComponent,
                         DynamicFieldDropdownComponent,
                         DynamicFieldLookupComponent,
                         DynamicFieldTextareaComponent
-                    ], template: "<!-- Modo Inline (padr\u00E3o) -->\n<ng-container *ngIf=\"isInlineMode\">\n  <ng-container *ngTemplateOutlet=\"formContent\"></ng-container>\n</ng-container>\n\n<!-- Modo Dialog -->\n<p-dialog\n  *ngIf=\"isDialogMode\"\n  [(visible)]=\"visible\"\n  [header]=\"dialogHeader | translate\"\n  [modal]=\"true\"\n  [style]=\"{ width: dialogWidth }\"\n  [draggable]=\"dialogDraggable\"\n  [resizable]=\"dialogResizable\"\n  [maximizable]=\"dialogMaximizable\"\n  [closeOnEscape]=\"dialogCloseOnEscape\"\n  [dismissableMask]=\"dialogDismissableMask\"\n  (onHide)=\"close()\">\n  \n  <ng-container *ngTemplateOutlet=\"formContent\"></ng-container>\n  \n  <ng-template pTemplate=\"footer\" *ngIf=\"showSubmitButton || showCancelButton\">\n    <div class=\"dialog-footer\">\n      <p-button\n        *ngIf=\"showCancelButton\"\n        [label]=\"cancelLabel | translate\"\n        [icon]=\"cancelButtonIcon\"\n        severity=\"secondary\"\n        (onClick)=\"handleCancel()\"\n        [disabled]=\"loading\">\n      </p-button>\n      <p-button\n        *ngIf=\"showSubmitButton\"\n        [label]=\"submitLabel | translate\"\n        [icon]=\"submitButtonIcon\"\n        (onClick)=\"handleSubmit()\"\n        [loading]=\"loading\"\n        [disabled]=\"form.invalid\">\n      </p-button>\n    </div>\n  </ng-template>\n</p-dialog>\n\n<!-- Modo Drawer -->\n<p-drawer\n  *ngIf=\"isDrawerMode\"\n  [(visible)]=\"visible\"\n  [header]=\"drawerHeader | translate\"\n  [position]=\"drawerPosition\"\n  [style]=\"drawerStyle\"\n  [showCloseIcon]=\"drawerShowCloseIcon\"\n  [closeOnEscape]=\"drawerCloseOnEscape\"\n  [modal]=\"drawerDismissable\"\n  (onHide)=\"close()\">\n  \n  <ng-container *ngTemplateOutlet=\"formContent\"></ng-container>\n  \n  <ng-template pTemplate=\"footer\" *ngIf=\"showSubmitButton || showCancelButton\">\n    <div class=\"drawer-footer\">\n      <p-button\n        *ngIf=\"showCancelButton\"\n        [label]=\"cancelLabel | translate\"\n        [icon]=\"cancelButtonIcon\"\n        severity=\"secondary\"\n        (onClick)=\"handleCancel()\"\n        [disabled]=\"loading\">\n      </p-button>\n      <p-button\n        *ngIf=\"showSubmitButton\"\n        [label]=\"submitLabel | translate\"\n        [icon]=\"submitButtonIcon\"\n        (onClick)=\"handleSubmit()\"\n        [loading]=\"loading\"\n        [disabled]=\"form.invalid\">\n      </p-button>\n    </div>\n  </ng-template>\n</p-drawer>\n\n<!-- Template do Formul\u00E1rio (reutiliz\u00E1vel) -->\n<ng-template #formContent>\n  <form [formGroup]=\"form\" class=\"dynamic-form\">\n    \n    <!-- Filtros Fixos (apenas no modo filter) -->\n    <div *ngIf=\"mode === 'filter' && hasFixedFilters\" class=\"fixed-filters-section\">\n      <div class=\"grid\">\n        <ng-container *ngFor=\"let field of fixedFilters\">\n          <div *ngIf=\"isFieldVisible(field)\" [ngClass]=\"getFieldGridClass(field)\">\n            <ng-container *ngTemplateOutlet=\"fieldTemplate; context: { field: field }\"></ng-container>\n          </div>\n        </ng-container>\n      </div>\n    </div>\n\n    <!-- Campos Diretos (sem se\u00E7\u00E3o) -->\n    <div *ngIf=\"hasFields\">\n      <!-- Modo Inline Edit -->\n      <div *ngIf=\"isInlineEditMode\" class=\"inline-edit-fields\">\n        <ng-container *ngFor=\"let field of formFields\">\n          <div *ngIf=\"isFieldVisible(field)\" class=\"inline-edit-field\">\n            <ng-container *ngTemplateOutlet=\"inlineEditFieldTemplate; context: { field: field }\"></ng-container>\n          </div>\n        </ng-container>\n      </div>\n\n      <!-- Modo Form Normal -->\n      <div *ngIf=\"!isInlineEditMode\" class=\"grid\">\n        <ng-container *ngFor=\"let field of formFields\">\n          <div *ngIf=\"isFieldVisible(field)\" [ngClass]=\"getFieldGridClass(field)\">\n            <ng-container *ngTemplateOutlet=\"fieldTemplate; context: { field: field }\"></ng-container>\n          </div>\n        </ng-container>\n      </div>\n    </div>\n\n    <!-- Se\u00E7\u00F5es de Campos (modo form) -->\n    <div *ngIf=\"hasSections\" class=\"sections-container\">\n      <p-panel \n        *ngFor=\"let section of formSections\"\n        [toggleable]=\"section.toggleable !== false\"\n        [collapsed]=\"section.collapsed || false\"\n        [styleClass]=\"'section-panel'\">\n        \n        <ng-template pTemplate=\"header\">\n          <div class=\"section-header\">\n            <i *ngIf=\"section.icon\" [class]=\"section.icon + ' section-icon'\"></i>\n            <span class=\"section-title\">{{ section.title }}</span>\n          </div>\n        </ng-template>\n\n        <!-- Modo Inline Edit -->\n        <div *ngIf=\"isInlineEditMode\" class=\"inline-edit-fields\">\n          <ng-container *ngFor=\"let field of section.fields\">\n            <div *ngIf=\"isFieldVisible(field)\" class=\"inline-edit-field\">\n              <ng-container *ngTemplateOutlet=\"inlineEditFieldTemplate; context: { field: field }\"></ng-container>\n            </div>\n          </ng-container>\n        </div>\n\n        <!-- Modo Form Normal -->\n        <div *ngIf=\"!isInlineEditMode\" class=\"grid\">\n          <ng-container *ngFor=\"let field of section.fields\">\n            <div *ngIf=\"isFieldVisible(field)\" [ngClass]=\"getFieldGridClass(field)\">\n              <ng-container *ngTemplateOutlet=\"fieldTemplate; context: { field: field }\"></ng-container>\n            </div>\n          </ng-container>\n        </div>\n      </p-panel>\n    </div>\n\n    <!-- Se\u00E7\u00F5es de Filtros (apenas no modo filter) -->\n    <div *ngIf=\"mode === 'filter' && hasFilterSections\" class=\"filter-sections-container\">\n      <p-panel \n        *ngFor=\"let section of filterSections\"\n        [header]=\"section.title\"\n        [toggleable]=\"true\"\n        [collapsed]=\"true\">\n\n        <div class=\"grid\">\n          <ng-container *ngFor=\"let field of section.fields\">\n            <div *ngIf=\"isFieldVisible(field)\" [ngClass]=\"getFieldGridClass(field)\">\n              <ng-container *ngTemplateOutlet=\"fieldTemplate; context: { field: field }\"></ng-container>\n            </div>\n          </ng-container>\n        </div>\n      </p-panel>\n    </div>\n\n    <!-- Bot\u00F5es inline (apenas para modo inline) -->\n    <div *ngIf=\"isInlineMode && (showSubmitButton || showCancelButton)\" class=\"form-actions\">\n      <p-button\n        *ngIf=\"showCancelButton\"\n        [label]=\"cancelLabel | translate\"\n        [icon]=\"cancelButtonIcon\"\n        severity=\"secondary\"\n        (onClick)=\"handleCancel()\"\n        [disabled]=\"loading\">\n      </p-button>\n      <p-button\n        *ngIf=\"showSubmitButton\"\n        [label]=\"submitLabel | translate\"\n        [icon]=\"submitButtonIcon\"\n        (onClick)=\"handleSubmit()\"\n        [loading]=\"loading\"\n        [disabled]=\"form.invalid\">\n      </p-button>\n    </div>\n\n  </form>\n</ng-template>\n\n<!-- Template de Campo (reutiliz\u00E1vel) -->\n<ng-template #fieldTemplate let-field=\"field\">\n  <!-- Text Field -->\n  <sia-dynamic-field-text\n    *ngIf=\"field.type === 'text'\"\n    [field]=\"field\"\n    [form]=\"form\"\n    [mode]=\"fieldMode\">\n  </sia-dynamic-field-text>\n\n  <!-- Textarea Field -->\n  <sia-dynamic-field-textarea\n    *ngIf=\"field.type === 'textarea'\"\n    [field]=\"field\"\n    [form]=\"form\"\n    [mode]=\"fieldMode\">\n  </sia-dynamic-field-textarea>\n\n  <!-- Number Field -->\n  <sia-dynamic-field-number\n    *ngIf=\"field.type === 'number'\"\n    [field]=\"field\"\n    [form]=\"form\"\n    [mode]=\"fieldMode\">\n  </sia-dynamic-field-number>\n\n  <!-- Date Field -->\n  <sia-dynamic-field-date\n    *ngIf=\"field.type === 'date'\"\n    [field]=\"field\"\n    [form]=\"form\"\n    [mode]=\"fieldMode\">\n  </sia-dynamic-field-date>\n\n  <!-- Dropdown/Enum Field -->\n  <sia-dynamic-field-dropdown\n    *ngIf=\"field.type === 'dropdown' || field.type === 'enum'\"\n    [field]=\"field\"\n    [form]=\"form\"\n    [mode]=\"fieldMode\">\n  </sia-dynamic-field-dropdown>\n\n  <!-- Lookup Field -->\n  <sia-dynamic-field-lookup\n    *ngIf=\"field.type === 'lookup'\"\n    [field]=\"field\"\n    [form]=\"form\"\n    [formGroup]=\"form\"\n    [mode]=\"fieldMode\">\n  </sia-dynamic-field-lookup>\n</ng-template>\n\n\n<!-- Template de Campo Inline Edit -->\n<ng-template #inlineEditFieldTemplate let-field=\"field\">\n  <div class=\"edit-inline-field\">\n    <label class=\"field-label\">{{ field.label | translate }}</label>\n    \n    <!-- Display Mode -->\n    <div class=\"field-display\" \n         *ngIf=\"!isFieldEditing(field.field)\" \n         (click)=\"startEditField(field.field)\"\n         [class.disabled]=\"field.disabled\">\n      <span class=\"display-value\" \n            [attr.data-placeholder]=\"field.placeholder || ('crmx.business.not_informed' | translate)\">\n        {{ getFieldDisplayValue(field.field) }}\n      </span>\n      <i class=\"pi pi-pencil edit-icon\" *ngIf=\"!field.disabled\"></i>\n    </div>\n    \n    <!-- Edit Mode -->\n    <div class=\"field-edit\" *ngIf=\"isFieldEditing(field.field)\">\n      <div class=\"input-container\">\n        <ng-container *ngTemplateOutlet=\"fieldTemplate; context: { field: field }\"></ng-container>\n      </div>\n      \n      <!-- Action Buttons -->\n      <div class=\"edit-actions\">\n        <p-button \n          type=\"button\" \n          icon=\"pi pi-check\" \n          [rounded]=\"true\"\n          severity=\"primary\"\n          (onClick)=\"saveInlineField(field.field)\" \n          [loading]=\"savingField\"\n          [disabled]=\"form.get(field.field)?.invalid\">\n        </p-button>\n        <p-button \n          type=\"button\" \n          icon=\"pi pi-times\" \n          [rounded]=\"true\"\n          severity=\"secondary\"\n          (onClick)=\"cancelInlineEdit()\"\n          [disabled]=\"savingField\">\n        </p-button>\n      </div>\n      \n      <!-- Error Message -->\n      <div class=\"field-error\" *ngIf=\"form.get(field.field)?.invalid && form.get(field.field)?.touched\">\n        <small class=\"p-error\">\n          {{ form.get(field.field)?.errors?.['required'] ? ('crmx.business.required_field' | translate) : '' }}\n        </small>\n      </div>\n    </div>\n  </div>\n</ng-template>\n", styles: [".dynamic-form{width:100%}.dynamic-form .grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.dynamic-form .grid>div.col-1{grid-column:span 1}.dynamic-form .grid>div.col-2{grid-column:span 2}.dynamic-form .grid>div.col-3{grid-column:span 3}.dynamic-form .grid>div.col-4{grid-column:span 4}.dynamic-form .grid>div.col-5{grid-column:span 5}.dynamic-form .grid>div.col-6{grid-column:span 6}.dynamic-form .grid>div.col-7{grid-column:span 7}.dynamic-form .grid>div.col-8{grid-column:span 8}.dynamic-form .grid>div.col-9{grid-column:span 9}.dynamic-form .grid>div.col-10{grid-column:span 10}.dynamic-form .grid>div.col-11{grid-column:span 11}.dynamic-form .grid>div.col-12{grid-column:span 12}@media (max-width: 575.98px){.dynamic-form .grid>div.col-xs-1{grid-column:span 1}.dynamic-form .grid>div.col-xs-2{grid-column:span 2}.dynamic-form .grid>div.col-xs-3{grid-column:span 3}.dynamic-form .grid>div.col-xs-4{grid-column:span 4}.dynamic-form .grid>div.col-xs-5{grid-column:span 5}.dynamic-form .grid>div.col-xs-6{grid-column:span 6}.dynamic-form .grid>div.col-xs-7{grid-column:span 7}.dynamic-form .grid>div.col-xs-8{grid-column:span 8}.dynamic-form .grid>div.col-xs-9{grid-column:span 9}.dynamic-form .grid>div.col-xs-10{grid-column:span 10}.dynamic-form .grid>div.col-xs-11{grid-column:span 11}.dynamic-form .grid>div.col-xs-12{grid-column:span 12}}@media (min-width: 576px){.dynamic-form .grid>div.col-sm-1{grid-column:span 1}.dynamic-form .grid>div.col-sm-2{grid-column:span 2}.dynamic-form .grid>div.col-sm-3{grid-column:span 3}.dynamic-form .grid>div.col-sm-4{grid-column:span 4}.dynamic-form .grid>div.col-sm-5{grid-column:span 5}.dynamic-form .grid>div.col-sm-6{grid-column:span 6}.dynamic-form .grid>div.col-sm-7{grid-column:span 7}.dynamic-form .grid>div.col-sm-8{grid-column:span 8}.dynamic-form .grid>div.col-sm-9{grid-column:span 9}.dynamic-form .grid>div.col-sm-10{grid-column:span 10}.dynamic-form .grid>div.col-sm-11{grid-column:span 11}.dynamic-form .grid>div.col-sm-12{grid-column:span 12}}@media (min-width: 768px){.dynamic-form .grid>div.col-md-1{grid-column:span 1}.dynamic-form .grid>div.col-md-2{grid-column:span 2}.dynamic-form .grid>div.col-md-3{grid-column:span 3}.dynamic-form .grid>div.col-md-4{grid-column:span 4}.dynamic-form .grid>div.col-md-5{grid-column:span 5}.dynamic-form .grid>div.col-md-6{grid-column:span 6}.dynamic-form .grid>div.col-md-7{grid-column:span 7}.dynamic-form .grid>div.col-md-8{grid-column:span 8}.dynamic-form .grid>div.col-md-9{grid-column:span 9}.dynamic-form .grid>div.col-md-10{grid-column:span 10}.dynamic-form .grid>div.col-md-11{grid-column:span 11}.dynamic-form .grid>div.col-md-12{grid-column:span 12}}@media (min-width: 992px){.dynamic-form .grid>div.col-lg-1{grid-column:span 1}.dynamic-form .grid>div.col-lg-2{grid-column:span 2}.dynamic-form .grid>div.col-lg-3{grid-column:span 3}.dynamic-form .grid>div.col-lg-4{grid-column:span 4}.dynamic-form .grid>div.col-lg-5{grid-column:span 5}.dynamic-form .grid>div.col-lg-6{grid-column:span 6}.dynamic-form .grid>div.col-lg-7{grid-column:span 7}.dynamic-form .grid>div.col-lg-8{grid-column:span 8}.dynamic-form .grid>div.col-lg-9{grid-column:span 9}.dynamic-form .grid>div.col-lg-10{grid-column:span 10}.dynamic-form .grid>div.col-lg-11{grid-column:span 11}.dynamic-form .grid>div.col-lg-12{grid-column:span 12}}@media (min-width: 1200px){.dynamic-form .grid>div.col-xl-1{grid-column:span 1}.dynamic-form .grid>div.col-xl-2{grid-column:span 2}.dynamic-form .grid>div.col-xl-3{grid-column:span 3}.dynamic-form .grid>div.col-xl-4{grid-column:span 4}.dynamic-form .grid>div.col-xl-5{grid-column:span 5}.dynamic-form .grid>div.col-xl-6{grid-column:span 6}.dynamic-form .grid>div.col-xl-7{grid-column:span 7}.dynamic-form .grid>div.col-xl-8{grid-column:span 8}.dynamic-form .grid>div.col-xl-9{grid-column:span 9}.dynamic-form .grid>div.col-xl-10{grid-column:span 10}.dynamic-form .grid>div.col-xl-11{grid-column:span 11}.dynamic-form .grid>div.col-xl-12{grid-column:span 12}}.dynamic-form .sections-container{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.dynamic-form .sections-container ::ng-deep .section-panel .p-panel-header{background-color:var(--surface-50);border-color:var(--surface-200)}.dynamic-form .sections-container ::ng-deep .section-panel .p-panel-header .section-header{display:flex;align-items:center;gap:.5rem;width:100%}.dynamic-form .sections-container ::ng-deep .section-panel .p-panel-header .section-header .section-icon{font-size:1.1rem;color:var(--primary-color)}.dynamic-form .sections-container ::ng-deep .section-panel .p-panel-header .section-header .section-title{font-weight:600;color:var(--text-color)}.dynamic-form .sections-container ::ng-deep .section-panel .p-panel-content{padding:1.5rem}.dynamic-form .fixed-filters-section{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--surface-200)}.dynamic-form .filter-sections-container{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.dynamic-form .form-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--surface-200)}.dialog-footer{display:flex;justify-content:flex-end;gap:.5rem}.drawer-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem;border-top:1px solid var(--surface-200)}.inline-edit-fields{display:flex;flex-direction:column;gap:1rem}.inline-edit-fields .inline-edit-field{display:flex;flex-direction:column;gap:.25rem}.inline-edit-fields .inline-edit-field .field-label{font-weight:500;font-size:.875rem;color:var(--text-color-secondary);margin-bottom:.25rem}.inline-edit-fields .inline-edit-field .field-display{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background-color:var(--surface-50);border:1px solid var(--surface-200);border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;min-height:42px}.inline-edit-fields .inline-edit-field .field-display:hover:not(.disabled){background-color:var(--surface-100);border-color:var(--primary-color)}.inline-edit-fields .inline-edit-field .field-display:hover:not(.disabled) .edit-icon{opacity:1}.inline-edit-fields .inline-edit-field .field-display.disabled{cursor:not-allowed;opacity:.6}.inline-edit-fields .inline-edit-field .field-display .display-value{flex:1;color:var(--text-color)}.inline-edit-fields .inline-edit-field .field-display .display-value:empty:before{content:attr(data-placeholder);color:var(--text-color-secondary);font-style:italic}.inline-edit-fields .inline-edit-field .field-display .edit-icon{color:var(--primary-color);font-size:.875rem;opacity:.5;transition:opacity .2s ease}.inline-edit-fields .inline-edit-field .field-edit{display:flex;flex-direction:column;gap:.5rem}.inline-edit-fields .inline-edit-field .field-edit .input-container{flex:1}.inline-edit-fields .inline-edit-field .field-edit .input-container ::ng-deep .field{gap:0}.inline-edit-fields .inline-edit-field .field-edit .input-container ::ng-deep .field label{display:none}.inline-edit-fields .inline-edit-field .field-edit .input-container ::ng-deep .field small.p-error{display:none}.inline-edit-fields .inline-edit-field .field-edit .edit-actions{display:flex;gap:.5rem;justify-content:flex-end}.inline-edit-fields .inline-edit-field .field-edit .field-error small.p-error{color:var(--p-red-500);font-size:.875rem}\n"] }]
+                    ], template: "<!-- Modo Inline (padr\u00E3o) -->\n<ng-container *ngIf=\"isInlineMode\">\n  <ng-container *ngTemplateOutlet=\"formContent\"></ng-container>\n</ng-container>\n\n<!-- Modo Dialog -->\n<p-dialog\n  *ngIf=\"isDialogMode\"\n  [(visible)]=\"visible\"\n  [header]=\"dialogHeader | translate\"\n  [modal]=\"true\"\n  [style]=\"{ width: dialogWidth }\"\n  [draggable]=\"dialogDraggable\"\n  [resizable]=\"dialogResizable\"\n  [maximizable]=\"dialogMaximizable\"\n  [closeOnEscape]=\"dialogCloseOnEscape\"\n  [dismissableMask]=\"dialogDismissableMask\"\n  (onHide)=\"close()\">\n  \n  <ng-container *ngTemplateOutlet=\"formContent\"></ng-container>\n  \n  <ng-template pTemplate=\"footer\" *ngIf=\"showSubmitButton || showCancelButton\">\n    <div class=\"dialog-footer\">\n      <p-button\n        *ngIf=\"showCancelButton\"\n        [label]=\"cancelLabel | translate\"\n        [icon]=\"cancelButtonIcon\"\n        severity=\"secondary\"\n        (onClick)=\"handleCancel()\"\n        [disabled]=\"loading\">\n      </p-button>\n      <p-button\n        *ngIf=\"showSubmitButton\"\n        [label]=\"submitLabel | translate\"\n        [icon]=\"submitButtonIcon\"\n        (onClick)=\"handleSubmit()\"\n        [loading]=\"loading\"\n        [disabled]=\"form.invalid\">\n      </p-button>\n    </div>\n  </ng-template>\n</p-dialog>\n\n<!-- Modo Drawer -->\n<p-drawer\n  *ngIf=\"isDrawerMode\"\n  [(visible)]=\"visible\"\n  [header]=\"drawerHeader | translate\"\n  [position]=\"drawerPosition\"\n  [style]=\"drawerStyle\"\n  [showCloseIcon]=\"drawerShowCloseIcon\"\n  [closeOnEscape]=\"drawerCloseOnEscape\"\n  [modal]=\"drawerDismissable\"\n  (onHide)=\"close()\">\n  \n  <ng-container *ngTemplateOutlet=\"formContent\"></ng-container>\n  \n  <ng-template pTemplate=\"footer\" *ngIf=\"showSubmitButton || showCancelButton\">\n    <div class=\"drawer-footer\">\n      <p-button\n        *ngIf=\"showCancelButton\"\n        [label]=\"cancelLabel | translate\"\n        [icon]=\"cancelButtonIcon\"\n        severity=\"secondary\"\n        (onClick)=\"handleCancel()\"\n        [disabled]=\"loading\">\n      </p-button>\n      <p-button\n        *ngIf=\"showSubmitButton\"\n        [label]=\"submitLabel | translate\"\n        [icon]=\"submitButtonIcon\"\n        (onClick)=\"handleSubmit()\"\n        [loading]=\"loading\"\n        [disabled]=\"form.invalid\">\n      </p-button>\n    </div>\n  </ng-template>\n</p-drawer>\n\n<!-- Template do Formul\u00E1rio (reutiliz\u00E1vel) -->\n<ng-template #formContent>\n  <form [formGroup]=\"form\" class=\"dynamic-form\">\n    \n    <!-- Filtros Fixos (apenas no modo filter) -->\n    <div *ngIf=\"mode === 'filter' && hasFixedFilters\" class=\"fixed-filters-section\">\n      <div class=\"grid\">\n        <ng-container *ngFor=\"let field of fixedFilters\">\n          <div *ngIf=\"isFieldVisible(field)\" [ngClass]=\"getFieldGridClass(field)\">\n            <ng-container *ngTemplateOutlet=\"fieldTemplate; context: { field: field }\"></ng-container>\n          </div>\n        </ng-container>\n      </div>\n    </div>\n\n    <!-- Campos Diretos (sem se\u00E7\u00E3o) -->\n    <div *ngIf=\"hasFields\">\n      <!-- Modo Inline Edit -->\n      <div *ngIf=\"isInlineEditMode\" class=\"inline-edit-fields\">\n        <ng-container *ngFor=\"let field of formFields\">\n          <div *ngIf=\"isFieldVisible(field)\" class=\"inline-edit-field\">\n            <ng-container *ngTemplateOutlet=\"inlineEditFieldTemplate; context: { field: field }\"></ng-container>\n          </div>\n        </ng-container>\n      </div>\n\n      <!-- Modo Form Normal -->\n      <div *ngIf=\"!isInlineEditMode\" class=\"grid\">\n        <ng-container *ngFor=\"let field of formFields\">\n          <div *ngIf=\"isFieldVisible(field)\" [ngClass]=\"getFieldGridClass(field)\">\n            <ng-container *ngTemplateOutlet=\"fieldTemplate; context: { field: field }\"></ng-container>\n          </div>\n        </ng-container>\n      </div>\n    </div>\n\n    <!-- Se\u00E7\u00F5es de Campos (modo form) -->\n    <div *ngIf=\"hasSections\" class=\"sections-container\">\n      <p-panel \n        *ngFor=\"let section of formSections\"\n        [toggleable]=\"section.toggleable !== false\"\n        [collapsed]=\"section.collapsed || false\"\n        [styleClass]=\"'section-panel'\">\n        \n        <ng-template pTemplate=\"header\">\n          <div class=\"section-header\">\n            <i *ngIf=\"section.icon\" [class]=\"section.icon + ' section-icon'\"></i>\n            <span class=\"section-title\">{{ section.title }}</span>\n          </div>\n        </ng-template>\n\n        <!-- Modo Inline Edit -->\n        <div *ngIf=\"isInlineEditMode\" class=\"inline-edit-fields\">\n          <ng-container *ngFor=\"let field of section.fields\">\n            <div *ngIf=\"isFieldVisible(field)\" class=\"inline-edit-field\">\n              <ng-container *ngTemplateOutlet=\"inlineEditFieldTemplate; context: { field: field }\"></ng-container>\n            </div>\n          </ng-container>\n        </div>\n\n        <!-- Modo Form Normal -->\n        <div *ngIf=\"!isInlineEditMode\" class=\"grid\">\n          <ng-container *ngFor=\"let field of section.fields\">\n            <div *ngIf=\"isFieldVisible(field)\" [ngClass]=\"getFieldGridClass(field)\">\n              <ng-container *ngTemplateOutlet=\"fieldTemplate; context: { field: field }\"></ng-container>\n            </div>\n          </ng-container>\n        </div>\n      </p-panel>\n    </div>\n\n    <!-- Se\u00E7\u00F5es de Filtros (apenas no modo filter) -->\n    <div *ngIf=\"mode === 'filter' && hasFilterSections\" class=\"filter-sections-container\">\n      <p-panel \n        *ngFor=\"let section of filterSections\"\n        [header]=\"section.title\"\n        [toggleable]=\"true\"\n        [collapsed]=\"true\">\n\n        <div class=\"grid\">\n          <ng-container *ngFor=\"let field of section.fields\">\n            <div *ngIf=\"isFieldVisible(field)\" [ngClass]=\"getFieldGridClass(field)\">\n              <ng-container *ngTemplateOutlet=\"fieldTemplate; context: { field: field }\"></ng-container>\n            </div>\n          </ng-container>\n        </div>\n      </p-panel>\n    </div>\n\n    <!-- Bot\u00F5es inline (apenas para modo inline) -->\n    <div *ngIf=\"isInlineMode && (showSubmitButton || showCancelButton)\" class=\"form-actions\">\n      <p-button\n        *ngIf=\"showCancelButton\"\n        [label]=\"cancelLabel | translate\"\n        [icon]=\"cancelButtonIcon\"\n        severity=\"secondary\"\n        (onClick)=\"handleCancel()\"\n        [disabled]=\"loading\">\n      </p-button>\n      <p-button\n        *ngIf=\"showSubmitButton\"\n        [label]=\"submitLabel | translate\"\n        [icon]=\"submitButtonIcon\"\n        (onClick)=\"handleSubmit()\"\n        [loading]=\"loading\"\n        [disabled]=\"form.invalid\">\n      </p-button>\n    </div>\n\n  </form>\n</ng-template>\n\n<!-- Template de Campo (reutiliz\u00E1vel) -->\n<ng-template #fieldTemplate let-field=\"field\">\n  <!-- Text Field -->\n  <sia-dynamic-field-text\n    *ngIf=\"field.type === 'text'\"\n    [field]=\"field\"\n    [form]=\"form\"\n    [mode]=\"fieldMode\">\n  </sia-dynamic-field-text>\n\n  <!-- Textarea Field -->\n  <sia-dynamic-field-textarea\n    *ngIf=\"field.type === 'textarea'\"\n    [field]=\"field\"\n    [form]=\"form\"\n    [mode]=\"fieldMode\">\n  </sia-dynamic-field-textarea>\n\n  <!-- Number Field -->\n  <sia-dynamic-field-number\n    *ngIf=\"field.type === 'number'\"\n    [field]=\"field\"\n    [form]=\"form\"\n    [mode]=\"fieldMode\">\n  </sia-dynamic-field-number>\n\n  <!-- Date Field -->\n  <sia-dynamic-field-date\n    *ngIf=\"field.type === 'date'\"\n    [field]=\"field\"\n    [form]=\"form\"\n    [mode]=\"fieldMode\">\n  </sia-dynamic-field-date>\n\n  <!-- Datetime Field -->\n  <sia-dynamic-field-datetime\n    *ngIf=\"field.type === 'datetime'\"\n    [field]=\"field\"\n    [form]=\"form\"\n    [mode]=\"fieldMode\">\n  </sia-dynamic-field-datetime>\n\n  <!-- Dropdown/Enum Field -->\n  <sia-dynamic-field-dropdown\n    *ngIf=\"field.type === 'dropdown' || field.type === 'enum'\"\n    [field]=\"field\"\n    [form]=\"form\"\n    [mode]=\"fieldMode\">\n  </sia-dynamic-field-dropdown>\n\n  <!-- Lookup Field -->\n  <sia-dynamic-field-lookup\n    *ngIf=\"field.type === 'lookup'\"\n    [field]=\"field\"\n    [form]=\"form\"\n    [formGroup]=\"form\"\n    [mode]=\"fieldMode\">\n  </sia-dynamic-field-lookup>\n</ng-template>\n\n\n<!-- Template de Campo Inline Edit -->\n<ng-template #inlineEditFieldTemplate let-field=\"field\">\n  <div class=\"edit-inline-field\">\n    <label class=\"field-label\">{{ field.label | translate }}</label>\n    \n    <!-- Display Mode -->\n    <div class=\"field-display\" \n         *ngIf=\"!isFieldEditing(field.field)\" \n         (click)=\"startEditField(field.field)\"\n         [class.disabled]=\"field.disabled\">\n      <span class=\"display-value\" \n            [attr.data-placeholder]=\"field.placeholder || ('crmx.business.not_informed' | translate)\">\n        {{ getFieldDisplayValue(field.field) }}\n      </span>\n      <i class=\"pi pi-pencil edit-icon\" *ngIf=\"!field.disabled\"></i>\n    </div>\n    \n    <!-- Edit Mode -->\n    <div class=\"field-edit\" *ngIf=\"isFieldEditing(field.field)\">\n      <div class=\"input-container\">\n        <ng-container *ngTemplateOutlet=\"fieldTemplate; context: { field: field }\"></ng-container>\n      </div>\n      \n      <!-- Action Buttons -->\n      <div class=\"edit-actions\">\n        <p-button \n          type=\"button\" \n          icon=\"pi pi-check\" \n          [rounded]=\"true\"\n          severity=\"primary\"\n          (onClick)=\"saveInlineField(field.field)\" \n          [loading]=\"savingField\"\n          [disabled]=\"form.get(field.field)?.invalid\">\n        </p-button>\n        <p-button \n          type=\"button\" \n          icon=\"pi pi-times\" \n          [rounded]=\"true\"\n          severity=\"secondary\"\n          (onClick)=\"cancelInlineEdit()\"\n          [disabled]=\"savingField\">\n        </p-button>\n      </div>\n      \n      <!-- Error Message -->\n      <div class=\"field-error\" *ngIf=\"form.get(field.field)?.invalid && form.get(field.field)?.touched\">\n        <small class=\"p-error\">\n          {{ form.get(field.field)?.errors?.['required'] ? ('crmx.business.required_field' | translate) : '' }}\n        </small>\n      </div>\n    </div>\n  </div>\n</ng-template>\n", styles: [".dynamic-form{width:100%}.dynamic-form .grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.dynamic-form .grid>div.col-1{grid-column:span 1}.dynamic-form .grid>div.col-2{grid-column:span 2}.dynamic-form .grid>div.col-3{grid-column:span 3}.dynamic-form .grid>div.col-4{grid-column:span 4}.dynamic-form .grid>div.col-5{grid-column:span 5}.dynamic-form .grid>div.col-6{grid-column:span 6}.dynamic-form .grid>div.col-7{grid-column:span 7}.dynamic-form .grid>div.col-8{grid-column:span 8}.dynamic-form .grid>div.col-9{grid-column:span 9}.dynamic-form .grid>div.col-10{grid-column:span 10}.dynamic-form .grid>div.col-11{grid-column:span 11}.dynamic-form .grid>div.col-12{grid-column:span 12}@media (max-width: 575.98px){.dynamic-form .grid>div.col-xs-1{grid-column:span 1}.dynamic-form .grid>div.col-xs-2{grid-column:span 2}.dynamic-form .grid>div.col-xs-3{grid-column:span 3}.dynamic-form .grid>div.col-xs-4{grid-column:span 4}.dynamic-form .grid>div.col-xs-5{grid-column:span 5}.dynamic-form .grid>div.col-xs-6{grid-column:span 6}.dynamic-form .grid>div.col-xs-7{grid-column:span 7}.dynamic-form .grid>div.col-xs-8{grid-column:span 8}.dynamic-form .grid>div.col-xs-9{grid-column:span 9}.dynamic-form .grid>div.col-xs-10{grid-column:span 10}.dynamic-form .grid>div.col-xs-11{grid-column:span 11}.dynamic-form .grid>div.col-xs-12{grid-column:span 12}}@media (min-width: 576px){.dynamic-form .grid>div.col-sm-1{grid-column:span 1}.dynamic-form .grid>div.col-sm-2{grid-column:span 2}.dynamic-form .grid>div.col-sm-3{grid-column:span 3}.dynamic-form .grid>div.col-sm-4{grid-column:span 4}.dynamic-form .grid>div.col-sm-5{grid-column:span 5}.dynamic-form .grid>div.col-sm-6{grid-column:span 6}.dynamic-form .grid>div.col-sm-7{grid-column:span 7}.dynamic-form .grid>div.col-sm-8{grid-column:span 8}.dynamic-form .grid>div.col-sm-9{grid-column:span 9}.dynamic-form .grid>div.col-sm-10{grid-column:span 10}.dynamic-form .grid>div.col-sm-11{grid-column:span 11}.dynamic-form .grid>div.col-sm-12{grid-column:span 12}}@media (min-width: 768px){.dynamic-form .grid>div.col-md-1{grid-column:span 1}.dynamic-form .grid>div.col-md-2{grid-column:span 2}.dynamic-form .grid>div.col-md-3{grid-column:span 3}.dynamic-form .grid>div.col-md-4{grid-column:span 4}.dynamic-form .grid>div.col-md-5{grid-column:span 5}.dynamic-form .grid>div.col-md-6{grid-column:span 6}.dynamic-form .grid>div.col-md-7{grid-column:span 7}.dynamic-form .grid>div.col-md-8{grid-column:span 8}.dynamic-form .grid>div.col-md-9{grid-column:span 9}.dynamic-form .grid>div.col-md-10{grid-column:span 10}.dynamic-form .grid>div.col-md-11{grid-column:span 11}.dynamic-form .grid>div.col-md-12{grid-column:span 12}}@media (min-width: 992px){.dynamic-form .grid>div.col-lg-1{grid-column:span 1}.dynamic-form .grid>div.col-lg-2{grid-column:span 2}.dynamic-form .grid>div.col-lg-3{grid-column:span 3}.dynamic-form .grid>div.col-lg-4{grid-column:span 4}.dynamic-form .grid>div.col-lg-5{grid-column:span 5}.dynamic-form .grid>div.col-lg-6{grid-column:span 6}.dynamic-form .grid>div.col-lg-7{grid-column:span 7}.dynamic-form .grid>div.col-lg-8{grid-column:span 8}.dynamic-form .grid>div.col-lg-9{grid-column:span 9}.dynamic-form .grid>div.col-lg-10{grid-column:span 10}.dynamic-form .grid>div.col-lg-11{grid-column:span 11}.dynamic-form .grid>div.col-lg-12{grid-column:span 12}}@media (min-width: 1200px){.dynamic-form .grid>div.col-xl-1{grid-column:span 1}.dynamic-form .grid>div.col-xl-2{grid-column:span 2}.dynamic-form .grid>div.col-xl-3{grid-column:span 3}.dynamic-form .grid>div.col-xl-4{grid-column:span 4}.dynamic-form .grid>div.col-xl-5{grid-column:span 5}.dynamic-form .grid>div.col-xl-6{grid-column:span 6}.dynamic-form .grid>div.col-xl-7{grid-column:span 7}.dynamic-form .grid>div.col-xl-8{grid-column:span 8}.dynamic-form .grid>div.col-xl-9{grid-column:span 9}.dynamic-form .grid>div.col-xl-10{grid-column:span 10}.dynamic-form .grid>div.col-xl-11{grid-column:span 11}.dynamic-form .grid>div.col-xl-12{grid-column:span 12}}.dynamic-form .sections-container{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.dynamic-form .sections-container ::ng-deep .section-panel .p-panel-header{background-color:var(--surface-50);border-color:var(--surface-200)}.dynamic-form .sections-container ::ng-deep .section-panel .p-panel-header .section-header{display:flex;align-items:center;gap:.5rem;width:100%}.dynamic-form .sections-container ::ng-deep .section-panel .p-panel-header .section-header .section-icon{font-size:1.1rem;color:var(--primary-color)}.dynamic-form .sections-container ::ng-deep .section-panel .p-panel-header .section-header .section-title{font-weight:600;color:var(--text-color)}.dynamic-form .sections-container ::ng-deep .section-panel .p-panel-content{padding:1.5rem}.dynamic-form .fixed-filters-section{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--surface-200)}.dynamic-form .filter-sections-container{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.dynamic-form .form-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--surface-200)}.dialog-footer{display:flex;justify-content:flex-end;gap:.5rem}.drawer-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem;border-top:1px solid var(--surface-200)}.inline-edit-fields{display:flex;flex-direction:column;gap:1rem}.inline-edit-fields .inline-edit-field{display:flex;flex-direction:column;gap:.25rem}.inline-edit-fields .inline-edit-field .field-label{font-weight:500;font-size:.875rem;color:var(--text-color-secondary);margin-bottom:.25rem}.inline-edit-fields .inline-edit-field .field-display{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background-color:var(--surface-50);border:1px solid var(--surface-200);border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;min-height:42px}.inline-edit-fields .inline-edit-field .field-display:hover:not(.disabled){background-color:var(--surface-100);border-color:var(--primary-color)}.inline-edit-fields .inline-edit-field .field-display:hover:not(.disabled) .edit-icon{opacity:1}.inline-edit-fields .inline-edit-field .field-display.disabled{cursor:not-allowed;opacity:.6}.inline-edit-fields .inline-edit-field .field-display .display-value{flex:1;color:var(--text-color)}.inline-edit-fields .inline-edit-field .field-display .display-value:empty:before{content:attr(data-placeholder);color:var(--text-color-secondary);font-style:italic}.inline-edit-fields .inline-edit-field .field-display .edit-icon{color:var(--primary-color);font-size:.875rem;opacity:.5;transition:opacity .2s ease}.inline-edit-fields .inline-edit-field .field-edit{display:flex;flex-direction:column;gap:.5rem}.inline-edit-fields .inline-edit-field .field-edit .input-container{flex:1}.inline-edit-fields .inline-edit-field .field-edit .input-container ::ng-deep .field{gap:0}.inline-edit-fields .inline-edit-field .field-edit .input-container ::ng-deep .field label{display:none}.inline-edit-fields .inline-edit-field .field-edit .input-container ::ng-deep .field small.p-error{display:none}.inline-edit-fields .inline-edit-field .field-edit .edit-actions{display:flex;gap:.5rem;justify-content:flex-end}.inline-edit-fields .inline-edit-field .field-edit .field-error small.p-error{color:var(--p-red-500);font-size:.875rem}\n"] }]
         }], ctorParameters: () => [{ type: i3.FormBuilder }, { type: TranslationService }, { type: MaskService }, { type: LocaleService }], propDecorators: { formFields: [{
                 type: Input
             }], formSections: [{
@@ -5071,6 +5521,169 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 args: ['blur', ['$event']]
             }] } });
 
+/**
+ * Directive that replaces PrimeNG p-table's default loading spinner
+ * with the sia-loading component injected as a table row in the tbody.
+ *
+ * Usage:
+ *   <p-table [loading]="loading" siaTableLoading>
+ */
+class TableLoadingDirective {
+    el;
+    renderer;
+    vcr;
+    loading = false;
+    siaLoadingVariant = 'senior-reveal';
+    siaLoadingColor = 'senior';
+    siaLoadingSize = 36;
+    loadingRow = null;
+    loadingRef = null;
+    observer = null;
+    styleEl = null;
+    constructor(el, renderer, vcr) {
+        this.el = el;
+        this.renderer = renderer;
+        this.vcr = vcr;
+    }
+    ngAfterViewInit() {
+        this.injectHideStyles();
+        this.setupObserver();
+        if (this.loading) {
+            this.showLoading();
+        }
+    }
+    ngOnChanges(changes) {
+        if (changes['loading'] && !changes['loading'].firstChange) {
+            if (this.loading) {
+                this.showLoading();
+            }
+            else {
+                this.removeLoading();
+            }
+        }
+        if (this.loadingRef) {
+            if (changes['siaLoadingVariant'])
+                this.loadingRef.instance.variant = this.siaLoadingVariant;
+            if (changes['siaLoadingColor'])
+                this.loadingRef.instance.color = this.siaLoadingColor;
+            if (changes['siaLoadingSize'])
+                this.loadingRef.instance.size = this.siaLoadingSize;
+        }
+    }
+    ngOnDestroy() {
+        this.removeLoading();
+        this.observer?.disconnect();
+        this.observer = null;
+        this.styleEl?.remove();
+        this.styleEl = null;
+    }
+    injectHideStyles() {
+        const host = this.el.nativeElement;
+        this.styleEl = this.renderer.createElement('style');
+        this.styleEl.textContent = `
+      .p-datatable-loading-overlay,
+      .p-datatable-mask {
+        display: none !important;
+      }
+    `;
+        this.renderer.appendChild(host, this.styleEl);
+    }
+    setupObserver() {
+        const host = this.el.nativeElement;
+        this.observer = new MutationObserver((mutations) => {
+            for (const m of mutations) {
+                m.addedNodes.forEach((node) => {
+                    if (node instanceof HTMLElement) {
+                        if (node.classList.contains('p-datatable-loading-overlay') ||
+                            node.classList.contains('p-datatable-mask')) {
+                            node.style.display = 'none';
+                        }
+                    }
+                });
+            }
+        });
+        this.observer.observe(host, { childList: true, subtree: true });
+    }
+    showLoading() {
+        if (this.loadingRow)
+            return;
+        const host = this.el.nativeElement;
+        const tbody = host.querySelector('tbody');
+        if (!tbody)
+            return;
+        // Hide existing data rows
+        const existingRows = tbody.querySelectorAll('tr');
+        existingRows.forEach((row) => {
+            this.renderer.setStyle(row, 'display', 'none');
+        });
+        // Count columns from thead
+        const colCount = this.getColumnCount(host);
+        // Create <tr>
+        this.loadingRow = this.renderer.createElement('tr');
+        this.renderer.addClass(this.loadingRow, 'sia-table-loading-row');
+        // Create <td colspan="N">
+        const td = this.renderer.createElement('td');
+        this.renderer.setAttribute(td, 'colspan', String(colCount || 99));
+        this.renderer.setStyle(td, 'text-align', 'center');
+        this.renderer.setStyle(td, 'padding', '2rem 0');
+        this.renderer.setStyle(td, 'border', 'none');
+        // Create LoadingComponent
+        this.loadingRef = this.vcr.createComponent(LoadingComponent);
+        this.loadingRef.instance.variant = this.siaLoadingVariant;
+        this.loadingRef.instance.color = this.siaLoadingColor;
+        this.loadingRef.instance.size = this.siaLoadingSize;
+        this.loadingRef.instance.padding = '0';
+        const loadingEl = this.loadingRef.location.nativeElement;
+        this.renderer.appendChild(td, loadingEl);
+        this.renderer.appendChild(this.loadingRow, td);
+        this.renderer.appendChild(tbody, this.loadingRow);
+    }
+    removeLoading() {
+        const host = this.el.nativeElement;
+        const tbody = host.querySelector('tbody');
+        // Remove loading row
+        if (this.loadingRow?.parentNode) {
+            this.renderer.removeChild(this.loadingRow.parentNode, this.loadingRow);
+        }
+        this.loadingRow = null;
+        if (this.loadingRef) {
+            this.loadingRef.destroy();
+            this.loadingRef = null;
+        }
+        // Restore hidden data rows
+        if (tbody) {
+            const rows = tbody.querySelectorAll('tr');
+            rows.forEach((row) => {
+                this.renderer.removeStyle(row, 'display');
+            });
+        }
+    }
+    getColumnCount(host) {
+        const headerRow = host.querySelector('thead tr');
+        if (headerRow) {
+            return headerRow.querySelectorAll('th').length;
+        }
+        return 99;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TableLoadingDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: TableLoadingDirective, isStandalone: true, selector: "p-table[siaTableLoading]", inputs: { loading: "loading", siaLoadingVariant: "siaLoadingVariant", siaLoadingColor: "siaLoadingColor", siaLoadingSize: "siaLoadingSize" }, usesOnChanges: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TableLoadingDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'p-table[siaTableLoading]',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }], propDecorators: { loading: [{
+                type: Input
+            }], siaLoadingVariant: [{
+                type: Input
+            }], siaLoadingColor: [{
+                type: Input
+            }], siaLoadingSize: [{
+                type: Input
+            }] } });
+
 class CpfPipe {
     maskService;
     constructor(maskService) {
@@ -5618,5 +6231,5 @@ const throttle = (func, limit) => {
  * Generated bundle index. Do not edit.
  */
 
-export { AngularComponentsModule, AuthService, BreadcrumbComponent, BulkDeleteDialogComponent, CnpjPipe, CookieService, CpfPipe, DEFAULT_LANGUAGE, DateFormatPipe, DocumentMaskDirective, DocumentPipe, DynamicFieldDateComponent, DynamicFieldDropdownComponent, DynamicFieldLookupComponent, DynamicFieldNumberComponent, DynamicFieldTextComponent, DynamicFieldTextareaComponent, DynamicFieldWrapperComponent, DynamicFormComponent, EntityListBaseComponent, EntityService, ExportDialogComponent, FieldType, LocaleService, MaskService, MoneyMaskDirective, MoneyPipe, PermissionService, PhoneMaskDirective, PhonePipe, PostalCodeMaskDirective, PostalCodePipe, SUPPORTED_LANGUAGES, SeniorPreset, SeniorTokenService, TRANSLATION_CONFIG, ThemeService, TranslatePipe, TranslationHelper, TranslationService, 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, DynamicFieldDateComponent, DynamicFieldDropdownComponent, DynamicFieldLookupComponent, DynamicFieldNumberComponent, DynamicFieldTextComponent, DynamicFieldTextareaComponent, DynamicFieldWrapperComponent, DynamicFormComponent, EntityListBaseComponent, EntityService, ExportDialogComponent, FieldType, LoadingComponent, LocaleService, MaskService, MoneyMaskDirective, MoneyPipe, PermissionService, PhoneMaskDirective, PhonePipe, PostalCodeMaskDirective, PostalCodePipe, SUPPORTED_LANGUAGES, SeniorPreset, SeniorTokenService, TRANSLATION_CONFIG, TableLoadingDirective, ThemeService, TranslatePipe, TranslationHelper, TranslationService, 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