@senior-gestao-relacionamento/angular-components 2.4.0 → 2.5.0-master-5861fa25

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

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
-import { NgModule, Injectable, Pipe, inject, NgZone, Component, ViewChild, EventEmitter, Input, Output } from '@angular/core';
+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$3 from '@angular/forms';
@@ -38,6 +38,10 @@ import { TableModule } from 'primeng/table';
 import * as i16 from 'primeng/autocomplete';
 import { AutoCompleteModule } from 'primeng/autocomplete';
 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
@@ -2023,6 +2027,661 @@ 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() {
+        let cfg;
+        try {
+            cfg = this.config();
+        }
+        catch {
+            return; // config ainda não foi setado (required input)
+        }
+        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
  */
@@ -2031,5 +2690,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AngularComponentsModule, ChatbotComponent, 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