Directory

← Back

xtal-eyes

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

Author

Rating

Popularity

<100

Published on webcomponents.org

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>

Compatibility

(Loading compatibility data...)

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 - Vaadin Add-on Directory
[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/xtal-eyes) # 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 ```
Online