@careonbrasil/dashboard 14.0.0

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

@@ -0,0 +1,17 @@
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+/**
+ * Componente visual de esqueleto de carregamento (Loading Skeleton).
+ * Reproduz fielmente a distribuicao espacial dos cards, graficos e secoes do dashboard
+ * com efeito animado de shimmer durante operacoes assincronas de carregamento.
+ */
+export class DashboardSkeletonComponent {
+}
+DashboardSkeletonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DashboardSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DashboardSkeletonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: DashboardSkeletonComponent, selector: "careon-dashboard-skeleton", ngImport: i0, template: "<div class=\"dashboard-skeleton-container\" aria-busy=\"true\" aria-label=\"Carregando dados do dashboard\">\r\n  <!-- #region Section1: KPIs -->\r\n  <section class=\"skeleton-section skeleton-section--kpis\">\r\n    <div class=\"kpi-grid\">\r\n      <!-- 4 Standard KPI Cards -->\r\n      <article class=\"skeleton-card skeleton-kpi-card\" *ngFor=\"let kpi of [1, 2, 3, 4]\">\r\n        <div class=\"skeleton-line skeleton-w-40 skeleton-h-12\"></div>\r\n        <div class=\"skeleton-kpi-body\">\r\n          <div class=\"skeleton-line skeleton-w-50 skeleton-h-20\"></div>\r\n          <div class=\"skeleton-pill skeleton-badge\"></div>\r\n        </div>\r\n        <div class=\"skeleton-line skeleton-w-30 skeleton-h-10\"></div>\r\n      </article>\r\n\r\n      <!-- 1 Status KPI Card -->\r\n      <article class=\"skeleton-card skeleton-kpi-card skeleton-kpi-card--status\">\r\n        <div class=\"skeleton-line skeleton-w-50 skeleton-h-12\"></div>\r\n        <div class=\"skeleton-status-bar\">\r\n          <div class=\"skeleton-bar-segment skeleton-bar-segment--main\"></div>\r\n          <div class=\"skeleton-bar-segment skeleton-bar-segment--secondary\"></div>\r\n        </div>\r\n        <div class=\"skeleton-status-legend\">\r\n          <div class=\"skeleton-legend-item\">\r\n            <span class=\"skeleton-dot\"></span>\r\n            <div class=\"skeleton-line skeleton-w-40 skeleton-h-10\"></div>\r\n          </div>\r\n          <div class=\"skeleton-legend-item\">\r\n            <span class=\"skeleton-dot\"></span>\r\n            <div class=\"skeleton-line skeleton-w-45 skeleton-h-10\"></div>\r\n          </div>\r\n        </div>\r\n      </article>\r\n    </div>\r\n  </section>\r\n  <!-- #endregion -->\r\n\r\n  <!-- #region Section2: Attention & Performance -->\r\n  <section class=\"skeleton-section skeleton-section--attention\">\r\n    <div class=\"attention-perf-grid\">\r\n      <!-- Attention Card -->\r\n      <article class=\"skeleton-card skeleton-card--attention\">\r\n        <div class=\"skeleton-line skeleton-w-60 skeleton-h-18 skeleton-mb-24\"></div>\r\n        <div class=\"skeleton-attention-list\">\r\n          <div class=\"skeleton-attention-row\" *ngFor=\"let row of [1, 2, 3]; let last = last\">\r\n            <div class=\"skeleton-line skeleton-w-50 skeleton-h-14 skeleton-mb-8\"></div>\r\n            <div class=\"skeleton-line skeleton-w-85 skeleton-h-12\"></div>\r\n            <div class=\"skeleton-divider\" *ngIf=\"!last\"></div>\r\n          </div>\r\n        </div>\r\n        <div class=\"skeleton-button-pill skeleton-mt-auto\"></div>\r\n      </article>\r\n\r\n      <!-- Performance Card -->\r\n      <article class=\"skeleton-card skeleton-card--performance\">\r\n        <div class=\"skeleton-perf-header skeleton-mb-16\">\r\n          <div class=\"skeleton-line skeleton-w-55 skeleton-h-18\"></div>\r\n          <span class=\"skeleton-info-icon\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"#C9CDD0\" stroke-width=\"2\"/>\r\n              <circle cx=\"12\" cy=\"8\" r=\"1.25\" fill=\"#C9CDD0\"/>\r\n              <line x1=\"12\" y1=\"11\" x2=\"12\" y2=\"16\" stroke=\"#C9CDD0\" stroke-width=\"2\" stroke-linecap=\"round\"/>\r\n            </svg>\r\n          </span>\r\n        </div>\r\n\r\n        <div class=\"skeleton-perf-wave-box\">\r\n          <svg class=\"skeleton-wave-svg\" viewBox=\"0 0 450 100\" preserveAspectRatio=\"none\">\r\n            <path\r\n              d=\"M 0,80 Q 90,70 180,45 T 450,20 L 450,100 L 0,100 Z\"\r\n              fill=\"#DEE2E6\"\r\n            />\r\n            <path\r\n              d=\"M 0,80 Q 90,70 180,45 T 450,20\"\r\n              fill=\"none\"\r\n              stroke=\"#C2C7CC\"\r\n              stroke-width=\"2.8\"\r\n              stroke-linecap=\"round\"\r\n              stroke-linejoin=\"round\"\r\n            />\r\n          </svg>\r\n        </div>\r\n\r\n        <div class=\"skeleton-line skeleton-w-75 skeleton-h-14 skeleton-mb-8\"></div>\r\n        <div class=\"skeleton-line skeleton-w-90 skeleton-h-14 skeleton-mb-24\"></div>\r\n        <div class=\"skeleton-button-pill skeleton-mt-auto\"></div>\r\n      </article>\r\n    </div>\r\n  </section>\r\n  <!-- #endregion -->\r\n\r\n  <!-- #region Section3: Vacancy Deep Dive -->\r\n  <section class=\"skeleton-section skeleton-section--deepdive\">\r\n    <article class=\"skeleton-card skeleton-card--deepdive\">\r\n      <!-- Header with Dropdown Selector -->\r\n      <div class=\"skeleton-deepdive-header skeleton-mb-24\">\r\n        <div class=\"skeleton-header-titles\">\r\n          <div class=\"skeleton-line skeleton-w-40 skeleton-h-18 skeleton-mb-8\"></div>\r\n          <div class=\"skeleton-line skeleton-w-25 skeleton-h-12\"></div>\r\n        </div>\r\n        <div class=\"skeleton-dropdown-pill\">\r\n          <div class=\"skeleton-line skeleton-w-50 skeleton-h-12\"></div>\r\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <path d=\"M6 9L12 15L18 9\" stroke=\"#87898A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n          </svg>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- Timeline Chart Box -->\r\n      <div class=\"skeleton-timeline-container skeleton-mb-32\">\r\n        <svg class=\"skeleton-timeline-overlay-svg\" viewBox=\"0 0 700 170\" preserveAspectRatio=\"none\">\r\n          <line x1=\"0\" y1=\"140\" x2=\"700\" y2=\"140\" stroke=\"#F7F7F7\" stroke-width=\"1\"/>\r\n          <polyline\r\n            points=\"50,110 150,60 250,90 350,50 450,135 550,60 650,25\"\r\n            fill=\"none\"\r\n            stroke=\"#C2C7CC\"\r\n            stroke-width=\"1.6\"\r\n            stroke-dasharray=\"2 3\"\r\n          />\r\n          <circle cx=\"50\" cy=\"110\" r=\"3.2\" fill=\"#FFFFFF\" stroke=\"#C2C7CC\" stroke-width=\"1.6\"/>\r\n          <circle cx=\"150\" cy=\"60\" r=\"3.2\" fill=\"#FFFFFF\" stroke=\"#C2C7CC\" stroke-width=\"1.6\"/>\r\n          <circle cx=\"250\" cy=\"90\" r=\"3.2\" fill=\"#FFFFFF\" stroke=\"#C2C7CC\" stroke-width=\"1.6\"/>\r\n          <circle cx=\"350\" cy=\"50\" r=\"3.2\" fill=\"#FFFFFF\" stroke=\"#C2C7CC\" stroke-width=\"1.6\"/>\r\n          <circle cx=\"450\" cy=\"135\" r=\"3.2\" fill=\"#FFFFFF\" stroke=\"#C2C7CC\" stroke-width=\"1.6\"/>\r\n          <circle cx=\"550\" cy=\"60\" r=\"3.2\" fill=\"#FFFFFF\" stroke=\"#C2C7CC\" stroke-width=\"1.6\"/>\r\n          <circle cx=\"650\" cy=\"25\" r=\"3.2\" fill=\"#FFFFFF\" stroke=\"#C2C7CC\" stroke-width=\"1.6\"/>\r\n        </svg>\r\n\r\n        <div class=\"skeleton-timeline-columns\">\r\n          <div class=\"skeleton-timeline-col\">\r\n            <div class=\"skeleton-bar-hatched\" style=\"height: 32px;\"></div>\r\n            <div class=\"skeleton-line skeleton-w-60 skeleton-h-12 skeleton-mt-8\"></div>\r\n          </div>\r\n          <div class=\"skeleton-timeline-col\">\r\n            <div class=\"skeleton-bar-hatched\" style=\"height: 82px;\"></div>\r\n            <div class=\"skeleton-line skeleton-w-60 skeleton-h-12 skeleton-mt-8\"></div>\r\n          </div>\r\n          <div class=\"skeleton-timeline-col\">\r\n            <div class=\"skeleton-bar-hatched\" style=\"height: 52px;\"></div>\r\n            <div class=\"skeleton-line skeleton-w-60 skeleton-h-12 skeleton-mt-8\"></div>\r\n          </div>\r\n          <div class=\"skeleton-timeline-col\">\r\n            <div class=\"skeleton-bar-hatched\" style=\"height: 92px;\"></div>\r\n            <div class=\"skeleton-line skeleton-w-60 skeleton-h-12 skeleton-mt-8\"></div>\r\n          </div>\r\n          <div class=\"skeleton-timeline-col\">\r\n            <div class=\"skeleton-bar-hatched\" style=\"height: 8px;\"></div>\r\n            <div class=\"skeleton-line skeleton-w-60 skeleton-h-12 skeleton-mt-8\"></div>\r\n          </div>\r\n          <div class=\"skeleton-timeline-col\">\r\n            <div class=\"skeleton-bar-hatched\" style=\"height: 82px;\"></div>\r\n            <div class=\"skeleton-line skeleton-w-60 skeleton-h-12 skeleton-mt-8\"></div>\r\n          </div>\r\n          <div class=\"skeleton-timeline-col skeleton-timeline-col--active\">\r\n            <div class=\"skeleton-tag-pill\"></div>\r\n            <div class=\"skeleton-bar-solid\" style=\"height: 118px;\"></div>\r\n            <div class=\"skeleton-line skeleton-w-60 skeleton-h-12 skeleton-mt-8\"></div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- Middle Subgrid: Donut and Funnel -->\r\n      <div class=\"skeleton-deepdive-middle-grid skeleton-mb-32\">\r\n        <!-- Donut Sub-card -->\r\n        <div class=\"skeleton-subcard skeleton-donut-subcard\">\r\n          <div class=\"skeleton-line skeleton-w-50 skeleton-h-13 skeleton-mb-16\"></div>\r\n          <div class=\"skeleton-donut-layout\">\r\n            <div class=\"skeleton-donut-ring\">\r\n              <svg width=\"100\" height=\"100\" viewBox=\"0 0 100 100\">\r\n                <circle cx=\"50\" cy=\"50\" r=\"36\" fill=\"none\" stroke=\"#DEE2E6\" stroke-width=\"16\"/>\r\n                <circle\r\n                  cx=\"50\"\r\n                  cy=\"50\"\r\n                  r=\"36\"\r\n                  fill=\"none\"\r\n                  stroke=\"#C2C7CC\"\r\n                  stroke-width=\"16\"\r\n                  stroke-dasharray=\"60 170\"\r\n                  stroke-dashoffset=\"15\"\r\n                />\r\n              </svg>\r\n            </div>\r\n            <div class=\"skeleton-donut-legends\">\r\n              <div class=\"skeleton-legend-item skeleton-mb-12\">\r\n                <span class=\"skeleton-dot\"></span>\r\n                <div class=\"skeleton-line skeleton-w-70 skeleton-h-11\"></div>\r\n              </div>\r\n              <div class=\"skeleton-legend-item\">\r\n                <span class=\"skeleton-dot\"></span>\r\n                <div class=\"skeleton-line skeleton-w-55 skeleton-h-11\"></div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <!-- Funnel Sub-card -->\r\n        <div class=\"skeleton-subcard skeleton-funnel-subcard\">\r\n          <div class=\"skeleton-line skeleton-w-40 skeleton-h-12 skeleton-mb-16\"></div>\r\n          <div class=\"skeleton-funnel-bars\">\r\n            <div class=\"skeleton-funnel-bar skeleton-w-100 skeleton-mb-12\"></div>\r\n            <div class=\"skeleton-funnel-bar skeleton-w-65\"></div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- Bottom Row: Salary Comparison -->\r\n      <div class=\"skeleton-salary-grid\">\r\n        <!-- Salary Metrics Box -->\r\n        <div class=\"skeleton-subcard skeleton-salary-metrics-subcard\">\r\n          <div class=\"skeleton-salary-columns skeleton-mb-16\">\r\n            <div class=\"skeleton-salary-metric-col\">\r\n              <div class=\"skeleton-line skeleton-w-60 skeleton-h-12 skeleton-mb-8\"></div>\r\n              <div class=\"skeleton-line skeleton-w-80 skeleton-h-24\"></div>\r\n            </div>\r\n            <div class=\"skeleton-salary-divider\"></div>\r\n            <div class=\"skeleton-salary-metric-col\">\r\n              <div class=\"skeleton-line skeleton-w-60 skeleton-h-12 skeleton-mb-8\"></div>\r\n              <div class=\"skeleton-line skeleton-w-80 skeleton-h-24\"></div>\r\n            </div>\r\n          </div>\r\n          <div class=\"skeleton-line skeleton-w-75 skeleton-h-12 skeleton-mb-6\"></div>\r\n          <div class=\"skeleton-line skeleton-w-90 skeleton-h-12\"></div>\r\n        </div>\r\n\r\n        <!-- Salary Action Box -->\r\n        <div class=\"skeleton-subcard skeleton-salary-action-subcard\">\r\n          <div class=\"skeleton-line skeleton-w-70 skeleton-h-16 skeleton-mb-8\"></div>\r\n          <div class=\"skeleton-line skeleton-w-85 skeleton-h-12 skeleton-mb-24\"></div>\r\n          <div class=\"skeleton-button-pill skeleton-button-pill--medium skeleton-mt-auto\"></div>\r\n        </div>\r\n      </div>\r\n    </article>\r\n  </section>\r\n  <!-- #endregion -->\r\n\r\n  <!-- #region Section4: Applications per Vacancy -->\r\n  <section class=\"skeleton-section skeleton-section--applications\">\r\n    <article class=\"skeleton-card skeleton-card--applications\">\r\n      <div class=\"skeleton-header-titles skeleton-mb-24\">\r\n        <div class=\"skeleton-line skeleton-w-35 skeleton-h-20 skeleton-mb-8\"></div>\r\n        <div class=\"skeleton-line skeleton-w-20 skeleton-h-20\"></div>\r\n      </div>\r\n\r\n      <div class=\"skeleton-comparison-chart-container\">\r\n        <svg class=\"skeleton-comparison-overlay-svg\" viewBox=\"0 0 1040 180\" preserveAspectRatio=\"none\">\r\n          <line x1=\"0\" y1=\"150\" x2=\"1040\" y2=\"150\" stroke=\"#F7F7F7\" stroke-width=\"1\"/>\r\n          <polyline\r\n            points=\"40,85 140,55 240,135 340,105 440,80 540,148 640,40 740,115 840,90 940,125\"\r\n            fill=\"none\"\r\n            stroke=\"#C2C7CC\"\r\n            stroke-width=\"1.6\"\r\n            stroke-dasharray=\"2 3\"\r\n          />\r\n          <circle cx=\"40\" cy=\"85\" r=\"3.2\" fill=\"#FFFFFF\" stroke=\"#C2C7CC\" stroke-width=\"1.6\"/>\r\n          <circle cx=\"140\" cy=\"55\" r=\"3.2\" fill=\"#FFFFFF\" stroke=\"#C2C7CC\" stroke-width=\"1.6\"/>\r\n          <circle cx=\"240\" cy=\"135\" r=\"3.2\" fill=\"#FFFFFF\" stroke=\"#C2C7CC\" stroke-width=\"1.6\"/>\r\n          <circle cx=\"340\" cy=\"105\" r=\"3.2\" fill=\"#FFFFFF\" stroke=\"#C2C7CC\" stroke-width=\"1.6\"/>\r\n          <circle cx=\"440\" cy=\"80\" r=\"3.2\" fill=\"#FFFFFF\" stroke=\"#C2C7CC\" stroke-width=\"1.6\"/>\r\n          <circle cx=\"540\" cy=\"148\" r=\"3.2\" fill=\"#FFFFFF\" stroke=\"#C2C7CC\" stroke-width=\"1.6\"/>\r\n          <circle cx=\"640\" cy=\"40\" r=\"3.2\" fill=\"#FFFFFF\" stroke=\"#C2C7CC\" stroke-width=\"1.6\"/>\r\n          <circle cx=\"740\" cy=\"115\" r=\"3.2\" fill=\"#FFFFFF\" stroke=\"#C2C7CC\" stroke-width=\"1.6\"/>\r\n          <circle cx=\"840\" cy=\"90\" r=\"3.2\" fill=\"#FFFFFF\" stroke=\"#C2C7CC\" stroke-width=\"1.6\"/>\r\n          <circle cx=\"940\" cy=\"125\" r=\"3.2\" fill=\"#FFFFFF\" stroke=\"#C2C7CC\" stroke-width=\"1.6\"/>\r\n        </svg>\r\n\r\n        <div class=\"skeleton-comparison-bars\">\r\n          <div\r\n            class=\"skeleton-comparison-col\"\r\n            *ngFor=\"let h of ['100px', '130px', '28px', '60px', '85px', '4px', '115px', '48px', '72px', '36px']\"\r\n          >\r\n            <div class=\"skeleton-comparison-bar\" [style.height]=\"h\"></div>\r\n            <div class=\"skeleton-line skeleton-w-70 skeleton-h-12 skeleton-mt-8\"></div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </article>\r\n  </section>\r\n  <!-- #endregion -->\r\n</div>\r\n", styles: [":host{display:block;width:100%}.dashboard-skeleton-container{display:flex;flex-direction:column;gap:32px;width:100%;box-sizing:border-box}.dashboard-skeleton-container .skeleton-card{background-color:#fff;box-shadow:0 4px 16px #0000000f;box-sizing:border-box}.dashboard-skeleton-container .skeleton-section--kpis{width:100%}.dashboard-skeleton-container .skeleton-section--kpis .kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.75fr);gap:16px;align-items:stretch;width:100%}@media (max-width: 1200px){.dashboard-skeleton-container .skeleton-section--kpis .kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-skeleton-container .skeleton-section--kpis .kpi-grid .skeleton-kpi-card--status{grid-column:span 2}}@media (max-width: 600px){.dashboard-skeleton-container .skeleton-section--kpis .kpi-grid{grid-template-columns:1fr}.dashboard-skeleton-container .skeleton-section--kpis .kpi-grid .skeleton-kpi-card--status{grid-column:span 1}}.dashboard-skeleton-container .skeleton-section--kpis .kpi-grid .skeleton-kpi-card{border-radius:24px;padding:16px 20px;min-height:108px;display:flex;flex-direction:column;justify-content:space-between}.dashboard-skeleton-container .skeleton-section--kpis .kpi-grid .skeleton-kpi-card .skeleton-kpi-body{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:6px 0}.dashboard-skeleton-container .skeleton-section--kpis .kpi-grid .skeleton-kpi-card .skeleton-kpi-body .skeleton-badge{width:34px;height:24px;border-radius:8px;background-color:#dee2e6;flex-shrink:0}.dashboard-skeleton-container .skeleton-section--kpis .kpi-grid .skeleton-kpi-card--status .skeleton-status-bar{display:flex;gap:4px;width:100%;height:24px;margin:6px 0}.dashboard-skeleton-container .skeleton-section--kpis .kpi-grid .skeleton-kpi-card--status .skeleton-status-bar .skeleton-bar-segment{height:100%;border-radius:6px;background-color:#dee2e6}.dashboard-skeleton-container .skeleton-section--kpis .kpi-grid .skeleton-kpi-card--status .skeleton-status-bar .skeleton-bar-segment--main{flex:68}.dashboard-skeleton-container .skeleton-section--kpis .kpi-grid .skeleton-kpi-card--status .skeleton-status-bar .skeleton-bar-segment--secondary{flex:32}.dashboard-skeleton-container .skeleton-section--kpis .kpi-grid .skeleton-kpi-card--status .skeleton-status-legend{display:flex;align-items:center;gap:16px}.dashboard-skeleton-container .skeleton-section--kpis .kpi-grid .skeleton-kpi-card--status .skeleton-status-legend .skeleton-legend-item{display:flex;align-items:center;gap:6px;flex:1}.dashboard-skeleton-container .skeleton-section--attention{width:100%}.dashboard-skeleton-container .skeleton-section--attention .attention-perf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%}@media (max-width: 900px){.dashboard-skeleton-container .skeleton-section--attention .attention-perf-grid{grid-template-columns:1fr}}.dashboard-skeleton-container .skeleton-section--attention .attention-perf-grid .skeleton-card--attention{border-radius:24px;padding:24px 28px;min-height:310px;display:flex;flex-direction:column}.dashboard-skeleton-container .skeleton-section--attention .attention-perf-grid .skeleton-card--attention .skeleton-attention-list{display:flex;flex-direction:column;margin-bottom:24px}.dashboard-skeleton-container .skeleton-section--attention .attention-perf-grid .skeleton-card--attention .skeleton-attention-list .skeleton-attention-row{display:flex;flex-direction:column;padding:8px 0}.dashboard-skeleton-container .skeleton-section--attention .attention-perf-grid .skeleton-card--attention .skeleton-attention-list .skeleton-attention-row .skeleton-divider{height:1px;background-color:#f7f7f7;width:100%;margin-top:12px}.dashboard-skeleton-container .skeleton-section--attention .attention-perf-grid .skeleton-card--performance{border-radius:24px;padding:24px 28px;min-height:310px;display:flex;flex-direction:column}.dashboard-skeleton-container .skeleton-section--attention .attention-perf-grid .skeleton-card--performance .skeleton-perf-header{display:flex;align-items:center;justify-content:space-between}.dashboard-skeleton-container .skeleton-section--attention .attention-perf-grid .skeleton-card--performance .skeleton-perf-header .skeleton-info-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.dashboard-skeleton-container .skeleton-section--attention .attention-perf-grid .skeleton-card--performance .skeleton-perf-wave-box{width:100%;height:95px;margin-bottom:20px;border-radius:12px;overflow:hidden}.dashboard-skeleton-container .skeleton-section--attention .attention-perf-grid .skeleton-card--performance .skeleton-perf-wave-box .skeleton-wave-svg{width:100%;height:100%;display:block}.dashboard-skeleton-container .skeleton-section--deepdive{width:100%}.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive{border-radius:24px;padding:28px 32px;display:flex;flex-direction:column}.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive .skeleton-deepdive-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive .skeleton-deepdive-header .skeleton-dropdown-pill{padding:8px 18px;border-radius:20.5px;border:1px solid #f7f7f7;background:#ffffff;display:flex;align-items:center;justify-content:space-between;width:320px;max-width:100%;box-sizing:border-box}.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive .skeleton-timeline-container{position:relative;height:180px;width:100%;display:flex;align-items:flex-end;padding-bottom:8px;box-sizing:border-box}.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive .skeleton-timeline-container .skeleton-timeline-overlay-svg{position:absolute;top:0;left:0;width:100%;height:150px;pointer-events:none;z-index:2}.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive .skeleton-timeline-container .skeleton-timeline-columns{display:flex;justify-content:space-around;align-items:flex-end;width:100%;height:100%;z-index:1}.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive .skeleton-timeline-container .skeleton-timeline-columns .skeleton-timeline-col{display:flex;flex-direction:column;align-items:center;position:relative;width:48px}.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive .skeleton-timeline-container .skeleton-timeline-columns .skeleton-timeline-col .skeleton-bar-hatched{width:32px;border-radius:8px 8px 0 0;background:repeating-linear-gradient(45deg,#c9cdd0,#c9cdd0 1.5px,#ffffff 1.5px,#ffffff 8px);border:1px solid #c9cdd0;box-sizing:border-box}.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive .skeleton-timeline-container .skeleton-timeline-columns .skeleton-timeline-col .skeleton-bar-solid{width:32px;border-radius:8px 8px 0 0;background-color:#dee2e6}.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive .skeleton-timeline-container .skeleton-timeline-columns .skeleton-timeline-col .skeleton-tag-pill{position:absolute;top:-24px;width:28px;height:16px;border-radius:8px;background-color:#dee2e6}.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive .skeleton-deepdive-middle-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:24px}@media (max-width: 900px){.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive .skeleton-deepdive-middle-grid{grid-template-columns:1fr}}.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive .skeleton-deepdive-middle-grid .skeleton-donut-subcard .skeleton-donut-layout{display:flex;align-items:center;gap:20px}.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive .skeleton-deepdive-middle-grid .skeleton-donut-subcard .skeleton-donut-layout .skeleton-donut-ring{width:90px;height:90px;flex-shrink:0}.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive .skeleton-deepdive-middle-grid .skeleton-donut-subcard .skeleton-donut-layout .skeleton-donut-ring svg{width:100%;height:100%}.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive .skeleton-deepdive-middle-grid .skeleton-donut-subcard .skeleton-donut-layout .skeleton-donut-legends{display:flex;flex-direction:column;flex:1}.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive .skeleton-deepdive-middle-grid .skeleton-donut-subcard .skeleton-donut-layout .skeleton-donut-legends .skeleton-legend-item{display:flex;align-items:center;gap:8px}.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive .skeleton-deepdive-middle-grid .skeleton-funnel-subcard .skeleton-funnel-bars{display:flex;flex-direction:column;gap:12px;justify-content:center;height:100%}.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive .skeleton-deepdive-middle-grid .skeleton-funnel-subcard .skeleton-funnel-bars .skeleton-funnel-bar{height:42px;border-radius:10px;background-color:#dee2e6}.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive .skeleton-salary-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}@media (max-width: 900px){.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive .skeleton-salary-grid{grid-template-columns:1fr}}.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive .skeleton-salary-grid .skeleton-salary-metrics-subcard{display:flex;flex-direction:column}.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive .skeleton-salary-grid .skeleton-salary-metrics-subcard .skeleton-salary-columns{display:flex;align-items:center;justify-content:space-around;width:100%}.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive .skeleton-salary-grid .skeleton-salary-metrics-subcard .skeleton-salary-columns .skeleton-salary-metric-col{display:flex;flex-direction:column;align-items:center;flex:1}.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive .skeleton-salary-grid .skeleton-salary-metrics-subcard .skeleton-salary-columns .skeleton-salary-divider{width:1px;height:48px;background-color:#c9cdd0}.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive .skeleton-salary-grid .skeleton-salary-action-subcard{display:flex;flex-direction:column;justify-content:space-between}.dashboard-skeleton-container .skeleton-section--applications{width:100%}.dashboard-skeleton-container .skeleton-section--applications .skeleton-card--applications{border-radius:24px;padding:28px 32px;display:flex;flex-direction:column}.dashboard-skeleton-container .skeleton-section--applications .skeleton-card--applications .skeleton-comparison-chart-container{position:relative;height:190px;width:100%;display:flex;align-items:flex-end;padding-bottom:8px;box-sizing:border-box}.dashboard-skeleton-container .skeleton-section--applications .skeleton-card--applications .skeleton-comparison-chart-container .skeleton-comparison-overlay-svg{position:absolute;top:0;left:0;width:100%;height:160px;pointer-events:none;z-index:2}.dashboard-skeleton-container .skeleton-section--applications .skeleton-card--applications .skeleton-comparison-chart-container .skeleton-comparison-bars{display:flex;justify-content:space-between;align-items:flex-end;width:100%;height:100%;z-index:1;padding:0 8px;box-sizing:border-box}.dashboard-skeleton-container .skeleton-section--applications .skeleton-card--applications .skeleton-comparison-chart-container .skeleton-comparison-bars .skeleton-comparison-col{display:flex;flex-direction:column;align-items:center;flex:1}.dashboard-skeleton-container .skeleton-section--applications .skeleton-card--applications .skeleton-comparison-chart-container .skeleton-comparison-bars .skeleton-comparison-col .skeleton-comparison-bar{width:28px;border-radius:8px 8px 0 0;background-color:#dee2e6}.dashboard-skeleton-container .skeleton-subcard{background-color:#f7f7f7;border-radius:24px;padding:20px 24px;box-sizing:border-box}.dashboard-skeleton-container .skeleton-line{border-radius:6px;background-color:#d9dbe0;animation:skeleton-pulse 1.8s ease-in-out infinite}.dashboard-skeleton-container .skeleton-pill{background-color:#dee2e6;animation:skeleton-pulse 1.8s ease-in-out infinite}.dashboard-skeleton-container .skeleton-dot{width:8px;height:8px;border-radius:50%;background-color:#dee2e6;flex-shrink:0}.dashboard-skeleton-container .skeleton-button-pill{height:48px;border-radius:24px;background-color:#dee2e6;width:100%;animation:skeleton-pulse 1.8s ease-in-out infinite}.dashboard-skeleton-container .skeleton-button-pill--medium{height:42px;border-radius:21px}.dashboard-skeleton-container .skeleton-bar-hatched,.dashboard-skeleton-container .skeleton-bar-solid,.dashboard-skeleton-container .skeleton-funnel-bar,.dashboard-skeleton-container .skeleton-comparison-bar{animation:skeleton-pulse 1.8s ease-in-out infinite}.dashboard-skeleton-container .skeleton-w-20{width:20%}.dashboard-skeleton-container .skeleton-w-25{width:25%}.dashboard-skeleton-container .skeleton-w-30{width:30%}.dashboard-skeleton-container .skeleton-w-35{width:35%}.dashboard-skeleton-container .skeleton-w-40{width:40%}.dashboard-skeleton-container .skeleton-w-45{width:45%}.dashboard-skeleton-container .skeleton-w-50{width:50%}.dashboard-skeleton-container .skeleton-w-55{width:55%}.dashboard-skeleton-container .skeleton-w-60{width:60%}.dashboard-skeleton-container .skeleton-w-65{width:65%}.dashboard-skeleton-container .skeleton-w-70{width:70%}.dashboard-skeleton-container .skeleton-w-75{width:75%}.dashboard-skeleton-container .skeleton-w-80{width:80%}.dashboard-skeleton-container .skeleton-w-85{width:85%}.dashboard-skeleton-container .skeleton-w-90{width:90%}.dashboard-skeleton-container .skeleton-w-100{width:100%}.dashboard-skeleton-container .skeleton-h-10{height:10px}.dashboard-skeleton-container .skeleton-h-11{height:11px}.dashboard-skeleton-container .skeleton-h-12{height:12px}.dashboard-skeleton-container .skeleton-h-13{height:13px}.dashboard-skeleton-container .skeleton-h-14{height:14px}.dashboard-skeleton-container .skeleton-h-16{height:16px}.dashboard-skeleton-container .skeleton-h-18{height:18px}.dashboard-skeleton-container .skeleton-h-20{height:20px}.dashboard-skeleton-container .skeleton-h-24{height:24px}.dashboard-skeleton-container .skeleton-mt-auto{margin-top:auto}.dashboard-skeleton-container .skeleton-mt-8{margin-top:8px}.dashboard-skeleton-container .skeleton-mb-6{margin-bottom:6px}.dashboard-skeleton-container .skeleton-mb-8{margin-bottom:8px}.dashboard-skeleton-container .skeleton-mb-12{margin-bottom:12px}.dashboard-skeleton-container .skeleton-mb-16{margin-bottom:16px}.dashboard-skeleton-container .skeleton-mb-24{margin-bottom:24px}.dashboard-skeleton-container .skeleton-mb-32{margin-bottom:32px}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.62}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DashboardSkeletonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'careon-dashboard-skeleton', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"dashboard-skeleton-container\" aria-busy=\"true\" aria-label=\"Carregando dados do dashboard\">\r\n  <!-- #region Section1: KPIs -->\r\n  <section class=\"skeleton-section skeleton-section--kpis\">\r\n    <div class=\"kpi-grid\">\r\n      <!-- 4 Standard KPI Cards -->\r\n      <article class=\"skeleton-card skeleton-kpi-card\" *ngFor=\"let kpi of [1, 2, 3, 4]\">\r\n        <div class=\"skeleton-line skeleton-w-40 skeleton-h-12\"></div>\r\n        <div class=\"skeleton-kpi-body\">\r\n          <div class=\"skeleton-line skeleton-w-50 skeleton-h-20\"></div>\r\n          <div class=\"skeleton-pill skeleton-badge\"></div>\r\n        </div>\r\n        <div class=\"skeleton-line skeleton-w-30 skeleton-h-10\"></div>\r\n      </article>\r\n\r\n      <!-- 1 Status KPI Card -->\r\n      <article class=\"skeleton-card skeleton-kpi-card skeleton-kpi-card--status\">\r\n        <div class=\"skeleton-line skeleton-w-50 skeleton-h-12\"></div>\r\n        <div class=\"skeleton-status-bar\">\r\n          <div class=\"skeleton-bar-segment skeleton-bar-segment--main\"></div>\r\n          <div class=\"skeleton-bar-segment skeleton-bar-segment--secondary\"></div>\r\n        </div>\r\n        <div class=\"skeleton-status-legend\">\r\n          <div class=\"skeleton-legend-item\">\r\n            <span class=\"skeleton-dot\"></span>\r\n            <div class=\"skeleton-line skeleton-w-40 skeleton-h-10\"></div>\r\n          </div>\r\n          <div class=\"skeleton-legend-item\">\r\n            <span class=\"skeleton-dot\"></span>\r\n            <div class=\"skeleton-line skeleton-w-45 skeleton-h-10\"></div>\r\n          </div>\r\n        </div>\r\n      </article>\r\n    </div>\r\n  </section>\r\n  <!-- #endregion -->\r\n\r\n  <!-- #region Section2: Attention & Performance -->\r\n  <section class=\"skeleton-section skeleton-section--attention\">\r\n    <div class=\"attention-perf-grid\">\r\n      <!-- Attention Card -->\r\n      <article class=\"skeleton-card skeleton-card--attention\">\r\n        <div class=\"skeleton-line skeleton-w-60 skeleton-h-18 skeleton-mb-24\"></div>\r\n        <div class=\"skeleton-attention-list\">\r\n          <div class=\"skeleton-attention-row\" *ngFor=\"let row of [1, 2, 3]; let last = last\">\r\n            <div class=\"skeleton-line skeleton-w-50 skeleton-h-14 skeleton-mb-8\"></div>\r\n            <div class=\"skeleton-line skeleton-w-85 skeleton-h-12\"></div>\r\n            <div class=\"skeleton-divider\" *ngIf=\"!last\"></div>\r\n          </div>\r\n        </div>\r\n        <div class=\"skeleton-button-pill skeleton-mt-auto\"></div>\r\n      </article>\r\n\r\n      <!-- Performance Card -->\r\n      <article class=\"skeleton-card skeleton-card--performance\">\r\n        <div class=\"skeleton-perf-header skeleton-mb-16\">\r\n          <div class=\"skeleton-line skeleton-w-55 skeleton-h-18\"></div>\r\n          <span class=\"skeleton-info-icon\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"#C9CDD0\" stroke-width=\"2\"/>\r\n              <circle cx=\"12\" cy=\"8\" r=\"1.25\" fill=\"#C9CDD0\"/>\r\n              <line x1=\"12\" y1=\"11\" x2=\"12\" y2=\"16\" stroke=\"#C9CDD0\" stroke-width=\"2\" stroke-linecap=\"round\"/>\r\n            </svg>\r\n          </span>\r\n        </div>\r\n\r\n        <div class=\"skeleton-perf-wave-box\">\r\n          <svg class=\"skeleton-wave-svg\" viewBox=\"0 0 450 100\" preserveAspectRatio=\"none\">\r\n            <path\r\n              d=\"M 0,80 Q 90,70 180,45 T 450,20 L 450,100 L 0,100 Z\"\r\n              fill=\"#DEE2E6\"\r\n            />\r\n            <path\r\n              d=\"M 0,80 Q 90,70 180,45 T 450,20\"\r\n              fill=\"none\"\r\n              stroke=\"#C2C7CC\"\r\n              stroke-width=\"2.8\"\r\n              stroke-linecap=\"round\"\r\n              stroke-linejoin=\"round\"\r\n            />\r\n          </svg>\r\n        </div>\r\n\r\n        <div class=\"skeleton-line skeleton-w-75 skeleton-h-14 skeleton-mb-8\"></div>\r\n        <div class=\"skeleton-line skeleton-w-90 skeleton-h-14 skeleton-mb-24\"></div>\r\n        <div class=\"skeleton-button-pill skeleton-mt-auto\"></div>\r\n      </article>\r\n    </div>\r\n  </section>\r\n  <!-- #endregion -->\r\n\r\n  <!-- #region Section3: Vacancy Deep Dive -->\r\n  <section class=\"skeleton-section skeleton-section--deepdive\">\r\n    <article class=\"skeleton-card skeleton-card--deepdive\">\r\n      <!-- Header with Dropdown Selector -->\r\n      <div class=\"skeleton-deepdive-header skeleton-mb-24\">\r\n        <div class=\"skeleton-header-titles\">\r\n          <div class=\"skeleton-line skeleton-w-40 skeleton-h-18 skeleton-mb-8\"></div>\r\n          <div class=\"skeleton-line skeleton-w-25 skeleton-h-12\"></div>\r\n        </div>\r\n        <div class=\"skeleton-dropdown-pill\">\r\n          <div class=\"skeleton-line skeleton-w-50 skeleton-h-12\"></div>\r\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <path d=\"M6 9L12 15L18 9\" stroke=\"#87898A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n          </svg>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- Timeline Chart Box -->\r\n      <div class=\"skeleton-timeline-container skeleton-mb-32\">\r\n        <svg class=\"skeleton-timeline-overlay-svg\" viewBox=\"0 0 700 170\" preserveAspectRatio=\"none\">\r\n          <line x1=\"0\" y1=\"140\" x2=\"700\" y2=\"140\" stroke=\"#F7F7F7\" stroke-width=\"1\"/>\r\n          <polyline\r\n            points=\"50,110 150,60 250,90 350,50 450,135 550,60 650,25\"\r\n            fill=\"none\"\r\n            stroke=\"#C2C7CC\"\r\n            stroke-width=\"1.6\"\r\n            stroke-dasharray=\"2 3\"\r\n          />\r\n          <circle cx=\"50\" cy=\"110\" r=\"3.2\" fill=\"#FFFFFF\" stroke=\"#C2C7CC\" stroke-width=\"1.6\"/>\r\n          <circle cx=\"150\" cy=\"60\" r=\"3.2\" fill=\"#FFFFFF\" stroke=\"#C2C7CC\" stroke-width=\"1.6\"/>\r\n          <circle cx=\"250\" cy=\"90\" r=\"3.2\" fill=\"#FFFFFF\" stroke=\"#C2C7CC\" stroke-width=\"1.6\"/>\r\n          <circle cx=\"350\" cy=\"50\" r=\"3.2\" fill=\"#FFFFFF\" stroke=\"#C2C7CC\" stroke-width=\"1.6\"/>\r\n          <circle cx=\"450\" cy=\"135\" r=\"3.2\" fill=\"#FFFFFF\" stroke=\"#C2C7CC\" stroke-width=\"1.6\"/>\r\n          <circle cx=\"550\" cy=\"60\" r=\"3.2\" fill=\"#FFFFFF\" stroke=\"#C2C7CC\" stroke-width=\"1.6\"/>\r\n          <circle cx=\"650\" cy=\"25\" r=\"3.2\" fill=\"#FFFFFF\" stroke=\"#C2C7CC\" stroke-width=\"1.6\"/>\r\n        </svg>\r\n\r\n        <div class=\"skeleton-timeline-columns\">\r\n          <div class=\"skeleton-timeline-col\">\r\n            <div class=\"skeleton-bar-hatched\" style=\"height: 32px;\"></div>\r\n            <div class=\"skeleton-line skeleton-w-60 skeleton-h-12 skeleton-mt-8\"></div>\r\n          </div>\r\n          <div class=\"skeleton-timeline-col\">\r\n            <div class=\"skeleton-bar-hatched\" style=\"height: 82px;\"></div>\r\n            <div class=\"skeleton-line skeleton-w-60 skeleton-h-12 skeleton-mt-8\"></div>\r\n          </div>\r\n          <div class=\"skeleton-timeline-col\">\r\n            <div class=\"skeleton-bar-hatched\" style=\"height: 52px;\"></div>\r\n            <div class=\"skeleton-line skeleton-w-60 skeleton-h-12 skeleton-mt-8\"></div>\r\n          </div>\r\n          <div class=\"skeleton-timeline-col\">\r\n            <div class=\"skeleton-bar-hatched\" style=\"height: 92px;\"></div>\r\n            <div class=\"skeleton-line skeleton-w-60 skeleton-h-12 skeleton-mt-8\"></div>\r\n          </div>\r\n          <div class=\"skeleton-timeline-col\">\r\n            <div class=\"skeleton-bar-hatched\" style=\"height: 8px;\"></div>\r\n            <div class=\"skeleton-line skeleton-w-60 skeleton-h-12 skeleton-mt-8\"></div>\r\n          </div>\r\n          <div class=\"skeleton-timeline-col\">\r\n            <div class=\"skeleton-bar-hatched\" style=\"height: 82px;\"></div>\r\n            <div class=\"skeleton-line skeleton-w-60 skeleton-h-12 skeleton-mt-8\"></div>\r\n          </div>\r\n          <div class=\"skeleton-timeline-col skeleton-timeline-col--active\">\r\n            <div class=\"skeleton-tag-pill\"></div>\r\n            <div class=\"skeleton-bar-solid\" style=\"height: 118px;\"></div>\r\n            <div class=\"skeleton-line skeleton-w-60 skeleton-h-12 skeleton-mt-8\"></div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- Middle Subgrid: Donut and Funnel -->\r\n      <div class=\"skeleton-deepdive-middle-grid skeleton-mb-32\">\r\n        <!-- Donut Sub-card -->\r\n        <div class=\"skeleton-subcard skeleton-donut-subcard\">\r\n          <div class=\"skeleton-line skeleton-w-50 skeleton-h-13 skeleton-mb-16\"></div>\r\n          <div class=\"skeleton-donut-layout\">\r\n            <div class=\"skeleton-donut-ring\">\r\n              <svg width=\"100\" height=\"100\" viewBox=\"0 0 100 100\">\r\n                <circle cx=\"50\" cy=\"50\" r=\"36\" fill=\"none\" stroke=\"#DEE2E6\" stroke-width=\"16\"/>\r\n                <circle\r\n                  cx=\"50\"\r\n                  cy=\"50\"\r\n                  r=\"36\"\r\n                  fill=\"none\"\r\n                  stroke=\"#C2C7CC\"\r\n                  stroke-width=\"16\"\r\n                  stroke-dasharray=\"60 170\"\r\n                  stroke-dashoffset=\"15\"\r\n                />\r\n              </svg>\r\n            </div>\r\n            <div class=\"skeleton-donut-legends\">\r\n              <div class=\"skeleton-legend-item skeleton-mb-12\">\r\n                <span class=\"skeleton-dot\"></span>\r\n                <div class=\"skeleton-line skeleton-w-70 skeleton-h-11\"></div>\r\n              </div>\r\n              <div class=\"skeleton-legend-item\">\r\n                <span class=\"skeleton-dot\"></span>\r\n                <div class=\"skeleton-line skeleton-w-55 skeleton-h-11\"></div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <!-- Funnel Sub-card -->\r\n        <div class=\"skeleton-subcard skeleton-funnel-subcard\">\r\n          <div class=\"skeleton-line skeleton-w-40 skeleton-h-12 skeleton-mb-16\"></div>\r\n          <div class=\"skeleton-funnel-bars\">\r\n            <div class=\"skeleton-funnel-bar skeleton-w-100 skeleton-mb-12\"></div>\r\n            <div class=\"skeleton-funnel-bar skeleton-w-65\"></div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- Bottom Row: Salary Comparison -->\r\n      <div class=\"skeleton-salary-grid\">\r\n        <!-- Salary Metrics Box -->\r\n        <div class=\"skeleton-subcard skeleton-salary-metrics-subcard\">\r\n          <div class=\"skeleton-salary-columns skeleton-mb-16\">\r\n            <div class=\"skeleton-salary-metric-col\">\r\n              <div class=\"skeleton-line skeleton-w-60 skeleton-h-12 skeleton-mb-8\"></div>\r\n              <div class=\"skeleton-line skeleton-w-80 skeleton-h-24\"></div>\r\n            </div>\r\n            <div class=\"skeleton-salary-divider\"></div>\r\n            <div class=\"skeleton-salary-metric-col\">\r\n              <div class=\"skeleton-line skeleton-w-60 skeleton-h-12 skeleton-mb-8\"></div>\r\n              <div class=\"skeleton-line skeleton-w-80 skeleton-h-24\"></div>\r\n            </div>\r\n          </div>\r\n          <div class=\"skeleton-line skeleton-w-75 skeleton-h-12 skeleton-mb-6\"></div>\r\n          <div class=\"skeleton-line skeleton-w-90 skeleton-h-12\"></div>\r\n        </div>\r\n\r\n        <!-- Salary Action Box -->\r\n        <div class=\"skeleton-subcard skeleton-salary-action-subcard\">\r\n          <div class=\"skeleton-line skeleton-w-70 skeleton-h-16 skeleton-mb-8\"></div>\r\n          <div class=\"skeleton-line skeleton-w-85 skeleton-h-12 skeleton-mb-24\"></div>\r\n          <div class=\"skeleton-button-pill skeleton-button-pill--medium skeleton-mt-auto\"></div>\r\n        </div>\r\n      </div>\r\n    </article>\r\n  </section>\r\n  <!-- #endregion -->\r\n\r\n  <!-- #region Section4: Applications per Vacancy -->\r\n  <section class=\"skeleton-section skeleton-section--applications\">\r\n    <article class=\"skeleton-card skeleton-card--applications\">\r\n      <div class=\"skeleton-header-titles skeleton-mb-24\">\r\n        <div class=\"skeleton-line skeleton-w-35 skeleton-h-20 skeleton-mb-8\"></div>\r\n        <div class=\"skeleton-line skeleton-w-20 skeleton-h-20\"></div>\r\n      </div>\r\n\r\n      <div class=\"skeleton-comparison-chart-container\">\r\n        <svg class=\"skeleton-comparison-overlay-svg\" viewBox=\"0 0 1040 180\" preserveAspectRatio=\"none\">\r\n          <line x1=\"0\" y1=\"150\" x2=\"1040\" y2=\"150\" stroke=\"#F7F7F7\" stroke-width=\"1\"/>\r\n          <polyline\r\n            points=\"40,85 140,55 240,135 340,105 440,80 540,148 640,40 740,115 840,90 940,125\"\r\n            fill=\"none\"\r\n            stroke=\"#C2C7CC\"\r\n            stroke-width=\"1.6\"\r\n            stroke-dasharray=\"2 3\"\r\n          />\r\n          <circle cx=\"40\" cy=\"85\" r=\"3.2\" fill=\"#FFFFFF\" stroke=\"#C2C7CC\" stroke-width=\"1.6\"/>\r\n          <circle cx=\"140\" cy=\"55\" r=\"3.2\" fill=\"#FFFFFF\" stroke=\"#C2C7CC\" stroke-width=\"1.6\"/>\r\n          <circle cx=\"240\" cy=\"135\" r=\"3.2\" fill=\"#FFFFFF\" stroke=\"#C2C7CC\" stroke-width=\"1.6\"/>\r\n          <circle cx=\"340\" cy=\"105\" r=\"3.2\" fill=\"#FFFFFF\" stroke=\"#C2C7CC\" stroke-width=\"1.6\"/>\r\n          <circle cx=\"440\" cy=\"80\" r=\"3.2\" fill=\"#FFFFFF\" stroke=\"#C2C7CC\" stroke-width=\"1.6\"/>\r\n          <circle cx=\"540\" cy=\"148\" r=\"3.2\" fill=\"#FFFFFF\" stroke=\"#C2C7CC\" stroke-width=\"1.6\"/>\r\n          <circle cx=\"640\" cy=\"40\" r=\"3.2\" fill=\"#FFFFFF\" stroke=\"#C2C7CC\" stroke-width=\"1.6\"/>\r\n          <circle cx=\"740\" cy=\"115\" r=\"3.2\" fill=\"#FFFFFF\" stroke=\"#C2C7CC\" stroke-width=\"1.6\"/>\r\n          <circle cx=\"840\" cy=\"90\" r=\"3.2\" fill=\"#FFFFFF\" stroke=\"#C2C7CC\" stroke-width=\"1.6\"/>\r\n          <circle cx=\"940\" cy=\"125\" r=\"3.2\" fill=\"#FFFFFF\" stroke=\"#C2C7CC\" stroke-width=\"1.6\"/>\r\n        </svg>\r\n\r\n        <div class=\"skeleton-comparison-bars\">\r\n          <div\r\n            class=\"skeleton-comparison-col\"\r\n            *ngFor=\"let h of ['100px', '130px', '28px', '60px', '85px', '4px', '115px', '48px', '72px', '36px']\"\r\n          >\r\n            <div class=\"skeleton-comparison-bar\" [style.height]=\"h\"></div>\r\n            <div class=\"skeleton-line skeleton-w-70 skeleton-h-12 skeleton-mt-8\"></div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </article>\r\n  </section>\r\n  <!-- #endregion -->\r\n</div>\r\n", styles: [":host{display:block;width:100%}.dashboard-skeleton-container{display:flex;flex-direction:column;gap:32px;width:100%;box-sizing:border-box}.dashboard-skeleton-container .skeleton-card{background-color:#fff;box-shadow:0 4px 16px #0000000f;box-sizing:border-box}.dashboard-skeleton-container .skeleton-section--kpis{width:100%}.dashboard-skeleton-container .skeleton-section--kpis .kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.75fr);gap:16px;align-items:stretch;width:100%}@media (max-width: 1200px){.dashboard-skeleton-container .skeleton-section--kpis .kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-skeleton-container .skeleton-section--kpis .kpi-grid .skeleton-kpi-card--status{grid-column:span 2}}@media (max-width: 600px){.dashboard-skeleton-container .skeleton-section--kpis .kpi-grid{grid-template-columns:1fr}.dashboard-skeleton-container .skeleton-section--kpis .kpi-grid .skeleton-kpi-card--status{grid-column:span 1}}.dashboard-skeleton-container .skeleton-section--kpis .kpi-grid .skeleton-kpi-card{border-radius:24px;padding:16px 20px;min-height:108px;display:flex;flex-direction:column;justify-content:space-between}.dashboard-skeleton-container .skeleton-section--kpis .kpi-grid .skeleton-kpi-card .skeleton-kpi-body{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:6px 0}.dashboard-skeleton-container .skeleton-section--kpis .kpi-grid .skeleton-kpi-card .skeleton-kpi-body .skeleton-badge{width:34px;height:24px;border-radius:8px;background-color:#dee2e6;flex-shrink:0}.dashboard-skeleton-container .skeleton-section--kpis .kpi-grid .skeleton-kpi-card--status .skeleton-status-bar{display:flex;gap:4px;width:100%;height:24px;margin:6px 0}.dashboard-skeleton-container .skeleton-section--kpis .kpi-grid .skeleton-kpi-card--status .skeleton-status-bar .skeleton-bar-segment{height:100%;border-radius:6px;background-color:#dee2e6}.dashboard-skeleton-container .skeleton-section--kpis .kpi-grid .skeleton-kpi-card--status .skeleton-status-bar .skeleton-bar-segment--main{flex:68}.dashboard-skeleton-container .skeleton-section--kpis .kpi-grid .skeleton-kpi-card--status .skeleton-status-bar .skeleton-bar-segment--secondary{flex:32}.dashboard-skeleton-container .skeleton-section--kpis .kpi-grid .skeleton-kpi-card--status .skeleton-status-legend{display:flex;align-items:center;gap:16px}.dashboard-skeleton-container .skeleton-section--kpis .kpi-grid .skeleton-kpi-card--status .skeleton-status-legend .skeleton-legend-item{display:flex;align-items:center;gap:6px;flex:1}.dashboard-skeleton-container .skeleton-section--attention{width:100%}.dashboard-skeleton-container .skeleton-section--attention .attention-perf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%}@media (max-width: 900px){.dashboard-skeleton-container .skeleton-section--attention .attention-perf-grid{grid-template-columns:1fr}}.dashboard-skeleton-container .skeleton-section--attention .attention-perf-grid .skeleton-card--attention{border-radius:24px;padding:24px 28px;min-height:310px;display:flex;flex-direction:column}.dashboard-skeleton-container .skeleton-section--attention .attention-perf-grid .skeleton-card--attention .skeleton-attention-list{display:flex;flex-direction:column;margin-bottom:24px}.dashboard-skeleton-container .skeleton-section--attention .attention-perf-grid .skeleton-card--attention .skeleton-attention-list .skeleton-attention-row{display:flex;flex-direction:column;padding:8px 0}.dashboard-skeleton-container .skeleton-section--attention .attention-perf-grid .skeleton-card--attention .skeleton-attention-list .skeleton-attention-row .skeleton-divider{height:1px;background-color:#f7f7f7;width:100%;margin-top:12px}.dashboard-skeleton-container .skeleton-section--attention .attention-perf-grid .skeleton-card--performance{border-radius:24px;padding:24px 28px;min-height:310px;display:flex;flex-direction:column}.dashboard-skeleton-container .skeleton-section--attention .attention-perf-grid .skeleton-card--performance .skeleton-perf-header{display:flex;align-items:center;justify-content:space-between}.dashboard-skeleton-container .skeleton-section--attention .attention-perf-grid .skeleton-card--performance .skeleton-perf-header .skeleton-info-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.dashboard-skeleton-container .skeleton-section--attention .attention-perf-grid .skeleton-card--performance .skeleton-perf-wave-box{width:100%;height:95px;margin-bottom:20px;border-radius:12px;overflow:hidden}.dashboard-skeleton-container .skeleton-section--attention .attention-perf-grid .skeleton-card--performance .skeleton-perf-wave-box .skeleton-wave-svg{width:100%;height:100%;display:block}.dashboard-skeleton-container .skeleton-section--deepdive{width:100%}.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive{border-radius:24px;padding:28px 32px;display:flex;flex-direction:column}.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive .skeleton-deepdive-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive .skeleton-deepdive-header .skeleton-dropdown-pill{padding:8px 18px;border-radius:20.5px;border:1px solid #f7f7f7;background:#ffffff;display:flex;align-items:center;justify-content:space-between;width:320px;max-width:100%;box-sizing:border-box}.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive .skeleton-timeline-container{position:relative;height:180px;width:100%;display:flex;align-items:flex-end;padding-bottom:8px;box-sizing:border-box}.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive .skeleton-timeline-container .skeleton-timeline-overlay-svg{position:absolute;top:0;left:0;width:100%;height:150px;pointer-events:none;z-index:2}.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive .skeleton-timeline-container .skeleton-timeline-columns{display:flex;justify-content:space-around;align-items:flex-end;width:100%;height:100%;z-index:1}.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive .skeleton-timeline-container .skeleton-timeline-columns .skeleton-timeline-col{display:flex;flex-direction:column;align-items:center;position:relative;width:48px}.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive .skeleton-timeline-container .skeleton-timeline-columns .skeleton-timeline-col .skeleton-bar-hatched{width:32px;border-radius:8px 8px 0 0;background:repeating-linear-gradient(45deg,#c9cdd0,#c9cdd0 1.5px,#ffffff 1.5px,#ffffff 8px);border:1px solid #c9cdd0;box-sizing:border-box}.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive .skeleton-timeline-container .skeleton-timeline-columns .skeleton-timeline-col .skeleton-bar-solid{width:32px;border-radius:8px 8px 0 0;background-color:#dee2e6}.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive .skeleton-timeline-container .skeleton-timeline-columns .skeleton-timeline-col .skeleton-tag-pill{position:absolute;top:-24px;width:28px;height:16px;border-radius:8px;background-color:#dee2e6}.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive .skeleton-deepdive-middle-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:24px}@media (max-width: 900px){.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive .skeleton-deepdive-middle-grid{grid-template-columns:1fr}}.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive .skeleton-deepdive-middle-grid .skeleton-donut-subcard .skeleton-donut-layout{display:flex;align-items:center;gap:20px}.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive .skeleton-deepdive-middle-grid .skeleton-donut-subcard .skeleton-donut-layout .skeleton-donut-ring{width:90px;height:90px;flex-shrink:0}.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive .skeleton-deepdive-middle-grid .skeleton-donut-subcard .skeleton-donut-layout .skeleton-donut-ring svg{width:100%;height:100%}.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive .skeleton-deepdive-middle-grid .skeleton-donut-subcard .skeleton-donut-layout .skeleton-donut-legends{display:flex;flex-direction:column;flex:1}.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive .skeleton-deepdive-middle-grid .skeleton-donut-subcard .skeleton-donut-layout .skeleton-donut-legends .skeleton-legend-item{display:flex;align-items:center;gap:8px}.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive .skeleton-deepdive-middle-grid .skeleton-funnel-subcard .skeleton-funnel-bars{display:flex;flex-direction:column;gap:12px;justify-content:center;height:100%}.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive .skeleton-deepdive-middle-grid .skeleton-funnel-subcard .skeleton-funnel-bars .skeleton-funnel-bar{height:42px;border-radius:10px;background-color:#dee2e6}.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive .skeleton-salary-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}@media (max-width: 900px){.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive .skeleton-salary-grid{grid-template-columns:1fr}}.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive .skeleton-salary-grid .skeleton-salary-metrics-subcard{display:flex;flex-direction:column}.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive .skeleton-salary-grid .skeleton-salary-metrics-subcard .skeleton-salary-columns{display:flex;align-items:center;justify-content:space-around;width:100%}.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive .skeleton-salary-grid .skeleton-salary-metrics-subcard .skeleton-salary-columns .skeleton-salary-metric-col{display:flex;flex-direction:column;align-items:center;flex:1}.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive .skeleton-salary-grid .skeleton-salary-metrics-subcard .skeleton-salary-columns .skeleton-salary-divider{width:1px;height:48px;background-color:#c9cdd0}.dashboard-skeleton-container .skeleton-section--deepdive .skeleton-card--deepdive .skeleton-salary-grid .skeleton-salary-action-subcard{display:flex;flex-direction:column;justify-content:space-between}.dashboard-skeleton-container .skeleton-section--applications{width:100%}.dashboard-skeleton-container .skeleton-section--applications .skeleton-card--applications{border-radius:24px;padding:28px 32px;display:flex;flex-direction:column}.dashboard-skeleton-container .skeleton-section--applications .skeleton-card--applications .skeleton-comparison-chart-container{position:relative;height:190px;width:100%;display:flex;align-items:flex-end;padding-bottom:8px;box-sizing:border-box}.dashboard-skeleton-container .skeleton-section--applications .skeleton-card--applications .skeleton-comparison-chart-container .skeleton-comparison-overlay-svg{position:absolute;top:0;left:0;width:100%;height:160px;pointer-events:none;z-index:2}.dashboard-skeleton-container .skeleton-section--applications .skeleton-card--applications .skeleton-comparison-chart-container .skeleton-comparison-bars{display:flex;justify-content:space-between;align-items:flex-end;width:100%;height:100%;z-index:1;padding:0 8px;box-sizing:border-box}.dashboard-skeleton-container .skeleton-section--applications .skeleton-card--applications .skeleton-comparison-chart-container .skeleton-comparison-bars .skeleton-comparison-col{display:flex;flex-direction:column;align-items:center;flex:1}.dashboard-skeleton-container .skeleton-section--applications .skeleton-card--applications .skeleton-comparison-chart-container .skeleton-comparison-bars .skeleton-comparison-col .skeleton-comparison-bar{width:28px;border-radius:8px 8px 0 0;background-color:#dee2e6}.dashboard-skeleton-container .skeleton-subcard{background-color:#f7f7f7;border-radius:24px;padding:20px 24px;box-sizing:border-box}.dashboard-skeleton-container .skeleton-line{border-radius:6px;background-color:#d9dbe0;animation:skeleton-pulse 1.8s ease-in-out infinite}.dashboard-skeleton-container .skeleton-pill{background-color:#dee2e6;animation:skeleton-pulse 1.8s ease-in-out infinite}.dashboard-skeleton-container .skeleton-dot{width:8px;height:8px;border-radius:50%;background-color:#dee2e6;flex-shrink:0}.dashboard-skeleton-container .skeleton-button-pill{height:48px;border-radius:24px;background-color:#dee2e6;width:100%;animation:skeleton-pulse 1.8s ease-in-out infinite}.dashboard-skeleton-container .skeleton-button-pill--medium{height:42px;border-radius:21px}.dashboard-skeleton-container .skeleton-bar-hatched,.dashboard-skeleton-container .skeleton-bar-solid,.dashboard-skeleton-container .skeleton-funnel-bar,.dashboard-skeleton-container .skeleton-comparison-bar{animation:skeleton-pulse 1.8s ease-in-out infinite}.dashboard-skeleton-container .skeleton-w-20{width:20%}.dashboard-skeleton-container .skeleton-w-25{width:25%}.dashboard-skeleton-container .skeleton-w-30{width:30%}.dashboard-skeleton-container .skeleton-w-35{width:35%}.dashboard-skeleton-container .skeleton-w-40{width:40%}.dashboard-skeleton-container .skeleton-w-45{width:45%}.dashboard-skeleton-container .skeleton-w-50{width:50%}.dashboard-skeleton-container .skeleton-w-55{width:55%}.dashboard-skeleton-container .skeleton-w-60{width:60%}.dashboard-skeleton-container .skeleton-w-65{width:65%}.dashboard-skeleton-container .skeleton-w-70{width:70%}.dashboard-skeleton-container .skeleton-w-75{width:75%}.dashboard-skeleton-container .skeleton-w-80{width:80%}.dashboard-skeleton-container .skeleton-w-85{width:85%}.dashboard-skeleton-container .skeleton-w-90{width:90%}.dashboard-skeleton-container .skeleton-w-100{width:100%}.dashboard-skeleton-container .skeleton-h-10{height:10px}.dashboard-skeleton-container .skeleton-h-11{height:11px}.dashboard-skeleton-container .skeleton-h-12{height:12px}.dashboard-skeleton-container .skeleton-h-13{height:13px}.dashboard-skeleton-container .skeleton-h-14{height:14px}.dashboard-skeleton-container .skeleton-h-16{height:16px}.dashboard-skeleton-container .skeleton-h-18{height:18px}.dashboard-skeleton-container .skeleton-h-20{height:20px}.dashboard-skeleton-container .skeleton-h-24{height:24px}.dashboard-skeleton-container .skeleton-mt-auto{margin-top:auto}.dashboard-skeleton-container .skeleton-mt-8{margin-top:8px}.dashboard-skeleton-container .skeleton-mb-6{margin-bottom:6px}.dashboard-skeleton-container .skeleton-mb-8{margin-bottom:8px}.dashboard-skeleton-container .skeleton-mb-12{margin-bottom:12px}.dashboard-skeleton-container .skeleton-mb-16{margin-bottom:16px}.dashboard-skeleton-container .skeleton-mb-24{margin-bottom:24px}.dashboard-skeleton-container .skeleton-mb-32{margin-bottom:32px}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.62}}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGFzaGJvYXJkLXNrZWxldG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rhc2hib2FyZC9zcmMvbGliL2NvbXBvbmVudHMvZGFzaGJvYXJkLXNrZWxldG9uL2Rhc2hib2FyZC1za2VsZXRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kYXNoYm9hcmQvc3JjL2xpYi9jb21wb25lbnRzL2Rhc2hib2FyZC1za2VsZXRvbi9kYXNoYm9hcmQtc2tlbGV0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBRW5FOzs7O0dBSUc7QUFPSCxNQUFNLE9BQU8sMEJBQTBCOzt1SEFBMUIsMEJBQTBCOzJHQUExQiwwQkFBMEIsaUVDYnZDLHc4Y0FzUkE7MkZEelFhLDBCQUEwQjtrQkFOdEMsU0FBUzsrQkFDRSwyQkFBMkIsbUJBR3BCLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG4vKipcclxuICogQ29tcG9uZW50ZSB2aXN1YWwgZGUgZXNxdWVsZXRvIGRlIGNhcnJlZ2FtZW50byAoTG9hZGluZyBTa2VsZXRvbikuXHJcbiAqIFJlcHJvZHV6IGZpZWxtZW50ZSBhIGRpc3RyaWJ1aWNhbyBlc3BhY2lhbCBkb3MgY2FyZHMsIGdyYWZpY29zIGUgc2Vjb2VzIGRvIGRhc2hib2FyZFxyXG4gKiBjb20gZWZlaXRvIGFuaW1hZG8gZGUgc2hpbW1lciBkdXJhbnRlIG9wZXJhY29lcyBhc3NpbmNyb25hcyBkZSBjYXJyZWdhbWVudG8uXHJcbiAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2NhcmVvbi1kYXNoYm9hcmQtc2tlbGV0b24nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9kYXNoYm9hcmQtc2tlbGV0b24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2Rhc2hib2FyZC1za2VsZXRvbi5jb21wb25lbnQuc2NzcyddLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBEYXNoYm9hcmRTa2VsZXRvbkNvbXBvbmVudCB7fVxyXG4iLCI8ZGl2IGNsYXNzPVwiZGFzaGJvYXJkLXNrZWxldG9uLWNvbnRhaW5lclwiIGFyaWEtYnVzeT1cInRydWVcIiBhcmlhLWxhYmVsPVwiQ2FycmVnYW5kbyBkYWRvcyBkbyBkYXNoYm9hcmRcIj5cclxuICA8IS0tICNyZWdpb24gU2VjdGlvbjE6IEtQSXMgLS0+XHJcbiAgPHNlY3Rpb24gY2xhc3M9XCJza2VsZXRvbi1zZWN0aW9uIHNrZWxldG9uLXNlY3Rpb24tLWtwaXNcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJrcGktZ3JpZFwiPlxyXG4gICAgICA8IS0tIDQgU3RhbmRhcmQgS1BJIENhcmRzIC0tPlxyXG4gICAgICA8YXJ0aWNsZSBjbGFzcz1cInNrZWxldG9uLWNhcmQgc2tlbGV0b24ta3BpLWNhcmRcIiAqbmdGb3I9XCJsZXQga3BpIG9mIFsxLCAyLCAzLCA0XVwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJza2VsZXRvbi1saW5lIHNrZWxldG9uLXctNDAgc2tlbGV0b24taC0xMlwiPjwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJza2VsZXRvbi1rcGktYm9keVwiPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cInNrZWxldG9uLWxpbmUgc2tlbGV0b24tdy01MCBza2VsZXRvbi1oLTIwXCI+PC9kaXY+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwic2tlbGV0b24tcGlsbCBza2VsZXRvbi1iYWRnZVwiPjwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJza2VsZXRvbi1saW5lIHNrZWxldG9uLXctMzAgc2tlbGV0b24taC0xMFwiPjwvZGl2PlxyXG4gICAgICA8L2FydGljbGU+XHJcblxyXG4gICAgICA8IS0tIDEgU3RhdHVzIEtQSSBDYXJkIC0tPlxyXG4gICAgICA8YXJ0aWNsZSBjbGFzcz1cInNrZWxldG9uLWNhcmQgc2tlbGV0b24ta3BpLWNhcmQgc2tlbGV0b24ta3BpLWNhcmQtLXN0YXR1c1wiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJza2VsZXRvbi1saW5lIHNrZWxldG9uLXctNTAgc2tlbGV0b24taC0xMlwiPjwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJza2VsZXRvbi1zdGF0dXMtYmFyXCI+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwic2tlbGV0b24tYmFyLXNlZ21lbnQgc2tlbGV0b24tYmFyLXNlZ21lbnQtLW1haW5cIj48L2Rpdj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJza2VsZXRvbi1iYXItc2VnbWVudCBza2VsZXRvbi1iYXItc2VnbWVudC0tc2Vjb25kYXJ5XCI+PC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInNrZWxldG9uLXN0YXR1cy1sZWdlbmRcIj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJza2VsZXRvbi1sZWdlbmQtaXRlbVwiPlxyXG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNrZWxldG9uLWRvdFwiPjwvc3Bhbj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNrZWxldG9uLWxpbmUgc2tlbGV0b24tdy00MCBza2VsZXRvbi1oLTEwXCI+PC9kaXY+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJza2VsZXRvbi1sZWdlbmQtaXRlbVwiPlxyXG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNrZWxldG9uLWRvdFwiPjwvc3Bhbj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNrZWxldG9uLWxpbmUgc2tlbGV0b24tdy00NSBza2VsZXRvbi1oLTEwXCI+PC9kaXY+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9hcnRpY2xlPlxyXG4gICAgPC9kaXY+XHJcbiAgPC9zZWN0aW9uPlxyXG4gIDwhLS0gI2VuZHJlZ2lvbiAtLT5cclxuXHJcbiAgPCEtLSAjcmVnaW9uIFNlY3Rpb24yOiBBdHRlbnRpb24gJiBQZXJmb3JtYW5jZSAtLT5cclxuICA8c2VjdGlvbiBjbGFzcz1cInNrZWxldG9uLXNlY3Rpb24gc2tlbGV0b24tc2VjdGlvbi0tYXR0ZW50aW9uXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiYXR0ZW50aW9uLXBlcmYtZ3JpZFwiPlxyXG4gICAgICA8IS0tIEF0dGVudGlvbiBDYXJkIC0tPlxyXG4gICAgICA8YXJ0aWNsZSBjbGFzcz1cInNrZWxldG9uLWNhcmQgc2tlbGV0b24tY2FyZC0tYXR0ZW50aW9uXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInNrZWxldG9uLWxpbmUgc2tlbGV0b24tdy02MCBza2VsZXRvbi1oLTE4IHNrZWxldG9uLW1iLTI0XCI+PC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInNrZWxldG9uLWF0dGVudGlvbi1saXN0XCI+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwic2tlbGV0b24tYXR0ZW50aW9uLXJvd1wiICpuZ0Zvcj1cImxldCByb3cgb2YgWzEsIDIsIDNdOyBsZXQgbGFzdCA9IGxhc3RcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNrZWxldG9uLWxpbmUgc2tlbGV0b24tdy01MCBza2VsZXRvbi1oLTE0IHNrZWxldG9uLW1iLThcIj48L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNrZWxldG9uLWxpbmUgc2tlbGV0b24tdy04NSBza2VsZXRvbi1oLTEyXCI+PC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJza2VsZXRvbi1kaXZpZGVyXCIgKm5nSWY9XCIhbGFzdFwiPjwvZGl2PlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInNrZWxldG9uLWJ1dHRvbi1waWxsIHNrZWxldG9uLW10LWF1dG9cIj48L2Rpdj5cclxuICAgICAgPC9hcnRpY2xlPlxyXG5cclxuICAgICAgPCEtLSBQZXJmb3JtYW5jZSBDYXJkIC0tPlxyXG4gICAgICA8YXJ0aWNsZSBjbGFzcz1cInNrZWxldG9uLWNhcmQgc2tlbGV0b24tY2FyZC0tcGVyZm9ybWFuY2VcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwic2tlbGV0b24tcGVyZi1oZWFkZXIgc2tlbGV0b24tbWItMTZcIj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJza2VsZXRvbi1saW5lIHNrZWxldG9uLXctNTUgc2tlbGV0b24taC0xOFwiPjwvZGl2PlxyXG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJza2VsZXRvbi1pbmZvLWljb25cIj5cclxuICAgICAgICAgICAgPHN2ZyB3aWR0aD1cIjI0XCIgaGVpZ2h0PVwiMjRcIiB2aWV3Qm94PVwiMCAwIDI0IDI0XCIgZmlsbD1cIm5vbmVcIj5cclxuICAgICAgICAgICAgICA8Y2lyY2xlIGN4PVwiMTJcIiBjeT1cIjEyXCIgcj1cIjlcIiBzdHJva2U9XCIjQzlDREQwXCIgc3Ryb2tlLXdpZHRoPVwiMlwiLz5cclxuICAgICAgICAgICAgICA8Y2lyY2xlIGN4PVwiMTJcIiBjeT1cIjhcIiByPVwiMS4yNVwiIGZpbGw9XCIjQzlDREQwXCIvPlxyXG4gICAgICAgICAgICAgIDxsaW5lIHgxPVwiMTJcIiB5MT1cIjExXCIgeDI9XCIxMlwiIHkyPVwiMTZcIiBzdHJva2U9XCIjQzlDREQwXCIgc3Ryb2tlLXdpZHRoPVwiMlwiIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIi8+XHJcbiAgICAgICAgICAgIDwvc3ZnPlxyXG4gICAgICAgICAgPC9zcGFuPlxyXG4gICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwic2tlbGV0b24tcGVyZi13YXZlLWJveFwiPlxyXG4gICAgICAgICAgPHN2ZyBjbGFzcz1cInNrZWxldG9uLXdhdmUtc3ZnXCIgdmlld0JveD1cIjAgMCA0NTAgMTAwXCIgcHJlc2VydmVBc3BlY3RSYXRpbz1cIm5vbmVcIj5cclxuICAgICAgICAgICAgPHBhdGhcclxuICAgICAgICAgICAgICBkPVwiTSAwLDgwIFEgOTAsNzAgMTgwLDQ1IFQgNDUwLDIwIEwgNDUwLDEwMCBMIDAsMTAwIFpcIlxyXG4gICAgICAgICAgICAgIGZpbGw9XCIjREVFMkU2XCJcclxuICAgICAgICAgICAgLz5cclxuICAgICAgICAgICAgPHBhdGhcclxuICAgICAgICAgICAgICBkPVwiTSAwLDgwIFEgOTAsNzAgMTgwLDQ1IFQgNDUwLDIwXCJcclxuICAgICAgICAgICAgICBmaWxsPVwibm9uZVwiXHJcbiAgICAgICAgICAgICAgc3Ryb2tlPVwiI0MyQzdDQ1wiXHJcbiAgICAgICAgICAgICAgc3Ryb2tlLXdpZHRoPVwiMi44XCJcclxuICAgICAgICAgICAgICBzdHJva2UtbGluZWNhcD1cInJvdW5kXCJcclxuICAgICAgICAgICAgICBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiXHJcbiAgICAgICAgICAgIC8+XHJcbiAgICAgICAgICA8L3N2Zz5cclxuICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInNrZWxldG9uLWxpbmUgc2tlbGV0b24tdy03NSBza2VsZXRvbi1oLTE0IHNrZWxldG9uLW1iLThcIj48L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwic2tlbGV0b24tbGluZSBza2VsZXRvbi13LTkwIHNrZWxldG9uLWgtMTQgc2tlbGV0b24tbWItMjRcIj48L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwic2tlbGV0b24tYnV0dG9uLXBpbGwgc2tlbGV0b24tbXQtYXV0b1wiPjwvZGl2PlxyXG4gICAgICA8L2FydGljbGU+XHJcbiAgICA8L2Rpdj5cclxuICA8L3NlY3Rpb24+XHJcbiAgPCEtLSAjZW5kcmVnaW9uIC0tPlxyXG5cclxuICA8IS0tICNyZWdpb24gU2VjdGlvbjM6IFZhY2FuY3kgRGVlcCBEaXZlIC0tPlxyXG4gIDxzZWN0aW9uIGNsYXNzPVwic2tlbGV0b24tc2VjdGlvbiBza2VsZXRvbi1zZWN0aW9uLS1kZWVwZGl2ZVwiPlxyXG4gICAgPGFydGljbGUgY2xhc3M9XCJza2VsZXRvbi1jYXJkIHNrZWxldG9uLWNhcmQtLWRlZXBkaXZlXCI+XHJcbiAgICAgIDwhLS0gSGVhZGVyIHdpdGggRHJvcGRvd24gU2VsZWN0b3IgLS0+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJza2VsZXRvbi1kZWVwZGl2ZS1oZWFkZXIgc2tlbGV0b24tbWItMjRcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwic2tlbGV0b24taGVhZGVyLXRpdGxlc1wiPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cInNrZWxldG9uLWxpbmUgc2tlbGV0b24tdy00MCBza2VsZXRvbi1oLTE4IHNrZWxldG9uLW1iLThcIj48L2Rpdj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJza2VsZXRvbi1saW5lIHNrZWxldG9uLXctMjUgc2tlbGV0b24taC0xMlwiPjwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJza2VsZXRvbi1kcm9wZG93bi1waWxsXCI+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwic2tlbGV0b24tbGluZSBza2VsZXRvbi13LTUwIHNrZWxldG9uLWgtMTJcIj48L2Rpdj5cclxuICAgICAgICAgIDxzdmcgd2lkdGg9XCIxOFwiIGhlaWdodD1cIjE4XCIgdmlld0JveD1cIjAgMCAyNCAyNFwiIGZpbGw9XCJub25lXCI+XHJcbiAgICAgICAgICAgIDxwYXRoIGQ9XCJNNiA5TDEyIDE1TDE4IDlcIiBzdHJva2U9XCIjODc4OThBXCIgc3Ryb2tlLXdpZHRoPVwiMlwiIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIiBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiLz5cclxuICAgICAgICAgIDwvc3ZnPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuXHJcbiAgICAgIDwhLS0gVGltZWxpbmUgQ2hhcnQgQm94IC0tPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwic2tlbGV0b24tdGltZWxpbmUtY29udGFpbmVyIHNrZWxldG9uLW1iLTMyXCI+XHJcbiAgICAgICAgPHN2ZyBjbGFzcz1cInNrZWxldG9uLXRpbWVsaW5lLW92ZXJsYXktc3ZnXCIgdmlld0JveD1cIjAgMCA3MDAgMTcwXCIgcHJlc2VydmVBc3BlY3RSYXRpbz1cIm5vbmVcIj5cclxuICAgICAgICAgIDxsaW5lIHgxPVwiMFwiIHkxPVwiMTQwXCIgeDI9XCI3MDBcIiB5Mj1cIjE0MFwiIHN0cm9rZT1cIiNGN0Y3RjdcIiBzdHJva2Utd2lkdGg9XCIxXCIvPlxyXG4gICAgICAgICAgPHBvbHlsaW5lXHJcbiAgICAgICAgICAgIHBvaW50cz1cIjUwLDExMCAxNTAsNjAgMjUwLDkwIDM1MCw1MCA0NTAsMTM1IDU1MCw2MCA2NTAsMjVcIlxyXG4gICAgICAgICAgICBmaWxsPVwibm9uZVwiXHJcbiAgICAgICAgICAgIHN0cm9rZT1cIiNDMkM3Q0NcIlxyXG4gICAgICAgICAgICBzdHJva2Utd2lkdGg9XCIxLjZcIlxyXG4gICAgICAgICAgICBzdHJva2UtZGFzaGFycmF5PVwiMiAzXCJcclxuICAgICAgICAgIC8+XHJcbiAgICAgICAgICA8Y2lyY2xlIGN4PVwiNTBcIiBjeT1cIjExMFwiIHI9XCIzLjJcIiBmaWxsPVwiI0ZGRkZGRlwiIHN0cm9rZT1cIiNDMkM3Q0NcIiBzdHJva2Utd2lkdGg9XCIxLjZcIi8+XHJcbiAgICAgICAgICA8Y2lyY2xlIGN4PVwiMTUwXCIgY3k9XCI2MFwiIHI9XCIzLjJcIiBmaWxsPVwiI0ZGRkZGRlwiIHN0cm9rZT1cIiNDMkM3Q0NcIiBzdHJva2Utd2lkdGg9XCIxLjZcIi8+XHJcbiAgICAgICAgICA8Y2lyY2xlIGN4PVwiMjUwXCIgY3k9XCI5MFwiIHI9XCIzLjJcIiBmaWxsPVwiI0ZGRkZGRlwiIHN0cm9rZT1cIiNDMkM3Q0NcIiBzdHJva2Utd2lkdGg9XCIxLjZcIi8+XHJcbiAgICAgICAgICA8Y2lyY2xlIGN4PVwiMzUwXCIgY3k9XCI1MFwiIHI9XCIzLjJcIiBmaWxsPVwiI0ZGRkZGRlwiIHN0cm9rZT1cIiNDMkM3Q0NcIiBzdHJva2Utd2lkdGg9XCIxLjZcIi8+XHJcbiAgICAgICAgICA8Y2lyY2xlIGN4PVwiNDUwXCIgY3k9XCIxMzVcIiByPVwiMy4yXCIgZmlsbD1cIiNGRkZGRkZcIiBzdHJva2U9XCIjQzJDN0NDXCIgc3Ryb2tlLXdpZHRoPVwiMS42XCIvPlxyXG4gICAgICAgICAgPGNpcmNsZSBjeD1cIjU1MFwiIGN5PVwiNjBcIiByPVwiMy4yXCIgZmlsbD1cIiNGRkZGRkZcIiBzdHJva2U9XCIjQzJDN0NDXCIgc3Ryb2tlLXdpZHRoPVwiMS42XCIvPlxyXG4gICAgICAgICAgPGNpcmNsZSBjeD1cIjY1MFwiIGN5PVwiMjVcIiByPVwiMy4yXCIgZmlsbD1cIiNGRkZGRkZcIiBzdHJva2U9XCIjQzJDN0NDXCIgc3Ryb2tlLXdpZHRoPVwiMS42XCIvPlxyXG4gICAgICAgIDwvc3ZnPlxyXG5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwic2tlbGV0b24tdGltZWxpbmUtY29sdW1uc1wiPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cInNrZWxldG9uLXRpbWVsaW5lLWNvbFwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2tlbGV0b24tYmFyLWhhdGNoZWRcIiBzdHlsZT1cImhlaWdodDogMzJweDtcIj48L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNrZWxldG9uLWxpbmUgc2tlbGV0b24tdy02MCBza2VsZXRvbi1oLTEyIHNrZWxldG9uLW10LThcIj48L2Rpdj5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cInNrZWxldG9uLXRpbWVsaW5lLWNvbFwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2tlbGV0b24tYmFyLWhhdGNoZWRcIiBzdHlsZT1cImhlaWdodDogODJweDtcIj48L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNrZWxldG9uLWxpbmUgc2tlbGV0b24tdy02MCBza2VsZXRvbi1oLTEyIHNrZWxldG9uLW10LThcIj48L2Rpdj5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cInNrZWxldG9uLXRpbWVsaW5lLWNvbFwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2tlbGV0b24tYmFyLWhhdGNoZWRcIiBzdHlsZT1cImhlaWdodDogNTJweDtcIj48L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNrZWxldG9uLWxpbmUgc2tlbGV0b24tdy02MCBza2VsZXRvbi1oLTEyIHNrZWxldG9uLW10LThcIj48L2Rpdj5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cInNrZWxldG9uLXRpbWVsaW5lLWNvbFwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2tlbGV0b24tYmFyLWhhdGNoZWRcIiBzdHlsZT1cImhlaWdodDogOTJweDtcIj48L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNrZWxldG9uLWxpbmUgc2tlbGV0b24tdy02MCBza2VsZXRvbi1oLTEyIHNrZWxldG9uLW10LThcIj48L2Rpdj5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cInNrZWxldG9uLXRpbWVsaW5lLWNvbFwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2tlbGV0b24tYmFyLWhhdGNoZWRcIiBzdHlsZT1cImhlaWdodDogOHB4O1wiPjwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2tlbGV0b24tbGluZSBza2VsZXRvbi13LTYwIHNrZWxldG9uLWgtMTIgc2tlbGV0b24tbXQtOFwiPjwvZGl2PlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwic2tlbGV0b24tdGltZWxpbmUtY29sXCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJza2VsZXRvbi1iYXItaGF0Y2hlZFwiIHN0eWxlPVwiaGVpZ2h0OiA4MnB4O1wiPjwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2tlbGV0b24tbGluZSBza2VsZXRvbi13LTYwIHNrZWxldG9uLWgtMTIgc2tlbGV0b24tbXQtOFwiPjwvZGl2PlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwic2tlbGV0b24tdGltZWxpbmUtY29sIHNrZWxldG9uLXRpbWVsaW5lLWNvbC0tYWN0aXZlXCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJza2VsZXRvbi10YWctcGlsbFwiPjwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2tlbGV0b24tYmFyLXNvbGlkXCIgc3R5bGU9XCJoZWlnaHQ6IDExOHB4O1wiPjwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2tlbGV0b24tbGluZSBza2VsZXRvbi13LTYwIHNrZWxldG9uLWgtMTIgc2tlbGV0b24tbXQtOFwiPjwvZGl2PlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgPCEtLSBNaWRkbGUgU3ViZ3JpZDogRG9udXQgYW5kIEZ1bm5lbCAtLT5cclxuICAgICAgPGRpdiBjbGFzcz1cInNrZWxldG9uLWRlZXBkaXZlLW1pZGRsZS1ncmlkIHNrZWxldG9uLW1iLTMyXCI+XHJcbiAgICAgICAgPCEtLSBEb251dCBTdWItY2FyZCAtLT5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwic2tlbGV0b24tc3ViY2FyZCBza2VsZXRvbi1kb251dC1zdWJjYXJkXCI+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwic2tlbGV0b24tbGluZSBza2VsZXRvbi13LTUwIHNrZWxldG9uLWgtMTMgc2tlbGV0b24tbWItMTZcIj48L2Rpdj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJza2VsZXRvbi1kb251dC1sYXlvdXRcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNrZWxldG9uLWRvbnV0LXJpbmdcIj5cclxuICAgICAgICAgICAgICA8c3ZnIHdpZHRoPVwiMTAwXCIgaGVpZ2h0PVwiMTAwXCIgdmlld0JveD1cIjAgMCAxMDAgMTAwXCI+XHJcbiAgICAgICAgICAgICAgICA8Y2lyY2xlIGN4PVwiNTBcIiBjeT1cIjUwXCIgcj1cIjM2XCIgZmlsbD1cIm5vbmVcIiBzdHJva2U9XCIjREVFMkU2XCIgc3Ryb2tlLXdpZHRoPVwiMTZcIi8+XHJcbiAgICAgICAgICAgICAgICA8Y2lyY2xlXHJcbiAgICAgICAgICAgICAgICAgIGN4PVwiNTBcIlxyXG4gICAgICAgICAgICAgICAgICBjeT1cIjUwXCJcclxuICAgICAgICAgICAgICAgICAgcj1cIjM2XCJcclxuICAgICAgICAgICAgICAgICAgZmlsbD1cIm5vbmVcIlxyXG4gICAgICAgICAgICAgICAgICBzdHJva2U9XCIjQzJDN0NDXCJcclxuICAgICAgICAgICAgICAgICAgc3Ryb2tlLXdpZHRoPVwiMTZcIlxyXG4gICAgICAgICAgICAgICAgICBzdHJva2UtZGFzaGFycmF5PVwiNjAgMTcwXCJcclxuICAgICAgICAgICAgICAgICAgc3Ryb2tlLWRhc2hvZmZzZXQ9XCIxNVwiXHJcbiAgICAgICAgICAgICAgICAvPlxyXG4gICAgICAgICAgICAgIDwvc3ZnPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNrZWxldG9uLWRvbnV0LWxlZ2VuZHNcIj5cclxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2tlbGV0b24tbGVnZW5kLWl0ZW0gc2tlbGV0b24tbWItMTJcIj5cclxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2tlbGV0b24tZG90XCI+PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNrZWxldG9uLWxpbmUgc2tlbGV0b24tdy03MCBza2VsZXRvbi1oLTExXCI+PC9kaXY+XHJcbiAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNrZWxldG9uLWxlZ2VuZC1pdGVtXCI+XHJcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNrZWxldG9uLWRvdFwiPjwvc3Bhbj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJza2VsZXRvbi1saW5lIHNrZWxldG9uLXctNTUgc2tlbGV0b24taC0xMVwiPjwvZGl2PlxyXG4gICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICA8IS0tIEZ1bm5lbCBTdWItY2FyZCAtLT5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwic2tlbGV0b24tc3ViY2FyZCBza2VsZXRvbi1mdW5uZWwtc3ViY2FyZFwiPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cInNrZWxldG9uLWxpbmUgc2tlbGV0b24tdy00MCBza2VsZXRvbi1oLTEyIHNrZWxldG9uLW1iLTE2XCI+PC9kaXY+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwic2tlbGV0b24tZnVubmVsLWJhcnNcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNrZWxldG9uLWZ1bm5lbC1iYXIgc2tlbGV0b24tdy0xMDAgc2tlbGV0b24tbWItMTJcIj48L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNrZWxldG9uLWZ1bm5lbC1iYXIgc2tlbGV0b24tdy02NVwiPjwvZGl2PlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgPCEtLSBCb3R0b20gUm93OiBTYWxhcnkgQ29tcGFyaXNvbiAtLT5cclxuICAgICAgPGRpdiBjbGFzcz1cInNrZWxldG9uLXNhbGFyeS1ncmlkXCI+XHJcbiAgICAgICAgPCEtLSBTYWxhcnkgTWV0cmljcyBCb3ggLS0+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInNrZWxldG9uLXN1YmNhcmQgc2tlbGV0b24tc2FsYXJ5LW1ldHJpY3Mtc3ViY2FyZFwiPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cInNrZWxldG9uLXNhbGFyeS1jb2x1bW5zIHNrZWxldG9uLW1iLTE2XCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJza2VsZXRvbi1zYWxhcnktbWV0cmljLWNvbFwiPlxyXG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJza2VsZXRvbi1saW5lIHNrZWxldG9uLXctNjAgc2tlbGV0b24taC0xMiBza2VsZXRvbi1tYi04XCI+PC9kaXY+XHJcbiAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNrZWxldG9uLWxpbmUgc2tlbGV0b24tdy04MCBza2VsZXRvbi1oLTI0XCI+PC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2tlbGV0b24tc2FsYXJ5LWRpdmlkZXJcIj48L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNrZWxldG9uLXNhbGFyeS1tZXRyaWMtY29sXCI+XHJcbiAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNrZWxldG9uLWxpbmUgc2tlbGV0b24tdy02MCBza2VsZXRvbi1oLTEyIHNrZWxldG9uLW1iLThcIj48L2Rpdj5cclxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2tlbGV0b24tbGluZSBza2VsZXRvbi13LTgwIHNrZWxldG9uLWgtMjRcIj48L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJza2VsZXRvbi1saW5lIHNrZWxldG9uLXctNzUgc2tlbGV0b24taC0xMiBza2VsZXRvbi1tYi02XCI+PC9kaXY+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwic2tlbGV0b24tbGluZSBza2VsZXRvbi13LTkwIHNrZWxldG9uLWgtMTJcIj48L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgPCEtLSBTYWxhcnkgQWN0aW9uIEJveCAtLT5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwic2tlbGV0b24tc3ViY2FyZCBza2VsZXRvbi1zYWxhcnktYWN0aW9uLXN1YmNhcmRcIj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJza2VsZXRvbi1saW5lIHNrZWxldG9uLXctNzAgc2tlbGV0b24taC0xNiBza2VsZXRvbi1tYi04XCI+PC9kaXY+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwic2tlbGV0b24tbGluZSBza2VsZXRvbi13LTg1IHNrZWxldG9uLWgtMTIgc2tlbGV0b24tbWItMjRcIj48L2Rpdj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJza2VsZXRvbi1idXR0b24tcGlsbCBza2VsZXRvbi1idXR0b24tcGlsbC0tbWVkaXVtIHNrZWxldG9uLW10LWF1dG9cIj48L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2FydGljbGU+XHJcbiAgPC9zZWN0aW9uPlxyXG4gIDwhLS0gI2VuZHJlZ2lvbiAtLT5cclxuXHJcbiAgPCEtLSAjcmVnaW9uIFNlY3Rpb240OiBBcHBsaWNhdGlvbnMgcGVyIFZhY2FuY3kgLS0+XHJcbiAgPHNlY3Rpb24gY2xhc3M9XCJza2VsZXRvbi1zZWN0aW9uIHNrZWxldG9uLXNlY3Rpb24tLWFwcGxpY2F0aW9uc1wiPlxyXG4gICAgPGFydGljbGUgY2xhc3M9XCJza2VsZXRvbi1jYXJkIHNrZWxldG9uLWNhcmQtLWFwcGxpY2F0aW9uc1wiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwic2tlbGV0b24taGVhZGVyLXRpdGxlcyBza2VsZXRvbi1tYi0yNFwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJza2VsZXRvbi1saW5lIHNrZWxldG9uLXctMzUgc2tlbGV0b24taC0yMCBza2VsZXRvbi1tYi04XCI+PC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInNrZWxldG9uLWxpbmUgc2tlbGV0b24tdy0yMCBza2VsZXRvbi1oLTIwXCI+PC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgPGRpdiBjbGFzcz1cInNrZWxldG9uLWNvbXBhcmlzb24tY2hhcnQtY29udGFpbmVyXCI+XHJcbiAgICAgICAgPHN2ZyBjbGFzcz1cInNrZWxldG9uLWNvbXBhcmlzb24tb3ZlcmxheS1zdmdcIiB2aWV3Qm94PVwiMCAwIDEwNDAgMTgwXCIgcHJlc2VydmVBc3BlY3RSYXRpbz1cIm5vbmVcIj5cclxuICAgICAgICAgIDxsaW5lIHgxPVwiMFwiIHkxPVwiMTUwXCIgeDI9XCIxMDQwXCIgeTI9XCIxNTBcIiBzdHJva2U9XCIjRjdGN0Y3XCIgc3Ryb2tlLXdpZHRoPVwiMVwiLz5cclxuICAgICAgICAgIDxwb2x5bGluZVxyXG4gICAgICAgICAgICBwb2ludHM9XCI0MCw4NSAxNDAsNTUgMjQwLDEzNSAzNDAsMTA1IDQ0MCw4MCA1NDAsMTQ4IDY0MCw0MCA3NDAsMTE1IDg0MCw5MCA5NDAsMTI1XCJcclxuICAgICAgICAgICAgZmlsbD1cIm5vbmVcIlxyXG4gICAgICAgICAgICBzdHJva2U9XCIjQzJDN0NDXCJcclxuICAgICAgICAgICAgc3Ryb2tlLXdpZHRoPVwiMS42XCJcclxuICAgICAgICAgICAgc3Ryb2tlLWRhc2hhcnJheT1cIjIgM1wiXHJcbiAgICAgICAgICAvPlxyXG4gICAgICAgICAgPGNpcmNsZSBjeD1cIjQwXCIgY3k9XCI4NVwiIHI9XCIzLjJcIiBmaWxsPVwiI0ZGRkZGRlwiIHN0cm9rZT1cIiNDMkM3Q0NcIiBzdHJva2Utd2lkdGg9XCIxLjZcIi8+XHJcbiAgICAgICAgICA8Y2lyY2xlIGN4PVwiMTQwXCIgY3k9XCI1NVwiIHI9XCIzLjJcIiBmaWxsPVwiI0ZGRkZGRlwiIHN0cm9rZT1cIiNDMkM3Q0NcIiBzdHJva2Utd2lkdGg9XCIxLjZcIi8+XHJcbiAgICAgICAgICA8Y2lyY2xlIGN4PVwiMjQwXCIgY3k9XCIxMzVcIiByPVwiMy4yXCIgZmlsbD1cIiNGRkZGRkZcIiBzdHJva2U9XCIjQzJDN0NDXCIgc3Ryb2tlLXdpZHRoPVwiMS42XCIvPlxyXG4gICAgICAgICAgPGNpcmNsZSBjeD1cIjM0MFwiIGN5PVwiMTA1XCIgcj1cIjMuMlwiIGZpbGw9XCIjRkZGRkZGXCIgc3Ryb2tlPVwiI0MyQzdDQ1wiIHN0cm9rZS13aWR0aD1cIjEuNlwiLz5cclxuICAgICAgICAgIDxjaXJjbGUgY3g9XCI0NDBcIiBjeT1cIjgwXCIgcj1cIjMuMlwiIGZpbGw9XCIjRkZGRkZGXCIgc3Ryb2tlPVwiI0MyQzdDQ1wiIHN0cm9rZS13aWR0aD1cIjEuNlwiLz5cclxuICAgICAgICAgIDxjaXJjbGUgY3g9XCI1NDBcIiBjeT1cIjE0OFwiIHI9XCIzLjJcIiBmaWxsPVwiI0ZGRkZGRlwiIHN0cm9rZT1cIiNDMkM3Q0NcIiBzdHJva2Utd2lkdGg9XCIxLjZcIi8+XHJcbiAgICAgICAgICA8Y2lyY2xlIGN4PVwiNjQwXCIgY3k9XCI0MFwiIHI9XCIzLjJcIiBmaWxsPVwiI0ZGRkZGRlwiIHN0cm9rZT1cIiNDMkM3Q0NcIiBzdHJva2Utd2lkdGg9XCIxLjZcIi8+XHJcbiAgICAgICAgICA8Y2lyY2xlIGN4PVwiNzQwXCIgY3k9XCIxMTVcIiByPVwiMy4yXCIgZmlsbD1cIiNGRkZGRkZcIiBzdHJva2U9XCIjQzJDN0NDXCIgc3Ryb2tlLXdpZHRoPVwiMS42XCIvPlxyXG4gICAgICAgICAgPGNpcmNsZSBjeD1cIjg0MFwiIGN5PVwiOTBcIiByPVwiMy4yXCIgZmlsbD1cIiNGRkZGRkZcIiBzdHJva2U9XCIjQzJDN0NDXCIgc3Ryb2tlLXdpZHRoPVwiMS42XCIvPlxyXG4gICAgICAgICAgPGNpcmNsZSBjeD1cIjk0MFwiIGN5PVwiMTI1XCIgcj1cIjMuMlwiIGZpbGw9XCIjRkZGRkZGXCIgc3Ryb2tlPVwiI0MyQzdDQ1wiIHN0cm9rZS13aWR0aD1cIjEuNlwiLz5cclxuICAgICAgICA8L3N2Zz5cclxuXHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInNrZWxldG9uLWNvbXBhcmlzb24tYmFyc1wiPlxyXG4gICAgICAgICAgPGRpdlxyXG4gICAgICAgICAgICBjbGFzcz1cInNrZWxldG9uLWNvbXBhcmlzb24tY29sXCJcclxuICAgICAgICAgICAgKm5nRm9yPVwibGV0IGggb2YgWycxMDBweCcsICcxMzBweCcsICcyOHB4JywgJzYwcHgnLCAnODVweCcsICc0cHgnLCAnMTE1cHgnLCAnNDhweCcsICc3MnB4JywgJzM2cHgnXVwiXHJcbiAgICAgICAgICA+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJza2VsZXRvbi1jb21wYXJpc29uLWJhclwiIFtzdHlsZS5oZWlnaHRdPVwiaFwiPjwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2tlbGV0b24tbGluZSBza2VsZXRvbi13LTcwIHNrZWxldG9uLWgtMTIgc2tlbGV0b24tbXQtOFwiPjwvZGl2PlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9hcnRpY2xlPlxyXG4gIDwvc2VjdGlvbj5cclxuICA8IS0tICNlbmRyZWdpb24gLS0+XHJcbjwvZGl2PlxyXG4iXX0=

