{ "$schema": "https://uipkge.dev/schema/registry-item.json", "name": "employee-pulse-survey-results", "title": "Employee Pulse Survey Results", "type": "registry:block", "files": [ { "path": "packages/registry-angular/blocks/employee-pulse-survey-results/employee-pulse-survey-results.component.ts", "content": "// Culture Amp style company pulse and eNPS engagement survey results dashboard with executive\n// KPI scorecards, a department sentiment heatmap, and priority engagement drivers with action\n// items. Port of the React block 1:1.\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core'\nimport {\n AlertCircle,\n Award,\n FileDown,\n HeartHandshake,\n Lightbulb,\n LucideAngularModule,\n ShieldCheck,\n TrendingUp,\n Users,\n Zap,\n type LucideIconData,\n} from 'lucide-angular'\nimport { cn } from '@/lib/utils'\nimport { UiBadgeComponent, type BadgeVariant } from '@/ui/badge/badge.component'\nimport { UiButtonComponent } from '@/ui/button/button.component'\nimport {\n UiCardComponent,\n UiCardContentComponent,\n UiCardDescriptionComponent,\n UiCardHeaderComponent,\n UiCardTitleComponent,\n} from '@/ui/card/card.component'\nimport { UiProgressComponent } from '@/ui/progress/progress.component'\nimport {\n UiTableBodyComponent,\n UiTableCellComponent,\n UiTableComponent,\n UiTableHeadComponent,\n UiTableHeaderComponent,\n UiTableRowComponent,\n} from '@/ui/table/table.component'\n\ninterface PrimaryMetric {\n id: string\n title: string\n value: string\n unit?: string\n badgeText: string\n badgeVariant: BadgeVariant\n detail: string\n subtext: string\n progress: number\n icon: LucideIconData\n}\n\ninterface DepartmentRow {\n name: string\n responseCount: string\n participationRate: string\n cultureValues: number\n managementEffectiveness: number\n workLifeBalance: number\n compensationGrowth: number\n enpsFormatted: string\n enpsRank: string\n}\n\ninterface DriverItem {\n id: string\n title: string\n score: string\n tag: string\n impact: string\n description: string\n benchmarkDiff: string\n}\n\ninterface OpportunityItem {\n id: string\n title: string\n score: string\n statusBadge: string\n owner: string\n targetDate: string\n actionSummary: string\n}\n\nconst primaryMetrics: PrimaryMetric[] = [\n {\n id: 'enps-score',\n title: 'Employee Net Promoter Score',\n value: '+54',\n unit: 'eNPS',\n badgeText: '+22 vs tech benchmark',\n badgeVariant: 'success',\n detail: '64% Promoters · 26% Passives · 10% Detractors',\n subtext: 'Benchmark: +32 eNPS across peer tech scaleups',\n progress: 77,\n icon: TrendingUp,\n },\n {\n id: 'engagement-index',\n title: 'Overall Engagement Index',\n value: '86%',\n unit: 'Favorable',\n badgeText: '+4% vs Q2',\n badgeVariant: 'success',\n detail: '86% Favorable · 10% Neutral · 4% Unfavorable',\n subtext: '4.3 / 5.0 mean agreement across all survey items',\n progress: 86,\n icon: HeartHandshake,\n },\n {\n id: 'participation-rate',\n title: 'Survey Participation Rate',\n value: '94%',\n unit: '139 / 148',\n badgeText: 'High Confidence',\n badgeVariant: 'secondary',\n detail: '94% across 5 active departments',\n subtext: 'Statistically significant sample size (p < 0.01)',\n progress: 94,\n icon: Users,\n },\n {\n id: 'retention-intent',\n title: 'Intent to Stay 2+ Years',\n value: '88%',\n unit: 'Retention',\n badgeText: '+6% vs Q2',\n badgeVariant: 'success',\n detail: '88% positive retention sentiment',\n subtext: 'Low voluntary flight risk across engineering & product',\n progress: 88,\n icon: ShieldCheck,\n },\n]\n\nconst departments: DepartmentRow[] = [\n {\n name: 'Engineering',\n responseCount: '46 / 48 responses',\n participationRate: '96%',\n cultureValues: 92,\n managementEffectiveness: 88,\n workLifeBalance: 84,\n compensationGrowth: 74,\n enpsFormatted: '+62',\n enpsRank: 'Top Quartile',\n },\n {\n name: 'Product & Design',\n responseCount: '28 / 30 responses',\n participationRate: '93%',\n cultureValues: 94,\n managementEffectiveness: 91,\n workLifeBalance: 82,\n compensationGrowth: 76,\n enpsFormatted: '+58',\n enpsRank: 'Top Quartile',\n },\n {\n name: 'Marketing',\n responseCount: '22 / 24 responses',\n participationRate: '92%',\n cultureValues: 89,\n managementEffectiveness: 85,\n workLifeBalance: 86,\n compensationGrowth: 71,\n enpsFormatted: '+48',\n enpsRank: 'Above Average',\n },\n {\n name: 'Sales & GTM',\n responseCount: '25 / 26 responses',\n participationRate: '96%',\n cultureValues: 86,\n managementEffectiveness: 84,\n workLifeBalance: 78,\n compensationGrowth: 68,\n enpsFormatted: '+45',\n enpsRank: 'Above Average',\n },\n {\n name: 'Operations',\n responseCount: '18 / 20 responses',\n participationRate: '90%',\n cultureValues: 90,\n managementEffectiveness: 87,\n workLifeBalance: 88,\n compensationGrowth: 72,\n enpsFormatted: '+52',\n enpsRank: 'Top Quartile',\n },\n]\n\nconst topDrivers: DriverItem[] = [\n {\n id: 'driver-1',\n title: 'Psychological safety & peer collaboration',\n score: '96% favorable',\n tag: 'Highest Scored Driver',\n impact: 'Highest correlation with company eNPS (+0.74 r)',\n description:\n 'Squads report high mutual trust, blameless incident reviews, and transparent pairing culture without fear of failure.',\n benchmarkDiff: '+14% vs tech benchmark',\n },\n {\n id: 'driver-2',\n title: 'Mission alignment & executive transparency',\n score: '92% favorable',\n tag: 'Core Driver',\n impact: 'Strongest predictor of organizational retention',\n description:\n 'Bi-weekly all-hands, transparent financials, and crisp quarterly OKRs provide unequivocal clarity on company trajectory.',\n benchmarkDiff: '+11% vs tech benchmark',\n },\n {\n id: 'driver-3',\n title: 'Manager trust & day-to-day autonomy',\n score: '90% favorable',\n tag: 'Core Driver',\n impact: 'Key catalyst for execution velocity & morale',\n description:\n 'Team members highlight minimal micromanagement, supportive weekly 1:1 coaching, and autonomy over technical decisions.',\n benchmarkDiff: '+9% vs tech benchmark',\n },\n]\n\nconst opportunityAreas: OpportunityItem[] = [\n {\n id: 'opp-1',\n title: 'Clarity on promotion cycles and IC compensation bands',\n score: '68% favorable',\n statusBadge: 'Action plan active',\n owner: 'People Ops & Total Rewards',\n targetDate: 'Q4 2026 Rollout',\n actionSummary:\n 'Publish transparent engineering & IC level matrices with defined salary bands, equity guidelines, and semi-annual calibration windows.',\n },\n {\n id: 'opp-2',\n title: 'Cross-functional roadmap visibility & tool sprawl',\n score: '71% favorable',\n statusBadge: 'Action plan active',\n owner: 'Product Ops & Platform Squad',\n targetDate: 'End of Q3',\n actionSummary:\n 'Consolidate sprint tracking into unified Linear workspaces and establish bi-weekly cross-discipline demo showcases.',\n },\n {\n id: 'opp-3',\n title: 'Focus time & meeting cadence optimization',\n score: '73% favorable',\n statusBadge: 'Action plan active',\n owner: 'Engineering Leadership Council',\n targetDate: 'Active Trial',\n actionSummary:\n 'Implement company-wide \"No Meeting Wednesdays\" and audit recurring status meetings in favor of asynchronous updates.',\n },\n]\n\nfunction getScoreBadgeClass(score: number): string {\n if (score >= 80) return 'border-success/20 bg-success/10 text-success'\n if (score >= 70) return 'border-warning/20 bg-warning/10 text-warning'\n return 'border-destructive/20 bg-destructive/10 text-destructive'\n}\n\n@Component({\n changeDetection: ChangeDetectionStrategy.Eager,\n selector: 'ui-employee-pulse-survey-results, [ui-employee-pulse-survey-results]',\n standalone: true,\n // React renders the root
itself: the host stays out of layout and `class` goes to the root.\n host: { '[attr.class]': '\"contents\"' },\n imports: [\n LucideAngularModule,\n UiBadgeComponent,\n UiButtonComponent,\n UiCardComponent,\n UiCardContentComponent,\n UiCardDescriptionComponent,\n UiCardHeaderComponent,\n UiCardTitleComponent,\n UiProgressComponent,\n UiTableComponent,\n UiTableHeaderComponent,\n UiTableBodyComponent,\n UiTableRowComponent,\n UiTableHeadComponent,\n UiTableCellComponent,\n ],\n template: `\n
\n \n
\n
\n
\n
\n
\n

\n Company Pulse & eNPS Engagement Survey\n

\n Q3 2026\n
\n

\n Q3 2026 Pulse Survey · 94% Participation Rate · 139 / 148 Responses\n

\n
\n\n
\n \n \n +54 eNPS · Excellent\n
\n \n
\n
\n
\n
\n\n \n
\n @for (metric of primaryMetrics; track metric.id) {\n
\n
\n

{{ metric.title }}

\n \n
\n
\n
\n
\n {{\n metric.value\n }}\n @if (metric.unit) {\n {{ metric.unit }}\n }\n
\n {{\n metric.badgeText\n }}\n
\n\n
\n \n
\n

{{ metric.detail }}

\n

{{ metric.subtext }}

\n
\n
\n
\n
\n }\n
\n\n \n
\n
\n
\n
\n
\n

Department Sentiment Heatmap

\n 5 Departments · 139 Responses\n
\n

\n Culture Amp style multidimensional sentiment matrix mapped across key operational pillars.\n

\n
\n\n \n
\n Sentiment Scale:\n \n \n Favorable (≥80%)\n
\n \n \n Moderate (70-79%)\n
\n \n \n Opportunity (<70%)\n
\n
\n
\n \n\n
\n
\n \n \n \n \n \n \n \n \n \n \n \n \n @for (dept of departments; track dept.name) {\n \n \n \n \n \n \n \n \n }\n \n
\n Department & Participation\n Culture & Values\n Management Effectiveness\n Work-Life Balance\n Compensation & Growth\n Overall eNPS Score
\n
\n

{{ dept.name }}

\n

\n {{ dept.responseCount }} ·\n {{ dept.participationRate }}\n

\n
\n 		\n
\n
{{ dept.cultureValues }}%
\n
\n 		\n
\n
\n {{ dept.managementEffectiveness }}%\n
\n
\n 		\n
\n
{{ dept.workLifeBalance }}%
\n
\n 		\n
\n
{{ dept.compensationGrowth }}%
\n
\n 		\n
\n \n \n {{ dept.enpsFormatted }} eNPS\n
\n {{ dept.enpsRank }}\n \n
\n
\n
\n \n\n \n
\n \n
\n
\n
\n
\n
\n

Top Engagement Drivers

\n Organizational Strengths\n
\n

\n Highest scored sentiment drivers providing outsized positive impact on overall eNPS.\n

\n
\n \n
\n
\n\n
\n @for (driver of topDrivers; track driver.id) {\n
\n
\n
\n
\n

{{ driver.title }}

\n {{ driver.tag }}\n
\n

{{ driver.impact }}

\n
\n\n \n \n {{ driver.score }}\n
\n
\n\n

{{ driver.description }}

\n\n
\n Peer Benchmark:\n {{ driver.benchmarkDiff }}\n
\n
\n }\n
\n
\n\n \n
\n
\n
\n
\n
\n

Priority Opportunity Areas

\n Active Remediation\n
\n

\n Key focus areas requiring leadership follow-through and documented action plans.\n

\n
\n \n
\n
\n\n
\n @for (opp of opportunityAreas; track opp.id) {\n
\n
\n
\n

{{ opp.title }}

\n
\n {{\n opp.statusBadge\n }}\n \n Target: {{ opp.targetDate }}\n \n
\n
\n\n \n \n {{ opp.score }}\n
\n
\n\n
\n
\n \n Action Plan & Deliverables\n
\n

{{ opp.actionSummary }}

\n
\n\n
\n Action Owner:\n {{ opp.owner }}\n
\n
\n }\n
\n \n \n \n `,\n})\nexport class UiEmployeePulseSurveyResultsComponent {\n protected readonly AlertCircle = AlertCircle\n protected readonly Award = Award\n protected readonly FileDown = FileDown\n protected readonly Lightbulb = Lightbulb\n protected readonly TrendingUp = TrendingUp\n protected readonly Zap = Zap\n\n protected readonly primaryMetrics = primaryMetrics\n protected readonly departments = departments\n protected readonly topDrivers = topDrivers\n protected readonly opportunityAreas = opportunityAreas\n\n @Input('class') className?: string\n\n get rootClass(): string {\n return cn('w-full space-y-6', this.className)\n }\n\n scoreBadgeClass(score: number): string {\n return cn(\n 'flex min-w-[72px] items-center justify-center rounded-md border px-3 py-1.5 text-xs font-bold tabular-nums shadow-xs',\n getScoreBadgeClass(score),\n )\n }\n}\n", "type": "registry:block", "target": "~/src/app/components/blocks/employee-pulse-survey-results/employee-pulse-survey-results.component.ts" }, { "path": "packages/registry-angular/blocks/employee-pulse-survey-results/index.ts", "content": "export { UiEmployeePulseSurveyResultsComponent } from './employee-pulse-survey-results.component'\n", "type": "registry:block", "target": "~/src/app/components/blocks/employee-pulse-survey-results/index.ts" } ], "dependencies": [ "lucide-angular" ], "devDependencies": [], "registryDependencies": [ "https://uipkge.dev/r/angular/badge.json", "https://uipkge.dev/r/angular/button.json", "https://uipkge.dev/r/angular/card.json", "https://uipkge.dev/r/angular/progress.json", "https://uipkge.dev/r/angular/table.json" ], "description": "Culture Amp style company pulse and eNPS engagement survey results dashboard featuring executive KPI scorecards, department sentiment heatmaps, and priority engagement drivers with action items.", "categories": [ "hr", "app", "dashboard", "analytics" ] }