@unovis/angular 1.2.1-beta.3 → 1.2.2-beta.0

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

@@ -436,6 +436,13 @@
             this.yDomainMinConstraint = undefined;
             /** Y Axis direction. Default: `Direction.North` */
             this.yDirection = ts.Direction.North;
+            /** Prevents the chart domain from being empty (when domain's min and max values are equal).
+             *  That usually happens when all the data values are the same or when there's no data.
+             *  Setting to `true` will automatically extend the domain by `+1` when needed.
+             *  Setting to `null` will extend the domain only when there's no data.
+             *  Setting to `false` will keep the domain as is.
+             *  Default: `null` */
+            this.preventEmptyDomain = null;
             /** Animation duration of all the components within the container. Default: `undefined` */
             this.duration = undefined;
             /** Margins. Default: `{ top: 0, bottom: 0, left: 0, right: 0 }` */
@@ -521,7 +528,7 @@
         return VisXYContainerComponent;
     }());
     VisXYContainerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisXYContainerComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    VisXYContainerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisXYContainerComponent, selector: "vis-xy-container", inputs: { width: "width", height: "height", xScale: "xScale", xDomain: "xDomain", xDomainMinConstraint: "xDomainMinConstraint", xDomainMaxConstraint: "xDomainMaxConstraint", xRange: "xRange", yScale: "yScale", yDomain: "yDomain", yDomainMinConstraint: "yDomainMinConstraint", yDomainMaxConstraint: "yDomainMaxConstraint", yRange: "yRange", yDirection: "yDirection", duration: "duration", margin: "margin", padding: "padding", scaleByDomain: "scaleByDomain", autoMargin: "autoMargin", ariaLabel: "ariaLabel", data: "data" }, queries: [{ propertyName: "tooltipComponent", first: true, predicate: VisTooltipComponent, descendants: true }, { propertyName: "visComponents", predicate: VisXYComponent }], viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<div #container class=\"unovis-xy-container\">\n    <ng-content></ng-content>\n  </div>", isInline: true, styles: [".unovis-xy-container { width: 100%; height: 100%; position: relative; }"] });
