@visuallyjs/browser-ui-angular 1.0.0

package/css/visuallyjs-angular.css

@@ -0,0 +1,39 @@
+vjs-surface {
+  display:block;
+}
+
+vjs-controls {
+  display:block;
+}
+
+vjs-miniview {
+  display: block;
+}
+
+vjs-miniview .vjs-miniview {
+  position:relative;
+}
+
+vjs-shape-palette {
+  display:block;
+}
+
+vjs-diagram-palette {
+  display:block;
+}
+
+vjs-edge-type {
+  display:block;
+}
+
+vjs-diagram {
+  display:block;
+}
+
+vjs-surface .vjs-surface, vjs-diagram .vjs-surface {
+  height:100%;
+}
+
+vjs-bar-chart, vjs-column-chart, vjs-xy-chart, vjs-area-chart, vjs-line-chart, vjs-scatter-chart, vjs-bubble-chart, vjs-sankey-chart {
+  display:block;
+}

package/esm2022/index.mjs

@@ -0,0 +1,34 @@
+
+export * from './lib/browser-ui-angular.module';
+export * from './lib/model';
+export * from './lib/vjs-service';
+export * from './lib/base.node.component';
+export * from './lib/base.vertex.component';
+export * from './lib/base.group.component';
+export * from './lib/base.port.component';
+export * from './lib/default-node-component';
+export * from './lib/default-group-component';
+export * from './lib/common';
+export * from './lib/miniview-component';
+export * from './lib/surface-component';
+export * from './lib/overlay-component';
+export * from './lib/palette.component';
+export * from './lib/decorator-component';
+export * from './lib/shape.component';
+export * from './lib/shape.palette.component';
+export * from './lib/diagram-palette-component';
+export * from './lib/controls-component';
+export * from './lib/export-controls-component';
+export * from './lib/edge.type.picker.component';
+export * from './lib/inspector.component';
+export * from './lib/color.tag.component';
+export * from './lib/diagram-component';
+export * from './lib/charts/column.chart.component';
+export * from './lib/charts/bar.chart.component';
+export * from './lib/charts/line.chart.component';
+export * from './lib/charts/area.chart.component';
+export * from './lib/charts/xy.chart.component';
+export * from './lib/charts/pie.chart.component';
+export * from './lib/charts/scatter.chart.component';
+export * from './lib/charts/bubble.chart.component';
+export * from './lib/charts/sankey.chart.component';

package/esm2022/lib/base.group.component.mjs

@@ -0,0 +1,43 @@
+import { Injectable } from "@angular/core";
+import { BaseVertexComponent } from "./base.vertex.component";
+import * as i0 from "@angular/core";
+
+export class BaseGroupComponent extends BaseVertexComponent {
+    
+    getGroup() { return this.model.getGroup(this.model.getGroupId(this.data)); }
+    
+    getMembers() { return this.getGroup().getMembers(); }
+    
+    _getVertex() {
+        return this.getGroup();
+    }
+    
+    updateGroup(data) {
+        this.updateVertex(data);
+    }
+    
+    removeGroup() {
+        this.removeVertex();
+    }
+    
+    cloneGroup(options) {
+        this.cloneVertex(options);
+    }
+    
+    flashGroup(duration, animName) {
+        this.flashVertex(duration, animName);
+    }
+    
+    removePort(portId) {
+        this.model.removePort(this.getGroup(), portId);
+    }
+    
+    getPort(portId) {
+        return this.getGroup().getPort(portId);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseGroupComponent }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseGroupComponent, decorators: [{
+            type: Injectable
+        }] });

package/esm2022/lib/base.node.component.mjs

