Releases · geneontology/wc-gocam-viz

Added

New options for data retrieval The <wc-gocam-viz> element now accepts an api-url attribute. When the gocam-id attribute is also set, model data will automatically be fetched by replacing %ID in the value of api-url with the current gocam-id value. The default api-url value is https://api.geneontology.org/api/go-cam/%ID. On the other hand if the host page already has the model data, the gocam-id attribute can be omitted (which will prevent the automatic data fetch) and the model data can be provided via the new setModelData() method.
```
// Assuming `data` has been set by fetching it manually, parsing a file, etc
document.getElementById("my-gocam-viz").setModelData(data)
```
Standalone legend element There is now a standalone <wc-gocam-legend> element. The legend will still be rendered by the <wc-gocam-viz> element if the show-legend attribute is set to true or omitted. However, for more control over where the legend is rendered, you can set the show-legend attribute to false and place a <wc-gocam-legend> element where needed.

Legend image assets Previously when importing the widget as an NPM package, additional configuration was required in a build step to copy legend images from node_modules/@geneontology/wc-gocam-viz/dist/wc-gocam-viz/assets into a place where they could be served by the host application. These images are now inlined, and this copy step is not required.
Shadow DOM All custom elements provided by this package are now rendered in Shadow DOM hosts. This provides styling isolation so you don't have to worry about your CSS classes conflicting with the widget's, and vice-versa. Widget style customization is now done via shadow parts and CSS custom properties. This example shows how to apply custom styling to get the pre-1.0.0 default style back.

repository attribute The repository attribute has been removed. If you need to change where model data is fetched from, use the new api-url attribute.
Bootstrap dependency The widget no longer has a dependency on Bootstrap