{ "$schema": "https://uipkge.dev/schema/registry-item.json", "name": "security-trust-center-grid", "title": "Security — Trust Centre Grid", "type": "registry:block", "files": [ { "path": "packages/registry-angular/blocks/security-trust-center-grid/security-trust-center-grid.component.ts", "content": "// Trust centre surface pairing compliance programmes with their audit date,\n// scope, and report link, over operational controls stated as verifiable facts.\n// Port of the React block 1:1.\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core'\nimport {\n ArrowUpRight,\n FileText,\n KeyRound,\n Lock,\n LucideAngularModule,\n ScrollText,\n ServerCog,\n Users,\n} from 'lucide-angular'\nimport { cn } from '@/lib/utils'\nimport { UiBadgeComponent } from '@/ui/badge/badge.component'\nimport { UiButtonComponent } from '@/ui/button/button.component'\nimport { UiCardComponent, UiCardContentComponent } from '@/ui/card/card.component'\nimport { UiSeparatorComponent } from '@/ui/separator/separator.component'\n\ninterface TrustProgramme {\n name: string\n scope: string\n audited: string\n body: string\n}\n\nconst programmes: TrustProgramme[] = [\n {\n name: 'SOC 2 Type II',\n scope: 'Security, availability, confidentiality',\n audited: 'Mar 2026',\n body: 'Prescient Assurance',\n },\n { name: 'ISO 27001', scope: 'Information security management', audited: 'Jan 2026', body: 'BSI Group' },\n { name: 'HIPAA', scope: 'PHI handling, BAA available', audited: 'Nov 2025', body: 'Third-party assessed' },\n { name: 'GDPR', scope: 'EU data protection, DPA available', audited: 'Ongoing', body: 'Self-attested' },\n]\n\ninterface TrustControl {\n icon: typeof Lock\n label: string\n detail: string\n}\n\n// Stated as mechanisms, not reassurance: each line is something a reviewer can\n// verify rather than a claim about intent.\nconst controls: TrustControl[] = [\n { icon: Lock, label: 'Read-only warehouse access', detail: 'No write grant is ever requested.' },\n { icon: KeyRound, label: 'Customer-managed keys', detail: 'Rotation handled through your KMS.' },\n { icon: Users, label: 'SCIM deprovisioning', detail: 'Access ends with the directory record.' },\n { icon: ScrollText, label: 'Immutable audit log', detail: 'Append-only, exportable, 7-year retention.' },\n { icon: ServerCog, label: 'Regional isolation', detail: 'EU, US, and AU estates do not share planes.' },\n { icon: FileText, label: 'Published subprocessors', detail: 'Change notice 30 days before it takes effect.' },\n]\n\n@Component({\n changeDetection: ChangeDetectionStrategy.Eager,\n selector: 'ui-security-trust-center-grid, [ui-security-trust-center-grid]',\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 UiSeparatorComponent,\n ],\n template: `\n
\n
\n
\n
\n Trust\n

What we can show you, with dates

\n

\n Reports are available under NDA. Everything below names who audited it and when.\n

\n
\n \n
\n\n
\n @for (programme of programmes; track programme.name) {\n
\n
\n

{{ programme.name }}

\n

{{ programme.scope }}

\n \n
\n
\n
Audited
\n
{{ programme.audited }}
\n
\n
\n
By
\n
{{ programme.body }}
\n
\n
\n \n
\n
\n }\n
\n\n \n\n
    \n @for (control of controls; track control.label) {\n
  • \n \n
    \n

    {{ control.label }}

    \n

    {{ control.detail }}

    \n
    \n
    • \n }\n
\n
\n
\n `,\n})\nexport class UiSecurityTrustCenterGridComponent {\n protected readonly ArrowUpRight = ArrowUpRight\n protected readonly programmes = programmes\n protected readonly controls = controls\n\n @Input('class') className?: string\n\n get rootClass(): string {\n return cn('bg-background', this.className)\n }\n}\n", "type": "registry:block", "target": "~/src/app/components/blocks/security-trust-center-grid/security-trust-center-grid.component.ts" }, { "path": "packages/registry-angular/blocks/security-trust-center-grid/index.ts", "content": "export { UiSecurityTrustCenterGridComponent } from './security-trust-center-grid.component'\n", "type": "registry:block", "target": "~/src/app/components/blocks/security-trust-center-grid/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/separator.json" ], "description": "Trust centre surface pairing compliance programmes with their audit date, scope, and report link, over a row of operational controls stated as facts rather than claims.", "categories": [ "marketing" ] }