igniteui-webcomponents-charts 5.4.0 → 5.5.0-beta.0

package/esm2015/lib/igc-data-annotation-strip-layer-component.js

@@ -0,0 +1,144 @@
+import { DataAnnotationDisplayMode_$type } from "./DataAnnotationDisplayMode";
+import { IgcDataAnnotationRangeLayerComponent } from "./igc-data-annotation-range-layer-component";
+import { DataAnnotationStripLayer } from "./DataAnnotationStripLayer";
+import { getAllPropertyNames, toSpinal, ensureEnum, enumToString } from "igniteui-webcomponents-core";
+import { RegisterElementHelper } from "igniteui-webcomponents-core";
+/**
+ * Represents an annotation layer that renders vertical or horizontal strips between values mapped to these properties:
+ * StartValueMemberPath
+ * EndValueMemberPath
+*/
+export let IgcDataAnnotationStripLayerComponent = /*@__PURE__*/ (() => {
+    class IgcDataAnnotationStripLayerComponent extends IgcDataAnnotationRangeLayerComponent {
+        createImplementation() {
+            return new DataAnnotationStripLayer();
+        }
+        /**
+                                     * @hidden
+                                     */
+        get i() {
+            return this._implementation;
+        }
+        constructor() {
+            super();
+        }
+        connectedCallback() {
+            if (super["connectedCallback"]) {
+                super["connectedCallback"]();
+            }
+            if (this.i.connectedCallback) {
+                this.i.connectedCallback();
+            }
+            if (!this._attached) {
+                this._attached = true;
+                this._flushQueuedAttributes();
+            }
+        }
+        disconnectedCallback() {
+            if (super["disconnectedCallback"]) {
+                super["disconnectedCallback"]();
+            }
+            if (this.i.disconnectedCallback) {
+                this.i.disconnectedCallback();
+            }
+            if (this._attached) {
+                this._attached = false;
+            }
+        }
+        static get observedAttributes() {
+            if (IgcDataAnnotationStripLayerComponent._observedAttributesIgcDataAnnotationStripLayerComponent == null) {
+                let names = getAllPropertyNames(IgcDataAnnotationStripLayerComponent);
+                for (let i = 0; i < names.length; i++) {
+                    names[i] = toSpinal(names[i]);
+                }
+                IgcDataAnnotationStripLayerComponent._observedAttributesIgcDataAnnotationStripLayerComponent = names;
+            }
+            return IgcDataAnnotationStripLayerComponent._observedAttributesIgcDataAnnotationStripLayerComponent;
+        }
+        static register() {
+            if (!IgcDataAnnotationStripLayerComponent._isElementRegistered) {
+                IgcDataAnnotationStripLayerComponent._isElementRegistered = true;
+                RegisterElementHelper.registerElement(IgcDataAnnotationStripLayerComponent.htmlTagName, IgcDataAnnotationStripLayerComponent);
+            }
+        }
+        /**
+         * Gets or sets name of data column with positions for the start of annotations.
+        */
+        get startValueMemberPath() {
+            return this.i.ag3;
+        }
+        set startValueMemberPath(v) {
+            this.i.ag3 = v;
+        }
+        /**
+         * Gets or sets mapping custom label at the start of annotations.
+        */
+        get startLabelMemberPath() {
+            return this.i.ag0;
+        }
+        set startLabelMemberPath(v) {
+            this.i.ag0 = v;
+        }
+        /**
+         * Gets or sets display mode of label in the start annotation.
+        */
+        get startLabelDisplayMode() {
+            return this.i.agc;
+        }
+        set startLabelDisplayMode(v) {
+            this.i.agc = ensureEnum(DataAnnotationDisplayMode_$type, v);
+            this._a("startLabelDisplayMode", enumToString(DataAnnotationDisplayMode_$type, this.i.agc));
+        }
+        /**
+         * Gets or sets name of data column with positions for end of annotation.
+        */
+        get endValueMemberPath() {
+            return this.i.agw;
+        }
+        set endValueMemberPath(v) {
+            this.i.agw = v;
+        }
+        /**
+         * Gets or sets mapping custom label at the end of annotations.
+        */
+        get endLabelMemberPath() {
+            return this.i.agt;
+        }
+        set endLabelMemberPath(v) {
+            this.i.agt = v;
+        }
+        /**
+         * Gets or sets display mode of label at the end annotation.
+        */
+        get endLabelDisplayMode() {
+            return this.i.agb;
+        }
+        set endLabelDisplayMode(v) {
+            this.i.agb = ensureEnum(DataAnnotationDisplayMode_$type, v);
+            this._a("endLabelDisplayMode", enumToString(DataAnnotationDisplayMode_$type, this.i.agb));
+        }
+        /**
+         * Gets or sets mapping custom label between start and end of data annotations.
+        */
+        get centerLabelMemberPath() {
+            return this.i.agp;
+        }
+        set centerLabelMemberPath(v) {
+            this.i.agp = v;
+        }
+        /**
+         * Gets or sets display mode of label in the center annotation.
+        */
+        get centerLabelDisplayMode() {
+            return this.i.aga;
+        }
+        set centerLabelDisplayMode(v) {
+            this.i.aga = ensureEnum(DataAnnotationDisplayMode_$type, v);
+            this._a("centerLabelDisplayMode", enumToString(DataAnnotationDisplayMode_$type, this.i.aga));
+        }
+    }
+    IgcDataAnnotationStripLayerComponent._observedAttributesIgcDataAnnotationStripLayerComponent = null;
+    IgcDataAnnotationStripLayerComponent.htmlTagName = "igc-data-annotation-strip-layer";
+    IgcDataAnnotationStripLayerComponent._isElementRegistered = false;
+    return IgcDataAnnotationStripLayerComponent;
+})();

