@myhealth-belgium/webcomponent-vaccinations 0.1.0

package/CHANGELOG.md

@@ -0,0 +1,13 @@
+# 0.1.0
+
+Initial version.
+
+This version contains the vaccinations component as seen in (MyHealth)[https://myhealth.belgium.be/], packaged as a webcomponent.
+
+The webcomponent implements the [MyHealth Webcomponent integration library](https://www.npmjs.com/package/@smals-belgium/myhealth-wc-integration) and use the [MyHealth - Angular design kit](https://www.npmjs.com/package/@myhealth-belgium/design-kit) package for styling.
+
+It should be noted there is no authorization built into the component yet, so the data retrieved by the webcomponent will always be null and an error will be shown.
+
+**New features:**
+
+- Vaccinations webcomponent with inputs as declared in [MyHealth Webcomponent integration library](https://www.npmjs.com/package/@smals-belgium/myhealth-wc-integration)

package/README.md

@@ -0,0 +1,39 @@
+# MyHealth Vaccinations Webcomponent
+
+The MyHealth Vaccinations Webcomponent provides a comprehensive view of a user's vaccination history.
+
+All MyHealth webcomponents implement the [MyHealth Webcomponent integration library](https://www.npmjs.com/package/@smals-belgium/myhealth-wc-integration) and use the [MyHealth - Angular design kit](https://www.npmjs.com/package/@myhealth-belgium/design-kit) package for styling.
+
+## Usage
+
+To use the MyHealth Vaccinations Webcomponent, simply import the package's JavaScript and CSS into your application:
+
+```ts
+import '@myhealth-belgium/vaccinations';
+```
+
+```scss
+@use '@myhealth-belgium/vaccinations/styles.css';
+```
+
+Then, implement the webcomponent in your HTML according to [MyHealth Webcomponent integration library](https://www.npmjs.com/package/@smals-belgium/myhealth-wc-integration)'s guidelines. Example:
+
+```html
+<mh-vaccinations-webcomponent
+  version="${hostSpecVersion}"
+  language="${Language.EN}"
+  configname="${Configuration.DEV}"
+  services="${services}"
+></mh-vaccinations-webcomponent>
+```
+
+### Mock data
+
+There is an option to display simple mock data with this webcomponent by changing the `configname` attribute passed to the webcomponent to: `configname="demo"`.
+When in demo mode, the webcomponent will not make API calls and use standard mock data instead.
+
+### Design kit integration
+
+As stated before, all MyHealth webcomponents use the [MyHealth - Angular design kit](https://www.npmjs.com/package/@myhealth-belgium/design-kit) package.
+
+This means all webcomponents use the core functionality of the design kit, and override the Material components that the webcomponent consumes.