open-borders v0.0.9

open-borders

Allow warp travel for templates

Inspired by https://dev.to/westbrook/your-content-in-shadow-dom-portals-3cdb, https://www.npmjs.com/package/portal-vue, https://reactjs.org/docs/portals.html

<open-borders be-born target=... schema=...>
    <template>
        <my-element></my-element>
    </template>
</open-borders>

where template must contain a single DOM (custom) element.

does the following:

• Nothing happens until be-born attribute / beBorn property is set (to true). At that point...
• Clones the template into the location specified by target string
• If no target string, just clone and append to parent (?)
• Changing be-born back to false / true doesn't do anything anymore.
• However, if open-borders tag is removed from DOM, so is traveling my-element.
• Holds on to reference of cloned element.
• Cloned element also gets reference to open-border birthplace
• Dynamically attaches properties attributes to open-borders tag, based on schema prop (follows custom-elements.json schema).
• If addEventListener added to open-borders, actually attaches event listener to remote reference (my-element).
• If target changes, moves element to new target.