{ "$schema": "https://uipkge.dev/schema/registry-item.json", "name": "safe-note-calculator", "title": "Safe Note Calculator", "type": "registry:block", "files": [ { "path": "packages/registry-angular/blocks/safe-note-calculator/safe-note-calculator.component.ts", "content": "// Y Combinator Post-Money SAFE note valuation, conversion share price, effective discount,\n// and cap table equity dilution simulator with interactive parameter controls and a Series A\n// financing sensitivity matrix. Port of the React block 1:1.\nimport { ChangeDetectionStrategy, Component, DestroyRef, Input, computed, inject, signal } from '@angular/core'\nimport {\n BadgePercent,\n Check,\n CheckCircle2,\n Copy,\n DollarSign,\n FileSpreadsheet,\n Layers,\n LucideAngularModule,\n Percent,\n PieChart,\n Scale,\n ShieldCheck,\n TrendingUp,\n} from 'lucide-angular'\nimport { cn } from '@/lib/utils'\nimport { UiBadgeComponent } 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 { UiInputComponent } from '@/ui/input/input.component'\nimport { UiSeparatorComponent } from '@/ui/separator/separator.component'\nimport { UiSliderComponent } from '@/ui/slider/slider.component'\nimport { UiSwitchComponent } from '@/ui/switch/switch.component'\nimport {\n UiTableBodyComponent,\n UiTableCellComponent,\n UiTableComponent,\n UiTableFooterComponent,\n UiTableHeadComponent,\n UiTableHeaderComponent,\n UiTableRowComponent,\n} from '@/ui/table/table.component'\nimport { UiTabsComponent, UiTabsListComponent, UiTabsTriggerComponent } from '@/ui/tabs/tabs.component'\n\nexport type RoundPreset = 'seed-standard' | 'preseed-safe' | 'uncapped-discount' | 'bridge-round'\n\nexport interface PresetConfig {\n id: RoundPreset\n label: string\n investment: number\n valuationCap: number\n hasDiscount: boolean\n discountRate: number\n shares: number\n seriesAPreMoney: number\n description: string\n}\n\nexport const PRESETS: Record = {\n 'seed-standard': {\n id: 'seed-standard',\n label: 'Standard Seed ($1M @ $15M)',\n investment: 1_000_000,\n valuationCap: 15_000_000,\n hasDiscount: true,\n discountRate: 20,\n shares: 10_000_000,\n seriesAPreMoney: 25_000_000,\n description: 'Standard YC Post-Money SAFE with $15M valuation cap and optional 20% discount clause.',\n },\n 'preseed-safe': {\n id: 'preseed-safe',\n label: 'Pre-Seed ($500K @ $8M)',\n investment: 500_000,\n valuationCap: 8_000_000,\n hasDiscount: true,\n discountRate: 20,\n shares: 10_000_000,\n seriesAPreMoney: 18_000_000,\n description: 'Early-stage angel or accelerator round with $8M valuation cap.',\n },\n 'uncapped-discount': {\n id: 'uncapped-discount',\n label: 'Uncapped (25% Disc)',\n investment: 750_000,\n valuationCap: 60_000_000,\n hasDiscount: true,\n discountRate: 25,\n shares: 10_000_000,\n seriesAPreMoney: 20_000_000,\n description: 'High valuation cap structure where the 25% discount governs share conversion price.',\n },\n 'bridge-round': {\n id: 'bridge-round',\n label: 'Growth Bridge ($2M @ $25M)',\n investment: 2_000_000,\n valuationCap: 25_000_000,\n hasDiscount: true,\n discountRate: 15,\n shares: 10_000_000,\n seriesAPreMoney: 45_000_000,\n description: 'Late seed extension bridging into a larger institutional Series A equity round.',\n },\n}\n\nconst INVESTMENT_MARKS: Record = {\n 100000: '$100K',\n 1000000: '$1M',\n 2500000: '$2.5M',\n 5000000: '$5M',\n}\n\nconst VALUATION_CAP_MARKS: Record = {\n 2000000: '$2M',\n 15000000: '$15M',\n 30000000: '$30M',\n 50000000: '$50M',\n}\n\nconst DISCOUNT_RATE_MARKS: Record = {\n 10: '10%',\n 15: '15%',\n 20: '20%',\n 25: '25%',\n 30: '30%',\n}\n\nconst SERIES_A_MARKS: Record = {\n 5000000: '$5M',\n 25000000: '$25M',\n 50000000: '$50M',\n 80000000: '$80M',\n}\n\nconst SCENARIO_VALUATIONS = [10_000_000, 15_000_000, 20_000_000, 25_000_000, 40_000_000, 60_000_000]\n\n@Component({\n changeDetection: ChangeDetectionStrategy.Eager,\n selector: 'ui-safe-note-calculator, [ui-safe-note-calculator]',\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 UiCardFooterComponent,\n UiCardHeaderComponent,\n UiCardTitleComponent,\n UiInputComponent,\n UiSeparatorComponent,\n UiSliderComponent,\n UiSwitchComponent,\n UiTableBodyComponent,\n UiTableCellComponent,\n UiTableComponent,\n UiTableFooterComponent,\n UiTableHeadComponent,\n UiTableHeaderComponent,\n UiTableRowComponent,\n UiTabsComponent,\n UiTabsListComponent,\n UiTabsTriggerComponent,\n ],\n template: `\n
\n \n
\n \n \n YC Post-Money SAFE v1.1 · Valuation Cap + Discount\n \n
\n

\n Y Combinator Post-Money SAFE Calculator\n

\n

\n Model founder dilution, investor ownership percentages, and conversion price per share.\n

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

\n \n SAFE Terms & Round Inputs\n

\n

\n Configure investment size, valuation cap, optional discount rate, capitalization, and Series A targets.\n

\n
\n
\n \n
\n
\n
\n Investment Amount\n

Total cash invested into the SAFE.

\n
\n
\n \n
\n
\n
\n \n
\n
\n Quick select:\n @for (amt of quickInvestments; track amt) {\n \n {{ quickInvestLabel(amt) }}\n \n }\n
\n
\n\n \n\n \n
\n
\n
\n Post-Money Valuation Cap\n

Maximum valuation ceiling for conversion.

\n
\n
\n \n
\n
\n
\n \n
\n
\n Cap benchmarks:\n @for (cap of capBenchmarks; track cap) {\n \n \\${{ cap / 1000000 }}M\n \n }\n
\n
\n\n \n\n \n
\n
\n
\n
\n Discount Rate Clause\n @if (hasDiscount()) {\n \n Active\n \n } @else {\n \n Cap Only\n \n }\n
\n

\n Percentage discount on Series A price if cap is not exceeded.\n

\n
\n
\n \n @if (hasDiscount()) {\n
\n \n
\n }\n
\n
\n\n @if (hasDiscount()) {\n
\n
\n \n
\n
\n Standard rates:\n @for (r of standardRates; track r) {\n \n {{ r }}%\n \n }\n
\n
\n }\n
\n\n \n\n \n
\n
\n
\n Company Existing Capitalization\n

Total pre-conversion issued shares and option pool.

\n
\n
\n \n
\n
\n
\n Common share counts:\n @for (count of shareCounts; track count) {\n \n {{ count / 1000000 }}M Shares\n \n }\n
\n
\n\n \n\n \n
\n
\n
\n Series A Pre-Money Target\n

Target qualified financing equity valuation.

\n
\n
\n \n
\n
\n
\n \n
\n
\n Series A benchmarks:\n @for (target of seriesABenchmarks; track target) {\n \n \\${{ target / 1000000 }}M\n \n }\n
\n
\n
\n
\n
\n\n \n
\n
\n
\n
\n \n Investor Ownership Stake\n \n \n {{ calculations().governingMechanism === 'cap' ? 'Cap Governs' : 'Discount Governs' }}\n \n
\n
\n
\n \n {{ fmtPercent(calculations().safeOwnershipPct) }}\n \n Post-SAFE Ownership\n
\n

\n SAFE investor receives\n \n {{ fmtNumber(calculations().safeShares) }}\n \n shares at conversion.\n

\n
\n
\n\n
\n \n\n \n
\n
\n SAFE Conversion Price\n \n {{ fmtCurrency(calculations().conversionPrice) }}\n \n \n vs Series A {{ fmtCurrency(calculations().seriesAPricePerShare) }}\n \n
\n\n
\n Converted Shares Issued\n \n {{ fmtNumber(calculations().safeShares) }}\n \n Equity units\n
\n\n
\n Effective Discount\n \n {{ fmtPercent(calculations().effectiveDiscountPct) }}\n \n Savings vs Series A\n
\n\n
\n Implied Series A Value\n \n {{ fmtCurrencyWhole(calculations().impliedSeriesAValue) }}\n \n \n +{{ fmtCurrencyWhole(calculations().valueGain) }} ({{\n calculations().paperRoiMultiple.toFixed(2)\n }}x)\n \n
\n
\n\n \n\n \n
\n
\n Founders vs. SAFE Investor\n \n {{ fmtPercent(calculations().founderOwnershipPct) }} /\n {{ fmtPercent(calculations().safeOwnershipPct) }}\n \n
\n
\n
\n
\n
\n \n
\n \n \n Founders: {{ fmtPercent(calculations().founderOwnershipPct) }} ({{\n fmtNumber(calculations().founderShares)\n }}\n sh)\n \n
\n
\n \n \n SAFE: {{ fmtPercent(calculations().safeOwnershipPct) }} ({{\n fmtNumber(calculations().safeShares)\n }}\n sh)\n \n
\n
\n
\n\n \n\n \n
\n \n Post-Conversion Dilution Breakdown\n \n
\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
StakeholderOwnershipSharesImplied Value
Founders & Existing\n {{ fmtPercent(calculations().founderOwnershipPct) }}\n \n {{ fmtNumber(calculations().founderShares) }}\n \n {{ fmtCurrencyWhole(calculations().founderShares * calculations().seriesAPricePerShare) }}\n
SAFE Seed Investors\n {{ fmtPercent(calculations().safeOwnershipPct) }}\n \n {{ fmtNumber(calculations().safeShares) }}\n \n {{ fmtCurrencyWhole(calculations().impliedSeriesAValue) }}\n
Total Post-SAFE100.00%\n {{ fmtNumber(calculations().totalShares) }}\n \n {{ fmtCurrencyWhole(seriesAPreMoney()) }}\n
\n
\n
\n
\n\n \n\n \n
    \n
  • \n \n Post-money cap fixes ownership before Series A round\n
    • \n
  • \n \n Converts to Preferred Stock with investor liquidation preference\n
    • \n
  • \n \n No debt maturity dates, no interest accrual compounding\n
    • \n
\n
\n\n
\n \n \n
\n
\n
\n
\n\n \n
\n
\n
\n

\n \n Series A Qualified Financing Sensitivity Matrix\n

\n

\n Simulate how SAFE investor ownership percentage, share price, and conversion mechanism respond across\n different next-round valuations.\n

\n
\n
\n
\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n @for (row of scenarioResults(); track row.valuation) {\n \n \n \n \n \n \n \n \n \n \n }\n \n
Series A ValuationSeries A PriceSAFE Conversion PriceGoverning TermShares IssuedSAFE OwnershipEffective SavingsImplied Stake Value
\n
\n {{ fmtCurrencyWhole(row.valuation) }}\n @if (row.isCurrentTarget) {\n Current Target \n }\n
\n 		{{ fmtCurrency(row.seriesAPrice) }}\n {{ fmtCurrency(row.convPrice) }}\n \n \n {{ row.mechanism }}\n \n {{ fmtNumber(row.issuedShares) }}\n {{ fmtPercent(row.ownershipPct) }}\n \n {{ fmtPercent(row.effectiveDiscount) }}\n \n {{ fmtCurrencyWhole(row.impliedValue) }}\n
\n
\n
\n
\n\n \n
\n
\n
\n
\n \n
\n
\n

Post-Money Cap Protection

\n

\n Acts as an ownership percentage guarantee for seed investors prior to the priced round, regardless of\n subsequent SAFE issuances.\n

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

Discount Rate Safety Net

\n

\n Protects investors if Series A prices below the valuation cap, guaranteeing a 15%–25% discount off the\n institutional share price.\n

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

Founder Dilution Transparency

\n

\n YC v1.1 post-money SAFEs dilute only founders and common shareholders, eliminating pre-money SAFE\n circular dilution surprises.\n

\n
\n
\n
\n
\n
\n `,\n})\nexport class UiSafeNoteCalculatorComponent {\n protected readonly BadgePercent = BadgePercent\n protected readonly Check = Check\n protected readonly CheckCircle2 = CheckCircle2\n protected readonly Copy = Copy\n protected readonly DollarSign = DollarSign\n protected readonly FileSpreadsheet = FileSpreadsheet\n protected readonly Layers = Layers\n protected readonly Percent = Percent\n protected readonly PieChart = PieChart\n protected readonly Scale = Scale\n protected readonly ShieldCheck = ShieldCheck\n protected readonly TrendingUp = TrendingUp\n\n protected readonly investmentMarks = INVESTMENT_MARKS\n protected readonly valuationCapMarks = VALUATION_CAP_MARKS\n protected readonly discountRateMarks = DISCOUNT_RATE_MARKS\n protected readonly seriesAMarks = SERIES_A_MARKS\n protected readonly quickInvestments = [250000, 500000, 1000000, 1500000, 2000000, 3000000]\n protected readonly capBenchmarks = [5000000, 8000000, 12000000, 15000000, 20000000, 30000000]\n protected readonly standardRates = [10, 15, 20, 25, 30]\n protected readonly shareCounts = [5000000, 8000000, 10000000, 12000000, 15000000]\n protected readonly seriesABenchmarks = [15000000, 20000000, 25000000, 35000000, 50000000, 75000000]\n\n protected readonly investTooltip = (val: number): string => `$${val.toLocaleString('en-US')}`\n protected readonly currencyTooltip = (val: number): string => `$${val.toLocaleString('en-US')}`\n protected readonly discountTooltip = (val: number): string => `${val}% Discount`\n\n @Input('class') className?: string\n\n readonly selectedPreset = signal('seed-standard')\n readonly investmentAmount = signal(1_000_000)\n readonly valuationCap = signal(15_000_000)\n readonly hasDiscount = signal(true)\n readonly discountRate = signal(20)\n readonly companyCapitalization = signal(10_000_000)\n readonly seriesAPreMoney = signal(25_000_000)\n readonly copied = signal(false)\n\n private copyTimer: ReturnType | undefined\n\n constructor() {\n inject(DestroyRef).onDestroy(() => clearTimeout(this.copyTimer))\n }\n\n handlePresetChange(value: string): void {\n const presetId = value as RoundPreset\n this.selectedPreset.set(presetId)\n const preset = PRESETS[presetId]\n if (preset) {\n this.investmentAmount.set(preset.investment)\n this.valuationCap.set(preset.valuationCap)\n this.hasDiscount.set(preset.hasDiscount)\n this.discountRate.set(preset.discountRate)\n this.companyCapitalization.set(preset.shares)\n this.seriesAPreMoney.set(preset.seriesAPreMoney)\n }\n }\n\n // Core SAFE conversion economics\n readonly calculations = computed(() => {\n const inv = Math.max(1, this.investmentAmount())\n const cap = Math.max(1, this.valuationCap())\n const shares = Math.max(1, this.companyCapitalization())\n const seriesA = Math.max(1, this.seriesAPreMoney())\n const disc = this.hasDiscount() ? Math.max(0, Math.min(99, this.discountRate())) : 0\n\n // Series A unqualified price per share\n const seriesAPricePerShare = seriesA / shares\n\n // Cap conversion price per share\n const capPricePerShare = cap / shares\n\n // Discount conversion price per share\n const discountPricePerShare = this.hasDiscount() ? seriesAPricePerShare * (1 - disc / 100) : seriesAPricePerShare\n\n // In YC Post-Money SAFE, investor converts at the lower of Cap Price or Discount Price\n let conversionPrice = capPricePerShare\n let governingMechanism: 'cap' | 'discount' = 'cap'\n\n if (this.hasDiscount() && discountPricePerShare < capPricePerShare) {\n conversionPrice = discountPricePerShare\n governingMechanism = 'discount'\n } else {\n conversionPrice = capPricePerShare\n governingMechanism = 'cap'\n }\n\n // Converted shares issued\n const safeShares = conversionPrice > 0 ? Math.round(inv / conversionPrice) : 0\n\n // Equity percentage calculation\n const safeOwnershipPct = Math.min(100, Math.max(0, (safeShares / shares) * 100))\n const founderShares = Math.max(0, shares - safeShares)\n const founderOwnershipPct = Math.max(0, 100 - safeOwnershipPct)\n\n // Effective discount achieved vs Series A price\n const effectiveDiscountPct =\n seriesAPricePerShare > 0\n ? Math.max(0, ((seriesAPricePerShare - conversionPrice) / seriesAPricePerShare) * 100)\n : 0\n\n // Implied Value of SAFE stake at Series A price\n const impliedSeriesAValue = safeShares * seriesAPricePerShare\n const valueGain = Math.max(0, impliedSeriesAValue - inv)\n const paperRoiMultiple = inv > 0 ? impliedSeriesAValue / inv : 1\n\n return {\n seriesAPricePerShare,\n capPricePerShare,\n discountPricePerShare,\n conversionPrice,\n governingMechanism,\n safeShares,\n founderShares,\n totalShares: shares,\n safeOwnershipPct,\n founderOwnershipPct,\n effectiveDiscountPct,\n impliedSeriesAValue,\n valueGain,\n paperRoiMultiple,\n }\n })\n\n // Sensitivity scenarios across different Series A pre-money valuations\n readonly scenarioResults = computed(() => {\n const inv = Math.max(1, this.investmentAmount())\n const cap = Math.max(1, this.valuationCap())\n const shares = Math.max(1, this.companyCapitalization())\n const disc = this.hasDiscount() ? Math.max(0, Math.min(99, this.discountRate())) : 0\n\n return SCENARIO_VALUATIONS.map((scenarioValuation) => {\n const seriesAPrice = scenarioValuation / shares\n const capPrice = cap / shares\n const discountPrice = this.hasDiscount() ? seriesAPrice * (1 - disc / 100) : seriesAPrice\n\n let convPrice = capPrice\n let mechanism = 'Valuation Cap'\n if (this.hasDiscount() && discountPrice < capPrice) {\n convPrice = discountPrice\n mechanism = `Discount (${disc}%)`\n }\n\n const issuedShares = convPrice > 0 ? Math.round(inv / convPrice) : 0\n const ownershipPct = (issuedShares / shares) * 100\n const effectiveDiscount = seriesAPrice > 0 ? Math.max(0, ((seriesAPrice - convPrice) / seriesAPrice) * 100) : 0\n const impliedValue = issuedShares * seriesAPrice\n const isCurrentTarget = scenarioValuation === this.seriesAPreMoney()\n\n return {\n valuation: scenarioValuation,\n seriesAPrice,\n convPrice,\n mechanism,\n issuedShares,\n ownershipPct,\n effectiveDiscount,\n impliedValue,\n isCurrentTarget,\n }\n })\n })\n\n get rootClass(): string {\n return cn('mx-auto w-full max-w-6xl space-y-8 p-4 sm:p-6 lg:p-8', this.className)\n }\n\n get governingBadgeClass(): string {\n return cn(\n this.calculations().governingMechanism === 'cap'\n ? 'bg-primary/10 text-primary border-primary/20 text-xs font-semibold'\n : 'border-success/20 bg-success/10 text-success text-xs font-semibold',\n )\n }\n\n get founderBarWidth(): string {\n return `${this.calculations().founderOwnershipPct}%`\n }\n\n get safeBarWidth(): string {\n return `${this.calculations().safeOwnershipPct}%`\n }\n\n scenarioBadgeClass(mechanism: string): string {\n return cn(\n mechanism === 'Valuation Cap'\n ? 'border-primary/20 bg-primary/10 text-primary text-xs'\n : 'border-success/20 bg-success/10 text-success text-xs',\n )\n }\n\n quickInvestLabel(amt: number): string {\n return amt >= 1000000 ? `$${(amt / 1000000).toFixed(amt % 1000000 === 0 ? 0 : 1)}M` : `$${amt / 1000}K`\n }\n\n fmtCurrency(val: number): string {\n return new Intl.NumberFormat('en-US', {\n style: 'currency',\n currency: 'USD',\n minimumFractionDigits: 2,\n maximumFractionDigits: 2,\n }).format(val || 0)\n }\n\n fmtCurrencyWhole(val: number): string {\n return new Intl.NumberFormat('en-US', {\n style: 'currency',\n currency: 'USD',\n minimumFractionDigits: 0,\n maximumFractionDigits: 0,\n }).format(val || 0)\n }\n\n fmtPercent(val: number, decimals = 2): string {\n return `${(val || 0).toFixed(decimals)}%`\n }\n\n fmtNumber(val: number): string {\n return new Intl.NumberFormat('en-US', { maximumFractionDigits: 0 }).format(val || 0)\n }\n\n copySummary(): void {\n const c = this.calculations()\n const text = `YC Post-Money SAFE Conversion Summary:\n- Investment Amount: ${this.fmtCurrency(this.investmentAmount())}\n- Valuation Cap: ${this.fmtCurrency(this.valuationCap())}\n- Series A Target: ${this.fmtCurrency(this.seriesAPreMoney())} Pre-Money\n- Investor Ownership: ${this.fmtPercent(c.safeOwnershipPct)} (${this.fmtNumber(c.safeShares)} shares)\n- Conversion Price: ${this.fmtCurrency(c.conversionPrice)} / share (vs Series A ${this.fmtCurrency(c.seriesAPricePerShare)})\n- Effective Discount: ${this.fmtPercent(c.effectiveDiscountPct)}\n- Governing Term: ${c.governingMechanism === 'cap' ? 'Valuation Cap' : 'Discount Rate'}`\n\n try {\n navigator.clipboard?.writeText(text)\n } catch {\n // Clipboard unavailable in some contexts; the copied state still confirms the action.\n }\n this.copied.set(true)\n clearTimeout(this.copyTimer)\n this.copyTimer = setTimeout(() => {\n this.copied.set(false)\n }, 2000)\n }\n}\n", "type": "registry:block", "target": "~/src/app/components/blocks/safe-note-calculator/safe-note-calculator.component.ts" }, { "path": "packages/registry-angular/blocks/safe-note-calculator/index.ts", "content": "export {\n UiSafeNoteCalculatorComponent,\n PRESETS,\n type RoundPreset,\n type PresetConfig,\n} from './safe-note-calculator.component'\n", "type": "registry:block", "target": "~/src/app/components/blocks/safe-note-calculator/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/input.json", "https://uipkge.dev/r/angular/separator.json", "https://uipkge.dev/r/angular/slider.json", "https://uipkge.dev/r/angular/switch.json", "https://uipkge.dev/r/angular/table.json", "https://uipkge.dev/r/angular/tabs.json" ], "description": "Y Combinator Post-Money SAFE note valuation, conversion share price, effective discount, and cap table equity dilution simulator with interactive parameter controls and Series A financing sensitivity matrix.", "categories": [ "finance", "legal", "billing" ] }