/*!
 * 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 viewerButtonCss = () => `:host{cursor:pointer}.viewer-button{align-items:center;background:none;border:none;color:inherit;cursor:inherit;display:flex;padding:0}`;

const ViewerButton = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
    }
    render() {
        return (h(Host, { key: '9f06e32ba850485380b659431fe8df3c20767c49' }, h("button", { key: '84c391f5b4afc2062e8205c251686865ed63a05b', class: "viewer-button" }, h("slot", { key: '663cd62459800c3bf5eb10ef4783cda713fd71e1' }))));
    }
};
ViewerButton.style = viewerButtonCss();

const viewerToolbarCss = () => `.layer{padding:1rem;display:flex}.layer.position-top{align-items:flex-start}.layer.position-middle{align-items:center}.layer.position-bottom{align-items:flex-end}.layer.position-left{justify-content:flex-start}.layer.position-center{justify-content:center}.layer.position-right{justify-content:flex-end}.inner{display:flex}.inner.vertical{flex-direction:column}.inner.horizonal{flex-direction:row}::slotted(*){pointer-events:initial}`;

const ViewerToolbar = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        /**
         * Specifies where the toolbar is positioned.
         */
        this.placement = 'bottom-center';
        this.direction = 'horizontal';
    }
    render() {
        const [vertical, horizontal] = this.placement.split('-');
        return (h("vertex-viewer-layer", { key: '9a806f9d919ccd7dccdb849e8403cac35ad50e4d', class: classname('layer', {
                'position-top': vertical === 'top',
                'position-middle': vertical === 'middle',
                'position-bottom': vertical === 'bottom',
                'position-left': horizontal === 'left',
                'position-center': horizontal === 'center',
                'position-right': horizontal === 'right',
            }) }, h("div", { key: '07b21949f6065f08e78143fe664b17348f67e28f', class: classname('inner', {
                vertical: this.direction === 'vertical',
                horizontal: this.direction === 'horizontal',
            }) }, h("slot", { key: 'd5b7ee0c96e101a581c1e3d6d4e286ab843942a1' }))));
    }
};
ViewerToolbar.style = viewerToolbarCss();

const viewerToolbarGroupCss = () => `.inner{display:flex;align-items:center;margin:auto}.inner.vertical{flex-direction:column}.inner.horizontal{flex-direction:row}`;

const ViewerToolbarGroup = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.direction = 'horizontal';
    }
    render() {
        return (h("div", { key: '85bedc4a9bd37bc5236b7c28c8ab9f49f84e2867', class: classname('inner', {
                horizontal: this.direction === 'horizontal',
                vertical: this.direction === 'vertical',
            }) }, h("slot", { key: '4186eebdeeea2915e8fbd136efe7873af224ffa3' })));
    }
};
ViewerToolbarGroup.style = viewerToolbarGroupCss();

export { ViewerButton as vertex_viewer_button, ViewerToolbar as vertex_viewer_toolbar, ViewerToolbarGroup as vertex_viewer_toolbar_group };
//# sourceMappingURL=vertex-viewer-button.vertex-viewer-toolbar.vertex-viewer-toolbar-group.entry.js.map

//# sourceMappingURL=vertex-viewer-button_3.entry.js.map