{ "$schema": "https://uipkge.dev/schema/registry-item.json", "name": "driver-inspection-checklist", "title": "Driver Inspection Checklist", "type": "registry:block", "files": [ { "path": "packages/registry-angular/blocks/driver-inspection-checklist/driver-inspection-checklist.component.ts", "content": "// Commercial vehicle Driver Vehicle Inspection Report (DVIR) pre-trip and post-trip safety\n// audit. Features vehicle odometer & ELD telemetry header, 5 grouped FMCSA safety inspection\n// categories (Brakes & Air Pressure, Tires & Wheels, Lights & Electrical, Engine & Fluids,\n// Emergency Safety Gear) with Pass/Fail/N/A segmented controls, dynamic defect report card with\n// Out-of-Service severity classification, defect notes, photo dropzone, driver CDL certification\n// signature pad, and post-submission compliance receipt. Port of the React block 1:1.\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, computed, signal } from '@angular/core'\nimport {\n AlertCircle,\n AlertTriangle,\n Camera,\n Check,\n CheckCircle2,\n Clock,\n Disc,\n Download,\n FileCheck,\n FileText,\n Flame,\n Gauge,\n Layers,\n Lightbulb,\n LucideAngularModule,\n Minus,\n Printer,\n RotateCcw,\n ShieldAlert,\n ShieldCheck,\n Trash2,\n Truck,\n UploadCloud,\n User,\n Wrench,\n X,\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 { UiCheckboxComponent } from '@/ui/checkbox/checkbox.component'\nimport { UiInputComponent } from '@/ui/input/input.component'\nimport { UiLabelComponent } from '@/ui/label/label.component'\nimport {\n UiSelectComponent,\n UiSelectContentComponent,\n UiSelectItemComponent,\n UiSelectTriggerComponent,\n UiSelectValueComponent,\n} from '@/ui/select/select.component'\nimport { UiSeparatorComponent } from '@/ui/separator/separator.component'\nimport { UiTextareaComponent } from '@/ui/textarea/textarea.component'\n\nexport type CheckStatus = 'pass' | 'fail' | 'na'\nexport type DefectSeverity = 'minor' | 'critical'\nexport type InspectionType = 'pre-trip' | 'post-trip' | 'intermodal'\n\nexport interface InspectionItem {\n id: string\n label: string\n spec: string\n status: CheckStatus\n notes?: string\n}\n\nexport interface InspectionCategory {\n id: string\n title: string\n description: string\n icon: string\n items: InspectionItem[]\n}\n\nexport interface DefectPhoto {\n id: string\n name: string\n size: string\n url?: string\n}\n\nexport interface DVIRReportData {\n reportId: string\n vehicleId: string\n trailerId: string\n odometer: string\n inspectionType: InspectionType\n driverName: string\n driverCdl: string\n carrierName: string\n dotNumber: string\n inspectionDate: string\n inspectionTime: string\n location: string\n categories: InspectionCategory[]\n defectSeverity: DefectSeverity\n defectNotes: string\n defectPhotos: DefectPhoto[]\n certified: boolean\n signatureTimestamp: string\n}\n\nconst DEFAULT_CATEGORIES: InspectionCategory[] = [\n {\n id: 'brakes',\n title: '1. Brakes & Air Pressure',\n description: 'FMCSA § 393.40 / 393.51 Air Brake System & Lines',\n icon: 'disc',\n items: [\n {\n id: 'brakes-service',\n label: 'Service Brakes & Stopping Response',\n spec: 'Smooth pedal feel, no pulling, stopping within 35 ft at 20 mph',\n status: 'pass',\n },\n {\n id: 'brakes-parking',\n label: 'Parking Brake Mechanism',\n spec: 'Holds fully loaded vehicle against low gear engine torque',\n status: 'pass',\n },\n {\n id: 'brakes-airlines',\n label: 'Air Lines & System Pressure (120 PSI)',\n spec: 'Maintains 120 PSI operating pressure; gladhand seals leak-free',\n status: 'pass',\n },\n {\n id: 'brakes-drums',\n label: 'Brake Drums, Linings & Slack Adjusters',\n spec: 'Lining thickness > 1/4\", no oil/grease contamination on drums',\n status: 'pass',\n },\n ],\n },\n {\n id: 'tires',\n title: '2. Tires, Wheels & Rims',\n description: 'FMCSA § 393.75 Wheel Assemblies & Tread Integrity',\n icon: 'layers',\n items: [\n {\n id: 'tires-tread',\n label: 'Steer & Drive Tire Tread Depth',\n spec: 'Steer tires > 4/32\" tread; drive/trailer tires > 2/32\" tread',\n status: 'pass',\n },\n {\n id: 'tires-pressure',\n label: 'Tire Pressure & Cold Inflation (100 PSI)',\n spec: 'All 10 dual/steer tires at 100 PSI cold; valve caps sealed',\n status: 'pass',\n },\n {\n id: 'tires-lugnuts',\n label: 'Lug Nuts & Wheel Rim Fasteners',\n spec: 'All wheel studs present & torqued; no rust trails or rim cracks',\n status: 'pass',\n },\n {\n id: 'tires-hubseals',\n label: 'Wheel Hub Oil Seals & Bearings',\n spec: 'Oil level visible in sight glass; hub seals dry with no leaks',\n status: 'pass',\n },\n ],\n },\n {\n id: 'lights',\n title: '3. Lights & Electrical Systems',\n description: 'FMCSA § 393.9 Lamps, Reflective Devices & Electrical Wiring',\n icon: 'lightbulb',\n items: [\n {\n id: 'lights-headlights',\n label: 'Headlights (Low & High Beams)',\n spec: 'Both sealed beams operable; lenses clean and properly aimed',\n status: 'pass',\n },\n {\n id: 'lights-turnsignals',\n label: 'Turn Signals & 4-Way Hazard Flashers',\n spec: 'Front, cab-side, and rear flashers functional on tractor & trailer',\n status: 'pass',\n },\n {\n id: 'lights-brakelights',\n label: 'Brake Lights & Tail Lights',\n spec: 'Instant illumination upon pedal depression; lenses intact',\n status: 'pass',\n },\n {\n id: 'lights-clearance',\n label: 'Clearance Lights & DOT Reflectors',\n spec: 'Amber front/sides, red rear; DOT-C2 reflective sheeting clean',\n status: 'pass',\n },\n ],\n },\n {\n id: 'engine',\n title: '4. Engine Compartment & Fluids',\n description: 'Powertrain fluids, radiator integrity, belts & steering gear',\n icon: 'wrench',\n items: [\n {\n id: 'engine-oil',\n label: 'Engine Oil Level & Quality',\n spec: 'Dipstick level in safe crosshatch; oil clean without burnt odor',\n status: 'pass',\n },\n {\n id: 'engine-coolant',\n label: 'Engine Coolant & Radiator Core',\n spec: 'Surge tank level at MAX line; radiator cap tight, no hose weeping',\n status: 'pass',\n },\n {\n id: 'engine-powersteering',\n label: 'Power Steering Fluid & Reservoir',\n spec: 'Fluid level within cold fill mark; pump operates without whine',\n status: 'pass',\n },\n {\n id: 'engine-belts',\n label: 'Serpentine Belts & Cooling Hoses',\n spec: 'Belt deflection < 1/2\"; no rib fraying, cracks, or soft hoses',\n status: 'pass',\n },\n ],\n },\n {\n id: 'safety',\n title: '5. Emergency & Safety Equipment',\n description: 'FMCSA § 393.95 Emergency Equipment in Commercial Motor Vehicles',\n icon: 'flame',\n items: [\n {\n id: 'safety-extinguisher',\n label: 'Fire Extinguisher (Charged & Tagged)',\n spec: 'Minimum 5 B:C rating; pressure needle in green, annual tag valid',\n status: 'pass',\n },\n {\n id: 'safety-triangles',\n label: 'Reflective Warning Triangles (3 Pack)',\n spec: 'Three bidirectional red reflective triangles present & secured',\n status: 'pass',\n },\n {\n id: 'safety-firstaid',\n label: 'First Aid & Spill Response Kit',\n spec: 'Sealed commercial first aid pack, eye wash, HazMat pads',\n status: 'pass',\n },\n {\n id: 'safety-wipers',\n label: 'Windshield Wipers, Washers & Horn',\n spec: 'Clean sweep without streaks; air horn and electric city horn loud',\n status: 'pass',\n },\n ],\n },\n]\n\nconst DEFECT_SEED_NOTE =\n 'Air supply line to secondary reservoir exhibits slight pressure drop (down to 105 PSI under load). Audible hiss near tractor-trailer gladhand seal.'\n\n@Component({\n changeDetection: ChangeDetectionStrategy.Eager,\n selector: 'ui-driver-inspection-checklist, [ui-driver-inspection-checklist]',\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 UiCheckboxComponent,\n UiInputComponent,\n UiLabelComponent,\n UiSelectComponent,\n UiSelectContentComponent,\n UiSelectItemComponent,\n UiSelectTriggerComponent,\n UiSelectValueComponent,\n UiSeparatorComponent,\n UiTextareaComponent,\n ],\n template: `\n
\n @if (submitted()) {\n
\n
\n
\n
\n \n \n @if (hasDefects()) {\n \n } @else {\n \n }\n \n
\n\n \n FMCSA § 396.11 Certified Electronic DVIR\n \n\n

\n {{ hasDefects() ? 'DVIR Transmitted · Defect Action Required' : 'DVIR Certified · Ready for Dispatch' }}\n

\n

\n {{\n hasDefects()\n ? 'Inspection report logged with safety defects. Maintenance dispatch notification has been dispatched to the terminal garage desk.'\n : 'Commercial motor vehicle safety inspection verified with zero safety defects. Safe to operate under FMCSA regulations.'\n }}\n

\n\n \n Compliance Document Ref:\n {{ reportId }}\n
\n
\n\n
\n
\n
\n Vehicle / Tractor\n {{ vehicleId }}\n {{ odometer }}\n
\n
\n Associated Trailer\n {{ trailerId }}\n Type: 53-ft Dry Van\n
\n
\n Certified Driver\n {{ driverName }}\n CDL #{{ driverCdl }}\n
\n
\n Timestamp & Hub\n \n {{ inspectionDate }} · {{ inspectionTime }}\n \n {{ location }}\n
\n
\n\n \n
\n
\n Items Inspected\n \n {{ totalCount() }} / {{ totalCount() }}\n \n
\n \n
\n Passed\n {{ passCount() }}\n
\n \n
\n Failed / Defects\n {{ failCount() }}\n
\n \n
\n N/A\n {{ naCount() }}\n
\n
\n\n \n @if (!hasDefects()) {\n \n } @else {\n \n }\n {{ hasDefects() ? 'Defects Found (' + failCount() + ')' : 'All Systems Verified' }}\n \n
\n\n
\n
\n \n \n Electronic Cryptographic Driver Signature\n \n DOT § 396.11 Certified\n
\n
\n

\n {{ typedSignature() || driverName }}\n

\n
\n
\n Signer: {{ driverName }} · CDL #{{ driverCdl }}\n SHA-256: 8f9b7c2d-9482-41e9-b631-{{ reportId }}\n
\n
\n\n
\n \n \n Start New Inspection\n \n\n
\n \n \n
\n
\n
\n
\n
\n } @else {\n
\n \n
\n
\n
\n
\n
\n \n \n FMCSA § 396.11 Audit\n \n\n @if (hasDefects()) {\n \n \n Defects Found · {{ failCount() }} {{ failCount() === 1 ? 'Item' : 'Items' }} Failed\n \n } @else {\n \n \n Inspection In Progress\n \n }\n
\n\n

\n Driver Vehicle Inspection Report (DVIR)\n

\n

\n Mandatory pre-trip and post-trip commercial motor vehicle safety certification and defect tracking\n portal.\n

\n
\n\n
\n \n \n Quick Pass All\n \n \n \n Submit Completed DVIR\n \n
\n
\n
\n\n
\n
\n
\n
\n \n Vehicle / Unit Number\n
\n
{{ vehicleId }}
\n
Trailer: {{ trailerId }}
\n
\n\n
\n
\n \n Odometer Mileage\n
\n
{{ odometer }}
\n
ECM Telemetry Synced
\n
\n\n
\n
\n \n Inspection Type\n
\n \n \n \n Pre-Trip Safety Inspection\n Post-Trip Safety Audit\n Intermodal Chassis Inspection\n \n \n
\n\n
\n
\n \n Driver & Terminal\n
\n
{{ driverName }} · CDL #{{ driverCdl }}
\n
{{ location }}
\n
\n
\n\n
\n
\n Audit Completion Progress\n \n {{ passCount() }} Pass · {{ failCount() }} Fail · {{ naCount() }} N/A ({{ totalCount() }} Total)\n \n
\n
\n
\n
\n
\n
\n
\n\n \n
\n @for (category of categories(); track category.id) {\n
\n
\n
\n
\n \n @if (category.icon === 'disc') {\n \n } @else if (category.icon === 'layers') {\n \n } @else if (category.icon === 'lightbulb') {\n \n } @else if (category.icon === 'wrench') {\n \n } @else if (category.icon === 'flame') {\n \n }\n
\n
\n

\n {{ category.title }}\n

\n

{{ category.description }}

\n
\n
\n\n
\n \n Pass All\n \n \n N/A All\n \n
\n
\n
\n\n
\n @for (item of category.items; track item.id) {\n
\n
\n
\n {{ item.label }}\n @if (item.status === 'fail') {\n \n Defect\n \n }\n
\n

{{ item.spec }}

\n
\n\n
\n \n \n Pass\n \n \n \n Fail\n \n \n \n N/A\n \n
\n
\n }\n
\n
\n }\n
\n\n \n @if (hasDefects()) {\n \n
\n
\n
\n \n \n
\n
\n

\n Critical Defect Log & Repair Dispatch Form\n

\n

\n {{ failCount() }} item(s) flagged with safety defects requiring mechanic sign-off under FMCSA §\n 396.13.\n

\n
\n
\n\n Action Required\n
\n \n\n
\n
\n \n
\n @for (item of failedItems(); track item.id) {\n \n \n {{ item.label }}\n \n }\n
\n
\n\n
\n
\n \n \n span]:truncate\"\n >\n \n \n \n \n Minor Defect — Safe to operate; scheduled for terminal shop\n \n \n Out-of-Service (OOS) Critical — Dispatch prohibited until repaired\n \n \n \n
\n\n
\n \n
\n \n \n
\n
\n
\n\n
\n \n \n
\n\n
\n
\n \n JPG, PNG up to 15MB\n
\n\n \n
\n
\n \n
\n

\n Click to attach photo or drag and drop image here\n

\n

\n Capture close-ups of damaged tires, fluid puddles, broken lights, or air fittings\n

\n
\n
\n\n @if (defectPhotos().length > 0) {\n
\n @for (photo of defectPhotos(); track photo.id) {\n \n
\n \n {{ photo.name }}\n ({{ photo.size }})\n
\n \n \n \n
\n }\n
\n }\n \n \n \n }\n\n \n
\n
\n
\n
\n \n

Driver Safety Certification & Electronic Signature

\n
\n \n FMCSA § 396.11(a)\n \n
\n

\n Commercial motor vehicle driver must certify that all required items have been inspected and all known\n defects disclosed.\n

\n
\n\n
\n
\n
\n \n
\n \n I certify that I have conducted a thorough safety inspection of this vehicle and trailer in\n compliance with Federal Motor Carrier Safety Regulations.\n \n

\n All components listed above have been checked. Any conditions likely to affect the safe operation\n of this vehicle or result in mechanical breakdown have been truthfully recorded.\n

\n
\n
\n
\n\n
\n
\n \n \n
\n
\n \n \n {{ inspectionDate }} · {{ inspectionTime }}\n
\n
\n
\n\n
\n
\n \n \n Live Digital Signature Stamp\n \n Verified CDL Class-A Holder\n
\n\n
\n

\n {{ typedSignature() || 'Marcus Vance' }}\n

\n
\n\n
\n Driver: {{ driverName }} · CDL #{{ driverCdl }}\n Carrier: {{ carrierName }} ({{ dotNumber }})\n
\n
\n
\n\n \n
\n Audit Status:\n {{ passCount() }} Pass, {{ failCount() }} Fail, {{ naCount() }} N/A\n
\n\n
\n \n Reset Audit\n \n \n \n Submit Completed DVIR\n \n
\n \n \n \n }\n \n `,\n})\nexport class UiDriverInspectionChecklistComponent {\n protected readonly AlertCircle = AlertCircle\n protected readonly AlertTriangle = AlertTriangle\n protected readonly Camera = Camera\n protected readonly Check = Check\n protected readonly CheckCircle2 = CheckCircle2\n protected readonly Clock = Clock\n protected readonly Disc = Disc\n protected readonly Download = Download\n protected readonly FileCheck = FileCheck\n protected readonly FileText = FileText\n protected readonly Flame = Flame\n protected readonly Gauge = Gauge\n protected readonly Layers = Layers\n protected readonly Lightbulb = Lightbulb\n protected readonly Minus = Minus\n protected readonly Printer = Printer\n protected readonly RotateCcw = RotateCcw\n protected readonly ShieldAlert = ShieldAlert\n protected readonly ShieldCheck = ShieldCheck\n protected readonly Trash2 = Trash2\n protected readonly Truck = Truck\n protected readonly UploadCloud = UploadCloud\n protected readonly User = User\n protected readonly Wrench = Wrench\n protected readonly X = X\n\n protected readonly reportId = 'DVIR-2026-90412'\n protected readonly carrierName = 'Apex Freight Logistics Inc.'\n protected readonly dotNumber = 'USDOT #2940182'\n protected readonly inspectionDate = '2026-08-21'\n protected readonly inspectionTime = '06:45 AM EDT'\n protected readonly location = 'Terminal #12 · Ontario Logistics Hub, CA'\n\n @Input() vehicleId = 'Truck #104 · Freightliner Cascadia'\n @Input() trailerId = \"Trailer #TR-8821 (53' Dry Van)\"\n @Input() odometer = '142,850 miles'\n @Input() driverName = 'Marcus Vance'\n @Input() driverCdl = 'CA-948201'\n @Input() set initialInspectionType(v: InspectionType) {\n this.inspectionType.set(v)\n }\n @Input() set initialDefectState(v: boolean) {\n this.applyDefectSeed(!!v)\n }\n @Input() set initialSubmitted(v: boolean) {\n this.submitted.set(!!v)\n }\n @Input('class') className?: string\n @Output() submit = new EventEmitter()\n @Output() defectChange = new EventEmitter()\n\n readonly inspectionType = signal('pre-trip')\n readonly categories = signal(\n DEFAULT_CATEGORIES.map((cat) => ({ ...cat, items: cat.items.map((item) => ({ ...item })) })),\n )\n readonly defectSeverity = signal('minor')\n readonly defectNotes = signal('')\n readonly defectReportedToDesk = signal(true)\n readonly defectPhotos = signal([])\n readonly certified = signal(true)\n readonly typedSignature = signal('Marcus Vance')\n readonly submitted = signal(false)\n\n private photoCounter = 0\n\n constructor() {\n this.typedSignature.set(this.driverName)\n }\n\n readonly allItems = computed(() => this.categories().flatMap((c) => c.items))\n readonly totalCount = computed(() => this.allItems().length)\n readonly passCount = computed(() => this.allItems().filter((i) => i.status === 'pass').length)\n readonly failCount = computed(() => this.allItems().filter((i) => i.status === 'fail').length)\n readonly naCount = computed(() => this.allItems().filter((i) => i.status === 'na').length)\n readonly failedItems = computed(() => this.allItems().filter((i) => i.status === 'fail'))\n readonly hasDefects = computed(() => this.failedItems().length > 0)\n readonly completionPercentage = computed(() => {\n const total = this.totalCount()\n return total > 0 ? Math.round((this.allItems().filter((i) => i.status !== undefined).length / total) * 100) : 0\n })\n\n get rootClass(): string {\n return cn('text-foreground mx-auto w-full max-w-5xl space-y-6', this.className)\n }\n\n get progressBarClass(): string {\n return cn('h-full transition-[width] duration-300', this.hasDefects() ? 'bg-warning' : 'bg-primary')\n }\n\n get receiptBannerClass(): string {\n return cn(\n 'border-b p-6 text-center sm:p-8',\n this.hasDefects() ? 'border-warning/30 bg-warning/10' : 'border-success/30 bg-success/10',\n )\n }\n\n get receiptGlowClass(): string {\n return cn('absolute inset-0 rounded-full blur-xl', this.hasDefects() ? 'bg-warning/30' : 'bg-success/30')\n }\n\n get receiptIconWrapClass(): string {\n return cn(\n 'relative flex size-16 items-center justify-center rounded-full border shadow-xs',\n this.hasDefects()\n ? 'border-warning/40 bg-warning/20 text-warning'\n : 'border-success/40 bg-success/20 text-success',\n )\n }\n\n get receiptBadgeClass(): string {\n return cn(\n 'mb-2 font-mono text-xs tracking-wider uppercase',\n !this.hasDefects() && 'border-success/30 bg-success/10 text-success',\n )\n }\n\n get receiptFailClass(): string {\n return cn('text-lg font-bold tabular-nums', this.failCount() > 0 ? 'text-destructive' : 'text-muted-foreground')\n }\n\n itemRowClass(status: CheckStatus): string {\n return cn(\n 'flex flex-col gap-3 p-4 transition-colors sm:flex-row sm:items-center sm:justify-between',\n status === 'fail' ? 'bg-destructive/5' : 'hover:bg-muted/30',\n )\n }\n\n segmentClass(current: CheckStatus, kind: CheckStatus): string {\n const base =\n 'focus-visible:ring-ring inline-flex cursor-pointer items-center gap-1.5 rounded-md border px-2.5 py-1 text-xs font-medium shadow-xs transition-colors outline-none focus-visible:ring-2'\n if (current === kind) {\n if (kind === 'pass') return cn(base, 'border-success/40 bg-success/15 text-success font-semibold')\n if (kind === 'fail') return cn(base, 'border-destructive/40 bg-destructive/15 text-destructive font-semibold')\n return cn(base, 'border-border bg-muted text-foreground font-semibold')\n }\n return cn(base, 'border-border bg-background text-muted-foreground hover:bg-muted hover:text-foreground')\n }\n\n setInspectionType(value: string): void {\n this.inspectionType.set(value as InspectionType)\n }\n\n setDefectSeverity(value: string): void {\n this.defectSeverity.set(value as DefectSeverity)\n }\n\n private applyDefectSeed(on: boolean): void {\n this.categories.set(\n DEFAULT_CATEGORIES.map((cat) => ({\n ...cat,\n items: cat.items.map((item) => {\n if (on && (item.id === 'brakes-airlines' || item.id === 'tires-pressure')) {\n return { ...item, status: 'fail' as CheckStatus }\n }\n return { ...item }\n }),\n })),\n )\n this.defectSeverity.set(on ? 'critical' : 'minor')\n this.defectNotes.set(on ? DEFECT_SEED_NOTE : '')\n this.defectPhotos.set(\n on\n ? [\n { id: 'p1', name: 'gladhand_seal_wear.jpg', size: '2.4 MB' },\n { id: 'p2', name: 'air_pressure_gauge_105psi.png', size: '1.8 MB' },\n ]\n : [],\n )\n }\n\n setItemStatus(categoryId: string, itemId: string, status: CheckStatus): void {\n this.categories.update((prev) =>\n prev.map((cat) => {\n if (cat.id !== categoryId) return cat\n return { ...cat, items: cat.items.map((item) => (item.id === itemId ? { ...item, status } : item)) }\n }),\n )\n this.emitDefectChange()\n }\n\n setCategoryAll(categoryId: string, status: CheckStatus): void {\n this.categories.update((prev) =>\n prev.map((cat) => {\n if (cat.id !== categoryId) return cat\n return { ...cat, items: cat.items.map((item) => ({ ...item, status })) }\n }),\n )\n this.emitDefectChange()\n }\n\n markAllPass(): void {\n this.categories.update((prev) =>\n prev.map((cat) => ({ ...cat, items: cat.items.map((item) => ({ ...item, status: 'pass' as CheckStatus })) })),\n )\n this.emitDefectChange()\n }\n\n addMockPhoto(): void {\n this.photoCounter += 1\n const n = this.photoCounter + this.defectPhotos().length\n this.defectPhotos.update((prev) => [\n ...prev,\n { id: `photo-${Date.now()}-${this.photoCounter}`, name: `defect_evidence_0${n}.jpg`, size: '1.9 MB' },\n ])\n }\n\n removePhoto(id: string): void {\n this.defectPhotos.update((prev) => prev.filter((p) => p.id !== id))\n }\n\n onDropzoneKeydown(event: KeyboardEvent): void {\n if (event.key === 'Enter' || event.key === ' ') {\n event.preventDefault()\n this.addMockPhoto()\n }\n }\n\n private emitDefectChange(): void {\n this.defectChange.emit(this.failedItems())\n }\n\n handleSubmit(): void {\n if (!this.certified() || this.typedSignature().trim() === '') return\n this.submitted.set(true)\n this.submit.emit({\n reportId: this.reportId,\n vehicleId: this.vehicleId,\n trailerId: this.trailerId,\n odometer: this.odometer,\n inspectionType: this.inspectionType(),\n driverName: this.driverName,\n driverCdl: this.driverCdl,\n carrierName: this.carrierName,\n dotNumber: this.dotNumber,\n inspectionDate: this.inspectionDate,\n inspectionTime: this.inspectionTime,\n location: this.location,\n categories: this.categories(),\n defectSeverity: this.defectSeverity(),\n defectNotes: this.defectNotes(),\n defectPhotos: this.defectPhotos(),\n certified: this.certified(),\n signatureTimestamp: new Date().toISOString(),\n })\n }\n\n handleReset(): void {\n this.submitted.set(false)\n this.markAllPass()\n this.defectNotes.set('')\n this.defectPhotos.set([])\n }\n}\n", "type": "registry:block", "target": "~/src/app/components/blocks/driver-inspection-checklist/driver-inspection-checklist.component.ts" }, { "path": "packages/registry-angular/blocks/driver-inspection-checklist/index.ts", "content": "export {\n UiDriverInspectionChecklistComponent,\n type CheckStatus,\n type DVIRReportData,\n type DefectPhoto,\n type DefectSeverity,\n type InspectionCategory,\n type InspectionItem,\n type InspectionType,\n} from './driver-inspection-checklist.component'\n", "type": "registry:block", "target": "~/src/app/components/blocks/driver-inspection-checklist/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/checkbox.json", "https://uipkge.dev/r/angular/input.json", "https://uipkge.dev/r/angular/label.json", "https://uipkge.dev/r/angular/select.json", "https://uipkge.dev/r/angular/separator.json", "https://uipkge.dev/r/angular/textarea.json" ], "description": "Commercial vehicle Driver Vehicle Inspection Report (DVIR) pre-trip and post-trip safety audit. Features vehicle odometer & ELD telemetry header, 5 grouped FMCSA safety inspection categories (Brakes & Air Pressure, Tires & Wheels, Lights & Electrical, Engine & Fluids, Emergency Safety Gear) with Pass/Fail/N/A segmented controls, dynamic defect report card with Out-of-Service severity classification, defect notes, photo dropzone, driver CDL certification signature pad, and post-submission compliance receipt.", "categories": [ "logistics", "app", "forms" ] }