@unovis/angular 1.0.0-beta.2 → 1.0.0-beta.4

package/README.md

@@ -0,0 +1,64 @@
+🟨 **Unovis** is a modular data visualization framework for React, Angular, Svelte, and vanilla TypeScript or JavaScript.
+
+`@unovis/angular` provides Angular modules to `@unovis/ts`, which makes Unovis integration into an Angular
+app much easier.
+
+Learn more about **Unovis** on our website [unovis.dev](https://unovis.dev)
+
+## Installation
+```bash
+npm install -P @unovis/ts @unovis/angular
+```
+
+## Quick Start
+#### HTML
+```html
+<vis-xy-container [height]="500">
+    <vis-line [data]="data" [x]="x" [y]="y"></vis-line>
+    <vis-axis type="x"></vis-axis>
+    <vis-axis type="y"></vis-axis>
+</vis-xy-container>
+```
+#### Component
+```ts
+import { Component } from '@angular/core'
+
+type DataRecord = { x: number; y: number }
+
+@Component({
+  selector: 'basic-line-chart',
+  templateUrl: './basic-line-chart.component.html'
+})
+export class BasicLineChartComponent {
+  x = (d: DataRecord): number => d.x
+  y = (d: DataRecord): number => d.y
+  data: DataRecord[] = [
+    { x: 0, y: 0 },
+    { x: 1, y: 2 },
+    { x: 2, y: 1 },
+  ]
+}
+```
+#### Module
+```ts
+import { NgModule } from '@angular/core'
+import { VisXYContainerModule, VisLineModule, VisAxisModule } from '@unovis/angular'
+
+import { BasicLineChartComponent } from './basic-line-chart.component'
+
+@NgModule({
+  imports: [VisXYContainerModule, VisLineModule, VisAxisModule],
+  declarations: [BasicLineChartComponent],
+  exports: [BasicLineChartComponent],
+})
+export class BasicLineChartModule { }
+```
+
+## Documentation
+https://unovis.dev/docs
+
+## Examples
+https://unovis.dev/gallery
+
+## License
+Apache-2.0

package/dist/lib/README.md

@@ -0,0 +1,64 @@
+🟨 **Unovis** is a modular data visualization framework for React, Angular, Svelte, and vanilla TypeScript or JavaScript.
+
+`@unovis/angular` provides Angular modules to `@unovis/ts`, which makes Unovis integration into an Angular
+app much easier.
+
+Learn more about **Unovis** on our website [unovis.dev](https://unovis.dev)
+
+## Installation
+```bash
+npm install -P @unovis/ts @unovis/angular
+```
+
+## Quick Start
+#### HTML
+```html
+<vis-xy-container [height]="500">
+    <vis-line [data]="data" [x]="x" [y]="y"></vis-line>
+    <vis-axis type="x"></vis-axis>
+    <vis-axis type="y"></vis-axis>
+</vis-xy-container>
+```
+#### Component
+```ts
+import { Component } from '@angular/core'
+
+type DataRecord = { x: number; y: number }
+
+@Component({
+  selector: 'basic-line-chart',
+  templateUrl: './basic-line-chart.component.html'
+})
+export class BasicLineChartComponent {
+  x = (d: DataRecord): number => d.x
+  y = (d: DataRecord): number => d.y
+  data: DataRecord[] = [
+    { x: 0, y: 0 },
+    { x: 1, y: 2 },
+    { x: 2, y: 1 },
+  ]
+}
+```
+#### Module
+```ts
+import { NgModule } from '@angular/core'
+import { VisXYContainerModule, VisLineModule, VisAxisModule } from '@unovis/angular'
+
+import { BasicLineChartComponent } from './basic-line-chart.component'
+
+@NgModule({
+  imports: [VisXYContainerModule, VisLineModule, VisAxisModule],
+  declarations: [BasicLineChartComponent],
+  exports: [BasicLineChartComponent],
+})
+export class BasicLineChartModule { }
+```
+
+## Documentation
+https://unovis.dev/docs
+
+## Examples
+https://unovis.dev/gallery
+
+## License
+Apache-2.0

package/dist/lib/bundles/unovis-angular.umd.js

@@ -1305,8 +1305,8 @@
             (_c = this.componentContainer) === null || _c === void 0 ? void 0 : _c.render();
         };
         VisDonutComponent.prototype.getConfig = function () {
-            var _d = this, duration = _d.duration, events = _d.events, attributes = _d.attributes, id = _d.id, value = _d.value, angleRange = _d.angleRange, padAngle = _d.padAngle, sortFunction = _d.sortFunction, cornerRadius = _d.cornerRadius, color = _d.color, radius = _d.radius, arcWidth = _d.arcWidth, centralLabel = _d.centralLabel, centralSubLabel = _d.centralSubLabel, centralSubLabelWrap = _d.centralSubLabelWrap, preventEmptySegments = _d.preventEmptySegments;
-            var config = { duration: duration, events: events, attributes: attributes, id: id, value: value, angleRange: angleRange, padAngle: padAngle, sortFunction: sortFunction, cornerRadius: cornerRadius, color: color, radius: radius, arcWidth: arcWidth, centralLabel: centralLabel, centralSubLabel: centralSubLabel, centralSubLabelWrap: centralSubLabelWrap, preventEmptySegments: preventEmptySegments };
+            var _d = this, duration = _d.duration, events = _d.events, attributes = _d.attributes, id = _d.id, value = _d.value, angleRange = _d.angleRange, padAngle = _d.padAngle, sortFunction = _d.sortFunction, cornerRadius = _d.cornerRadius, color = _d.color, radius = _d.radius, arcWidth = _d.arcWidth, centralLabel = _d.centralLabel, centralSubLabel = _d.centralSubLabel, centralSubLabelWrap = _d.centralSubLabelWrap, showEmptySegments = _d.showEmptySegments, showBackground = _d.showBackground;
+            var config = { duration: duration, events: events, attributes: attributes, id: id, value: value, angleRange: angleRange, padAngle: padAngle, sortFunction: sortFunction, cornerRadius: cornerRadius, color: color, radius: radius, arcWidth: arcWidth, centralLabel: centralLabel, centralSubLabel: centralSubLabel, centralSubLabelWrap: centralSubLabelWrap, showEmptySegments: showEmptySegments, showBackground: showBackground };
             var keys = Object.keys(config);
             keys.forEach(function (key) {
                 if (config[key] === undefined)
@@ -1317,7 +1317,7 @@
         return VisDonutComponent;
     }());
     VisDonutComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: VisDonutComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    VisDonutComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: VisDonutComponent, selector: "vis-donut", inputs: { duration: "duration", events: "events", attributes: "attributes", id: "id", value: "value", angleRange: "angleRange", padAngle: "padAngle", sortFunction: "sortFunction", cornerRadius: "cornerRadius", color: "color", radius: "radius", arcWidth: "arcWidth", centralLabel: "centralLabel", centralSubLabel: "centralSubLabel", centralSubLabelWrap: "centralSubLabelWrap", preventEmptySegments: "preventEmptySegments", data: "data" }, providers: [{ provide: VisCoreComponent, useExisting: VisDonutComponent }], usesOnChanges: true, ngImport: i0__namespace, template: '', isInline: true });
+    VisDonutComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: VisDonutComponent, selector: "vis-donut", inputs: { duration: "duration", events: "events", attributes: "attributes", id: "id", value: "value", angleRange: "angleRange", padAngle: "padAngle", sortFunction: "sortFunction", cornerRadius: "cornerRadius", color: "color", radius: "radius", arcWidth: "arcWidth", centralLabel: "centralLabel", centralSubLabel: "centralSubLabel", centralSubLabelWrap: "centralSubLabelWrap", showEmptySegments: "showEmptySegments", showBackground: "showBackground", data: "data" }, providers: [{ provide: VisCoreComponent, useExisting: VisDonutComponent }], usesOnChanges: true, ngImport: i0__namespace, template: '', isInline: true });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: VisDonutComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -1356,7 +1356,9 @@
                     type: i0.Input
                 }], centralSubLabelWrap: [{
                     type: i0.Input
-                }], preventEmptySegments: [{
+                }], showEmptySegments: [{
+                    type: i0.Input
+                }], showBackground: [{
                     type: i0.Input
                 }], data: [{
                     type: i0.Input