@@ -0,0 +1,41 @@
+import { Injectable } from "@angular/core";
+import { BaseVertexComponent } from "./base.vertex.component";
+import * as i0 from "@angular/core";
+
+export class BaseNodeComponent extends BaseVertexComponent {
+    
+    getNode() { return this.model.getNode(this.model.getNodeId(this.data)); }
+    
+    _getVertex() {
+        return this.getNode();
+    }
+    
+    updateNode(data) {
+        this.updateVertex(data);
+    }
+    
+    removeNode() {
+        this.removeVertex();
+    }
+    
+    removePort(portId) {
+        this.model.removePort(this.getNode(), portId);
+    }
+    
+    getPort(portId) {
+        return this.getNode().getPort(portId);
+    }
+    
+    cloneNode(options) {
+        this.cloneVertex(options);
+    }
+    
+    flashNode(duration, animName) {
+        this.flashVertex(duration, animName);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseNodeComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseNodeComponent }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseNodeComponent, decorators: [{
+            type: Injectable
+        }] });

package/esm2022/lib/base.port.component.mjs

@@ -0,0 +1,71 @@
+import { EVENT_PORT_UPDATED, log, } from "@visuallyjs/browser-ui";
+import { ChangeDetectorRef, Directive, inject, Input, signal, } from "@angular/core";
+import * as i0 from "@angular/core";
+
+export class BasePortComponent {
+    constructor(el) {
+        this.el = el;
+        
+        this.changeDetectorRef = inject(ChangeDetectorRef);
+        
+        this.$data = signal(undefined);
+        el.nativeElement._visuallyJsNgComponent = this;
+    }
+    
+    _signalBinding(n) {
+        if (this.parent != null) {
+            
+            if (n.vertex.id === this.parent.data.id && n.port.id === this.data["id"]) {
+                this.$data.set(this.data);
+            }
+        }
+    }
+    
+    ngOnInit() {
+        if (this.data == null) {
+            log(`WARN: cannot instantiate port component; "data" not set`);
+            return;
+        }
+        if (this.parent == null) {
+            log(`WARN: cannot instantiate port component; "parent" not set (you need to set parent to be a BaseNodeComponent or BaseGroupComponent on this component in your template)`);
+            return;
+        }
+        this.$data.set(this.data);
+        this._signalBinder = this._signalBinding.bind(this);
+        this.parent.model.bind(EVENT_PORT_UPDATED, this._signalBinder);
+    }
+    
+    getPort() {
+        return this.parent
+            .getVertex()
+            .getPort(this.parent.model.getPortId(this.data));
+    }
+    
+    getPortId() {
+        return this.parent.model.getPortId(this.data);
+    }
+    
+    updatePort(data) {
+        this.parent.model.updatePort(this.getPort(), data);
+    }
+    
+    removePort() {
+        this.parent.model.removePort(this.parent.getVertex(), this.getPortId());
+    }
+    
+    ngOnDestroy() {
+        this.parent.model.unbind(EVENT_PORT_UPDATED, this._signalBinder);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BasePortComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: BasePortComponent, selector: "vjs-base-port", inputs: { parent: "parent", data: "data" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BasePortComponent, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "vjs-base-port",
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { parent: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }] } });

package/esm2022/lib/base.vertex.component.mjs

@@ -0,0 +1,75 @@
+import { ChangeDetectorRef, inject, Injectable, Input, signal, } from "@angular/core";
+import * as i0 from "@angular/core";
+
+export class BaseVertexComponent {
+    constructor() {
+        
+        this.changeDetectorRef = inject(ChangeDetectorRef);
+        
+        this.$data = signal(undefined);
+    }
+    
+    ngOnInit() {
+        this.$data.set(this.data);
+    }
+    
+    getVertex() {
+        return this._getVertex();
+    }
+    
+    ngOnDestroy() {
+        delete this._el._visuallyJsNgComponent._el;
+        delete this._el;
+        delete this.model;
+        delete this.surface;
+    }
+    
+    removeVertex() {
+        this.model.remove(this.getVertex());
+    }
+    
+    addNewPort(type, data) {
+        this.model.addNewPort(this.getVertex(), type, data);
+    }
+    
+    addPort(data) {
+        return this.model.addPort(this.getVertex(), data);
+    }
+    
+    setAsSelection() {
+        this.model.setSelection(this.getVertex());
+    }
+    
+    addToSelection() {
+        this.model.addToSelection(this.getVertex());
+    }
+    
+    removeFromSelection() {
+        this.model.removeFromSelection(this.getVertex());
+    }
+    
+    updateVertex(data) {
+        this.model.updateVertex(this.getVertex(), data);
+    }
+    
+    cloneVertex(options) {
+        this.surface.cloneVertex(this.getVertex(), options);
+    }
+    
+    flashVertex(duration, animName) {
+        this.surface.flashVertex(this.getVertex(), duration, animName);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseVertexComponent, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseVertexComponent }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseVertexComponent, decorators: [{
+            type: Injectable
+        }], propDecorators: { data: [{
+                type: Input
+            }], model: [{
+                type: Input
+            }], surface: [{
+                type: Input
+            }], modelObject: [{
+                type: Input
+            }] } });

