A FHIR data library for the frontend.
- library docs: library.
- storybook: https://fhir-beacon.deno.dev
- showcase: https://fhir-beacon-app.deno.dev
- for details about the project read the backround
import {DisplayConfig, ObservationData, PatientData} from 'fhir-beacon'
import {html} from 'lit'
type FhirRendererProps = {
data: { patient: PatientData; observation: ObservationData; }
config: DisplayConfig
};
export const FhirRenderer= ({ data, config }:FhirRendererProps) => {
return html`
<div>
<fhir-patient .data=${data.patient} ?summaryonly=${config.summaryonly} ></fhir-patient>
<hr/>
<fhir-observation .data=${data.observation} ?showerror=${config.showerror} ></fhir-observation>
</div>
`
}
---
title: Resource Custom Elements
config:
theme: neutral
class:
hideEmptyMembersBox: true
---
%%{
init: {
'theme': 'base',
'themeVariables': {
'lineColor': 'blue',
'primaryColor': '#BB2528',
'primaryTextColor': '#fff',
'primaryBorderColor': '#7C0000',
'lineColor': '#F8B229',
'secondaryColor': '#006100',
'tertiaryColor': '#fff'
}
}
}%%
classDiagram
direction BT
namespace lit {
class LitElement:::dep
}
namespace FhirBeaconCore {
class ConfigurableElement["<<abstract>>\nConfigurableElement"]:::base
class BaseElement["<<abstract>>\nBaseElement"]:::base
class Resource["<<abstract>>\nResource"]:::base
class DomainResource["<<abstract>>\nDomainResource"]:::base
class Backbone["<<abstract>>\nBackbone"]:::base
}
namespace CustomElements {
class Patient["<fhir-patient>"]:::res
class Observation["<fhir-observation>"]:::res
class Medication["<fhir-medication>"]:::res
class Etc["..."]:::res
class AppointmentRecTmplt["<fhir-appointment-recurrence-template>"]:::res
class MedicationIngredient["<fhir-medication-ingredient>"]:::res
class ObservationRefRange["<fhir-observation-refference-range>"]:::res
class Etc3["..."]:::res
}
ConfigurableElement --|> LitElement
BaseElement --|> ConfigurableElement
Resource --|> BaseElement
DomainResource --|> Resource
Backbone --|> BaseElement
DomainResource *--> Backbone: as custom-element
BaseElement <--* BaseElement: as custom-element
Medication --|> DomainResource
Patient --|> DomainResource
Observation --|> DomainResource
Etc --|> DomainResource
AppointmentRecTmplt --|> Backbone
MedicationIngredient --|> Backbone
ObservationRefRange --|> Backbone
Etc3 --|> Backbone
The library provides a collection of web components for working with FHIR data in the browser.
A showcase application for demonstrating the integration use-cases.
Development and testing time data. It mostly contains FHIR reference data.
Development and testing time configuration for running HAPI FHIR server in docker.