svelte-ux/actions/portal.js

- Increment version in `package.json` and commit as `Version bump to x.y.z` - `npm run publish`

/**
 * Render component outside current DOM hierarchy
 * @see:
 *  - https://dev.to/jsmitar/svelte-creating-dialog-component-with-use-portal-3hp4
 *  - https://svelte.dev/repl/79e33c2d7695444b994ba74255bb1387?version=3.24.0
 *  - https://svelte.dev/repl/86ec36c27be2471f86590e0c18c7198c?version=3.23.2
 *  - https://github.com/sveltejs/svelte/issues/3088#issuecomment-505785516
 */
export default function portal(node, options) {
    moveNode(node, options);
    return {
        update(options) {
            moveNode(node, options);
        },
        destroy() {
            const target = getTarget(options);
            // If target still contains node that was moved, remove it.  Not sure if required
            if (target.contains(node)) {
                target.removeChild(node);
            }
        },
    };
}
function moveNode(node, options = {}) {
    if (options.enabled === false)
        return;
    const target = getTarget(options);
    target.appendChild(node);
}
function getTarget(options = {}) {
    if (options.target instanceof HTMLElement) {
        return options.target;
    }
    else if (typeof options.target === 'string') {
        return document.getElementById(options.target);
    }
    else {
        return document.body;
    }
}