/*!
 * Copyright (c) 2026 Vertex Software LLC. All rights reserved.
 */
import { r as registerInstance, h, H as Host } from './index-EpnuuCxl.js';
import { c as classname } from './index-DI7z7TKn.js';
import './_commonjsHelpers-CG9AChtV.js';

const sceneTreeTableResizeDividerCss = () => `:host{pointer-events:auto;display:flex;align-items:center;box-sizing:border-box;cursor:col-resize}.divider{width:1px;height:100%;background-color:var(--neutral-300);cursor:col-resize}.divider.highlighted{background-color:var(--blue-600)}`;

const SceneTreeTableResizeDivider = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.hovering = false;
        this.dragging = false;
        this.handlePointerDown = () => {
            this.dragging = true;
            window.addEventListener('pointerup', this.handlePointerUp);
        };
        this.handlePointerUp = () => {
            this.dragging = false;
            window.removeEventListener('pointerup', this.handlePointerUp);
        };
        this.handleCellPointerEnter = () => {
            this.hovering = true;
        };
        this.handleCellPointerLeave = () => {
            this.hovering = false;
        };
    }
    render() {
        const isHighlighted = !!this.hovering || !!this.dragging;
        return (h(Host, { key: '1837908001e56d951a7cccb54a50a70b22b2179a', onPointerDown: this.handlePointerDown, onPointerEnter: this.handleCellPointerEnter, onPointerLeave: this.handleCellPointerLeave, style: {
                height: isHighlighted ? '100%' : 'var(--header-height)',
                padding: isHighlighted
                    ? '0 calc(var(--scene-tree-table-column-gap) / 2)'
                    : 'calc(var(--header-height) / 8) calc(var(--scene-tree-table-column-gap) / 2)',
            } }, h("slot", { key: '7204fb61738c9bbecc35254d4e7cda78b6c76167', name: "divider" }, h("div", { key: '453bb87ad579eb7fecf1d62e028573854b4d2a43', class: classname('divider', {
                highlighted: isHighlighted,
            }) }))));
    }
};
SceneTreeTableResizeDivider.style = sceneTreeTableResizeDividerCss();

export { SceneTreeTableResizeDivider as vertex_scene_tree_table_resize_divider };
//# sourceMappingURL=vertex-scene-tree-table-resize-divider.entry.js.map

//# sourceMappingURL=vertex-scene-tree-table-resize-divider.entry.js.map