@kieler/klighd-core
Version:
Core KLighD diagram visualization with Sprotty
84 lines • 3.94 kB
JavaScript
;
/*
* KIELER - Kiel Integrated Environment for Layout Eclipse RichClient
*
* http://rtsys.informatik.uni-kiel.de/kieler
*
* Copyright 2021-2024 by
* + Kiel University
* + Department of Computer Science
* + Real-Time and Embedded Systems Group
*
* This program and the accompanying materials are made available under the
* terms of the Eclipse Public License 2.0 which is available at
* http://www.eclipse.org/legal/epl-2.0.
*
* SPDX-License-Identifier: EPL-2.0
*/
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (this && this.__metadata) || function (k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.KlighdModelViewer = void 0;
const inversify_1 = require("inversify");
const sprotty_1 = require("sprotty");
const actions_1 = require("./actions/actions");
const di_symbols_1 = require("./di.symbols");
const render_options_registry_1 = require("./options/render-options-registry");
/* global document */
/**
* Extend the {@link ModelViewer} to also dispatch a FitToScreenAction when the
* window resizes.
* Futhermore, the extension resolves UIExtensions from the IoC that should be
* displayed immediately.
*/
let KlighdModelViewer = class KlighdModelViewer extends sprotty_1.ModelViewer {
init() {
// Most diagrams are not rendered with different themes in mind. In case
// a diagram is hard to read, the user can force a light background.
// This toggles such background if the user selects it.
this.renderOptionsRegistry.onChange(() => {
const baseDiv = document.querySelector(`#${this.options.baseDiv}`);
if (this.renderOptionsRegistry.getValue(render_options_registry_1.ForceLightBackground)) {
baseDiv === null || baseDiv === void 0 ? void 0 : baseDiv.classList.add('light-bg');
}
else {
baseDiv === null || baseDiv === void 0 ? void 0 : baseDiv.classList.remove('light-bg');
}
});
}
onWindowResize(vdom) {
const baseDiv = document.getElementById(this.options.baseDiv);
if (baseDiv !== null) {
super.onWindowResize(vdom);
// Fit the diagram to the new window size, if the user enabled this behavior
if (this.renderOptionsRegistry.getValue(render_options_registry_1.ResizeToFit))
this.actiondispatcher.dispatch(actions_1.KlighdFitToScreenAction.create(false));
}
}
};
exports.KlighdModelViewer = KlighdModelViewer;
__decorate([
(0, inversify_1.inject)(di_symbols_1.DISymbol.Sidebar),
__metadata("design:type", Object)
], KlighdModelViewer.prototype, "sidebar", void 0);
__decorate([
(0, inversify_1.inject)(di_symbols_1.DISymbol.RenderOptionsRegistry),
__metadata("design:type", render_options_registry_1.RenderOptionsRegistry)
], KlighdModelViewer.prototype, "renderOptionsRegistry", void 0);
__decorate([
(0, inversify_1.postConstruct)(),
__metadata("design:type", Function),
__metadata("design:paramtypes", []),
__metadata("design:returntype", void 0)
], KlighdModelViewer.prototype, "init", null);
exports.KlighdModelViewer = KlighdModelViewer = __decorate([
(0, inversify_1.injectable)()
], KlighdModelViewer);
//# sourceMappingURL=model-viewer.js.map