package/esm2022/lib/browser-ui-angular.module.mjs

@@ -0,0 +1,133 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from "@angular/common";
+import { MiniviewComponent } from "./miniview-component";
+import { SurfaceComponent } from "./surface-component";
+import { ShapePaletteComponent } from "./shape.palette.component";
+import { ShapeComponent } from "./shape.component";
+import { ControlsComponent } from "./controls-component";
+import { EdgeTypePickerComponent } from "./edge.type.picker.component";
+import { DefaultNodeComponent } from "./default-node-component";
+import { DefaultGroupComponent } from "./default-group-component";
+import { BasePortComponent } from "./base.port.component";
+import { PaletteComponent } from "./palette.component";
+import { ExportControlsComponent } from "./export-controls-component";
+import { ColorPickerComponent } from "./color.tag.component";
+import { DiagramComponent } from "./diagram-component";
+import { ColumnChartComponent } from "./charts/column.chart.component";
+import { BarChartComponent } from "./charts/bar.chart.component";
+import { DiagramPaletteComponent } from "./diagram-palette-component";
+import { XYChartComponent } from "./charts/xy.chart.component";
+import { LineChartComponent } from "./charts/line.chart.component";
+import { AreaChartComponent } from "./charts/area.chart.component";
+import { PieChartComponent } from "./charts/pie.chart.component";
+import { ScatterChartComponent } from "./charts/scatter.chart.component";
+import { BubbleChartComponent } from "./charts/bubble.chart.component";
+import { SankeyChartComponent } from "./charts/sankey.chart.component";
+import { DecoratorComponent } from "./decorator-component";
+import * as i0 from "@angular/core";
+
+export class VisuallyJsModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VisuallyJsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: VisuallyJsModule, declarations: [DefaultNodeComponent,
+            DefaultGroupComponent,
+            BasePortComponent,
+            MiniviewComponent,
+            SurfaceComponent,
+            PaletteComponent,
+            ShapePaletteComponent,
+            DiagramPaletteComponent,
+            ShapeComponent,
+            ControlsComponent,
+            EdgeTypePickerComponent,
+            PaletteComponent,
+            ExportControlsComponent,
+            ColorPickerComponent,
+            DiagramComponent,
+            ColumnChartComponent,
+            BarChartComponent,
+            XYChartComponent,
+            LineChartComponent,
+            AreaChartComponent,
+            PieChartComponent,
+            ScatterChartComponent,
+            BubbleChartComponent,
+            SankeyChartComponent,
+            DecoratorComponent], imports: [CommonModule], exports: [MiniviewComponent,
+            SurfaceComponent,
+            PaletteComponent,
+            DiagramPaletteComponent,
+            ShapeComponent,
+            ShapePaletteComponent,
+            ControlsComponent,
+            ExportControlsComponent,
+            EdgeTypePickerComponent,
+            ColorPickerComponent,
+            DiagramComponent,
+            ColumnChartComponent,
+            BarChartComponent,
+            XYChartComponent,
+            LineChartComponent,
+            AreaChartComponent,
+            PieChartComponent,
+            ScatterChartComponent,
+            BubbleChartComponent,
+            SankeyChartComponent,
+            DecoratorComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VisuallyJsModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VisuallyJsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [
+                        DefaultNodeComponent,
+                        DefaultGroupComponent,
+                        BasePortComponent,
+                        MiniviewComponent,
+                        SurfaceComponent,
+                        PaletteComponent,
+                        ShapePaletteComponent,
+                        DiagramPaletteComponent,
+                        ShapeComponent,
+                        ControlsComponent,
+                        EdgeTypePickerComponent,
+                        PaletteComponent,
+                        ExportControlsComponent,
+                        ColorPickerComponent,
+                        DiagramComponent,
+                        ColumnChartComponent,
+                        BarChartComponent,
+                        XYChartComponent,
+                        LineChartComponent,
+                        AreaChartComponent,
+                        PieChartComponent,
+                        ScatterChartComponent,
+                        BubbleChartComponent,
+                        SankeyChartComponent,
+                        DecoratorComponent
+                    ],
+                    exports: [
+                        MiniviewComponent,
+                        SurfaceComponent,
+                        PaletteComponent,
+                        DiagramPaletteComponent,
+                        ShapeComponent,
+                        ShapePaletteComponent,
+                        ControlsComponent,
+                        ExportControlsComponent,
+                        EdgeTypePickerComponent,
+                        ColorPickerComponent,
+                        DiagramComponent,
+                        ColumnChartComponent,
+                        BarChartComponent,
+                        XYChartComponent,
+                        LineChartComponent,
+                        AreaChartComponent,
+                        PieChartComponent,
+                        ScatterChartComponent,
+                        BubbleChartComponent,
+                        SankeyChartComponent,
+                        DecoratorComponent
+                    ]
+                }]
+        }] });

