xtal-eyes
Provide a way to pass info to web page and/or web component
xtal-eyes
Purpose
Sometimes we want an html document or dynamic HTML stream to wear two hats -- It can serve both as a standalone "page", but also serve as a web component embedded inside a larger "uber-app." xtal-eyes provides a way of handling both scenarios. In particular, it provides a conduit through which string properties can be passed.
xtal-eyes searches for a web component container first (based on Shadow DOM root or tag name with a dash). If it finds such a container, it monitors for the specified attribute mutations on that element, and emits an event, "params-changed." If it finds no such containing element, it monitors the location.search parameters for changes, and emits a similar event when they change.
Syntax
<xtal-eyes params='["param1", "param2"]'></xtal-eyes>
Links
Compatibility
Was this helpful? Need more help?
Leave a comment or a question below. You can also join
the chat on Discord or
ask questions on StackOverflow.
Version
Dependencies
- xtal-latx#0.0.26
- Released
- 2018-10-06
- Maturity
- IMPORTED
- License
- MIT License
Compatibility
- Framework
- Browser
- Browser Independent
xtal-eyes - Vaadin Add-on Directory
Provide a way to pass info to web page and/or web component
# xtal-eyes
## Purpose
Sometimes we want an html document or dynamic HTML stream to wear two hats -- It can serve both as a standalone "page", but also serve as a web component embedded inside a larger "uber-app." xtal-eyes provides a way of handling both scenarios. In particular, it provides a conduit through which string properties can be passed.
xtal-eyes searches for a web component container first (based on Shadow DOM root or tag name with a dash). If it finds such a container, it monitors for the specified attribute mutations on that element, and emits an event, "params-changed." If it finds no such containing element, it monitors the location.search parameters for changes, and emits a similar event when they change.
## Syntax
```html