xtal-eyes | Vaadin

Provide a way to pass info to web page and/or web component

Published on webcomponents.org



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.


<xtal-eyes params='["param1", "param2"]'></xtal-eyes>


Link to this version
ImportedReleased 06 October 2018MIT License
Framework Support
Browser Independent
Install with
npm install xtal-eyes"@0.0.5"
Run the above npm command in your project folder. If you have any issues installing, please contact the author.
Release notes - Version 0.0.5


  • xtal-latx#0.0.26