@myhealth-belgium/webcomponent-therapeutic-relations 0.1.1

package/CHANGELOG.md

@@ -0,0 +1,19 @@
+# 0.1.1
+
+**Bug fixes:**
+
+- Added local MatSymbols-Rounded file with required symbols for this webcomponent.
+
+# 0.1.0
+
+Initial version.
+
+This version contains the therapeutic relations 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:**
+
+- Therapeutic relations 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,50 @@
+# MyHealth Webcomponent Vaccinations
+
+The MyHealth Webcomponent Vaccinations provides a comprehensive view of a user's vaccination history.
+
+All MyHealth webcomponents implement the [MyHealth - Web Component Integration](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 Webcomponent Vaccinations, simply import the package's JavaScript and CSS into your application:
+
+```ts
+import '@myhealth-belgium/webcomponent-webcomponent-vaccinations';
+```
+
+```scss
+@use '@myhealth-belgium/webcomponent-webcomponent-vaccinations/styles.css';
+```
+
+Then, implement the webcomponent in your HTML according to [MyHealth - Web Component Integration](https://www.npmjs.com/package/@smals-belgium/myhealth-wc-integration)'s guidelines. Example:
+
+```html
+<mh-webcomponent-vaccinations
+  version="${hostSpecVersion}"
+  language="${Language.EN}"
+  config-name="${Configuration.DEMO}"
+  services="${services}"
+></mh-webcomponent-vaccinations>
+```
+
+### Mock data
+
+There is an option to display simple mock data with this webcomponent by changing the `config-name` attribute passed to the webcomponent to: `config-name="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.
+
+By default, importing `@myhealth-belgium/webcomponent-webcomponent-vaccinations/styles.css` will execute the mixins below.
+
+```scss
+@include mh.core();
+@include mh.override-mat-table();
+@include mh.override-mat-form-field();
+@include mh.override-mat-button();
+```
+
+You **can leave out the styling** if you **provide** these **mixins yourself** using the [MyHealth - Angular design kit](https://www.npmjs.com/package/@myhealth-belgium/design-kit).