package/esm2015/lib/igc-data-annotation-strip-layer-module.js

@@ -0,0 +1,18 @@
+/*
+THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
+https://www.infragistics.com/legal/license/igultimate-la
+https://www.infragistics.com/legal/license/igultimate-eula
+GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE: you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
+*/
+import { IgcAnnotationLayerProxyModule } from './igc-annotation-layer-proxy-module';
+import { IgcDataAnnotationStripLayerComponent } from './igc-data-annotation-strip-layer-component';
+import { DataAnnotationStripLayer } from './DataAnnotationStripLayer';
+import { TypeRegistrar } from "igniteui-webcomponents-core";
+export class IgcDataAnnotationStripLayerModule {
+    static register() {
+        IgcAnnotationLayerProxyModule.register();
+        IgcDataAnnotationStripLayerComponent.register();
+        TypeRegistrar.registerCons("IgcDataAnnotationStripLayerComponent", IgcDataAnnotationStripLayerComponent);
+        TypeRegistrar.register("DataAnnotationStripLayer", DataAnnotationStripLayer.$type);
+    }
+}

package/esm2015/lib/igc-data-chart-annotation-module.js

@@ -15,6 +15,7 @@ import { IgcCalloutLayerModule } from './igc-callout-layer-module';
 import { IgcDataToolTipLayerModule } from './igc-data-tool-tip-layer-module';
 import { IgcValueLayerModule } from './igc-value-layer-module';
 import { IgcTrendLineLayerModule } from './igc-trend-line-layer-module';
