import { tick } from 'svelte';
import { isHTMLElement, noop } from '../helpers/index.js';
export const usePortal = (el, target = 'body') => {
    let targetEl;
    if (!isHTMLElement(target) && typeof target !== 'string') {
        return {
            destroy: noop,
        };
    }
    async function update(newTarget) {
        target = newTarget;
        if (typeof target === 'string') {
            targetEl = document.querySelector(target);
            if (targetEl === null) {
                await tick();
                targetEl = document.querySelector(target);
            }
            if (targetEl === null) {
                throw new Error(`No element found matching css selector: "${target}"`);
            }
        }
        else if (target instanceof HTMLElement) {
            targetEl = target;
        }
        else {
            throw new TypeError(`Unknown portal target type: ${target === null ? 'null' : typeof target}. Allowed types: string (CSS selector) or HTMLElement.`);
        }
        el.dataset.portal = '';
        targetEl.appendChild(el);
        el.hidden = false;
    }
    function destroy() {
        el.remove();
    }
    update(target);
    return {
        update,
        destroy,
    };
};