drugflow-molstar/lib/ui/superposition-viewport.js

Molstar implementation for DrugFlow

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.SuperpostionViewport = void 0;
var tslib_1 = require("tslib");
var jsx_runtime_1 = require("react/jsx-runtime");
var base_1 = require("Molstar/mol-plugin-ui/base");
var controls_1 = require("Molstar/mol-plugin-ui/controls");
var task_1 = require("Molstar/mol-plugin-ui/task");
var toast_1 = require("Molstar/mol-plugin-ui/toast");
var viewport_1 = require("Molstar/mol-plugin-ui/viewport");
var SuperpostionViewport = /** @class */ (function (_super) {
    tslib_1.__extends(SuperpostionViewport, _super);
    function SuperpostionViewport() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    SuperpostionViewport.prototype.render = function () {
        var _a, _b;
        var VPControls = ((_b = (_a = this.plugin.spec.components) === null || _a === void 0 ? void 0 : _a.viewport) === null || _b === void 0 ? void 0 : _b.controls) || viewport_1.ViewportControls;
        return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(viewport_1.Viewport, {}), (0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: 'msp-viewport-top-left-controls' }, { children: (0, jsx_runtime_1.jsx)(controls_1.StateSnapshotViewportControls, {}) })), (0, jsx_runtime_1.jsx)(controls_1.SelectionViewportControls, {}), (0, jsx_runtime_1.jsx)(VPControls, {}), (0, jsx_runtime_1.jsx)(task_1.BackgroundTaskProgress, {}), (0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({ className: 'msp-highlight-toast-wrapper' }, { children: [(0, jsx_runtime_1.jsx)(controls_1.LociLabels, {}), (0, jsx_runtime_1.jsx)(toast_1.Toasts, {})] }))] });
    };
    return SuperpostionViewport;
}(base_1.PluginUIComponent));
exports.SuperpostionViewport = SuperpostionViewport;