@senior-gestao-relacionamento/angular-components 2.3.0 → 2.4.0-master-b35869c1

package/fesm2022/senior-gestao-relacionamento-angular-components.mjs

@@ -1,14 +1,22 @@
 import * as i0 from '@angular/core';
-import { NgModule, Injectable, EventEmitter, Component, Input, Output, ViewChild } from '@angular/core';
-import * as i6 from '@angular/common';
+import { NgModule, Injectable, Pipe, inject, NgZone, Component, ViewChild, EventEmitter, Input, Output, input, output, signal, computed } from '@angular/core';
+import * as i1$2 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import { BehaviorSubject, of, tap, Subject, debounceTime, switchMap } from 'rxjs';
+import { BehaviorSubject, of, tap, Subject, debounceTime, switchMap, firstValueFrom } from 'rxjs';
 import * as i1 from '@angular/common/http';
 import { HttpParams } from '@angular/common/http';
-import * as i1$1 from '@angular/forms';
-import { Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import * as i7 from 'primeng/button';
+import * as i1$3 from '@angular/forms';
+import { FormsModule, Validators, ReactiveFormsModule } from '@angular/forms';
+import { trigger, transition, style, animate } from '@angular/animations';
+import * as i3 from 'primeng/button';
 import { ButtonModule } from 'primeng/button';
+import { Textarea } from 'primeng/textarea';
+import { BadgeModule } from 'primeng/badge';
+import * as i5 from '@seniorsistemas/components-ai';
+import { WebSocketService, TranslationService, TranslatePipe, DynamicFormComponent, DateFormatPipe } from '@seniorsistemas/components-ai';
+import DOMPurify from 'dompurify';
+import { marked } from 'marked';
+import * as i1$1 from '@angular/platform-browser';
 import * as i4 from 'primeng/dialog';
 import { DialogModule } from 'primeng/dialog';
 import * as i9 from 'primeng/drawer';
@@ -19,7 +27,7 @@ import * as i11 from 'primeng/inputnumber';
 import { InputNumberModule } from 'primeng/inputnumber';
 import * as i12 from 'primeng/multiselect';
 import { MultiSelectModule } from 'primeng/multiselect';
-import * as i7$1 from 'primeng/tag';
+import * as i7 from 'primeng/tag';
 import { TagModule } from 'primeng/tag';
 import * as i13 from 'primeng/tooltip';
 import { TooltipModule } from 'primeng/tooltip';
@@ -29,9 +37,11 @@ import * as i15 from 'primeng/table';
 import { TableModule } from 'primeng/table';
 import * as i16 from 'primeng/autocomplete';
 import { AutoCompleteModule } from 'primeng/autocomplete';
-import * as i5 from '@seniorsistemas/components-ai';
-import { TranslatePipe, DynamicFormComponent, DateFormatPipe } from '@seniorsistemas/components-ai';
 import * as i8 from 'primeng/api';
+import * as i6 from 'primeng/radiobutton';
+import { RadioButtonModule } from 'primeng/radiobutton';
+import * as i7$1 from 'primeng/checkbox';
+import { CheckboxModule } from 'primeng/checkbox';
 
 /**
  * Módulo principal da biblioteca @senior-gestao-relacionamento/angular-components
@@ -344,7 +354,16 @@ var ptBR = {
 	"crmx.components.schedule_status": "Status",
 	"crmx.components.schedule_confirmation_yes": "Confirmado",
 	"crmx.components.schedule_confirmation_no": "Recusado",
-	"crmx.components.schedule_confirmation_pending": "Pendente"
+	"crmx.components.schedule_confirmation_pending": "Pendente",
+	"crmx.components.chatbot_title": "Assistente IA",
+	"crmx.components.chatbot_welcome": "Olá! Sou o assistente virtual do CRMX. Como posso ajudar você?",
+	"crmx.components.chatbot_placeholder": "Digite sua mensagem...",
+	"crmx.components.chatbot_error": "Ocorreu um erro ao processar sua mensagem. Tente novamente.",
+	"crmx.components.chatbot_typing_1": "Procurando...",
+	"crmx.components.chatbot_typing_2": "Analisando sua pergunta...",
+	"crmx.components.chatbot_typing_3": "Reunindo informações...",
+	"crmx.components.chatbot_typing_4": "Quase pronto!",
+	"crmx.components.chatbot_typing_5": "Finalizando a resposta..."
 };
 
 var enUS = {
@@ -446,7 +465,16 @@ var enUS = {
 	"crmx.components.schedule_status": "Status",
 	"crmx.components.schedule_confirmation_yes": "Confirmed",
 	"crmx.components.schedule_confirmation_no": "Declined",
-	"crmx.components.schedule_confirmation_pending": "Pending"
+	"crmx.components.schedule_confirmation_pending": "Pending",
+	"crmx.components.chatbot_title": "AI Assistant",
+	"crmx.components.chatbot_welcome": "Hello! I'm the CRMX virtual assistant. How can I help you?",
+	"crmx.components.chatbot_placeholder": "Type your message...",
+	"crmx.components.chatbot_error": "An error occurred while processing your message. Please try again.",
+	"crmx.components.chatbot_typing_1": "Searching...",
+	"crmx.components.chatbot_typing_2": "Analyzing your question...",
+	"crmx.components.chatbot_typing_3": "Gathering information...",
+	"crmx.components.chatbot_typing_4": "Almost there!",
+	"crmx.components.chatbot_typing_5": "Wrapping up the answer..."
 };
 
 var esES = {
@@ -548,7 +576,16 @@ var esES = {
 	"crmx.components.schedule_status": "Estado",
 	"crmx.components.schedule_confirmation_yes": "Confirmado",
 	"crmx.components.schedule_confirmation_no": "Rechazado",
-	"crmx.components.schedule_confirmation_pending": "Pendiente"
+	"crmx.components.schedule_confirmation_pending": "Pendiente",
+	"crmx.components.chatbot_title": "Asistente IA",
+	"crmx.components.chatbot_welcome": "¡Hola! Soy el asistente virtual de CRMX. ¿Cómo puedo ayudarte?",
+	"crmx.components.chatbot_placeholder": "Escribe tu mensaje...",
+	"crmx.components.chatbot_error": "Ocurrió un error al procesar tu mensaje. Inténtalo de nuevo.",
+	"crmx.components.chatbot_typing_1": "Buscando...",
+	"crmx.components.chatbot_typing_2": "Analizando tu pregunta...",
+	"crmx.components.chatbot_typing_3": "Reuniendo información...",
+	"crmx.components.chatbot_typing_4": "¡Casi listo!",
+	"crmx.components.chatbot_typing_5": "Finalizando la respuesta..."
 };
 
 const LIB_TRANSLATIONS = {
@@ -590,6 +627,260 @@ function provideAngularComponentsTranslations(appLoader) {
     };
 }
 
+/**
+ * Serviço de integração com o backend do chatbot.
+ *
+ * Endpoint fixo: `crmx/chatbot/signals/chat` (compartilhado por todos os
+ * frontends do CRM).
+ */
+class ChatbotService {
+    http;
+    signalsUrl = 'crmx/chatbot/signals';
+    constructor(http) {
+        this.http = http;
+    }
+    chat(message, chatId) {
+        const payload = { message };
+        if (chatId) {
+            payload.chatId = chatId;
+        }
+        return this.http.post(`${this.signalsUrl}/chat`, payload);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChatbotService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChatbotService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChatbotService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }] });
+
+/**
+ * Pipe interno do chatbot para renderizar Markdown como HTML seguro.
+ *
+ * Fluxo de segurança:
+ *   1. `marked.parse` converte Markdown em HTML (sem JS executável por padrão).
+ *   2. `DOMPurify.sanitize` remove qualquer tag/atributo potencialmente
+ *      malicioso (script, on*, javascript:..., etc.).
+ *   3. `bypassSecurityTrustHtml` libera o HTML já sanitizado para o
+ *      `[innerHTML]` sem que o Angular faça uma segunda sanitização que
+ *      removeria estilos e classes legítimas do markdown.
+ *
+ * Não exportado no public-api: uso restrito ao componente de chatbot.
+ */
+class ChatbotMarkdownPipe {
+    sanitizer;
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
+        marked.setOptions({
+            breaks: true,
+            gfm: true
+        });
+    }
+    transform(value) {
+        if (!value) {
+            return '';
+        }
+        const rawHtml = marked.parse(value);
+        const cleanHtml = DOMPurify.sanitize(rawHtml);
+        // HTML sanitized via DOMPurify above; the bypass is required so the
+        // already-safe markdown styles aren't stripped by Angular's sanitizer.
+        return this.sanitizer.bypassSecurityTrustHtml(cleanHtml);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChatbotMarkdownPipe, deps: [{ token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: ChatbotMarkdownPipe, isStandalone: true, name: "sChatbotMarkdown" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChatbotMarkdownPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'sChatbotMarkdown',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i1$1.DomSanitizer }] });
+
+/**
+ * Delay (ms) used before scrolling the chat container to the bottom.
+ * Gives Angular time to render the newly pushed message into the DOM.
+ */
+const SCROLL_TO_BOTTOM_DELAY_MS = 50;
+/**
+ * Interval (ms) between rotations of the "typing" status phrase.
+ */
+const TYPING_PHRASE_ROTATION_MS = 2500;
+/**
+ * Translation keys cycled while the assistant is preparing a response.
+ * Order matters: phrases are shown in this sequence.
+ */
+const TYPING_PHRASE_KEYS = [
+    'crmx.components.chatbot_typing_1',
+    'crmx.components.chatbot_typing_2',
+    'crmx.components.chatbot_typing_3',
+    'crmx.components.chatbot_typing_4',
+    'crmx.components.chatbot_typing_5'
+];
+/**
+ * Chatbot global do CRM.
+ *
+ * Standalone, plug-and-play: basta declarar `<s-chatbot></s-chatbot>` no
+ * `app.component.html` da aplicação consumidora. Toda a integração
+ * (WebSocket de respostas, REST de envio, traduções e renderização de
+ * Markdown) está encapsulada na biblioteca.
+ */
+class ChatbotComponent {
+    chatMessagesContainer;
+    isOpen = false;
+    userInput = '';
+    sendingMessage = false;
+    chatMessages = [];
+    chatId = null;
+    unreadCount = 0;
+    typingPhraseKey = TYPING_PHRASE_KEYS[0];
+    wsSubscription = null;
+    typingPhraseTimer = null;
+    typingPhraseIndex = 0;
+    wsConfig = {
+        domain: 'crmx',
+        service: 'chatbot',
+        primitive: 'wsChatResponse',
+        userScoped: true
+    };
+    webSocketService = inject(WebSocketService);
+    ngZone = inject(NgZone);
+    chatbotService = inject(ChatbotService);
+    translationService = inject(TranslationService);
+    ngOnInit() {
+        this.subscribeToWebSocket();
+    }
+    ngOnDestroy() {
+        this.wsSubscription?.unsubscribe();
+        this.webSocketService.unsubscribe(this.wsConfig);
+        this.webSocketService.disconnect();
+        this.stopTypingPhraseRotation();
+    }
+    toggleChat() {
+        this.isOpen = !this.isOpen;
+        if (this.isOpen) {
+            this.unreadCount = 0;
+            setTimeout(() => this.scrollChatToBottom(), 100);
+        }
+    }
+    sendMessage() {
+        const text = this.userInput.trim();
+        if (!text || this.sendingMessage) {
+            return;
+        }
+        this.chatMessages.push({ role: 'user', content: text, timestamp: new Date() });
+        this.userInput = '';
+        this.sendingMessage = true;
+        this.startTypingPhraseRotation();
+        this.scrollChatToBottom();
+        this.chatbotService.chat(text, this.chatId ?? undefined).subscribe({
+            error: () => {
+                this.chatMessages.push({
+                    role: 'assistant',
+                    content: this.translationService.translate('crmx.components.chatbot_error'),
+                    timestamp: new Date()
+                });
+                this.sendingMessage = false;
+                this.stopTypingPhraseRotation();
+                this.scrollChatToBottom();
+            }
+        });
+    }
+    onChatKeydown(event) {
+        if (event.key === 'Enter' && !event.shiftKey) {
+            event.preventDefault();
+            this.sendMessage();
+        }
+    }
+    subscribeToWebSocket() {
+        this.wsSubscription = this.webSocketService
+            .subscribe(this.wsConfig)
+            .subscribe(msg => {
+            const data = msg.body.data;
+            this.ngZone.run(() => {
+                if (!data) {
+                    return;
+                }
+                if (data.chatId) {
+                    this.chatId = data.chatId;
+                }
+                this.chatMessages.push({
+                    role: 'assistant',
+                    content: data.response,
+                    timestamp: new Date(),
+                    responseTime: data.responseTime
+                });
+                this.sendingMessage = false;
+                this.stopTypingPhraseRotation();
+                if (!this.isOpen) {
+                    this.unreadCount++;
+                }
+                this.scrollChatToBottom();
+            });
+        });
+    }
+    scrollChatToBottom() {
+        setTimeout(() => {
+            const el = this.chatMessagesContainer?.nativeElement;
+            if (el) {
+                el.scrollTop = el.scrollHeight;
+            }
+        }, SCROLL_TO_BOTTOM_DELAY_MS);
+    }
+    /**
+     * Starts cycling through the typing phrases. Always begins from the first
+     * key so the user sees the same friendly opening every time.
+     */
+    startTypingPhraseRotation() {
+        this.stopTypingPhraseRotation();
+        this.typingPhraseIndex = 0;
+        this.typingPhraseKey = TYPING_PHRASE_KEYS[0];
+        this.typingPhraseTimer = setInterval(() => {
+            this.ngZone.run(() => {
+                this.typingPhraseIndex = (this.typingPhraseIndex + 1) % TYPING_PHRASE_KEYS.length;
+                this.typingPhraseKey = TYPING_PHRASE_KEYS[this.typingPhraseIndex];
+            });
+        }, TYPING_PHRASE_ROTATION_MS);
+    }
+    stopTypingPhraseRotation() {
+        if (this.typingPhraseTimer !== null) {
+            clearInterval(this.typingPhraseTimer);
+            this.typingPhraseTimer = null;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChatbotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ChatbotComponent, isStandalone: true, selector: "s-chatbot", viewQueries: [{ propertyName: "chatMessagesContainer", first: true, predicate: ["chatMessagesContainer"], descendants: true }], ngImport: i0, template: "<!-- Floating Action Button -->\n<button type=\"button\" class=\"chatbot-fab\" [class.open]=\"isOpen\"\n        [attr.aria-label]=\"'crmx.components.chatbot_title' | translate\"\n        [attr.aria-expanded]=\"isOpen\"\n        (click)=\"toggleChat()\">\n  <i *ngIf=\"!isOpen\" class=\"pi pi-lightbulb fab-icon\"></i>\n  <i *ngIf=\"isOpen\" class=\"pi pi-times\"></i>\n  <span class=\"unread-badge\" *ngIf=\"unreadCount > 0 && !isOpen\">{{ unreadCount }}</span>\n</button>\n\n<!-- Chat Window -->\n<div class=\"chatbot-window\" *ngIf=\"isOpen\">\n  <div class=\"chatbot-header\">\n    <i class=\"pi pi-lightbulb header-icon\"></i>\n    <span>{{ 'crmx.components.chatbot_title' | translate }}</span>\n  </div>\n\n  <div class=\"chatbot-messages\" #chatMessagesContainer>\n    <!-- Welcome -->\n    <div class=\"chatbot-welcome\" *ngIf=\"chatMessages.length === 0\">\n      <i class=\"pi pi-lightbulb welcome-icon\"></i>\n      <p>{{ 'crmx.components.chatbot_welcome' | translate }}</p>\n    </div>\n\n    <!-- Messages -->\n    <div *ngFor=\"let msg of chatMessages\" class=\"chatbot-message\"\n         [ngClass]=\"{ 'user-message': msg.role === 'user', 'assistant-message': msg.role === 'assistant' }\">\n      <div class=\"message-avatar\">\n        <i *ngIf=\"msg.role === 'user'\" class=\"pi pi-user\"></i>\n        <i *ngIf=\"msg.role === 'assistant'\" class=\"pi pi-lightbulb assistant-avatar-icon\"></i>\n      </div>\n      <div class=\"message-bubble\" [class.markdown-content]=\"msg.role === 'assistant'\">\n        <p *ngIf=\"msg.role === 'user'\">{{ msg.content }}</p>\n        <div *ngIf=\"msg.role === 'assistant'\" [innerHTML]=\"msg.content | sChatbotMarkdown\"></div>\n        <div class=\"message-meta\">\n          <span class=\"message-time\">{{ msg.timestamp | date:'HH:mm' }}</span>\n          <span class=\"response-time\" *ngIf=\"msg.responseTime\">\u23F1 {{ msg.responseTime }}s</span>\n        </div>\n      </div>\n    </div>\n\n    <!-- Typing indicator -->\n    <div class=\"chatbot-typing\" *ngIf=\"sendingMessage\">\n      <div class=\"message-avatar\"><i class=\"pi pi-lightbulb assistant-avatar-icon\"></i></div>\n      <div class=\"typing-bubble\" aria-live=\"polite\">\n        <span class=\"typing-phrase\" [@chatbotPhraseFade]=\"typingPhraseKey\">{{ typingPhraseKey | translate }}</span>\n        <span class=\"typing-pulse\" aria-hidden=\"true\">\n          <span></span><span></span><span></span>\n        </span>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"chatbot-input-area\">\n    <div class=\"input-row\">\n      <label for=\"s-chatbot-input\" class=\"sr-only\">{{ 'crmx.components.chatbot_placeholder' | translate }}</label>\n      <textarea pTextarea id=\"s-chatbot-input\" [(ngModel)]=\"userInput\"\n                [placeholder]=\"'crmx.components.chatbot_placeholder' | translate\"\n                [autoResize]=\"true\" [rows]=\"1\" [maxlength]=\"2000\"\n                (keydown)=\"onChatKeydown($event)\" [disabled]=\"sendingMessage\"></textarea>\n      <button pButton type=\"button\" class=\"p-button-rounded send-btn\"\n              [attr.aria-label]=\"'crmx.components.chatbot_placeholder' | translate\"\n              [disabled]=\"!userInput.trim() || sendingMessage\"\n              (click)=\"sendMessage()\">\n        <i class=\"pi pi-send\"></i>\n      </button>\n    </div>\n  </div>\n</div>\n", styles: [".sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.chatbot-fab{position:fixed;bottom:1.5rem;right:1.5rem;width:56px;height:56px;border:0;padding:0;border-radius:50%;background:var(--p-primary-color, #667eea);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #00000040;z-index:1100;transition:transform .2s ease,background .2s ease;font:inherit}.chatbot-fab:hover{transform:scale(1.08)}.chatbot-fab:focus-visible{outline:2px solid var(--p-primary-color, #667eea);outline-offset:2px}.chatbot-fab.open{background:var(--p-surface-500, #6c757d)}.chatbot-fab .pi-times{font-size:1.25rem}.chatbot-fab .fab-icon{font-size:1.5rem}.chatbot-fab .unread-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;border-radius:10px;background:#ef4444;color:#fff;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 5px;box-shadow:0 2px 4px #0003}.chatbot-window{position:fixed;bottom:6.5rem;right:1.5rem;width:380px;height:520px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000002e;z-index:1100;display:flex;flex-direction:column;overflow:hidden;animation:chatbot-slide-up .25s ease-out}.chatbot-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--p-primary-color, #667eea);color:#fff;font-weight:600;font-size:.9rem;flex-shrink:0}.chatbot-header .header-icon{font-size:1.1rem}.chatbot-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.chatbot-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#adb5bd;text-align:center;padding:2rem}.chatbot-welcome .welcome-icon{font-size:2.5rem;color:var(--p-primary-color, #667eea);opacity:.7}.chatbot-welcome p{font-size:.9rem;color:#6c757d;margin:.75rem 0 0;line-height:1.5}.chatbot-message{display:flex;gap:.5rem;max-width:90%;align-items:flex-end}.message-avatar{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.message-avatar .assistant-avatar-icon{font-size:1rem;color:var(--p-primary-color, #667eea)}.message-bubble{padding:.6rem .85rem;font-size:.85rem;line-height:1.4}.message-bubble p{margin:0;white-space:pre-wrap;word-break:break-word}.message-bubble .response-time{opacity:.7}.message-bubble .message-meta{display:flex;justify-content:flex-start;align-items:center;gap:.5rem;margin-top:.25rem;font-size:.7rem}.chatbot-message.assistant-message{align-self:flex-start}.chatbot-message.assistant-message .message-bubble{background:#f1f3f5;color:#2c3e50;border-radius:12px 12px 12px 0}.chatbot-message.assistant-message .message-bubble .message-time{color:#adb5bd}.chatbot-message.user-message{align-self:flex-end;flex-direction:row-reverse}.chatbot-message.user-message .message-avatar{background:var(--p-primary-color, #667eea);color:#fff}.chatbot-message.user-message .message-bubble{background:var(--p-primary-color, #667eea);color:#fff;border-radius:12px 12px 0}.chatbot-message.user-message .message-bubble .message-meta{justify-content:flex-end}.chatbot-message.user-message .message-bubble .message-time{color:#ffffffb3}.chatbot-typing{display:flex;gap:.5rem;align-self:flex-start;align-items:flex-end}.chatbot-typing .typing-bubble{display:flex;align-items:center;gap:.5rem;padding:.55rem .85rem;background:#f1f3f5;color:#495057;border-radius:12px 12px 12px 0;font-size:.85rem;line-height:1.3;max-width:240px}.chatbot-typing .typing-phrase{display:inline-block}.chatbot-typing .typing-pulse{display:inline-flex;gap:3px;flex-shrink:0}.chatbot-typing .typing-pulse span{width:4px;height:4px;border-radius:50%;background:#adb5bd;animation:chatbot-typing 1.4s infinite}.chatbot-typing .typing-pulse span:nth-child(2){animation-delay:.2s}.chatbot-typing .typing-pulse span:nth-child(3){animation-delay:.4s}.chatbot-input-area{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;border-top:1px solid #e9ecef;background:#fff;flex-shrink:0}.chatbot-input-area .input-row{display:flex;align-items:flex-end;gap:.5rem}.chatbot-input-area textarea{flex:1;resize:none;border-radius:8px;font-size:.85rem;max-height:100px}.chatbot-input-area .send-btn{flex-shrink:0;width:36px;height:36px;align-self:center}:host ::ng-deep .message-bubble.markdown-content{overflow-x:auto}:host ::ng-deep .message-bubble.markdown-content>*{margin-top:0;margin-bottom:0}:host ::ng-deep .message-bubble.markdown-content>*+*{margin-top:.4rem}:host ::ng-deep .message-bubble.markdown-content a{color:var(--p-primary-color, #667eea);text-decoration:underline}:host ::ng-deep .message-bubble.markdown-content strong{font-weight:600}:host ::ng-deep .message-bubble.markdown-content hr{border:0;border-top:1px solid rgba(0,0,0,.12);margin:.5rem 0}:host ::ng-deep .message-bubble.markdown-content code{background:#00000014;padding:.1rem .3rem;border-radius:3px;font-size:.8rem;font-family:Courier New,monospace}:host ::ng-deep .message-bubble.markdown-content pre{background:#0000000f;padding:.5rem;border-radius:6px;overflow-x:auto;font-size:.8rem}:host ::ng-deep .message-bubble.markdown-content pre code{background:none;padding:0}:host ::ng-deep .message-bubble.markdown-content blockquote{border-left:3px solid rgba(0,0,0,.15);padding-left:.6rem;opacity:.85}:host ::ng-deep .message-bubble.markdown-content ul,:host ::ng-deep .message-bubble.markdown-content ol{padding-left:1.2rem}:host ::ng-deep .message-bubble.markdown-content li{margin-bottom:.15rem}:host ::ng-deep .message-bubble.markdown-content h1,:host ::ng-deep .message-bubble.markdown-content h2,:host ::ng-deep .message-bubble.markdown-content h3,:host ::ng-deep .message-bubble.markdown-content h4,:host ::ng-deep .message-bubble.markdown-content h5,:host ::ng-deep .message-bubble.markdown-content h6{font-weight:600;line-height:1.3}:host ::ng-deep .message-bubble.markdown-content h1{font-size:1.1rem}:host ::ng-deep .message-bubble.markdown-content h2{font-size:1rem}:host ::ng-deep .message-bubble.markdown-content h3{font-size:.95rem}:host ::ng-deep .message-bubble.markdown-content table{border-collapse:collapse;width:100%;font-size:.8rem;margin:.4rem 0}:host ::ng-deep .message-bubble.markdown-content table th,:host ::ng-deep .message-bubble.markdown-content table td{border:1px solid rgba(0,0,0,.2);padding:.3rem .5rem;text-align:left;vertical-align:top}:host ::ng-deep .message-bubble.markdown-content table th{font-weight:600;background:#0000000d}:host-context(.app-dark) ::ng-deep .message-bubble.markdown-content table th,:host-context(.app-dark) ::ng-deep .message-bubble.markdown-content table td{border-color:#fff3}:host-context(.app-dark) ::ng-deep .message-bubble.markdown-content table th{background:#ffffff14}:host ::ng-deep .message-bubble.markdown-content table tbody tr:nth-child(2n) td{background:#00000005}:host-context(.app-dark) ::ng-deep .message-bubble.markdown-content table tbody tr:nth-child(2n) td{background:#ffffff08}@keyframes chatbot-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes chatbot-typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}:host-context(.app-dark) .chatbot-window{background:var(--p-surface-100, #1e1e1e)}:host-context(.app-dark) .chatbot-messages{background:var(--p-surface-100, #1e1e1e)}:host-context(.app-dark) .chatbot-welcome p{color:var(--p-surface-500, #adb5bd)}:host-context(.app-dark) .chatbot-message.assistant-message .message-bubble{background:var(--p-surface-200, #2d2d2d);color:var(--p-surface-900, #e0e0e0)}:host-context(.app-dark) .chatbot-input-area{background:var(--p-surface-100, #1e1e1e);border-top-color:var(--p-surface-300, #3d3d3d)}:host-context(.app-dark) .chatbot-typing .typing-bubble{background:var(--p-surface-200, #2d2d2d);color:var(--p-surface-900, #e0e0e0)}:host-context(.app-dark) ::ng-deep .message-bubble.markdown-content code{background:#ffffff1a}:host-context(.app-dark) ::ng-deep .message-bubble.markdown-content pre{background:#ffffff14}:host-context(.app-dark) ::ng-deep .message-bubble.markdown-content blockquote{border-left-color:#fff3}:host-context(.app-dark) ::ng-deep .message-bubble.markdown-content hr{border-top-color:#ffffff26}@media (max-width: 480px){.chatbot-window{width:calc(100vw - 2rem);height:calc(100vh - 8rem);right:1rem;bottom:5rem}.chatbot-fab{bottom:1rem;right:1rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.DatePipe, name: "date" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i3.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "fluid", "label", "icon", "buttonProps"] }, { kind: "directive", type: Textarea, selector: "[pTextarea]", inputs: ["autoResize", "variant", "fluid", "pSize"], outputs: ["onResize"] }, { kind: "ngmodule", type: BadgeModule }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: ChatbotMarkdownPipe, name: "sChatbotMarkdown" }], animations: [
+            trigger('chatbotPhraseFade', [
+                transition('* => *', [
+                    style({ opacity: 0, transform: 'translateY(2px)' }),
+                    animate('220ms ease-out', style({ opacity: 1, transform: 'translateY(0)' }))
+                ])
+            ])
+        ] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChatbotComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 's-chatbot', standalone: true, imports: [
+                        CommonModule,
+                        FormsModule,
+                        ButtonModule,
+                        Textarea,
+                        BadgeModule,
+                        TranslatePipe,
+                        ChatbotMarkdownPipe
+                    ], animations: [
+                        trigger('chatbotPhraseFade', [
+                            transition('* => *', [
+                                style({ opacity: 0, transform: 'translateY(2px)' }),
+                                animate('220ms ease-out', style({ opacity: 1, transform: 'translateY(0)' }))
+                            ])
+                        ])
+                    ], template: "<!-- Floating Action Button -->\n<button type=\"button\" class=\"chatbot-fab\" [class.open]=\"isOpen\"\n        [attr.aria-label]=\"'crmx.components.chatbot_title' | translate\"\n        [attr.aria-expanded]=\"isOpen\"\n        (click)=\"toggleChat()\">\n  <i *ngIf=\"!isOpen\" class=\"pi pi-lightbulb fab-icon\"></i>\n  <i *ngIf=\"isOpen\" class=\"pi pi-times\"></i>\n  <span class=\"unread-badge\" *ngIf=\"unreadCount > 0 && !isOpen\">{{ unreadCount }}</span>\n</button>\n\n<!-- Chat Window -->\n<div class=\"chatbot-window\" *ngIf=\"isOpen\">\n  <div class=\"chatbot-header\">\n    <i class=\"pi pi-lightbulb header-icon\"></i>\n    <span>{{ 'crmx.components.chatbot_title' | translate }}</span>\n  </div>\n\n  <div class=\"chatbot-messages\" #chatMessagesContainer>\n    <!-- Welcome -->\n    <div class=\"chatbot-welcome\" *ngIf=\"chatMessages.length === 0\">\n      <i class=\"pi pi-lightbulb welcome-icon\"></i>\n      <p>{{ 'crmx.components.chatbot_welcome' | translate }}</p>\n    </div>\n\n    <!-- Messages -->\n    <div *ngFor=\"let msg of chatMessages\" class=\"chatbot-message\"\n         [ngClass]=\"{ 'user-message': msg.role === 'user', 'assistant-message': msg.role === 'assistant' }\">\n      <div class=\"message-avatar\">\n        <i *ngIf=\"msg.role === 'user'\" class=\"pi pi-user\"></i>\n        <i *ngIf=\"msg.role === 'assistant'\" class=\"pi pi-lightbulb assistant-avatar-icon\"></i>\n      </div>\n      <div class=\"message-bubble\" [class.markdown-content]=\"msg.role === 'assistant'\">\n        <p *ngIf=\"msg.role === 'user'\">{{ msg.content }}</p>\n        <div *ngIf=\"msg.role === 'assistant'\" [innerHTML]=\"msg.content | sChatbotMarkdown\"></div>\n        <div class=\"message-meta\">\n          <span class=\"message-time\">{{ msg.timestamp | date:'HH:mm' }}</span>\n          <span class=\"response-time\" *ngIf=\"msg.responseTime\">\u23F1 {{ msg.responseTime }}s</span>\n        </div>\n      </div>\n    </div>\n\n    <!-- Typing indicator -->\n    <div class=\"chatbot-typing\" *ngIf=\"sendingMessage\">\n      <div class=\"message-avatar\"><i class=\"pi pi-lightbulb assistant-avatar-icon\"></i></div>\n      <div class=\"typing-bubble\" aria-live=\"polite\">\n        <span class=\"typing-phrase\" [@chatbotPhraseFade]=\"typingPhraseKey\">{{ typingPhraseKey | translate }}</span>\n        <span class=\"typing-pulse\" aria-hidden=\"true\">\n          <span></span><span></span><span></span>\n        </span>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"chatbot-input-area\">\n    <div class=\"input-row\">\n      <label for=\"s-chatbot-input\" class=\"sr-only\">{{ 'crmx.components.chatbot_placeholder' | translate }}</label>\n      <textarea pTextarea id=\"s-chatbot-input\" [(ngModel)]=\"userInput\"\n                [placeholder]=\"'crmx.components.chatbot_placeholder' | translate\"\n                [autoResize]=\"true\" [rows]=\"1\" [maxlength]=\"2000\"\n                (keydown)=\"onChatKeydown($event)\" [disabled]=\"sendingMessage\"></textarea>\n      <button pButton type=\"button\" class=\"p-button-rounded send-btn\"\n              [attr.aria-label]=\"'crmx.components.chatbot_placeholder' | translate\"\n              [disabled]=\"!userInput.trim() || sendingMessage\"\n              (click)=\"sendMessage()\">\n        <i class=\"pi pi-send\"></i>\n      </button>\n    </div>\n  </div>\n</div>\n", styles: [".sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.chatbot-fab{position:fixed;bottom:1.5rem;right:1.5rem;width:56px;height:56px;border:0;padding:0;border-radius:50%;background:var(--p-primary-color, #667eea);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #00000040;z-index:1100;transition:transform .2s ease,background .2s ease;font:inherit}.chatbot-fab:hover{transform:scale(1.08)}.chatbot-fab:focus-visible{outline:2px solid var(--p-primary-color, #667eea);outline-offset:2px}.chatbot-fab.open{background:var(--p-surface-500, #6c757d)}.chatbot-fab .pi-times{font-size:1.25rem}.chatbot-fab .fab-icon{font-size:1.5rem}.chatbot-fab .unread-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;border-radius:10px;background:#ef4444;color:#fff;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 5px;box-shadow:0 2px 4px #0003}.chatbot-window{position:fixed;bottom:6.5rem;right:1.5rem;width:380px;height:520px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000002e;z-index:1100;display:flex;flex-direction:column;overflow:hidden;animation:chatbot-slide-up .25s ease-out}.chatbot-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--p-primary-color, #667eea);color:#fff;font-weight:600;font-size:.9rem;flex-shrink:0}.chatbot-header .header-icon{font-size:1.1rem}.chatbot-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.chatbot-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#adb5bd;text-align:center;padding:2rem}.chatbot-welcome .welcome-icon{font-size:2.5rem;color:var(--p-primary-color, #667eea);opacity:.7}.chatbot-welcome p{font-size:.9rem;color:#6c757d;margin:.75rem 0 0;line-height:1.5}.chatbot-message{display:flex;gap:.5rem;max-width:90%;align-items:flex-end}.message-avatar{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.message-avatar .assistant-avatar-icon{font-size:1rem;color:var(--p-primary-color, #667eea)}.message-bubble{padding:.6rem .85rem;font-size:.85rem;line-height:1.4}.message-bubble p{margin:0;white-space:pre-wrap;word-break:break-word}.message-bubble .response-time{opacity:.7}.message-bubble .message-meta{display:flex;justify-content:flex-start;align-items:center;gap:.5rem;margin-top:.25rem;font-size:.7rem}.chatbot-message.assistant-message{align-self:flex-start}.chatbot-message.assistant-message .message-bubble{background:#f1f3f5;color:#2c3e50;border-radius:12px 12px 12px 0}.chatbot-message.assistant-message .message-bubble .message-time{color:#adb5bd}.chatbot-message.user-message{align-self:flex-end;flex-direction:row-reverse}.chatbot-message.user-message .message-avatar{background:var(--p-primary-color, #667eea);color:#fff}.chatbot-message.user-message .message-bubble{background:var(--p-primary-color, #667eea);color:#fff;border-radius:12px 12px 0}.chatbot-message.user-message .message-bubble .message-meta{justify-content:flex-end}.chatbot-message.user-message .message-bubble .message-time{color:#ffffffb3}.chatbot-typing{display:flex;gap:.5rem;align-self:flex-start;align-items:flex-end}.chatbot-typing .typing-bubble{display:flex;align-items:center;gap:.5rem;padding:.55rem .85rem;background:#f1f3f5;color:#495057;border-radius:12px 12px 12px 0;font-size:.85rem;line-height:1.3;max-width:240px}.chatbot-typing .typing-phrase{display:inline-block}.chatbot-typing .typing-pulse{display:inline-flex;gap:3px;flex-shrink:0}.chatbot-typing .typing-pulse span{width:4px;height:4px;border-radius:50%;background:#adb5bd;animation:chatbot-typing 1.4s infinite}.chatbot-typing .typing-pulse span:nth-child(2){animation-delay:.2s}.chatbot-typing .typing-pulse span:nth-child(3){animation-delay:.4s}.chatbot-input-area{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;border-top:1px solid #e9ecef;background:#fff;flex-shrink:0}.chatbot-input-area .input-row{display:flex;align-items:flex-end;gap:.5rem}.chatbot-input-area textarea{flex:1;resize:none;border-radius:8px;font-size:.85rem;max-height:100px}.chatbot-input-area .send-btn{flex-shrink:0;width:36px;height:36px;align-self:center}:host ::ng-deep .message-bubble.markdown-content{overflow-x:auto}:host ::ng-deep .message-bubble.markdown-content>*{margin-top:0;margin-bottom:0}:host ::ng-deep .message-bubble.markdown-content>*+*{margin-top:.4rem}:host ::ng-deep .message-bubble.markdown-content a{color:var(--p-primary-color, #667eea);text-decoration:underline}:host ::ng-deep .message-bubble.markdown-content strong{font-weight:600}:host ::ng-deep .message-bubble.markdown-content hr{border:0;border-top:1px solid rgba(0,0,0,.12);margin:.5rem 0}:host ::ng-deep .message-bubble.markdown-content code{background:#00000014;padding:.1rem .3rem;border-radius:3px;font-size:.8rem;font-family:Courier New,monospace}:host ::ng-deep .message-bubble.markdown-content pre{background:#0000000f;padding:.5rem;border-radius:6px;overflow-x:auto;font-size:.8rem}:host ::ng-deep .message-bubble.markdown-content pre code{background:none;padding:0}:host ::ng-deep .message-bubble.markdown-content blockquote{border-left:3px solid rgba(0,0,0,.15);padding-left:.6rem;opacity:.85}:host ::ng-deep .message-bubble.markdown-content ul,:host ::ng-deep .message-bubble.markdown-content ol{padding-left:1.2rem}:host ::ng-deep .message-bubble.markdown-content li{margin-bottom:.15rem}:host ::ng-deep .message-bubble.markdown-content h1,:host ::ng-deep .message-bubble.markdown-content h2,:host ::ng-deep .message-bubble.markdown-content h3,:host ::ng-deep .message-bubble.markdown-content h4,:host ::ng-deep .message-bubble.markdown-content h5,:host ::ng-deep .message-bubble.markdown-content h6{font-weight:600;line-height:1.3}:host ::ng-deep .message-bubble.markdown-content h1{font-size:1.1rem}:host ::ng-deep .message-bubble.markdown-content h2{font-size:1rem}:host ::ng-deep .message-bubble.markdown-content h3{font-size:.95rem}:host ::ng-deep .message-bubble.markdown-content table{border-collapse:collapse;width:100%;font-size:.8rem;margin:.4rem 0}:host ::ng-deep .message-bubble.markdown-content table th,:host ::ng-deep .message-bubble.markdown-content table td{border:1px solid rgba(0,0,0,.2);padding:.3rem .5rem;text-align:left;vertical-align:top}:host ::ng-deep .message-bubble.markdown-content table th{font-weight:600;background:#0000000d}:host-context(.app-dark) ::ng-deep .message-bubble.markdown-content table th,:host-context(.app-dark) ::ng-deep .message-bubble.markdown-content table td{border-color:#fff3}:host-context(.app-dark) ::ng-deep .message-bubble.markdown-content table th{background:#ffffff14}:host ::ng-deep .message-bubble.markdown-content table tbody tr:nth-child(2n) td{background:#00000005}:host-context(.app-dark) ::ng-deep .message-bubble.markdown-content table tbody tr:nth-child(2n) td{background:#ffffff08}@keyframes chatbot-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes chatbot-typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}:host-context(.app-dark) .chatbot-window{background:var(--p-surface-100, #1e1e1e)}:host-context(.app-dark) .chatbot-messages{background:var(--p-surface-100, #1e1e1e)}:host-context(.app-dark) .chatbot-welcome p{color:var(--p-surface-500, #adb5bd)}:host-context(.app-dark) .chatbot-message.assistant-message .message-bubble{background:var(--p-surface-200, #2d2d2d);color:var(--p-surface-900, #e0e0e0)}:host-context(.app-dark) .chatbot-input-area{background:var(--p-surface-100, #1e1e1e);border-top-color:var(--p-surface-300, #3d3d3d)}:host-context(.app-dark) .chatbot-typing .typing-bubble{background:var(--p-surface-200, #2d2d2d);color:var(--p-surface-900, #e0e0e0)}:host-context(.app-dark) ::ng-deep .message-bubble.markdown-content code{background:#ffffff1a}:host-context(.app-dark) ::ng-deep .message-bubble.markdown-content pre{background:#ffffff14}:host-context(.app-dark) ::ng-deep .message-bubble.markdown-content blockquote{border-left-color:#fff3}:host-context(.app-dark) ::ng-deep .message-bubble.markdown-content hr{border-top-color:#ffffff26}@media (max-width: 480px){.chatbot-window{width:calc(100vw - 2rem);height:calc(100vh - 8rem);right:1rem;bottom:5rem}.chatbot-fab{bottom:1rem;right:1rem}}\n"] }]
+        }], propDecorators: { chatMessagesContainer: [{
+                type: ViewChild,
+                args: ['chatMessagesContainer']
+            }] } });
+
 var SchedulePriority;
 (function (SchedulePriority) {
     SchedulePriority["Low"] = "LOW";
@@ -1649,8 +1940,8 @@ class ScheduleFormComponent {
     getDefaultEndTime(st) {
         return getDefaultEndTime(st);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScheduleFormComponent, deps: [{ token: i1$1.FormBuilder }, { token: ScheduleService }, { token: ScheduleTypeService }, { token: CurrentCollaboratorService }, { token: i5.TranslationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ScheduleFormComponent, isStandalone: true, selector: "s-schedule-form", inputs: { visible: "visible", selectedDate: "selectedDate" }, outputs: { visibleChange: "visibleChange", saved: "saved" }, viewQueries: [{ propertyName: "detailFormComponent", first: true, predicate: ["detailForm"], descendants: true }], ngImport: i0, template: "<!-- Schedule Drawer -->\n<p-drawer\n  [(visible)]=\"visible\"\n  position=\"right\"\n  [style]=\"{ width: '85vw', 'max-width': '1200px' }\"\n  [modal]=\"true\"\n  (onHide)=\"onCancel()\"\n>\n  <ng-template pTemplate=\"header\">\n    <span class=\"drawer-title\">\n      <i class=\"pi pi-calendar\"></i>\n      {{\n        isEditing\n          ? ('crmx.components.schedule_schedule_edit' | translate)\n          : ('crmx.components.schedule_schedule_new' | translate)\n      }}\n    </span>\n  </ng-template>\n\n  <div class=\"drawer-layout\" *ngIf=\"scheduleForm\">\n    <!-- Left: Form -->\n    <div class=\"drawer-left\">\n      <div class=\"drawer-section-header\">\n        <i class=\"pi pi-info-circle\"></i>\n        <span>\n          {{ 'crmx.components.schedule_schedule_details' | translate }}\n        </span>\n      </div>\n      <sia-dynamic-form\n        #detailForm\n        [sections]=\"[{ fields: scheduleDetailFields }]\"\n        [entityData]=\"entityDataForForm\"\n        [mode]=\"'form'\"\n        [showSubmitButton]=\"false\"\n        [showCancelButton]=\"false\"\n        (formReady)=\"onDetailFormReady($event)\"\n      ></sia-dynamic-form>\n    </div>\n\n    <!-- Right: Recurrence + Participants -->\n    <div class=\"drawer-right\">\n      <div\n        class=\"drawer-section\"\n        *ngIf=\"showRecurrenceFields\"\n      >\n        <div class=\"drawer-section-header\">\n          <i class=\"pi pi-replay\"></i>\n          <span>\n            {{\n              'crmx.components.schedule_recurrence_config'\n                | translate\n            }}\n          </span>\n        </div>\n        <form\n          [formGroup]=\"scheduleForm\"\n          class=\"drawer-form\"\n        >\n          <div class=\"form-row\">\n            <div class=\"form-field flex-1\">\n              <label for=\"recurrence\">\n                {{ 'crmx.components.schedule_recurrence' | translate }}\n              </label>\n              <p-dropdown\n                id=\"recurrence\"\n                formControlName=\"recurrence\"\n                [options]=\"recurrenceOptions\"\n                optionLabel=\"label\"\n                optionValue=\"value\"\n                class=\"w-full\"\n              ></p-dropdown>\n            </div>\n            <div class=\"form-field flex-1\">\n              <label for=\"recurrenceInterval\">\n                {{\n                  'crmx.components.schedule_recurrence_interval'\n                    | translate\n                }}\n              </label>\n              <p-inputNumber\n                id=\"recurrenceInterval\"\n                formControlName=\"recurrenceInterval\"\n                [min]=\"1\"\n                [max]=\"99\"\n                class=\"w-full\"\n              ></p-inputNumber>\n            </div>\n          </div>\n          <div\n            class=\"form-row\"\n            *ngIf=\"showWeekDays\"\n          >\n            <div class=\"form-field flex-1\">\n              <label for=\"weekDays\">\n                {{ 'crmx.components.schedule_week_days' | translate }}\n              </label>\n              <p-multiSelect\n                id=\"weekDays\"\n                formControlName=\"weekDays\"\n                [options]=\"weekDayOptions\"\n                optionLabel=\"label\"\n                optionValue=\"value\"\n                [placeholder]=\"\n                  'crmx.components.schedule_select_week_day'\n                    | translate\n                \"\n                [maxSelectedLabels]=\"7\"\n                class=\"w-full\"\n              ></p-multiSelect>\n            </div>\n          </div>\n          <div\n            class=\"form-row\"\n            *ngIf=\"showRepeatWhen\"\n          >\n            <div class=\"form-field flex-1\">\n              <label for=\"repeatWhen\">\n                {{\n                  'crmx.components.schedule_repeat_when' | translate\n                }}\n              </label>\n              <p-dropdown\n                id=\"repeatWhen\"\n                formControlName=\"repeatWhen\"\n                [options]=\"repeatWhenOptions\"\n                optionLabel=\"label\"\n                optionValue=\"value\"\n                class=\"w-full\"\n              ></p-dropdown>\n            </div>\n            <div\n              class=\"form-field flex-1\"\n              *ngIf=\"showRepeatWhenDay\"\n            >\n              <label for=\"repeatWhenDay\">\n                {{\n                  'crmx.components.schedule_repeat_when_day'\n                    | translate\n                }}\n              </label>\n              <p-inputNumber\n                id=\"repeatWhenDay\"\n                formControlName=\"repeatWhenDay\"\n                [min]=\"1\"\n                [max]=\"31\"\n                class=\"w-full\"\n              ></p-inputNumber>\n            </div>\n            <div\n              class=\"form-field flex-1\"\n              *ngIf=\"showOrdinalFields\"\n            >\n              <label for=\"repeatWhenOrdinalWeekDay\">\n                {{\n                  'crmx.components.schedule_ordinal_week_day'\n                    | translate\n                }}\n              </label>\n              <p-dropdown\n                id=\"repeatWhenOrdinalWeekDay\"\n                formControlName=\"repeatWhenOrdinalWeekDay\"\n                [options]=\"ordinalOptions\"\n                optionLabel=\"label\"\n                optionValue=\"value\"\n                class=\"w-full\"\n              ></p-dropdown>\n            </div>\n            <div\n              class=\"form-field flex-1\"\n              *ngIf=\"showOrdinalFields\"\n            >\n              <label for=\"repeatWhenWeekMonth\">\n                {{\n                  'crmx.components.schedule_week_month' | translate\n                }}\n              </label>\n              <p-dropdown\n                id=\"repeatWhenWeekMonth\"\n                formControlName=\"repeatWhenWeekMonth\"\n                [options]=\"weekDayOptions\"\n                optionLabel=\"label\"\n                optionValue=\"value\"\n                class=\"w-full\"\n              ></p-dropdown>\n            </div>\n          </div>\n          <div\n            class=\"form-row\"\n            *ngIf=\"showMonthField\"\n          >\n            <div class=\"form-field flex-1\">\n              <label for=\"repeatWhenMonth\">\n                {{\n                  'crmx.components.schedule_repeat_month' | translate\n                }}\n              </label>\n              <p-dropdown\n                id=\"repeatWhenMonth\"\n                formControlName=\"repeatWhenMonth\"\n                [options]=\"monthOptions\"\n                optionLabel=\"label\"\n                optionValue=\"value\"\n                class=\"w-full\"\n              ></p-dropdown>\n            </div>\n          </div>\n        </form>\n        <div\n          class=\"recurrence-description\"\n          *ngIf=\"recurrenceDescription\"\n        >\n          <i class=\"pi pi-info-circle\"></i>\n          <span>{{ recurrenceDescription }}</span>\n        </div>\n      </div>\n\n      <p-divider></p-divider>\n\n      <!-- Participants -->\n      <div class=\"drawer-section\">\n        <div class=\"drawer-section-header\">\n          <i class=\"pi pi-users\"></i>\n          <span>\n            {{ 'crmx.components.schedule_participants' | translate }}\n          </span>\n        </div>\n        <div class=\"participant-search\">\n          <p-autoComplete\n            [(ngModel)]=\"selectedParticipantLookup\"\n            [ngModelOptions]=\"{standalone: true}\"\n            [suggestions]=\"participantSuggestions\"\n            (completeMethod)=\"\n              onSearchParticipants($event)\n            \"\n            (onSelect)=\"\n              onSelectParticipant($event.value)\n            \"\n            (onFocus)=\"\n              onSearchParticipants({ query: '' })\n            \"\n            optionLabel=\"name\"\n            [placeholder]=\"\n              'crmx.components.schedule_search_participant'\n                | translate\n            \"\n            [minLength]=\"0\"\n            [forceSelection]=\"true\"\n            [showClear]=\"true\"\n            [fluid]=\"true\"\n          >\n            <ng-template\n              let-item\n              pTemplate=\"item\"\n            >\n              <div class=\"participant-suggestion\">\n                <i\n                  [class]=\"getOriginIcon(item.origin)\"\n                ></i>\n                <div\n                  class=\"participant-suggestion-info\"\n                >\n                  <span\n                    class=\"participant-suggestion-name\"\n                  >\n                    {{ item.name }}\n                  </span>\n                  <span\n                    class=\"participant-suggestion-detail\"\n                    *ngIf=\"item.referenceName\"\n                  >\n                    {{ item.referenceName }}\n                  </span>\n                </div>\n                <span\n                  class=\"participant-suggestion-origin\"\n                >\n                  {{ getOriginLabel(item.origin) }}\n                </span>\n              </div>\n            </ng-template>\n          </p-autoComplete>\n        </div>\n        <div\n          *ngIf=\"\n            !participantsLoading &&\n            addedParticipants.length === 0\n          \"\n          class=\"participants-empty\"\n        >\n          <i class=\"pi pi-users\"></i>\n          <p>\n            {{\n              'crmx.components.schedule_no_participants'\n                | translate\n            }}\n          </p>\n        </div>\n        <p-table\n          *ngIf=\"\n            !participantsLoading &&\n            addedParticipants.length > 0\n          \"\n          [value]=\"addedParticipants\"\n          styleClass=\"p-datatable-sm p-datatable-striped\"\n        >\n          <ng-template pTemplate=\"header\">\n            <tr>\n              <th scope=\"col\">\n                {{ 'crmx.components.schedule_name' | translate }}\n              </th>\n              <th\n                scope=\"col\"\n                class=\"col-participant-type\"\n              >\n                {{\n                  'crmx.components.schedule_participant_type'\n                    | translate\n                }}\n              </th>\n              <th\n                scope=\"col\"\n                class=\"col-actions\"\n              ></th>\n            </tr>\n          </ng-template>\n          <ng-template pTemplate=\"body\" let-p>\n            <tr>\n              <td>\n                <div class=\"participant-name-cell\">\n                  <span>{{ p.name }}</span>\n                  <span\n                    *ngIf=\"p.referenceName\"\n                    class=\"participant-reference\"\n                  >\n                    {{ p.referenceName }}\n                  </span>\n                </div>\n              </td>\n              <td>\n                <div class=\"participant-type-cell\">\n                  <i\n                    [class]=\"getOriginIcon(p.origin)\"\n                  ></i>\n                  <span>\n                    {{ getOriginLabel(p.origin) }}\n                  </span>\n                </div>\n              </td>\n              <td>\n                <p-button\n                  icon=\"pi pi-trash\"\n                  [rounded]=\"true\"\n                  [text]=\"true\"\n                  severity=\"danger\"\n                  (onClick)=\"onRemoveParticipant(p)\"\n                  [pTooltip]=\"\n                    'crmx.components.schedule_remove' | translate\n                  \"\n                  tooltipPosition=\"top\"\n                ></p-button>\n              </td>\n            </tr>\n          </ng-template>\n        </p-table>\n      </div>\n    </div>\n  </div>\n\n  <ng-template pTemplate=\"footer\">\n    <div class=\"drawer-footer\">\n      <p-button\n        [label]=\"'crmx.components.cancel' | translate\"\n        icon=\"pi pi-times\"\n        severity=\"secondary\"\n        [outlined]=\"true\"\n        (onClick)=\"onCancel()\"\n      ></p-button>\n      <p-button\n        [label]=\"'crmx.components.save' | translate\"\n        icon=\"pi pi-check\"\n        (onClick)=\"onSave()\"\n      ></p-button>\n    </div>\n  </ng-template>\n</p-drawer>\n", styles: [".col-participant-type{width:10rem}.col-actions{width:4rem}.w-full{width:100%}.drawer-title{display:flex;align-items:center;gap:.75rem;font-size:1.15rem;font-weight:600;color:var(--p-text-color)}.drawer-title i{color:var(--p-primary-color)}.drawer-layout{display:flex;gap:0;height:100%}.drawer-left{width:380px;min-width:380px;border-right:1px solid var(--p-surface-200);padding:0 1.5rem 1.5rem 0;overflow-y:auto}.drawer-right{flex:1;padding:0 0 0 1.5rem;overflow-y:auto}.drawer-section-header{display:flex;align-items:center;gap:.5rem;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--p-surface-200);font-weight:600;font-size:.95rem;color:var(--p-text-color)}.drawer-section-header i{color:var(--p-primary-color);font-size:1rem}.drawer-form{display:flex;flex-direction:column;gap:1rem}.drawer-form .form-field{display:flex;flex-direction:column;gap:.375rem}.drawer-form .form-field.flex-1{flex:1 1 0%;min-width:0}.drawer-form .form-field label{font-weight:500;font-size:.8rem;color:var(--p-text-secondary-color);text-transform:uppercase;letter-spacing:.3px}.drawer-form .form-row{display:flex;gap:1rem}.drawer-form .form-row.checkboxes{gap:2rem;padding:.5rem 0}.drawer-form .form-check{display:flex;align-items:center;gap:.5rem}.drawer-form .form-check label{font-size:.875rem;font-weight:500;margin:0;text-transform:none;letter-spacing:0}.drawer-section{margin-bottom:1.5rem}.recurrence-description{display:flex;align-items:flex-start;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;background:var(--p-primary-50);border-left:3px solid var(--p-primary-color);border-radius:4px;font-size:.85rem;color:var(--p-text-color);line-height:1.4}.recurrence-description i{color:var(--p-primary-color);margin-top:.1rem;flex-shrink:0}.participants-empty{display:flex;flex-direction:column;align-items:center;padding:2rem;text-align:center;color:var(--p-text-secondary-color);border:1px dashed var(--p-surface-300);border-radius:8px}.participants-empty i{font-size:2rem;margin-bottom:.5rem;opacity:.4}.participants-empty p{margin:0}.participant-name-cell{display:flex;align-items:center;gap:.5rem}.participant-type-cell{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--p-text-secondary-color)}.participant-type-cell i{font-size:.9rem}.drawer-footer{display:flex;gap:.75rem;justify-content:flex-end}.participant-search{margin-bottom:1rem}.participant-search :host ::ng-deep .p-autocomplete{width:100%;display:flex}.participant-search :host ::ng-deep .p-autocomplete-input{width:100%}.participant-suggestion{display:flex;align-items:center;gap:.75rem;padding:.25rem 0}.participant-suggestion i{font-size:1.1rem;color:var(--p-text-secondary-color)}.participant-suggestion-info{display:flex;flex-direction:column;flex:1;min-width:0}.participant-suggestion-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.participant-suggestion-detail{font-size:.8rem;color:var(--p-text-secondary-color)}.participant-suggestion-origin{font-size:.75rem;color:var(--p-text-secondary-color);white-space:nowrap}.participant-reference{font-size:.8rem;color:var(--p-text-secondary-color);margin-left:.25rem}.detail-dialog-body{display:flex;flex-direction:column;gap:.5rem}.detail-dialog-row{display:flex;align-items:center;gap:.75rem;padding:.4rem 0}.detail-label{font-weight:500;color:var(--p-text-secondary-color);min-width:8rem}@media (max-width: 768px){.drawer-layout{flex-direction:column}.drawer-left{width:100%;min-width:100%;border-right:none;border-bottom:1px solid var(--p-surface-200);padding:0 0 1.5rem}.drawer-right{padding:1.5rem 0 0}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i7.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: i8.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: DialogModule }, { kind: "ngmodule", type: DrawerModule }, { kind: "component", type: i9.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: DropdownModule }, { kind: "component", type: i10.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "fluid", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: InputNumberModule }, { kind: "component", type: i11.InputNumber, selector: "p-inputNumber, p-inputnumber, p-input-number", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "variant", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus", "disabled", "fluid"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "ngmodule", type: MultiSelectModule }, { kind: "component", type: i12.MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "fluid", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "size", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "ngmodule", type: TagModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i13.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "ngmodule", type: DividerModule }, { kind: "component", type: i14.Divider, selector: "p-divider", inputs: ["style", "styleClass", "layout", "type", "align"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i15.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: "ngmodule", type: AutoCompleteModule }, { kind: "component", type: i16.AutoComplete, selector: "p-autoComplete, p-autocomplete, p-auto-complete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "typeahead", "variant", "fluid"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: DynamicFormComponent, selector: "sia-dynamic-form", inputs: ["sections", "entityData", "mode", "displayMode", "visible", "dialogConfig", "drawerConfig", "showSubmitButton", "showCancelButton", "submitButtonLabel", "cancelButtonLabel", "submitButtonIcon", "cancelButtonIcon"], outputs: ["formReady", "formSubmit", "visibleChange", "onCancel", "fieldSave"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScheduleFormComponent, deps: [{ token: i1$3.FormBuilder }, { token: ScheduleService }, { token: ScheduleTypeService }, { token: CurrentCollaboratorService }, { token: i5.TranslationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ScheduleFormComponent, isStandalone: true, selector: "s-schedule-form", inputs: { visible: "visible", selectedDate: "selectedDate" }, outputs: { visibleChange: "visibleChange", saved: "saved" }, viewQueries: [{ propertyName: "detailFormComponent", first: true, predicate: ["detailForm"], descendants: true }], ngImport: i0, template: "<!-- Schedule Drawer -->\n<p-drawer\n  [(visible)]=\"visible\"\n  position=\"right\"\n  [style]=\"{ width: '85vw', 'max-width': '1200px' }\"\n  [modal]=\"true\"\n  (onHide)=\"onCancel()\"\n>\n  <ng-template pTemplate=\"header\">\n    <span class=\"drawer-title\">\n      <i class=\"pi pi-calendar\"></i>\n      {{\n        isEditing\n          ? ('crmx.components.schedule_schedule_edit' | translate)\n          : ('crmx.components.schedule_schedule_new' | translate)\n      }}\n    </span>\n  </ng-template>\n\n  <div class=\"drawer-layout\" *ngIf=\"scheduleForm\">\n    <!-- Left: Form -->\n    <div class=\"drawer-left\">\n      <div class=\"drawer-section-header\">\n        <i class=\"pi pi-info-circle\"></i>\n        <span>\n          {{ 'crmx.components.schedule_schedule_details' | translate }}\n        </span>\n      </div>\n      <sia-dynamic-form\n        #detailForm\n        [sections]=\"[{ fields: scheduleDetailFields }]\"\n        [entityData]=\"entityDataForForm\"\n        [mode]=\"'form'\"\n        [showSubmitButton]=\"false\"\n        [showCancelButton]=\"false\"\n        (formReady)=\"onDetailFormReady($event)\"\n      ></sia-dynamic-form>\n    </div>\n\n    <!-- Right: Recurrence + Participants -->\n    <div class=\"drawer-right\">\n      <div\n        class=\"drawer-section\"\n        *ngIf=\"showRecurrenceFields\"\n      >\n        <div class=\"drawer-section-header\">\n          <i class=\"pi pi-replay\"></i>\n          <span>\n            {{\n              'crmx.components.schedule_recurrence_config'\n                | translate\n            }}\n          </span>\n        </div>\n        <form\n          [formGroup]=\"scheduleForm\"\n          class=\"drawer-form\"\n        >\n          <div class=\"form-row\">\n            <div class=\"form-field flex-1\">\n              <label for=\"recurrence\">\n                {{ 'crmx.components.schedule_recurrence' | translate }}\n              </label>\n              <p-dropdown\n                id=\"recurrence\"\n                formControlName=\"recurrence\"\n                [options]=\"recurrenceOptions\"\n                optionLabel=\"label\"\n                optionValue=\"value\"\n                class=\"w-full\"\n              ></p-dropdown>\n            </div>\n            <div class=\"form-field flex-1\">\n              <label for=\"recurrenceInterval\">\n                {{\n                  'crmx.components.schedule_recurrence_interval'\n                    | translate\n                }}\n              </label>\n              <p-inputNumber\n                id=\"recurrenceInterval\"\n                formControlName=\"recurrenceInterval\"\n                [min]=\"1\"\n                [max]=\"99\"\n                class=\"w-full\"\n              ></p-inputNumber>\n            </div>\n          </div>\n          <div\n            class=\"form-row\"\n            *ngIf=\"showWeekDays\"\n          >\n            <div class=\"form-field flex-1\">\n              <label for=\"weekDays\">\n                {{ 'crmx.components.schedule_week_days' | translate }}\n              </label>\n              <p-multiSelect\n                id=\"weekDays\"\n                formControlName=\"weekDays\"\n                [options]=\"weekDayOptions\"\n                optionLabel=\"label\"\n                optionValue=\"value\"\n                [placeholder]=\"\n                  'crmx.components.schedule_select_week_day'\n                    | translate\n                \"\n                [maxSelectedLabels]=\"7\"\n                class=\"w-full\"\n              ></p-multiSelect>\n            </div>\n          </div>\n          <div\n            class=\"form-row\"\n            *ngIf=\"showRepeatWhen\"\n          >\n            <div class=\"form-field flex-1\">\n              <label for=\"repeatWhen\">\n                {{\n                  'crmx.components.schedule_repeat_when' | translate\n                }}\n              </label>\n              <p-dropdown\n                id=\"repeatWhen\"\n                formControlName=\"repeatWhen\"\n                [options]=\"repeatWhenOptions\"\n                optionLabel=\"label\"\n                optionValue=\"value\"\n                class=\"w-full\"\n              ></p-dropdown>\n            </div>\n            <div\n              class=\"form-field flex-1\"\n              *ngIf=\"showRepeatWhenDay\"\n            >\n              <label for=\"repeatWhenDay\">\n                {{\n                  'crmx.components.schedule_repeat_when_day'\n                    | translate\n                }}\n              </label>\n              <p-inputNumber\n                id=\"repeatWhenDay\"\n                formControlName=\"repeatWhenDay\"\n                [min]=\"1\"\n                [max]=\"31\"\n                class=\"w-full\"\n              ></p-inputNumber>\n            </div>\n            <div\n              class=\"form-field flex-1\"\n              *ngIf=\"showOrdinalFields\"\n            >\n              <label for=\"repeatWhenOrdinalWeekDay\">\n                {{\n                  'crmx.components.schedule_ordinal_week_day'\n                    | translate\n                }}\n              </label>\n              <p-dropdown\n                id=\"repeatWhenOrdinalWeekDay\"\n                formControlName=\"repeatWhenOrdinalWeekDay\"\n                [options]=\"ordinalOptions\"\n                optionLabel=\"label\"\n                optionValue=\"value\"\n                class=\"w-full\"\n              ></p-dropdown>\n            </div>\n            <div\n              class=\"form-field flex-1\"\n              *ngIf=\"showOrdinalFields\"\n            >\n              <label for=\"repeatWhenWeekMonth\">\n                {{\n                  'crmx.components.schedule_week_month' | translate\n                }}\n              </label>\n              <p-dropdown\n                id=\"repeatWhenWeekMonth\"\n                formControlName=\"repeatWhenWeekMonth\"\n                [options]=\"weekDayOptions\"\n                optionLabel=\"label\"\n                optionValue=\"value\"\n                class=\"w-full\"\n              ></p-dropdown>\n            </div>\n          </div>\n          <div\n            class=\"form-row\"\n            *ngIf=\"showMonthField\"\n          >\n            <div class=\"form-field flex-1\">\n              <label for=\"repeatWhenMonth\">\n                {{\n                  'crmx.components.schedule_repeat_month' | translate\n                }}\n              </label>\n              <p-dropdown\n                id=\"repeatWhenMonth\"\n                formControlName=\"repeatWhenMonth\"\n                [options]=\"monthOptions\"\n                optionLabel=\"label\"\n                optionValue=\"value\"\n                class=\"w-full\"\n              ></p-dropdown>\n            </div>\n          </div>\n        </form>\n        <div\n          class=\"recurrence-description\"\n          *ngIf=\"recurrenceDescription\"\n        >\n          <i class=\"pi pi-info-circle\"></i>\n          <span>{{ recurrenceDescription }}</span>\n        </div>\n      </div>\n\n      <p-divider></p-divider>\n\n      <!-- Participants -->\n      <div class=\"drawer-section\">\n        <div class=\"drawer-section-header\">\n          <i class=\"pi pi-users\"></i>\n          <span>\n            {{ 'crmx.components.schedule_participants' | translate }}\n          </span>\n        </div>\n        <div class=\"participant-search\">\n          <p-autoComplete\n            [(ngModel)]=\"selectedParticipantLookup\"\n            [ngModelOptions]=\"{standalone: true}\"\n            [suggestions]=\"participantSuggestions\"\n            (completeMethod)=\"\n              onSearchParticipants($event)\n            \"\n            (onSelect)=\"\n              onSelectParticipant($event.value)\n            \"\n            (onFocus)=\"\n              onSearchParticipants({ query: '' })\n            \"\n            optionLabel=\"name\"\n            [placeholder]=\"\n              'crmx.components.schedule_search_participant'\n                | translate\n            \"\n            [minLength]=\"0\"\n            [forceSelection]=\"true\"\n            [showClear]=\"true\"\n            [fluid]=\"true\"\n          >\n            <ng-template\n              let-item\n              pTemplate=\"item\"\n            >\n              <div class=\"participant-suggestion\">\n                <i\n                  [class]=\"getOriginIcon(item.origin)\"\n                ></i>\n                <div\n                  class=\"participant-suggestion-info\"\n                >\n                  <span\n                    class=\"participant-suggestion-name\"\n                  >\n                    {{ item.name }}\n                  </span>\n                  <span\n                    class=\"participant-suggestion-detail\"\n                    *ngIf=\"item.referenceName\"\n                  >\n                    {{ item.referenceName }}\n                  </span>\n                </div>\n                <span\n                  class=\"participant-suggestion-origin\"\n                >\n                  {{ getOriginLabel(item.origin) }}\n                </span>\n              </div>\n            </ng-template>\n          </p-autoComplete>\n        </div>\n        <div\n          *ngIf=\"\n            !participantsLoading &&\n            addedParticipants.length === 0\n          \"\n          class=\"participants-empty\"\n        >\n          <i class=\"pi pi-users\"></i>\n          <p>\n            {{\n              'crmx.components.schedule_no_participants'\n                | translate\n            }}\n          </p>\n        </div>\n        <p-table\n          *ngIf=\"\n            !participantsLoading &&\n            addedParticipants.length > 0\n          \"\n          [value]=\"addedParticipants\"\n          styleClass=\"p-datatable-sm p-datatable-striped\"\n        >\n          <ng-template pTemplate=\"header\">\n            <tr>\n              <th scope=\"col\">\n                {{ 'crmx.components.schedule_name' | translate }}\n              </th>\n              <th\n                scope=\"col\"\n                class=\"col-participant-type\"\n              >\n                {{\n                  'crmx.components.schedule_participant_type'\n                    | translate\n                }}\n              </th>\n              <th\n                scope=\"col\"\n                class=\"col-actions\"\n              ></th>\n            </tr>\n          </ng-template>\n          <ng-template pTemplate=\"body\" let-p>\n            <tr>\n              <td>\n                <div class=\"participant-name-cell\">\n                  <span>{{ p.name }}</span>\n                  <span\n                    *ngIf=\"p.referenceName\"\n                    class=\"participant-reference\"\n                  >\n                    {{ p.referenceName }}\n                  </span>\n                </div>\n              </td>\n              <td>\n                <div class=\"participant-type-cell\">\n                  <i\n                    [class]=\"getOriginIcon(p.origin)\"\n                  ></i>\n                  <span>\n                    {{ getOriginLabel(p.origin) }}\n                  </span>\n                </div>\n              </td>\n              <td>\n                <p-button\n                  icon=\"pi pi-trash\"\n                  [rounded]=\"true\"\n                  [text]=\"true\"\n                  severity=\"danger\"\n                  (onClick)=\"onRemoveParticipant(p)\"\n                  [pTooltip]=\"\n                    'crmx.components.schedule_remove' | translate\n                  \"\n                  tooltipPosition=\"top\"\n                ></p-button>\n              </td>\n            </tr>\n          </ng-template>\n        </p-table>\n      </div>\n    </div>\n  </div>\n\n  <ng-template pTemplate=\"footer\">\n    <div class=\"drawer-footer\">\n      <p-button\n        [label]=\"'crmx.components.cancel' | translate\"\n        icon=\"pi pi-times\"\n        severity=\"secondary\"\n        [outlined]=\"true\"\n        (onClick)=\"onCancel()\"\n      ></p-button>\n      <p-button\n        [label]=\"'crmx.components.save' | translate\"\n        icon=\"pi pi-check\"\n        (onClick)=\"onSave()\"\n      ></p-button>\n    </div>\n  </ng-template>\n</p-drawer>\n", styles: [".col-participant-type{width:10rem}.col-actions{width:4rem}.w-full{width:100%}.drawer-title{display:flex;align-items:center;gap:.75rem;font-size:1.15rem;font-weight:600;color:var(--p-text-color)}.drawer-title i{color:var(--p-primary-color)}.drawer-layout{display:flex;gap:0;height:100%}.drawer-left{width:380px;min-width:380px;border-right:1px solid var(--p-surface-200);padding:0 1.5rem 1.5rem 0;overflow-y:auto}.drawer-right{flex:1;padding:0 0 0 1.5rem;overflow-y:auto}.drawer-section-header{display:flex;align-items:center;gap:.5rem;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--p-surface-200);font-weight:600;font-size:.95rem;color:var(--p-text-color)}.drawer-section-header i{color:var(--p-primary-color);font-size:1rem}.drawer-form{display:flex;flex-direction:column;gap:1rem}.drawer-form .form-field{display:flex;flex-direction:column;gap:.375rem}.drawer-form .form-field.flex-1{flex:1 1 0%;min-width:0}.drawer-form .form-field label{font-weight:500;font-size:.8rem;color:var(--p-text-secondary-color);text-transform:uppercase;letter-spacing:.3px}.drawer-form .form-row{display:flex;gap:1rem}.drawer-form .form-row.checkboxes{gap:2rem;padding:.5rem 0}.drawer-form .form-check{display:flex;align-items:center;gap:.5rem}.drawer-form .form-check label{font-size:.875rem;font-weight:500;margin:0;text-transform:none;letter-spacing:0}.drawer-section{margin-bottom:1.5rem}.recurrence-description{display:flex;align-items:flex-start;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;background:var(--p-primary-50);border-left:3px solid var(--p-primary-color);border-radius:4px;font-size:.85rem;color:var(--p-text-color);line-height:1.4}.recurrence-description i{color:var(--p-primary-color);margin-top:.1rem;flex-shrink:0}.participants-empty{display:flex;flex-direction:column;align-items:center;padding:2rem;text-align:center;color:var(--p-text-secondary-color);border:1px dashed var(--p-surface-300);border-radius:8px}.participants-empty i{font-size:2rem;margin-bottom:.5rem;opacity:.4}.participants-empty p{margin:0}.participant-name-cell{display:flex;align-items:center;gap:.5rem}.participant-type-cell{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--p-text-secondary-color)}.participant-type-cell i{font-size:.9rem}.drawer-footer{display:flex;gap:.75rem;justify-content:flex-end}.participant-search{margin-bottom:1rem}.participant-search :host ::ng-deep .p-autocomplete{width:100%;display:flex}.participant-search :host ::ng-deep .p-autocomplete-input{width:100%}.participant-suggestion{display:flex;align-items:center;gap:.75rem;padding:.25rem 0}.participant-suggestion i{font-size:1.1rem;color:var(--p-text-secondary-color)}.participant-suggestion-info{display:flex;flex-direction:column;flex:1;min-width:0}.participant-suggestion-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.participant-suggestion-detail{font-size:.8rem;color:var(--p-text-secondary-color)}.participant-suggestion-origin{font-size:.75rem;color:var(--p-text-secondary-color);white-space:nowrap}.participant-reference{font-size:.8rem;color:var(--p-text-secondary-color);margin-left:.25rem}.detail-dialog-body{display:flex;flex-direction:column;gap:.5rem}.detail-dialog-row{display:flex;align-items:center;gap:.75rem;padding:.4rem 0}.detail-label{font-weight:500;color:var(--p-text-secondary-color);min-width:8rem}@media (max-width: 768px){.drawer-layout{flex-direction:column}.drawer-left{width:100%;min-width:100%;border-right:none;border-bottom:1px solid var(--p-surface-200);padding:0 0 1.5rem}.drawer-right{padding:1.5rem 0 0}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i3.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: i8.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: DialogModule }, { kind: "ngmodule", type: DrawerModule }, { kind: "component", type: i9.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: DropdownModule }, { kind: "component", type: i10.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "fluid", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: InputNumberModule }, { kind: "component", type: i11.InputNumber, selector: "p-inputNumber, p-inputnumber, p-input-number", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "variant", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus", "disabled", "fluid"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "ngmodule", type: MultiSelectModule }, { kind: "component", type: i12.MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "fluid", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "size", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "ngmodule", type: TagModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i13.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "ngmodule", type: DividerModule }, { kind: "component", type: i14.Divider, selector: "p-divider", inputs: ["style", "styleClass", "layout", "type", "align"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i15.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: "ngmodule", type: AutoCompleteModule }, { kind: "component", type: i16.AutoComplete, selector: "p-autoComplete, p-autocomplete, p-auto-complete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "typeahead", "variant", "fluid"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: DynamicFormComponent, selector: "sia-dynamic-form", inputs: ["sections", "entityData", "mode", "displayMode", "visible", "dialogConfig", "drawerConfig", "showSubmitButton", "showCancelButton", "submitButtonLabel", "cancelButtonLabel", "submitButtonIcon", "cancelButtonIcon"], outputs: ["formReady", "formSubmit", "visibleChange", "onCancel", "fieldSave"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScheduleFormComponent, decorators: [{
             type: Component,
@@ -1661,7 +1952,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         DividerModule, TableModule, AutoCompleteModule,
                         TranslatePipe, DynamicFormComponent
                     ], template: "<!-- Schedule Drawer -->\n<p-drawer\n  [(visible)]=\"visible\"\n  position=\"right\"\n  [style]=\"{ width: '85vw', 'max-width': '1200px' }\"\n  [modal]=\"true\"\n  (onHide)=\"onCancel()\"\n>\n  <ng-template pTemplate=\"header\">\n    <span class=\"drawer-title\">\n      <i class=\"pi pi-calendar\"></i>\n      {{\n        isEditing\n          ? ('crmx.components.schedule_schedule_edit' | translate)\n          : ('crmx.components.schedule_schedule_new' | translate)\n      }}\n    </span>\n  </ng-template>\n\n  <div class=\"drawer-layout\" *ngIf=\"scheduleForm\">\n    <!-- Left: Form -->\n    <div class=\"drawer-left\">\n      <div class=\"drawer-section-header\">\n        <i class=\"pi pi-info-circle\"></i>\n        <span>\n          {{ 'crmx.components.schedule_schedule_details' | translate }}\n        </span>\n      </div>\n      <sia-dynamic-form\n        #detailForm\n        [sections]=\"[{ fields: scheduleDetailFields }]\"\n        [entityData]=\"entityDataForForm\"\n        [mode]=\"'form'\"\n        [showSubmitButton]=\"false\"\n        [showCancelButton]=\"false\"\n        (formReady)=\"onDetailFormReady($event)\"\n      ></sia-dynamic-form>\n    </div>\n\n    <!-- Right: Recurrence + Participants -->\n    <div class=\"drawer-right\">\n      <div\n        class=\"drawer-section\"\n        *ngIf=\"showRecurrenceFields\"\n      >\n        <div class=\"drawer-section-header\">\n          <i class=\"pi pi-replay\"></i>\n          <span>\n            {{\n              'crmx.components.schedule_recurrence_config'\n                | translate\n            }}\n          </span>\n        </div>\n        <form\n          [formGroup]=\"scheduleForm\"\n          class=\"drawer-form\"\n        >\n          <div class=\"form-row\">\n            <div class=\"form-field flex-1\">\n              <label for=\"recurrence\">\n                {{ 'crmx.components.schedule_recurrence' | translate }}\n              </label>\n              <p-dropdown\n                id=\"recurrence\"\n                formControlName=\"recurrence\"\n                [options]=\"recurrenceOptions\"\n                optionLabel=\"label\"\n                optionValue=\"value\"\n                class=\"w-full\"\n              ></p-dropdown>\n            </div>\n            <div class=\"form-field flex-1\">\n              <label for=\"recurrenceInterval\">\n                {{\n                  'crmx.components.schedule_recurrence_interval'\n                    | translate\n                }}\n              </label>\n              <p-inputNumber\n                id=\"recurrenceInterval\"\n                formControlName=\"recurrenceInterval\"\n                [min]=\"1\"\n                [max]=\"99\"\n                class=\"w-full\"\n              ></p-inputNumber>\n            </div>\n          </div>\n          <div\n            class=\"form-row\"\n            *ngIf=\"showWeekDays\"\n          >\n            <div class=\"form-field flex-1\">\n              <label for=\"weekDays\">\n                {{ 'crmx.components.schedule_week_days' | translate }}\n              </label>\n              <p-multiSelect\n                id=\"weekDays\"\n                formControlName=\"weekDays\"\n                [options]=\"weekDayOptions\"\n                optionLabel=\"label\"\n                optionValue=\"value\"\n                [placeholder]=\"\n                  'crmx.components.schedule_select_week_day'\n                    | translate\n                \"\n                [maxSelectedLabels]=\"7\"\n                class=\"w-full\"\n              ></p-multiSelect>\n            </div>\n          </div>\n          <div\n            class=\"form-row\"\n            *ngIf=\"showRepeatWhen\"\n          >\n            <div class=\"form-field flex-1\">\n              <label for=\"repeatWhen\">\n                {{\n                  'crmx.components.schedule_repeat_when' | translate\n                }}\n              </label>\n              <p-dropdown\n                id=\"repeatWhen\"\n                formControlName=\"repeatWhen\"\n                [options]=\"repeatWhenOptions\"\n                optionLabel=\"label\"\n                optionValue=\"value\"\n                class=\"w-full\"\n              ></p-dropdown>\n            </div>\n            <div\n              class=\"form-field flex-1\"\n              *ngIf=\"showRepeatWhenDay\"\n            >\n              <label for=\"repeatWhenDay\">\n                {{\n                  'crmx.components.schedule_repeat_when_day'\n                    | translate\n                }}\n              </label>\n              <p-inputNumber\n                id=\"repeatWhenDay\"\n                formControlName=\"repeatWhenDay\"\n                [min]=\"1\"\n                [max]=\"31\"\n                class=\"w-full\"\n              ></p-inputNumber>\n            </div>\n            <div\n              class=\"form-field flex-1\"\n              *ngIf=\"showOrdinalFields\"\n            >\n              <label for=\"repeatWhenOrdinalWeekDay\">\n                {{\n                  'crmx.components.schedule_ordinal_week_day'\n                    | translate\n                }}\n              </label>\n              <p-dropdown\n                id=\"repeatWhenOrdinalWeekDay\"\n                formControlName=\"repeatWhenOrdinalWeekDay\"\n                [options]=\"ordinalOptions\"\n                optionLabel=\"label\"\n                optionValue=\"value\"\n                class=\"w-full\"\n              ></p-dropdown>\n            </div>\n            <div\n              class=\"form-field flex-1\"\n              *ngIf=\"showOrdinalFields\"\n            >\n              <label for=\"repeatWhenWeekMonth\">\n                {{\n                  'crmx.components.schedule_week_month' | translate\n                }}\n              </label>\n              <p-dropdown\n                id=\"repeatWhenWeekMonth\"\n                formControlName=\"repeatWhenWeekMonth\"\n                [options]=\"weekDayOptions\"\n                optionLabel=\"label\"\n                optionValue=\"value\"\n                class=\"w-full\"\n              ></p-dropdown>\n            </div>\n          </div>\n          <div\n            class=\"form-row\"\n            *ngIf=\"showMonthField\"\n          >\n            <div class=\"form-field flex-1\">\n              <label for=\"repeatWhenMonth\">\n                {{\n                  'crmx.components.schedule_repeat_month' | translate\n                }}\n              </label>\n              <p-dropdown\n                id=\"repeatWhenMonth\"\n                formControlName=\"repeatWhenMonth\"\n                [options]=\"monthOptions\"\n                optionLabel=\"label\"\n                optionValue=\"value\"\n                class=\"w-full\"\n              ></p-dropdown>\n            </div>\n          </div>\n        </form>\n        <div\n          class=\"recurrence-description\"\n          *ngIf=\"recurrenceDescription\"\n        >\n          <i class=\"pi pi-info-circle\"></i>\n          <span>{{ recurrenceDescription }}</span>\n        </div>\n      </div>\n\n      <p-divider></p-divider>\n\n      <!-- Participants -->\n      <div class=\"drawer-section\">\n        <div class=\"drawer-section-header\">\n          <i class=\"pi pi-users\"></i>\n          <span>\n            {{ 'crmx.components.schedule_participants' | translate }}\n          </span>\n        </div>\n        <div class=\"participant-search\">\n          <p-autoComplete\n            [(ngModel)]=\"selectedParticipantLookup\"\n            [ngModelOptions]=\"{standalone: true}\"\n            [suggestions]=\"participantSuggestions\"\n            (completeMethod)=\"\n              onSearchParticipants($event)\n            \"\n            (onSelect)=\"\n              onSelectParticipant($event.value)\n            \"\n            (onFocus)=\"\n              onSearchParticipants({ query: '' })\n            \"\n            optionLabel=\"name\"\n            [placeholder]=\"\n              'crmx.components.schedule_search_participant'\n                | translate\n            \"\n            [minLength]=\"0\"\n            [forceSelection]=\"true\"\n            [showClear]=\"true\"\n            [fluid]=\"true\"\n          >\n            <ng-template\n              let-item\n              pTemplate=\"item\"\n            >\n              <div class=\"participant-suggestion\">\n                <i\n                  [class]=\"getOriginIcon(item.origin)\"\n                ></i>\n                <div\n                  class=\"participant-suggestion-info\"\n                >\n                  <span\n                    class=\"participant-suggestion-name\"\n                  >\n                    {{ item.name }}\n                  </span>\n                  <span\n                    class=\"participant-suggestion-detail\"\n                    *ngIf=\"item.referenceName\"\n                  >\n                    {{ item.referenceName }}\n                  </span>\n                </div>\n                <span\n                  class=\"participant-suggestion-origin\"\n                >\n                  {{ getOriginLabel(item.origin) }}\n                </span>\n              </div>\n            </ng-template>\n          </p-autoComplete>\n        </div>\n        <div\n          *ngIf=\"\n            !participantsLoading &&\n            addedParticipants.length === 0\n          \"\n          class=\"participants-empty\"\n        >\n          <i class=\"pi pi-users\"></i>\n          <p>\n            {{\n              'crmx.components.schedule_no_participants'\n                | translate\n            }}\n          </p>\n        </div>\n        <p-table\n          *ngIf=\"\n            !participantsLoading &&\n            addedParticipants.length > 0\n          \"\n          [value]=\"addedParticipants\"\n          styleClass=\"p-datatable-sm p-datatable-striped\"\n        >\n          <ng-template pTemplate=\"header\">\n            <tr>\n              <th scope=\"col\">\n                {{ 'crmx.components.schedule_name' | translate }}\n              </th>\n              <th\n                scope=\"col\"\n                class=\"col-participant-type\"\n              >\n                {{\n                  'crmx.components.schedule_participant_type'\n                    | translate\n                }}\n              </th>\n              <th\n                scope=\"col\"\n                class=\"col-actions\"\n              ></th>\n            </tr>\n          </ng-template>\n          <ng-template pTemplate=\"body\" let-p>\n            <tr>\n              <td>\n                <div class=\"participant-name-cell\">\n                  <span>{{ p.name }}</span>\n                  <span\n                    *ngIf=\"p.referenceName\"\n                    class=\"participant-reference\"\n                  >\n                    {{ p.referenceName }}\n                  </span>\n                </div>\n              </td>\n              <td>\n                <div class=\"participant-type-cell\">\n                  <i\n                    [class]=\"getOriginIcon(p.origin)\"\n                  ></i>\n                  <span>\n                    {{ getOriginLabel(p.origin) }}\n                  </span>\n                </div>\n              </td>\n              <td>\n                <p-button\n                  icon=\"pi pi-trash\"\n                  [rounded]=\"true\"\n                  [text]=\"true\"\n                  severity=\"danger\"\n                  (onClick)=\"onRemoveParticipant(p)\"\n                  [pTooltip]=\"\n                    'crmx.components.schedule_remove' | translate\n                  \"\n                  tooltipPosition=\"top\"\n                ></p-button>\n              </td>\n            </tr>\n          </ng-template>\n        </p-table>\n      </div>\n    </div>\n  </div>\n\n  <ng-template pTemplate=\"footer\">\n    <div class=\"drawer-footer\">\n      <p-button\n        [label]=\"'crmx.components.cancel' | translate\"\n        icon=\"pi pi-times\"\n        severity=\"secondary\"\n        [outlined]=\"true\"\n        (onClick)=\"onCancel()\"\n      ></p-button>\n      <p-button\n        [label]=\"'crmx.components.save' | translate\"\n        icon=\"pi pi-check\"\n        (onClick)=\"onSave()\"\n      ></p-button>\n    </div>\n  </ng-template>\n</p-drawer>\n", styles: [".col-participant-type{width:10rem}.col-actions{width:4rem}.w-full{width:100%}.drawer-title{display:flex;align-items:center;gap:.75rem;font-size:1.15rem;font-weight:600;color:var(--p-text-color)}.drawer-title i{color:var(--p-primary-color)}.drawer-layout{display:flex;gap:0;height:100%}.drawer-left{width:380px;min-width:380px;border-right:1px solid var(--p-surface-200);padding:0 1.5rem 1.5rem 0;overflow-y:auto}.drawer-right{flex:1;padding:0 0 0 1.5rem;overflow-y:auto}.drawer-section-header{display:flex;align-items:center;gap:.5rem;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--p-surface-200);font-weight:600;font-size:.95rem;color:var(--p-text-color)}.drawer-section-header i{color:var(--p-primary-color);font-size:1rem}.drawer-form{display:flex;flex-direction:column;gap:1rem}.drawer-form .form-field{display:flex;flex-direction:column;gap:.375rem}.drawer-form .form-field.flex-1{flex:1 1 0%;min-width:0}.drawer-form .form-field label{font-weight:500;font-size:.8rem;color:var(--p-text-secondary-color);text-transform:uppercase;letter-spacing:.3px}.drawer-form .form-row{display:flex;gap:1rem}.drawer-form .form-row.checkboxes{gap:2rem;padding:.5rem 0}.drawer-form .form-check{display:flex;align-items:center;gap:.5rem}.drawer-form .form-check label{font-size:.875rem;font-weight:500;margin:0;text-transform:none;letter-spacing:0}.drawer-section{margin-bottom:1.5rem}.recurrence-description{display:flex;align-items:flex-start;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;background:var(--p-primary-50);border-left:3px solid var(--p-primary-color);border-radius:4px;font-size:.85rem;color:var(--p-text-color);line-height:1.4}.recurrence-description i{color:var(--p-primary-color);margin-top:.1rem;flex-shrink:0}.participants-empty{display:flex;flex-direction:column;align-items:center;padding:2rem;text-align:center;color:var(--p-text-secondary-color);border:1px dashed var(--p-surface-300);border-radius:8px}.participants-empty i{font-size:2rem;margin-bottom:.5rem;opacity:.4}.participants-empty p{margin:0}.participant-name-cell{display:flex;align-items:center;gap:.5rem}.participant-type-cell{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--p-text-secondary-color)}.participant-type-cell i{font-size:.9rem}.drawer-footer{display:flex;gap:.75rem;justify-content:flex-end}.participant-search{margin-bottom:1rem}.participant-search :host ::ng-deep .p-autocomplete{width:100%;display:flex}.participant-search :host ::ng-deep .p-autocomplete-input{width:100%}.participant-suggestion{display:flex;align-items:center;gap:.75rem;padding:.25rem 0}.participant-suggestion i{font-size:1.1rem;color:var(--p-text-secondary-color)}.participant-suggestion-info{display:flex;flex-direction:column;flex:1;min-width:0}.participant-suggestion-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.participant-suggestion-detail{font-size:.8rem;color:var(--p-text-secondary-color)}.participant-suggestion-origin{font-size:.75rem;color:var(--p-text-secondary-color);white-space:nowrap}.participant-reference{font-size:.8rem;color:var(--p-text-secondary-color);margin-left:.25rem}.detail-dialog-body{display:flex;flex-direction:column;gap:.5rem}.detail-dialog-row{display:flex;align-items:center;gap:.75rem;padding:.4rem 0}.detail-label{font-weight:500;color:var(--p-text-secondary-color);min-width:8rem}@media (max-width: 768px){.drawer-layout{flex-direction:column}.drawer-left{width:100%;min-width:100%;border-right:none;border-bottom:1px solid var(--p-surface-200);padding:0 0 1.5rem}.drawer-right{padding:1.5rem 0 0}}\n"] }]
-        }], ctorParameters: () => [{ type: i1$1.FormBuilder }, { type: ScheduleService }, { type: ScheduleTypeService }, { type: CurrentCollaboratorService }, { type: i5.TranslationService }], propDecorators: { visible: [{
+        }], ctorParameters: () => [{ type: i1$3.FormBuilder }, { type: ScheduleService }, { type: ScheduleTypeService }, { type: CurrentCollaboratorService }, { type: i5.TranslationService }], propDecorators: { visible: [{
                 type: Input
             }], selectedDate: [{
                 type: Input
@@ -1725,7 +2016,7 @@ class ScheduleDetailComponent {
     getConfirmationSeverity(c) { return getConfirmationSeverity(c); }
     getConfirmationLabel(c) { return getConfirmationLabel(this.t, c); }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScheduleDetailComponent, deps: [{ token: ScheduleService }, { token: i5.TranslationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ScheduleDetailComponent, isStandalone: true, selector: "s-schedule-detail", inputs: { visible: "visible" }, outputs: { visibleChange: "visibleChange" }, ngImport: i0, template: "<p-dialog\n  [(visible)]=\"visible\"\n  [header]=\"schedule?.name || ''\"\n  [modal]=\"true\"\n  styleClass=\"detail-dialog\"\n  [draggable]=\"false\"\n  [resizable]=\"false\"\n  (onHide)=\"onClose()\"\n>\n  <div class=\"detail-dialog-body\" *ngIf=\"schedule\">\n    <div\n      class=\"detail-dialog-section\"\n      *ngIf=\"scheduleData\"\n    >\n      <div class=\"detail-dialog-row\">\n        <span class=\"detail-label\">\n          {{ 'crmx.components.schedule_priority' | translate }}\n        </span>\n        <p-tag\n          [value]=\"getPriorityLabel(schedule.priority)\"\n          [severity]=\"getPrioritySeverity(schedule.priority)\"\n        ></p-tag>\n      </div>\n      <div\n        class=\"detail-dialog-row\"\n        *ngIf=\"schedule.scheduleType\"\n      >\n        <span class=\"detail-label\">\n          {{ 'crmx.components.schedule_type' | translate }}\n        </span>\n        <span>{{ schedule.scheduleType.name }}</span>\n      </div>\n      <div\n        class=\"detail-dialog-row\"\n        *ngIf=\"schedule.whenOccurs\"\n      >\n        <span class=\"detail-label\">\n          {{ 'crmx.components.schedule_recurrence' | translate }}\n        </span>\n        <span>{{ schedule.whenOccurs }}</span>\n      </div>\n      <div\n        class=\"detail-dialog-row\"\n        *ngIf=\"scheduleData.comments\"\n      >\n        <span class=\"detail-label\">\n          {{ 'crmx.components.schedule_comments' | translate }}\n        </span>\n        <span>{{ scheduleData.comments }}</span>\n      </div>\n    </div>\n    <p-divider *ngIf=\"scheduleData\"></p-divider>\n    <div\n      class=\"detail-dialog-section\"\n      *ngIf=\"scheduleData\"\n    >\n      <div class=\"detail-section-header\">\n        <i class=\"pi pi-users\"></i>\n        <span>\n          {{ 'crmx.components.schedule_participants' | translate }}\n        </span>\n      </div>\n      <p-table\n        [value]=\"participants\"\n        [loading]=\"participantsLoading\"\n        styleClass=\"p-datatable-sm p-datatable-striped\"\n      >\n        <ng-template pTemplate=\"header\">\n          <tr>\n            <th scope=\"col\">\n              {{ 'crmx.components.schedule_name' | translate }}\n            </th>\n            <th\n              scope=\"col\"\n              class=\"col-participant-type\"\n            >\n              {{ 'crmx.components.schedule_participant_type' | translate }}\n            </th>\n            <th\n              scope=\"col\"\n              class=\"col-status\"\n            >\n              {{ 'crmx.components.schedule_status' | translate }}\n            </th>\n          </tr>\n        </ng-template>\n        <ng-template pTemplate=\"body\" let-p>\n          <tr>\n            <td>\n              <span>{{ getParticipantName(p) }}</span>\n            </td>\n            <td>\n              <div class=\"participant-type-cell\">\n                <i\n                  [class]=\"getParticipantTypeIcon(p)\"\n                ></i>\n                <span>\n                  {{ getParticipantType(p) }}\n                </span>\n              </div>\n            </td>\n            <td>\n              <p-tag\n                *ngIf=\"p.organizer\"\n                [value]=\"\n                  'crmx.components.schedule_participant_organizer_label'\n                    | translate\n                \"\n                severity=\"info\"\n              ></p-tag>\n              <p-tag\n                *ngIf=\"!p.organizer\"\n                [value]=\"\n                  getConfirmationLabel(p.confirmation)\n                \"\n                [severity]=\"\n                  getConfirmationSeverity(p.confirmation)\n                \"\n              ></p-tag>\n            </td>\n          </tr>\n        </ng-template>\n        <ng-template pTemplate=\"emptymessage\">\n          <tr>\n            <td colspan=\"3\">\n              <div class=\"participants-empty\">\n                <i class=\"pi pi-users\"></i>\n                <p>\n                  {{\n                    'crmx.components.schedule_no_participants'\n                      | translate\n                  }}\n                </p>\n              </div>\n            </td>\n          </tr>\n        </ng-template>\n      </p-table>\n    </div>\n  </div>\n</p-dialog>\n", styles: [":host ::ng-deep .detail-dialog{width:600px}.detail-dialog-body{display:flex;flex-direction:column;gap:.5rem}.detail-dialog-row{display:flex;align-items:center;gap:.75rem;padding:.4rem 0}.detail-label{font-weight:500;color:var(--p-text-secondary-color);min-width:8rem}.detail-section-header{display:flex;align-items:center;gap:.5rem;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--p-surface-200);font-weight:600;font-size:.95rem;color:var(--p-text-color)}.detail-section-header i{color:var(--p-primary-color);font-size:1rem}.participant-type-cell{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--p-text-secondary-color)}.participant-type-cell i{font-size:.9rem}.col-participant-type{width:10rem}.col-status{width:8rem}.participants-empty{display:flex;flex-direction:column;align-items:center;padding:2rem;text-align:center;color:var(--p-text-secondary-color);border:1px dashed var(--p-surface-300);border-radius:8px}.participants-empty i{font-size:2rem;margin-bottom:.5rem;opacity:.4}.participants-empty p{margin:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "directive", type: i8.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: DividerModule }, { kind: "component", type: i14.Divider, selector: "p-divider", inputs: ["style", "styleClass", "layout", "type", "align"] }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: i7$1.Tag, selector: "p-tag", inputs: ["style", "styleClass", "severity", "value", "icon", "rounded"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i15.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: "pipe", type: TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ScheduleDetailComponent, isStandalone: true, selector: "s-schedule-detail", inputs: { visible: "visible" }, outputs: { visibleChange: "visibleChange" }, ngImport: i0, template: "<p-dialog\n  [(visible)]=\"visible\"\n  [header]=\"schedule?.name || ''\"\n  [modal]=\"true\"\n  styleClass=\"detail-dialog\"\n  [draggable]=\"false\"\n  [resizable]=\"false\"\n  (onHide)=\"onClose()\"\n>\n  <div class=\"detail-dialog-body\" *ngIf=\"schedule\">\n    <div\n      class=\"detail-dialog-section\"\n      *ngIf=\"scheduleData\"\n    >\n      <div class=\"detail-dialog-row\">\n        <span class=\"detail-label\">\n          {{ 'crmx.components.schedule_priority' | translate }}\n        </span>\n        <p-tag\n          [value]=\"getPriorityLabel(schedule.priority)\"\n          [severity]=\"getPrioritySeverity(schedule.priority)\"\n        ></p-tag>\n      </div>\n      <div\n        class=\"detail-dialog-row\"\n        *ngIf=\"schedule.scheduleType\"\n      >\n        <span class=\"detail-label\">\n          {{ 'crmx.components.schedule_type' | translate }}\n        </span>\n        <span>{{ schedule.scheduleType.name }}</span>\n      </div>\n      <div\n        class=\"detail-dialog-row\"\n        *ngIf=\"schedule.whenOccurs\"\n      >\n        <span class=\"detail-label\">\n          {{ 'crmx.components.schedule_recurrence' | translate }}\n        </span>\n        <span>{{ schedule.whenOccurs }}</span>\n      </div>\n      <div\n        class=\"detail-dialog-row\"\n        *ngIf=\"scheduleData.comments\"\n      >\n        <span class=\"detail-label\">\n          {{ 'crmx.components.schedule_comments' | translate }}\n        </span>\n        <span>{{ scheduleData.comments }}</span>\n      </div>\n    </div>\n    <p-divider *ngIf=\"scheduleData\"></p-divider>\n    <div\n      class=\"detail-dialog-section\"\n      *ngIf=\"scheduleData\"\n    >\n      <div class=\"detail-section-header\">\n        <i class=\"pi pi-users\"></i>\n        <span>\n          {{ 'crmx.components.schedule_participants' | translate }}\n        </span>\n      </div>\n      <p-table\n        [value]=\"participants\"\n        [loading]=\"participantsLoading\"\n        styleClass=\"p-datatable-sm p-datatable-striped\"\n      >\n        <ng-template pTemplate=\"header\">\n          <tr>\n            <th scope=\"col\">\n              {{ 'crmx.components.schedule_name' | translate }}\n            </th>\n            <th\n              scope=\"col\"\n              class=\"col-participant-type\"\n            >\n              {{ 'crmx.components.schedule_participant_type' | translate }}\n            </th>\n            <th\n              scope=\"col\"\n              class=\"col-status\"\n            >\n              {{ 'crmx.components.schedule_status' | translate }}\n            </th>\n          </tr>\n        </ng-template>\n        <ng-template pTemplate=\"body\" let-p>\n          <tr>\n            <td>\n              <span>{{ getParticipantName(p) }}</span>\n            </td>\n            <td>\n              <div class=\"participant-type-cell\">\n                <i\n                  [class]=\"getParticipantTypeIcon(p)\"\n                ></i>\n                <span>\n                  {{ getParticipantType(p) }}\n                </span>\n              </div>\n            </td>\n            <td>\n              <p-tag\n                *ngIf=\"p.organizer\"\n                [value]=\"\n                  'crmx.components.schedule_participant_organizer_label'\n                    | translate\n                \"\n                severity=\"info\"\n              ></p-tag>\n              <p-tag\n                *ngIf=\"!p.organizer\"\n                [value]=\"\n                  getConfirmationLabel(p.confirmation)\n                \"\n                [severity]=\"\n                  getConfirmationSeverity(p.confirmation)\n                \"\n              ></p-tag>\n            </td>\n          </tr>\n        </ng-template>\n        <ng-template pTemplate=\"emptymessage\">\n          <tr>\n            <td colspan=\"3\">\n              <div class=\"participants-empty\">\n                <i class=\"pi pi-users\"></i>\n                <p>\n                  {{\n                    'crmx.components.schedule_no_participants'\n                      | translate\n                  }}\n                </p>\n              </div>\n            </td>\n          </tr>\n        </ng-template>\n      </p-table>\n    </div>\n  </div>\n</p-dialog>\n", styles: [":host ::ng-deep .detail-dialog{width:600px}.detail-dialog-body{display:flex;flex-direction:column;gap:.5rem}.detail-dialog-row{display:flex;align-items:center;gap:.75rem;padding:.4rem 0}.detail-label{font-weight:500;color:var(--p-text-secondary-color);min-width:8rem}.detail-section-header{display:flex;align-items:center;gap:.5rem;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--p-surface-200);font-weight:600;font-size:.95rem;color:var(--p-text-color)}.detail-section-header i{color:var(--p-primary-color);font-size:1rem}.participant-type-cell{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--p-text-secondary-color)}.participant-type-cell i{font-size:.9rem}.col-participant-type{width:10rem}.col-status{width:8rem}.participants-empty{display:flex;flex-direction:column;align-items:center;padding:2rem;text-align:center;color:var(--p-text-secondary-color);border:1px dashed var(--p-surface-300);border-radius:8px}.participants-empty i{font-size:2rem;margin-bottom:.5rem;opacity:.4}.participants-empty p{margin:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "directive", type: i8.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: DividerModule }, { kind: "component", type: i14.Divider, selector: "p-divider", inputs: ["style", "styleClass", "layout", "type", "align"] }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: i7.Tag, selector: "p-tag", inputs: ["style", "styleClass", "severity", "value", "icon", "rounded"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i15.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: "pipe", type: TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScheduleDetailComponent, decorators: [{
             type: Component,
@@ -1736,6 +2027,655 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Output
             }] } });
 
+/**
+ * Serviço que dispara os signals de exportação no `crmx-data-export-backend`.
+ *
+ * Os signals são fire-and-forget: o backend gera o arquivo, faz upload
+ * e notifica o usuário via WebSocket/notificação.
+ */
+class ExportDataService {
+    http;
+    signalsUrl = '/crmx/data_export/signals';
+    constructor(http) {
+        this.http = http;
+    }
+    /**
+     * Dispara `exportSelectedRecordsSignal` — exporta apenas os IDs informados.
+     */
+    async exportSelectedRecords(payload) {
+        await firstValueFrom(this.http.post(`${this.signalsUrl}/exportSelectedRecordsSignal`, payload));
+    }
+    /**
+     * Dispara `exportAllRecordsSignal` — exporta todos os registros com filtro.
+     */
+    async exportAllRecords(payload) {
+        await firstValueFrom(this.http.post(`${this.signalsUrl}/exportAllRecordsSignal`, payload));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ExportDataService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ExportDataService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ExportDataService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }] });
+
+var ExportFileType;
+(function (ExportFileType) {
+    ExportFileType["Excel"] = "EXCEL";
+    ExportFileType["Pdf"] = "PDF";
+})(ExportFileType || (ExportFileType = {}));
+var ExportOrientation;
+(function (ExportOrientation) {
+    ExportOrientation["Portrait"] = "PORTRAIT";
+    ExportOrientation["Landscape"] = "LANDSCAPE";
+})(ExportOrientation || (ExportOrientation = {}));
+var ExportFileFormat;
+(function (ExportFileFormat) {
+    ExportFileFormat["A3"] = "A3";
+    ExportFileFormat["A4"] = "A4";
+})(ExportFileFormat || (ExportFileFormat = {}));
+var ExportColumnType;
+(function (ExportColumnType) {
+    ExportColumnType["Text"] = "TEXT";
+    ExportColumnType["Enum"] = "ENUM";
+    ExportColumnType["Date"] = "DATE";
+    ExportColumnType["Datetime"] = "DATETIME";
+    ExportColumnType["Currency"] = "CURRENCY";
+    ExportColumnType["Number"] = "NUMBER";
+})(ExportColumnType || (ExportColumnType = {}));
+
+class ExportDataComponent {
+    exportService = inject(ExportDataService);
+    webSocketService = inject(WebSocketService);
+    ngZone = inject(NgZone);
+    wsSubscription = null;
+    wsConfig = {
+        domain: 'crmx',
+        service: 'dataexport',
+        primitive: 'wsExportCompleted',
+        userScoped: true
+    };
+    visible = input(false);
+    visibleChange = output();
+    config = input.required();
+    selectedIds = input([]);
+    exported = output();
+    exportError = output();
+    selectedFileType = signal(ExportFileType.Excel);
+    selectedOrientation = signal(ExportOrientation.Landscape);
+    selectedFileFormat = signal(ExportFileFormat.A4);
+    exportScope = signal('all');
+    exporting = signal(false);
+    columnSelections = signal([]);
+    get selectedFileTypeModel() { return this.selectedFileType(); }
+    set selectedFileTypeModel(v) { this.selectedFileType.set(v); }
+    get selectedOrientationModel() { return this.selectedOrientation(); }
+    set selectedOrientationModel(v) { this.selectedOrientation.set(v); }
+    get selectedFileFormatModel() { return this.selectedFileFormat(); }
+    set selectedFileFormatModel(v) { this.selectedFileFormat.set(v); }
+    get exportScopeModel() { return this.exportScope(); }
+    set exportScopeModel(v) { this.exportScope.set(v); }
+    selectedColumnsCount = computed(() => this.columnSelections().filter(c => c.selected).length);
+    hasSelectedIds = computed(() => this.selectedIds().length > 0);
+    canExport = computed(() => this.selectedColumnsCount() > 0 && !this.exporting());
+    fileTypes = [
+        { value: ExportFileType.Excel, label: 'Excel', icon: 'pi-file-excel', description: 'Planilha com colunas ajustáveis' },
+        { value: ExportFileType.Pdf, label: 'PDF', icon: 'pi-file-pdf', description: 'Documento formatado para impressão' }
+    ];
+    orientations = [
+        { value: ExportOrientation.Landscape, label: 'Paisagem (Horizontal)', icon: 'pi-arrows-h' },
+        { value: ExportOrientation.Portrait, label: 'Retrato (Vertical)', icon: 'pi-arrows-v' }
+    ];
+    fileFormats = [
+        { value: ExportFileFormat.A4, label: 'A4', description: 'Padrão (210×297mm)' },
+        { value: ExportFileFormat.A3, label: 'A3', description: 'Grande (297×420mm)' }
+    ];
+    ngOnChanges() {
+        const cfg = this.config();
+        if (cfg?.columns) {
+            this.columnSelections.set(cfg.columns.map(col => ({ column: this.normalizeColumn(col), selected: true })));
+        }
+        // Sincroniza escopo com presença de IDs
+        this.exportScope.set(this.selectedIds().length > 0 ? 'selected' : 'all');
+        // Subscribe ao WebSocket quando o dialog fica visível
+        if (this.visible() && !this.wsSubscription) {
+            this.subscribeToWebSocket();
+        }
+    }
+    ngOnDestroy() {
+        this.wsSubscription?.unsubscribe();
+        this.webSocketService.unsubscribe(this.wsConfig);
+        this.webSocketService.disconnect();
+    }
+    subscribeToWebSocket() {
+        this.wsSubscription = this.webSocketService
+            .subscribe(this.wsConfig)
+            .subscribe(msg => {
+            this.ngZone.run(() => {
+                const data = msg.body.data;
+                if (data?.success) {
+                    this.exported.emit();
+                    this.visibleChange.emit(false);
+                }
+                else {
+                    this.exportError.emit(data?.entityName ?? '');
+                }
+                this.exporting.set(false);
+            });
+        });
+    }
+    isExportColumn(col) {
+        return 'columnName' in col && 'translateKey' in col && 'columnType' in col;
+    }
+    normalizeColumn(col) {
+        if (this.isExportColumn(col)) {
+            return col;
+        }
+        const input = col;
+        const typeMap = {
+            'TEXT': ExportColumnType.Text, 'NUMBER': ExportColumnType.Number,
+            'ENUM': ExportColumnType.Enum, 'DATE': ExportColumnType.Date,
+            'DATETIME': ExportColumnType.Datetime, 'CURRENCY': ExportColumnType.Currency,
+            'status': ExportColumnType.Enum, 'number': ExportColumnType.Number, 'text': ExportColumnType.Text
+        };
+        return {
+            columnName: input.field,
+            translateKey: input.header,
+            columnType: typeMap[input.exportType ?? 'TEXT'] ?? ExportColumnType.Text,
+            translationKeyPrefix: input.translationKeyPrefix
+        };
+    }
+    selectAllColumns() {
+        this.columnSelections.update(cols => cols.map(c => ({ ...c, selected: true })));
+    }
+    deselectAllColumns() {
+        this.columnSelections.update(cols => cols.map(c => ({ ...c, selected: false })));
+    }
+    toggleColumn(col) {
+        col.selected = !col.selected;
+        this.refreshColumns();
+    }
+    refreshColumns() {
+        this.columnSelections.update(cols => [...cols]);
+    }
+    onDialogHide() {
+        this.visibleChange.emit(false);
+    }
+    async doExport() {
+        this.exporting.set(true);
+        const cfg = this.config();
+        const selectedCols = this.columnSelections().filter(c => c.selected).map(c => c.column);
+        try {
+            await this.exportViaBackend(cfg, selectedCols);
+            // O dialog permanece aberto com loading até o WebSocket notificar o resultado
+        }
+        catch (e) {
+            this.exporting.set(false);
+            this.exportError.emit(cfg.entityName);
+        }
+    }
+    async exportViaBackend(cfg, columns) {
+        const fileType = this.selectedFileType();
+        const orientation = this.selectedOrientation();
+        const fileFormat = this.selectedFileFormat();
+        if (this.hasSelectedIds() && this.exportScope() === 'selected') {
+            await this.exportService.exportSelectedRecords({
+                datasource: cfg.datasource, fields: columns,
+                selectedIds: this.selectedIds(), entityName: cfg.entityName, fileType, orientation, fileFormat
+            });
+        }
+        else {
+            await this.exportService.exportAllRecords({
+                datasource: cfg.datasource, fields: columns,
+                filter: cfg.activeFilter ?? '', entityName: cfg.entityName, fileType, orientation, fileFormat
+            });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ExportDataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ExportDataComponent, isStandalone: true, selector: "s-export-data", inputs: { visible: { classPropertyName: "visible", publicName: "visible", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, selectedIds: { classPropertyName: "selectedIds", publicName: "selectedIds", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { visibleChange: "visibleChange", exported: "exported", exportError: "exportError" }, usesOnChanges: true, ngImport: i0, template: `
+    <p-dialog
+      [visible]="visible()"
+      (visibleChange)="visibleChange.emit($event)"
+      (onHide)="onDialogHide()"
+      [modal]="true"
+      [draggable]="false"
+      [resizable]="false"
+      [style]="{ width: '700px' }"
+      styleClass="s-export-dialog"
+    >
+      <ng-template pTemplate="header">
+        <div class="custom-header">
+          <i class="pi pi-download header-icon"></i>
+          <span>Exportar Dados</span>
+        </div>
+      </ng-template>
+
+      <div class="export-content">
+
+        <!-- Formato de Exportação -->
+        <div class="export-section">
+          <div class="section-header">
+            <div class="section-icon"><i class="pi pi-file"></i></div>
+            <h3>Formato do arquivo</h3>
+          </div>
+          <div class="format-options">
+            <div
+              *ngFor="let fmt of fileTypes"
+              class="format-card"
+              [class.selected]="selectedFileType() === fmt.value"
+              (click)="selectedFileType.set(fmt.value)"
+            >
+              <div class="card-radio">
+                <p-radioButton
+                  [value]="fmt.value"
+                  [(ngModel)]="selectedFileTypeModel"
+                  [inputId]="'fmt_' + fmt.value"
+                ></p-radioButton>
+              </div>
+              <div class="card-icon" [class.excel]="fmt.value === 'EXCEL'" [class.pdf]="fmt.value === 'PDF'">
+                <i class="pi" [ngClass]="fmt.icon"></i>
+              </div>
+              <div class="card-info">
+                <label [for]="'fmt_' + fmt.value" class="card-label">{{ fmt.label }}</label>
+                <span class="card-description">{{ fmt.description }}</span>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- Orientação + Formato da folha (apenas PDF) -->
+        @if (selectedFileType() === 'PDF') {
+          <div class="export-section">
+            <div class="section-header">
+              <div class="section-icon"><i class="pi pi-arrows-alt"></i></div>
+              <h3>Orientação da página</h3>
+            </div>
+            <div class="format-options">
+              <div
+                *ngFor="let o of orientations"
+                class="format-card"
+                [class.selected]="selectedOrientation() === o.value"
+                (click)="selectedOrientation.set(o.value)"
+              >
+                <div class="card-radio">
+                  <p-radioButton
+                    [value]="o.value"
+                    [(ngModel)]="selectedOrientationModel"
+                    [inputId]="'orient_' + o.value"
+                  ></p-radioButton>
+                </div>
+                <div class="card-icon">
+                  <i class="pi" [ngClass]="o.icon"></i>
+                </div>
+                <div class="card-info">
+                  <label [for]="'orient_' + o.value" class="card-label">{{ o.label }}</label>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div class="export-section">
+            <div class="section-header">
+              <div class="section-icon"><i class="pi pi-stop"></i></div>
+              <h3>Formato da folha</h3>
+            </div>
+            <div class="format-options">
+              <div
+                *ngFor="let f of fileFormats"
+                class="format-card"
+                [class.selected]="selectedFileFormat() === f.value"
+                (click)="selectedFileFormat.set(f.value)"
+              >
+                <div class="card-radio">
+                  <p-radioButton
+                    [value]="f.value"
+                    [(ngModel)]="selectedFileFormatModel"
+                    [inputId]="'format_' + f.value"
+                  ></p-radioButton>
+                </div>
+                <div class="card-icon">
+                  <i class="pi pi-file"></i>
+                </div>
+                <div class="card-info">
+                  <label [for]="'format_' + f.value" class="card-label">{{ f.label }}</label>
+                  <span class="card-description">{{ f.description }}</span>
+                </div>
+              </div>
+            </div>
+          </div>
+        }
+
+        <!-- Escopo -->
+        <div class="export-section">
+          <div class="section-header">
+            <div class="section-icon"><i class="pi pi-filter"></i></div>
+            <h3>Escopo da exportação</h3>
+          </div>
+          <div class="scope-options">
+            <div
+              class="scope-card"
+              [class.selected]="!hasSelectedIds()"
+              (click)="exportScope.set('all')"
+            >
+              <div class="card-radio">
+                <p-radioButton value="all" [(ngModel)]="exportScopeModel" inputId="scope_all"></p-radioButton>
+              </div>
+              <div class="card-icon"><i class="pi pi-list"></i></div>
+              <div class="card-info">
+                <label for="scope_all" class="card-label">Todos os registros</label>
+                <span class="card-description">Exporta todos com o filtro ativo</span>
+              </div>
+            </div>
+            <div
+              class="scope-card"
+              [class.selected]="hasSelectedIds()"
+              [class.disabled]="!hasSelectedIds()"
+              (click)="hasSelectedIds() ? exportScope.set('selected') : null"
+            >
+              <div class="card-radio">
+                <p-radioButton
+                  value="selected"
+                  [(ngModel)]="exportScopeModel"
+                  inputId="scope_selected"
+                  [disabled]="!hasSelectedIds()"
+                ></p-radioButton>
+              </div>
+              <div class="card-icon"><i class="pi pi-check-square"></i></div>
+              <div class="card-info">
+                <label for="scope_selected" class="card-label">Registros selecionados</label>
+                <span class="card-description">Exporta apenas os itens marcados</span>
+                <span class="card-count">
+                  <i class="pi pi-circle-fill"></i>
+                  {{ selectedIds().length }} registro(s) selecionado(s)
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- Seleção de Colunas -->
+        <div class="export-section">
+          <div class="section-header">
+            <div class="section-icon"><i class="pi pi-table"></i></div>
+            <h3>Colunas</h3>
+            <div class="column-actions">
+              <button type="button" class="action-link" (click)="selectAllColumns()">Todas</button>
+              <span class="separator">|</span>
+              <button type="button" class="action-link" (click)="deselectAllColumns()">Nenhuma</button>
+            </div>
+          </div>
+          <div class="columns-grid">
+            <div
+              *ngFor="let col of columnSelections()"
+              class="column-item"
+              [class.selected]="col.selected"
+              (click)="toggleColumn(col)"
+            >
+              <p-checkbox
+                [(ngModel)]="col.selected"
+                [binary]="true"
+                [inputId]="'col_' + col.column.columnName"
+                (onChange)="refreshColumns()"
+              ></p-checkbox>
+              <label [for]="'col_' + col.column.columnName" class="column-label">
+                {{ col.column.translateKey }}
+              </label>
+            </div>
+          </div>
+          <div class="columns-summary">
+            <i class="pi pi-info-circle"></i>
+            <span>{{ selectedColumnsCount() }} de {{ columnSelections().length }} colunas selecionadas</span>
+          </div>
+        </div>
+
+      </div>
+
+      <ng-template pTemplate="footer">
+        <p-button
+          label="Cancelar"
+          icon="pi pi-times"
+          severity="secondary"
+          [text]="true"
+          (onClick)="onDialogHide()"
+        />
+        <p-button
+          label="Exportar"
+          icon="pi pi-download"
+          [disabled]="!canExport()"
+          [loading]="exporting()"
+          (onClick)="doExport()"
+        />
+      </ng-template>
+    </p-dialog>
+  `, isInline: true, styles: ["::ng-deep .s-export-dialog .p-dialog{border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0000004d}::ng-deep .s-export-dialog .p-dialog-content{padding:0;background:#fff;max-height:70vh;overflow-y:auto}::ng-deep .s-export-dialog .p-dialog-footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:16px 32px}.custom-header{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600}.custom-header .header-icon{font-size:22px;color:var(--p-primary-500)}.export-content{padding:28px 32px}.export-section{margin-bottom:32px}.export-section:last-child{margin-bottom:0}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.section-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(var(--p-primary-rgb),.1),rgba(var(--p-primary-rgb),.15));border-radius:10px}.section-icon i{font-size:18px;color:var(--p-primary-500)}.section-header h3{margin:0;font-size:17px;font-weight:700;color:var(--neutral-color-800, #1f2937);flex:1}.column-actions{display:flex;align-items:center;gap:10px;font-size:13px}.action-link{background:none;border:none;color:var(--p-primary-500);cursor:pointer;font-weight:600;padding:0;transition:all .2s;font-size:13px}.separator{color:var(--neutral-color-300, #d1d5db)}.format-options{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.format-card{display:flex;align-items:center;gap:16px;padding:20px;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;position:relative;overflow:hidden}.format-card:before{content:\"\";position:absolute;inset:0;background:linear-gradient(135deg,rgba(var(--p-primary-rgb),.03),rgba(var(--p-primary-rgb),.06));opacity:0;transition:opacity .3s}.format-card:hover{border-color:var(--p-primary-500);transform:translateY(-2px);box-shadow:0 8px 24px rgba(var(--p-primary-rgb),.15)}.format-card:hover:before{opacity:1}.format-card.selected{border-color:var(--p-primary-500);background:linear-gradient(135deg,rgba(var(--p-primary-rgb),.05),rgba(var(--p-primary-rgb),.08));box-shadow:0 0 0 4px rgba(var(--p-primary-rgb),.1)}.format-card.selected .card-icon{background:linear-gradient(135deg,var(--p-primary-500) 0%,var(--p-primary-500) 100%);transform:scale(1.05)}.format-card.selected .card-icon i{color:#fff}.card-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:12px;transition:all .3s;position:relative;z-index:1;background:linear-gradient(135deg,var(--p-primary-50, #f0fdf4) 0%,var(--p-primary-100, #dcfce7) 100%)}.card-icon.excel{background:linear-gradient(135deg,var(--p-primary-50, #f0fdf4) 0%,var(--p-primary-100, #dcfce7) 100%)}.card-icon.excel i{color:#107c41;font-size:26px}.card-icon.pdf{background:linear-gradient(135deg,#fee8e8,#fdd4d4)}.card-icon.pdf i{color:#dc2626;font-size:26px}.card-icon i{font-size:22px;color:var(--p-primary-500)}.card-info{flex:1;display:flex;flex-direction:column;gap:4px;position:relative;z-index:1}.card-label{font-size:16px;font-weight:700;color:var(--neutral-color-800, #1f2937);cursor:pointer;margin:0}.card-description{font-size:13px;color:var(--neutral-color-600, #4b5563);line-height:1.4}.scope-options{display:flex;flex-direction:column;gap:14px}.scope-card{display:flex;align-items:center;gap:16px;padding:20px;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;position:relative;overflow:hidden}.scope-card:hover:not(.disabled){border-color:var(--p-primary-500);box-shadow:0 4px 16px rgba(var(--p-primary-rgb),.12)}.scope-card.selected{border-color:var(--p-primary-500);background:linear-gradient(135deg,rgba(var(--p-primary-rgb),.05),rgba(var(--p-primary-rgb),.08));box-shadow:0 0 0 4px rgba(var(--p-primary-rgb),.1)}.scope-card.selected .card-icon{background:linear-gradient(135deg,var(--p-primary-500) 0%,var(--p-primary-500) 100%);transform:scale(1.05)}.scope-card.selected .card-icon i{color:#fff}.scope-card.disabled{opacity:.5;cursor:not-allowed;background:#f9fafb}.card-count{font-size:13px;font-weight:600;color:var(--p-primary-500);margin-top:6px;display:inline-flex;align-items:center;gap:6px}.card-count i{font-size:6px}.columns-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.column-item{display:flex;align-items:center;gap:12px;padding:16px;border:2px solid #e5e7eb;border-radius:10px;transition:all .2s;background:#fff;cursor:pointer}.column-item:hover{border-color:var(--p-primary-500);background:rgba(var(--p-primary-rgb),.03)}.column-item.selected{border-color:var(--p-primary-500);background:linear-gradient(135deg,rgba(var(--p-primary-rgb),.05),rgba(var(--p-primary-rgb),.08))}.column-label{font-size:14px;font-weight:600;color:var(--neutral-color-800, #1f2937);cursor:pointer;margin:0;-webkit-user-select:none;user-select:none}.columns-summary{display:flex;align-items:center;gap:10px;padding:14px 18px;background:linear-gradient(135deg,var(--p-primary-50, #f0fdf4) 0%,var(--p-primary-100, #dcfce7) 100%);border-radius:10px;font-size:14px;color:var(--neutral-color-700, #374151);font-weight:600}.columns-summary i{color:var(--p-primary-500);font-size:18px}@media (max-width: 768px){::ng-deep .s-export-dialog .p-dialog{width:95vw!important;margin:0}.export-content{padding:24px}.format-options,.columns-grid{grid-template-columns:1fr}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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: "directive", type: i8.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i3.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: RadioButtonModule }, { kind: "component", type: i6.RadioButton, selector: "p-radioButton, p-radiobutton, p-radio-button", inputs: ["value", "formControlName", "name", "disabled", "variant", "size", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "autofocus", "binary"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i7$1.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["value", "name", "disabled", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "inputStyle", "styleClass", "inputClass", "indeterminate", "size", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ExportDataComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 's-export-data', standalone: true, imports: [
+                        CommonModule,
+                        FormsModule,
+                        DialogModule,
+                        ButtonModule,
+                        RadioButtonModule,
+                        CheckboxModule
+                    ], template: `
+    <p-dialog
+      [visible]="visible()"
+      (visibleChange)="visibleChange.emit($event)"
+      (onHide)="onDialogHide()"
+      [modal]="true"
+      [draggable]="false"
+      [resizable]="false"
+      [style]="{ width: '700px' }"
+      styleClass="s-export-dialog"
+    >
+      <ng-template pTemplate="header">
+        <div class="custom-header">
+          <i class="pi pi-download header-icon"></i>
+          <span>Exportar Dados</span>
+        </div>
+      </ng-template>
+
+      <div class="export-content">
+
+        <!-- Formato de Exportação -->
+        <div class="export-section">
+          <div class="section-header">
+            <div class="section-icon"><i class="pi pi-file"></i></div>
+            <h3>Formato do arquivo</h3>
+          </div>
+          <div class="format-options">
+            <div
+              *ngFor="let fmt of fileTypes"
+              class="format-card"
+              [class.selected]="selectedFileType() === fmt.value"
+              (click)="selectedFileType.set(fmt.value)"
+            >
+              <div class="card-radio">
+                <p-radioButton
+                  [value]="fmt.value"
+                  [(ngModel)]="selectedFileTypeModel"
+                  [inputId]="'fmt_' + fmt.value"
+                ></p-radioButton>
+              </div>
+              <div class="card-icon" [class.excel]="fmt.value === 'EXCEL'" [class.pdf]="fmt.value === 'PDF'">
+                <i class="pi" [ngClass]="fmt.icon"></i>
+              </div>
+              <div class="card-info">
+                <label [for]="'fmt_' + fmt.value" class="card-label">{{ fmt.label }}</label>
+                <span class="card-description">{{ fmt.description }}</span>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- Orientação + Formato da folha (apenas PDF) -->
+        @if (selectedFileType() === 'PDF') {
+          <div class="export-section">
+            <div class="section-header">
+              <div class="section-icon"><i class="pi pi-arrows-alt"></i></div>
+              <h3>Orientação da página</h3>
+            </div>
+            <div class="format-options">
+              <div
+                *ngFor="let o of orientations"
+                class="format-card"
+                [class.selected]="selectedOrientation() === o.value"
+                (click)="selectedOrientation.set(o.value)"
+              >
+                <div class="card-radio">
+                  <p-radioButton
+                    [value]="o.value"
+                    [(ngModel)]="selectedOrientationModel"
+                    [inputId]="'orient_' + o.value"
+                  ></p-radioButton>
+                </div>
+                <div class="card-icon">
+                  <i class="pi" [ngClass]="o.icon"></i>
+                </div>
+                <div class="card-info">
+                  <label [for]="'orient_' + o.value" class="card-label">{{ o.label }}</label>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div class="export-section">
+            <div class="section-header">
+              <div class="section-icon"><i class="pi pi-stop"></i></div>
+              <h3>Formato da folha</h3>
+            </div>
+            <div class="format-options">
+              <div
+                *ngFor="let f of fileFormats"
+                class="format-card"
+                [class.selected]="selectedFileFormat() === f.value"
+                (click)="selectedFileFormat.set(f.value)"
+              >
+                <div class="card-radio">
+                  <p-radioButton
+                    [value]="f.value"
+                    [(ngModel)]="selectedFileFormatModel"
+                    [inputId]="'format_' + f.value"
+                  ></p-radioButton>
+                </div>
+                <div class="card-icon">
+                  <i class="pi pi-file"></i>
+                </div>
+                <div class="card-info">
+                  <label [for]="'format_' + f.value" class="card-label">{{ f.label }}</label>
+                  <span class="card-description">{{ f.description }}</span>
+                </div>
+              </div>
+            </div>
+          </div>
+        }
+
+        <!-- Escopo -->
+        <div class="export-section">
+          <div class="section-header">
+            <div class="section-icon"><i class="pi pi-filter"></i></div>
+            <h3>Escopo da exportação</h3>
+          </div>
+          <div class="scope-options">
+            <div
+              class="scope-card"
+              [class.selected]="!hasSelectedIds()"
+              (click)="exportScope.set('all')"
+            >
+              <div class="card-radio">
+                <p-radioButton value="all" [(ngModel)]="exportScopeModel" inputId="scope_all"></p-radioButton>
+              </div>
+              <div class="card-icon"><i class="pi pi-list"></i></div>
+              <div class="card-info">
+                <label for="scope_all" class="card-label">Todos os registros</label>
+                <span class="card-description">Exporta todos com o filtro ativo</span>
+              </div>
+            </div>
+            <div
+              class="scope-card"
+              [class.selected]="hasSelectedIds()"
+              [class.disabled]="!hasSelectedIds()"
+              (click)="hasSelectedIds() ? exportScope.set('selected') : null"
+            >
+              <div class="card-radio">
+                <p-radioButton
+                  value="selected"
+                  [(ngModel)]="exportScopeModel"
+                  inputId="scope_selected"
+                  [disabled]="!hasSelectedIds()"
+                ></p-radioButton>
+              </div>
+              <div class="card-icon"><i class="pi pi-check-square"></i></div>
+              <div class="card-info">
+                <label for="scope_selected" class="card-label">Registros selecionados</label>
+                <span class="card-description">Exporta apenas os itens marcados</span>
+                <span class="card-count">
+                  <i class="pi pi-circle-fill"></i>
+                  {{ selectedIds().length }} registro(s) selecionado(s)
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- Seleção de Colunas -->
+        <div class="export-section">
+          <div class="section-header">
+            <div class="section-icon"><i class="pi pi-table"></i></div>
+            <h3>Colunas</h3>
+            <div class="column-actions">
+              <button type="button" class="action-link" (click)="selectAllColumns()">Todas</button>
+              <span class="separator">|</span>
+              <button type="button" class="action-link" (click)="deselectAllColumns()">Nenhuma</button>
+            </div>
+          </div>
+          <div class="columns-grid">
+            <div
+              *ngFor="let col of columnSelections()"
+              class="column-item"
+              [class.selected]="col.selected"
+              (click)="toggleColumn(col)"
+            >
+              <p-checkbox
+                [(ngModel)]="col.selected"
+                [binary]="true"
+                [inputId]="'col_' + col.column.columnName"
+                (onChange)="refreshColumns()"
+              ></p-checkbox>
+              <label [for]="'col_' + col.column.columnName" class="column-label">
+                {{ col.column.translateKey }}
+              </label>
+            </div>
+          </div>
+          <div class="columns-summary">
+            <i class="pi pi-info-circle"></i>
+            <span>{{ selectedColumnsCount() }} de {{ columnSelections().length }} colunas selecionadas</span>
+          </div>
+        </div>
+
+      </div>
+
+      <ng-template pTemplate="footer">
+        <p-button
+          label="Cancelar"
+          icon="pi pi-times"
+          severity="secondary"
+          [text]="true"
+          (onClick)="onDialogHide()"
+        />
+        <p-button
+          label="Exportar"
+          icon="pi pi-download"
+          [disabled]="!canExport()"
+          [loading]="exporting()"
+          (onClick)="doExport()"
+        />
+      </ng-template>
+    </p-dialog>
+  `, styles: ["::ng-deep .s-export-dialog .p-dialog{border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0000004d}::ng-deep .s-export-dialog .p-dialog-content{padding:0;background:#fff;max-height:70vh;overflow-y:auto}::ng-deep .s-export-dialog .p-dialog-footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:16px 32px}.custom-header{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600}.custom-header .header-icon{font-size:22px;color:var(--p-primary-500)}.export-content{padding:28px 32px}.export-section{margin-bottom:32px}.export-section:last-child{margin-bottom:0}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.section-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(var(--p-primary-rgb),.1),rgba(var(--p-primary-rgb),.15));border-radius:10px}.section-icon i{font-size:18px;color:var(--p-primary-500)}.section-header h3{margin:0;font-size:17px;font-weight:700;color:var(--neutral-color-800, #1f2937);flex:1}.column-actions{display:flex;align-items:center;gap:10px;font-size:13px}.action-link{background:none;border:none;color:var(--p-primary-500);cursor:pointer;font-weight:600;padding:0;transition:all .2s;font-size:13px}.separator{color:var(--neutral-color-300, #d1d5db)}.format-options{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.format-card{display:flex;align-items:center;gap:16px;padding:20px;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;position:relative;overflow:hidden}.format-card:before{content:\"\";position:absolute;inset:0;background:linear-gradient(135deg,rgba(var(--p-primary-rgb),.03),rgba(var(--p-primary-rgb),.06));opacity:0;transition:opacity .3s}.format-card:hover{border-color:var(--p-primary-500);transform:translateY(-2px);box-shadow:0 8px 24px rgba(var(--p-primary-rgb),.15)}.format-card:hover:before{opacity:1}.format-card.selected{border-color:var(--p-primary-500);background:linear-gradient(135deg,rgba(var(--p-primary-rgb),.05),rgba(var(--p-primary-rgb),.08));box-shadow:0 0 0 4px rgba(var(--p-primary-rgb),.1)}.format-card.selected .card-icon{background:linear-gradient(135deg,var(--p-primary-500) 0%,var(--p-primary-500) 100%);transform:scale(1.05)}.format-card.selected .card-icon i{color:#fff}.card-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:12px;transition:all .3s;position:relative;z-index:1;background:linear-gradient(135deg,var(--p-primary-50, #f0fdf4) 0%,var(--p-primary-100, #dcfce7) 100%)}.card-icon.excel{background:linear-gradient(135deg,var(--p-primary-50, #f0fdf4) 0%,var(--p-primary-100, #dcfce7) 100%)}.card-icon.excel i{color:#107c41;font-size:26px}.card-icon.pdf{background:linear-gradient(135deg,#fee8e8,#fdd4d4)}.card-icon.pdf i{color:#dc2626;font-size:26px}.card-icon i{font-size:22px;color:var(--p-primary-500)}.card-info{flex:1;display:flex;flex-direction:column;gap:4px;position:relative;z-index:1}.card-label{font-size:16px;font-weight:700;color:var(--neutral-color-800, #1f2937);cursor:pointer;margin:0}.card-description{font-size:13px;color:var(--neutral-color-600, #4b5563);line-height:1.4}.scope-options{display:flex;flex-direction:column;gap:14px}.scope-card{display:flex;align-items:center;gap:16px;padding:20px;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;position:relative;overflow:hidden}.scope-card:hover:not(.disabled){border-color:var(--p-primary-500);box-shadow:0 4px 16px rgba(var(--p-primary-rgb),.12)}.scope-card.selected{border-color:var(--p-primary-500);background:linear-gradient(135deg,rgba(var(--p-primary-rgb),.05),rgba(var(--p-primary-rgb),.08));box-shadow:0 0 0 4px rgba(var(--p-primary-rgb),.1)}.scope-card.selected .card-icon{background:linear-gradient(135deg,var(--p-primary-500) 0%,var(--p-primary-500) 100%);transform:scale(1.05)}.scope-card.selected .card-icon i{color:#fff}.scope-card.disabled{opacity:.5;cursor:not-allowed;background:#f9fafb}.card-count{font-size:13px;font-weight:600;color:var(--p-primary-500);margin-top:6px;display:inline-flex;align-items:center;gap:6px}.card-count i{font-size:6px}.columns-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.column-item{display:flex;align-items:center;gap:12px;padding:16px;border:2px solid #e5e7eb;border-radius:10px;transition:all .2s;background:#fff;cursor:pointer}.column-item:hover{border-color:var(--p-primary-500);background:rgba(var(--p-primary-rgb),.03)}.column-item.selected{border-color:var(--p-primary-500);background:linear-gradient(135deg,rgba(var(--p-primary-rgb),.05),rgba(var(--p-primary-rgb),.08))}.column-label{font-size:14px;font-weight:600;color:var(--neutral-color-800, #1f2937);cursor:pointer;margin:0;-webkit-user-select:none;user-select:none}.columns-summary{display:flex;align-items:center;gap:10px;padding:14px 18px;background:linear-gradient(135deg,var(--p-primary-50, #f0fdf4) 0%,var(--p-primary-100, #dcfce7) 100%);border-radius:10px;font-size:14px;color:var(--neutral-color-700, #374151);font-weight:600}.columns-summary i{color:var(--p-primary-500);font-size:18px}@media (max-width: 768px){::ng-deep .s-export-dialog .p-dialog{width:95vw!important;margin:0}.export-content{padding:24px}.format-options,.columns-grid{grid-template-columns:1fr}}\n"] }]
+        }] });
+
 /*
  * Public API Surface of @senior-gestao-relacionamento/angular-components
  */
@@ -1744,5 +2684,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AngularComponentsModule, CurrentCollaboratorService, Month, OrdinalWeekDay, ParticipantConfirmation, RepeatWhen, ScheduleDetailComponent, ScheduleFormComponent, SchedulePriority, ScheduleRecurrence, ScheduleService, ScheduleTypeService, Status, StorageService, WeekDay, provideAngularComponentsTranslations };
+export { AngularComponentsModule, ChatbotComponent, CurrentCollaboratorService, ExportColumnType, ExportDataComponent, ExportDataService, ExportFileFormat, ExportFileType, ExportOrientation, Month, OrdinalWeekDay, ParticipantConfirmation, RepeatWhen, ScheduleDetailComponent, ScheduleFormComponent, SchedulePriority, ScheduleRecurrence, ScheduleService, ScheduleTypeService, Status, StorageService, WeekDay, provideAngularComponentsTranslations };
 //# sourceMappingURL=senior-gestao-relacionamento-angular-components.mjs.map