@myhealth-belgium/webcomponent-therapeutic-relations 0.1.2 → 0.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/README.md +9 -11
- package/assets/{main-kdqXylwe.js → main-Bhu-EXC9.js} +17 -17
- package/main.js +1 -1
- package/package.json +1 -1
- package/styles.css +1 -1
package/CHANGELOG.md
CHANGED
package/README.md
CHANGED
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
# MyHealth Webcomponent
|
|
1
|
+
# MyHealth Webcomponent Therapeutic Relations
|
|
2
2
|
|
|
3
|
-
The MyHealth Webcomponent
|
|
3
|
+
The MyHealth Webcomponent Therapeutic Relations provides a comprehensive view of a user's therapeutic relations.
|
|
4
4
|
|
|
5
5
|
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.
|
|
6
6
|
|
|
7
7
|
## Usage
|
|
8
8
|
|
|
9
|
-
To use the MyHealth Webcomponent
|
|
9
|
+
To use the MyHealth Webcomponent Therapeutic Relations, simply import the package's JavaScript and CSS into your application:
|
|
10
10
|
|
|
11
11
|
```ts
|
|
12
|
-
import '@myhealth-belgium/webcomponent-
|
|
12
|
+
import '@myhealth-belgium/webcomponent-therapeutic-relations';
|
|
13
13
|
```
|
|
14
14
|
|
|
15
15
|
```scss
|
|
16
|
-
@use '@myhealth-belgium/webcomponent-
|
|
16
|
+
@use '@myhealth-belgium/webcomponent-therapeutic-relations/styles.css';
|
|
17
17
|
```
|
|
18
18
|
|
|
19
19
|
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:
|
|
20
20
|
|
|
21
21
|
```html
|
|
22
|
-
<mh-webcomponent-
|
|
22
|
+
<mh-webcomponent-therapeutic-relations
|
|
23
23
|
version="${hostSpecVersion}"
|
|
24
24
|
language="${Language.EN}"
|
|
25
25
|
config-name="${Configuration.DEMO}"
|
|
26
26
|
services="${services}"
|
|
27
|
-
></mh-webcomponent-
|
|
27
|
+
></mh-webcomponent-therapeutic-relations>
|
|
28
28
|
```
|
|
29
29
|
|
|
30
30
|
### Mock data
|
|
@@ -38,13 +38,11 @@ As stated before, all MyHealth webcomponents use the [MyHealth - Angular design
|
|
|
38
38
|
|
|
39
39
|
This means all webcomponents use the core functionality of the design kit, and override the Material components that the webcomponent consumes.
|
|
40
40
|
|
|
41
|
-
By default, importing `@myhealth-belgium/webcomponent-
|
|
41
|
+
By default, importing `@myhealth-belgium/webcomponent-therapeutic-relations/styles.css` will execute the mixins below.
|
|
42
42
|
|
|
43
43
|
```scss
|
|
44
44
|
@include mh.core();
|
|
45
|
-
@include mh.override-mat-
|
|
46
|
-
@include mh.override-mat-form-field();
|
|
47
|
-
@include mh.override-mat-button();
|
|
45
|
+
@include mh.override-all-mat-components();
|
|
48
46
|
```
|
|
49
47
|
|
|
50
48
|
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).
|