package/esm2022/lib/charts/area.chart.component.mjs

@@ -0,0 +1,55 @@
+import { Component, ElementRef, Input, NgZone, inject } from "@angular/core";
+import { AreaChart } from "@visuallyjs/browser-ui";
+import { VisuallyJsService } from "../vjs-service";
+import * as i0 from "@angular/core";
+export class AreaChartComponent {
+    constructor() {
+        this.$vjs = inject(VisuallyJsService);
+        this.$el = inject(ElementRef);
+        this.$ngZone = inject(NgZone);
+    }
+    _init(dataSource, data, url) {
+        this.$ngZone.runOutsideAngular(() => {
+            const o = Object.assign({}, this.options);
+            Object.assign(o, { dataSource });
+            this.chart = new AreaChart(this.$el.nativeElement, o);
+            if (data) {
+                this.chart.load({ data });
+            }
+            else if (url) {
+                this.chart.load({ url });
+            }
+        });
+    }
+    
+    ngAfterViewInit() {
+        if (this.useModel) {
+            this.$vjs.getModel((p) => {
+                this._init(p, null, null);
+            });
+        }
+        else {
+            this._init(null, this.data, this.url);
+        }
+    }
+    ngOnDestroy() {
+        this.chart?.destroy();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AreaChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AreaChartComponent, selector: "vjs-area-chart", inputs: { data: "data", url: "url", options: "options", useModel: "useModel" }, ngImport: i0, template: `<div></div>`, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AreaChartComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "vjs-area-chart",
+                    template: `<div></div>`
+                }]
+        }], propDecorators: { data: [{
+                type: Input
+            }], url: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }], useModel: [{
+                type: Input
+            }] } });

package/esm2022/lib/charts/bar.chart.component.mjs

@@ -0,0 +1,55 @@
+import { Component, ElementRef, Input, NgZone, inject } from "@angular/core";
+import { BarChart } from "@visuallyjs/browser-ui";
+import { VisuallyJsService } from "../vjs-service";
+import * as i0 from "@angular/core";
+export class BarChartComponent {
+    constructor() {
+        this.$vjs = inject(VisuallyJsService);
+        this.$el = inject(ElementRef);
+        this.$ngZone = inject(NgZone);
+    }
+    _init(dataSource, data, url) {
+        this.$ngZone.runOutsideAngular(() => {
+            const o = Object.assign({}, this.options);
+            Object.assign(o, { dataSource });
+            this.chart = new BarChart(this.$el.nativeElement, o);
+            if (data) {
+                this.chart.load({ data });
+            }
+            else if (url) {
+                this.chart.load({ url });
+            }
+        });
+    }
+    
+    ngAfterViewInit() {
+        if (this.useModel) {
+            this.$vjs.getModel((p) => {
+                this._init(p, null, null);
+            });
+        }
+        else {
+            this._init(null, this.data, this.url);
+        }
+    }
+    ngOnDestroy() {
+        this.chart?.destroy();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BarChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BarChartComponent, selector: "vjs-bar-chart", inputs: { data: "data", url: "url", options: "options", useModel: "useModel" }, ngImport: i0, template: `<div></div>`, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BarChartComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "vjs-bar-chart",
+                    template: `<div></div>`
+                }]
+        }], propDecorators: { data: [{
+                type: Input
+            }], url: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }], useModel: [{
+                type: Input
+            }] } });