package/esm2020/lib/components/performance-wave/performance-wave.component.mjs

@@ -0,0 +1,30 @@
+import { Component, Input, ChangeDetectionStrategy } from '@angular/core';
+import { PerformanceLevel } from '../../models/dashboard.models';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+/**
+ * Componente grafico de onda vetorial (SVG inline) para representacao qualitativa de desempenho.
+ * Renderiza tres perfis distintos de curva:
+ * - Blue: Curva suave e ascendente, simbolizando alto engajamento.
+ * - Orange: Curva intermediaria com pequenas oscilacoes.
+ * - Red: Curva descendente acentuada, indicando necessidade de atencao.
+ */
+export class PerformanceWaveComponent {
+    constructor() {
+        this.PerformanceLevel = PerformanceLevel;
+        /**
+         * Nivel de performance que determina o formato da onda e as cores do gradiente vetorial.
+         * @default PerformanceLevel.Blue
+         */
+        this.level = PerformanceLevel.Blue;
+    }
+}
+PerformanceWaveComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PerformanceWaveComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PerformanceWaveComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PerformanceWaveComponent, selector: "careon-performance-wave", inputs: { level: "level" }, ngImport: i0, template: "<div class=\"performance-wave-container\" [ngSwitch]=\"level\">\r\n  <!-- Gr\u00E1fico Azul: taxa >= 4% -->\r\n  <svg\r\n    *ngSwitchCase=\"PerformanceLevel.Blue\"\r\n    class=\"performance-wave-svg\"\r\n    viewBox=\"0 0 452 98\"\r\n    preserveAspectRatio=\"none\"\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=\"M0.485352 79.9565C0.485352 78.4292 1.65796 77.1444 3.17418 76.9605C91.3906 66.2645 136.386 21.7967 225.485 31.8008C314.054 41.7454 380.833 7.65094 447.265 1.74872C449.003 1.59429 450.485 2.97287 450.485 4.71795V94.485C450.485 96.1419 449.142 97.485 447.485 97.485H3.48535C1.82849 97.485 0.485352 96.1419 0.485352 94.485V79.9565Z\"\r\n      fill=\"#DBEAFD\"\r\n    />\r\n    <path\r\n      d=\"M1.48535 76.4851C91.2853 66.4851 136.185 21.4851 225.985 31.4851C315.785 41.4851 383.135 6.48506 450.485 1.48506\"\r\n      stroke=\"#245DEF\"\r\n      stroke-width=\"2.97\"\r\n      stroke-linecap=\"round\"\r\n      stroke-linejoin=\"round\"\r\n    />\r\n  </svg>\r\n\r\n  <!-- Gr\u00E1fico Laranja: taxa < 4% -->\r\n  <svg\r\n    *ngSwitchCase=\"PerformanceLevel.Orange\"\r\n    class=\"performance-wave-svg\"\r\n    viewBox=\"0 0 451 98\"\r\n    preserveAspectRatio=\"none\"\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=\"M0 48.297C0 47.5374 0.433006 46.8417 1.11413 46.5054C68.2428 13.3645 135.371 -3.17555 202.5 2.37853C269.731 7.94106 350.354 41.2053 448.816 85.6166C449.533 85.9398 450 86.656 450 87.4422V95.3202C450 96.4248 449.105 97.3202 448 97.3202H1.99999C0.89542 97.3202 0 96.4248 0 95.3202V48.297Z\"\r\n      fill=\"#E88618\"\r\n      fill-opacity=\"0.22\"\r\n    />\r\n    <path\r\n      d=\"M1.5 48.3202C69 17.1144 136 -2.89515 203.5 2.30581C271 7.50677 350 45.2125 449 86.8202\"\r\n      stroke=\"#E88618\"\r\n      stroke-width=\"2.97\"\r\n      stroke-linecap=\"round\"\r\n      stroke-linejoin=\"round\"\r\n    />\r\n  </svg>\r\n\r\n  <!-- Gr\u00E1fico Vermelho: 0 vagas no per\u00EDodo -->\r\n  <svg\r\n    *ngSwitchDefault\r\n    class=\"performance-wave-svg\"\r\n    viewBox=\"0 0 450 97\"\r\n    preserveAspectRatio=\"none\"\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=\"M0 3.97707C0 2.14014 1.66636 0.739066 3.48178 1.01927C91.1757 14.5544 136.168 28.0029 225 34.771C313.933 41.5468 380.896 61.7137 447.599 75.4232C448.996 75.7104 450 76.939 450 78.3656V93.4853C450 95.1421 448.657 96.4853 447 96.4853H3C1.34314 96.4853 0 95.1421 0 93.4853V3.97707Z\"\r\n      fill=\"#FFDEDE\"\r\n    />\r\n    <path\r\n      d=\"M1.5 1.48529C72.9286 15.771 108.571 21.8424 180 28.9853C251.429 36.1281 394.429 60.6996 448 74.9853\"\r\n      stroke=\"#E8412A\"\r\n      stroke-width=\"2.97\"\r\n      stroke-linecap=\"round\"\r\n      stroke-linejoin=\"round\"\r\n    />\r\n  </svg>\r\n</div>\r\n", styles: [":host{display:block;width:100%;height:98px;margin:6px 0 14px}.performance-wave-container{width:100%;height:100%;overflow:hidden;display:flex;align-items:flex-end}.performance-wave-container .performance-wave-svg{width:100%;height:100%;display:block}\n"], dependencies: [{ kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PerformanceWaveComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'careon-performance-wave', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"performance-wave-container\" [ngSwitch]=\"level\">\r\n  <!-- Gr\u00E1fico Azul: taxa >= 4% -->\r\n  <svg\r\n    *ngSwitchCase=\"PerformanceLevel.Blue\"\r\n    class=\"performance-wave-svg\"\r\n    viewBox=\"0 0 452 98\"\r\n    preserveAspectRatio=\"none\"\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=\"M0.485352 79.9565C0.485352 78.4292 1.65796 77.1444 3.17418 76.9605C91.3906 66.2645 136.386 21.7967 225.485 31.8008C314.054 41.7454 380.833 7.65094 447.265 1.74872C449.003 1.59429 450.485 2.97287 450.485 4.71795V94.485C450.485 96.1419 449.142 97.485 447.485 97.485H3.48535C1.82849 97.485 0.485352 96.1419 0.485352 94.485V79.9565Z\"\r\n      fill=\"#DBEAFD\"\r\n    />\r\n    <path\r\n      d=\"M1.48535 76.4851C91.2853 66.4851 136.185 21.4851 225.985 31.4851C315.785 41.4851 383.135 6.48506 450.485 1.48506\"\r\n      stroke=\"#245DEF\"\r\n      stroke-width=\"2.97\"\r\n      stroke-linecap=\"round\"\r\n      stroke-linejoin=\"round\"\r\n    />\r\n  </svg>\r\n\r\n  <!-- Gr\u00E1fico Laranja: taxa < 4% -->\r\n  <svg\r\n    *ngSwitchCase=\"PerformanceLevel.Orange\"\r\n    class=\"performance-wave-svg\"\r\n    viewBox=\"0 0 451 98\"\r\n    preserveAspectRatio=\"none\"\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=\"M0 48.297C0 47.5374 0.433006 46.8417 1.11413 46.5054C68.2428 13.3645 135.371 -3.17555 202.5 2.37853C269.731 7.94106 350.354 41.2053 448.816 85.6166C449.533 85.9398 450 86.656 450 87.4422V95.3202C450 96.4248 449.105 97.3202 448 97.3202H1.99999C0.89542 97.3202 0 96.4248 0 95.3202V48.297Z\"\r\n      fill=\"#E88618\"\r\n      fill-opacity=\"0.22\"\r\n    />\r\n    <path\r\n      d=\"M1.5 48.3202C69 17.1144 136 -2.89515 203.5 2.30581C271 7.50677 350 45.2125 449 86.8202\"\r\n      stroke=\"#E88618\"\r\n      stroke-width=\"2.97\"\r\n      stroke-linecap=\"round\"\r\n      stroke-linejoin=\"round\"\r\n    />\r\n  </svg>\r\n\r\n  <!-- Gr\u00E1fico Vermelho: 0 vagas no per\u00EDodo -->\r\n  <svg\r\n    *ngSwitchDefault\r\n    class=\"performance-wave-svg\"\r\n    viewBox=\"0 0 450 97\"\r\n    preserveAspectRatio=\"none\"\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=\"M0 3.97707C0 2.14014 1.66636 0.739066 3.48178 1.01927C91.1757 14.5544 136.168 28.0029 225 34.771C313.933 41.5468 380.896 61.7137 447.599 75.4232C448.996 75.7104 450 76.939 450 78.3656V93.4853C450 95.1421 448.657 96.4853 447 96.4853H3C1.34314 96.4853 0 95.1421 0 93.4853V3.97707Z\"\r\n      fill=\"#FFDEDE\"\r\n    />\r\n    <path\r\n      d=\"M1.5 1.48529C72.9286 15.771 108.571 21.8424 180 28.9853C251.429 36.1281 394.429 60.6996 448 74.9853\"\r\n      stroke=\"#E8412A\"\r\n      stroke-width=\"2.97\"\r\n      stroke-linecap=\"round\"\r\n      stroke-linejoin=\"round\"\r\n    />\r\n  </svg>\r\n</div>\r\n", styles: [":host{display:block;width:100%;height:98px;margin:6px 0 14px}.performance-wave-container{width:100%;height:100%;overflow:hidden;display:flex;align-items:flex-end}.performance-wave-container .performance-wave-svg{width:100%;height:100%;display:block}\n"] }]
+        }], propDecorators: { level: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGVyZm9ybWFuY2Utd2F2ZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kYXNoYm9hcmQvc3JjL2xpYi9jb21wb25lbnRzL3BlcmZvcm1hbmNlLXdhdmUvcGVyZm9ybWFuY2Utd2F2ZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kYXNoYm9hcmQvc3JjL2xpYi9jb21wb25lbnRzL3BlcmZvcm1hbmNlLXdhdmUvcGVyZm9ybWFuY2Utd2F2ZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQzs7O0FBRWpFOzs7Ozs7R0FNRztBQU9ILE1BQU0sT0FBTyx3QkFBd0I7SUFOckM7UUFPVyxxQkFBZ0IsR0FBRyxnQkFBZ0IsQ0FBQztRQUU3Qzs7O1dBR0c7UUFDTSxVQUFLLEdBQXFCLGdCQUFnQixDQUFDLElBQUksQ0FBQztLQUMxRDs7cUhBUlksd0JBQXdCO3lHQUF4Qix3QkFBd0IsMkZDaEJyQyx3NEZBdUVBOzJGRHZEYSx3QkFBd0I7a0JBTnBDLFNBQVM7K0JBQ0UseUJBQXlCLG1CQUdsQix1QkFBdUIsQ0FBQyxNQUFNOzhCQVN0QyxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBQZXJmb3JtYW5jZUxldmVsIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2Rhc2hib2FyZC5tb2RlbHMnO1xyXG5cclxuLyoqXHJcbiAqIENvbXBvbmVudGUgZ3JhZmljbyBkZSBvbmRhIHZldG9yaWFsIChTVkcgaW5saW5lKSBwYXJhIHJlcHJlc2VudGFjYW8gcXVhbGl0YXRpdmEgZGUgZGVzZW1wZW5oby5cclxuICogUmVuZGVyaXphIHRyZXMgcGVyZmlzIGRpc3RpbnRvcyBkZSBjdXJ2YTpcclxuICogLSBCbHVlOiBDdXJ2YSBzdWF2ZSBlIGFzY2VuZGVudGUsIHNpbWJvbGl6YW5kbyBhbHRvIGVuZ2FqYW1lbnRvLlxyXG4gKiAtIE9yYW5nZTogQ3VydmEgaW50ZXJtZWRpYXJpYSBjb20gcGVxdWVuYXMgb3NjaWxhY29lcy5cclxuICogLSBSZWQ6IEN1cnZhIGRlc2NlbmRlbnRlIGFjZW50dWFkYSwgaW5kaWNhbmRvIG5lY2Vzc2lkYWRlIGRlIGF0ZW5jYW8uXHJcbiAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2NhcmVvbi1wZXJmb3JtYW5jZS13YXZlJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vcGVyZm9ybWFuY2Utd2F2ZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vcGVyZm9ybWFuY2Utd2F2ZS5jb21wb25lbnQuc2NzcyddLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBQZXJmb3JtYW5jZVdhdmVDb21wb25lbnQge1xyXG4gIHJlYWRvbmx5IFBlcmZvcm1hbmNlTGV2ZWwgPSBQZXJmb3JtYW5jZUxldmVsO1xyXG5cclxuICAvKipcclxuICAgKiBOaXZlbCBkZSBwZXJmb3JtYW5jZSBxdWUgZGV0ZXJtaW5hIG8gZm9ybWF0byBkYSBvbmRhIGUgYXMgY29yZXMgZG8gZ3JhZGllbnRlIHZldG9yaWFsLlxyXG4gICAqIEBkZWZhdWx0IFBlcmZvcm1hbmNlTGV2ZWwuQmx1ZVxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIGxldmVsOiBQZXJmb3JtYW5jZUxldmVsID0gUGVyZm9ybWFuY2VMZXZlbC5CbHVlO1xyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJwZXJmb3JtYW5jZS13YXZlLWNvbnRhaW5lclwiIFtuZ1N3aXRjaF09XCJsZXZlbFwiPlxyXG4gIDwhLS0gR3LDoWZpY28gQXp1bDogdGF4YSA+PSA0JSAtLT5cclxuICA8c3ZnXHJcbiAgICAqbmdTd2l0Y2hDYXNlPVwiUGVyZm9ybWFuY2VMZXZlbC5CbHVlXCJcclxuICAgIGNsYXNzPVwicGVyZm9ybWFuY2Utd2F2ZS1zdmdcIlxyXG4gICAgdmlld0JveD1cIjAgMCA0NTIgOThcIlxyXG4gICAgcHJlc2VydmVBc3BlY3RSYXRpbz1cIm5vbmVcIlxyXG4gICAgZmlsbD1cIm5vbmVcIlxyXG4gICAgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiXHJcbiAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxyXG4gID5cclxuICAgIDxwYXRoXHJcbiAgICAgIGQ9XCJNMC40ODUzNTIgNzkuOTU2NUMwLjQ4NTM1MiA3OC40MjkyIDEuNjU3OTYgNzcuMTQ0NCAzLjE3NDE4IDc2Ljk2MDVDOTEuMzkwNiA2Ni4yNjQ1IDEzNi4zODYgMjEuNzk2NyAyMjUuNDg1IDMxLjgwMDhDMzE0LjA1NCA0MS43NDU0IDM4MC44MzMgNy42NTA5NCA0NDcuMjY1IDEuNzQ4NzJDNDQ5LjAwMyAxLjU5NDI5IDQ1MC40ODUgMi45NzI4NyA0NTAuNDg1IDQuNzE3OTVWOTQuNDg1QzQ1MC40ODUgOTYuMTQxOSA0NDkuMTQyIDk3LjQ4NSA0NDcuNDg1IDk3LjQ4NUgzLjQ4NTM1QzEuODI4NDkgOTcuNDg1IDAuNDg1MzUyIDk2LjE0MTkgMC40ODUzNTIgOTQuNDg1Vjc5Ljk1NjVaXCJcclxuICAgICAgZmlsbD1cIiNEQkVBRkRcIlxyXG4gICAgLz5cclxuICAgIDxwYXRoXHJcbiAgICAgIGQ9XCJNMS40ODUzNSA3Ni40ODUxQzkxLjI4NTMgNjYuNDg1MSAxMzYuMTg1IDIxLjQ4NTEgMjI1Ljk4NSAzMS40ODUxQzMxNS43ODUgNDEuNDg1MSAzODMuMTM1IDYuNDg1MDYgNDUwLjQ4NSAxLjQ4NTA2XCJcclxuICAgICAgc3Ryb2tlPVwiIzI0NURFRlwiXHJcbiAgICAgIHN0cm9rZS13aWR0aD1cIjIuOTdcIlxyXG4gICAgICBzdHJva2UtbGluZWNhcD1cInJvdW5kXCJcclxuICAgICAgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIlxyXG4gICAgLz5cclxuICA8L3N2Zz5cclxuXHJcbiAgPCEtLSBHcsOhZmljbyBMYXJhbmphOiB0YXhhIDwgNCUgLS0+XHJcbiAgPHN2Z1xyXG4gICAgKm5nU3dpdGNoQ2FzZT1cIlBlcmZvcm1hbmNlTGV2ZWwuT3JhbmdlXCJcclxuICAgIGNsYXNzPVwicGVyZm9ybWFuY2Utd2F2ZS1zdmdcIlxyXG4gICAgdmlld0JveD1cIjAgMCA0NTEgOThcIlxyXG4gICAgcHJlc2VydmVBc3BlY3RSYXRpbz1cIm5vbmVcIlxyXG4gICAgZmlsbD1cIm5vbmVcIlxyXG4gICAgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiXHJcbiAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxyXG4gID5cclxuICAgIDxwYXRoXHJcbiAgICAgIGQ9XCJNMCA0OC4yOTdDMCA0Ny41Mzc0IDAuNDMzMDA2IDQ2Ljg0MTcgMS4xMTQxMyA0Ni41MDU0QzY4LjI0MjggMTMuMzY0NSAxMzUuMzcxIC0zLjE3NTU1IDIwMi41IDIuMzc4NTNDMjY5LjczMSA3Ljk0MTA2IDM1MC4zNTQgNDEuMjA1MyA0NDguODE2IDg1LjYxNjZDNDQ5LjUzMyA4NS45Mzk4IDQ1MCA4Ni42NTYgNDUwIDg3LjQ0MjJWOTUuMzIwMkM0NTAgOTYuNDI0OCA0NDkuMTA1IDk3LjMyMDIgNDQ4IDk3LjMyMDJIMS45OTk5OUMwLjg5NTQyIDk3LjMyMDIgMCA5Ni40MjQ4IDAgOTUuMzIwMlY0OC4yOTdaXCJcclxuICAgICAgZmlsbD1cIiNFODg2MThcIlxyXG4gICAgICBmaWxsLW9wYWNpdHk9XCIwLjIyXCJcclxuICAgIC8+XHJcbiAgICA8cGF0aFxyXG4gICAgICBkPVwiTTEuNSA0OC4zMjAyQzY5IDE3LjExNDQgMTM2IC0yLjg5NTE1IDIwMy41IDIuMzA1ODFDMjcxIDcuNTA2NzcgMzUwIDQ1LjIxMjUgNDQ5IDg2LjgyMDJcIlxyXG4gICAgICBzdHJva2U9XCIjRTg4NjE4XCJcclxuICAgICAgc3Ryb2tlLXdpZHRoPVwiMi45N1wiXHJcbiAgICAgIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIlxyXG4gICAgICBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiXHJcbiAgICAvPlxyXG4gIDwvc3ZnPlxyXG5cclxuICA8IS0tIEdyw6FmaWNvIFZlcm1lbGhvOiAwIHZhZ2FzIG5vIHBlcsOtb2RvIC0tPlxyXG4gIDxzdmdcclxuICAgICpuZ1N3aXRjaERlZmF1bHRcclxuICAgIGNsYXNzPVwicGVyZm9ybWFuY2Utd2F2ZS1zdmdcIlxyXG4gICAgdmlld0JveD1cIjAgMCA0NTAgOTdcIlxyXG4gICAgcHJlc2VydmVBc3BlY3RSYXRpbz1cIm5vbmVcIlxyXG4gICAgZmlsbD1cIm5vbmVcIlxyXG4gICAgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiXHJcbiAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxyXG4gID5cclxuICAgIDxwYXRoXHJcbiAgICAgIGQ9XCJNMCAzLjk3NzA3QzAgMi4xNDAxNCAxLjY2NjM2IDAuNzM5MDY2IDMuNDgxNzggMS4wMTkyN0M5MS4xNzU3IDE0LjU1NDQgMTM2LjE2OCAyOC4wMDI5IDIyNSAzNC43NzFDMzEzLjkzMyA0MS41NDY4IDM4MC44OTYgNjEuNzEzNyA0NDcuNTk5IDc1LjQyMzJDNDQ4Ljk5NiA3NS43MTA0IDQ1MCA3Ni45MzkgNDUwIDc4LjM2NTZWOTMuNDg1M0M0NTAgOTUuMTQyMSA0NDguNjU3IDk2LjQ4NTMgNDQ3IDk2LjQ4NTNIM0MxLjM0MzE0IDk2LjQ4NTMgMCA5NS4xNDIxIDAgOTMuNDg1M1YzLjk3NzA3WlwiXHJcbiAgICAgIGZpbGw9XCIjRkZERURFXCJcclxuICAgIC8+XHJcbiAgICA8cGF0aFxyXG4gICAgICBkPVwiTTEuNSAxLjQ4NTI5QzcyLjkyODYgMTUuNzcxIDEwOC41NzEgMjEuODQyNCAxODAgMjguOTg1M0MyNTEuNDI5IDM2LjEyODEgMzk0LjQyOSA2MC42OTk2IDQ0OCA3NC45ODUzXCJcclxuICAgICAgc3Ryb2tlPVwiI0U4NDEyQVwiXHJcbiAgICAgIHN0cm9rZS13aWR0aD1cIjIuOTdcIlxyXG4gICAgICBzdHJva2UtbGluZWNhcD1cInJvdW5kXCJcclxuICAgICAgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIlxyXG4gICAgLz5cclxuICA8L3N2Zz5cclxuPC9kaXY+XHJcbiJdfQ==