ngx-vis-network-etsisi
Version:
## Description Final Degree project - Implementation of Angular library using Vis Network. The main goal of this project is get easier the use of Vis Network including an abstraction layer to different edition methods in an Angular project.
175 lines • 12.6 kB
JavaScript
/**
* @fileoverview added by tsickle
* Generated from: lib/ngx-vis-network-etsisi.directive.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/*
* Copyright 2020 Jonathan Rodríguez Vaca
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
* http://www.apache.org/licenses/LICENSE-2.0
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import { Directive, ElementRef, EventEmitter, Input, Output } from '@angular/core';
import { DataSet } from 'vis-network/standalone';
import { NgxVisNetworkEtsisiService } from './ngx-vis-network-etsisi.service';
/**
* \@description Using this directive the graph will be dynamically added inside the chosen container.
* @export NgxVisNetworkEtsisiDirective
*/
var NgxVisNetworkEtsisiDirective = /** @class */ (function () {
/**
* @description It creates a new NgxVisNetworkEtsisiDirective
* @param elementRef The HTML element
* @param ngxVisNetworkEtsisiService The ngxVisNetworkEtsisiService
* @memberOf NgxVisNetworkEtsisiDirective
*/
function NgxVisNetworkEtsisiDirective(elementRef, ngxVisNetworkEtsisiService) {
this.elementRef = elementRef;
this.ngxVisNetworkEtsisiService = ngxVisNetworkEtsisiService;
/**
* \@description This output will be emitted when the graph network is ready.
* The output data is the graph network id.
* \@memberOf NgxVisNetworkEtsisiDirective
*/
this.ready = new EventEmitter();
this.container = this.elementRef.nativeElement;
this.isReady = false;
}
/**
* @description It generates a new graph when the data are available
* @memberOf NgxVisNetworkEtsisiDirective
*/
/**
* \@description It generates a new graph when the data are available
* \@memberOf NgxVisNetworkEtsisiDirective
* @return {?}
*/
NgxVisNetworkEtsisiDirective.prototype.ngOnInit = /**
* \@description It generates a new graph when the data are available
* \@memberOf NgxVisNetworkEtsisiDirective
* @return {?}
*/
function () {
if (!this.isReady && this.etsisiVis && this.etsisiVisNodes && this.etsisiVisEdges) {
this.createNetwork();
}
};
/**
* @description It generates the graph
* @memberOf NgxVisNetworkEtsisiDirective
*/
/**
* \@description It generates the graph
* \@memberOf NgxVisNetworkEtsisiDirective
* @private
* @return {?}
*/
NgxVisNetworkEtsisiDirective.prototype.createNetwork = /**
* \@description It generates the graph
* \@memberOf NgxVisNetworkEtsisiDirective
* @private
* @return {?}
*/
function () {
this.ngxVisNetworkEtsisiService.create(this.container, this.etsisiVis, this.etsisiVisNodes, this.etsisiVisEdges, this.etsisiVisOptions);
this.isReady = true;
this.ready.emit(this.etsisiVis);
};
/**
* @description It destroys the graph
* @memberOf NgxVisNetworkEtsisiDirective
*/
/**
* \@description It destroys the graph
* \@memberOf NgxVisNetworkEtsisiDirective
* @return {?}
*/
NgxVisNetworkEtsisiDirective.prototype.ngOnDestroy = /**
* \@description It destroys the graph
* \@memberOf NgxVisNetworkEtsisiDirective
* @return {?}
*/
function () {
this.isReady = false;
this.ngxVisNetworkEtsisiService.destroy(this.etsisiVis);
};
NgxVisNetworkEtsisiDirective.decorators = [
{ type: Directive, args: [{
selector: '[etsisiVis]'
},] }
];
/** @nocollapse */
NgxVisNetworkEtsisiDirective.ctorParameters = function () { return [
{ type: ElementRef },
{ type: NgxVisNetworkEtsisiService }
]; };
NgxVisNetworkEtsisiDirective.propDecorators = {
etsisiVis: [{ type: Input }],
etsisiVisNodes: [{ type: Input }],
etsisiVisEdges: [{ type: Input }],
etsisiVisOptions: [{ type: Input }],
ready: [{ type: Output }]
};
return NgxVisNetworkEtsisiDirective;
}());
export { NgxVisNetworkEtsisiDirective };
if (false) {
/**
* \@description Graph network id.
* \@memberOf NgxVisNetworkEtsisiDirective
* @type {?}
*/
NgxVisNetworkEtsisiDirective.prototype.etsisiVis;
/**
* \@description Graph network nodes.
* \@memberOf NgxVisNetworkEtsisiDirective
* @type {?}
*/
NgxVisNetworkEtsisiDirective.prototype.etsisiVisNodes;
/**
* \@description Graph network edges.
* \@memberOf NgxVisNetworkEtsisiDirective
* @type {?}
*/
NgxVisNetworkEtsisiDirective.prototype.etsisiVisEdges;
/**
* \@description Graph network id.
* \@memberOf NgxVisNetworkEtsisiDirective
* @type {?}
*/
NgxVisNetworkEtsisiDirective.prototype.etsisiVisOptions;
/**
* \@description This output will be emitted when the graph network is ready.
* The output data is the graph network id.
* \@memberOf NgxVisNetworkEtsisiDirective
* @type {?}
*/
NgxVisNetworkEtsisiDirective.prototype.ready;
/**
* @type {?}
* @private
*/
NgxVisNetworkEtsisiDirective.prototype.container;
/**
* @type {?}
* @private
*/
NgxVisNetworkEtsisiDirective.prototype.isReady;
/**
* @type {?}
* @private
*/
NgxVisNetworkEtsisiDirective.prototype.elementRef;
/**
* @type {?}
* @private
*/
NgxVisNetworkEtsisiDirective.prototype.ngxVisNetworkEtsisiService;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LXZpcy1uZXR3b3JrLWV0c2lzaS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtdmlzLW5ldHdvcmstZXRzaXNpLyIsInNvdXJjZXMiOlsibGliL25neC12aXMtbmV0d29yay1ldHNpc2kuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBYUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBcUIsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3RHLE9BQU8sRUFBRSxPQUFPLEVBQXVCLE1BQU0sd0JBQXdCLENBQUM7QUFDdEUsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7Ozs7O0FBTTlFO0lBa0NFOzs7OztPQUtHO0lBQ0gsc0NBQW9CLFVBQXNCLEVBQVUsMEJBQXNEO1FBQXRGLGVBQVUsR0FBVixVQUFVLENBQVk7UUFBVSwrQkFBMEIsR0FBMUIsMEJBQTBCLENBQTRCOzs7Ozs7UUFYaEcsVUFBSyxHQUF5QixJQUFJLFlBQVksRUFBVSxDQUFDO1FBWWpFLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUM7UUFDL0MsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7SUFDdkIsQ0FBQztJQUNEOzs7T0FHRzs7Ozs7O0lBQ0gsK0NBQVE7Ozs7O0lBQVI7UUFDRSxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sSUFBSSxJQUFJLENBQUMsU0FBUyxJQUFJLElBQUksQ0FBQyxjQUFjLElBQUksSUFBSSxDQUFDLGNBQWMsRUFBRTtZQUNqRixJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7U0FDdEI7SUFDSCxDQUFDO0lBQ0Q7OztPQUdHOzs7Ozs7O0lBQ0ssb0RBQWE7Ozs7OztJQUFyQjtRQUNFLElBQUksQ0FBQywwQkFBMEIsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxJQUFJLENBQUMsU0FBUyxFQUFFLElBQUksQ0FBQyxjQUFjLEVBQUUsSUFBSSxDQUFDLGNBQWMsRUFBRSxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUN4SSxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztRQUNwQixJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDbEMsQ0FBQztJQUNEOzs7T0FHRzs7Ozs7O0lBQ0gsa0RBQVc7Ozs7O0lBQVg7UUFDRSxJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztRQUNyQixJQUFJLENBQUMsMEJBQTBCLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUMxRCxDQUFDOztnQkFyRUYsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxhQUFhO2lCQUN4Qjs7OztnQkFWbUIsVUFBVTtnQkFFckIsMEJBQTBCOzs7NEJBY2hDLEtBQUs7aUNBS0wsS0FBSztpQ0FLTCxLQUFLO21DQUtMLEtBQUs7d0JBTUwsTUFBTTs7SUF5Q1QsbUNBQUM7Q0FBQSxBQXRFRCxJQXNFQztTQW5FWSw0QkFBNEI7Ozs7Ozs7SUFLdkMsaURBQTJCOzs7Ozs7SUFLM0Isc0RBQXVDOzs7Ozs7SUFLdkMsc0RBQXVDOzs7Ozs7SUFLdkMsd0RBQW1DOzs7Ozs7O0lBTW5DLDZDQUFtRTs7Ozs7SUFFbkUsaURBQWdDOzs7OztJQUNoQywrQ0FBeUI7Ozs7O0lBUWIsa0RBQThCOzs7OztJQUFFLGtFQUE4RCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiAgIENvcHlyaWdodCAyMDIwIEpvbmF0aGFuIFJvZHLDrWd1ZXogVmFjYVxuICogICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICogICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG5cbmltcG9ydCB7IERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25EZXN0cm95LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRGF0YVNldCwgRWRnZSwgTm9kZSwgT3B0aW9ucyB9IGZyb20gJ3Zpcy1uZXR3b3JrL3N0YW5kYWxvbmUnO1xuaW1wb3J0IHsgTmd4VmlzTmV0d29ya0V0c2lzaVNlcnZpY2UgfSBmcm9tICcuL25neC12aXMtbmV0d29yay1ldHNpc2kuc2VydmljZSc7XG5cbi8qKlxuICogQGRlc2NyaXB0aW9uIFVzaW5nIHRoaXMgZGlyZWN0aXZlIHRoZSBncmFwaCB3aWxsIGJlIGR5bmFtaWNhbGx5IGFkZGVkIGluc2lkZSB0aGUgY2hvc2VuIGNvbnRhaW5lci5cbiAqIEBleHBvcnQgTmd4VmlzTmV0d29ya0V0c2lzaURpcmVjdGl2ZVxuICovXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbZXRzaXNpVmlzXSdcbn0pXG5leHBvcnQgY2xhc3MgTmd4VmlzTmV0d29ya0V0c2lzaURpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgLyoqXG4gICAqIEBkZXNjcmlwdGlvbiBHcmFwaCBuZXR3b3JrIGlkLlxuICAgKiBAbWVtYmVyT2YgTmd4VmlzTmV0d29ya0V0c2lzaURpcmVjdGl2ZVxuICAgKi9cbiAgQElucHV0KCkgZXRzaXNpVmlzOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBAZGVzY3JpcHRpb24gR3JhcGggbmV0d29yayBub2Rlcy5cbiAgICogQG1lbWJlck9mIE5neFZpc05ldHdvcmtFdHNpc2lEaXJlY3RpdmVcbiAgICovXG4gIEBJbnB1dCgpIGV0c2lzaVZpc05vZGVzOiBEYXRhU2V0PE5vZGU+O1xuICAvKipcbiAgICogQGRlc2NyaXB0aW9uIEdyYXBoIG5ldHdvcmsgZWRnZXMuXG4gICAqIEBtZW1iZXJPZiBOZ3hWaXNOZXR3b3JrRXRzaXNpRGlyZWN0aXZlXG4gICAqL1xuICBASW5wdXQoKSBldHNpc2lWaXNFZGdlczogRGF0YVNldDxFZGdlPjtcbiAgLyoqXG4gICAqIEBkZXNjcmlwdGlvbiBHcmFwaCBuZXR3b3JrIGlkLlxuICAgKiBAbWVtYmVyT2YgTmd4VmlzTmV0d29ya0V0c2lzaURpcmVjdGl2ZVxuICAgKi9cbiAgQElucHV0KCkgZXRzaXNpVmlzT3B0aW9uczogT3B0aW9ucztcbiAgLyoqXG4gICAqIEBkZXNjcmlwdGlvbiBUaGlzIG91dHB1dCB3aWxsIGJlIGVtaXR0ZWQgd2hlbiB0aGUgZ3JhcGggbmV0d29yayBpcyByZWFkeS5cbiAgICogVGhlIG91dHB1dCBkYXRhIGlzIHRoZSBncmFwaCBuZXR3b3JrIGlkLlxuICAgKiBAbWVtYmVyT2YgTmd4VmlzTmV0d29ya0V0c2lzaURpcmVjdGl2ZVxuICAgKi9cbiAgQE91dHB1dCgpIHJlYWR5OiBFdmVudEVtaXR0ZXI8c3RyaW5nPiA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gIHByaXZhdGUgcmVhZG9ubHkgY29udGFpbmVyOiBhbnk7XG4gIHByaXZhdGUgaXNSZWFkeTogYm9vbGVhbjtcblxuICAvKipcbiAgICogQGRlc2NyaXB0aW9uIEl0IGNyZWF0ZXMgYSBuZXcgTmd4VmlzTmV0d29ya0V0c2lzaURpcmVjdGl2ZVxuICAgKiBAcGFyYW0gZWxlbWVudFJlZiBUaGUgSFRNTCBlbGVtZW50XG4gICAqIEBwYXJhbSBuZ3hWaXNOZXR3b3JrRXRzaXNpU2VydmljZSBUaGUgbmd4VmlzTmV0d29ya0V0c2lzaVNlcnZpY2VcbiAgICogQG1lbWJlck9mIE5neFZpc05ldHdvcmtFdHNpc2lEaXJlY3RpdmVcbiAgICovXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZiwgcHJpdmF0ZSBuZ3hWaXNOZXR3b3JrRXRzaXNpU2VydmljZTogTmd4VmlzTmV0d29ya0V0c2lzaVNlcnZpY2UpIHtcbiAgICB0aGlzLmNvbnRhaW5lciA9IHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50O1xuICAgIHRoaXMuaXNSZWFkeSA9IGZhbHNlO1xuICB9XG4gIC8qKlxuICAgKiBAZGVzY3JpcHRpb24gSXQgZ2VuZXJhdGVzIGEgbmV3IGdyYXBoIHdoZW4gdGhlIGRhdGEgYXJlIGF2YWlsYWJsZVxuICAgKiBAbWVtYmVyT2YgTmd4VmlzTmV0d29ya0V0c2lzaURpcmVjdGl2ZVxuICAgKi9cbiAgbmdPbkluaXQoKSB7XG4gICAgaWYgKCF0aGlzLmlzUmVhZHkgJiYgdGhpcy5ldHNpc2lWaXMgJiYgdGhpcy5ldHNpc2lWaXNOb2RlcyAmJiB0aGlzLmV0c2lzaVZpc0VkZ2VzKSB7XG4gICAgICB0aGlzLmNyZWF0ZU5ldHdvcmsoKTtcbiAgICB9XG4gIH1cbiAgLyoqXG4gICAqIEBkZXNjcmlwdGlvbiBJdCBnZW5lcmF0ZXMgdGhlIGdyYXBoXG4gICAqIEBtZW1iZXJPZiBOZ3hWaXNOZXR3b3JrRXRzaXNpRGlyZWN0aXZlXG4gICAqL1xuICBwcml2YXRlIGNyZWF0ZU5ldHdvcmsoKSB7XG4gICAgdGhpcy5uZ3hWaXNOZXR3b3JrRXRzaXNpU2VydmljZS5jcmVhdGUodGhpcy5jb250YWluZXIsIHRoaXMuZXRzaXNpVmlzLCB0aGlzLmV0c2lzaVZpc05vZGVzLCB0aGlzLmV0c2lzaVZpc0VkZ2VzLCB0aGlzLmV0c2lzaVZpc09wdGlvbnMpO1xuICAgIHRoaXMuaXNSZWFkeSA9IHRydWU7XG4gICAgdGhpcy5yZWFkeS5lbWl0KHRoaXMuZXRzaXNpVmlzKTtcbiAgfVxuICAvKipcbiAgICogQGRlc2NyaXB0aW9uIEl0IGRlc3Ryb3lzIHRoZSBncmFwaFxuICAgKiBAbWVtYmVyT2YgTmd4VmlzTmV0d29ya0V0c2lzaURpcmVjdGl2ZVxuICAgKi9cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgdGhpcy5pc1JlYWR5ID0gZmFsc2U7XG4gICAgdGhpcy5uZ3hWaXNOZXR3b3JrRXRzaXNpU2VydmljZS5kZXN0cm95KHRoaXMuZXRzaXNpVmlzKTtcbiAgfVxufVxuIl19