@careonbrasil/dashboard 14.0.0

package/README.md

@@ -0,0 +1,355 @@
+# @careonbrasil/dashboard
+
+Biblioteca oficial de Dashboard de Recrutamento Institucional desenvolvida para o ecossistema CareOn.
+
+Fornece uma solucao analitica completa de metricas de atracao e selecao de profissionais de saude, reunindo indicadores-chave (KPIs), analise qualitativa de desempenho com ondas vetoriais, aprofundamento individual por vaga, comparativos de mercado e alertas operacionais acionaveis.
+
+Construida para projetos Angular 14 com suporte nativo a `ChangeDetectionStrategy.OnPush`, renderizacao vetorial SVG e integracao direta com `@careonbrasil/ng-charts`.
+
+---
+
+## Sumario
+
+1. [Instalacao](#1-instalacao)
+2. [Configuracao](#2-configuracao)
+3. [Componentes](#3-componentes)
+   - [Dashboard Principal (`<careon-dashboard>`)](#1-dashboard-principal-careon-dashboard)
+   - [Esqueleto de Carregamento (`<careon-dashboard-skeleton>`)](#2-esqueleto-de-carregamento-careon-dashboard-skeleton)
+   - [Onda de Performance (`<careon-performance-wave>`)](#3-onda-de-performance-careon-performance-wave)
+4. [Modelos de Dados](#4-modelos-de-dados)
+   - [DashboardOverviewData](#dashboardoverviewdata)
+   - [DashboardKpiSummary](#dashboardkpisummary)
+   - [DashboardAttentionItem](#dashboardattentionitem)
+   - [DashboardPerformanceAnalysis](#dashboardperformanceanalysis)
+   - [DashboardDutyAnalysis](#dashboarddutyanalysis)
+   - [DashboardDutySalaryComparison](#dashboarddutysalarycomparison)
+   - [Enums do Pacote](#enums-do-pacote)
+5. [Compilacao e Publicacao](#5-compilacao-e-publicacao)
+
+---
+
+## 1. Instalacao
+
+Instale o pacote e sua biblioteca de graficos par via NPM ou Yarn:
+
+```bash
+npm install @careonbrasil/dashboard @careonbrasil/ng-charts
+```
+
+### Dependencias de Peer
+
+O pacote foi desenhado para Angular 14 e requer as seguintes dependencias:
+
+| Dependencia | Versao compativel | Finalidade |
+| :--- | :--- | :--- |
+| `@angular/core` | `>=14.0.0 <15.0.0` | Nucleo do Angular |
+| `@angular/common` | `>=14.0.0 <15.0.0` | Diretivas comuns e pipes |
+| `@careonbrasil/ng-charts` | `^14.0.6` | Biblioteca de graficos SVG CareOn |
+| `tslib` | `^2.3.0` | Runtime helpers do TypeScript |
+
+> **Nota de Estilo**: O dashboard utiliza tipografia corporativa padrao Montserrat. Recomenda-se carregar a fonte no projeto hospedeiro (`font-family: 'Montserrat', sans-serif`).
+
+---
+
+## 2. Configuracao
+
+Importe o modulo `CareonDashboardModule` no seu modulo Angular (ex: `AppModule` ou modulo de feature):
+
+```typescript
+import { NgModule } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+import { CareonDashboardModule } from '@careonbrasil/dashboard';
+
+import { AppComponent } from './app.component';
+
+@NgModule({
+  declarations: [AppComponent],
+  imports: [
+    BrowserModule,
+    CareonDashboardModule
+  ],
+  bootstrap: [AppComponent]
+})
+export class AppModule { }
+```
+
+---
+
+## 3. Componentes
+
+### 1. Dashboard Principal (`<careon-dashboard>`)
+
+Componente central que orquestra a visualizacao analitica completa. E estruturado nas seguintes secoes funcionais:
+
+1. **Cabecalho com Filtros**: Titulo, subtitulo e alternador de periodo reativo (`Hoje`, `Semana`, `Mes`).
+2. **Cards de Indicadores-Chave (KPIs)**: Vagas Publicadas, Candidatos Inscritos, Curriculos para Avaliar, Media de Candidatos por Vaga e Balanco de Status (Abertas vs. Encerradas) com badges de variacao comparativa.
+3. **Secao "Precisa da sua atencao"**: Listagem de vagas prioritarias (sem candidatos ou com prazo expirando), com atalho para contato consultivo.
+4. **Secao "Analise de Desempenho"**: Indicador de engajamento institucional por meio de curva de ondas vetorial (`PerformanceLevel`), status descritivo e recomendacoes praticas.
+5. **Secao "Analise por Vaga"**: Seletor dropdown para inspecao de vaga individual com linha do tempo de candidaturas, taxa de conversao (grafico donut), funil de atracao e comparativo salarial regional.
+6. **Secao "Candidaturas por Vaga"**: Grafico comparativo de barras verticais com linha de tendencia destacando a distribuicao de candidatos entre vagas ativas.
+
+#### Inputs e Outputs
+
+| Propriedade | Tipo | Padrao | Descricao |
+| :--- | :--- | :--- | :--- |
+| `[data]` | `DashboardOverviewData` | `undefined` | Conjunto completo de dados analiticos para alimentar o dashboard. |
+| `[loading]` | `boolean` | `false` | Quando `true`, exibe o esqueleto de carregamento com animacao shimmer. |
+| `[currentPeriod]` | `DashboardPeriod` | `DashboardPeriod.Week` | Periodo temporal ativo (`Today`, `Week`, `Month`). |
+| `[title]` | `string` | `'Dashboard'` | Titulo principal exibido no cabecalho. |
+| `[subtitle]` | `string` | `'Visao geral de recrutamento'` | Subtitulo ou nome da unidade no cabecalho. |
+| `[emptyMessage]` | `string` | `'Nenhum dado registrado para o periodo selecionado.'` | Mensagem do estado vazio quando nao ha dados. |
+| `[consultantPhone]` | `string` | `'5547996569707'` | Numero de telefone para o redirecionamento ao WhatsApp de consultoria. |
+| `[consultantMessage]` | `string` | `''` | Mensagem inicial pre-formatada para o WhatsApp. |
+| `[zeroStateMode]` | `'publish' \| 'basic'` | `'publish'` | Modo de estado vazio das secoes: `'publish'` exibe chamada para publicacao; `'basic'` exibe aviso informativo. |
+| `(periodChange)` | `EventEmitter<DashboardPeriod>` | — | Disparado quando o usuario clica em um filtro de periodo (`Hoje`, `Semana`, `Mes`). |
+| `(attentionItemSelected)` | `EventEmitter<DashboardAttentionItem>` | — | Disparado ao clicar em um item da lista de atencao. |
+| `(dutySelected)` | `EventEmitter<DashboardDutyAnalysis>` | — | Disparado ao selecionar uma vaga no dropdown da secao "Analise por Vaga". |
+| `(publishDuty)` | `EventEmitter<string \| void>` | — | Disparado ao clicar nos botoes "Publicar Vaga" das areas de estado zero (emite o nome da secao de origem). |
+| `(consultantClick)` | `EventEmitter<string>` | — | Disparado ao clicar nos links de suporte "Fale com um consultor" (emite a secao de origem). |
+| `(itemSelected)` | `EventEmitter<DashboardItemSelectedEvent>` | — | Disparado ao selecionar elementos interativos dos graficos integrados. |
+
+#### Exemplo de Uso
+
+```html
+<careon-dashboard
+  [data]="dashboardData"
+  [loading]="isLoading"
+  [currentPeriod]="selectedPeriod"
+  [title]="'Painel Institucional'"
+  [subtitle]="'Hospital Central'"
+  (periodChange)="onPeriodChange($event)"
+  (attentionItemSelected)="onAttentionItemClick($event)"
+  (dutySelected)="onDutyChange($event)"
+  (publishDuty)="onPublishDutyClick($event)"
+  (consultantClick)="onConsultantClick($event)"
+></careon-dashboard>
+```
+
+```typescript
+import { Component, OnInit } from '@angular/core';
+import {
+  DashboardOverviewData,
+  DashboardPeriod,
+  DashboardAttentionItem,
+  DashboardDutyAnalysis
+} from '@careonbrasil/dashboard';
+
+@Component({
+  selector: 'app-analytics-page',
+  templateUrl: './analytics-page.component.html'
+})
+export class AnalyticsPageComponent implements OnInit {
+  dashboardData?: DashboardOverviewData;
+  isLoading = false;
+  selectedPeriod: DashboardPeriod = DashboardPeriod.Week;
+
+  ngOnInit(): void {
+    this.loadData(this.selectedPeriod);
+  }
+
+  loadData(period: DashboardPeriod): void {
+    this.isLoading = true;
+    this.selectedPeriod = period;
+    // Exemplo: chamada a servico de dados
+  }
+
+  onPeriodChange(period: DashboardPeriod): void {
+    this.loadData(period);
+  }
+
+  onAttentionItemClick(item: DashboardAttentionItem): void {
+    console.log('Navegar para vaga com atencao:', item.dutyId);
+  }
+
+  onDutyChange(duty: DashboardDutyAnalysis): void {
+    console.log('Vaga selecionada na analise:', duty.title);
+  }
+
+  onPublishDutyClick(section?: string | void): void {
+    console.log('Abrir fluxo de publicacao a partir de:', section);
+  }
+
+  onConsultantClick(section: string): void {
+    console.log('Contato com consultor acionado em:', section);
+  }
+}
+```
+
+---
+
+### 2. Esqueleto de Carregamento (`<careon-dashboard-skeleton>`)
+
+Componente visual independente que replica a disposicao geometrica dos cards de KPIs, listas de atencao e paineis de graficos do dashboard com animacao suave de shimmer. Util para telas com transicoes assincronas de carregamento.
+
+```html
+<careon-dashboard-skeleton></careon-dashboard-skeleton>
+```
+
+---
+
+### 3. Onda de Performance (`<careon-performance-wave>`)
+
+Componente vetorial SVG inline responsavel por desenhar as curvas caracteristicas de desempenho institucional. Pode ser utilizado separadamente em outros contextos institucionais:
+
+#### Inputs
+
+| Propriedade | Tipo | Padrao | Descricao |
+| :--- | :--- | :--- | :--- |
+| `[level]` | `PerformanceLevel` | `PerformanceLevel.Blue` | Nivel de performance que define a curvatura e as cores do gradiente (`Blue`, `Orange`, `Red`). |
+
+#### Exemplo de Uso
+
+```html
+<careon-performance-wave [level]="PerformanceLevel.Orange"></careon-performance-wave>
+```
+
+---
+
+## 4. Modelos de Dados
+
+### `DashboardOverviewData`
+
+Contrato mestre que alimenta o componente principal:
+
+```typescript
+export interface DashboardOverviewData {
+  /** Identificador unico da instituicao. */
+  institutionId?: number;
+  /** Razao social ou nome de exibicao da instituicao. */
+  institutionName?: string;
+  /** Rotulo do periodo ativo (ex: 'Hoje', 'Semana', 'Mes'). */
+  period?: string;
+  /** Data inicial do intervalo temporal coberto pelas metricas. */
+  startDate?: string | Date;
+  /** Data final do intervalo temporal coberto pelas metricas. */
+  endDate?: string | Date;
+  /** Resumo numerico dos KPIs superiores. */
+  kpis?: DashboardKpiSummary;
+  /** Pontos para o grafico de linha do tempo de candidaturas. */
+  timeline?: TimelinePoint[];
+  /** Dados para o grafico de barras comparativas entre vagas. */
+  comparison?: ComparisonItem[];
+  /** Distribuicao de candidaturas por categoria para grafico donut. */
+  distribution?: DonutChartItem[];
+  /** Distribuicao de status das vagas (abertas vs. encerradas). */
+  dutiesStatus?: StackedBarItem[];
+  /** Etapas do funil geral de recrutamento. */
+  recruitmentFunnel?: FunnelBarItem[];
+  /** Relacao de vagas prioritarias que requerem atencao imediata. */
+  attentionItems?: DashboardAttentionItem[];
+  /** Diagnostico qualitativo de performance geral com curva de ondas. */
+  performanceAnalysis?: DashboardPerformanceAnalysis;
+  /** Relacao de vagas detalhadas com metricas individuais para o seletor. */
+  vacanciesAnalysis?: DashboardDutyAnalysis[];
+}
+```
+
+### `DashboardKpiSummary`
+
+```typescript
+export interface DashboardKpiSummary {
+  registeredVacancies?: number;
+  registeredVacanciesPrevious?: number;
+  registeredVacanciesDifference?: number;
+
+  candidateApplications?: number;
+  candidateApplicationsPrevious?: number;
+  candidateApplicationsDifference?: number;
+
+  pendingReviews?: number;
+  pendingReviewsPrevious?: number;
+  pendingReviewsDifference?: number;
+
+  averageCandidatesPerVacancy?: number;
+  averageCandidatesPerVacancyPrevious?: number;
+  averageCandidatesDifference?: number;
+
+  openVacancies?: number;
+  closedVacancies?: number;
+  totalVacancies?: number;
+}
+```
+
+### `DashboardAttentionItem`
+
+```typescript
+export interface DashboardAttentionItem {
+  dutyId: number;
+  title: string;
+  subtitle: string;
+  candidatesCount?: number;
+  pendingReviewsCount?: number;
+  daysOpen?: number;
+  hoursOpen?: number;
+  isFixedJob?: boolean;
+}
+```
+
+### `DashboardPerformanceAnalysis`
+
+```typescript
+export interface DashboardPerformanceAnalysis {
+  averageConversionRate?: number;
+  level?: PerformanceLevel | number;
+  highlightTitle?: string;
+  description?: string;
+  totalVacanciesInPeriod?: number;
+}
+```
+
+### `DashboardDutyAnalysis`
+
+```typescript
+export interface DashboardDutyAnalysis {
+  dutyId: number;
+  title: string;
+  subtitle: string;
+  candidatesCount: number;
+  viewsCount: number;
+  conversionRate: number;
+  timelinePoints: TimelinePoint[];
+  conversionDonut?: DonutChartItem[];
+  funnelItems?: FunnelBarItem[];
+  salaryComparison?: DashboardDutySalaryComparison;
+}
+```
+
+### `DashboardDutySalaryComparison`
+
+```typescript
+export interface DashboardDutySalaryComparison {
+  yourSalary?: number | null;
+  regionalAverageSalary?: number | null;
+  differencePercentage?: number | null;
+  status: DutySalaryStatus;
+  highlightTitle: string;
+  description: string;
+  badgeText?: string | null;
+}
+```
+
+### Enums do Pacote
+
+```typescript
+export enum DashboardPeriod {
+  Today = 'Today',
+  Week = 'Week',
+  Month = 'Month'
+}
+
+export enum PerformanceLevel {
+  Blue = 'Blue',
+  Orange = 'Orange',
+  Red = 'Red'
+}
+
+export enum DutySalaryStatus {
+  BelowMarket = 'BelowMarket',
+  AtMarket = 'AtMarket',
+  AboveMarket = 'AboveMarket',
+  NotInformed = 'NotInformed',
+  InsufficientData = 'InsufficientData'
+}
+```
+
+---

package/esm2020/careonbrasil-dashboard.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZW9uYnJhc2lsLWRhc2hib2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2Rhc2hib2FyZC9zcmMvY2FyZW9uYnJhc2lsLWRhc2hib2FyZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19

package/esm2020/lib/careon-dashboard.module.mjs

@@ -0,0 +1,43 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { CareonChartsModule } from '@careonbrasil/ng-charts';
+import { DashboardComponent } from './dashboard.component';
+import { PerformanceWaveComponent } from './components/performance-wave/performance-wave.component';
+import { DashboardIconComponent } from './components/dashboard-icon/dashboard-icon.component';
+import { DashboardSkeletonComponent } from './components/dashboard-skeleton/dashboard-skeleton.component';
+import * as i0 from "@angular/core";
+export class CareonDashboardModule {
+}
+CareonDashboardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CareonDashboardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CareonDashboardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: CareonDashboardModule, declarations: [DashboardComponent,
+        PerformanceWaveComponent,
+        DashboardIconComponent,
+        DashboardSkeletonComponent], imports: [CommonModule,
+        CareonChartsModule], exports: [DashboardComponent,
+        PerformanceWaveComponent,
+        DashboardIconComponent,
+        DashboardSkeletonComponent] });
+CareonDashboardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CareonDashboardModule, imports: [CommonModule,
+        CareonChartsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CareonDashboardModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        DashboardComponent,
+                        PerformanceWaveComponent,
+                        DashboardIconComponent,
+                        DashboardSkeletonComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        CareonChartsModule
+                    ],
+                    exports: [
+                        DashboardComponent,
+                        PerformanceWaveComponent,
+                        DashboardIconComponent,
+                        DashboardSkeletonComponent
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZW9uLWRhc2hib2FyZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9kYXNoYm9hcmQvc3JjL2xpYi9jYXJlb24tZGFzaGJvYXJkLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwwREFBMEQsQ0FBQztBQUNwRyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxzREFBc0QsQ0FBQztBQUM5RixPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSw4REFBOEQsQ0FBQzs7QUFvQjFHLE1BQU0sT0FBTyxxQkFBcUI7O2tIQUFyQixxQkFBcUI7bUhBQXJCLHFCQUFxQixpQkFoQjlCLGtCQUFrQjtRQUNsQix3QkFBd0I7UUFDeEIsc0JBQXNCO1FBQ3RCLDBCQUEwQixhQUcxQixZQUFZO1FBQ1osa0JBQWtCLGFBR2xCLGtCQUFrQjtRQUNsQix3QkFBd0I7UUFDeEIsc0JBQXNCO1FBQ3RCLDBCQUEwQjttSEFHakIscUJBQXFCLFlBVjlCLFlBQVk7UUFDWixrQkFBa0I7MkZBU1QscUJBQXFCO2tCQWxCakMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osa0JBQWtCO3dCQUNsQix3QkFBd0I7d0JBQ3hCLHNCQUFzQjt3QkFDdEIsMEJBQTBCO3FCQUMzQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixrQkFBa0I7cUJBQ25CO29CQUNELE9BQU8sRUFBRTt3QkFDUCxrQkFBa0I7d0JBQ2xCLHdCQUF3Qjt3QkFDeEIsc0JBQXNCO3dCQUN0QiwwQkFBMEI7cUJBQzNCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQ2FyZW9uQ2hhcnRzTW9kdWxlIH0gZnJvbSAnQGNhcmVvbmJyYXNpbC9uZy1jaGFydHMnO1xyXG5pbXBvcnQgeyBEYXNoYm9hcmRDb21wb25lbnQgfSBmcm9tICcuL2Rhc2hib2FyZC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBQZXJmb3JtYW5jZVdhdmVDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvcGVyZm9ybWFuY2Utd2F2ZS9wZXJmb3JtYW5jZS13YXZlLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IERhc2hib2FyZEljb25Db21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvZGFzaGJvYXJkLWljb24vZGFzaGJvYXJkLWljb24uY29tcG9uZW50JztcclxuaW1wb3J0IHsgRGFzaGJvYXJkU2tlbGV0b25Db21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvZGFzaGJvYXJkLXNrZWxldG9uL2Rhc2hib2FyZC1za2VsZXRvbi5jb21wb25lbnQnO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtcclxuICAgIERhc2hib2FyZENvbXBvbmVudCxcclxuICAgIFBlcmZvcm1hbmNlV2F2ZUNvbXBvbmVudCxcclxuICAgIERhc2hib2FyZEljb25Db21wb25lbnQsXHJcbiAgICBEYXNoYm9hcmRTa2VsZXRvbkNvbXBvbmVudFxyXG4gIF0sXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgQ2FyZW9uQ2hhcnRzTW9kdWxlXHJcbiAgXSxcclxuICBleHBvcnRzOiBbXHJcbiAgICBEYXNoYm9hcmRDb21wb25lbnQsXHJcbiAgICBQZXJmb3JtYW5jZVdhdmVDb21wb25lbnQsXHJcbiAgICBEYXNoYm9hcmRJY29uQ29tcG9uZW50LFxyXG4gICAgRGFzaGJvYXJkU2tlbGV0b25Db21wb25lbnRcclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDYXJlb25EYXNoYm9hcmRNb2R1bGUge31cclxuIl19

package/esm2020/lib/components/dashboard-icon/dashboard-icon.component.mjs

@@ -0,0 +1,32 @@
+import { Component, Input, ChangeDetectionStrategy, HostBinding } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+/**
+ * Componente interno para renderizacao de icones vetoriais SVG leves do dashboard.
+ */
+export class DashboardIconComponent {
+    constructor() {
+        /** Nome do icone a ser exibido. */
+        this.name = 'info';
+        /** Aplica rotacao de 180 graus (util para setas de expansao e indicadores de tendencia). */
+        this.rotated = false;
+        /** Classes CSS adicionais a serem anexadas ao elemento SVG. */
+        this.customClass = '';
+    }
+}
+DashboardIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DashboardIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DashboardIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: DashboardIconComponent, selector: "careon-dashboard-icon", inputs: { name: "name", rotated: "rotated", customClass: "customClass" }, host: { properties: { "class.rotated": "this.rotated" } }, ngImport: i0, template: "<ng-container [ngSwitch]=\"name\">\r\n  <!-- Arrow Up Icon -->\r\n  <svg\r\n    *ngSwitchCase=\"'arrow-up'\"\r\n    [class]=\"customClass\"\r\n    viewBox=\"0 0 10 10\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    aria-hidden=\"true\"\r\n  >\r\n    <path\r\n      d=\"M2.5 7.5L7.5 2.5M7.5 2.5H3.75M7.5 2.5V6.25\"\r\n      stroke=\"currentColor\"\r\n      stroke-width=\"1.6\"\r\n      stroke-linecap=\"round\"\r\n      stroke-linejoin=\"round\"\r\n    />\r\n  </svg>\r\n\r\n  <!-- Arrow Down Icon -->\r\n  <svg\r\n    *ngSwitchCase=\"'arrow-down'\"\r\n    [class]=\"customClass\"\r\n    viewBox=\"0 0 10 10\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    aria-hidden=\"true\"\r\n  >\r\n    <path\r\n      d=\"M2.5 2.5L7.5 7.5M7.5 7.5H3.75M7.5 7.5V3.75\"\r\n      stroke=\"currentColor\"\r\n      stroke-width=\"1.6\"\r\n      stroke-linecap=\"round\"\r\n      stroke-linejoin=\"round\"\r\n    />\r\n  </svg>\r\n\r\n  <!-- Info Icon -->\r\n  <svg\r\n    *ngSwitchCase=\"'info'\"\r\n    [class]=\"customClass\"\r\n    viewBox=\"0 0 20 20\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    aria-hidden=\"true\"\r\n  >\r\n    <circle cx=\"10\" cy=\"10\" r=\"9\" stroke=\"currentColor\" stroke-width=\"1.5\" />\r\n    <path d=\"M10 8.5V14\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" />\r\n    <circle cx=\"10\" cy=\"5.5\" r=\"1.1\" fill=\"currentColor\" />\r\n  </svg>\r\n\r\n  <!-- Chevron Down Icon -->\r\n  <svg\r\n    *ngSwitchCase=\"'chevron-down'\"\r\n    [class]=\"customClass\"\r\n    viewBox=\"0 0 20 20\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    aria-hidden=\"true\"\r\n  >\r\n    <path\r\n      d=\"M5 7.5L10 12.5L15 7.5\"\r\n      stroke=\"currentColor\"\r\n      stroke-width=\"2\"\r\n      stroke-linecap=\"round\"\r\n      stroke-linejoin=\"round\"\r\n    />\r\n  </svg>\r\n</ng-container>\r\n", styles: [":host{display:inline-flex;align-items:center;justify-content:center;line-height:1}svg{display:block;width:100%;height:100%}:host(.rotated){transform:rotate(180deg)}\n"], dependencies: [{ kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DashboardIconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'careon-dashboard-icon', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [ngSwitch]=\"name\">\r\n  <!-- Arrow Up Icon -->\r\n  <svg\r\n    *ngSwitchCase=\"'arrow-up'\"\r\n    [class]=\"customClass\"\r\n    viewBox=\"0 0 10 10\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    aria-hidden=\"true\"\r\n  >\r\n    <path\r\n      d=\"M2.5 7.5L7.5 2.5M7.5 2.5H3.75M7.5 2.5V6.25\"\r\n      stroke=\"currentColor\"\r\n      stroke-width=\"1.6\"\r\n      stroke-linecap=\"round\"\r\n      stroke-linejoin=\"round\"\r\n    />\r\n  </svg>\r\n\r\n  <!-- Arrow Down Icon -->\r\n  <svg\r\n    *ngSwitchCase=\"'arrow-down'\"\r\n    [class]=\"customClass\"\r\n    viewBox=\"0 0 10 10\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    aria-hidden=\"true\"\r\n  >\r\n    <path\r\n      d=\"M2.5 2.5L7.5 7.5M7.5 7.5H3.75M7.5 7.5V3.75\"\r\n      stroke=\"currentColor\"\r\n      stroke-width=\"1.6\"\r\n      stroke-linecap=\"round\"\r\n      stroke-linejoin=\"round\"\r\n    />\r\n  </svg>\r\n\r\n  <!-- Info Icon -->\r\n  <svg\r\n    *ngSwitchCase=\"'info'\"\r\n    [class]=\"customClass\"\r\n    viewBox=\"0 0 20 20\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    aria-hidden=\"true\"\r\n  >\r\n    <circle cx=\"10\" cy=\"10\" r=\"9\" stroke=\"currentColor\" stroke-width=\"1.5\" />\r\n    <path d=\"M10 8.5V14\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" />\r\n    <circle cx=\"10\" cy=\"5.5\" r=\"1.1\" fill=\"currentColor\" />\r\n  </svg>\r\n\r\n  <!-- Chevron Down Icon -->\r\n  <svg\r\n    *ngSwitchCase=\"'chevron-down'\"\r\n    [class]=\"customClass\"\r\n    viewBox=\"0 0 20 20\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    aria-hidden=\"true\"\r\n  >\r\n    <path\r\n      d=\"M5 7.5L10 12.5L15 7.5\"\r\n      stroke=\"currentColor\"\r\n      stroke-width=\"2\"\r\n      stroke-linecap=\"round\"\r\n      stroke-linejoin=\"round\"\r\n    />\r\n  </svg>\r\n</ng-container>\r\n", styles: [":host{display:inline-flex;align-items:center;justify-content:center;line-height:1}svg{display:block;width:100%;height:100%}:host(.rotated){transform:rotate(180deg)}\n"] }]
+        }], propDecorators: { name: [{
+                type: Input
+            }], rotated: [{
+                type: HostBinding,
+                args: ['class.rotated']
+            }, {
+                type: Input
+            }], customClass: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGFzaGJvYXJkLWljb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGFzaGJvYXJkL3NyYy9saWIvY29tcG9uZW50cy9kYXNoYm9hcmQtaWNvbi9kYXNoYm9hcmQtaWNvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kYXNoYm9hcmQvc3JjL2xpYi9jb21wb25lbnRzL2Rhc2hib2FyZC1pY29uL2Rhc2hib2FyZC1pY29uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLHVCQUF1QixFQUFFLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBT3ZGOztHQUVHO0FBT0gsTUFBTSxPQUFPLHNCQUFzQjtJQU5uQztRQU9FLG1DQUFtQztRQUMxQixTQUFJLEdBQXNCLE1BQU0sQ0FBQztRQUUxQyw0RkFBNEY7UUFDckQsWUFBTyxHQUFHLEtBQUssQ0FBQztRQUV2RCwrREFBK0Q7UUFDdEQsZ0JBQVcsR0FBRyxFQUFFLENBQUM7S0FDM0I7O21IQVRZLHNCQUFzQjt1R0FBdEIsc0JBQXNCLGtNQ2hCbkMsbzVEQXFFQTsyRkRyRGEsc0JBQXNCO2tCQU5sQyxTQUFTOytCQUNFLHVCQUF1QixtQkFHaEIsdUJBQXVCLENBQUMsTUFBTTs4QkFJdEMsSUFBSTtzQkFBWixLQUFLO2dCQUdpQyxPQUFPO3NCQUE3QyxXQUFXO3VCQUFDLGVBQWU7O3NCQUFHLEtBQUs7Z0JBRzNCLFdBQVc7c0JBQW5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgSG9zdEJpbmRpbmcgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbi8qKlxyXG4gKiBOb21lcyBkZSBpY29uZXMgdmV0b3JpYWlzIFNWRyBzdXBvcnRhZG9zIHBlbG8gY29tcG9uZW50ZS5cclxuICovXHJcbmV4cG9ydCB0eXBlIERhc2hib2FyZEljb25OYW1lID0gJ2Fycm93LXVwJyB8ICdhcnJvdy1kb3duJyB8ICdpbmZvJyB8ICdjaGV2cm9uLWRvd24nO1xyXG5cclxuLyoqXHJcbiAqIENvbXBvbmVudGUgaW50ZXJubyBwYXJhIHJlbmRlcml6YWNhbyBkZSBpY29uZXMgdmV0b3JpYWlzIFNWRyBsZXZlcyBkbyBkYXNoYm9hcmQuXHJcbiAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2NhcmVvbi1kYXNoYm9hcmQtaWNvbicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2Rhc2hib2FyZC1pY29uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9kYXNoYm9hcmQtaWNvbi5jb21wb25lbnQuc2NzcyddLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBEYXNoYm9hcmRJY29uQ29tcG9uZW50IHtcclxuICAvKiogTm9tZSBkbyBpY29uZSBhIHNlciBleGliaWRvLiAqL1xyXG4gIEBJbnB1dCgpIG5hbWU6IERhc2hib2FyZEljb25OYW1lID0gJ2luZm8nO1xyXG5cclxuICAvKiogQXBsaWNhIHJvdGFjYW8gZGUgMTgwIGdyYXVzICh1dGlsIHBhcmEgc2V0YXMgZGUgZXhwYW5zYW8gZSBpbmRpY2Fkb3JlcyBkZSB0ZW5kZW5jaWEpLiAqL1xyXG4gIEBIb3N0QmluZGluZygnY2xhc3Mucm90YXRlZCcpIEBJbnB1dCgpIHJvdGF0ZWQgPSBmYWxzZTtcclxuXHJcbiAgLyoqIENsYXNzZXMgQ1NTIGFkaWNpb25haXMgYSBzZXJlbSBhbmV4YWRhcyBhbyBlbGVtZW50byBTVkcuICovXHJcbiAgQElucHV0KCkgY3VzdG9tQ2xhc3MgPSAnJztcclxufVxyXG4iLCI8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJuYW1lXCI+XHJcbiAgPCEtLSBBcnJvdyBVcCBJY29uIC0tPlxyXG4gIDxzdmdcclxuICAgICpuZ1N3aXRjaENhc2U9XCInYXJyb3ctdXAnXCJcclxuICAgIFtjbGFzc109XCJjdXN0b21DbGFzc1wiXHJcbiAgICB2aWV3Qm94PVwiMCAwIDEwIDEwXCJcclxuICAgIGZpbGw9XCJub25lXCJcclxuICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxyXG4gICAgYXJpYS1oaWRkZW49XCJ0cnVlXCJcclxuICA+XHJcbiAgICA8cGF0aFxyXG4gICAgICBkPVwiTTIuNSA3LjVMNy41IDIuNU03LjUgMi41SDMuNzVNNy41IDIuNVY2LjI1XCJcclxuICAgICAgc3Ryb2tlPVwiY3VycmVudENvbG9yXCJcclxuICAgICAgc3Ryb2tlLXdpZHRoPVwiMS42XCJcclxuICAgICAgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiXHJcbiAgICAgIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCJcclxuICAgIC8+XHJcbiAgPC9zdmc+XHJcblxyXG4gIDwhLS0gQXJyb3cgRG93biBJY29uIC0tPlxyXG4gIDxzdmdcclxuICAgICpuZ1N3aXRjaENhc2U9XCInYXJyb3ctZG93bidcIlxyXG4gICAgW2NsYXNzXT1cImN1c3RvbUNsYXNzXCJcclxuICAgIHZpZXdCb3g9XCIwIDAgMTAgMTBcIlxyXG4gICAgZmlsbD1cIm5vbmVcIlxyXG4gICAgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiXHJcbiAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxyXG4gID5cclxuICAgIDxwYXRoXHJcbiAgICAgIGQ9XCJNMi41IDIuNUw3LjUgNy41TTcuNSA3LjVIMy43NU03LjUgNy41VjMuNzVcIlxyXG4gICAgICBzdHJva2U9XCJjdXJyZW50Q29sb3JcIlxyXG4gICAgICBzdHJva2Utd2lkdGg9XCIxLjZcIlxyXG4gICAgICBzdHJva2UtbGluZWNhcD1cInJvdW5kXCJcclxuICAgICAgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIlxyXG4gICAgLz5cclxuICA8L3N2Zz5cclxuXHJcbiAgPCEtLSBJbmZvIEljb24gLS0+XHJcbiAgPHN2Z1xyXG4gICAgKm5nU3dpdGNoQ2FzZT1cIidpbmZvJ1wiXHJcbiAgICBbY2xhc3NdPVwiY3VzdG9tQ2xhc3NcIlxyXG4gICAgdmlld0JveD1cIjAgMCAyMCAyMFwiXHJcbiAgICBmaWxsPVwibm9uZVwiXHJcbiAgICB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCJcclxuICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXHJcbiAgPlxyXG4gICAgPGNpcmNsZSBjeD1cIjEwXCIgY3k9XCIxMFwiIHI9XCI5XCIgc3Ryb2tlPVwiY3VycmVudENvbG9yXCIgc3Ryb2tlLXdpZHRoPVwiMS41XCIgLz5cclxuICAgIDxwYXRoIGQ9XCJNMTAgOC41VjE0XCIgc3Ryb2tlPVwiY3VycmVudENvbG9yXCIgc3Ryb2tlLXdpZHRoPVwiMS44XCIgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiIC8+XHJcbiAgICA8Y2lyY2xlIGN4PVwiMTBcIiBjeT1cIjUuNVwiIHI9XCIxLjFcIiBmaWxsPVwiY3VycmVudENvbG9yXCIgLz5cclxuICA8L3N2Zz5cclxuXHJcbiAgPCEtLSBDaGV2cm9uIERvd24gSWNvbiAtLT5cclxuICA8c3ZnXHJcbiAgICAqbmdTd2l0Y2hDYXNlPVwiJ2NoZXZyb24tZG93bidcIlxyXG4gICAgW2NsYXNzXT1cImN1c3RvbUNsYXNzXCJcclxuICAgIHZpZXdCb3g9XCIwIDAgMjAgMjBcIlxyXG4gICAgZmlsbD1cIm5vbmVcIlxyXG4gICAgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiXHJcbiAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxyXG4gID5cclxuICAgIDxwYXRoXHJcbiAgICAgIGQ9XCJNNSA3LjVMMTAgMTIuNUwxNSA3LjVcIlxyXG4gICAgICBzdHJva2U9XCJjdXJyZW50Q29sb3JcIlxyXG4gICAgICBzdHJva2Utd2lkdGg9XCIyXCJcclxuICAgICAgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiXHJcbiAgICAgIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCJcclxuICAgIC8+XHJcbiAgPC9zdmc+XHJcbjwvbmctY29udGFpbmVyPlxyXG4iXX0=