+import { FastItemObjectColumn } from "igniteui-webcomponents-core";
 import { TypeRegistrar } from "igniteui-webcomponents-core";
 export class IgcDataChartAnnotationModule {
     static register() {
@@ -29,5 +30,6 @@ export class IgcDataChartAnnotationModule {
         IgcDataToolTipLayerModule.register();
         IgcValueLayerModule.register();
         IgcTrendLineLayerModule.register();
+        TypeRegistrar.register('FastItemObjectColumn', FastItemObjectColumn.$type);
     }
 }

package/esm2015/lib/igc-data-chart-component.js

@@ -342,11 +342,25 @@ export let IgcDataChartComponent = /*@__PURE__*/ (() => {
                     c = ext;
                 }
                 if (!isSubContent) {
-                    if (ele.parentElement != self._container.getNativeElement()) {
-                        if (ele.parentElement != null) {
-                            ele.parentElement.removeChild(ele);
+                    ele.removeAttribute("popover");
+                    //attach tooltip to chart container
+                    if (c.series != null && !c.series.attachTooltipToRoot) {
+                        if (ele.parentElement != self._container.getNativeElement()) {
+                            if (ele.parentElement != null) {
+                                ele.parentElement.removeChild(ele);
+                            }
+                            self._container.getNativeElement().appendChild(ele);
+                        }
+                    }
+                    //attach tooltip to body
+                    else {
+                        this.remove();
+                        this.renderer.appendToBody(this);
+                        var supportsPopover = HTMLElement.prototype.hasOwnProperty("popover");
+                        if (supportsPopover) {
+                            ele.setAttribute("popover", "manual");
+                            ele.showPopover();
                         }
-                        self._container.getNativeElement().appendChild(ele);
                     }
                 }
                 else {
@@ -357,6 +371,8 @@ export let IgcDataChartComponent = /*@__PURE__*/ (() => {
                 return true;
             };
             ele.hideToolTip = function () {
+                if (ele.hasAttribute("popover"))
+                    ele.hidePopover();
                 ele.style.display = "none";
             };
             ele.style.display = "none";
@@ -441,11 +457,11 @@ export let IgcDataChartComponent = /*@__PURE__*/ (() => {
     * ```
     */
         get isSquare() {
-            return this.i.xl;
+            return this.i.xx;
         }
         set isSquare(v) {
-            this.i.xl = ensureBool(v);
-            this._a("isSquare", this.i.xl);
+            this.i.xx = ensureBool(v);
+            this._a("isSquare", this.i.xx);
         }
         /**
          * A number between 0 and 1 determining the scale of the horizontal zoom.
@@ -458,11 +474,11 @@ export let IgcDataChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get windowScaleHorizontal() {
-            return this.i.ys;
+            return this.i.y4;
         }
         set windowScaleHorizontal(v) {
-            this.i.ys = +v;
-            this._a("windowScaleHorizontal", this.i.ys);
+            this.i.y4 = +v;
+            this._a("windowScaleHorizontal", this.i.y4);
         }
         /**
          * A number between 0 and 1 determining the scale of the vertical zoom.
@@ -475,33 +491,33 @@ export let IgcDataChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get windowScaleVertical() {
-            return this.i.yt;
+            return this.i.y5;
         }
         set windowScaleVertical(v) {
-            this.i.yt = +v;
-            this._a("windowScaleVertical", this.i.yt);
+            this.i.y5 = +v;
+            this._a("windowScaleVertical", this.i.y5);
         }
         /**
          * A number between 0 and 1 determining the scale of the horizontal zoom.
          * This property is effectively a shortcut to the Width of the ActualWindowRect property.
         */
         get actualWindowScaleHorizontal() {
-            return this.i.yd;
+            return this.i.yp;
         }
         set actualWindowScaleHorizontal(v) {
-            this.i.yd = +v;
-            this._a("actualWindowScaleHorizontal", this.i.yd);
+            this.i.yp = +v;
+            this._a("actualWindowScaleHorizontal", this.i.yp);
         }
         /**
          * A number between 0 and 1 determining the scale of the vertical zoom.
          * This property is effectively a shortcut to the Height of the ActualWindowRect property.
         */
         get actualWindowScaleVertical() {
-            return this.i.ye;
+            return this.i.yq;
         }
         set actualWindowScaleVertical(v) {
-            this.i.ye = +v;
-            this._a("actualWindowScaleVertical", this.i.ye);
+            this.i.yq = +v;
+            this._a("actualWindowScaleVertical", this.i.yq);
         }
         /**
          * Gets or sets horizontal zoomability of the current control
@@ -513,11 +529,11 @@ export let IgcDataChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isHorizontalZoomEnabled() {
-            return this.i.xj;
+            return this.i.xv;
         }
         set isHorizontalZoomEnabled(v) {
-            this.i.xj = ensureBool(v);
-            this._a("isHorizontalZoomEnabled", this.i.xj);
+            this.i.xv = ensureBool(v);
+            this._a("isHorizontalZoomEnabled", this.i.xv);
         }
         /**
          * Gets or sets vertical zoomability of the current control
@@ -529,11 +545,11 @@ export let IgcDataChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isVerticalZoomEnabled() {
-            return this.i.xm;
+            return this.i.xy;
         }
         set isVerticalZoomEnabled(v) {
-            this.i.xm = ensureBool(v);
-            this._a("isVerticalZoomEnabled", this.i.xm);
+            this.i.xy = ensureBool(v);
+            this._a("isVerticalZoomEnabled", this.i.xy);
         }
         /**
          * Gets or sets how grid lines are rendered in relation to series.
@@ -541,91 +557,91 @@ export let IgcDataChartComponent = /*@__PURE__*/ (() => {
         *  Try setting the `GridMode` property to bring your grid lines in front of the data series.
         */
         get gridMode() {
-            return this.i.wz;
+            return this.i.xb;
         }
         set gridMode(v) {
-            this.i.wz = ensureEnum(GridMode_$type, v);
-            this._a("gridMode", enumToString(GridMode_$type, this.i.wz));
+            this.i.xb = ensureEnum(GridMode_$type, v);
+            this._a("gridMode", enumToString(GridMode_$type, this.i.xb));
         }
         /**
          * Gets or sets a value indicating whether grid and tick lines are aligned to device pixels.
         */
         get alignsGridLinesToPixels() {
-            return this.i.xf;
+            return this.i.xr;
         }
         set alignsGridLinesToPixels(v) {
-            this.i.xf = ensureBool(v);
-            this._a("alignsGridLinesToPixels", this.i.xf);
+            this.i.xr = ensureBool(v);
+            this._a("alignsGridLinesToPixels", this.i.xr);
         }
         /**
          * Gets or sets the maximum amount the series viewer should auto expand margins to accomodate the initial horizontal axis labels.
         */
         get autoExpandMarginMaximumValue() {
-            return this.i.yg;
+            return this.i.ys;
         }
         set autoExpandMarginMaximumValue(v) {
-            this.i.yg = +v;
-            this._a("autoExpandMarginMaximumValue", this.i.yg);
+            this.i.ys = +v;
+            this._a("autoExpandMarginMaximumValue", this.i.ys);
         }
         /**
          * Gets or sets the extra amount the series viewer should auto expand margins to accomodate the initial horizontal axis labels.
         */
         get autoExpandMarginExtraPadding() {
-            return this.i.yf;
+            return this.i.yr;
         }
         set autoExpandMarginExtraPadding(v) {
-            this.i.yf = +v;
-            this._a("autoExpandMarginExtraPadding", this.i.yf);
+            this.i.yr = +v;
+            this._a("autoExpandMarginExtraPadding", this.i.yr);
         }
         /**
          * Gets or sets a whether the series viewer should suppress truncation of axis labels.
         */
         get shouldSuppressAxisLabelTruncation() {
-            return this.i.xt;
+            return this.i.x5;
         }
         set shouldSuppressAxisLabelTruncation(v) {
-            this.i.xt = ensureBool(v);
-            this._a("shouldSuppressAxisLabelTruncation", this.i.xt);
+            this.i.x5 = ensureBool(v);
+            this._a("shouldSuppressAxisLabelTruncation", this.i.x5);
         }
         /**
          * Gets or sets a whether the series viewer should auto expand margins to accomodate the initial horizontal axis labels.
         */
         get shouldAutoExpandMarginForInitialLabels() {
-            return this.i.xp;
+            return this.i.x1;
         }
         set shouldAutoExpandMarginForInitialLabels(v) {
-            this.i.xp = ensureBool(v);
-            this._a("shouldAutoExpandMarginForInitialLabels", this.i.xp);
+            this.i.x1 = ensureBool(v);
+            this._a("shouldAutoExpandMarginForInitialLabels", this.i.x1);
         }
         /**
          * Gets or sets a whether the series viewer should consider auto rotating labels to fit them in the initial view. This implies that ShouldAutoExpandMarginForInitialLabels is true.
         */
         get shouldConsiderAutoRotationForInitialLabels() {
-            return this.i.xs;
+            return this.i.x4;
         }
         set shouldConsiderAutoRotationForInitialLabels(v) {
-            this.i.xs = ensureBool(v);
-            this._a("shouldConsiderAutoRotationForInitialLabels", this.i.xs);
+            this.i.x4 = ensureBool(v);
+            this._a("shouldConsiderAutoRotationForInitialLabels", this.i.x4);
         }
         /**
          * Gets or sets a whether the series viewer should suppress auto recalculating margin and axis label angles.
         */
         get suppressAutoMarginAndAngleRecalculation() {
-            return this.i.xu;
+            return this.i.x6;
         }
         set suppressAutoMarginAndAngleRecalculation(v) {
-            this.i.xu = ensureBool(v);
-            this._a("suppressAutoMarginAndAngleRecalculation", this.i.xu);
+            this.i.x6 = ensureBool(v);
+            this._a("suppressAutoMarginAndAngleRecalculation", this.i.x6);
         }
         /**
          * Gets or sets a whether the series viewer should consider auto rotating labels to fit them in the initial view. This implies that ShouldAutoExpandMarginForInitialLabels is true.
         */
         get autoMarginAndAngleUpdateMode() {
-            return this.i.wu;
+            return this.i.w6;
         }
         set autoMarginAndAngleUpdateMode(v) {
-            this.i.wu = ensureEnum(AutoMarginsAndAngleUpdateMode_$type, v);
-            this._a("autoMarginAndAngleUpdateMode", enumToString(AutoMarginsAndAngleUpdateMode_$type, this.i.wu));
+            this.i.w6 = ensureEnum(AutoMarginsAndAngleUpdateMode_$type, v);
+            this._a("autoMarginAndAngleUpdateMode", enumToString(AutoMarginsAndAngleUpdateMode_$type, this.i.w6));
         }
         /**
          * Gets or sets the DefaultAxisStroke property.
@@ -633,11 +649,11 @@ export let IgcDataChartComponent = /*@__PURE__*/ (() => {
          * Axis.Stroke is set.
         */
         get defaultAxisStroke() {
-            return brushToString(this.i.aav);
+            return brushToString(this.i.aa7);
         }
         set defaultAxisStroke(v) {
-            this.i.aav = stringToBrush(v);
-            this._a("defaultAxisStroke", brushToString(this.i.aav));
+            this.i.aa7 = stringToBrush(v);
+            this._a("defaultAxisStroke", brushToString(this.i.aa7));
         }
         /**
          * Gets or sets the DefaultAxisMajorStroke property.
@@ -645,11 +661,11 @@ export let IgcDataChartComponent = /*@__PURE__*/ (() => {
          * Axis.MajorStroke is set.
         */
         get defaultAxisMajorStroke() {
-            return brushToString(this.i.aat);
+            return brushToString(this.i.aa5);
         }
         set defaultAxisMajorStroke(v) {
-            this.i.aat = stringToBrush(v);
-            this._a("defaultAxisMajorStroke", brushToString(this.i.aat));
+            this.i.aa5 = stringToBrush(v);
+            this._a("defaultAxisMajorStroke", brushToString(this.i.aa5));
         }
         /**
          * Gets or sets the DefaultAxisMinorStroke property.
@@ -657,121 +673,121 @@ export let IgcDataChartComponent = /*@__PURE__*/ (() => {
          * Axis.MinorStroke is set.
         */
         get defaultAxisMinorStroke() {
-            return brushToString(this.i.aau);
+            return brushToString(this.i.aa6);
         }
         set defaultAxisMinorStroke(v) {
-            this.i.aau = stringToBrush(v);
-            this._a("defaultAxisMinorStroke", brushToString(this.i.aau));
+            this.i.aa6 = stringToBrush(v);
+            this._a("defaultAxisMinorStroke", brushToString(this.i.aa6));
         }
         /**
          * Gets the actual resolved left plot area margin;
         */
         get actualPlotAreaMarginLeft() {
-            return this.i.ya;
+            return this.i.ym;
         }
         set actualPlotAreaMarginLeft(v) {
-            this.i.ya = +v;
-            this._a("actualPlotAreaMarginLeft", this.i.ya);
+            this.i.ym = +v;
+            this._a("actualPlotAreaMarginLeft", this.i.ym);
         }
         /**
          * Gets the actual resolved top plot area margin;
         */
         get actualPlotAreaMarginTop() {
-            return this.i.yc;
+            return this.i.yo;
         }
         set actualPlotAreaMarginTop(v) {
-            this.i.yc = +v;
-            this._a("actualPlotAreaMarginTop", this.i.yc);
+            this.i.yo = +v;
+            this._a("actualPlotAreaMarginTop", this.i.yo);
         }
         /**
          * Gets the actual resolved right plot area margin;
         */
         get actualPlotAreaMarginRight() {
-            return this.i.yb;
+            return this.i.yn;
         }
         set actualPlotAreaMarginRight(v) {
-            this.i.yb = +v;
-            this._a("actualPlotAreaMarginRight", this.i.yb);
+            this.i.yn = +v;
+            this._a("actualPlotAreaMarginRight", this.i.yn);
         }
         /**
          * Gets the actual resolved bottom plot area margin;
         */
         get actualPlotAreaMarginBottom() {
-            return this.i.x9;
+            return this.i.yl;
         }
         set actualPlotAreaMarginBottom(v) {
-            this.i.x9 = +v;
-            this._a("actualPlotAreaMarginBottom", this.i.x9);
+            this.i.yl = +v;
+            this._a("actualPlotAreaMarginBottom", this.i.yl);
         }
         /**
          * Gets or sets mode to use for automatically calculating the plot area margin.
         */
         get computedPlotAreaMarginMode() {
-            return this.i.wx;
+            return this.i.w9;
         }
         set computedPlotAreaMarginMode(v) {
-            this.i.wx = ensureEnum(ComputedPlotAreaMarginMode_$type, v);
-            this._a("computedPlotAreaMarginMode", enumToString(ComputedPlotAreaMarginMode_$type, this.i.wx));
+            this.i.w9 = ensureEnum(ComputedPlotAreaMarginMode_$type, v);
+            this._a("computedPlotAreaMarginMode", enumToString(ComputedPlotAreaMarginMode_$type, this.i.w9));
         }
         /**
          * Gets or sets horizontal mode to use for automatically calculating the plot area margin based ont the series.
         */
         get seriesPlotAreaMarginHorizontalMode() {
-            return this.i.w4;
+            return this.i.xg;
         }
         set seriesPlotAreaMarginHorizontalMode(v) {
-            this.i.w4 = ensureEnum(SeriesPlotAreaMarginHorizontalMode_$type, v);
-            this._a("seriesPlotAreaMarginHorizontalMode", enumToString(SeriesPlotAreaMarginHorizontalMode_$type, this.i.w4));
+            this.i.xg = ensureEnum(SeriesPlotAreaMarginHorizontalMode_$type, v);
+            this._a("seriesPlotAreaMarginHorizontalMode", enumToString(SeriesPlotAreaMarginHorizontalMode_$type, this.i.xg));
         }
         /**
          * Gets or sets vertical mode to use for automatically calculating the plot area margin based ont the series.
         */
         get seriesPlotAreaMarginVerticalMode() {
-            return this.i.w7;
+            return this.i.xj;
         }
         set seriesPlotAreaMarginVerticalMode(v) {
-            this.i.w7 = ensureEnum(SeriesPlotAreaMarginVerticalMode_$type, v);
-            this._a("seriesPlotAreaMarginVerticalMode", enumToString(SeriesPlotAreaMarginVerticalMode_$type, this.i.w7));
+            this.i.xj = ensureEnum(SeriesPlotAreaMarginVerticalMode_$type, v);
+            this._a("seriesPlotAreaMarginVerticalMode", enumToString(SeriesPlotAreaMarginVerticalMode_$type, this.i.xj));
         }
         /**
          * Margin applied to the left of the plot area.
         */
         get plotAreaMarginLeft() {
-            return this.i.yo;
+            return this.i.y0;
         }
         set plotAreaMarginLeft(v) {
-            this.i.yo = +v;
-            this._a("plotAreaMarginLeft", this.i.yo);
+            this.i.y0 = +v;
+            this._a("plotAreaMarginLeft", this.i.y0);
         }
         /**
          * Margin applied above the plot area.
         */
         get plotAreaMarginTop() {
-            return this.i.yq;
+            return this.i.y2;
         }
         set plotAreaMarginTop(v) {
-            this.i.yq = +v;
-            this._a("plotAreaMarginTop", this.i.yq);
+            this.i.y2 = +v;
+            this._a("plotAreaMarginTop", this.i.y2);
         }
         /**
          * Margin applied to the right of the plot area.
         */
         get plotAreaMarginRight() {
-            return this.i.yp;
+            return this.i.y1;
         }
         set plotAreaMarginRight(v) {
-            this.i.yp = +v;
-            this._a("plotAreaMarginRight", this.i.yp);
+            this.i.y1 = +v;
+            this._a("plotAreaMarginRight", this.i.y1);
         }
         /**
          * Margin applied below the plot area.
         */
         get plotAreaMarginBottom() {
-            return this.i.yn;
+            return this.i.yz;
         }
         set plotAreaMarginBottom(v) {
-            this.i.yn = +v;
-            this._a("plotAreaMarginBottom", this.i.yn);
+            this.i.yz = +v;
+            this._a("plotAreaMarginBottom", this.i.yz);
         }
         findByName(name) {
             var baseResult = super.findByName(name);
@@ -784,27 +800,27 @@ export let IgcDataChartComponent = /*@__PURE__*/ (() => {
             return null;
         }
         refreshComputedPlotAreaMargin() {
-            this.i.z1();
+            this.i.aad();
         }
         recalculateMarginAutoExpansion() {
-            this.i.z0();
+            this.i.aac();
         }
         recalculateAutoLabelsAngle() {
-            this.i.zz();
+            this.i.aab();
         }
         /**
          * Notifies the chart that the CSS styles in effect have been updated.
         
         */
         styleUpdated() {
-            this.i.z2();
+            this.i.aae();
         }
         /**
          * Export serialized visual data.
         
         */
         exportSerializedVisualData() {
-            let iv = this.i.za();
+            let iv = this.i.zm();
             return (iv);
         }
     }

package/esm2015/lib/igc-data-chart-radial-module.js

@@ -8,6 +8,7 @@ import { IgcRadialAreaSeriesModule } from './igc-radial-area-series-module';
 import { IgcRadialColumnSeriesModule } from './igc-radial-column-series-module';
 import { IgcRadialLineSeriesModule } from './igc-radial-line-series-module';
 import { IgcRadialPieSeriesModule } from './igc-radial-pie-series-module';
+import { IgcOthersCategoryContextModule } from './igc-others-category-context-module';
 import { IgcDataChartRadialCoreModule } from './igc-data-chart-radial-core-module';
 export class IgcDataChartRadialModule {
     static register() {
@@ -15,6 +16,7 @@ export class IgcDataChartRadialModule {
         IgcRadialColumnSeriesModule.register();
         IgcRadialLineSeriesModule.register();
         IgcRadialPieSeriesModule.register();
+        IgcOthersCategoryContextModule.register();
         IgcDataChartRadialCoreModule.register();
     }
 }