{ "$schema": "https://uipkge.dev/schema/registry-item.json", "name": "exit-interview-survey", "title": "Exit Interview Survey", "type": "registry:block", "files": [ { "path": "packages/registry-angular/blocks/exit-interview-survey/exit-interview-survey.component.ts", "content": "// Structured employee offboarding survey with department sentiment analysis, departure\n// drivers, 5-star experience ratings, qualitative feedback textareas, and a knowledge\n// handover & asset return checklist. Port of the React block 1:1.\nimport { ChangeDetectionStrategy, Component, Input, computed, signal } from '@angular/core'\nimport {\n Award,\n Building2,\n Calendar,\n CheckCircle2,\n ClipboardCheck,\n Compass,\n FileCheck,\n FileCode2,\n HeartHandshake,\n KeyRound,\n Laptop,\n Lock,\n LucideAngularModule,\n MessageSquareQuote,\n Rocket,\n RotateCcw,\n Send,\n ShieldCheck,\n Star,\n TrendingUp,\n UserCheck,\n type LucideIconData,\n} from 'lucide-angular'\nimport { cn } from '@/lib/utils'\nimport { UiAvatarComponent, UiAvatarFallbackComponent, UiAvatarImageComponent } from '@/ui/avatar/avatar.component'\nimport { UiBadgeComponent, type BadgeVariant } from '@/ui/badge/badge.component'\nimport { UiButtonComponent } from '@/ui/button/button.component'\nimport {\n UiCardComponent,\n UiCardContentComponent,\n UiCardDescriptionComponent,\n UiCardFooterComponent,\n UiCardHeaderComponent,\n UiCardTitleComponent,\n} from '@/ui/card/card.component'\nimport { UiCheckboxComponent } from '@/ui/checkbox/checkbox.component'\nimport { UiLabelComponent } from '@/ui/label/label.component'\nimport { UiProgressComponent } from '@/ui/progress/progress.component'\nimport { UiRadioGroupComponent, UiRadioGroupItemComponent } from '@/ui/radio-group/radio-group.component'\nimport { UiRatingComponent } from '@/ui/rating/rating.component'\nimport { UiSeparatorComponent } from '@/ui/separator/separator.component'\nimport { UiTextareaComponent } from '@/ui/textarea/textarea.component'\n\ninterface DepartureReason {\n value: string\n label: string\n description: string\n icon: LucideIconData\n}\n\nconst departureReasons: DepartureReason[] = [\n {\n value: 'career-growth',\n label: 'Career Growth & Promotion',\n description: 'Seeking broader technical leadership scope, faster progression, or new architectural challenges.',\n icon: TrendingUp,\n },\n {\n value: 'compensation',\n label: 'Compensation / Total Rewards',\n description: 'Competitive market offers, higher base salary band, equity incentives, or bonus structures.',\n icon: Award,\n },\n {\n value: 'relocation',\n label: 'Relocation & Remote Freedom',\n description: 'Geographic move, personal relocation, or seeking broader international and async flexibility.',\n icon: Building2,\n },\n {\n value: 'work-life',\n label: 'Work-Life Balance',\n description: 'Need for sustainable working cadence, reduced on-call intensity, and dedicated personal time.',\n icon: HeartHandshake,\n },\n {\n value: 'leadership',\n label: 'Leadership & Direction',\n description: 'Strategic alignment with executive roadmap, product vision, or communication cadence.',\n icon: Compass,\n },\n {\n value: 'venture',\n label: 'Starting Own Venture',\n description: 'Launching an independent technical startup, consulting practice, or entrepreneurial venture.',\n icon: Rocket,\n },\n]\n\nexport type RatingDimensionId = 'management' | 'collaboration' | 'compensation' | 'culture' | 'flexibility'\n\ninterface RatingDimension {\n id: RatingDimensionId\n title: string\n description: string\n category: string\n}\n\nconst ratingDimensions: RatingDimension[] = [\n {\n id: 'management',\n title: 'Management & Leadership',\n description: 'Direct manager support, transparent 1:1 mentorship, goal clarity, and career advocacy.',\n category: 'Leadership',\n },\n {\n id: 'collaboration',\n title: 'Team Collaboration',\n description: 'Cross-functional synergy, peer code review quality, mutual trust, and psychological safety.',\n category: 'Team Dynamics',\n },\n {\n id: 'compensation',\n title: 'Compensation & Benefits',\n description: 'Base salary competitiveness, equity appreciation, health coverage, and wellness allowances.',\n category: 'Total Rewards',\n },\n {\n id: 'culture',\n title: 'Engineering Culture',\n description: 'Architectural standards, modern tooling, automated testing, CI/CD speed, and technical autonomy.',\n category: 'Craft & Standards',\n },\n {\n id: 'flexibility',\n title: 'Work-Life Flexibility',\n description: 'Async-first communication, sustainable sprint planning, and reasonable on-call expectations.',\n category: 'Well-being',\n },\n]\n\ninterface ReturnOption {\n value: string\n label: string\n description: string\n badge: string\n badgeVariant: BadgeVariant\n}\n\nconst returnOptions: ReturnOption[] = [\n {\n value: 'yes',\n label: 'Yes, definitely open',\n description: 'Strongly open to returning for future leadership or staff-level architectural initiatives.',\n badge: 'Alumni Priority',\n badgeVariant: 'success',\n },\n {\n value: 'maybe',\n label: 'Maybe, under right conditions',\n description: 'Would consider returning under different organizational structure or roadmap scope.',\n badge: 'Conditionally Open',\n badgeVariant: 'secondary',\n },\n {\n value: 'no',\n label: 'No, pursuing new pathways',\n description: 'Focused on long-term career growth in independent ventures or other sectors.',\n badge: 'New Trajectory',\n badgeVariant: 'outline',\n },\n]\n\nexport type HandoverKey = 'codebase' | 'architecture' | 'credentials' | 'equipment'\n\n@Component({\n changeDetection: ChangeDetectionStrategy.Eager,\n selector: 'ui-exit-interview-survey, [ui-exit-interview-survey]',\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 UiAvatarComponent,\n UiAvatarFallbackComponent,\n UiAvatarImageComponent,\n UiBadgeComponent,\n UiButtonComponent,\n UiCardComponent,\n UiCardContentComponent,\n UiCardDescriptionComponent,\n UiCardFooterComponent,\n UiCardHeaderComponent,\n UiCardTitleComponent,\n UiCheckboxComponent,\n UiLabelComponent,\n UiProgressComponent,\n UiRadioGroupComponent,\n UiRadioGroupItemComponent,\n UiRatingComponent,\n UiSeparatorComponent,\n UiTextareaComponent,\n ],\n template: `\n
\n \n
\n
\n
\n
\n \n \n ER\n \n
\n
\n

\n Employee Exit Survey & Offboarding Review\n

\n
\n

\n Elena Rostova · Senior Staff Engineer · 3.5 Years Tenure\n

\n
\n Engineering · Core Platform \n \n \n Final Day: Sep 30, 2026\n \n \n Manager: Marcus Vance\n \n
\n
\n
\n\n
\n @if (!isSubmitted()) {\n \n \n Submit Survey\n \n } @else {\n \n }\n
\n
\n\n
\n \n
\n

Strictly Confidential People Ops Review

\n

\n Your candid responses are confidential and used exclusively by People Ops to improve company culture,\n leadership effectiveness, and engineering workflows. Summary insights are aggregated and anonymized.\n

\n
\n
\n
\n
\n\n @if (isSubmitted()) {\n \n \n
\n
\n

Exit Survey Successfully Submitted

\n Receipt #{{ submissionId }}\n
\n

\n Thank you for your dedicated 3.5 years of service and leadership. Your constructive feedback has been\n securely logged for the People Ops quarterly retention review and alumni network registration.\n

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

Overall Experience Score

\n \n
\n
\n
\n \n {{ averageRating() }}\n \n / 5.0\n
\n
\n
\n
\n +0.4 vs Dept Avg\n {{ sentimentPercentage() }}%\n
\n
\n
\n
\n\n
\n
\n

Primary Departure Driver

\n \n
\n
\n
Career Growth
\n

\n Targeting Principal/Architect roles in cloud infrastructure.\n

\n
\n
\n\n
\n
\n

Knowledge Handover

\n \n
\n
\n
\n \n {{ handoverPercentage() }}%\n \n ({{ handoverCompletedCount() }} of 4 tasks)\n
\n
\n
\n

IT asset return pending

\n
\n
\n
\n\n
\n
\n

Alumni Status

\n \n
\n
\n
\n Eligible for Re-Hire\n
\n

\n Registered for Alumni Leadership Network & fast-track referrals.\n

\n
\n
\n
\n\n \n
\n
\n
\n
\n \n
\n
\n

1. Primary Reason for Departure

\n

\n Select the primary factor that most heavily influenced your decision to pursue new opportunities.\n

\n
\n
\n
\n\n
\n \n @for (item of reasons; track item.value) {\n \n \n
\n
\n {{ item.label }}\n
\n

{{ item.description }}

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

2. Experience & Culture Ratings

\n

\n Rate each dimension of your experience on a scale of 1 (Needs Serious Improvement) to 5 (Outstanding).\n

\n
\n
\n \n Average: {{ averageRating() }} / 5.0\n \n
\n
\n\n
\n
\n @for (dim of dimensions; track dim.id) {\n \n
\n
\n {{ dim.title }}\n {{ dim.category }}\n
\n

{{ dim.description }}

\n
\n
\n \n \n {{ ratingValue(dim.id) }} / 5\n \n
\n
\n }\n
\n
\n
\n\n \n
\n
\n
\n
\n \n
\n
\n

3. Qualitative In-Depth Feedback

\n

\n Detailed reflections to guide organizational enhancements and executive leadership planning.\n

\n
\n
\n
\n\n
\n
\n \n \n
\n\n \n\n
\n \n \n
\n\n \n\n
\n \n \n @for (opt of returnOpts; track opt.value) {\n \n \n
\n
\n {{ opt.label }}\n
\n

{{ opt.description }}

\n {{ opt.badge }}\n
\n \n }\n \n
\n
\n
\n\n \n
\n
\n
\n
\n
\n \n
\n
\n

4. Knowledge Handover & Asset Return Checklist

\n

\n Administrative and technical transition milestones prior to official offboarding date.\n

\n
\n
\n \n {{ handoverCompletedCount() }} of 4 Completed ({{ handoverPercentage() }}%)\n \n
\n
\n\n
\n
\n
\n \n
\n
\n \n \n
\n

\n Transferred GitHub admin rights, codeowners assignments, and CI/CD secret manager access to incoming\n lead (Liam Vance).\n

\n
\n
\n\n
\n \n
\n
\n \n \n
\n

\n Core system architecture diagrams, service topology maps, and disaster recovery runbooks completed in\n Notion & DevPortal.\n

\n
\n
\n\n
\n \n
\n
\n \n \n
\n

\n Revoked personal staging SSH keys, rotated AWS IAM secret access tokens, and decommissioned VPN and\n Vault credentials.\n

\n
\n
\n\n
\n \n
\n
\n \n \n
\n

\n MacBook Pro M3 Max, hardware security YubiKey, and company physical access badge received by IT Asset\n Ops.\n

\n
\n
\n
\n
\n\n \n
\n \n Requires final sign-off from IT Security & People Operations\n
\n @if (!isSubmitted()) {\n \n \n Submit Final Exit Review\n \n }\n
\n \n \n `,\n})\nexport class UiExitInterviewSurveyComponent {\n protected readonly Calendar = Calendar\n protected readonly CheckCircle2 = CheckCircle2\n protected readonly ClipboardCheck = ClipboardCheck\n protected readonly Compass = Compass\n protected readonly FileCheck = FileCheck\n protected readonly FileCode2 = FileCode2\n protected readonly KeyRound = KeyRound\n protected readonly Laptop = Laptop\n protected readonly Lock = Lock\n protected readonly MessageSquareQuote = MessageSquareQuote\n protected readonly RotateCcw = RotateCcw\n protected readonly Send = Send\n protected readonly ShieldCheck = ShieldCheck\n protected readonly Star = Star\n protected readonly UserCheck = UserCheck\n\n protected readonly reasons = departureReasons\n protected readonly dimensions = ratingDimensions\n protected readonly returnOpts = returnOptions\n protected readonly submissionId = 'EXIT-2026-9042'\n\n @Input('class') className?: string\n @Input() set initialSubmitted(v: boolean) {\n this.isSubmitted.set(!!v)\n }\n\n readonly primaryReason = signal('career-growth')\n readonly departureNotes = signal(\n 'Accepted a Principal Systems Architect role at a Series B infrastructure startup focusing on WebAssembly runtime tooling.',\n )\n readonly ratings = signal>({\n management: 4,\n collaboration: 5,\n compensation: 4,\n culture: 5,\n flexibility: 4,\n })\n readonly enjoyedMost = signal(\n 'The engineering team’s exceptional craft and collaborative spirit. Building high-scale distributed platform services alongside humble, brilliant peers was deeply rewarding. Leadership always supported architectural innovation and design system investments.',\n )\n readonly toImprove = signal(\n 'Cross-functional roadmap alignment between product management and core platform squads. Late-quarter requirement shifts occasionally created sprint friction and compressed delivery timelines.',\n )\n readonly returnWillingness = signal('yes')\n readonly handover = signal>({\n codebase: true,\n architecture: true,\n credentials: true,\n equipment: false,\n })\n readonly isSubmitted = signal(false)\n\n readonly averageRating = computed(() => {\n const values = Object.values(this.ratings())\n return (values.reduce((acc, val) => acc + val, 0) / values.length).toFixed(1)\n })\n readonly sentimentPercentage = computed(() => Math.round((Number(this.averageRating()) / 5) * 100))\n readonly handoverCompletedCount = computed(() => Object.values(this.handover()).filter(Boolean).length)\n readonly handoverPercentage = computed(() => Math.round((this.handoverCompletedCount() / 4) * 100))\n\n get rootClass(): string {\n return cn('w-full space-y-6', this.className)\n }\n\n optionCardClass(selected: boolean): string {\n return cn(\n 'hover:bg-muted/30 flex cursor-pointer items-start gap-3 rounded-lg border p-3.5 transition-colors',\n selected ? 'border-primary/80 bg-primary/5 ring-primary/20 ring-1' : 'border-border bg-card',\n )\n }\n\n ratingValue(id: RatingDimensionId): number {\n return this.ratings()[id]\n }\n\n setRating(id: RatingDimensionId, val: number): void {\n this.ratings.update((prev) => ({ ...prev, [id]: val }))\n }\n\n toggleHandover(key: HandoverKey, checked: unknown): void {\n this.handover.update((prev) => ({ ...prev, [key]: checked === true }))\n }\n\n handleSubmit(): void {\n this.isSubmitted.set(true)\n }\n\n handleReset(): void {\n this.isSubmitted.set(false)\n }\n}\n", "type": "registry:block", "target": "~/src/app/components/blocks/exit-interview-survey/exit-interview-survey.component.ts" }, { "path": "packages/registry-angular/blocks/exit-interview-survey/index.ts", "content": "export {\n UiExitInterviewSurveyComponent,\n type HandoverKey,\n type RatingDimensionId,\n} from './exit-interview-survey.component'\n", "type": "registry:block", "target": "~/src/app/components/blocks/exit-interview-survey/index.ts" } ], "dependencies": [ "lucide-angular" ], "devDependencies": [], "registryDependencies": [ "https://uipkge.dev/r/angular/avatar.json", "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/checkbox.json", "https://uipkge.dev/r/angular/label.json", "https://uipkge.dev/r/angular/progress.json", "https://uipkge.dev/r/angular/radio-group.json", "https://uipkge.dev/r/angular/rating.json", "https://uipkge.dev/r/angular/separator.json", "https://uipkge.dev/r/angular/textarea.json" ], "description": "Structured employee offboarding survey with department sentiment analysis, departure drivers, 5-star experience ratings, qualitative feedback textareas, and a knowledge handover & asset return checklist.", "categories": [ "hr", "app", "forms" ] }