Function _PositionedColumnMap

docs/app/js/sanddance-app.js:353–407

(props1)

    return n + "px";
}
function _PositionedColumnMap(props1) {
    class __PositionedColumnMap extends (0, _base.base).react.Component {
        constructor(props){
            super(props);
            const { left , top  } = props;
            this.state = {
                left,
                top
            };
            this.dropdownRef = (0, _base.base).react.createRef();
        }
        focus() {
            if (!this.focused) {
                this.focused = true;
                this.dropdownRef.current.focus(true);
            }
        }
        componentDidMount() {
            const size = (0, _sanddanceReact.SandDance).VegaDeckGl.util.outerSize(this.div);
            const over = {
                left: Math.max(0, this.state.left + size.width - this.props.container.offsetWidth),
                top: Math.max(0, this.state.top + size.height - this.props.container.offsetHeight)
            };
            if (over.left || over.top) {
                let { left , top  } = this.state;
                left -= over.left;
                top -= over.top;
                this.setState({
                    left,
                    top
                });
            } else this.focus();
        }
        componentDidUpdate() {
            this.focus();
        }
        render() {
            return (0, _base.base).react.createElement("div", {
                ref: (div)=>{
                    if (div) this.div = div;
                },
                className: "sanddance-columnMap-absolute",
                style: {
                    position: "absolute",
                    left: px(this.state.left),
                    top: px(this.state.top)
                }
            }, (0, _base.base).react.createElement((0, _columnMap.ColumnMap), Object.assign({}, this.props, {
                componentRef: this.dropdownRef,
                hideSignals: true
            })));
        }
    }
    return new __PositionedColumnMap(props1);
}
const PositionedColumnMap = _PositionedColumnMap;

},{"./base":"b6Cy1","./controls/columnMap":"6MgAn","@msrvida/sanddance-react":"4uo3s","@parcel/transformer-js/src/esmodule-helpers.js":"jA2du"}],"6MgAn":[function(require,module,exports) {