+    VisXYContainerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisXYContainerComponent, selector: "vis-xy-container", inputs: { width: "width", height: "height", xScale: "xScale", xDomain: "xDomain", xDomainMinConstraint: "xDomainMinConstraint", xDomainMaxConstraint: "xDomainMaxConstraint", xRange: "xRange", yScale: "yScale", yDomain: "yDomain", yDomainMinConstraint: "yDomainMinConstraint", yDomainMaxConstraint: "yDomainMaxConstraint", yRange: "yRange", yDirection: "yDirection", preventEmptyDomain: "preventEmptyDomain", duration: "duration", margin: "margin", padding: "padding", scaleByDomain: "scaleByDomain", autoMargin: "autoMargin", ariaLabel: "ariaLabel", data: "data" }, queries: [{ propertyName: "tooltipComponent", first: true, predicate: VisTooltipComponent, descendants: true }, { propertyName: "visComponents", predicate: VisXYComponent }], viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<div #container class=\"unovis-xy-container\">\n    <ng-content></ng-content>\n  </div>", isInline: true, styles: [".unovis-xy-container { width: 100%; height: 100%; position: relative; }"] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisXYContainerComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -564,6 +571,8 @@
                     type: i0.Input
                 }], yDirection: [{
                     type: i0.Input
+                }], preventEmptyDomain: [{
+                    type: i0.Input
                 }], duration: [{
                     type: i0.Input
                 }], margin: [{
@@ -889,8 +898,8 @@
             (_c = this.componentContainer) === null || _c === void 0 ? void 0 : _c.render();
         };
         VisAxisComponent.prototype.getConfig = function () {
-            var _d = this, duration = _d.duration, events = _d.events, attributes = _d.attributes, x = _d.x, y = _d.y, id = _d.id, color = _d.color, xScale = _d.xScale, yScale = _d.yScale, excludeFromDomainCalculation = _d.excludeFromDomainCalculation, position = _d.position, type = _d.type, fullSize = _d.fullSize, label = _d.label, labelFontSize = _d.labelFontSize, labelMargin = _d.labelMargin, gridLine = _d.gridLine, tickLine = _d.tickLine, domainLine = _d.domainLine, minMaxTicksOnly = _d.minMaxTicksOnly, tickFormat = _d.tickFormat, tickValues = _d.tickValues, numTicks = _d.numTicks, tickTextFitMode = _d.tickTextFitMode, tickTextWidth = _d.tickTextWidth, tickTextSeparator = _d.tickTextSeparator, tickTextForceWordBreak = _d.tickTextForceWordBreak, tickTextTrimType = _d.tickTextTrimType, tickTextFontSize = _d.tickTextFontSize, tickTextAlign = _d.tickTextAlign, tickPadding = _d.tickPadding;
-            var config = { duration: duration, events: events, attributes: attributes, x: x, y: y, id: id, color: color, xScale: xScale, yScale: yScale, excludeFromDomainCalculation: excludeFromDomainCalculation, position: position, type: type, fullSize: fullSize, label: label, labelFontSize: labelFontSize, labelMargin: labelMargin, gridLine: gridLine, tickLine: tickLine, domainLine: domainLine, minMaxTicksOnly: minMaxTicksOnly, tickFormat: tickFormat, tickValues: tickValues, numTicks: numTicks, tickTextFitMode: tickTextFitMode, tickTextWidth: tickTextWidth, tickTextSeparator: tickTextSeparator, tickTextForceWordBreak: tickTextForceWordBreak, tickTextTrimType: tickTextTrimType, tickTextFontSize: tickTextFontSize, tickTextAlign: tickTextAlign, tickPadding: tickPadding };
+            var _d = this, duration = _d.duration, events = _d.events, attributes = _d.attributes, x = _d.x, y = _d.y, id = _d.id, color = _d.color, xScale = _d.xScale, yScale = _d.yScale, excludeFromDomainCalculation = _d.excludeFromDomainCalculation, position = _d.position, type = _d.type, fullSize = _d.fullSize, label = _d.label, labelFontSize = _d.labelFontSize, labelMargin = _d.labelMargin, labelColor = _d.labelColor, gridLine = _d.gridLine, tickLine = _d.tickLine, domainLine = _d.domainLine, minMaxTicksOnly = _d.minMaxTicksOnly, tickFormat = _d.tickFormat, tickValues = _d.tickValues, numTicks = _d.numTicks, tickTextFitMode = _d.tickTextFitMode, tickTextWidth = _d.tickTextWidth, tickTextSeparator = _d.tickTextSeparator, tickTextForceWordBreak = _d.tickTextForceWordBreak, tickTextTrimType = _d.tickTextTrimType, tickTextFontSize = _d.tickTextFontSize, tickTextAlign = _d.tickTextAlign, tickTextColor = _d.tickTextColor, tickPadding = _d.tickPadding;
+            var config = { duration: duration, events: events, attributes: attributes, x: x, y: y, id: id, color: color, xScale: xScale, yScale: yScale, excludeFromDomainCalculation: excludeFromDomainCalculation, position: position, type: type, fullSize: fullSize, label: label, labelFontSize: labelFontSize, labelMargin: labelMargin, labelColor: labelColor, gridLine: gridLine, tickLine: tickLine, domainLine: domainLine, minMaxTicksOnly: minMaxTicksOnly, tickFormat: tickFormat, tickValues: tickValues, numTicks: numTicks, tickTextFitMode: tickTextFitMode, tickTextWidth: tickTextWidth, tickTextSeparator: tickTextSeparator, tickTextForceWordBreak: tickTextForceWordBreak, tickTextTrimType: tickTextTrimType, tickTextFontSize: tickTextFontSize, tickTextAlign: tickTextAlign, tickTextColor: tickTextColor, tickPadding: tickPadding };
             var keys = Object.keys(config);
             keys.forEach(function (key) {
                 if (config[key] === undefined)
@@ -901,7 +910,7 @@
         return VisAxisComponent;
     }());
     VisAxisComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisAxisComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    VisAxisComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisAxisComponent, selector: "vis-axis", inputs: { duration: "duration", events: "events", attributes: "attributes", x: "x", y: "y", id: "id", color: "color", xScale: "xScale", yScale: "yScale", excludeFromDomainCalculation: "excludeFromDomainCalculation", position: "position", type: "type", fullSize: "fullSize", label: "label", labelFontSize: "labelFontSize", labelMargin: "labelMargin", gridLine: "gridLine", tickLine: "tickLine", domainLine: "domainLine", minMaxTicksOnly: "minMaxTicksOnly", tickFormat: "tickFormat", tickValues: "tickValues", numTicks: "numTicks", tickTextFitMode: "tickTextFitMode", tickTextWidth: "tickTextWidth", tickTextSeparator: "tickTextSeparator", tickTextForceWordBreak: "tickTextForceWordBreak", tickTextTrimType: "tickTextTrimType", tickTextFontSize: "tickTextFontSize", tickTextAlign: "tickTextAlign", tickPadding: "tickPadding", data: "data" }, providers: [{ provide: VisXYComponent, useExisting: VisAxisComponent }], usesOnChanges: true, ngImport: i0__namespace, template: '', isInline: true });
+    VisAxisComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisAxisComponent, selector: "vis-axis", inputs: { duration: "duration", events: "events", attributes: "attributes", x: "x", y: "y", id: "id", color: "color", xScale: "xScale", yScale: "yScale", excludeFromDomainCalculation: "excludeFromDomainCalculation", position: "position", type: "type", fullSize: "fullSize", label: "label", labelFontSize: "labelFontSize", labelMargin: "labelMargin", labelColor: "labelColor", gridLine: "gridLine", tickLine: "tickLine", domainLine: "domainLine", minMaxTicksOnly: "minMaxTicksOnly", tickFormat: "tickFormat", tickValues: "tickValues", numTicks: "numTicks", tickTextFitMode: "tickTextFitMode", tickTextWidth: "tickTextWidth", tickTextSeparator: "tickTextSeparator", tickTextForceWordBreak: "tickTextForceWordBreak", tickTextTrimType: "tickTextTrimType", tickTextFontSize: "tickTextFontSize", tickTextAlign: "tickTextAlign", tickTextColor: "tickTextColor", tickPadding: "tickPadding", data: "data" }, providers: [{ provide: VisXYComponent, useExisting: VisAxisComponent }], usesOnChanges: true, ngImport: i0__namespace, template: '', isInline: true });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisAxisComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -942,6 +951,8 @@
                     type: i0.Input
                 }], labelMargin: [{
                     type: i0.Input
+                }], labelColor: [{
+                    type: i0.Input
                 }], gridLine: [{
                     type: i0.Input
                 }], tickLine: [{
@@ -970,6 +981,8 @@
                     type: i0.Input
                 }], tickTextAlign: [{
                     type: i0.Input
+                }], tickTextColor: [{
+                    type: i0.Input
                 }], tickPadding: [{
                     type: i0.Input
                 }], data: [{