package/esm2022/lib/charts/bubble.chart.component.mjs

@@ -0,0 +1,55 @@
+import { Component, ElementRef, inject, Input, NgZone } from "@angular/core";
+import { BubbleChart } from "@visuallyjs/browser-ui";
+import { VisuallyJsService } from "../vjs-service";
+import * as i0 from "@angular/core";
+export class BubbleChartComponent {
+    constructor() {
+        this.$el = inject(ElementRef);
+        this.$ngZone = inject(NgZone);
+        this.$vjs = inject(VisuallyJsService);
+    }
+    _init(dataSource, data, url) {
+        this.$ngZone.runOutsideAngular(() => {
+            const o = Object.assign({}, this.options);
+            Object.assign(o, { dataSource });
+            this.chart = new BubbleChart(this.$el.nativeElement, o);
+            if (data) {
+                this.chart.load({ data });
+            }
+            else if (url) {
+                this.chart.load({ url });
+            }
+        });
+    }
+    
+    ngAfterViewInit() {
+        if (this.useModel) {
+            this.$vjs.getModel((p) => {
+                this._init(p, null, null);
+            });
+        }
+        else {
+            this._init(null, this.data, this.url);
+        }
+    }
+    ngOnDestroy() {
+        this.chart?.destroy();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BubbleChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BubbleChartComponent, selector: "vjs-bubble-chart", inputs: { data: "data", url: "url", options: "options", useModel: "useModel" }, ngImport: i0, template: `<div></div>`, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BubbleChartComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "vjs-bubble-chart",
+                    template: `<div></div>`
+                }]
+        }], propDecorators: { data: [{
+                type: Input
+            }], url: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }], useModel: [{
+                type: Input
+            }] } });

package/esm2022/lib/charts/column.chart.component.mjs

@@ -0,0 +1,55 @@
+import { Component, ElementRef, inject, Input, NgZone } from "@angular/core";
+import { ColumnChart } from "@visuallyjs/browser-ui";
+import { VisuallyJsService } from "../vjs-service";
+import * as i0 from "@angular/core";
+export class ColumnChartComponent {
+    constructor() {
+        this.$el = inject(ElementRef);
+        this.$ngZone = inject(NgZone);
+        this.$vjs = inject(VisuallyJsService);
+    }
+    _init(dataSource, data, url) {
+        this.$ngZone.runOutsideAngular(() => {
+            const o = Object.assign({}, this.options);
+            Object.assign(o, { dataSource });
+            this.chart = new ColumnChart(this.$el.nativeElement, o);
+            if (data) {
+                this.chart.load({ data });
+            }
+            else if (url) {
+                this.chart.load({ url });
+            }
+        });
+    }
+    
+    ngAfterViewInit() {
+        if (this.useModel) {
+            this.$vjs.getModel((p) => {
+                this._init(p, null, null);
+            });
+        }
+        else {
+            this._init(null, this.data, this.url);
+        }
+    }
+    ngOnDestroy() {
+        this.chart?.destroy();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ColumnChartComponent, selector: "vjs-column-chart", inputs: { data: "data", url: "url", options: "options", useModel: "useModel" }, ngImport: i0, template: `<div></div>`, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnChartComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "vjs-column-chart",
+                    template: `<div></div>`
+                }]
+        }], propDecorators: { data: [{
+                type: Input
+            }], url: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }], useModel: [{
+                type: Input
+            }] } });