import Split from 'split.js'

export default class SplitPane {
    SplitPanes: HTMLElement[] = [];

    Init(paneId: string) {
        let splitPane = document.querySelector<HTMLElement>(`#split-pane-${paneId}`);

        if (splitPane != null) {
            let panes = Array.from(splitPane.querySelectorAll<HTMLElement>('.pane'));
            let opts = new SplitPaneOptions();

            for (let pane of panes) {
                let size = parseInt(pane.getAttribute('data-size'));

                if (isNaN(size))
                    opts.sizes.push(0);
                else
                    opts.sizes.push(size);
            }

            Split(panes, opts);
        }
    }
}

class SplitPaneOptions implements Split.Options {
    sizes: number[] = [];
}