{ "$schema": "https://uipkge.dev/schema/registry-item.json", "name": "patient-medical-record", "title": "Patient Medical Record", "type": "registry:block", "files": [ { "path": "packages/registry-angular/blocks/patient-medical-record/patient-medical-record.component.ts", "content": "// Epic / Cerner style EHR patient chart and clinical summary: demographics header with a\n// severe-allergy banner, latest vitals strip, ICD-10 problem list, active medications table,\n// encounter notes (HPI + Assessment & Plan), upcoming schedule, care team directory and\n// emergency contact. Port of the React block 1:1 (static clinical surface, no local state).\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core'\nimport {\n Activity,\n AlertTriangle,\n Calendar,\n CheckCircle2,\n Clock,\n Droplets,\n FileText,\n FlaskConical,\n HeartPulse,\n LucideAngularModule,\n MapPin,\n Phone,\n Pill,\n Printer,\n Scale,\n Stethoscope,\n Thermometer,\n UserCheck,\n Wind,\n} from 'lucide-angular'\nimport { cn } from '@/lib/utils'\nimport { UiAvatarComponent, UiAvatarFallbackComponent, UiAvatarImageComponent } from '@/ui/avatar/avatar.component'\nimport { UiBadgeComponent } 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 { UiSeparatorComponent } from '@/ui/separator/separator.component'\nimport {\n UiTableBodyComponent,\n UiTableCellComponent,\n UiTableComponent,\n UiTableHeadComponent,\n UiTableHeaderComponent,\n UiTableRowComponent,\n} from '@/ui/table/table.component'\n\n@Component({\n changeDetection: ChangeDetectionStrategy.Eager,\n selector: 'ui-patient-medical-record, [ui-patient-medical-record]',\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 UiCardHeaderComponent,\n UiCardTitleComponent,\n UiSeparatorComponent,\n UiTableBodyComponent,\n UiTableCellComponent,\n UiTableComponent,\n UiTableHeadComponent,\n UiTableHeaderComponent,\n UiTableRowComponent,\n ],\n template: `\n
\n \n
\n
\n
\n
\n \n \n DC\n \n
\n
\n

David Chen

\n 48 yrs · Male\n \n \n Active Inpatient · Room 412B\n \n
\n\n
\n #MRN-849201 \n \n \n DOB: Oct 14, 1978\n \n \n \n Blood: O+\n \n \n \n PCP: Dr. Emily Vance, MD\n \n
\n
\n
\n\n
\n \n \n \n
\n
\n\n \n \n
\n \n \n Severe Allergies: Penicillin (Anaphylaxis),\n Sulfa drugs (Severe Rash)\n \n
\n \n High Alert\n \n
\n
\n \n\n \n
\n
\n \n
\n
\n
\n

\n \n Latest Vitals Strip\n

\n

\n Recorded today at 08:30 AM EDT · Nurse J. Miller, RN (Floor 4 East)\n

\n
\n Within Normal Limits\n
\n
\n
\n
\n
\n Blood Pressure\n \n
\n
124/82
\n

mmHg · Normal

\n
\n
\n
\n Heart Rate\n \n
\n
72
\n

bpm · Resting

\n
\n
\n
\n Temp (Oral)\n \n
\n
98.6
\n

°F · Afebrile

\n
\n
\n
\n Oxygen SpO2\n \n
\n
98%
\n

Room air

\n
\n
\n
\n BMI\n \n
\n
24.2
\n

kg/m² · Normal

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

\n \n Active Diagnoses & Problem List\n

\n

Chronic and active conditions under clinical management

\n
\n 3 Active Conditions\n
\n
\n \n
\n
\n Type 2 Diabetes Mellitus\n ICD-10 E11.9\n Chronic\n
\n

\n Onset: March 2019 · Managed with oral hypoglycemics\n · Last HbA1c: 7.2%\n

\n
\n
\n Diagnosed by\n Dr. Emily Vance, MD\n
\n
\n\n \n
\n
\n Essential (Primary) Hypertension\n ICD-10 I10\n Controlled\n
\n

\n Onset: November 2021 · ACE inhibitor therapy ·\n Monitored daily\n

\n
\n
\n Diagnosed by\n Dr. Emily Vance, MD\n
\n
\n\n \n
\n
\n Moderate Persistent Asthma\n ICD-10 J45.40\n Intermittent\n
\n

\n Onset: June 2015 · Bronchodilator PRN · No\n hospitalizations in past 12m\n

\n
\n
\n Diagnosed by\n Dr. Marcus Vance, MD\n
\n
\n
\n \n\n \n
\n
\n
\n

\n \n Active Medications Table\n

\n

Current inpatient and outpatient pharmacotherapy regimen

\n
\n 4 Prescriptions\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 \n \n \n \n \n \n \n \n \n
Medication & BrandDosage & RouteInstructionsPrescribed ByStatus
\n
Metformin HCl
\n
Glucophage · Biguanide
\n 		500mg PO BIDDr. Emily Vance, MD\n Active\n
\n
Lisinopril
\n
Prinivil · ACE Inhibitor
\n 		10mg PO DailyDr. Emily Vance, MD\n Active\n
\n
Albuterol Sulfate
\n
ProAir HFA · SABA
\n 		\n 90mcg Inhalation Q4H PRN\n Dr. Emily Vance, MD\n Active\n
\n
Atorvastatin Calcium
\n
Lipitor · Statin
\n 		20mg PO QHSDr. Marcus Vance, MD\n Active\n
\n
\n
\n
\n\n \n
\n
\n
\n
\n

\n \n Recent Clinical Encounter Notes\n

\n

Inpatient Daily Progress Note · General Internal Medicine

\n
\n Encounter #ENC-91823\n
\n
\n
\n \n
\n Provider:\n Dr. Emily Vance, MD (Attending)\n
\n
\n Date:\n Oct 24, 2026 · 09:30 AM EDT\n
\n
\n\n
\n \n \n History of Present Illness (HPI)\n \n \n

\n Patient is a 48-year-old male with a documented history of Type 2 Diabetes Mellitus and Essential\n Hypertension, currently admitted to Inpatient Floor 4 East (Room 412B) for glycemic optimization\n following mild erratic home glucose readings.\n

\n

\n This morning, patient reports feeling well with notable improvement in energy levels. Denies\n episodes of dizziness, diaphoresis, chest pain, palpitations, or acute dyspnea. Fasting blood\n glucose at 07:00 was 118 mg/dL on Metformin 500mg BID. Vital signs remain within normal\n physiological parameters. Tolerating scheduled diabetic meal plan without gastrointestinal distress.\n

\n
\n
\n\n
\n \n \n Assessment & Plan (A&P)\n \n \n
\n
\n 1. Type 2 Diabetes Mellitus (E11.9) — Controlled\n
\n

\n Glycemic control stabilized. Continue Metformin HCl 500mg PO BID with meals. Re-check fasting\n blood sugar tomorrow at 07:00. HbA1c stable at 7.2%. No need for supplementary sliding-scale\n insulin at this time.\n

\n
\n \n
\n
\n 2. Essential Hypertension (I10) — Stable\n
\n

\n Normotensive on Lisinopril 10mg PO Daily (today BP 124/82 mmHg). Maintain current dosage. Continue\n routine Q8H vital signs monitoring.\n

\n
\n \n
\n
\n 3. Bronchial Asthma (J45.40) — Quiescent\n
\n

\n Bilateral breath sounds clear to auscultation without wheeze or crackles. Continue Albuterol 90mcg\n MDI PRN.\n

\n
\n \n
\n
\n 4. Disposition & Discharge Planning\n
\n

\n Anticipate discharge tomorrow morning pending afternoon CMP and final attending evaluation.\n Outpatient follow-up with PCP in 2 weeks.\n

\n
\n
\n \n\n \n
\n \n \n Electronically Signed by: Dr. Emily Vance, MD\n \n
\n Signed: Oct 24, 2026 at 10:15 AM EDT\n \n \n \n \n\n \n \n \n \n `,\n})\nexport class UiPatientMedicalRecordComponent {\n protected readonly Activity = Activity\n protected readonly AlertTriangle = AlertTriangle\n protected readonly Calendar = Calendar\n protected readonly CheckCircle2 = CheckCircle2\n protected readonly Clock = Clock\n protected readonly Droplets = Droplets\n protected readonly FileText = FileText\n protected readonly FlaskConical = FlaskConical\n protected readonly HeartPulse = HeartPulse\n protected readonly MapPin = MapPin\n protected readonly Phone = Phone\n protected readonly Pill = Pill\n protected readonly Printer = Printer\n protected readonly Scale = Scale\n protected readonly Stethoscope = Stethoscope\n protected readonly Thermometer = Thermometer\n protected readonly UserCheck = UserCheck\n protected readonly Wind = Wind\n\n @Input('class') className?: string\n\n get rootClass(): string {\n return cn('bg-background text-foreground w-full space-y-6', this.className)\n }\n}\n", "type": "registry:block", "target": "~/src/app/components/blocks/patient-medical-record/patient-medical-record.component.ts" }, { "path": "packages/registry-angular/blocks/patient-medical-record/index.ts", "content": "export { UiPatientMedicalRecordComponent } from './patient-medical-record.component'\n", "type": "registry:block", "target": "~/src/app/components/blocks/patient-medical-record/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/separator.json", "https://uipkge.dev/r/angular/table.json" ], "description": "Epic/Cerner-style EHR patient chart and clinical summary: patient demographics header with allergy alerts, latest vitals strip, active diagnoses and ICD-10 problem list, active medications table, recent clinical encounter notes (HPI and Assessment & Plan), upcoming appointments schedule, care team directory, and emergency contacts.", "categories": [ "healthcare", "app" ] }